/* Custom page CSS -------------------------------------------------- */

    body{
        font-family: "Open Sans" !important;
        color: #333;
        font-size: 12pt;
    }

    .container{
        max-width: 1000px;
    }

    .without-padding{ padding: 0; }
    .without-padding-right{ padding-right: 0!important; }
    .without-padding-left{ padding-left: 0!important; }

    .logo-section{
        padding: 20px;
    }

    .logo-container img{
        float: right;
        width: 20%;
    }

    .logo-text{
        padding-top: 25px;
    }

    .logo-text-1, .logo-text-2{
        text-transform: uppercase;
        color: #00727c;
        font-family: loto;
    }

    .logo-text-1{
        font-size: 40pt;
        line-height: 40px;
    }

    .logo-text-2{
        font-size: 23pt;
        padding-left: 25px;
    }

    .banner-container{
        position: relative;
    }

    .banner-text{
        color: white;
        left: 56%;
        letter-spacing: 1px;
        position: absolute;
        top: 17%;
        width: 26%;
        z-index: 2;
    }

    .second-section{
        background: url("../img/section_background.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
    }

    .two-blocks-text p{
        margin-bottom: 20px !important;
    }

    .two-blocks-text{
        font-family: "Open Sans", "Open Sans light", "HelveticaNeue", !important;
        padding: 50px 0;
    }

    .third-section{
        position: relative;
    }

    .section-separation{
        margin-top: 50px;
    }

    .banner-text_2{
        text-transform: uppercase;
        position: absolute;
        top: 36%;
        left: 10%;
        color: white;
    }

    .banner-title-1{
        font-size: 45pt;
        line-height: 90%
    }

    .banner-title-2{ font-size: 19pt; }

    .header-text-section-4{
        text-transform: uppercase;
        font-family: "Lato" !important;
        font-size: 18pt;
    }

    .division{
        margin-top: 20px;
        width: 80%;
        height: 4px;
        background-color: #f2f4f3;
        margin-left: auto;
        margin-right: auto;
        border-top: 1px solid #dcebef;
    }

    .residential-block-background{
        background-color: #f1f1f1;
        text-transform: uppercase;
    }

    .residential-text{
        padding: 12px 15px;
    }

    .residential-text div{
        line-height: 17px;
    }

    .residential-text div a{
        color: #333;
        text-decoration: none;
    }


    .residential-text-2 a{
        font-weight: bold;
    }

    .residential-text-3 a{
        color: #e7af40 !important;
        font-size: 10pt;
    }

    .fifth-section{
        background-color: #8c8d8e;
        color: #ffffff;
        padding-bottom: 25px;
    }

    .quotes-text{
        font-size: 20pt;
        position: relative;
        z-index: 1000;
    }

    .carousel{
        padding: 50px;
    }

    .slider-text {
        font-size: 12pt;
        padding: 10px 70px;
    }

    .slider-text:before{
        content: url("../img/blockquout_left.png");
    }

    .slider-text:after{
        content: url("../img/blockquout_right.png");
        position: absolute;
        margin: 5px;
    }

    .more-videos{
        font-size: 13pt;
        font-weight: bold;
        text-transform: uppercase;
    }

    .more-videos-section{
        margin-top: 10px;
    }

    .icon-container a{
        opacity: 0.7 !important;

        -o-transition: all 0.1s linear;
        -moz-transition: all 0.1s linear;
        -khtml-transition: all 0.1s linear;
        -webkit-transition: all 0.1s linear;
        -ms-transition: all 0.1s linear;
        transition: all 0.1s linear;
    }

    .icon-container a:hover{
        opacity: 1 !important;

        -o-transition: all 0.1s linear;
        -moz-transition: all 0.1s linear;
        -khtml-transition: all 0.1s linear;
        -webkit-transition: all 0.1s linear;
        -ms-transition: all 0.1s linear;
        transition: all 0.1s linear;
    }

    .icons-footer{
        margin-right: auto;
        margin-left: auto;
        width: 100%;
    }

	#cus_quotes_carousel .slider-text{
		min-height: 80px;
	}

    /*--Back to top button style -------------*/
    #toTop {
        display: none;
        position: fixed;
        bottom: -5px;
        right: 5px;
        width: 50px;
        height: 50px;
        background-image: url('../img/up.png');
        background-repeat: no-repeat;
        opacity: 0.8;
        filter: alpha(opacity=40); /* For IE8 and earlier */
    }
    #toTop:hover {
        opacity: 1;
        filter: alpha(opacity=80); /* For IE8 and earlier */
    }
    /*---------End of style back to top ------*/

