* {
  /*border:1px solid red;*/
}

::selection {
  background: #56AA38; /* WebKit/Blink Browsers */
  color: white;
}
::-moz-selection {
  background: #56AA38; /* Gecko Browsers */
  color: white;
}

html {
  line-height: 150% !important;
}

body {
  padding-top:100px;
  background:#FCFCFC;
  /*background: #121212;*/
  max-width:100%;
  overflow-x:hidden;
  font-family: 'Raleway', sans-serif;
  font-size:16px;
}

section {
  width: 100%;
}

strong.h3 {
  font-weight: bold !important;
}

p, .h2, h2.h3, h3, .h4, h4 {
  line-height: 150% !important;
}

a.color-black:hover {
  color: #000000;
  text-decoration: none;
}

@media (max-width: 767px) {
  .xs-center {
      display: block;
      margin-right: auto;
      margin-left: auto;
  }
}

tr.border-none td {
  border: none !important;
}

.table tr td {
  vertical-align: middle !important;
}

.no-padding {
  padding-left: 0;
  padding-right: 0;
}

.margin-t {
  margin-top: 25px;
}

.page-header {
  border-bottom: none;
  margin-top: -150px;
  padding-top: 400px;
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 150px;
}

.page-header .container {
  position: relative;
  z-index: 2;
}


