body{background:#E6ECEF;font-family: 'Open Sans', sans-serif;²}
.col-md-4{padding-right:20px;padding-left:20px;margin-bottom:40px}
.navbar-header {width: 100%}
.f-nothing {font-family: 'Nothing You Could Do', 'Arial', cursive;}
.m-r-30 {margin-right: 30px;}
/**** Preloader ****/
.loader-overlay {position: fixed;left: 0;top: 0;bottom: 0;right: 0;overflow: hidden;background: #2D2E2F;z-index: 10000;-webkit-perspective: 10000;-moz-perspective: 10000;perspective: 10000;-webkit-perspective: 10000px;-moz-perspective: 10000px;perspective: 10000px;zoom: 1;filter: alpha(opacity=100);-webkit-opacity: 1;-moz-opacity: 1;opacity: 1;-webkit-transition: all 800ms ease-in-out;-moz-transition: all 800ms ease-in-out;-o-transition: all 800ms ease-in-out;transition: all 800ms ease-in-out;}
.loader-overlay.loaded {zoom: 1;filter: alpha(opacity=0);-webkit-opacity: 0;-moz-opacity: 0;opacity: 0;visibility: hidden;}
.loader-overlay .loader-inner{position: absolute;left: 50%;top: 50%;margin-left: -15px;margin-top: -15px;}
.spinner{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:5em;height:2em;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}
.spinner > div{display:inline-block;width:1em;height:1em;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;background-color:#fff;-webkit-animation:bouncedelay 1.4s infinite ease-in-out;animation:bouncedelay 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.landing-slider .spinner > div{background-color:rgba(255,255,255,0.5)}
.landing-els .spinner > div{background-color:rgba(0,0,0,0.2)}
.spinner .bounce1{margin-right:.5em;-webkit-animation-delay:-.32s;animation-delay:-.32s}
.spinner .bounce2{margin-right:.5em;-webkit-animation-delay:-.16s;animation-delay:-.16s}
@-webkit-keyframes bouncedelay {
0%,80%,100%{-webkit-transform:scale(0)}
40%{-webkit-transform:scale(1)}
}
@keyframes bouncedelay {
0%,80%,100%{-webkit-transform:scale(0);transform:scale(0)}
40%{-webkit-transform:scale(1);transform:scale(1)}
}

.admin-links{margin-left: -25px;}
.btn {text-transform: uppercase;border-radius: 18px;padding: 7px 20px}
.btn:focus, .btn:active:focus, .btn.active:focus {outline: none;box-shadow: none;}
.btn-primary{color:#fff;background-color:#319DB5;border-color:#319DB5}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{color:#fff;background-color:#2D93A8;border-color:#2D93A8}
.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{background:#288599;border-color:#288599}
.btn-warning{color:#fff;background-color:#FF9122}
.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning{color:#fff;background-color:#ff8408;border-color:#ff8408;box}
.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning{background:#cda70d;border-color:#cda70d}
.btn-warning.disabled,.btn-warning[disabled],fieldset[disabled] .btn-warning,.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled:active,.btn-warning[disabled]:active,fieldset[disabled] .btn-warning:active,.btn-warning.disabled.active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning.active{background-color:#FF9122;border-color:#FF9122}
.btn-dark{color:#fff;background-color:#353940}
.btn-dark:hover,.btn-dark:focus,.btn-dark:active,.btn-dark.active,.open .dropdown-toggle.btn-dark{color:#fff !important;background-color:#1f2225;border-color:#1f2225}
.btn-dark:active,.btn-dark.active,.open .dropdown-toggle.btn-dark{background:#131517;border-color:#131517}
.btn-dark.disabled,.btn-dark[disabled],fieldset[disabled] .btn-dark,.btn-dark.disabled:hover,.btn-dark[disabled]:hover,fieldset[disabled] .btn-dark:hover,.btn-dark.disabled:focus,.btn-dark[disabled]:focus,fieldset[disabled] .btn-dark:focus,.btn-dark.disabled:active,.btn-dark[disabled]:active,fieldset[disabled] .btn-dark:active,.btn-dark.disabled.active,.btn-dark[disabled].active,fieldset[disabled] .btn-dark.active{background-color:#1f2225;border-color:#1f2225}
.navbar{background:none;height:63px;border:none;-webkit-transition: background 0.3s linear;-moz-transition: background 0.3s linear;-o-transition: background 0.3s linear;-ms-transition: background 0.3s linear;transition: background 0.3s linear;}
.navbar.withbg{background:#26282D;}
.page-logo{float:left;}
.btn-purchase{float:right;display:block;padding-top:13px}
.container {width: 1400px;}
.preview .text {font-family: 'Lato';font-size: 22px;line-height: 34px;text-align: center;margin-bottom: 50px;font-weight: 100}
.preview .text strong {font-family: 'Lato';font-weight: 900}
.preview .text .bullet {font-size: 15px;color: rgba(0,0,0,0.1);display:inline-block;padding-left: 8px;padding-right: 8px}
.preview .text .variations {font-size: 15px;text-transform: uppercase;font-weight:600;color:#525B5F;}
.preview .col-lg-4 {margin-bottom: 40px;}
.preview .col-lg-4 img {margin:auto;}
.preview .col-lg-4 a{-webkit-filter: contrast(90%);filter: contrast(90%);margin:5px 45px; padding: 0;position: relative;display: block;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;-ms-transition: all 0.2s linear;transition: all 0.2s linear;}
.preview .col-lg-4 a:hover {-webkit-filter: contrast(110%);filter: contrast(110%); }
.preview .col-lg-4 span {text-align: center;padding-top: 15px;padding-bottom: 5px; font-family: 'Lato', arial, cursive;color: #515151;font-size:20px;text-decoration: none;margin-bottom: 0;display: inline-block;font-weight: 300;width: 100%;margin-top: 5px;}
.btn.btn-transparent:hover {color: #333;border: 1px solid #c5cad0;background-color: rgba(197, 202, 208, 0.2)}
.header{margin-bottom:70px;position: relative;min-height:600px;padding-top:70px;text-align:center;background-color:#33353C; overflow:hidden;}
.header h1{position: absolute;left: 0;right: 0;z-index:2;margin-bottom: 20px; margin-top:28px;font-size: 34px;line-height: 52px;color:#fff;font-family: 'Lato';font-weight: 100;}
.header h1 strong {font-family: 'Lato';font-weight: 900;}
.header-btn{z-index:2; position:absolute;top:220px; left:0;bottom:-24px;width:100%;min-height:430px;padding-top:136px;background:url(../images/page-builder.png) no-repeat center 30px}
.header-btn p{display:block; margin-top:18px;margin-bottom:22px;font-size:14px 'Open Sans',sans-serif;color:#3A4F58}
#demo-canvas {position: absolute;width: 100%;left: 0;}
.fb-btn {margin-top: 35px;}



footer img {text-align: center;margin:auto;display: block;margin-bottom: 20px;}
@media screen and (max-width: 1420px) {
  .container {width: 100%;}
}
@-moz-keyframes rotate-left {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rotate-left {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate-left {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes rotate-right {
  0% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  100% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@-webkit-keyframes rotate-right {
  0% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes rotate-right {
  0% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}


.header-gears {
  position: absolute;
  top: -250px;
  left: 50%;
  margin-left: -770px;
  width: 1540px;
  opacity: 0.2
}

.header-gear {
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.header-gear.rotate-left {
  -moz-animation: rotate-left 150000ms infinite linear;
  -webkit-animation: rotate-left 150000ms infinite linear;
  animation: rotate-left 150000ms infinite linear;
}
.header-gear.rotate-right {
  -moz-animation: rotate-right 150000ms infinite linear;
  -webkit-animation: rotate-right 150000ms infinite linear;
  animation: rotate-right 150000ms infinite linear;
}