/* Sticky footer styles -------------------------------------------------- */
    html,
    body {
        height: 100%;
        /* The html and body elements cannot have any padding or margin. */
    }

    /* Wrapper for page content to push down footer */
    #wrapper {
        min-height: 100%;
        height: auto !important;
        height: 100%;
        /* Negative indent footer by it's height */
        margin: 0 auto -178px;
    }

    /* Set the fixed height of the footer here */
    #push,
    #footer {
        min-height: 140px;
    }

    #footer {
        border-bottom: 1px solid #030304;
        border-top: 1px solid #030304;
        margin: 115px 0 20px;
        padding: 50px;
    }

    .icons-footer{
        margin-right: auto;
        margin-left: auto;
    }

    .icons-footer a{
        display: inline-block;
        margin: 5px;
    }

    .youtube-link{
        background:url("../img/icons/youtube_result.png");
        background-position: 0px -52px;
        width: 43px;
        height: 42px;
    }
    .youtube-link:hover{
        background-position: 0px 0px;
    }

    .linkedin-link{
        background:url("../img/icons/linkedin_result.png");
        background-position: 0px -52px;
        width: 43px;
        height: 42px;
    }
    .linkedin-link:hover{
        background-position: 0px 0px;
    }

    .facebook-link{
        background:url("../img/icons/facebook_result.png");
        background-position: 0px 0px;
        width: 43px;
        height: 42px;
    }
    .facebook-link:hover{
        background-position: 0px -52px;
    }


	.twitter-link{
        background:url("../img/icons/twitter_result.png");
        background-position: 0px 0px;
        width: 43px;
        height: 42px;
    }
    .twitter-link:hover{
        background-position: 0px -52px;
    }

    .carousel-control.left, .carousel-control.right{
        background-image: none;
    }


    .glyphicon-chevron-left:before{
        content: "";
    }
    .chevron-left{
        background: url("../img/icons/arrow_left.png") no-repeat scroll 100% center rgba(0, 0, 0, 0);
        height: 65px !important;
    }

    .glyphicon-chevron-right:before{
        content: "";
    }
    .chevron-right{
        background: url("../img/icons/arrow_right.png") no-repeat scroll 100% center rgba(0, 0, 0, 0);
        height: 65px !important;
    }





/* new icons carousel */


.icons-carousel {
  height: 176px;
  padding-left: 0;
  padding-right: 0;
}

.icons-carousel .icon-item-wrapper {
  width: 196px;
  height: 176px;
  background-color: white;

  margin-left: 1px;
  margin-right: 1px;

  display: flex;
  align-items: center;
  position: relative;

  float: left;
}

.icons-carousel .icon-item-wrapper img {
  max-width: 80%;
  margin: 0 auto;
}

.icons-carousel .icon-item-wrapper a {
  position: absolute;
  width: 100%;
  height: 100%;
}

.icons-carousel .icon-item-wrapper a:link,
.icons-carousel .icon-item-wrapper a:visited,
.icons-carousel .icon-item-wrapper a:hover,
.icons-carousel .icon-item-wrapper a:active,
.icons-carousel .icon-item-wrapper a:focus {
  text-decoration: none;
}


.icons-carousel .icon-item-wrapper a:hover {
  text-decoration: none;
  cursor: pointer;
}

.icons-carousel .icon-item-text {

  width: 100%;
  height: 100%;

  background-color: #8c8d8e;
  display: flex;
  align-items: center;

  transition: opacity .5s ease;
}

.icons-carousel .icon-item-text:hover {
  opacity: 0;
}

.icons-carousel .icon-item-text p {
  font-size: 12px;
  text-align: center;
  color: #eee;
  padding-left: 17px;
  padding-right: 17px;
  margin: 0;
}

.icons-carousel .owl-prev,
.icons-carousel .owl-next,
.videos-carousel .owl-prev,
.videos-carousel .owl-next {
  position: absolute;
  left: 0;
  top: 0;

  width: 20px;
  height: 176px;

  opacity: .7;

  display: flex;
  align-items: center;
}

.videos-carousel .owl-prev,
.videos-carousel .owl-next {
  top: 30px;
}

.more-videos-head {
  padding-bottom: 20px;
}

.icons-carousel .owl-prev,
.videos-carousel .owl-prev {
  left: -30px;
}

.icons-carousel .owl-next,
.videos-carousel .owl-next {
  left: calc(100% + 10px);
}

.icons-carousel .owl-prev img,
.icons-carousel .owl-next img,
.videos-carousel .owl-prev img,
.videos-carousel .owl-next img {
  width: 20px;
  height: 65px;
}

.more-videos-wrapper {
  padding-left: 0;
  padding-right: 0;
}

.video-title {
  background-color: #f1f1f1;
  height: 60px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.more-videos-item {
  background-color: #f1f1f1;
}

@media (max-width: 786px) {

  .videos-carousel {
    width: 80%;
    margin: 0 auto;
  }

}


@media (max-width: 650px) {

  .icons-carousel .owl-item {
    display: flex;
    justify-content: center;
  }

  .icons-carousel .owl-prev
  {
    left: 7px;
  }

  .icons-carousel .owl-next {
    left: calc(100% - 27px);
  }

}


@media (max-width: 767px) and (min-width: 651px) {

  .icons-carousel {
    width: 460px;
  }

  #icons-carousel-row {
    width: 460px;
    margin: 50px auto 0;
  }

  .icons-carousel .owl-prev {
    left: -40px;
  }

  .icons-carousel .owl-next {
    left: calc(100% - 5px);
  }

}


@media (max-width: 991px) and (min-width: 768px) {
  .icons-carousel {
    width: 650px;
  }

  #icons-carousel-row {
    width: 650px;
    margin: 50px auto 0;
  }

  .icons-carousel .owl-next {
    left: 100%;
  }

  .videos-carousel .owl-prev {
    left: 7px;
  }
}


@media (max-width: 1199px) and (min-width: 992px) {
  .icons-carousel {
    width: 860px;
  }

  #icons-carousel-row {
    width: 860px;
    margin: 50px auto 0;
  }

  .icons-carousel .owl-next {
    left: 100%;
  }
}


/* /new icons carousel */