.gradient {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+25,fcfcfc+100&0+0,0.5+25,1+100 */
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 25%, rgba(252,252,252,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 25%,rgba(252,252,252,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 25%,rgba(252,252,252,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#fcfcfc',GradientType=0 ); /* IE6-9 */
}

.container-custom {
  width: 90% !important;
}

.bg-img {
  background-size:100% auto;
  background-repeat:no-repeat;
  background-position:center -100px;
  /*padding:350px 0 0 0;*/
}

.case-study .page-header {
  background: url("../img/case-study_bg.jpg") no-repeat center top !important;
  background-size: 100% auto !important;
  position: relative;
}

.packages .page-header {
  background: url("../img/packages_bg.jpg") no-repeat center top !important;
  background-size: 100% auto !important;
  position: relative;
}

.prices .page-header {
  background: url("../img/prices_bg.jpg") no-repeat center top !important;
  background-size: 100% auto !important;
  position: relative;
}


.prices .page-content {
  margin-top: -250px;
  position: relative;
  z-index: 100;
}

@media (max-width: 767px) {
  .page-header {
    margin-top: -50px;
    margin-bottom: 50px;
  }
  .case-study .page-header, .packages .page-header, .prices .page-header {
    background-size: auto 100% !important;
  }
  .page-header .container {
    margin-top: -250px;
  }
}


@media (max-width: 767px) {
  body {
    text-align:center;
    padding-top:0;
  }
  .table {
    text-align: left;
  }
}

@media (min-width: 1024px) {
  .navbar.navbar-default.navbar-static-top {
    /*margin-top:20px;*/
  }
}

.navbar-brand {
  padding:0 15px;
}

@media (min-width: 1024px) {
  .navbar {
    height:120px;
  }
}

@media (min-width: 1024px) {
  .navbar-brand img {
    height:100px !important;
    width:auto;
    padding:8px 0;
  }
}

@media (min-width: 1024px) {
  .nav.navbar-nav {
    padding:25px 0;
  }
}

@media (min-width: 1024px) {
  .nav.navbar-nav {
    font-size:18px;
  }
}

@media (min-width: 1200px) {
  .nav.navbar-nav {
    font-size:22px;
  }
}

.navigation-clean.navbar-default .navbar-nav > li > a {
  color:#2D2D2D;
}

navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
  color:#56AA38;
}

.navbar-toggle {
  border:none;
  /*margin-top:0px;*/
}

.navbar-toggle.active {
  border:none;
}

.navigation-clean .navbar-toggle .icon-bar {
  background:#56AA38;
  width:35px;
  height:4px;
}

@media (max-width: 991px) {
  .why-us {
    background-size:auto 100%;
  }
}

@media (min-width: 992px) {
  .why-us {
    background-size:100% auto;
  }
}

@media (max-width: 991px) {
  .hassle-free {
    background-size:auto 100%;
  }
}

@media (min-width: 992px) {
  .hassle-free {
    background-size:100% auto;
  }
}

.btn {
  font-weight:800;
}

.color-white {
  color:white;
}

.brands {
  background: white;
  border-bottom: 3px solid #56AA38;
}

.font-italic {
  font-style:italic;
}

.padded {
  padding:250px 0 80px 0;
}

.padded-small {
  padding:100px 0 25px 0;
}

.padded-tb {
  padding-top:50px;
  padding-bottom:50px;
}

.padded-t {
  padding-top: 35px;
}

.padded-b {
  padding-bottom: 35px;
}

.roundead {
  border-radius:100%;
  width:80px;
  height:80px;
}

.carousel-indicators li {
  /*border:2ox solid red !important;*/
}

.col-md-12.text-right {
  text-align:right;
}

.color-brand {
  color:#56AA38;
}

.color-black {
  color:#2D2D2D;
}

.font-bold {
  font-weight:600;
}

footer {
  background:#FCFCFC;
  padding:25px 0 10px 0;
}

.contact {
  overflow-y:hidden;
  max-height:100%;
  background: url("../img/contact_bg.jpg") no-repeat center top;
  background-size: 100% auto;
}

@media (orientation: portrait) {
  .contact {
    background-size: auto 100%;
    background-position: center top;
  }
}

.line-top::before {
  content:'';
  display:block;
  width:50%;
  height:3px;
  background:white;
  margin:10px auto;
}

.line-top-black::before {
  content:'';
  display:block;
  width:50%;
  height:3px;
  background:#2D2D2D;
  margin:10px auto;
}


.line-bottom::after {
  content:'';
  display:block;
  width:25%;
  height:3px;
  background:white;
  margin:10px auto;
}

.line-bottom-black::after {
  content:'';
  display:block;
  width:25%;
  height:3px;
  background:#2D2D2D;
  margin:10px auto;
}

.btn.btn-success.btn-lg.outline {
  background:transparent;
  border-color:#56AA38;
  color:#56AA38;
  font-weight:600;
  border:2px solid;
}

.modal1 {
  width:100%;
  height:100%;
  background:#56AA38;
}

.modal.fade {
  opacity:1;
}

.margin-tb {
  margin-top: 15px;
  margin-bottom: 15px: 
}

.modal.fade .modal-dialog {
  -webkit-transform:translate(0);
  -moz-transform:translate(0);
  transform:translate(0);
}

.font-xxl {
    font-size: 280%;
    font-weight:900;
  }

.font-xl {
    font-size: 250%;
    font-weight: 700;
}

.font-xl {
  font-size: 150%;
}

@media (min-width: 768px) {
  .font-xxl {
    font-size:450%;
    font-weight:900;
  }
  .font-xl {
    font-size: 250%;
    font-weight: 700;
  }
}

@media (max-width: 767px) {
  .module {
    margin-bottom:50px;
  }
}

.subhead {
  font-size: 250%;
  margin-top:-20px;
  font-weight: 700;
}

@media (max-width: 767px) {
  .subhead {
    font-size: 200%;
  }
}

.hero {
  margin-top:-70px;
}

@media (min-width: 992px) {
  .hero {
    margin-top:-140px;
  }
}

.slider-caption {
  font-size:150%;
}

.slider-caption::before {
  content:'';
  display:block;
  width:75%;
  height:3px;
  background:white;
  margin:0 auto;
}

.carousel-caption.color-black .slider-caption::before {
  background:#2D2D2D;
}

@media (max-width: 767px) {
  .carousel, .item, .active {
    height:80vh;
    /*width:auto !important;*/
    object-fit:contain;
  }
}

@media (max-width: 767px) {
  .carousel, .item > img {
    min-height:100% !important;
    /*width:auto !important;*/
  }
}

.carousel-inner {
  height:100%;
}

.carousel-inner {
  height:100%;
}

.corousel-caption {
  position:relative;
  top:50%;
  -webkit-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  transform:translateY(-50%);
}

.list-padded {
  margin:20px 0;
  list-style-type:none;
  padding-left:0;
}

.list-padded li {
  padding:8px 0;
  /*color:#56AA38;*/
}

.padded-b {
  padding-bottom:25px;
}

i.fa {
  margin-right:7px;
}

.list-padded li::before {
  content:"\f111";
  font-family:FontAwesome;
  color:#56AA38;
  font-style:normal;
  padding-right:10px;
  font-size:10px;
}

.v-align-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.v-align-content {
  position: absolute;
  width: 90%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media (max-width: 767px) {
  .v-align-content {
    position: absolute;
    width: 90%;
    top: 50%;
    left: 48%;
    transform: translate(-50%, -50%);
  }
}

@media (min-width: 1024px ) and (max-width: 1800px) and (orientation: landscape) {
  .carousel-top {
    margin-top: 100px;
  }
}

@media (max-width: 991px) {
  .carousel-top {
    max-height: 100vh;
    overflow: hidden;
  }
  .carousel-top .carousel-inner > .item > a > img, .carousel-top .carousel-inner > .item > img, .carousel-top .img-responsive, .carousel-top .thumbnail a > img, .thumbnail > img {
    height: 100vh;
    object-fit: cover;
  }

  .carousel-top .carousel-caption {
    text-align: center;
  }

  .carousel-top .carousel-caption .font-xxl {
    font-size: 200%;
    font-weight: 800;
  }
  .carousel-top .carousel-caption .subhead {
    font-size: 120%;
    font-weight: 400;
    margin-top: -8px;
  }
}
.carousel-indicators {
  padding: 10px 0;
}

.carousel-indicators li {
  width: 20px;
  height: 20px;
  border: 4px solid white;
}

.carousel-indicators li.active {
  width: 20px;
  height: 20px;
  border: 4px solid #56AA38;
  background: transparent;
}

/*************** Brands carousel ********************/
.carousel-showmanymoveone {margin: 0 auto; max-height: 150px; overflow-y: hidden;}

.carousel-showmanymoveone .carousel-inner {width: 85%; margin: 0 auto;}

.carousel-showmanymoveone .carousel-control {
  width: 4%;
  background-image: none;
}
.carousel-showmanymoveone .carousel-control.left {
  margin-left: 25px;
  margin-top: 50px;
}

.carousel-showmanymoveone .carousel-control.right {
  margin-right: 25px;
  margin-top: 50px;
}

@media (max-width: 767px) {
  .carousel-showmanymoveone .carousel-control.left {
    margin-top: 35px;
    margin-left: 5px;
  }
  .carousel-showmanymoveone .carousel-control.right {
    margin-top: 35px;
    margin-right: 5px; 
  }
}

.carousel-showmanymoveone .cloneditem-1,
.carousel-showmanymoveone .cloneditem-2,
.carousel-showmanymoveone .cloneditem-3 {
  display: none;
}
@media all and (min-width: 768px) {
  .carousel-showmanymoveone .carousel-inner > .active.left,
  .carousel-showmanymoveone .carousel-inner > .prev {
    left: -50%;
  }
  .carousel-showmanymoveone .carousel-inner > .active.right,
  .carousel-showmanymoveone .carousel-inner > .next {
    left: 50%;
  }
  .carousel-showmanymoveone .carousel-inner > .left,
  .carousel-showmanymoveone .carousel-inner > .prev.right,
  .carousel-showmanymoveone .carousel-inner > .active {
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner .cloneditem-1 {
    display: block;
  }
}
@media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d) {
  .carousel-showmanymoveone .carousel-inner > .item.active.right,
  .carousel-showmanymoveone .carousel-inner > .item.next {
    -webkit-transform: translate3d(50%, 0, 0);
            transform: translate3d(50%, 0, 0);
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner > .item.active.left,
  .carousel-showmanymoveone .carousel-inner > .item.prev {
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner > .item.left,
  .carousel-showmanymoveone .carousel-inner > .item.prev.right,
  .carousel-showmanymoveone .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    left: 0;
  }
}
@media all and (min-width: 992px) {
  .carousel-showmanymoveone .carousel-inner > .active.left,
  .carousel-showmanymoveone .carousel-inner > .prev {
    left: -25%;
  }
  .carousel-showmanymoveone .carousel-inner > .active.right,
  .carousel-showmanymoveone .carousel-inner > .next {
    left: 25%;
  }
  .carousel-showmanymoveone .carousel-inner > .left,
  .carousel-showmanymoveone .carousel-inner > .prev.right,
  .carousel-showmanymoveone .carousel-inner > .active {
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner .cloneditem-2,
  .carousel-showmanymoveone .carousel-inner .cloneditem-3 {
    display: block;
  }
}
@media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d) {
  .carousel-showmanymoveone .carousel-inner > .item.active.right,
  .carousel-showmanymoveone .carousel-inner > .item.next {
    -webkit-transform: translate3d(25%, 0, 0);
            transform: translate3d(25%, 0, 0);
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner > .item.active.left,
  .carousel-showmanymoveone .carousel-inner > .item.prev {
    -webkit-transform: translate3d(-25%, 0, 0);
            transform: translate3d(-25%, 0, 0);
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner > .item.left,
  .carousel-showmanymoveone .carousel-inner > .item.prev.right,
  .carousel-showmanymoveone .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    left: 0;
  }
}

/************************************************************************/
.flex-box {
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
}

.flex-wrap-wrap {
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}

.flex-justify-center {
  -webkit-box-pack:center;
  -moz-box-pack:center;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center;
}

.flex-align-center {
  -webkit-box-align:center;
  -moz-box-align:center;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
}

.flex-box > div[class*="col"] {
  padding-top:5px;
  padding-bottom:5px;
}

.studies-item {
  margin-bottom: 50px;
}

.studies-description {
}


.navbar-static-top {
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

.fancybox img {
  max-width: 100%;
}