/*
Theme Name:    Snail Invest
Theme URI:     http://novelwebdesigns.com/
Description:   Snail Invest Theme
Version:       2.0
Author:        NWD
Author URI:    http://novelwebdesigns.com/
License:       GNU General Public License v2 or later
*/

/*
------------------------------------------------------
    COLORS
------------------------------------------------------
*/


/*
------------------------------------------------------
    FONTS
------------------------------------------------------
*/
@font-face {
  font-family: 'wpzet';
  src:url('assets/fonts/wpzet.eot?bijd9z');
  src:url('assets/fonts/wpzet.eot?#iefixbijd9z') format('embedded-opentype'),
    url('assets/fonts/wpzet.ttf?bijd9z') format('truetype'),
    url('assets/fonts/wpzet.woff?bijd9z') format('woff'),
    url('assets/fonts/wpzet.svg?bijd9z#wpzet') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="wpzet-icon-"], [class*=" wpzet-icon-"] {
  font-family: 'wpzet';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Enable Ligatures ================ */
  letter-spacing: 0;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.wpzet-icon-cherry-motif:before {
	content: "\e617";
}
.wpzet-icon-home:before {
	content: "\e900";
}
.wpzet-icon-home2:before {
	content: "\e901";
}
.wpzet-icon-home3:before {
	content: "\e902";
}
.wpzet-icon-connection:before {
	content: "\e91b";
}
.wpzet-icon-file-text2:before {
	content: "\e926";
}
.wpzet-icon-cart:before {
	content: "\e93a";
}
.wpzet-icon-phone:before {
	content: "\e942";
}
.wpzet-icon-phone-hang-up:before {
	content: "\e943";
}
.wpzet-icon-envelop:before {
	content: "\e945";
}
.wpzet-icon-pushpin:before {
	content: "\e946";
}
.wpzet-icon-location:before {
	content: "\e947";
}
.wpzet-icon-location2:before {
	content: "\e948";
}
.wpzet-icon-compass:before {
	content: "\e949";
}
.wpzet-icon-display:before {
	content: "\e956";
}
.wpzet-icon-laptop:before {
	content: "\e957";
}
.wpzet-icon-mobile:before {
	content: "\e958";
}
.wpzet-icon-box-add:before {
	content: "\e95e";
}
.wpzet-icon-floppy-disk:before {
	content: "\e962";
}
.wpzet-icon-quotes-left:before {
	content: "\e977";
}
.wpzet-icon-quotes-right:before {
	content: "\e978";
}
.wpzet-icon-spinner2:before {
	content: "\e97b";
}
.wpzet-icon-spinner5:before {
	content: "\e97e";
}
.wpzet-icon-spinner9:before {
	content: "\e982";
}
.wpzet-icon-zoom-in:before {
	content: "\e987";
}
.wpzet-icon-pie-chart:before {
	content: "\e99a";
}
.wpzet-icon-earth:before {
	content: "\e9ca";
}
.wpzet-icon-eye:before {
	content: "\e9ce";
}
.wpzet-icon-star-empty:before {
	content: "\e9d7";
}
.wpzet-icon-star-full:before {
	content: "\e9d9";
}
.wpzet-icon-plus:before {
	content: "\ea0a";
}
.wpzet-icon-minus:before {
	content: "\ea0b";
}
.wpzet-icon-cancel-circle:before {
	content: "\ea0d";
}
.wpzet-icon-cross:before {
	content: "\ea0f";
}
.wpzet-icon-checkmark:before {
	content: "\ea10";
}
.wpzet-icon-checkmark2:before {
	content: "\ea11";
}
.wpzet-icon-stop:before {
	content: "\ea17";
}
.wpzet-icon-loop2:before {
	content: "\ea2e";
}
.wpzet-icon-arrow-up:before {
	content: "\ea32";
}
.wpzet-icon-arrow-right:before {
	content: "\ea34";
}
.wpzet-icon-arrow-down:before {
	content: "\ea36";
}
.wpzet-icon-arrow-left:before {
	content: "\ea38";
}
.wpzet-icon-arrow-up2:before {
	content: "\ea3a";
}
.wpzet-icon-arrow-right2:before {
	content: "\ea3c";
}
.wpzet-icon-arrow-down2:before {
	content: "\ea3e";
}
.wpzet-icon-arrow-left2:before {
	content: "\ea40";
}
.wpzet-icon-circle-up:before {
	content: "\ea41";
}
.wpzet-icon-circle-right:before {
	content: "\ea42";
}
.wpzet-icon-circle-down:before {
	content: "\ea43";
}
.wpzet-icon-circle-left:before {
	content: "\ea44";
}
.wpzet-icon-radio-checked:before {
	content: "\ea54";
}
.wpzet-icon-radio-checked2:before {
	content: "\ea55";
}
.wpzet-icon-radio-unchecked:before {
	content: "\ea56";
}
.wpzet-icon-share2:before {
	content: "\ea82";
}
.wpzet-icon-google-plus:before {
	content: "\ea88";
}
.wpzet-icon-facebook:before {
	content: "\ea8c";
}
.wpzet-icon-instagram:before {
	content: "\ea90";
}
.wpzet-icon-twitter:before {
	content: "\ea91";
}
.wpzet-icon-feed2:before {
	content: "\ea94";
}
.wpzet-icon-youtube2:before {
	content: "\ea98";
}
.wpzet-icon-vimeo:before {
	content: "\ea9c";
}
.wpzet-icon-flickr2:before {
	content: "\eaa1";
}
.wpzet-icon-dropbox:before {
	content: "\eaaf";
}
.wpzet-icon-apple:before {
	content: "\eabf";
}
.wpzet-icon-android:before {
	content: "\eac1";
}
.wpzet-icon-windows8:before {
	content: "\eac3";
}
.wpzet-icon-linkedin2:before {
	content: "\eac9";
}
.wpzet-icon-file-pdf:before {
	content: "\eada";
}
.wpzet-icon-file-word:before {
	content: "\eadc";
}
.wpzet-icon-chat:before {
	content: "\e618";
}
.wpzet-icon-camera:before {
	content: "\e619";
}
.wpzet-icon-search:before {
	content: "\e611";
}
.wpzet-icon-location3:before {
	content: "\e612";
}
.wpzet-icon-addressbook:before {
	content: "\e61a";
}
.wpzet-icon-clipboard:before {
	content: "\e613";
}
.wpzet-icon-gift:before {
	content: "\e614";
}
.wpzet-icon-key:before {
	content: "\e61b";
}
.wpzet-icon-lollipop:before {
	content: "\e615";
}
.wpzet-icon-badge:before {
	content: "\e61c";
}
.wpzet-icon-sunny:before {
	content: "\e61d";
}
.wpzet-icon-th-menu:before {
	content: "\e62a";
}
.wpzet-icon-phone2:before {
	content: "\e601";
}
.wpzet-icon-media-record:before {
	content: "\e625";
}
.wpzet-icon-at:before {
	content: "\e600";
}
.wpzet-icon-times-outline:before {
	content: "\e602";
}
.wpzet-icon-plus-outline:before {
	content: "\e603";
}
.wpzet-icon-minus-outline:before {
	content: "\e604";
}
.wpzet-icon-tick-outline:before {
	content: "\e605";
}
.wpzet-icon-th-large-outline:before {
	content: "\e606";
}
.wpzet-icon-chevron-right-outline:before {
	content: "\e607";
}
.wpzet-icon-chevron-left-outline:before {
	content: "\e608";
}
.wpzet-icon-th-menu-outline:before {
	content: "\e62b";
}
.wpzet-icon-attachment-outline:before {
	content: "\e61e";
}
.wpzet-icon-camera-outline:before {
	content: "\e61f";
}
.wpzet-icon-upload-outline:before {
	content: "\e620";
}
.wpzet-icon-lightbulb:before {
	content: "\e621";
}
.wpzet-icon-weather-sunny:before {
	content: "\e622";
}
.wpzet-icon-wine:before {
	content: "\e623";
}
.wpzet-icon-waves-outline:before {
	content: "\e624";
}
.wpzet-icon-chevron-thin-down:before {
	content: "\e609";
}
.wpzet-icon-chevron-thin-left:before {
	content: "\e60a";
}
.wpzet-icon-chevron-thin-right:before {
	content: "\e60b";
}
.wpzet-icon-chevron-thin-up:before {
	content: "\e60c";
}
.wpzet-icon-controller-play:before {
	content: "\e629";
}
.wpzet-icon-mail:before {
	content: "\e60d";
}
.wpzet-icon-menu:before {
	content: "\e62c";
}
.wpzet-icon-message:before {
	content: "\e626";
}
.wpzet-icon-minus2:before {
	content: "\e627";
}
.wpzet-icon-old-phone:before {
	content: "\e60e";
}
.wpzet-icon-plus2:before {
	content: "\e616";
}
.wpzet-icon-tablet:before {
	content: "\e628";
}
.wpzet-icon-vinyl:before {
	content: "\e60f";
}
.wpzet-icon-pinterest:before {
	content: "\e610";
}

/*
------------------------------------------------------
    GENERAL
------------------------------------------------------
*/
body{
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  color: #25272b;
}

h1, h2, h3, h4 {
  font-weight: 800;
}

a{
  text-decoration: none;
  transition: all 0.4s;
}

a:hover,
a:focus{
  text-decoration: none;
}

.section {
  margin-bottom: 30px;
}

img.img-full {
  width: 100%;
}

button{
  background: 0;
  border: 0;
  outline: none;
}

strong {
  font-weight: 800;
}

ul {
  list-style-position: inside;
}

.section-title {
  text-align: center;
}

.section-title h2 {
  display: inline-block;
  padding-bottom: 6px;
  font-size: 32px;
  text-align: center;
}

/*
------------------------------------------------------
    SPIN LOADER
------------------------------------------------------
*/

#spinner-container {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 9999;
}

