@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/0eC6fl06luXEYWpBSJvXCBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: local('Montserrat Light'), local('Montserrat-Light'), url(https://fonts.gstatic.com/s/montserrat/v12/IVeH6A3MiFyaSEiudUMXExNcqx07xvyppV96iFRdwiM.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
html, body {
    height: 100%;
	width:100%;
    font-size: 16px;
    color: #f5f5f5;
    font-family: 'Nunito', sans-serif;
    vertical-align: baseline;
	padding:0;
	margin:0;
}
::-webkit-scrollbar {width: 5px;}
::-webkit-scrollbar-track {
    background-color: #ebebeb;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #303849; 
}
ul,label{
	margin:0;
	padding:0;
}
body a {
	text-decoration:none;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
a:active,a:hover,a:focus {outline: none; text-decoration: none;}
.container-fluid{
	width:100%;
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;
}
button:focus {outline: none;}
:before,
:after {
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
}

/***********============================================== header_topbar =====================================================***********/
@media only screen and (max-width: 600px) {.header_topbar{padding:10px 20px;}}
@media only screen and (min-width: 600px) {.header_topbar{padding:10px 20px;}}
@media only screen and (min-width: 768px) {.header_topbar{padding:0px 20px;}} 
@media only screen and (min-width: 992px) {.header_topbar{padding:0px 30px;}} 
@media only screen and (min-width: 1200px) {.header_topbar{padding:0px 80px;}}
@media only screen and (min-width: 1500px) {.header_topbar{padding:0px 140px;}}
.header_topbar {
	font-family: 'Monda', sans-serif;
    position: relative;
    z-index: 9;
    border-bottom: 1px solid rgba(255,255,255,.1);
}
.header_topbar .mt10{margin-top:13px;}
.header_topbar .mt15{margin-top:15px;}
.header_topbar .mt30{margin-top:30px;}
.header_topbar .link li {
    position: relative;
    display: inline-block;
    font-size: 17px;
    line-height: 28px;
    margin-right: 5px;
    font-weight: 700;
}
.header_topbar .link li a {
    font-family: 'Roboto',sans-serif;
    font-size: 16px;
    font-weight: 300;
    position: relative;
    display: inline-block;
    color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 28px;
    margin-right: 10px;
}
.header_topbar .link .fa{color: #ff6c00; padding-right: 10px;}
.header_topbar .brdr{
    border-left: 1px solid rgba(255,255,255,.1);
    padding:0px 20px;
}
.header_topbar .social-links li {
    font-family: 'Monda', sans-serif;
    position: relative;
    display: inline-block;
    list-style: none;
    margin-right: 15px;
}
.header_topbar .social-links li a {
    position: relative;
    display: inline-block;
    font-size: 18px;
    padding-top: 5px;
    color: #fff;
    list-style: none;
}
.header_topbar .social-links li a .fa{padding-top: 5px;}
/***********============================================== header_topbar =====================================================***********/

/***********============================================== header_bottom =====================================================***********/
@media only screen and (max-width: 600px) {.header_bottom{padding:0px 15px 0px 15px;} .logo img{padding:30px auto; margin:10px auto; text-align:center; width: 75%; height: 75%;}}
@media only screen and (min-width: 600px) {.header_bottom{padding:0px 15px 0px 15px;} .logo img{padding:30px auto; margin:10px auto; text-align:center; width: 75%; height: 75%;}}
@media only screen and (min-width: 768px) {.header_bottom{padding:0px 30px 0px 15px;} .logo img{padding:30px auto; margin:10px auto; text-align:center; width: 95%; height: 95%;}} 
@media only screen and (min-width: 992px) {.header_bottom{padding:5px 50px 5px 30px;} .logo img{padding:10px 0px 5px 0px; margin:0px 0px; text-align:left; width: 100%; height: 100%;}} 
@media only screen and (min-width: 1200px) {.header_bottom{padding:5px 80px 5px 80px;} .logo img{padding:10px 0px 5px 0px; margin:0px 0px 0px 0px; text-align:left; width: 100%; height: 100%;}}
@media only screen and (min-width: 1500px) {.header_bottom{padding:5px 15px 5px 140px;} .logo img{padding:10px 0px 5px 0px; margin:0px 0px 0px 0px; text-align:left; width: 100%; height: 100%;}}

.header_bottom{
    font-family: 'Roboto', sans-serif;
    box-shadow: 0 0 40px 5px rgb(0 0 0 / 3%);
    position:relative; z-index:99;
}
.header_bottom .mt20{margin-top:25px;}
.header_bottom .mt15{margin-top:15px;}
.header_bottom .mt30{margin-top:30px;}
.header_bottom .logo{text-align: center;}
header{position:relative; width:100%; font-size:16px; font-weight:400; font-family: 'Roboto', sans-serif;}
nav{position:relative;}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu > ul:after{content:"";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu{font-family: 'Roboto', sans-serif;}
#cssmenu > ul {padding-left:20px; padding-top:8px; padding-bottom:0px;}
#cssmenu > ul.pull-right{margin-top: 5px;}
#cssmenu > ul > li{float:left;z-index:1000;}
#cssmenu > ul > li > a{padding:17px 17px;font-size:16px; display:block; text-decoration:none; text-transform:capitalize; font-weight:400; color:#fff; font-family: 'Roboto', sans-serif;}
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color: #ff6c00; font-weight: 400;}
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}
#cssmenu > ul > li.has-sub > a{padding-right:30px}
#cssmenu > ul > li.has-sub > a:after{position:absolute;top:23px;right:11px;width:8px;height:2px;display:block;background:#fff;content:''}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top:20px;right:14px;display:block;width:2px;height:8px;background:#fff;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu ul ul{position:absolute;left:-9999px;background: #fff none repeat scroll 0 0;
    box-shadow: 0 8px 11px 4px rgb(158 158 158 / 10%);
    -webkit-box-shadow: 0 8px 11px 4px rgb(158 158 158 / 10%);}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease;}
#cssmenu ul ul li:hover{}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height:35px}
#cssmenu ul ul ul{margin-left:100%;top:0; border-radius:3px;}
#cssmenu ul ul li a{padding:12px 10px;width:200px;font-size:14px;text-decoration:none;color:#1c1c1c;font-weight:400;}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#1c1c1c;}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#1c1c1c;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:14px;right:14px;display:block;width:2px;height:8px;background:#1c1c1c;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#fff; color:#1c1c1c;}
#cssmenu ul ul ul li.active a{border-left:1px solid #1c1c1c;}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #1c1c1c;}

@media screen and (max-width:1000px){
header{background:#303749; font-family: 'Roboto', sans-serif; padding-top:15px; padding-bottom:10px;}
nav{width:100%; background:#303749;}
#cssmenu{width:100%;}
.navbar-right{ margin-right:0px;}
#cssmenu ul{width:100%;display:none; background:#303749; margin-top:30px; padding-left:0px;}
#cssmenu ul li{width:100%;border-top:1px solid #ccc; background:#fff;}
#cssmenu > ul > li > a{padding:17px;font-size:14px; display:block; text-decoration:none; text-transform:uppercase;font-weight:600; color:#222; font-family: 'Roboto', sans-serif;}
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#222; font-weight: 600;}
#cssmenu ul li:hover{background:#ccc;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto;}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0;background:#fff ;}
#cssmenu > ul > li{float:none}
#cssmenu ul ul li a{padding-left:25px}
#cssmenu ul ul li{background: #fff;  /* fallback for old browsers */}
#cssmenu ul ul li:hover{background:#fff!important; color:#222;}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:#222;background:none}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#222}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:15px;font-weight:700}
.button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994; margin-top:0px; background:#303749;}
.button:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;border-top:2px solid #fff;border-bottom:2px solid #fff;content:''}
.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#fff;content:''}
.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:46px;width:46px;cursor:pointer}
#cssmenu .submenu-button.submenu-opened{background:#262626}
#cssmenu ul ul .submenu-button{height:34px;width:34px}
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#222;content:''}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:#fff}
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#222;content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
}

.pl{padding-left:0px;} .pr{padding-right:0px;}
/***********============================================== header_bottom =====================================================***********/

/***********============================================== slider =====================================================***********/
@media only screen and (max-width: 600px) {
    .slider{margin-top:0px;} 
    .slider .carousel-caption{top:32%;} 
    .slider .carousel-caption h2{font-size: 30px; line-height: 40px;} 
    .slider .carousel-caption h2 span{margin: 0 10px;}
    .slider .carousel-caption h3{font-size: 80px;}
}
@media only screen and (min-width: 600px) {
    .slider{margin-top:0px;} 
    .slider .carousel-caption{top:32%;} 
    .slider .carousel-caption h2{font-size: 30px; line-height: 40px;} 
    .slider .carousel-caption h2 span{margin: 0 10px;}
    .slider .carousel-caption h3{font-size: 80px;}
}
@media only screen and (min-width: 768px) {
    .slider{margin-top:-150px;} 
    .slider .carousel-caption{top:38%;} 
    .slider .carousel-caption h2{font-size: 60px; line-height: 90px;} 
    .slider .carousel-caption h2 span{margin: 0 15px;}
    .slider .carousel-caption h3{font-size: 180px;}
} 
@media only screen and (min-width: 992px) {
    .slider{margin-top:-150px;} 
    .slider .carousel-caption{top:38%;} 
    .slider .carousel-caption h2{font-size: 80px; line-height: 90px;} 
    .slider .carousel-caption h2 span{margin: 0 20px;}
    .slider .carousel-caption h3{font-size: 200px;}
} 
@media only screen and (min-width: 1200px) {
    .slider{margin-top:-160px;} 
    .slider .carousel-caption{top:40%;} 
    .slider .carousel-caption h2{font-size: 80px; line-height: 90px;} 
    .slider .carousel-caption h2 span{margin: 0 20px;}
    .slider .carousel-caption h3{font-size: 250px;}
}
@media only screen and (min-width: 1500px) {
    .slider{margin-top:-180px;} 
    .slider .carousel-caption{top:40%;} 
    .slider .carousel-caption h2{font-size: 90px; line-height: 100px;} 
    .slider .carousel-caption h2 span{margin: 0 20px;} 
    .slider .carousel-caption h3{font-size: 250px;}
}
.slider .carousel-caption{
	position:absolute;
	left:5%;
	right:5%;
}
.slider .carousel-item:before {
    background-color: #1a202e;
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: .3;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.slider .carousel-caption h3{
    font-family: "Anton", sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    left: 0;
    line-height: 1;
    margin: 0;
    opacity: 0.06;
    position: absolute;
    top: 16%;
    transform: translateY(-47%);
    width: 100%;
    word-break: initial;
    z-index: -1;
    color: #fff;
}
.slider .carousel-caption h2{
    font-family: "Anton", sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1;
    white-space: nowrap;
    color: #fff;
}
.slider .carousel-caption h2 span{
    color: #ff6c00;
}
.slider .carousel-caption p {
	font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1em;
    line-height: 30px;
    margin-top: 14px;
    text-transform: uppercase;
}
.slider .carousel-caption p span{color: #ff6c00;}
.slider .carousel-caption .btn .fa{
    color: #ff6c00;
    font-size: 30px;
    margin-top: 30px;
    -webkit-animation: float 6s ease-in-out infinite;
    animation: float 6s ease-in-out infinite;
}
.slider .carousel.carousel-fade .carousel-item {
    display: block;
    opacity: 0;
    transition: opacity ease-out 1.7s;
    left: 0;
    top: 0;
    position: absolute;
}
.slider .carousel.carousel-fade .carousel-item.active {opacity: 1 !important;}
.slider .carousel.carousel-fade .carousel-item:first-child {
    top: auto;
    position: relative;
    transition: opacity ease-out 1.7s;
}
.slider .carousel.carousel-fade .carousel-item:second-child {
    top: auto;
    position: relative;
    transition: opacity ease-out 1.7s;
}
.slider .carousel-item .img-fluid {margin: 0 auto; width:100% !important;}
.slider .carousel-indicators{
    position:absolute;
    top:0;
    bottom:0;
    margin:auto;
    height:20px;
    left:15px; right:auto;
    width:auto;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.slider .carousel-indicators li{
    display:block; margin-bottom:5px; border: none; 
}
.slider .carousel-indicators li.active{
    margin-bottom:5px; background:#ff6c00;
}
@-webkit-keyframes float {
    0% {
      box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
      transform: translatey(0px);
    }
    50% {
      box-shadow: 0 25px 15px 0px rgba(0, 0, 0, 0.2);
      transform: translatey(-20px);
    }
    100% {
      box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
      transform: translatey(0px);
    }
}
@keyframes float {
    0% {
      box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
      transform: translatey(0px);
    }
    50% {
      box-shadow: 0 25px 15px 0px rgba(0, 0, 0, 0.2);
      transform: translatey(-20px);
    }
    100% {
      box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
      transform: translatey(0px);
    }
}
/***********============================================== slider =====================================================***********/

/***********============================================== section1 =====================================================***********/
@media only screen and (max-width: 600px) {.section1{padding:50px 15px 80px 15px; text-align:center;} .section1 .sec1 {margin-top: 30px;} .section1 h4:before{font-size: 45px;}}
@media only screen and (min-width: 600px) {.section1{padding:50px 15px 80px 15px; text-align:center;} .section1 .sec1 {margin-top: 30px;} .section1 h4:before{font-size: 45px;}}
@media only screen and (min-width: 768px) {.section1{padding:50px 20px 80px 20px; text-align:center;} .section1 .sec1 {margin-top: -140px;} .section1 h4:before{font-size: 55px;}} 
@media only screen and (min-width: 992px) {.section1{padding:50px 50px 80px 50px; text-align:center;} .section1 .sec1 {margin-top: -140px;} .section1 h4:before{font-size: 65px;}} 
@media only screen and (min-width: 1200px) {.section1{padding:50px 100px 80px 100px; text-align:center;} .section1 .sec1 {margin-top: -140px;} .section1 h4:before{font-size: 65px;}}
@media only screen and (min-width: 1500px) {.section1{padding:50px 160px 80px 160px; text-align:center;} .section1 .sec1 {margin-top: -140px;} .section1 h4:before{font-size: 65px;}}
.section1{position: relative; z-index: 99;}
.section1 .mt30{margin-top:30px;}
.section1 .mt15{margin-top:15px;}
.section1 .mt10{margin-top:10px;}
.section1 .sec1{
    background-image: url(../images/background-texture.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 1200px;
    padding: 5px 40px 35px 40px;
    color: #fff;
}
.section1 .block{margin: 0 25px;}
.section1 h4{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .44em;
    margin-bottom: 15px;
    text-transform: uppercase;
    display: inline-block;
    line-height: 1;
    color: #ff6c00;
    position: relative;
    z-index: 1;
}
.section1 .block1 h4:before{content: "01";}
.section1 .block2 h4:before{content: "02";}
.section1 .block3 h4:before{content: "03";}
.section1 h4:before{
    color: #fff;
    font-family: "Anton", sans-serif;
    font-weight: 100;
    left: -33px;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 3px;
    opacity: .1;
    position: absolute;
    top: -33px;
    transition: .5s all;
    z-index: -1;
}
.section1 h4:after{
    background-color: #fff;
    content: "";
    display: block;
    height: 1px;
    left: -33px;
    margin-top: 17px;
    position: relative;
    width: 100px;
}
.section1 .block{margin: 20px 25px;}
.section1 .flaticon{
    color: #ff6c00;
    font-size: 64px;
    font-weight: 400;
}
.section1 h3{
    font-family: "Anton", sans-serif;
    font-size: 54px;
    margin-bottom: 0.34em;
    font-weight: 400;
    text-transform: uppercase;
    display: inline-block;
    line-height: 1;
    color: #ff6c00;
    position: relative;
    z-index: 1;
}
.section1 h3 span{color: #fff;}
.section1 p{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 0px;
}
/***********============================================== section1 =====================================================***********/

/***********============================================== section2 =====================================================***********/
@media only screen and (max-width: 600px) {.section2{padding:50px 20px 80px 20px; text-align:center;}}
@media only screen and (min-width: 600px) {.section2{padding:50px 20px 80px 20px; text-align:center;}}
@media only screen and (min-width: 768px) {.section2{padding:50px 20px 80px 20px; text-align:left;}} 
@media only screen and (min-width: 992px) {.section2{padding:50px 50px 80px 50px; text-align:left;}} 
@media only screen and (min-width: 1200px) {.section2{padding:50px 100px 80px 100px; text-align:left;}}
@media only screen and (min-width: 1500px) {.section2{padding:50px 160px 80px 160px; text-align:left;}}
.section2 .mt30{margin-top:30px;}
.section2 .mt15{margin-top:15px;}
.section2 .mt10{margin-top:10px;}
.section2 .image{
    display: inline-block;
    margin-top: 30px;
    position: relative;
    margin-left: 30px;
}
.section2 .image img{
    box-shadow: 0 16px 20px 0 rgba(0,0,0,.15);
    position: relative;
    z-index: 1;
}
.section2 img.images-back {
    position: absolute;
    transition: .3s ease-in-out;
    z-index: 0;
    left: -30px;
    top: -30px;
    box-shadow: 0 16px 20px 0 rgba(0,0,0,.15);
}
.section2 h2{
    font-family: "Anton", sans-serif;
    font-size: 60px;
    line-height: 1;
    margin-bottom: 0;
    position: relative;
    z-index: 5;
    font-weight: 400;
    color: #303849;
    text-transform: uppercase;
}
.section2 h2 span{color: #ff6c00;}
.section2 h6{
    font-family: 'Roboto', sans-serif;
    line-height: 1;
    margin-bottom: 0;
    position: relative;
    z-index: 5;
    letter-spacing: .7em;
    margin-top: 21px;
    font-weight: 700;
    color: #303849;
    font-size: 16px;
    text-transform: uppercase;
}
.section2 h6:after{
    background-color: #ff6c00;
    content: "";
    display: block;
    height: 1px;
    left: -28px;
    margin-top: 15px;
    position: relative;
    width: 100px;
    margin-bottom: 50px;
}
.section2 p{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    color: #303849;
}
.section2 h4{
    font-family: "Anton", sans-serif;
    font-size: 30px;
    line-height: 1;
    margin-bottom: 0;
    position: relative;
    z-index: 5;
    margin-top: 50px;
    margin-bottom: 25px;
    font-weight: 400;
    color: #303849;
    text-transform: uppercase;
}
.section2 h4 span{color: #ff6c00;}
.section2 ul li{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    color: #303849;
    list-style: none;
    padding-top: 10px;
    padding-left: 25px;
    position: relative;
}
.section2 ul li:after{
    position: absolute;
    content: '\f054';
    font-family: 'Fontawesome';
    left: 0px;
    top: 10px;
    font-size: 15px;
    font-weight: 200;
    color: #ff6c00;
}
/***********============================================== section2 =====================================================***********/

/***********============================================== section3 =====================================================***********/
@media only screen and (max-width: 600px) {.section3{padding:50px 20px 100px 20px; text-align:center;}}
@media only screen and (min-width: 600px) {.section3{padding:50px 20px 100px 20px; text-align:center;}}
@media only screen and (min-width: 768px) {.section3{padding:50px 20px 100px 20px; text-align:left;}} 
@media only screen and (min-width: 992px) {.section3{padding:50px 50px 100px 50px; text-align:left;}} 
@media only screen and (min-width: 1200px) {.section3{padding:50px 100px 100px 100px; text-align:left;}}
@media only screen and (min-width: 1500px) {.section3{padding:50px 160px 100px 160px; text-align:left;}}
.section3{
    position: relative;
    background: url(../images/section3back.jpg) no-repeat top/cover;
    background-attachment: fixed;
    margin-top: 60px;
}
.section3 .mt30{margin-top:30px;}
.section3 .mt15{margin-top:15px;}
.section3 .mt10{margin-top:10px;}
.section3 h2{
    font-family: "Anton", sans-serif;
    font-size: 60px;
    line-height: 1;
    margin-bottom: 0;
    position: relative;
    z-index: 5;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
}
.section3 h2 span{color: #ff6c00;}
.section3 h6{
    font-family: 'Roboto', sans-serif;
    line-height: 1;
    margin-bottom: 0;
    position: relative;
    z-index: 5;
    letter-spacing: .7em;
    margin-top: 21px;
    font-weight: 700;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
}
.section3 h6:after{
    background-color: #ff6c00;
    content: "";
    display: block;
    height: 1px;
    left: 46%;
    margin-top: 15px;
    position: relative;
    width: 100px;
    margin-bottom: 50px;
}
.section3 .block{margin: 20px 25px;}
.section3 h4{
    font-family: "Anton", sans-serif;
    font-size: 30px;
    margin-bottom: 0.34em;
    font-weight: 400;
    text-transform: uppercase;
    display: inline-block;
    line-height: 1;
    color: #ff6c00;
    position: relative;
    z-index: 1;
}
.section3 h4 span{color: #fff;}
.section3 h4:before{
    color: #fff;
    font-family: "Anton", sans-serif;
    font-size: 65px;
    font-weight: 100;
    left: -20px;
    letter-spacing: 3px;
    opacity: .1;
    position: absolute;
    top: -22px;
    transition: .5s all;
    z-index: -1;
}
.section3 .block1 h4:before{content: "01";}
.section3 .block2 h4:before{content: "02";}
.section3 .block3 h4:before{content: "03";}
.section3 .block4 h4:before{content: "04";}
.section3 .block5 h4:before{content: "05";}
.section3 .block6 h4:before{content: "06";}
.section3 p{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    color: #fff;
    text-align: center;
    margin-bottom: 0px;
}
/***********============================================== section3 =====================================================***********/

/***********============================================== section4 =====================================================***********/
@media only screen and (max-width: 600px) {.section4{padding:50px 20px 80px 20px; text-align:center;}}
@media only screen and (min-width: 600px) {.section4{padding:50px 20px 80px 20px; text-align:center;}}
@media only screen and (min-width: 768px) {.section4{padding:50px 20px 80px 20px; text-align:left;}} 
@media only screen and (min-width: 992px) {.section4{padding:50px 50px 80px 50px; text-align:left;}} 
@media only screen and (min-width: 1200px) {.section4{padding:50px 100px 80px 100px; text-align:left;}}
@media only screen and (min-width: 1500px) {.section4{padding:50px 160px 80px 160px; text-align:left;}}
.section4 .mt30{margin-top:30px;}
.section4 .mt15{margin-top:15px;}
.section4 .mt10{margin-top:10px;}
.section4 h2{
    font-family: "Anton", sans-serif;
    font-size: 60px;
    line-height: 1;
    margin-top: 20px;
    margin-bottom: 0;
    position: relative;
    z-index: 5;
    font-weight: 400;
    color: #303849;
    text-transform: uppercase;
}
.section4 h2 span{color: #ff6c00;}
.section4 h6{
    font-family: 'Roboto', sans-serif;
    line-height: 1;
    margin-bottom: 0;
    position: relative;
    z-index: 5;
    letter-spacing: .7em;
    margin-top: 21px;
    font-weight: 700;
    color: #303849;
    font-size: 16px;
    text-transform: uppercase;
}
.section4 h6:after{
    background-color: #ff6c00;
    content: "";
    display: block;
    height: 1px;
    left: 46%;
    margin-top: 15px;
    position: relative;
    width: 100px;
    margin-bottom: 50px;
}
.section4 .bx1{background-color: #303849;}
.section4 .bx2{background-color: #ff6c00;}
.section4 .block1{
    font-family: 'Roboto', sans-serif;
    padding: 45px 30px;
    position: relative;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    background-color: #303849;
    line-height: 24px;
    min-height: 295px;
}
.section4 .block1:before{
    border-bottom: 10px solid transparent;
    border-left: 10px solid #303849;
    border-top: 10px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    right: -10px;
    top: 25px;
    width: 0;
    z-index: 5;
}
.section4 .block2{
    font-family: 'Roboto', sans-serif;
    padding: 45px 30px;
    position: relative;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    background-color: #303849;
    line-height: 24px;
    min-height: 295px;
}
.section4 .block2:before{
    border-bottom: 10px solid transparent;
    border-left: 10px solid #303849;
    border-top: 10px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    left: -10px;
    right: auto;
    transform: rotate(180deg);
    top: 25px;
    width: 0;
    z-index: 5;
}
.section4 .block3{
    font-family: 'Roboto', sans-serif;
    padding: 45px 30px;
    position: relative;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    background-color: #ff6c00;
    line-height: 24px;
    min-height: 295px;
}
.section4 .block3:before{
    border-bottom: 10px solid transparent;
    border-left: 10px solid #ff6c00;
    border-top: 10px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    right: -10px;
    top: 25px;
    width: 0;
    z-index: 5;
}
.section4 h4{
    font-family: "Anton", sans-serif;
    font-size: 30px;
    margin-bottom: 0.34em;
    font-weight: 400;
    text-transform: uppercase;
    display: inline-block;
    line-height: 1;
    color: #ff6c00;
    position: relative;
    z-index: 1;
}
.section4 h4 span{color: #fff;}
.section4 h3{
    font-family: "Anton", sans-serif;
    font-size: 30px;
    margin-bottom: 0.34em;
    font-weight: 400;
    text-transform: uppercase;
    display: inline-block;
    line-height: 1;
    color: #303849;
    position: relative;
    z-index: 1;
}
.section4 h3 span{color: #fff;}
.section4 p{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    color: #fff;
    margin-bottom: 0px;
}
.section4 .btn{
    font-family: 'Roboto', sans-serif;
    padding: 7px 25px;
    color: #fff;
    margin-top: 30px;
    border: 1px solid #ff6c00;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    border-radius: 0px;
}
.section4 .btn1{
    font-family: 'Roboto', sans-serif;
    padding: 7px 25px;
    display: inline-block;
    color: #fff;
    margin-top: 30px;
    border: 1px solid #fff;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    border-radius: 0px;
}
/***********============================================== section4 =====================================================***********/

/***********============================================== section5 =====================================================***********/
@media only screen and (max-width: 600px) {.section5{padding:50px 15px 80px 15px; text-align:center;}}
@media only screen and (min-width: 600px) {.section5{padding:50px 15px 80px 15px; text-align:center;}}
@media only screen and (min-width: 768px) {.section5{padding:0px 20px 0px 15px; text-align:left;}} 
@media only screen and (min-width: 992px) {.section5{padding:0px 50px 0px 15px; text-align:left;}} 
@media only screen and (min-width: 1200px) {.section5{padding:0px 100px 0px 15px; text-align:left;}}
@media only screen and (min-width: 1500px) {.section5{padding:0px 160px 0px 15px; text-align:left;}}
.section5{position: relative; background-color: #f7f8f8; margin-top: 40px;}
.section5 .mt30{margin-top:30px;}
.section5 .mt15{margin-top:15px;}
.section5 .mt10{margin-top:10px;}
.section5 h2{
    font-family: "Anton", sans-serif;
    font-size: 60px;
    line-height: 1;
    margin-bottom: 0;
    position: relative;
    z-index: 5;
    font-weight: 400;
    color: #303849;
    text-transform: uppercase;
}
.section5 h2 span{color: #ff6c00;}
.section5 h6{
    font-family: 'Roboto', sans-serif;
    line-height: 1;
    margin-bottom: 0;
    position: relative;
    z-index: 5;
    letter-spacing: .7em;
    margin-top: 21px;
    font-weight: 700;
    color: #303849;
    font-size: 16px;
    text-transform: uppercase;
}
.section5 h6:after{
    background-color: #ff6c00;
    content: "";
    display: block;
    height: 1px;
    left: -28px;
    margin-top: 15px;
    position: relative;
    width: 100px;
    margin-bottom: 50px;
}
.section5 .form-control{background: rgba(255,255,255,0.9);}
.section5 .form-horizontal .form-content{padding: 0px 5px;}
.section5 .form-horizontal .form-control{
    font-family: "Roboto", Sans-serif;
    padding: 12px 16px 12px 39px;
    height: 60px;
    font-size: 15px;
    font-weight: 300;
    color: #303849;
    border: none;
    border: 1px solid rgba(35,34,45,.1);
    border-radius: 0px;
    box-shadow: none;
    margin-bottom: 15px;
    background: #fff;  /* fallback for old browsers */
}
.section5 .form-horizontal .control-label{
    font-size: 17px;
    color: #ff6c00;
    position: absolute;
    top: 5px;
    left: 27px;
    text-align: center;
}
.section5 .form-horizontal .form-group .fa{padding-top:15px;}
.section5 .form-horizontal .form-control:focus{
    border-color: #ccc;
    box-shadow: none;
	outline: none;
}
.section5 .form-horizontal textarea.form-control{
    resize: vertical;
    height: 130px;
}
.section5 .btn{
    font-family: "Roboto", Sans-serif;
    font-weight: 300;
    background-color: #ff6c00;
    border: 1px solid #ff6c00;
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    border-radius: 0px;
    padding: 17px 25px;
}
.section5 .btn:hover{
    background-color: #303849;
    border: 1px solid #303849;
    color: #fff;
}
/***********============================================== section5 =====================================================***********/

/***********============================================== section6 =====================================================***********/
@media only screen and (max-width: 600px) {.section6{padding:50px 20px 80px 20px; text-align:center;}}
@media only screen and (min-width: 600px) {.section6{padding:50px 20px 80px 20px; text-align:center;}}
@media only screen and (min-width: 768px) {.section6{padding:50px 20px 80px 20px; text-align:left;}} 
@media only screen and (min-width: 992px) {.section6{padding:50px 50px 80px 50px; text-align:left;}} 
@media only screen and (min-width: 1200px) {.section6{padding:50px 100px 80px 100px; text-align:left;}}
@media only screen and (min-width: 1500px) {.section6{padding:50px 160px 80px 160px; text-align:left;}}
.section6{margin-top: 40px;}
.section6 .mt30{margin-top:30px;}
.section6 .mt15{margin-top:15px;}
.section6 .mt10{margin-top:10px;}
.section6 h2{
    font-family: "Anton", sans-serif;
    font-size: 60px;
    line-height: 1;
    margin-top: 20px;
    margin-bottom: 0;
    position: relative;
    z-index: 5;
    font-weight: 400;
    color: #303849;
    text-transform: uppercase;
}
.section6 h2 span{color: #ff6c00;}
.section6 h6{
    font-family: 'Roboto', sans-serif;
    line-height: 1;
    margin-bottom: 0;
    position: relative;
    z-index: 5;
    letter-spacing: .7em;
    margin-top: 21px;
    font-weight: 700;
    color: #303849;
    font-size: 16px;
    text-transform: uppercase;
}
.section6 h6:after{
    background-color: #ff6c00;
    content: "";
    display: block;
    height: 1px;
    left: 46%;
    margin-top: 15px;
    position: relative;
    width: 100px;
    margin-bottom: 50px;
}
.section6 .post-slide{margin: 0 15px;}
.section6 .content{padding: 15px 10px;}
.section6 h4{
    font-family: "Anton", sans-serif;
    font-size: 20px;
    line-height: 1.3;
    margin: 20px 0px;
    font-weight: 400;
    color: #303849;
    text-transform: uppercase;
}
.section6 p{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    color: #303849;
    margin-bottom: 0px;
}
.section6 p .fa{padding-right: 15px; color: #ff6c00;}
.section6 .btn{
    font-family: "Roboto", Sans-serif;
    font-weight: 300;
    background-color: #ff6c00;
    border: 1px solid #ff6c00;
    font-size: 15px;
    font-weight: 300;
    color: #fff;
    border-radius: 0px;
    padding: 10px 25px;
}
.section6 .btn:hover{
    background-color: #303849;
    border: 1px solid #303849;
    color: #fff;
}
/***********============================================== section6 =====================================================***********/

/***********============================================== section7 =====================================================***********/
@media only screen and (max-width: 600px) {.section7{padding:50px 20px 80px 20px; text-align:center;} .section7 .owl-theme .owl-controls{display: none !important;}}
@media only screen and (min-width: 600px) {.section7{padding:50px 20px 80px 20px; text-align:center;} .section7 .owl-theme .owl-controls{display: none !important;}}
@media only screen and (min-width: 768px) {.section7{padding:50px 20px 80px 20px; text-align:left;} .section7 .owl-theme .owl-controls{display: block !important;}} 
@media only screen and (min-width: 992px) {.section7{padding:50px 50px 80px 50px; text-align:left;} .section7 .owl-theme .owl-controls{display: block !important;}} 
@media only screen and (min-width: 1200px) {.section7{padding:50px 100px 80px 100px; text-align:left;} .section7 .owl-theme .owl-controls{display: block !important;}}
@media only screen and (min-width: 1500px) {.section7{padding:50px 160px 80px 160px; text-align:left;} .section7 .owl-theme .owl-controls{display: block !important;}}
.section7{background: url(../images/section7back.jpg) no-repeat top/cover; background-attachment: fixed; margin-top: 50px;}
.section7 .mt30{margin-top:30px;}
.section7 .mt15{margin-top:15px;}
.section7 .mt10{margin-top:10px;}
.section7 h2{
    font-family: "Anton", sans-serif;
    font-size: 60px;
    line-height: 1;
    margin-top: 20px;
    margin-bottom: 0;
    position: relative;
    z-index: 5;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
}
.section7 h2 span{color: #ff6c00;}
.section7 h6{
    font-family: 'Roboto', sans-serif;
    line-height: 1;
    margin-bottom: 0;
    position: relative;
    z-index: 5;
    letter-spacing: .7em;
    margin-top: 21px;
    font-weight: 700;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
}
.section7 h6:after{
    background-color: #ff6c00;
    content: "";
    display: block;
    height: 1px;
    left: 46%;
    margin-top: 15px;
    position: relative;
    width: 100px;
    margin-bottom: 50px;
}
.section7 .img{position: relative;}
.section7 .img:after{
    background-color: #ff6c00;
    content: "";
    height: 58px;
    background: url(../images/quote-mark.png) no-repeat center/contain;
    position: absolute;
    right: -39px;
    top: 29px;
    width: 73px;
}
.section7 p{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    color: #fff;
    font-style: italic;
    margin-bottom: 0px;
}
.section7 .owl-theme .owl-controls{
    width: 20%;
    margin: 0;
    text-align: left;
    position: absolute;
    top: 15%;
    right: 0;
}
.section7 .owl-theme .owl-controls .owl-buttons div{
    width: 70px;
    height: 90px;
    line-height: 90px;
    background: transparent;
    border-radius: 0;
    opacity: 1;
    position: relative;
}
.section7 .owl-prev:before,
.section7 .owl-next:before{
    content: "\f12a";
    font-family: "Flaticon";
    font-size: 45px;
    font-weight: 100;
    color: #ff6c00;
    position: absolute;
    top: 200% !important;
    right: 0%;
    transform: rotate(180deg);
}
.section7 .owl-next:before{
    content: "\f12a";
    position: absolute;
    top: 100% !important;
    right: -50px;
    transform: rotate(0deg);
}
.section7 .owl-next:after{
    content: "";
    font-size: 40px;
    color: #ff6c00;
    position: absolute;
    top: -80% !important;
    right: 0px;
}
@media only screen and (max-width: 990px){
    .section7 .owl-theme .owl-controls{
        width: 100%;
        position: static;
        text-align: center;
    }
    .section7 .owl-theme .owl-controls .owl-buttons div{
        height: 50px;
        line-height: 50px;
    }
}
/***********============================================== section7 =====================================================***********/

/***********============================================== section8 =====================================================***********/
@media only screen and (max-width: 600px) {.section8{padding:50px 20px 80px 20px; text-align:center;}}
@media only screen and (min-width: 600px) {.section8{padding:50px 20px 80px 20px; text-align:center;}}
@media only screen and (min-width: 768px) {.section8{padding:50px 20px 80px 20px; text-align:left;}} 
@media only screen and (min-width: 992px) {.section8{padding:50px 50px 80px 50px; text-align:left;}} 
@media only screen and (min-width: 1200px) {.section8{padding:50px 100px 80px 100px; text-align:left;}}
@media only screen and (min-width: 1500px) {.section8{padding:50px 160px 80px 160px; text-align:left;}}
.section8 .mt30{margin-top:30px;}
.section8 .mt15{margin-top:15px;}
.section8 .mt10{margin-top:10px;}
.section8 h2{
    font-family: "Anton", sans-serif;
    font-size: 60px;
    line-height: 1;
    margin-bottom: 0;
    position: relative;
    z-index: 5;
    font-weight: 400;
    color: #303849;
    text-transform: uppercase;
}
.section8 h2 span{color: #ff6c00;}
.section8 h6{
    font-family: 'Roboto', sans-serif;
    line-height: 1;
    margin-bottom: 0;
    position: relative;
    z-index: 5;
    letter-spacing: .7em;
    margin-top: 21px;
    font-weight: 700;
    color: #303849;
    font-size: 16px;
    text-transform: uppercase;
}
.section8 h6:after{
    background-color: #ff6c00;
    content: "";
    display: block;
    height: 1px;
    left: -28px;
    margin-top: 15px;
    position: relative;
    width: 100px;
    margin-bottom: 50px;
}
.section8 p{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    color: #303849;
}
.section8 .btn{
    font-family: "Roboto", Sans-serif;
    font-weight: 300;
    background-color: #ff6c00;
    border: 1px solid #ff6c00;
    font-size: 15px;
    font-weight: 300;
    color: #fff;
    margin-top: 20px;
    border-radius: 0px;
    padding: 10px 25px;
}
.section8 .btn:hover{
    background-color: #303849;
    border: 1px solid #303849;
    color: #fff;
}
.section8 .post-slide{margin: 0 15px;}
/***********============================================== section8 =====================================================***********/

/***********============================================== section9 =====================================================***********/
@media only screen and (max-width: 600px) {.section9{padding:50px 20px 90px 20px; text-align:center;}}
@media only screen and (min-width: 600px) {.section9{padding:50px 20px 90px 20px; text-align:center;}}
@media only screen and (min-width: 768px) {.section9{padding:50px 20px 90px 20px; text-align:center;}} 
@media only screen and (min-width: 992px) {.section9{padding:50px 50px 90px 50px; text-align:center;}} 
@media only screen and (min-width: 1200px) {.section9{padding:50px 100px 90px 100px; text-align:center;}}
@media only screen and (min-width: 1500px) {.section9{padding:50px 160px 90px 160px; text-align:center;}}
.section9{background: url(../images/section9back.jpg) no-repeat top/cover; background-attachment: fixed; margin-top: 40px;}
.section9 .mt30{margin-top:30px;}
.section9 .mt15{margin-top:15px;}
.section9 .mt10{margin-top:10px;}
.section9 h2{
    font-family: "Anton", sans-serif;
    font-size: 60px;
    line-height: 1;
    margin-bottom: 0;
    position: relative;
    z-index: 5;
    font-weight: 400;
    color: #303849;
    text-transform: uppercase;
}
.section9 h2 span{color: #ff6c00;}
.section9 h6{
    font-family: 'Roboto', sans-serif;
    line-height: 1;
    margin-bottom: 0;
    position: relative;
    z-index: 5;
    letter-spacing: .7em;
    margin-top: 21px;
    font-weight: 700;
    color: #303849;
    font-size: 16px;
    text-transform: uppercase;
}
.section9 h6:after{
    background-color: #ff6c00;
    content: "";
    display: block;
    height: 1px;
    left: 46%;
    margin-top: 15px;
    position: relative;
    width: 100px;
    margin-bottom: 50px;
}
.section9 p{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    color: #303849;
    margin-top: 0px;
}
.section9 .btn{
    font-family: "Roboto", Sans-serif;
    font-weight: 300;
    background-color: #ff6c00;
    border: 1px solid #ff6c00;
    font-size: 15px;
    font-weight: 300;
    color: #fff;
    margin-top: 20px;
    border-radius: 0px;
    padding: 10px 25px;
}
.section9 .btn:hover{
    background-color: #303849;
    border: 1px solid #303849;
    color: #fff;
}
/***********============================================== section9 =====================================================***********/

/***********============================================== footer =====================================================***********/
@media only screen and (max-width: 600px) {.footer{padding:50px 25px 80px 25px;} .footer-copy {padding: 20px 10px 80px 10px;}}
@media only screen and (min-width: 600px) {.footer{padding:50px 25px 80px 25px;} .footer-copy {padding: 20px 10px 80px 10px;}}
@media only screen and (min-width: 768px) {.footer{padding:50px 25px 80px 25px;} .footer-copy {padding: 20px 10px 80px 10px;}} 
@media only screen and (min-width: 992px) {.footer{padding:50px 50px 80px 50px;} .footer-copy {padding: 20px 50px 42px 50px;}} 
@media only screen and (min-width: 1200px) {.footer{padding:50px 100px 80px 100px;} .footer-copy {padding: 20px 100px 42px 100px;}}
@media only screen and (min-width: 1500px) {.footer{padding:50px 160px 80px 160px;} .footer-copy {padding: 20px 150px 42px 150px;}}
.footer{background:#303849;}
.footer .mt30{margin-top:30px;}
.footer .mt50{margin-top:50px;}
.footer h3{
    font-family: "Anton", sans-serif;
    font-size: 28px;
    line-height: 1;
    margin-bottom: 44px;
    position: relative;
    z-index: 5;
    font-weight: 400;
    color: #ff6c00;
    text-transform: uppercase;
}
.footer h3 span{color: #fff;}
.footer p{
	font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
	color: #fff;
	line-height:28px;
	margin-bottom:10px;
}
.footer .social{margin-top:10px;}
.footer .social li{
    display:inline-block;
    line-height:28px;
    padding:0 3px;
}
.footer .social li .fa{ 
    color: #fff;
    font-size: 14px;
    margin-right: 15px;
    margin-top: 20px;
    text-align: center;
    line-height: 40px;
    margin-bottom:20px;
}
.footer .social li:hover .fa{color:#ff6c00;}
.footer .links li{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    line-height:25px;
    margin-bottom:17px;
    list-style:none;
    position: relative;
}
.footer .links li a{color: #fff;}
.footer .cnct li{
    margin-bottom: 20px;
    list-style:none;
    border-bottom: 1px solid rgba(255,255,255,.1);
    padding-bottom: 10px;
}
.footer .cnct li .flaticon{
    font-family: flaticon !important;
    color: #ff6c00;
    font-size: 20px;
}
.footer .cnct li span{
    font-family: "Roboto", sans-serif;
    margin:0;
    padding-bottom:10px;
    padding:0;
    color:#fff;
    font-size: 18px;
    line-height: 28px;
    color: #fff;
    font-weight: 700;
}
.footer .cnct li .city {
    margin-bottom:5px;
    margin-top:0px;
    padding:0;
    font-size: 17px;
    color: #fff;
}
.footer .cnct li a{color: #fff;}
.footer-copy {
    font-family: 'Roboto', sans-serif;
    background: #303849;
	font-size:17px;
    font-weight: 300;
	border-top:1px solid #384255;
	margin:0;
}
.footer-copy p {
    color: #fff;
    text-align: left;
}
.footer-copy p a {color: #ff6c00; font-weight: 400;}
/***********============================================== footer =====================================================***********/

/***********============================================== banner =====================================================***********/
@media only screen and (max-width: 600px) {
    .banner{margin-top:0px;} 
    .banner .carousel-caption{top:32%;} 
    .banner .carousel-caption h2{font-size: 30px; line-height: 40px;} 
    .banner .carousel-caption h2 span{margin: 0 10px;}
    .banner .carousel-caption h3{font-size: 80px;}
}
@media only screen and (min-width: 600px) {
    .banner{margin-top:0px;} 
    .banner .carousel-caption{top:32%;} 
    .banner .carousel-caption h2{font-size: 30px; line-height: 40px;} 
    .banner .carousel-caption h2 span{margin: 0 10px;}
    .banner .carousel-caption h3{font-size: 80px;}
}
@media only screen and (min-width: 768px) {
    .banner{margin-top:-150px;} 
    .banner .carousel-caption{top:50%;} 
    .banner .carousel-caption h2{font-size: 50px; line-height: 90px;} 
    .banner .carousel-caption h2 span{margin: 0 15px;}
    .banner .carousel-caption h3{font-size: 180px;}
} 
@media only screen and (min-width: 992px) {
    .banner{margin-top:-150px;} 
    .banner .carousel-caption{top:50%;} 
    .banner .carousel-caption h2{font-size: 54px; line-height: 90px;} 
    .banner .carousel-caption h2 span{margin: 0 20px;}
    .banner .carousel-caption h3{font-size: 200px;}
} 
@media only screen and (min-width: 1200px) {
    .banner{margin-top:-160px;} 
    .banner .carousel-caption{top:50%;} 
    .banner .carousel-caption h2{font-size: 54px; line-height: 90px;} 
    .banner .carousel-caption h2 span{margin: 0 20px;}
    .banner .carousel-caption h3{font-size: 250px;}
}
@media only screen and (min-width: 1500px) {
    .banner{margin-top:-180px;} 
    .banner .carousel-caption{top:50%;} 
    .banner .carousel-caption h2{font-size: 64px; line-height: 100px;} 
    .banner .carousel-caption h2 span{margin: 0 20px;} 
    .banner .carousel-caption h3{font-size: 250px;}
}
.banner .carousel-caption{
	position:absolute;
	left:5%;
	right:5%;
}
.banner .carousel-item:before {
    background-color: #000;
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: .4;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.banner .carousel-caption h3{
    font-family: "Anton", sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    left: 0;
    line-height: 1;
    margin: 0;
    opacity: 0.06;
    position: absolute;
    top: 16%;
    transform: translateY(-47%);
    width: 100%;
    word-break: initial;
    z-index: -1;
    color: #fff;
}
.banner .carousel-caption h2{
    font-family: "Anton", sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1;
    white-space: nowrap;
    color: #fff;
}
.banner .carousel-caption h2 span{
    color: #ff6c00;
}
.banner .carousel-caption p {
	font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1em;
    line-height: 30px;
    margin-top: 14px;
    text-transform: uppercase;
}
.banner .carousel-caption p span{color: #ff6c00;}
.banner .carousel-caption .btn .fa{
    color: #ff6c00;
    font-size: 30px;
    margin-top: 30px;
    -webkit-animation: float 6s ease-in-out infinite;
    animation: float 6s ease-in-out infinite;
}
.banner .carousel.carousel-fade .carousel-item {
    display: block;
    opacity: 0;
    transition: opacity ease-out 1.7s;
    left: 0;
    top: 0;
    position: absolute;
}
.banner .carousel.carousel-fade .carousel-item.active {opacity: 1 !important;}
.banner .carousel.carousel-fade .carousel-item:first-child {
    top: auto;
    position: relative;
    transition: opacity ease-out 1.7s;
}
.banner .carousel.carousel-fade .carousel-item:second-child {
    top: auto;
    position: relative;
    transition: opacity ease-out 1.7s;
}
.banner .carousel-item .img-fluid {margin: 0 auto; width:100% !important;}
.banner .carousel-indicators{
    position:absolute;
    top:0;
    bottom:0;
    margin:auto;
    height:20px;
    left:15px; right:auto;
    width:auto;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.banner .carousel-indicators li{
    display:block; margin-bottom:5px; border: none; 
}
.banner .carousel-indicators li.active{
    margin-bottom:5px; background:#ff6c00;
}
@-webkit-keyframes float {
    0% {
      box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
      transform: translatey(0px);
    }
    50% {
      box-shadow: 0 25px 15px 0px rgba(0, 0, 0, 0.2);
      transform: translatey(-20px);
    }
    100% {
      box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
      transform: translatey(0px);
    }
}
@keyframes float {
    0% {
      box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
      transform: translatey(0px);
    }
    50% {
      box-shadow: 0 25px 15px 0px rgba(0, 0, 0, 0.2);
      transform: translatey(-20px);
    }
    100% {
      box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
      transform: translatey(0px);
    }
}
/***********============================================== banner =====================================================***********/

/***********============================================== about_page =====================================================***********/
@media only screen and (max-width: 600px) {.about_page{padding:50px 20px 80px 20px; text-align:center;}}
@media only screen and (min-width: 600px) {.about_page{padding:50px 20px 80px 20px; text-align:center;}}
@media only screen and (min-width: 768px) {.about_page{padding:50px 20px 80px 20px; text-align:left;}} 
@media only screen and (min-width: 992px) {.about_page{padding:50px 50px 80px 50px; text-align:left;}} 
@media only screen and (min-width: 1200px) {.about_page{padding:50px 100px 80px 100px; text-align:left;}}
@media only screen and (min-width: 1500px) {.about_page{padding:50px 160px 80px 160px; text-align:left;}}
.about_page .mt30{margin-top:30px;}
.about_page .mt15{margin-top:15px;}
.about_page .mt10{margin-top:10px;}
.about_page h2{
    font-family: "Anton", sans-serif;
    font-size: 60px;
    line-height: 1;
    margin-bottom: 0;
    position: relative;
    z-index: 5;
    font-weight: 400;
    color: #303849;
    text-transform: uppercase;
}
.about_page h2 span{color: #ff6c00;}
.about_page h6{
    font-family: 'Roboto', sans-serif;
    line-height: 1;
    margin-bottom: 0;
    position: relative;
    z-index: 5;
    letter-spacing: .7em;
    margin-top: 21px;
    font-weight: 700;
    color: #303849;
    font-size: 16px;
    text-transform: uppercase;
}
.about_page h6:after{
    background-color: #ff6c00;
    content: "";
    display: block;
    height: 1px;
    left: -28px;
    margin-top: 15px;
    position: relative;
    width: 100px;
    margin-bottom: 50px;
}
.about_page p{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #666;
}
.about_page h4{
    font-family: "Anton", sans-serif;
    font-size: 30px;
    line-height: 1;
    margin-bottom: 0;
    position: relative;
    z-index: 5;
    margin-top: 50px;
    margin-bottom: 25px;
    font-weight: 400;
    color: #303849;
    text-transform: uppercase;
}
.about_page h4 span{color: #ff6c00;}
.about_page ul li{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    color: #303849;
    list-style: none;
    padding-top: 10px;
    padding-left: 25px;
    position: relative;
}
.about_page ul li:after{
    position: absolute;
    content: '\f054';
    font-family: 'Fontawesome';
    left: 0px;
    top: 10px;
    font-size: 15px;
    font-weight: 200;
    color: #ff6c00;
}
.about_page .serviceBox{
    padding-left: 30px;
    position: relative;
}
.about_page .serviceBox:before{
    content: "";
    width: 60px;
    height: 60px;
    background: #ff6c00;
    position: absolute;
    top: 20px;
    left: 5px;
    z-index: 1;
}
.about_page .serviceBox .service-icon{
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background: #ff6c00;
    font-size: 30px;
    color: #fff;
    position: absolute;
    top: 15px;
    left: 0;
    z-index: 1;
}
.about_page .serviceBox .service-content{
    padding: 30px;
    border-width: 1px;
    border-style: solid;
    border-color: #d5d5d5 #d5d5d5 #3f4147;
    position: relative;
    transition: all 0.4s ease-in-out 0s;
}
.about_page .serviceBox .title{
    font-family: "Anton", sans-serif;
    font-size: 22px;
    line-height: 1;
    position: relative;
    z-index: 5;
    margin-top: 10px;
    margin-bottom: 25px;
    font-weight: 400;
    color: #303849;
    letter-spacing: 0.6;
    padding-left: 30px;
    margin-bottom: 35px;
    text-transform: capitalize;
    transition: all 0.4s ease-in-out 0s;
}
/***********============================================== about_page =====================================================***********/

/***********============================================== timeline =====================================================***********/
:root{ --main-color: #ff6c00; }
.main-timeline{font-family: "Anton", sans-serif;}
.main-timeline:after{
    content: '';
    display: block;
    clear: both;
}
.main-timeline .timeline{
    width: 50%;
    padding: 100px 0 0;
    margin: 0 5px 15px 0;
    float: left;
}
.main-timeline .timeline-content{
    background: linear-gradient(to right,var(--main-color),var(--main-color) 25%,transparent 25%,transparent 75%,var(--main-color) 75%);
    min-height: 80px;
    padding: 30px 30px 30px 30px;
    border-radius: 50px;
    display: block;
    position: relative;
    z-index: 1;
}
.main-timeline .timeline-content:hover{ text-decoration: none; }
.main-timeline .timeline-content:before{
    content: '';
    background: linear-gradient(to right,#fff,#eee);
    border-radius: 40px;
    border: 5px solid #fff;
    box-shadow: 4px 4px 10px rgba(0,0,0,0.5);
    position: absolute;
    left: 10px;
    top: 10px;
    bottom: 10px;
    right: 10px;
    z-index: -1;
}
.main-timeline .timeline-year{
    color: var(--main-color);
    background: linear-gradient(to right,#ddd,#eee);
    font-size: 32px;
    font-weight: 500;
    text-align: center;
    line-height: 100px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    transform: translateX(-50%);
    position: absolute;
    top: -100px;
    left: 50%;
}
.main-timeline .title{
    font-family: "Anton", sans-serif;
    color: var(--main-color);
    font-size: 20px;
    letter-spacing: 0.3px;
    font-weight: 300;
    text-transform: capitalize;
    margin: 0 auto;
    text-align: center;
}
.main-timeline .timeline:nth-child(even){
    margin: 0 0 15px 5px;
    float: right;
}
.main-timeline .timeline:nth-child(even) .timeline-content{ padding: 30px 30px 30px 30px; }
.main-timeline .timeline:nth-child(even) .timeline-year:after{
    border-radius: 0 0 0 10px;
    transform: rotate(20deg);
    left: -8px;
    right: 0;
}
.main-timeline .timeline:nth-child(even){ --main-color: #303849; }
@media screen and (max-width:767px){
    .main-timeline .timeline,
    .main-timeline .timeline:nth-child(even){
        width: 100%;
        margin: 0 0 30px;
    }
    .main-timeline .timeline-content,
    .main-timeline .timeline:nth-child(even) .timeline-content{
        padding: 30px 30px 90px;
        text-align: center;
    }
    .main-timeline .timeline-icon,
    .main-timeline .timeline:nth-child(even) .timeline-icon{
        transform: translateY(0) translateX(-50%);
        top: auto;
        bottom: 25px;
        left: 50%;
    }
}
/***********============================================== timeline =====================================================***********/

/***********============================================== product_page =====================================================***********/
@media only screen and (max-width: 600px) {.product_page{padding:50px 20px 80px 20px; text-align:center;}}
@media only screen and (min-width: 600px) {.product_page{padding:50px 20px 80px 20px; text-align:center;}}
@media only screen and (min-width: 768px) {.product_page{padding:50px 20px 80px 20px; text-align:left;}} 
@media only screen and (min-width: 992px) {.product_page{padding:50px 50px 80px 50px; text-align:left;}} 
@media only screen and (min-width: 1200px) {.product_page{padding:50px 100px 80px 100px; text-align:left;}}
@media only screen and (min-width: 1500px) {.product_page{padding:50px 160px 80px 160px; text-align:left;}}
.product_page .mt30{margin-top:30px;}
.product_page .mt15{margin-top:15px;}
.product_page .mt10{margin-top:10px;}
.product_page h2{
    font-family: "Anton", sans-serif;
    font-size: 60px;
    line-height: 1;
    margin-bottom: 0;
    position: relative;
    z-index: 5;
    font-weight: 400;
    color: #303849;
    text-transform: uppercase;
}
.product_page h2 span{color: #ff6c00;}
.product_page h6{
    font-family: 'Roboto', sans-serif;
    line-height: 1;
    margin-bottom: 0;
    position: relative;
    z-index: 5;
    letter-spacing: .7em;
    margin-top: 21px;
    font-weight: 700;
    color: #303849;
    font-size: 16px;
    text-transform: uppercase;
}
.product_page h6:after{
    background-color: #ff6c00;
    content: "";
    display: block;
    height: 1px;
    left: -28px;
    margin-top: 15px;
    position: relative;
    width: 100px;
    margin-bottom: 30px;
}
.product_page h4{
    font-family: "Anton", sans-serif;
    font-size: 30px;
    line-height: 1;
    margin-bottom: 0;
    position: relative;
    z-index: 5;
    margin-top: 0px;
    margin-bottom: 25px;
    font-weight: 400;
    color: #303849;
    text-transform: uppercase;
}
.product_page h4 span{color: #ff6c00;}
.product_page p{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #666;
}
.product_page table {
    font-family: "Roboto", sans-serif;
    border-collapse: collapse;
    width: 100%;
    border-radius: 8px;
    box-shadow: 0 0 .5em #999;
    font-weight: 100;
    font-size:16px;
    margin-top:0px;
    white-space: nowrap;
}
.product_page thead {
    font-family: "Roboto", sans-serif;
    font-weight: 100;
    text-transform:capitalize;
}
.product_page th {
    font-family: "Roboto", sans-serif;
    background: #ff6c00;
    padding:10px 20px;
    font-weight:500; 
    color:#fff;
    white-space: nowrap;
    font-size:18px;
    line-height:26px;  
    border-bottom: 1px solid #e1e1e1;
}
.product_page th span{
      font-size:18px; 
      font-weight:400;
}
.product_page tr{
    overflow: hidden;
    padding:0px 20px;
}
.product_page td{color:#555; padding:10px 20px; font-size:15px; font-weight:400; font-family: "Roboto", sans-serif;}
.product_page tr strong{ font-weight:500; color:#555;}
.product_page tr:nth-child(even) {background: #f5f5f5;}
.product_page tr:nth-child(odd) {background: #d7d7d7; font-weight: 500 !important; color: #555 !important;}


.product_page .article-slide .carousel-indicators {
    bottom: -150px !important;
    left: 0;
    display: block;
    margin-left: 0px;
    width: 100%;
}
.product_page .article-slide .carousel-indicators li {
    border: medium none;
    border-radius: 0;
    float: left;
    height: 100px;
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: 5px !important;
    margin-top: 0;
    width: 100px;
}
.product_page .article-slide .carousel-indicators img {
    border: 2px solid #FFFFFF;
    float: left;
    height: 100px;
    left: 0;
    width: 100px;
}
.product_page .article-slide .carousel-indicators .active img {
    border: 2px solid #232438;
    opacity: 1;
}
/***********============================================== product_page =====================================================***********/

/***********============================================== quality_page =====================================================***********/
@media only screen and (max-width: 600px) {.quality_page{padding:50px 20px 80px 20px; text-align:center;}}
@media only screen and (min-width: 600px) {.quality_page{padding:50px 20px 80px 20px; text-align:center;}}
@media only screen and (min-width: 768px) {.quality_page{padding:50px 20px 80px 20px; text-align:left;}} 
@media only screen and (min-width: 992px) {.quality_page{padding:50px 50px 80px 50px; text-align:left;}} 
@media only screen and (min-width: 1200px) {.quality_page{padding:50px 100px 80px 100px; text-align:left;}}
@media only screen and (min-width: 1500px) {.quality_page{padding:50px 160px 80px 160px; text-align:left;}}
.quality_page .mt30{margin-top:30px;}
.quality_page .mt15{margin-top:15px;}
.quality_page .mt10{margin-top:10px;}
.quality_page h2{
    font-family: "Anton", sans-serif;
    font-size: 60px;
    line-height: 1;
    margin-bottom: 0;
    position: relative;
    z-index: 5;
    font-weight: 400;
    color: #303849;
    text-transform: uppercase;
}
.quality_page h2 span{color: #ff6c00;}
.quality_page h6{
    font-family: 'Roboto', sans-serif;
    line-height: 1;
    margin-bottom: 0;
    position: relative;
    z-index: 5;
    letter-spacing: .7em;
    margin-top: 21px;
    font-weight: 700;
    color: #303849;
    font-size: 16px;
    text-transform: uppercase;
}
.quality_page h6:after{
    background-color: #ff6c00;
    content: "";
    display: block;
    height: 1px;
    left: -28px;
    margin-top: 15px;
    position: relative;
    width: 100px;
    margin-bottom: 50px;
}
.quality_page p{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #666;
}
.quality_page h4{
    font-family: "Anton", sans-serif;
    font-size: 22px;
    line-height: 1;
    margin-bottom: 0;
    position: relative;
    z-index: 5;
    margin-top: 50px;
    margin-bottom: 25px;
    font-weight: 400;
    color: #303849;
    text-transform: uppercase;
}
.quality_page h4 span{color: #ff6c00;}
.quality_page ul li{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #303849;
    list-style: none;
    padding-top: 10px;
    padding-left: 25px;
    position: relative;
}
.quality_page ul li:after{
    position: absolute;
    content: '\f054';
    font-family: 'Fontawesome';
    left: 0px;
    top: 10px;
    font-size: 15px;
    font-weight: 200;
    color: #ff6c00;
}
/***********============================================== quality_page =====================================================***********/

/***********============================================== enquiry_page =====================================================***********/
@media only screen and (max-width: 600px) {.enquiry_page{padding:50px 20px 80px 20px; text-align:center;}}
@media only screen and (min-width: 600px) {.enquiry_page{padding:50px 20px 80px 20px; text-align:center;}}
@media only screen and (min-width: 768px) {.enquiry_page{padding:50px 20px 80px 20px; text-align:left;}} 
@media only screen and (min-width: 992px) {.enquiry_page{padding:50px 50px 80px 50px; text-align:left;}} 
@media only screen and (min-width: 1200px) {.enquiry_page{padding:50px 100px 80px 100px; text-align:left;}}
@media only screen and (min-width: 1500px) {.enquiry_page{padding:50px 160px 80px 160px; text-align:left;}}
.enquiry_page{background: url(../images/enquiryback.jpg) no-repeat top/cover;}
.enquiry_page .mt30{margin-top:30px;}
.enquiry_page .mt15{margin-top:15px;}
.enquiry_page .mt10{margin-top:10px;}
.enquiry_page h2{
    font-family: "Anton", sans-serif;
    font-size: 60px;
    line-height: 1;
    margin-bottom: 0;
    position: relative;
    z-index: 5;
    font-weight: 400;
    color: #303849;
    text-transform: uppercase;
}
.enquiry_page h2 span{color: #ff6c00;}
.enquiry_page h6{
    font-family: 'Roboto', sans-serif;
    line-height: 1;
    margin-bottom: 0;
    position: relative;
    z-index: 5;
    letter-spacing: .7em;
    margin-top: 21px;
    font-weight: 700;
    color: #303849;
    font-size: 16px;
    text-transform: uppercase;
}
.enquiry_page h6:after{
    background-color: #ff6c00;
    content: "";
    display: block;
    height: 1px;
    left: -28px;
    margin-top: 15px;
    position: relative;
    width: 100px;
    margin-bottom: 50px;
}
.enquiry_page p{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #666;
}
.enquiry_page .form-control{background: rgba(255,255,255,0.9);}
.enquiry_page .form-horizontal .form-content{padding: 0px 5px;}
.enquiry_page .form-horizontal .form-control{
	font-family: "Roboto", sans-serif;
    padding: 12px 16px 12px 39px;
    height: 50px;
    font-size: 14px;
    color: #222;
    border: none;
    border: 2px solid #eee;
    border-radius: 10px;
    box-shadow: none;
    margin-bottom: 15px;
	background: #fff;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #fff, #fff7f3);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #fff, #fff7f3); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.enquiry_page .form-horizontal .form-control:focus{
    border-color: #ccc;
    box-shadow: none;
	outline: none;
}
.enquiry_page .form-horizontal .control-label{
    font-size: 17px;
    color: #ccc;
    position: absolute;
    top: 5px;
    left: 27px;
    text-align: center;
}
.enquiry_page .form-horizontal textarea.form-control{
    resize: vertical;
    height: 130px;
}
.enquiry_page .form-horizontal .form-group .fa{padding-top:10px;}
.enquiry_page .shape1{
    position: absolute;
    left: -35px;
    bottom: -15%;
    z-index: -1;
}
.enquiry_page .shape2 {
    position: absolute;
    right: 0px;
    top: 0;
    z-index: -1;
}
.enquiry_page .btn{
	font-family: "Roboto", sans-serif;
    font-size: 16px;
	font-weight: 400;
    text-transform: capitalize;
    border-radius: 0px;
    padding: 10px 20px;
    color: #fff;
    background-color: #ff6c00;
    line-height: 25px;
    margin-top: 15px;
}
.enquiry_page .btn a{color: #fff;}
.enquiry_page .btn a:hover, .enquiry_page .btn:hover a{color: #fff;}
.enquiry_page .btn .fa{padding-left: 10px; font-size: 20px; font-weight: 400;}
.enquiry_page .btn:hover{background: #303849; color: #fff;}
/***********============================================== enquiry_page =====================================================***********/

/***********============================================== contact_page =====================================================***********/
@media only screen and (max-width: 600px) {.contact_page{padding:50px 20px 80px 20px; text-align:center;}}
@media only screen and (min-width: 600px) {.contact_page{padding:50px 20px 80px 20px; text-align:center;}}
@media only screen and (min-width: 768px) {.contact_page{padding:50px 20px 80px 20px; text-align:left;}} 
@media only screen and (min-width: 992px) {.contact_page{padding:50px 50px 80px 50px; text-align:left;}} 
@media only screen and (min-width: 1200px) {.contact_page{padding:50px 100px 80px 100px; text-align:left;}}
@media only screen and (min-width: 1500px) {.contact_page{padding:50px 160px 80px 160px; text-align:left;}}
.contact_page .mt30{margin-top:30px;}
.contact_page .mt15{margin-top:15px;}
.contact_page .mt10{margin-top:10px;}
.contact_page h2{
    font-family: "Anton", sans-serif;
    font-size: 60px;
    line-height: 1;
    margin-bottom: 0;
    position: relative;
    z-index: 5;
    font-weight: 400;
    color: #303849;
    text-transform: uppercase;
}
.contact_page h2 span{color: #ff6c00;}
.contact_page h6{
    font-family: 'Roboto', sans-serif;
    line-height: 1;
    margin-bottom: 0;
    position: relative;
    z-index: 5;
    letter-spacing: .7em;
    margin-top: 21px;
    font-weight: 700;
    color: #303849;
    font-size: 16px;
    text-transform: uppercase;
}
.contact_page h6:after{
    background-color: #ff6c00;
    content: "";
    display: block;
    height: 1px;
    left: -28px;
    margin-top: 15px;
    position: relative;
    width: 100px;
    margin-bottom: 20px;
}
.contact_page p{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #666;
}
:root{ --main-color: #ff6c00; }
.contact_page .serviceBox{
    color: var(--main-color);
    background: linear-gradient(to right bottom,#fff,#eee);
    font-family: 'Roboto', sans-serif;
    text-align: center;
    padding: 25px 25px 25px;
    border-radius: 5px;
    box-shadow: 5px 5px 10px rgba(0,0,0,0.3);
    position: relative;
    z-index: 1;
    min-height: 320px;
}
.contact_page .serviceBox:before{
    content: "";
    background: var(--main-color);
    width: 100%;
    height: 25px;
    position: absolute;
    top: 65px;
    left: 0;
    z-index: -1;
}
.contact_page .serviceBox .service-icon{
    color: #fff;
    background: var(--main-color);
    font-size: 42px;
    line-height: 80px;
    width: 100px;
    height: 100px;
    padding-top: 15px;
    margin: 0 auto 15px;
    border: 10px solid #fff;
    border-radius: 50%;
}
.contact_page .serviceBox .title{
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0 0 10px;
    color: #303849;
}
.contact_page .serviceBox .description{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #666;
}
.contact_page .serviceBox .description a{color: #666;}
@media only screen and (max-width: 1199px){
    .contact_page .serviceBox{ margin: 0 0 40px; }
}
.map{
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
/***********============================================== contact_page =====================================================***********/