@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: #1c1d20;

    font-family: 'Nunito', sans-serif;

    vertical-align: baseline;

	padding:0;

	margin:0;

    overflow: auto;

}

::-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: #1c1c1c; 

}

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;

}

.lineover{text-decoration: line-through;}
.currancy-ic{font-size: medium;}

/***********============================================== navigation =====================================================***********/

@media only screen and (max-width: 600px) {.navigation{margin-top: 0px; margin-left: 0px;} .navigation .logo{background: #fff; margin-bottom: 30px; height: auto;}}

@media only screen and (min-width: 600px) {.navigation{margin-top: 0px; margin-left: 0px;} .navigation .logo{background: #fff; height: auto;}}

@media only screen and (min-width: 768px) {.navigation{margin-top: 38px; margin-left: -40px;} .navigation .logo{background: #ff6600; height: 96px;}} 

@media only screen and (min-width: 992px) {.navigation{margin-top: 38px; margin-left: -40px;} .navigation .logo{background: #ff6600; height: 96px;}} 

@media only screen and (min-width: 1200px) {.navigation{margin-top: 38px; margin-left: -40px;} .navigation .logo{background: #ff6600; height: 96px;}}

@media only screen and (min-width: 1500px) {.navigation{margin-top: 38px; margin-left: -40px;} .navigation .logo{background: #ff6600; height: 96px;}}

.navigation{

    position: relative;

    z-index: 99;

    padding: 0 15px;

}

.navigation .logo{

    position: relative;

    z-index: 1;

    left: 13px;

    display: flex;

    align-items: center;

    z-index: 9;

    margin-top: 34px;

    justify-content: center;

}

.navigation .logo::before {

    position: absolute;

    content: '';

    height: 100%;

    width: 100%;

    right: 0;

    top: 0;

    background-color: #fff;

    z-index: -1;

    border-radius: 0 0 45px 0;

}

.navigation .logo img{

    width: auto;

    height: auto;

}

/***********============================================== navigation =====================================================***********/



/***********============================================== 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:10px 20px;}} 

@media only screen and (min-width: 992px) {.header_topbar{padding:10px 30px;}} 

@media only screen and (min-width: 1200px) {.header_topbar{padding:10px 15px;}}

@media only screen and (min-width: 1500px) {.header_topbar{padding:10px 50px;}}

.header_topbar {

    font-family:'Exo 2', sans-serif;

    font-size: 16px;

    line-height: 28px;

	background-color: #161616;

    margin-left: 13px;

    padding: 9px 50px 9px 30px;

    border-radius: 25px 25px 0 0;

    -webkit-border-radius: 25px 25px 0 0;

    -moz-border-radius: 25px 25px 0 0;

    -ms-border-radius: 25px 25px 0 0;

    -o-border-radius: 25px 25px 0 0;

}

.header_topbar .mt10{margin-top:13px;}

.header_topbar .mt15{margin-top:15px;}

.header_topbar .mt30{margin-top:30px;}

.header_topbar h5{

    font-family:'Exo 2', sans-serif;

    position: relative;

    display: block;

    font-size: 15px;

    line-height: 28px;

    color: #fff;

    font-weight: 500;

}

.header_topbar h5 a{color: #fff;}

.header_topbar .links-list li {

    position: relative;

    display: inline-block;

    font-size: 17px;

    line-height: 28px;

    margin-right: 5px;

    font-weight: 700;

}

.header_topbar .links-list li a {

    position: relative;

    display: inline-block;

    color: #fff;

    font-size: 17px;

    line-height: 28px;

    margin-right: 10px;

    font-weight: 700;

}

.header_topbar .info-list li {

    font-family:'Exo 2', sans-serif;

    position: relative;

    display: inline-block;

    font-size: 15px;

    line-height: 27px;

    color: #fff;

    font-weight: 500;

    padding-left: 22px;

    margin-right: 15px;

}

.header_topbar .info-list li i {

    position: absolute;

    left: 0px;

    top: 3px;

    font-size: 16px;

    color: #ff6600;

}

.header_topbar .info-list li .fa{top: 5px;}

.header_topbar .info-list li span {

    color: #fff;

    font-weight: 600;

}

/***********============================================== header_topbar =====================================================***********/



/***********============================================== header_bottom =====================================================***********/

@media only screen and (max-width: 600px) {.header_bottom{padding:0px 15px 0px 15px;} .logo img{padding:0px auto; margin:0px auto; text-align:center; width: 100%; height: 100%;}}

@media only screen and (min-width: 600px) {.header_bottom{padding:0px 15px 0px 15px;} .logo img{padding:0px auto; margin:0px auto; text-align:center; width: 100%; height: 100%;}}

@media only screen and (min-width: 768px) {.header_bottom{padding:0px 15px 0px 20px;} .logo img{padding:10px auto; margin:10px auto; text-align:center; width: 100%; height: 100%;}} 

@media only screen and (min-width: 992px) {.header_bottom{padding:0px 15px 0px 25px;} .logo img{padding:5px 0px 5px 0px; margin:0px 0px; text-align:left; width: 100%; height: 100%;}} 

@media only screen and (min-width: 1200px) {.header_bottom{padding:0px 15px 0px 25px;} .logo img{padding:5px 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:0px 15px 0px 30px;} .logo img{padding:5px 0px 5px 0px; margin:0px 0px 0px 0px; text-align:left; width: 100%; height: 100%;}}



.header_bottom{

    background: #ff6600;

    border-radius: 0px 0 45px 10px;

    -webkit-border-radius: 0px 0 45px 10px;

    -moz-border-radius: 0px 0 45px 10px;

    -ms-border-radius: 0px 0 45px 10px;

    -o-border-radius: 0px 0 45px 10px;

    position:relative; z-index:5;

}

.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:'Exo 2', 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:'Exo 2', sans-serif;}

#cssmenu > ul {padding-left:0px; padding-top:0px; padding-bottom:0px;}

#cssmenu > ul.pull-left{margin-top: 12px; margin-bottom: 12px; margin-left: 25px;}

#cssmenu > ul > li{float:left;z-index:1000;}

#cssmenu > ul > li > a{padding:17px 15px;font-size:18px; display:block; text-decoration:none; text-transform:capitalize; font-weight:600; color:#fff; font-family:'Exo 2', sans-serif;}

#cssmenu > ul > li:hover > a:after, #cssmenu > ul > li:hover > a:before, #cssmenu ul li.active a:after, #cssmenu ul li.active a:before{opacity: 1;}

#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#fff;}

#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:25px;right:11px;width:8px;height:2px;display:block;background:#fff;content:''}

#cssmenu > ul > li.has-sub > a:before{position:absolute;top:22px;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;

    border-radius: 0px 0px 8px 8px;

    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:10px 5px;width:400px; text-transform: capitalize; font-size:15px;text-decoration:none;color:#1c1c1c;font-weight:600;}

#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_bottom{

    font-family:'Exo 2', sans-serif;

    position:relative; z-index:99;

}

header{background:#1c1c1c; font-family:'Exo 2', sans-serif; padding-top:10px; padding-bottom:10px; margin-top: 10px;}

nav{width:100%; background:#1c1c1c;}

#cssmenu{width:100%;}

#cssmenu > ul.pull-left{margin-top: 12px; margin-bottom: 12px; margin-left: 0px;}

.navbar-right{ margin-right:0px;}

#cssmenu ul{width:100%;display:none; background:#1c1c1c; margin-top:30px; padding-left:0px;}

#cssmenu ul li{width:100%;border-top:1px solid #ccc; background:#fff;}

#cssmenu > ul > li{float:left;z-index:1000;}

#cssmenu > ul > li:first-child {border-left:none;}

#cssmenu > ul > li > a{padding:17px;font-size:14px; display:block; text-decoration:none; text-transform:uppercase;font-weight:700; color:#222; font-family:'Exo 2', sans-serif;}

#cssmenu > ul > li > a:before{display: none;}

#cssmenu > ul > li > a:after{display: none;}

#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#222}

#cssmenu ul li:hover{background:#fff;}

#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:#1c1c1c;}

.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}

}

.header_bottom .btn{

    font-family:'Exo 2', sans-serif;

    font-size: 16px;

    color: #fff;

    line-height: 28px;

    text-transform: uppercase;

    padding: 20px 32px;

    background: #dc4e11;

    border: none !important;

    height: 100%;

    display: block;

    width: 100%;

    align-items: center;

    justify-content: center;

    font-weight: 700;

    border-radius: 0 0 40px 0;

    -webkit-border-radius: 0 0 40px 0;

    -moz-border-radius: 0 0 40px 0;

    -ms-border-radius: 0 0 40px 0;

}



.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{bottom:24%; top: 35%; left:10%; right:0%;} 

    .slider .carousel-caption h2{font-size: 30px; line-height: 40px;}

}

@media only screen and (min-width: 600px) {

    .slider{margin-top:0px;} 

    .slider .carousel-caption{bottom:24%; top: 35%; left:10%; right:0%;} 

    .slider .carousel-caption h2{font-size: 30px; line-height: 40px;}

}

@media only screen and (min-width: 768px) {

    .slider{margin-top:-180px;} 

    .slider .carousel-caption{bottom:0%; top: 35%; left:4%; right:0%;} 

    .slider .carousel-caption h2{font-size: 60px; line-height: 70px;}

} 

@media only screen and (min-width: 992px) {

    .slider{margin-top:-180px;} 

    .slider .carousel-caption{bottom:0%; top: 35%; left:4%; right:0%;} 

    .slider .carousel-caption h2{font-size: 60px; line-height: 70px;}

} 

@media only screen and (min-width: 1200px) {

    .slider{margin-top:-180px;} 

    .slider .carousel-caption{bottom:0%; top: 35%; left:4%; right:0%;} 

    .slider .carousel-caption h2{font-size: 54px; line-height: 60px;}

}

@media only screen and (min-width: 1500px) {

    .slider{margin-top:-180px;} 

    .slider .carousel-caption{bottom:0%; top: 40%; left:2%; right:0%;} 

    .slider .carousel-caption h2{font-size: 60px; line-height: 70px;} 

}

.slider{background-color: #f3f3f4; overflow: hidden !important;}

.slider .carousel-caption{

	position:absolute;

}

.slider .carousel-caption h6{

    font-family:'Exo 2', sans-serif;

    position: relative;

    display: inline-block;

    font-size: 16px;

    line-height: 24px;

    color: #ff6600;

    font-weight: 500;

    text-transform: uppercase;

    margin-bottom: 26px;

}

.slider .carousel-caption h2{

    z-index: 9;

    font-family:'Exo 2', sans-serif;

    height: auto;

    color: rgb(255, 255, 255);

    text-decoration: none;

    white-space: normal;

    text-align: left;

    letter-spacing: 0px;

    font-weight: 600;

    border-color: rgb(246, 101, 1);

    border-style: solid;

    border-width: 0px 0px 0px 5px;

    padding-left: 20px;

}

.slider .carousel-caption p {

    font-family:'Exo 2', sans-serif;

	font-size: 16px;

    font-weight: 400;

	line-height:27px;

	color:#ccc;

    margin-top: 30px;

	text-transform:capitalize;

    margin-bottom: 40px;

}

.slider .carousel-caption .btn1{

    font-family:'Exo 2', sans-serif;

    z-index: 7;

    background-color: rgb(246, 101, 1);

    text-transform: uppercase;

    color: rgb(255, 255, 255);

    text-decoration: none;

    line-height: 30px;

    letter-spacing: 0px;

    font-weight: 600;

    font-size: 15px;

    padding: 15px 35px;

    border-radius: 4px;

    visibility: visible;

    border-width: 0px;

}

.slider .carousel-caption .btn1:hover{background-color: #fff; color: #ff6600;}

.slider .carousel-caption .btn2{

    font-family:'Exo 2', sans-serif;

    z-index: 7;

    background-color: #fff;

    text-transform: uppercase;

    color: #ff6600;

    text-decoration: none;

    line-height: 30px;

    letter-spacing: 0px;

    font-weight: 600;

    font-size: 15px;

    padding: 15px 32px;

    border-radius: 4px;

    visibility: visible;

    border-width: 0px;

}

.slider .carousel-caption .btn2:hover{background-color: #ff6600; color: #fff;}

.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 =====================================================***********/



/***********============================================== section1 =====================================================***********/

@media only screen and (max-width: 600px) {.section1{padding:50px 20px 80px 20px; text-align:center;}}

@media only screen and (min-width: 600px) {.section1{padding:50px 20px 80px 20px; text-align:center;}}

@media only screen and (min-width: 768px) {.section1{padding:50px 30px 80px 30px; text-align:center;}} 

@media only screen and (min-width: 992px) {.section1{padding:50px 50px 80px 50px; text-align:center;}} 

@media only screen and (min-width: 1200px) {.section1{padding:50px 80px 80px 80px; text-align:center;}}

@media only screen and (min-width: 1500px) {.section1{padding:50px 140px 80px 140px; text-align:center;}}

.section1{background-color: #fcfcfc;}

.section1 .mt30{margin-top:30px;}

.section1 .mt15{margin-top:15px;}

.section1 .mt10{margin-top:10px;}

.section1 .titleicon{

    margin: 0 auto;

    display: block;

    text-align: center;

}

.section1 h6{

    font-family:'Exo 2', sans-serif;

    font-size: 18px;

    line-height: 28px;

    font-weight: 400;

    margin-top: 15px;

    margin-bottom: 5px;

    display: inline-block;

    color: #ff6600;

}

.section1 h2{

    font-family:'Exo 2', sans-serif;

    font-size: 50px;

    font-weight: 700;

    color: #1f1f1f;

}

.section1 .post-slide{margin: 0 15px;}

.section1 .block{

    margin: 23px;

    position: relative;

    text-align: center;

    padding-bottom: 90px;

    background-color: #fff;

    box-shadow: 0px 30px 160px 0px rgba(0, 0, 0, 0.1);

    border-radius: 0% 0 50% 50%/0 0 43% 43%;

    -webkit-border-radius: 0% 0 50% 50%/0 0 43% 43%;

    -moz-border-radius: 0% 0 50% 50%/0 0 43% 43%;

    -ms-border-radius: 0% 0 50% 50%/0 0 43% 43%;

    -o-border-radius: 0% 0 50% 50%/0 0 43% 43%;

    position: relative;

    z-index: 1;

}

.section1 .block::before {

    position: absolute;

    top: -30px;

    left: -22px;

    right: -22px;

    bottom: -20px;

    border: 2px dashed #d3d3d3;

    content: "";

    -webkit-transition: 0.3s;

    -o-transition: 0.3s;

    transition: 0.3s;

    border-radius: 0% 0 50% 50%/0 0 40% 40%;

    -webkit-border-radius: 0% 0 50% 50%/0 0 40% 40%;

    -moz-border-radius: 0% 0 50% 50%/0 0 40% 40%;

    -ms-border-radius: 0% 0 50% 50%/0 0 40% 40%;

    -o-border-radius: 0% 0 50% 50%/0 0 40% 40%;

    z-index: -1;

}

.section1 .block:hover::before{border: 2px dashed #ff6600;}

/* .section1 .img{

    width: 175px;

    margin: 0 auto;

    height: 197px;

    object-fit: cover;

    border-radius: 0% 0 50% 50%/0 0 40% 40%;

    -webkit-border-radius: 0% 0 50% 50%/0 0 40% 40%;

    -moz-border-radius: 0% 0 50% 50%/0 0 40% 40%;

    -ms-border-radius: 0% 0 50% 50%/0 0 40% 40%;

    -o-border-radius: 0% 0 50% 50%/0 0 40% 40%;

    overflow: hidden;

    top: -30px;

    position: relative;

    margin-bottom: -14px;

} */

.section1 .content{

    z-index: 1;

    position: relative;

    padding: 10px 10px;

}

.section1 h4{

    font-family:'Exo 2', sans-serif;

    font-size: 22px;

    line-height: 30px;

    font-weight: 700;

    margin-top: 10px;

    margin-bottom: 14px;

    color: #1f1f1f;

    text-align: center;

}

.section1 p{

    font-family:'Exo 2', sans-serif;

    font-weight: 400;

    position: relative;

    font-size: 16px;

    line-height: 28px;

    color: #494949;

    margin-bottom: 0px;

}

.section1 .btn{

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 100%;

    text-align: center;

    border-radius: 0% 0 50% 50%/0 0 43% 43%;

    -webkit-border-radius: 0% 0 50% 50%/0 0 43% 43%;

    -moz-border-radius: 0% 0 50% 50%/0 0 43% 43%;

    -ms-border-radius: 0% 0 50% 50%/0 0 43% 43%;

    -o-border-radius: 0% 0 50% 50%/0 0 43% 43%;

    overflow: hidden;        

}

.section1 .link{

    position: absolute;

    bottom: -157px;

    width: 175px;

    height: 197px;

    background-color: #1f1f1f;

    left: 50%;

    padding-top: 10px;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    border-radius: 50% 50% 0% 0/43% 43% 0 0;

    -webkit-border-radius: 50% 50% 0% 0/43% 43% 0 0;

    -moz-border-radius: 50% 50% 0% 0/43% 43% 0 0;

    -ms-border-radius: 50% 50% 0% 0/43% 43% 0 0;

    -o-border-radius: 50% 50% 0% 0/43% 43% 0 0;

    -webkit-transition: 0.3s;

    -o-transition: 0.3s;

    transition: 0.3s;

}

.section1 .link i{

    color: #fff;

    font-size: 13px;

}

/***********============================================== section1 =====================================================***********/



/***********============================================== section2 =====================================================***********/

@media only screen and (max-width: 600px) {

    .section2{padding:50px 20px 80px 20px; text-align:left;} 

    .section2{padding-bottom: 20px;}

    .section2{background-image: none; background-position: 0px 655px;}

}

@media only screen and (min-width: 600px) {

    .section2{padding:50px 20px 80px 20px; text-align:left;} 

    .section2{padding-bottom: 20px;}

    .section2{background-image: none; background-position: 0px 655px;}

}

@media only screen and (min-width: 768px) {

    .section2{padding:50px 30px 80px 30px; text-align:left;} 

    .section2{padding-bottom: 200px;}

    .section2{background-image: url(../images/sec2.png); background-position: 0px 655px;}

} 

@media only screen and (min-width: 992px) {

    .section2{padding:50px 50px 80px 30px; text-align:left;} 

    .section2{padding-bottom: 200px;}

    .section2{background-image: url(../images/sec2.png); background-position: 0px 655px;}

} 

@media only screen and (min-width: 1200px) {

    .section2{padding:50px 100px 80px 50px; text-align:left;} 

    .section2{padding-bottom: 200px;}

    .section2{background-image: url(../images/sec2.png); background-position: 0px 655px;}

}

@media only screen and (min-width: 1500px) {

    .section2{padding:50px 160px 80px 80px; text-align:left;} 

    .section2{padding-bottom: 200px;}

    .section2{background-image: url(../images/home-side.png); background-position: 0px 725px;}

}

.section2 {

    background-color: #F7F7F7;

    background-repeat: no-repeat;

    background-size: 300px auto;

}

.section2 .mt30{margin-top:30px;}

.section2 .mt15{margin-top:15px;}

.section2 .mt10{margin-top:10px;}

.section2 h2{

    color: #1F1F1F;

    font-family: "Exo 2", Sans-serif;

    font-size: 35px;

    font-weight: 800;

    margin-top: 0px;

    line-height: 1.3em;

}

.section2 p{

    font-family: "Exo 2", Sans-serif;

    line-height: 28px;

    font-weight: 400;

    font-size: 18px;

    color: #1c1d20;

    margin: 0px 0px 27px 0px;

    padding: 0px 0px 0px 0px;

}

.section2 ul{margin-bottom: 20px;}

.section2 li{

    font-family: "Exo 2", Sans-serif;

    margin: 0px 0px 10px 0px;

    padding: 0px 0px 0px 15px;

    font-size: 17px;

    line-height: 28px;

    color: #1c1d20;

    font-weight: 600;

    list-style: none;

}

.section2 li img {

    margin-right: 10px;

}

.section2 li img {

    height: auto;

    max-width: 100%;

    border: none;

    border-radius: 0;

    box-shadow: none;

}

.section2 .btn1{

    font-family:'Exo 2', sans-serif;

    z-index: 7;

    background-color: rgb(246, 101, 1);

    text-transform: uppercase;

    color: rgb(255, 255, 255);

    text-decoration: none;

    line-height: 30px;

    letter-spacing: 0px;

    font-weight: 600;

    font-size: 15px;

    padding: 15px 35px;

    border-radius: 4px;

    visibility: visible;

    border-width: 0px;

    margin-top: 25px;

}

.section2 .btn1:hover{background-color: #1c1d20; color: #fff;}

.section2 .img{position: relative;}

.section2 .image img{    

    border-radius: 30px;

    -webkit-border-radius: 30px;

    -moz-border-radius: 30px;

    -ms-border-radius: 30px;

    -o-border-radius: 30px;

}

.section2 .img1 {

    margin-left: 105px;

}

.section2 .img2 {

    margin-top: -102px;

}

.section2 .img3 {

    margin-left: 258px;

    margin-top: -102px;

}

/***********============================================== section2 =====================================================***********/



/***********============================================== section3 =====================================================***********/

@media only screen and (max-width: 600px) {.section3{padding:50px 20px 80px 20px; text-align:center;} .section3 .img2{margin-top: 60px;}}

@media only screen and (min-width: 600px) {.section3{padding:50px 20px 80px 20px; text-align:center;} .section3 .img2{margin-top: 60px;}}

@media only screen and (min-width: 768px) {.section3{padding:50px 30px 80px 30px; text-align:left;} .section3 .img2{margin-top: 30px;}} 

@media only screen and (min-width: 992px) {.section3{padding:50px 50px 80px 50px; text-align:left;} .section3 .img2{margin-top: 30px;}} 

@media only screen and (min-width: 1200px) {.section3{padding:50px 80px 80px 80px; text-align:left;} .section3 .img2{margin-top: 30px;}}

@media only screen and (min-width: 1500px) {.section3{padding:50px 140px 80px 140px; text-align:left;} .section3 .img2{margin-top: 30px;}}

.section3{margin-top: 30px;}

.section3 .mt30{margin-top:30px;}

.section3 .mt15{margin-top:15px;}

.section3 .mt10{margin-top:10px;}

.section3 h6{

    font-family:'Exo 2', sans-serif;

    font-size: 18px;

    line-height: 28px;

    font-weight: 400;

    margin-top: 15px;

    margin-bottom: 5px;

    display: inline-block;

    color: #ff6600;

}

.section3 h2{

    font-family:'Exo 2', sans-serif;

    font-size: 50px;

    font-weight: 700;

    color: #1f1f1f;

}

.section3 p{

    font-family: "Exo 2", Sans-serif;

    line-height: 28px;

    font-weight: 400;

    font-size: 18px;

    color: #1c1d20;

    margin: 0px 0px 27px 0px;

    padding: 0px 0px 0px 0px;

}

.section3 ul{margin-top: 40px; margin-bottom: 60px;}

.section3 li{

    font-family: "Exo 2", Sans-serif;

    margin: 0px 0px 10px 0px;

    padding: 5px 0px 5px 15px;

    font-size: 24px;

    line-height: 28px;

    color: #373737;

    font-weight: 600;

    list-style: none;

    position: relative;

}

.section3 li.active{color: #ff6600;}

.section3 li.active::before{opacity: 1;}

.section3 li:hover{color: #ff6600;}

.section3 li::before {

    border-radius: 20px;

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    -ms-border-radius: 20px;

    -o-border-radius: 20px;

    width: 12px;

    height: 50px;

    background-color: #ff6600;

    content: "";

    position: absolute;

    top: 50%;

    left: 0;

    -webkit-transform: translateY(-50%) scale(0.5);

    -ms-transform: translateY(-50%) scale(0.5);

    transform: translateY(-50%) scale(0.5);

    opacity: 0;

    -webkit-transition: 0.3s;

    -o-transition: 0.3s;

    transition: 0.3s;

}

.section3 li:hover::before{opacity: 1;}

.section3 li:not(:last-child) {

    margin-bottom: 32px;

}

.section3 .img1, .section3 .img2{position: relative;}

.section3 .img1::before {

    position: absolute;

    top: -10px;

    left: -10px;

    right: -10px;

    bottom: -10px;

    border: 2px dashed #e7e5e5;

    content: "";

    border-radius: 55% 57% 7px 7px/51% 51% 7px 7px;

    -webkit-border-radius: 55% 57% 7px 7px/51% 51% 7px 7px;

    -moz-border-radius: 55% 57% 7px 7px/51% 51% 7px 7px;

    -ms-border-radius: 55% 57% 7px 7px/51% 51% 7px 7px;

    -o-border-radius: 55% 57% 7px 7px/51% 51% 7px 7px;

}

.section3 .img2::before {

    position: absolute;

    top: -10px;

    left: -10px;

    right: -10px;

    bottom: -10px;

    border: 2px dashed #e7e5e5;

    content: "";

    border-radius: 7px 7px 60% 60%/7px 7px 40% 40%;

    -webkit-border-radius: 7px 7px 60% 60%/7px 7px 40% 40%;

    -moz-border-radius: 7px 7px 60% 60%/7px 7px 40% 40%;

    -ms-border-radius: 7px 7px 60% 60%/7px 7px 40% 40%;

    -o-border-radius: 7px 7px 60% 60%/7px 7px 40% 40%;

}

.section3 .btn1{

    font-family:'Exo 2', sans-serif;

    z-index: 7;

    background-color: rgb(246, 101, 1);

    text-transform: uppercase;

    color: rgb(255, 255, 255);

    text-decoration: none;

    line-height: 30px;

    letter-spacing: 0px;

    font-weight: 600;

    font-size: 15px;

    padding: 15px 35px;

    border-radius: 4px;

    visibility: visible;

    border-width: 0px;

    margin-top: 25px;

}

.section3 .btn1:hover{background-color: #1c1d20; color: #fff;}

.section3 .video{

    position: absolute;

    bottom: -57px;

    left: -20px;

    width: 132px;

    height: 132px;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    background-color: #fff;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 27px;

    color: #ff6600;

    box-shadow: 0px 30px 160px 0px rgba(0, 0, 0, 0.1);     

    opacity: 1;

    -webkit-transition: 0.5s;

    -o-transition: 0.5s;

    transition: 0.5s;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

    transition-delay: .1s;   

}

.section3 .video span{

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    width: 100%;

    text-align: center;        

}

.section3 span img {

    animation: spin 12s infinite linear;

    -webkit-animation: spin 12s infinite linear;

}

@keyframes spin {100% {transform: rotate(360deg);}}

@keyframes spin {100% {transform: rotate(360deg);}}

@keyframes spin {100% {transform: rotate(360deg);}}

/***********============================================== section3 =====================================================***********/



/***********============================================== section4 =====================================================***********/

@media only screen and (max-width: 600px) {.section4{padding:80px 20px 80px 20px; text-align:center;}}

@media only screen and (min-width: 600px) {.section4{padding:80px 20px 80px 20px; text-align:center;}}

@media only screen and (min-width: 768px) {.section4{padding:80px 30px 80px 30px; text-align:left;}} 

@media only screen and (min-width: 992px) {.section4{padding:80px 50px 80px 50px; text-align:left;}} 

@media only screen and (min-width: 1200px) {.section4{padding:80px 80px 80px 80px; text-align:left;}}

@media only screen and (min-width: 1500px) {.section4{padding:80px 140px 80px 140px; text-align:left;}}

.section4{background: url(../images/section4back.png) no-repeat top/cover; margin-top: 30px;}

.section4 .mt30{margin-top:30px;}

.section4 .mt15{margin-top:15px;}

.section4 .mt10{margin-top:10px;}

.section4 h6 img{padding-right: 15px;}

.section4 h6{

    font-family:'Exo 2', sans-serif;

    font-size: 18px;

    line-height: 28px;

    font-weight: 400;

    margin-top: 15px;

    margin-bottom: 20px;

    display: inline-block;

    color: #ff6600;

}

.section4 h2{

    font-family:'Exo 2', sans-serif;

    font-size: 50px;

    font-weight: 700;

    color: #fff;

}

.section4 p{

    font-family: "Exo 2", Sans-serif;

    line-height: 28px;

    font-weight: 400;

    font-size: 18px;

    color: #ccc;

    margin: 0px 0px 27px 0px;

    padding: 0px 0px 0px 0px;

}

.section4 .block{position: relative;}

.section4 .experience {

    background-color: #fff;

    position: absolute;

    bottom: 40px;

    left: 0;

    display: inline-block;

    padding: 12px 45px 12px 40px;

    border-radius: 60px 0 0 50px;

    -webkit-border-radius: 60px 0 0 50px;

    -moz-border-radius: 60px 0 0 50px;

    -ms-border-radius: 60px 0 0 50px;

    -o-border-radius: 60px 0 0 50px;

}

.section4 .number{

    font-family: "Exo 2", Sans-serif;

    font-size: 70px;

    font-weight: 800;

    color: #ff6600;

}

.section4 .number span {

    font-weight: 700;

    font-size: 18px;

}

.section4 .content span {

    font-family: "Exo 2", Sans-serif;

    font-size: 14px;

    text-transform: uppercase;

    color: #1c1d20;

    font-weight: 500;

    display: inline-block;

    -webkit-transform: translateY(5px);

    -ms-transform: translateY(5px);

    transform: translateY(5px);

}

.section4 .content h2{

    font-family: "Exo 2", Sans-serif;

    font-size: 43px;

    font-weight: 700;

    text-transform: uppercase;

    line-height: 1;

    -webkit-transform: translateY(-2px);

    -ms-transform: translateY(-2px);

    transform: translateY(-2px);

    color: #1c1d20;

}

.section4 .flaticon{

    font-size: 54px;

    color: #ff6600;

    text-align: center;

}

.section4 h1{

    font-family: "Exo 2", Sans-serif;

    font-size: 57px;

    font-weight: 800;

    color: #ff6600;

    line-height: 1;

    margin-top: 0px;

    margin-bottom: 0px;

}

.section4 h4{

    font-family: "Exo 2", Sans-serif;

    font-size: 18px;

    color: #fff;

    font-weight: 500;

}    

/***********============================================== section4 =====================================================***********/



/***********============================================== section5 =====================================================***********/

@media only screen and (max-width: 600px) {.section5{padding:50px 20px 80px 20px; text-align:center;}}

@media only screen and (min-width: 600px) {.section5{padding:50px 20px 80px 20px; text-align:center;}}

@media only screen and (min-width: 768px) {.section5{padding:50px 30px 80px 30px; text-align:center;}} 

@media only screen and (min-width: 992px) {.section5{padding:50px 50px 80px 50px; text-align:center;}} 

@media only screen and (min-width: 1200px) {.section5{padding:50px 80px 80px 80px; text-align:center;}}

@media only screen and (min-width: 1500px) {.section5{padding:50px 140px 80px 140px; text-align:center;}}

.section5{

    margin-top: 30px;

    background: url(../images/line_shape.png) no-repeat top/cover;

}

.section5 .mt30{margin-top:30px;}

.section5 .mt15{margin-top:15px;}

.section5 .mt10{margin-top:10px;}

.section5 .titleicon{

    margin: 0 auto;

    display: block;

    text-align: center;

}

.section5 h6{

    font-family:'Exo 2', sans-serif;

    font-size: 18px;

    line-height: 28px;

    font-weight: 400;

    margin-top: 15px;

    margin-bottom: 5px;

    display: inline-block;

    color: #ff6600;

}

.section5 h2{

    font-family:'Exo 2', sans-serif;

    font-size: 50px;

    font-weight: 700;

    color: #1f1f1f;

}

.section5 h4{

    font-family:'Exo 2', sans-serif;

    font-size: 26px;

    font-weight: 700;

    color: #222d39;

    margin-bottom: 10px;

}

.section5 p{

    font-family:'Exo 2', sans-serif;

    font-size: 16px;

    font-weight: 400;

    line-height: 28px;

    color: #666666;

}

.section5 .icon{

    width: 160px;

    height: 150px;

    margin: 0 auto;

    background-color: #fff;

    border-top: 5px solid #ff6600;

    box-shadow: 0px 0px 59px 0px rgba(196, 196, 196, 0.26);

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 0 0 50% 50%;

    -webkit-border-radius: 0 0 50% 50%;

    -moz-border-radius: 0 0 50% 50%;

    -ms-border-radius: 0 0 50% 50%;

    -o-border-radius: 0 0 50% 50%;

}

.section5 .icon i{

    font-size: 65px;

    color: #000;

}

.section5 .number {

    font-size: 60px;

    font-weight: 800;

    color: #ebebeb;

    display: inline-block;

    margin-bottom: 20px;

    margin-top: 15px;

    line-height: 1;

    -webkit-transition: 0.3s;

    -o-transition: 0.3s;

    transition: 0.3s;

}

.section5 .block:hover .number{color: #ff6600;}

/***********============================================== section5 =====================================================***********/



/***********============================================== 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 45px 50px;}} 

@media only screen and (min-width: 1200px) {.footer{padding:50px 100px 80px 100px;} .footer-copy {padding: 20px 100px 45px 100px;}}

@media only screen and (min-width: 1500px) {.footer{padding:50px 160px 80px 160px;} .footer-copy {padding: 20px 150px 45px 150px;}}

.footer{background: #1c1d20;}

.footer .mt30{margin-top:30px;}

.footer .mt50{margin-top:50px;}

.footer img{margin:0 auto; text-align:center;}

.footer .fblock{position: relative;}

.footer .fblock:before {

    position: absolute;

    content: '';

    background: #373737;

    width: 1px;

    height: calc(100% + 50px);

    top: -57px;

    right: 20px;

}

.footer h3{

	font-family: "Exo 2", Sans-serif;

	color: #ffffff;

    font-size: 24px;

	line-height:34px;

    font-weight: 700;

	margin-bottom:30px;

    position: relative;

	text-transform:capitalize;

}

.footer p{

	font-family: "Exo 2", Sans-serif;

    font-size: 16px;

    font-weight: 400;

	color: #a9a6a5;

	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: 18px;

    text-align: center;

    line-height: 40px;

}

.footer .social li a{

    position: relative;

    display: inline-block;

    width: 40px;

    height: 40px;

    line-height: 40px;

    padding-top: 3px;

    font-size: 18px;

    color: #fff;

    text-align: center;

}

.footer .social li:first-child a{background: #3b5998;}

.footer .social li:nth-child(2) a{background: #00acee;}

.footer .social li:nth-child(3) a{background: #0e76a8;}

.footer .social li:last-child a{background: #24cc63;}

.footer .social li:hover a{ background:#ff6600;}

.footer .txt{

    position: relative;

    display: block;

    margin-top: 20px;

    margin-bottom: 40px;

    padding-bottom: 33px;

    border-bottom: 1px solid #373737;

}

.footer .links li{

    font-family: "Exo 2", Sans-serif;

    font-size: 16px;

    font-weight: 400;

    color: #a9a6a5;

    line-height:25px;

    margin-bottom:17px;

    list-style:none;

    position: relative;

}

.footer .links li a{color: #a9a6a5;}

.footer .cnct li{

    margin-bottom: 20px;

    list-style:none;

}

.footer .cnct li .flaticon{

    font-family: flaticon !important;

    color: #ff6600;

    font-size: 20px;

    margin-right: 18px;

}

.footer .cnct li span{

    font-family: "Exo 2", 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-left: 45px;

    margin-bottom:5px;

    margin-top:0px;

    padding:0;

    font-size: 17px;

    color: #a9a6a5;

}

.footer .cnct li a{color: #a9a6a5;}

.footer .download-box{

    position: relative;

    display: block;

    padding-left: 67px;

    margin-bottom: 15px;

}

.footer .icon-box{

    position: absolute;

    left: 0px;

    top: 6px;

    display: inline-block;

    width: 48px;

    height: 48px;

    line-height: 54px;

    font-size: 28px;

    color: #fff;

    text-align: center;

    background: #ff6600;

}

.footer .download-box h4{

    font-family: "Exo 2", Sans-serif;

    position: relative;

    display: block;

    font-size: 20px;

    line-height: 30px;

    color: #a9a6a5;

    font-weight: 700;

    margin-bottom: 3px;

}

.footer .download-box .buttn{

    position: relative;

    display: inline-block;

    font-size: 14px;

    line-height: 24px;

    font-family: "Exo 2", Sans-serif;

    color: #fff;

    font-weight: 700;

    text-transform: uppercase;

    transition: all 500ms ease;

}

.footer-copy {

    font-family: "Exo 2", Sans-serif;

    background: #141414;

	font-size:18px;

    font-weight: 400;

	border-top:1px solid #141414;

	margin:0;

}

.footer-copy p {

    color: #ccc;

    text-align: left;

}

.footer-copy p a {color: #ff6600;}

/***********============================================== footer =====================================================***********/



/***********============================================== banner =====================================================***********/

@media only screen and (max-width: 600px) {

    .banner{margin-top:0px;} 

    .banner .carousel-caption{bottom:24%; top: 36%; left:35%; right:0%;} 

    .banner .carousel-caption h2{font-size: 24px; line-height: 30px;}

}

@media only screen and (min-width: 600px) {

    .banner{margin-top:0px;} 

    .banner .carousel-caption{bottom:24%; top: 36%; left:35%; right:0%;} 

    .banner .carousel-caption h2{font-size: 24px; line-height: 30px;}

}

@media only screen and (min-width: 768px) {

    .banner{margin-top:-180px;} 

    .banner .carousel-caption{bottom:0%; top: 50%; left:4%; right:0%;} 

    .banner .carousel-caption h2{font-size: 40px; line-height: 50px;}

} 

@media only screen and (min-width: 992px) {

    .banner{margin-top:-180px;} 

    .banner .carousel-caption{bottom:0%; top: 50%; left:4%; right:0%;} 

    .banner .carousel-caption h2{font-size: 40px; line-height: 50px;}

} 

@media only screen and (min-width: 1200px) {

    .banner{margin-top:-180px;} 

    .banner .carousel-caption{bottom:0%; top: 51%; left:4%; right:0%;} 

    .banner .carousel-caption h2{font-size: 43px; line-height: 50px;}

}

@media only screen and (min-width: 1500px) {

    .banner{margin-top:-180px;} 

    .banner .carousel-caption{bottom:0%; top: 52%; left:2%; right:0%;} 

    .banner .carousel-caption h2{font-size: 50px; line-height: 60px;} 

}

.banner{background-color: #f3f3f4; overflow: hidden !important;}

.banner .carousel-caption{

	position:absolute;

}

.banner .carousel-caption h6{

    font-family:'Exo 2', sans-serif;

    position: relative;

    display: inline-block;

    font-size: 16px;

    line-height: 24px;

    color: #ff6600;

    font-weight: 500;

    text-transform: uppercase;

    margin-bottom: 26px;

}

.banner .carousel-caption h2{

    z-index: 9;

    font-family:'Exo 2', sans-serif;

    height: auto;

    color: rgb(255, 255, 255);

    text-decoration: none;

    white-space: normal;

    text-align: left;

    letter-spacing: 0px;

    font-weight: 600;

    border-color: rgb(246, 101, 1);

    border-style: solid;

    border-width: 0px 0px 0px 5px;

    padding-left: 20px;

}

.banner .carousel-caption p {

    font-family:'Exo 2', sans-serif;

	font-size: 16px;

    font-weight: 400;

	line-height:27px;

	color:#ccc;

    margin-top: 30px;

	text-transform:capitalize;

    margin-bottom: 40px;

}

.banner .carousel-caption .btn1{

    font-family:'Exo 2', sans-serif;

    z-index: 7;

    background-color: rgb(246, 101, 1);

    text-transform: uppercase;

    color: rgb(255, 255, 255);

    text-decoration: none;

    line-height: 30px;

    letter-spacing: 0px;

    font-weight: 600;

    font-size: 15px;

    padding: 15px 35px;

    border-radius: 4px;

    visibility: visible;

    border-width: 0px;

}

.banner .carousel-caption .btn1:hover{background-color: #fff; color: #ff6600;}

.banner .carousel-caption .btn2{

    font-family:'Exo 2', sans-serif;

    z-index: 7;

    background-color: #fff;

    text-transform: uppercase;

    color: #ff6600;

    text-decoration: none;

    line-height: 30px;

    letter-spacing: 0px;

    font-weight: 600;

    font-size: 15px;

    padding: 15px 32px;

    border-radius: 4px;

    visibility: visible;

    border-width: 0px;

}

.banner .carousel-caption .btn2:hover{background-color: #ff6600; color: #fff;}

.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 =====================================================***********/



/***********============================================== sidepanel =====================================================***********/

.sidepanel .pricing-table{

    font-family: "Exo 2", Sans-serif;

    border-top: 15px solid #ff6600;

    border-bottom: 15px solid #ff6600;

    text-align: center;

    color: #fff;

}

.sidepanel .value{

    background: #ff6600;

    padding: 10px 0px 40px 0px;

    border-radius:0 0 10px 10px;

    font-size: 24px;

    font-weight: 600;

}

.sidepanel .pricing-table .pricing-content{

    background: #e8e8e8;

    margin: 0 15px;

    padding: 20px 10px;

    position: relative;

    background-image: repeating-linear-gradient( transparent, transparent 2px, #ccc 7px, #ccc 5px);

    z-index: 1;

}

.sidepanel .pricing-table .pricing-content::before{

    content: "";

    position: absolute;

    background: #f6f6f6;

    border: 2px solid #f6f6f6;

    border-bottom:none;

    top:-20px;

    bottom: 0;

    left: 15px;

    right: 15px;

    z-index: -1;

    border-radius: 10px 10px 0 0;

}

.sidepanel .pricing-content ul{     

    font-size: 17px;

    margin-bottom: 0px;

    line-height: 60px;

}

.sidepanel .pricing-content ul li{

    border-bottom: 1px solid #777;

    padding: 0px 0px 10px 0px;

}

.sidepanel .pricing-content ul li a{

    color: #222;

    font-size: 14px;

    padding: 0px 10px 10px 10px;

    line-height: 25px;

    font-weight: 500;

}

.sidepanel .pricing-content ul li:hover a{

    color: #ff6600;

}

.sidepanel .pricing-table.blue{

    border-top-color: #ff6600;

    border-bottom-color: #ff6600;

}

@media screen and (min-width:990px) and (max-width:1200px){

    .sidepanel .pricing-content ul{

        font-size: 15px;

    }

    .sidepanel .pricing-content ul li i.fa{

        margin: 0 5px;

    }

}

@media screen and (max-width:990px){

    .sidepanel .pricing-table{

        margin-bottom: 30px;

    }

}

.sidepanel ul{margin-bottom: 20px;}

.sidepanel li{

    font-family: "Exo 2", Sans-serif;

    margin: 0px 0px 10px 0px;

    padding: 0px 0px 0px 0px;

    font-size: 17px;

    line-height: 28px;

    color: #1c1d20;

    font-weight: 600;

    list-style: none;

}

/***********============================================== sidepanel =====================================================***********/



/***********============================================== 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 30px 80px 30px; 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 80px 80px 80px; text-align:left;}}

@media only screen and (min-width: 1500px) {.about_page{padding:50px 150px 80px 150px; text-align:left;}}

.about_page .mt30{margin-top:30px;}

.about_page .mt15{margin-top:15px;}

.about_page .mt10{margin-top:10px;}

.about_page h6{

    color: #ff6600;

    font-family: "Exo 2", Sans-serif;

    font-size: 22px;

    line-height: 30px;

    font-weight: 500;

    margin-top: 0px;

    line-height: 1.3em;

}

.about_page h2{

    color: #1F1F1F;

    font-family: "Exo 2", Sans-serif;

    font-size: 35px;

    font-weight: 800;

    margin-top: 0px;

    margin-bottom: 20px;

    line-height: 1.3em;

}

.about_page p{

    font-family: "Exo 2", Sans-serif;

    line-height: 28px;

    font-weight: 400;

    font-size: 16px;

    color: #1c1d20;

    margin: 0px 0px 15px 0px;

}

.about_page ul{margin-bottom: 20px;}

.about_page li{

    font-family: "Exo 2", Sans-serif;

    margin: 0px 0px 10px 0px;

    padding: 0px 0px 0px 0px;

    font-size: 17px;

    line-height: 28px;

    color: #1c1d20;

    font-weight: 600;

    list-style: none;

}

.about_page li img {

    margin-right: 10px;

}

.about_page li img {

    height: auto;

    max-width: 100%;

    border: none;

    border-radius: 0;

    box-shadow: none;

}

/***********============================================== about_page =====================================================***********/



/***********============================================== 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 30px 80px 30px; 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 80px 80px 80px; text-align:left;}}

@media only screen and (min-width: 1500px) {.product_page{padding:50px 150px 80px 150px; text-align:left;}}

.product_page .mt30{margin-top:30px;}

.product_page .mt15{margin-top:15px;}

.product_page .mt10{margin-top:10px;}

.product_page h6{

    color: #ff6600;

    font-family: "Exo 2", Sans-serif;

    font-size: 22px;

    line-height: 30px;

    font-weight: 500;

    margin-top: 0px;

    line-height: 1.3em;

}

.product_page h2{

    color: #1F1F1F;

    font-family: "Exo 2", Sans-serif;

    font-size: 35px;

    font-weight: 800;

    margin-top: 0px;

    margin-bottom: 20px;

    line-height: 1.3em;

}

.product_page p{

    font-family: "Exo 2", Sans-serif;

    line-height: 28px;

    font-weight: 400;

    font-size: 16px;

    color: #1c1d20;

    margin: 0px 0px 15px 0px;

    text-align: justify;

}

.product_page p a{color: #1c1d20;}

.product_page p span{

    font-family: "Exo 2", Sans-serif;

    line-height: 28px;

    font-weight: 500;

    font-size: 15px;

    background-color: rgba(255,102,0,0.2);

    color: #1c1d20;

    border-radius: 6px;

    margin-right: 20px;

    padding: 5px 20px;

    word-spacing: 30px;

}

.product_page p span1{

    font-family: "Exo 2", Sans-serif;

    line-height: 28px;

    font-weight: 600;

    font-size: 18px;

    color: #1c1d20;

    width: 100%;

    display: block;

    margin-bottom: 10px;

    border-radius: 6px;

}

.product_page ul{margin-bottom: 20px; display: block; width: 100%;}

.product_page li{

    font-family: "Exo 2", Sans-serif;

    margin: 0px 0px 10px 0px;

    padding: 0px 0px 0px 0px;

    font-size: 16px;

    line-height: 28px;

    color: #1c1d20;

    font-weight: 600;

    list-style: none;

}

.bottom-left{ background: #ff6600; padding: 8px; text-align: center;}
.bottom-left a{ color: #fff; text-transform: uppercase; font-size: 15px;}
.bottom-right{ background: #ff6600; padding: 8px; text-align: center;}
.bottom-right a{ color: #fff; text-transform: uppercase; font-size: 15px;}
.product_page li img {
    margin-right: 10px;
}

.sale{ border-radius: 3; background-color: #222222; padding: 5px 10px; text-align: left; font-size: medium; font-weight: 500; color: #fff;}
.stock{ border-radius: 3; background-color: #d7440e; padding: 5px 10px; text-align: left; font-size: medium; font-weight: 500; color: #fff;}

.product_page li img {

    height: auto;

    max-width: 100%;

    border: none;

    border-radius: 0;

    box-shadow: none;

}

.product_page .block{

    margin: 10px;

    position: relative;

    text-align: center;

    background-color: #fff;

    position: relative;

    z-index: 1;
    text-align: justify;

}

.product_page .block::before {

    position: absolute;

        content: "";

    -webkit-transition: 0.3s;

    -o-transition: 0.3s;

    transition: 0.3s;

    z-index: -1;

    text-align: justify;

}

.product_page .block .content{

    background-color: #ff6600;

    margin-top: 15px;

    text-align: center;

}

.product_page h5{

    font-family: "Exo 2", Sans-serif;

    line-height: 28px;

    font-weight: 400;

    font-size: 14px;

    color: #fff;

    margin: 0px 0px;

    text-align: center;

}

.product_page h5 span{font-weight: 600;}

/***********============================================== product_page =====================================================***********/



/***********============================================== client_page =====================================================***********/

@media only screen and (max-width: 600px) {.client_page{padding:50px 20px 80px 20px; text-align:center;}}

@media only screen and (min-width: 600px) {.client_page{padding:50px 20px 80px 20px; text-align:center;}}

@media only screen and (min-width: 768px) {.client_page{padding:50px 30px 80px 30px; text-align:left;}} 

@media only screen and (min-width: 992px) {.client_page{padding:50px 50px 80px 50px; text-align:left;}} 

@media only screen and (min-width: 1200px) {.client_page{padding:50px 80px 80px 80px; text-align:left;}}

@media only screen and (min-width: 1500px) {.client_page{padding:50px 150px 80px 150px; text-align:left;}}

.client_page .mt30{margin-top:30px;}

.client_page .mt15{margin-top:15px;}

.client_page .mt10{margin-top:10px;}

.client_page h6{

    color: #ff6600;

    font-family: "Exo 2", Sans-serif;

    font-size: 22px;

    line-height: 30px;

    font-weight: 500;

    margin-top: 0px;

    line-height: 1.3em;

}

.client_page h2{

    color: #1F1F1F;

    font-family: "Exo 2", Sans-serif;

    font-size: 35px;

    font-weight: 800;

    margin-top: 0px;

    margin-bottom: 20px;

    line-height: 1.3em;

}

.client_page p{

    font-family: "Exo 2", Sans-serif;

    line-height: 28px;

    font-weight: 400;

    font-size: 16px;

    color: #1c1d20;

    margin: 0px 0px 15px 0px;

}

.client_page p a{color: #1c1d20;}

.client_page .block{

    margin: 10px;

    position: relative;

    text-align: center;

    background-color: #fff;

    box-shadow: 0px 30px 160px 0px rgba(0, 0, 0, 0.1);

    position: relative;

    z-index: 1;

}

.client_page .block::before {

    position: absolute;

    top: -10px;

    left: -10px;

    right: -10px;

    bottom: -10px;

    border: 2px dashed #d3d3d3;

    content: "";

    -webkit-transition: 0.3s;

    -o-transition: 0.3s;

    transition: 0.3s;

    z-index: -1;

}

.client_page .block:hover::before{border: 2px dashed #ff6600;}

/***********============================================== client_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 30px 80px 30px; 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 80px 80px 80px; text-align:left;}}

@media only screen and (min-width: 1500px) {.quality_page{padding:50px 150px 80px 150px; text-align:left;}}

.quality_page .mt30{margin-top:30px;}

.quality_page .mt15{margin-top:15px;}

.quality_page .mt10{margin-top:10px;}

.quality_page h6{

    color: #ff6600;

    font-family: "Exo 2", Sans-serif;

    font-size: 22px;

    line-height: 30px;

    font-weight: 500;

    margin-top: 0px;

    line-height: 1.3em;

}

.quality_page h2{

    color: #1F1F1F;

    font-family: "Exo 2", Sans-serif;

    font-size: 35px;

    font-weight: 800;

    margin-top: 0px;

    margin-bottom: 20px;

    line-height: 1.3em;

}

.quality_page p{

    font-family: "Exo 2", Sans-serif;

    line-height: 28px;

    font-weight: 400;

    font-size: 16px;

    color: #1c1d20;

    margin: 0px 0px 15px 0px;

}

.quality_page ul{margin-bottom: 20px;}

.quality_page li{

    font-family: "Exo 2", Sans-serif;

    margin: 0px 0px 10px 0px;

    padding: 0px 0px 0px 0px;

    font-size: 17px;

    line-height: 28px;

    color: #1c1d20;

    font-weight: 600;

    list-style: none;

}

.quality_page li img {

    margin-right: 10px;

}

.quality_page li img {

    height: auto;

    max-width: 100%;

    border: none;

    border-radius: 0;

    box-shadow: none;

}

/***********============================================== 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 30px 80px 30px; 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 80px 80px 80px; text-align:left;}}

@media only screen and (min-width: 1500px) {.enquiry_page{padding:50px 150px 80px 150px; text-align:left;}}

.enquiry_page .mt30{margin-top:30px;}

.enquiry_page .mt15{margin-top:15px;}

.enquiry_page .mt10{margin-top:10px;}

.enquiry_page h6{

    color: #ff6600;

    font-family: "Exo 2", Sans-serif;

    font-size: 22px;

    line-height: 30px;

    font-weight: 500;

    margin-top: 0px;

    line-height: 1.3em;

}

.enquiry_page h2{

    color: #1F1F1F;

    font-family: "Exo 2", Sans-serif;

    font-size: 35px;

    font-weight: 800;

    margin-top: 0px;

    margin-bottom: 20px;

    line-height: 1.3em;

}

.enquiry_page p{

    font-family: "Exo 2", Sans-serif;

    line-height: 28px;

    font-weight: 400;

    font-size: 16px;

    color: #1c1d20;

    margin: 0px 0px 15px 0px;

}

.enquiry_page .form-control{background: rgba(255,255,255,0.9);}

.enquiry_page .form-horizontal .form-content{padding: 30px 5px 0px 5px;}

.enquiry_page .form-horizontal .form-control{

    font-family: "Exo 2", Sans-serif;

    padding: 12px 16px 12px 39px;

    height: 50px;

    font-size: 14px;

    color: #010F1C;

    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 left, #fff, #f5f5f5);  /* Chrome 10-25, Safari 5.1-6 */

	background: linear-gradient(to left, #fff, #f5f5f5); /* 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 .control-label .fa{ padding-top:10px;}

.enquiry_page .form-horizontal textarea.form-control{

    resize: vertical;

    height: 130px;

}

.enquiry_page .btn{

	font-family: "Exo 2", Sans-serif;

	color: #fff;

	font-size:18px;

    background-color: #ff6600;

	border-radius: 2px;

    padding: 13px 35px;

	margin-top:20px;

    margin-bottom: 0px;

    border: none;

    text-transform:capitalize;

}

.enquiry_page .btn:hover{background-color:#222 !important; 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 30px 80px 30px; 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 80px 80px 80px; text-align:left;}}

@media only screen and (min-width: 1500px) {.contact_page{padding:50px 150px 80px 150px; text-align:left;}}

.contact_page .mt30{margin-top:30px;}

.contact_page .mt15{margin-top:15px;}

.contact_page .mt10{margin-top:10px;}

.contact_page h6{

    color: #ff6600;

    font-family: "Exo 2", Sans-serif;

    font-size: 22px;

    line-height: 30px;

    font-weight: 500;

    margin-top: 0px;

    line-height: 1.3em;

}

.contact_page h2{

    color: #1F1F1F;

    font-family: "Exo 2", Sans-serif;

    font-size: 35px;

    font-weight: 800;

    margin-top: 0px;

    margin-bottom: 20px;

    line-height: 1.3em;

}

.contact_page p{

    font-family: "Exo 2", Sans-serif;

    line-height: 28px;

    font-weight: 400;

    font-size: 16px;

    color: #1c1d20;

    margin: 0px 0px 15px 0px;

}

.contact_page p a{color: #1c1d20;}

.contact_page .serviceBox{

    color: #777;

    font-family: "Exo 2", Sans-serif;

    text-align: center;

	margin:0 auto;

}

.contact_page .serviceBox .service-icon{

    color: #ff6600;

    background: #fff;

    font-size: 34px;

    line-height: 70px;

    height: 70px;

    width: 70px;

	padding-top:15px;

	padding-left:0px;

    margin: 0 auto 15px;

    border: 3px solid #ff6600;

    border-right-color: transparent;

    border-radius: 50%;

    box-shadow: 0 0 10px rgba(0,0,0,0.1);

    transform: rotate(45deg);

} 

.contact_page .serviceBox .service-icon span{

    display: block;

    transform: rotate(-45deg);

}

.contact_page .serviceBox .service-content{

    background-color: #fff;

    padding: 30px 10px 10px 10px;

    box-shadow: 0 0 15px rgba(0,0,0,0.3);

	text-align:center;

	margin:0 auto;

	border-radius:8px;

}

.contact_page .serviceBox h3{

    color: #222;

    font-size: 18px;

    font-weight: 600;

    text-transform: capitalize;

    margin: 0 0 10px;

}

@media only screen and (max-width: 990px){.contact_page .serviceBox{ margin: 0 0 40px; }}

.map{

  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */

  filter: grayscale(100%);

}

/***********============================================== contact_page =====================================================***********/