.spinner {
  width: 80px;
  height: 80px;

  position: relative;
  margin: 150px auto;
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #228c43;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;

  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

/*
------------------------------------------------------
    BOOTSRAP
------------------------------------------------------
*/


/*
------------------------------------------------------
    TOP BAR
------------------------------------------------------
*/
#top-bar {
  min-height: 32px;
  background: #eee;
}

/*
------------------------------------------------------
    HEADER
------------------------------------------------------
*/
#header {
  padding: 10px 0 15px 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9989;
  background: rgba(30, 70, 43, 0.57);
}

#logo {
  display: block;
}

/*
------------------------------------------------------
    NAVIGATION
------------------------------------------------------
*/

.main-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.main-navigation>ul>li {
  position: relative;
  padding: 0;
}

.main-navigation>ul>li>a {
  display: block;
  padding: 0 6px;
  font-weight: 700;
  color: #fff;
  border-bottom: 3px solid transparent;
}

.main-navigation>ul>li>a:hover {
  border-color: #228c43;
}

.main-navigation>ul>li:last-child>a {
  background: #228c43;
  padding-left: 22px;
  padding-right: 22px;
}

.main-navigation>ul>li:last-child>a:hover {
  background: #0CA73C;
}

.main-navigation .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  padding: 0 15px;
  background: #eee;
  list-style: none;
  margin: 0;
  visibility: hidden;
  opacity: 0;
  z-index: 99999;
  max-width: 200px;
  -webkit-transition: opacity 0.3s linear, visibility 0.3s linear;
  -moz-transition: opacity 0.3s linear, visibility 0.3s linear;
  -o-transition: opacity 0.3s linear, visibility 0.3s linear;
  transition: opacity 0.3s linear, visibility 0.3s linear;
}

