*:not(.glyphicon) {
  font-family: 'Varela Round', sans-serif!important;
}

.slide-banner-left h1{color:#fff;font-size:80px; letter-spacing:-2px; line-height: 80px; text-shadow:1px 1px #434242;margin-top:80px;  }
h1 span { color: #62b555; font-weight:bold}
.well { margin-top: 0.938em}
.phone{ color:#fff; font-size: 25px; line-height: 18px; margin-bottom: 28px; }
.top-grids.bg { background: #fff}
.top-grids h2 { color: #172b54; font-size: 4.414em;}
.top-grids h2 span { color: #62b555}

.top-grids.partners { background: #62b555;    padding: 3em 0 3em;}
.top-grids.partners h2 { color: #fff; font-size: 4.414em;}
.top-grids.partners h2 span { color: #62b555}


.partner {
    margin: 30px auto;
    background: #fff;
    padding:20px;
    border-radius: 20px;
    text-align: center;
}
.partner img {
    max-width: 100%;
}

.mid-grids h2 { font-size: 4.375em; color: #fff; margin-bottom:65px;}
.mid-grids h2 img { padding-right: 27px; margin-top: -20px;}
.mid-grids h2 span { color: #172b54; font-size: 118px;}
.mid-grids h3 { margin:0px}

.mid-grids h3 span { color: #172b54;}
.mid-grids .container { position: relative}
.mid-grids .carousel-caption p:not(.title) { font-size: 2.313em; margin: 0; line-height: 130%;}
.mid-grids .carousel-caption p.title { font-size: 4.375em; margin: 0;}

.carousel { margin-top:-150px; left: 0; max-width: 100%; margin-bottom:100px}
.carousel-caption { text-shadow: none;}

.pricetables-head h2 span { color: #62b555;}

.video .wrap { border: 5px dashed #fff; margin: 90px 78px; position: relative}
.video .wrap .icon {   position: relative; top: -45px; margin-bottom: -60px;}
.video p { font-size: 45px;  line-height: 52px; padding: 40px 0px;}
.carousel-control .glyphicon-chevron-left , .carousel-control .glyphicon-chevron-right{ top: 30%;}
.carousel-control{ opacity:1; text-shadow:none;}
.contact form { max-width: 626px; margin: 40px auto 0}
form input::-webkit-input-placeholder { color:#172b54; opacity: 1}
form input:-moz-placeholder { color:#172b54;opacity:1;}
form input::-moz-placeholder { color:#172b54;opacity:1;}
form input:-ms-input-placeholder { color:#172b54; opacity: 1}
form textarea::-webkit-input-placeholder { color:#172b54; opacity: 1}
form textarea:-moz-placeholder { color:#172b54; opacity: 1}
form textarea::-moz-placeholder { color:#172b54; opacity: 1}
form textarea:-ms-input-placeholder { color:#172b54; opacity: 1}
/* auto hide place holder on focus by css */
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */
textarea:focus::-webkit-input-placeholder { color:transparent; }
textarea:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
textarea:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
textarea:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

.page .logo { margin: 0;}
.bg-inter { background: url("../images/banner-inter.jpg") center center no-repeat; background-size:cover;}
.contain-inter { background: #fff;}
.contain-inter .content { padding: 3.625em 0; font-size: 1.25em}
.contain-inter .content p.title { font-size: 1.875em; color: #002856; display: table}
.contain-inter .content h1,
.contain-inter .content h2,
.contain-inter .content h3,
.contain-inter .content h4,
.contain-inter .content h5,
.contain-inter .content h6 { color: #002856; display: table; text-transform: uppercase}

.contain-inter .content h1:after,
.contain-inter .content h2:after,
.contain-inter .content h3:after,
.contain-inter .content h4:after,
.contain-inter .content h5:after,
.contain-inter .content h6:after,
.contain-inter .content p.title:after { content: ""; width: 100%; height: 2px; background: #62b555; display: block; margin: 0.5em 0;}
.contain-inter .content  ul li,
.contain-inter .content  ol li { list-style-type: none; padding-left: 15px; position: relative}
.contain-inter .content  ul li:before,
.contain-inter .content  ol li:before { position: absolute; content: ""; width: 12px; height: 11px; display: block; background: url("../images/ul-ol-style.png") center center no-repeat; left: -8px; top: 6px;}
.spacer200{display:block;height:200px;clear:both}
label.error { background: pink; width: 100%; padding: 12px; margin-top: -8px; border: 2px solid rgb(224, 135, 150);}
.underlined{border-bottom:5px solid  #172b54;}
img.paddedlogo { padding: 115px 0px;}
span.glyphicon.glyphicon-earphone{top:6px;}
.mobile-spacer{display:none}
.clear{clear:both}
.footer p{ font-size:14px;}
.footer ul li a{ color:#fff!important; text-decoration:underline!important;}
.footer ul li a:hover {color: #62b555!important;}
.footer li{ padding-right:10px;font-size:14px;}

/*Responsive*/
@media (min-width: 1360px) {
    .container { width: 1280px;}
}
@media (max-width: 1400px) {
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { top: 50%;}
    .carousel-control .glyphicon-chevron-left { left: 50%}
    .carousel-control .glyphicon-chevron-right { right: 50%}
}
@media (max-width: 1360px) {
    .mid-grids p { line-height: 100%;}
}
@media (max-width: 1200px) {
    .mid-grids .carousel-caption { left: 2%; right: 2%; bottom: 0; top: 14%;}
    .mid-grids .carousel-caption p.title { font-size: 2.3em;}
    .mid-grids .carousel-caption p:not(.title) { padding: 0 24px; font-size: 1.5em}
    .mid-grids .container { width: 100%;}
    .slide-banner-left h1 { line-height: 100%;}
    .mid-grids { padding-top: 2em;}
    .mid-grids h3 { line-height: 100%; margin-bottom: 1.5em}

    .pricetables { padding-top: 11em;}
    .contact { padding: 0 0 3em;}
    .contact p { padding-bottom: 0;}
}
@media (max-width: 840px) {
    .pricetables { padding-top: 5em;}
    .mid-grids .carousel-caption .thumb img { width: 7em;}
}
@media (max-width: 640px) {
    .mid-grids h3 { margin-bottom: 2em;}
    .mid-grids .carousel { margin-top: 3em;}

    .video .wrap { margin-left: 0; margin-right: 0;}
    .video .wrap .icon { left: 0; top: -22px;}
    .video .wrap .icon img { width: 50px;}

    .pricetables { padding-top: 5em;}
    .pricetables-head .thumb img { width: 65px; height: 65px;}

    .contact textarea { height: 135px;}
    .contact p i { background-size: 50%; width: 135px; height: 135px;}
    .contact p { padding: 0;}

    .mid-grids .carousel { margin-top: 0;}
	.mid-grids{padding:30px 20px; }
    .mid-grids .carousel-caption p.title { font-size: 2em;}
    .mid-grids .carousel-caption p:not(.title) { padding: 0px 15px;}
	.mid-grids h2 img{width:130px}
	.mid-grids h2 span{font-size:80px}
	.mid-grids img.paddedlogo{padding:50px 0; width:100px}
    .glyphicon { font-size: 14px;}
	.carousel{margin-bottom:40px}
    .carousel-control .glyphicon-chevron-left { left: 39%}
    .carousel-control .glyphicon-chevron-right { right: 39%}
	.slide-banner-left{ padding-bottom:50px}
	.slide-banner-left h1{ font-size: 35px; line-height:40px}
	.container{width:90%}
	.phone{font-size:18px;margin:10px 0 20px}
	.phone a{color:#fff; text-shadow:none}
	span.glyphicon.glyphicon-earphone{top:2px}
	.top-grids h2{font-size: 35px;}
	.mobile-spacer{display:block;height:40px}
	.contact input[type="text"], .contact input[type="email"], .contact textarea, select{font-size:12px}
	.footer ul li {display: block!important; margin: 10px auto!important;}
}
@media (max-width: 480px) {
    .video .wrap { margin-top: 35px; margin-bottom: 35px;}
    .mid-grids .carousel-caption { top: 0;}

    .carousel-caption { padding-top: 15px;}
    .carousel-inner > .item .thumb { margin: 5px 0 10px;}
    .carousel-inner > .item > a > img, .carousel-inner > .item > img { min-height: 150px;}
	.container{width:90%}
}
@media (max-width: 360px) {
    .mid-grids { padding-bottom: 8.875em;}
    .mid-grids .carousel-caption p:not(.title) { line-height: 120%;}
}