.main-navigation>ul>li:hover .sub-menu {
  visibility: visible;
  opacity: 1;
}

.main-navigation .sub-menu a {
  display: block;
  min-width: 100%;
  line-height: 2.4;
}

/*
------------------------------------------------------
    SLICKNAV
------------------------------------------------------
*/
#nav-trigger {
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 32px;
  color: #fff;
  z-index: 9998;
  transition: all .4s ease-in-out;
}

#nav-trigger span {
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -o-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  transition: all .4s ease-in-out;
  transform-origin: center center;
}

#nav-trigger span:hover {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}

#mobile-nav-container {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  background: #0CA73C;
  z-index: 9996;
}

.mobile-nav {
  padding-top: 50px;
  text-align: center;
}

.mobile-nav li {
  display: block;
}

.mobile-nav>li>a {
  display: block;
  color: #fff;
  line-height: 3;
  font-size: 18px;
}

.mobile-nav>li>a:hover {
  background: #0CA72b;
}

/*
------------------------------------------------------
    HERO SLIDER
------------------------------------------------------
*/
#hero-container article {
  position: relative;
}

.hero {
  padding-bottom: 40px;
}

.home .hero-content-container {
  width: 100%;
  position: absolute;
  top: 24%;
  left: 0;
  z-index: 9988;
  color: #fff;
}

.hero-content {
  width: 80%;
  margin: 0 auto;
  text-align: center;
  color: #fff;
}

.hero-content strong {
  font-weight: 800;
}

.responsive-video-container {
  border: 8px solid #00793c;
  border-radius: 2px;
}


/*
------------------------------------------------------
    SERVICES
------------------------------------------------------
*/
.service h2 {
  font-weight: 800;
  font-size: 26px;
}


/*
------------------------------------------------------
    CHESS BOXES
------------------------------------------------------
*/
.chess-box {
  padding: 30px 0;
}

.chess-box:nth-child(even){
  background: #eee;
}

.chess-box .chess-box-image {
  width: 30%;
  float: left;
}

.chess-box:nth-child(odd) .chess-box-image {
  width: 30%;
  float: right;
}

.chess-box:nth-child(odd) .chess-box-image img {
  float: right;
}

.chess-box .chess-box-content {
  width: 45%;
  margin-left: 25%;
  float: right;
}

.chess-box:nth-child(odd) .chess-box-content {
  width: 45%;
  margin-left: 0;
  margin-right: 25%;
  float: left;
}

.front-page .chess-box:nth-child(even){
  background: transparent;
}

.front-page .chess-box:nth-child(odd){
  background: #eee;
}

.chess-box-content ul li {
  position: relative;
  list-style: none;
  padding-left: 44px;
  margin-bottom: 10px;
}

.chess-box-content ul li:before {
  display: inline-block;
  content: "\e629";
  position: absolute;
  top: 5px;
  left: 26px;
  font-family: 'wpzet';
  speak: none;
  line-height: 1;
  letter-spacing: 0;
  font-size: 14px;
  color: #00aeef;
  margin-right: 3px;
}

.chess-box-content ul li:after {
  display: inline-block;
  position: absolute;
  left: 11px;
  top: 0;
  content: "\e625";
  font-family: 'wpzet';
  speak: none;
  line-height: 1;
  letter-spacing: 0;
  color: #B1B1B1;
  font-size: 22px;
}

.cta {
  padding: 60px;
  background: #603814;
  color: #fff;
  text-align: center;
}

.cta a {
  color: #fff;
  text-decoration: underline
}

/*
------------------------------------------------------
    PAGE
------------------------------------------------------
*/
.hero-content-page {
  font-weight: 800;
  text-align: center;
  font-size: 50px;
  margin-top: 5%;
}

.wpzet-gallery li {
  width: 20%;
  padding: 5px;
  margin: 0;
}

.wpzet-gallery li img {
  width: 100%;
}

/*
------------------------------------------------------
    SINGLE
------------------------------------------------------
*/


/*
------------------------------------------------------
    SIDEBAR
------------------------------------------------------
*/


/*
------------------------------------------------------
    FOOTER
------------------------------------------------------
*/
#footer {
  min-height: 200px;
  background: #eee;
  padding-top: 30px;
}

#totop {
  position: fixed;
  right: 15px;
  bottom: 15px;
  border: none;
  outline: none;
  background: transparent;
}

.footer-widget .widget-title {
  font-weight: 700;
}

.footer-widget ul {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: 5px;
}

#footer a {
  color: #25272b;
}

#footer a:hover {
  color: #228C43;
}

.copyright {
  font-size: 12px;
  color: #ABACAD;
}

#totop span {
  background: rgba(0,0,0,0.4);
  color: #fff;
  font-size: 24px;
  padding: 8px;
}

/*
------------------------------------------------------
    SOCIAL
------------------------------------------------------
*/

.bg-facebook {
  background-color: #365397;
}
.bg-facebook:hover {
  background-color: #293E71;
}

.bg-twitter {
  background-color: #00A9F1;
}
.bg-twitter:hover {
  background-color: #0085BE;
}

.bg-youtube {
  background-color: #e52d27;
}
.bg-youtube:hover {
  background-color: #b31217;
}

.bg-linkedin {
  background-color: #0075b7;
}
.bg-linkedin:hover {
  background-color: #0b4971;
}

.social-links {
  margin: 0;
  padding: 0;
}

.social-links li {
  display: inline;
  float: left;
  margin-right: 10px;
}

.social-links li a {
  display: block;
  font-size: 26px;
  color: #fff!important;
}

.social-links li a span {
  padding: 6px;
}

/*
------------------------------------------------------
    WP
------------------------------------------------------
*/


/*
------------------------------------------------------
    MEDIA QUERIES
------------------------------------------------------
*/

@media screen and (max-width: 880px) {
  .hero-content {
    width: 80%;
  }

  .cta {
      padding: 10px;
  }

  .wpzet-gallery li {
    width: 33.333%;
  }
}

@media screen and (max-width: 768px) {

  .chess-box:nth-child(odd) .chess-box-image,
  .chess-box .chess-box-image {
    width: 90%;
    float: none;
    margin: 0 0 15px 0;
    text-align: center;
  }

  .chess-box:nth-child(odd) .chess-box-image img {
    float: none;
    vertical-align: middle;
    margin: 0 auto;
  }

  .chess-box:nth-child(odd) .chess-box-content,
  .chess-box .chess-box-content {
    width: 100%;
    float: none;
    margin: 0;
  }

  .wpzet-gallery li {
    width: 50%;
  }
}

@media screen and (min-width: 320px) and (max-width: 1200px) {
  .hero-content-container {
    display:none;
  }
}

@media screen and (min-width: 1025px) {
  .welcome {
    display: none;
  }
}