@font-face {
	font-family: 'futura_lt_btlight';
	src: url('futult-webfont.eot');
	src: url('futult-webfont.eot?#iefix') format('embedded-opentype'), url('futult-webfont.woff') format('woff'), url('futult__.ttf') format('truetype'), 
	   url('futult-webfont.svg#futura_lt_btlight') format('svg');
	font-weight: normal;
	font-style: normal;
}



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
body {line-height:1}
ol, ul {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after, q:before, q:after {content:'';	content:none}
table {border-collapse:collapse; border-spacing:0}
* html {height:1%}
html, body {min-height:100%; height:100%; scroll-behavior: smooth; }
* {margin:0; padding:0}

a, a:hover, a:focus, a:active, input, input:focus, input:active, textarea, textarea:focus, textarea:active {outline:none}

a, abbr, acronym, address, applet, b, big, body, caption, center, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, html, i, iframe, img, ins, kbd, label, legend, object, q, s, samp, small, span, strike, strong, sub, sup, tbody, td, tfoot, th, thead, tr, tt, u, var{margin:0;padding:0;border:0;outline:0}

table{border-collapse:collapse;border-spacing:0}


.clear {clear:both; display:block; height:0; margin:0; padding:0; position:relative; overflow:hidden; visibility:hidden}
.clearfix {zoom:1; display:inline-block}
.clearfix:before, .clearfix:after {content:'.';	display:block; overflow:hidden;	visibility:hidden;	font-size:0;line-height:0; width:0;	height:0}
.clearfix:after {clear:both}
html[lang] .clearfix {display:block}
* html .clearfix {height:1%}

.my-right { display:none;}
.sticky{ display:block;}

.font1{font-family: 'Roboto', sans-serif;}
.font2{font-family: 'Roboto Slab', serif;}

/*my*/
audio, iframe, img, object, video {max-width: 100%;}
img {vertical-align: middle;}
* {box-sizing: border-box; outline: none;}
::-moz-selection {color:#fff; background:#002c5f;}
::selection {color:#fff; background:#002c5f;}
/*myend*/

.section-more .icon, .sm-cont-middle, table.shopping-cart-table tr td, table.shopping-cart-table tr th{vertical-align:middle}

/*F-C-H*/
body {overflow: -moz-scrollbars-vertical; overflow-x: hidden; overflow-y: auto;}
body { font-family: 'Roboto', sans-serif; color: #33414a; line-height: 25px;font-weight: 300;background-color: #fff; font-size: 16px;   -webkit-font-smoothing: antialiased;
   line-height:25px; background-attachment: fixed, scroll; background-attachment:fixed, scroll; position:relative; overflow-y: scroll; overflow-x: hidden;}


/*------------------LOGO---------*/
.top-logo{width: 100%; position: relative; left: 0; top: 0; background-color:#fff !important; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.4); box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);}
.my-logo {width: 250px;  margin: 0px auto;  padding: 10px 0px 10px 0px;}
.logot {display: block;  margin: 0 auto;}


/*----Get a Free Quote-------------*/
.bar-en { width:100%; position: fixed; bottom:0px; z-index:9999; display: inline-block; background-color:#fff;}
.bar-en a{color:#fff;}
.bar-en a:hover{ text-decoration:none; color:#fff;}
.moble-con{text-transform: uppercase; color:#fff; font-size:25px; font-weight: 700; line-height: 1.1; width:100%;text-align:center; cursor:pointer !important; background-color:#21275b;ont-family: 'Roboto Slab', serif;}
.moble-con-f{ float:left; padding:10px 7px;}
.pointer {cursor: pointer !important;  background-color:#FFF; color:#002c5f;}


/*----FOOTER -------------*/

#footer {min-height:6px; clear:both; padding-top:0px; text-align: center; /*color: #747474; background:#1d2242;*/ background: #f9f9f9;color: #333;margin: 0px auto;  position: relative;  z-index: 0; padding:40px 0px 20px 0px; display: block; font-size:14px;  }
#footer p {position: relative;  margin-top:5px; padding-top:0px; color:#b8b8b8; font-size:14px; }
#footer p a{color:#fff;}
.f-loog {max-height: 65px;}
.line-blu{ background:url(../images/line.png)no-repeat  center  center; display:inline-block; width:580px; max-width:100%; height:11px; position: relative;}
.foot-hid{height:100px;}
.hirano {font-size: 14px;color: #fff; padding: 10px 0px;background: #4d527b;}

/*------------------MAIN BODY CONTEN START---------------------*/
.main{position:relative; height:auto;}
#contentHolder{position:relative; height:auto;}

.leftsidebar {float: left; position: relative; width:100%;}
.rightsidebar {margin-bottom: 0px; position: fixed; right:115px; bottom: 15px; width:375px; /*margin-top:50px; margin-bottom:30px;*/ z-index:9;}
.rightsidebarfixed {position: fixed; top: 0px; bottom:30px;}




.my-left{ width:65%; float:left; position: relative; min-height: 1px;  padding-right: 15px;  padding-left: 15px; }
.my-right{ /*width:25%;*/ float:left; position: relative; min-height: 1px;  padding-right: 15px;  padding-left: 15px; bottom:10px;}
.home-area {padding: 60px 0 60px 0;}

.home-area-01 {padding: 60px 0 0px 0;}
.home-area-02 {padding: 0px 0 60px 0;}

.full-con{display:block;  padding:2px 15px 5px 15px; border: 0px; width:100% !important; background-color:#21275b;}

.no-padL{ padding-left:0px;}


.w1{ width:100%}
p {margin-bottom: 0px;}
.con-m {font-size: 18px; line-height: 28px;  letter-spacing: 0.2px;  color: #6c6c6c;}
.con-mF {font-size: 12px; line-height: 28px;  letter-spacing: 0.2px;  color: #6c6c6c; font-style:italic; text-align: center; }

/*------BNNER ---SECTION----*/
.banner-top {width: 100%; height:auto;}
.banner-top img {width: 100%;  height: auto;}
/*.banner-top {width: 100%;  height: 590px; background-image: url(../images/home_orignal_revised.jpg); background-position: center; background-repeat: no-repeat; background-size: cover;}*/

.mobli-about-banner-top img {width: 100%;  height: auto; }



/*------WELCOME ---SECTION----*/

.bgg{ margin-bottom:60px; height:60px;}

.text-blue1 {color: #272c4c;}
.page-title2 {margin: 20px 0 0;  font-size: 28px;  line-height: 42px; color: #007dc5;font-weight: 400;}
strong {font-weight: 700;}

.syt {font-size: 18px; letter-spacing: normal;  margin: 21px 0 19px;    font-weight: 400;  color: #2a2b2f; line-height: 25px; font-family:'Poppins', Arial, Helvetica, sans-serif!important}


p {font-size:18px;margin: 0 0 10px;/*font-family: 'Kulim Park', sans-serif;*/  font-family: 'Gelasio', serif; line-height: 20px;font-weight: 300;color: #000;}


.p-b-30{padding-bottom:30px!important}
.p-b-20{padding-bottom:20px!important}
.p-b-15{padding-bottom:15px!important}
.p-b-10{padding-bottom:10px!important}
.p-b-40{padding-bottom:40px!important}



.p-t-10{padding-top:10px!important}
.p-t-15{padding-top:15px!important}
.p-t-20{padding-top:20px!important}
.p-t-30{padding-top:30px!important}
.p-t-35{padding-top:35px!important}
.p-t-40{padding-top:40px!important}
.p-t-45{padding-top:45px!important}
.p-t-50{padding-top:50px!important}
.p-t-55{padding-top:55px!important}
.p-t-60{padding-top:60px!important}

.p-40 {padding: 20px;}
.pt-20 {padding-top: 20px;}
.mt-20 {margin-top: 20px;}
.bre{ border:1px solid#e0e0e0; padding:0px; margin-bottom:30px; background-color:#fff;  box-shadow: 0 1px 1px rgba(0,0,0,0.1);}
.bre1{ border:0px solid#e0e0e0; padding:0px; margin-bottom:0px;text-align:center; border:1px solid#e0e0e0; padding:7px; background-color:#FFF;}
.bre12{ border:0px solid#e0e0e0; padding:0px; margin-bottom:0px;text-align:center;  padding:7px; }
.mane-ut{ background-color:#0083c6; color:#fff; font-weight:bold; padding:10px; text-transform:uppercase;}

/*icon-box start*/
.amanitis { text-align: center;background-color: #ffffff; cursor: pointer; padding:10px; margin-bottom:15px;}
.amanitis:hover{background-color: #ffffff;box-shadow: 0 10px 40px rgba(0, 0, 0, 0.10); }
.amanitis p {color: #333; padding-top: 7px; margin-bottom:15px; font-size:14px;font-family: 'Gelasio', serif; font-weight:600;}
.amanitis h4{font-size: 23px;font-weight: 600;margin-bottom:15px; }
.amanitis .img-fluid {width:35%; display: block; margin: 0 auto;text-align: center; padding:0px;}

 .border-left2{border-style: solid; border-width: 0 1px 0 0; border-color: #ddd;}
 
 .amanitis .img-fluid2 {width:50%; display: block; margin: 0 auto;text-align: center;}
 .fr-box {width: 200px;background: #21275b; color: #fff;text-align: center;padding: 15px;font-family: 'Gelasio', serif;margin-left: 11px;}
.fea-font {line-height: 50px;  color: #fff;font-size:25px; font-weight: 400;}
.fr-box h2  { padding-bottom: 10px;font-weight: 900; font-size: 30px; border-bottom: 1px solid #414572;font-family: 'Roboto Slab', serif;}


 .fr-box-rs {width: 200px;background: #21275b; color: #fff;text-align: center;padding: 15px;font-family: 'Gelasio', serif;margin-left: 11px;}
.fea-font-rs {line-height: 50px;  color: #fff;font-size:20px; font-weight: 400;}
.fr-box-rs h2  { padding-bottom: 10px;font-weight: 900; font-size: 30px; border-bottom: 1px solid #414572;font-family: 'Roboto Slab', serif;}





.price-box5 {float: left;  width: 50%; position: relative; padding: 15px; margin: 0px auto;}
.ex_price {letter-spacing: 0.2px;font-size: 28px;font-weight: 600; margin-bottom: 0.2rem!important; font-family: 'futura_lt_btlight'; text-align:center;}
.prc_range {font-size: 24px; line-height: 40px; letter-spacing: 0.5px; font-weight: 800; padding-bottom: 0.5rem; font-family: 'futura_lt_btlight'; text-align:center;}
.h150{ height:150px;}

.locationsec{ display: flex;flex-wrap: wrap; }
.locationright {width:70%; border: 1px solid #ccc; max-height: 500px; }
.dist {padding: 20px 0 20px 10px;}
.dist img {padding-right: 10px;width: 35px;}
.dist h4{ display:inline-block; text-align:center; font-size:16px; }




.conten-box-01{width:100%; position:relative; padding:0px; margin:0px auto;}

.benefits-features { margin-top: 50px;}

.single-feature {display: -webkit-box;  display: -ms-flexbox;  display: flex;  border: 2px solid #f1f1f1; padding: 15px;  position: relative;  -webkit-transition: .3s; transition: .3s; margin-bottom:30px; color: #333333; border-bottom: 2px solid #106955;  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.06); box-shadow: 0 0 30px rgba(0, 0, 0, 0.06);  overflow: hidden; border-radius: 4px; min-height:109px;}


.button {border: none; font-size: 13px; outline: 0; position: relative; letter-spacing: .5px;}
.button.medium {padding: 10px 20px; display: inline-block;}
.button.deeporange.hover-thin{border-color:#ff5722}
.button.deeporange.hover-thin:hover{background:0 0;border:2px solid #ff5722;color:#ff5722}
.button.deeporange{color:#fff;background-color:#ff5722}
.button.deeporange:hover{background-color:#243f65;cursor:pointer}

a, abbr, acronym, address, applet, b, big, body, caption, center, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, html, i, iframe, img, ins, kbd, label, legend, object, q, s, samp, small, span, strike, strong, sub, sup, tbody, td, tfoot, th, thead, tr, tt, u, var{margin:0;padding:0;border:0;outline:0; }
:focus{outline:0}
a:hover{text-decoration:none;border:none}


.col-sm-20{ position: relative; width: 10%; min-height: 55px;  padding-right: 5px;  padding-left: 5px; margin-bottom:10px;}
.color-box{ width:100%; height:55px; float:left;}




table{border-collapse:collapse;border-spacing:0;width:100%;padding:5px;border:1px solid #ddd; font-size:14px;}
th, td{border:none;text-align:left;padding:5px;line-height:18px;text-align:center;border:1px solid #ddd;vertical-align: middle;}
tr:nth-child(even){background-color:#f2f2f2}
.p-width-6{width:60%;clear:both;margin:0 auto}
.p-width-64{width:64%;clear:both;margin:0 auto}
.p-width-68{width:68%;clear:both;margin:0 auto}
.p-width-7{width:70%;clear:both;margin:0 auto}
.p-width-71{width:71%;clear:both;margin:0 auto}
.p-width-76{width:76%;clear:both;margin:0 auto}
@media screen and (min-width:210px) and (max-width:990px){.p-width-6{width:100%}
.p-width-64{width:90%}
.p-width-68{width:90%}
.p-width-7{width:90%}
.p-width-71{width:90%}
.p-width-76{width:90%}
.icon-list12 li p{padding-left:8px}
}



@media (min-width:768px){.modal-md{width:1020px !important;}
}


.modal-body h3 {font-size: 24px; letter-spacing: normal;  line-height: 33px;  margin: 26px 0 16px; font-weight: 400;  color: #2a2b2f; font-family: Poppins, Arial, Helvetica, sans-serif;}

.modal-close{position: fixed;top:15px;right:15px;opacity:1;font-size:28px;text-shadow:none!important; background-color:#a6ce39!important; padding:3px 7px 3px 7px !important;color:#007dc5  !important}
.modal-close:hover{opacity:1!important; color:#ff5722 !important;}

.flt-f{ float:left;}
.fes1-img-cont {text-align: center;}


 .single-feature .icon-wrapper{ width:25%; float:left;}
 .single-feature .icon-wrapper img {width: 100%;}
 .single-feature .txt { margin-left: 24px;  width:73%; float:right;}
 .single-feature .txt p {font-size: 16px; font-weight: 500; font-family:Raleway, Arial, Helvetica, sans-serif;}



/*------manufacture  ---SECTION----*/
.manufacture-bg{  background-color:#d3ece6;}
.fl{ float:left;}

.pip{ margin-top:-149px;}



.fes2-title-45 {font-size: 45px; font-weight: 400;}
.fes1-title-50, .fes2-title-45 {font-family: Raleway, Arial, Helvetica, sans-serif!important; line-height: 50px;  color: #2a2b2f;}
.font-light {font-weight: 400!important;}




/*------Choose  ---SECTION----*/
.choose-bg{background-color:#f8f8f8;}

.services-vehicles {display: block; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex;}
.services-vehicles figure{width: 35%;}
 .services-vehicles figcaption {width: 65%;}
.services-vehicles figcaption {padding: 0px 10px 80px 50px;}
.services-vehicles figcaption p { padding: 25px 0;}
.services-vehicles ul.services-vehicles-content {list-style-type: none; column-count: 1; column-gap: 90px; margin: 0;}
.services-vehicles ul.services-vehicles-content li {position: relative;	list-style-type: none;	 font-size: 16px; line-height: 16px; border-bottom: 1px solid #ddd; padding: 15px 0;}
.services-vehicles ul.services-vehicles-content li:before {  content: url(../images/icon-checked.png); margin-right: 15px; vertical-align: middle;}




.services-vehicles ul {padding: 0; margin: 0; padding-left: 0px;}
.services-vehicles ul li:after {position: absolute;	content: ""; left: 0;	top: 2px; font-weight: normal;}
.services-vehicles ul.listing-mark {padding: 0;	margin: 0;;}
.services-vehicles ul.listing-mark li {	position: relative;
    list-style-type: none;
    margin: 10px 0;
    color: #515151;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    border-bottom: 0px solid #e5e5e5;
    padding: 0px 0px 3px 25px; text-align:left;}

.services-vehicles ul.listing-mark li:after {content: url(../images/icon-checked.png);}
.services-vehicles ul.listing-mark li:hover:after {content: url(../images/icon-checked.png); margin-right: 15px; vertical-align: middle;}

.services-vehicles ul li{float: left; width:1000%;   margin-right:0%; }

.km{ font-weight:800; color:#007dc5 !important;}




.bgtr-bn{ border-bottom:0px !important}
.text-t{ font-style:italic;}


.parallax {background-image: url(../images/paralax.jpg);min-height: 500px;  background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;}
.parallax2 {background-image: url(../images/paralax-m.jpg);min-height: 504px;  background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;}

@media (max-width: 1366px) {
.services-vehicles figcaption {padding: 0px 15px 20px 40px;}
.services-vehicles figcaption p {padding: 15px 0 0;}
.services-vehicles ul.services-vehicles-content {column-gap: 60px;}
.services-vehicles ul.services-vehicles-content li {padding: 10px 0;}
  
  }
@media (max-width: 768px) {
.services-vehicles { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column;}
.services-vehicles figure, .services-vehicles figcaption {width: 100%;}
.services-vehicles figcaption {padding: 1px;}
.services-vehicles ul.services-vehicles-content {column-count: 1;}
.t-c{ text-align:center}
 }







.video-container {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}
.video-container iframe, .video-container object, .video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}



.pad-lr{ padding-left:0px; padding-right:0px;}




/*------FORM - ---SECTION-----*/

.panel-dark{  background-color: #21275b; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);  box-shadow: 0 0 30px rgba(0, 0, 0, 0.5); padding: 15px; position: relative; border-radius:0px;}
.panel-title{ font-weight: 500;  font-size: 26px; color:#fff; text-align:center; padding:7px 7px 7px 7px;  line-height: 38px;     font-family: 'Roboto Slab', serif;}
.panel-dark p{font-size: 16px;  color: #fff;   line-height: 26px; text-align:center; padding-bottom:00px; font-family: 'Gelasio', serif;}


.card {position: relative; border:0px !important; background-color:#21275b; }
.card:first-child {margin: 0 0px; padding: 0;}
.card .input-container {position: relative; margin: 0 5px 12px;}
.card .input-container input {outline: none; z-index: 1; position: relative; background: none; width: 100%; height: 40px; border: 0; color: #fff; font-size: 16px; font-weight: 400;}
.card .input-container input:focus ~ label {color: #00aad2; -webkit-transform: translate(-12%, -50%) scale(0.75); transform: translate(-12%, -50%) scale(0.75);}
.card .input-container input:focus ~ .bar:before, .card .input-container input:focus ~ .bar:after {width: 50%;}
.card .input-container input:valid ~ label {color: #00aad2; -webkit-transform: translate(-12%, -50%) scale(0.75); transform: translate(-12%, -50%) scale(0.75);}
.card .input-container label {position: absolute; top: 0;  left: 0; color: #fff; font-size: 16px; font-weight: 400; line-height: 60px; transition: 0.2s ease;}

.card .input-container textarea {outline: none; z-index: 1; position: relative; background: none; width: 100%; height: 80px; border: 0; color: #fff; font-size: 20px; font-weight: 400; padding-top:12px;}
.card .input-container textarea:focus ~ label {color: #00aad2; -webkit-transform: translate(-12%, -50%) scale(0.75); transform: translate(-12%, -50%) scale(0.75);}
.card .input-container textarea:focus ~ .bar:before, .card .input-container textarea:focus ~ .bar:after {width: 50%;}
.card .input-container textarea:valid ~ label {color: #00aad2; -webkit-transform: translate(-12%, -50%) scale(0.75); transform: translate(-12%, -50%) scale(0.75);}


.card .input-container select {outline: none; z-index: 1; position: relative; background: none; width: 100%; height: 60px; border: 0; color: #fff; font-size: 16px; font-weight: 400;padding:0px; /*padding-top:37px;*/}
.card .input-container select:focus ~ label {color: #00aad2; -webkit-transform: translate(-12%, -50%) scale(0.75); transform: translate(-12%, -50%) scale(0.75);}
.card .input-container select:focus ~ .bar:before, .card .input-container select:focus ~ .bar:after {width: 50%;}
.card .input-container select:valid ~ label {color: #00aad2; -webkit-transform: translate(-12%, -50%) scale(0.75); transform: translate(-12%, -50%) scale(0.75);}




.card .input-container button { padding:7px 12px; border: 0; background: #ff5722; color: #fff; font-size: 16px; text-align: center;  cursor: pointer !important;}
.card .input-container .btn-primary {color: #ffffff;  background-color: #ff5722; cursor: pointer !important;}
	
.card .input-container .bar { position: absolute; left: 0; bottom: 0; background: #fff; width: 100%; height: 1px;}
.card .input-container .bar:before, .card .input-container .bar:after {content: ''; position: absolute; background: #00aad2; width: 0; height: 2px; transition: .2s ease;}
.card .input-container .bar:before {left: 50%;}
.card .input-container .bar:after {right: 50%;}



select option {background: #002c5f; border:1px solid#F00;}
select.decorated option:hover {box-shadow: 0 0 10px 100px #011d3d inset;background-color:#011d3d;}




/*------------------NEW CSSS ---------------------------------------*/
.top-heig{ height: 0px;}
.my-fon-title{ font-size: 36px;  font-weight: 600; margin: 0.2em 0 0; padding-bottom: 0.9em; position: relative; line-height:38px;}
.my-fon-sub-title{ font-size: 30px; font-weight: 400; line-height:38px;}
.my-fon-sub-title1{ font-size: 28px; font-weight: 500; margin: 0.2em 0 0; padding-bottom: 0.5em; position: relative; line-height:38px;}


.colo-01{color: #0e6a55 !important;}
.colo-02{color: #1d8c7b !important;}
.colo-03{color: #1c8b7a !important;}

.my-font{font-family:'Raleway', Arial, Helvetica, sans-serif!important;}
.my-font1{font-family: 'Cairo', sans-serif;}
.my-font2{font-family:"Cairo", sans-serif!important;}




.call{ position:absolute; top:45px; right:18%; font-size:28px; color:#006953; vertical-align:middle; font-family: 'Oswald', sans-serif;}
.call a{ color:#21275b; text-decoration:none; font-weight:700;}

.cal-s{ display:none;}
.cal-h{ display: block;}



.mbo-sh{ display: none;}
.mbo-hi{ display:  block;}

@media only screen and (min-width: 769px) and (max-width: 2900px) {
.bar-en{display: none!important;}
}

@media only screen and (min-width: 50px) and (max-width: 768px) {
.top-logo{width: 100%; position: fixed; left: 0; top: 0; background-color:#fff !important; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.4); box-shadow: 0 0 20px rgba(0, 0, 0, 0.4); z-index:999;}	
.my-logo { margin: 0px auto;  padding: 5px 0px 5px 0px;}
.logot {width: 60%; display: block; margin: 0 auto;padding: 7px 0px 7px 0px;}

.top-heig{ height: 80px;}

.mbo-sh{ display:block;}
.mbo-hi{ display:  none;}	

.f-loog {margin-top: 0px; max-height: 48px;}
#footer { padding:20px 0px 20px 0px;}

.main{position:relative; height:auto;  min-height:500px !important;}
#contentHolder{position:relative; height:auto;  margin:0px auto; padding:0px; min-height:500px !important;}

.my-left{ width:100%; float:left; position: relative; min-height: 1px;  padding-right: 15px;  padding-left: 15px; }
.my-right{ width:100%; float:left; position: relative; min-height: 1px; padding-right: 0px;  padding-left: 0px; bottom:0px; }

.con-m {font-size: 16px; line-height: 25px;}
.my-fon-sub-title1{ font-size: 23px; line-height:33px;}

.call{ position:absolute; top:20px; right:7%; font-family: 'Oswald', sans-serif; font-size:35px; color:#76c043; vertical-align:middle}
.call a{ color:#76c043; text-decoration:none; font-weight:700;}
.cal-s{ display:block;}
.cal-h{ display: none;}

.ppp-n{ padding:0px;}

.bre12{ border:0px solid#e0e0e0; padding:0px; margin-bottom:0px;text-align:center;   }
}

@media only screen and (min-width: 50px) and (max-width: 900px) {
.services-vehicles ul li{float: left; width: 100%;   }	
}


.ht5{ height:40px;}
.pip-text{ text-align:center; width:80%; margin:0px auto; padding-top:20px;}

@media only screen and (min-width: 50px) and (max-width: 450px) {
	.my-fon-title{ font-size:28px;}
	.my-fon-sub-title1{ font-size: 18px;  line-height: 28px;}
	.ht5{ height:0px;}
	.pip-text{ text-align:center; width:100%; margin:0px auto; padding-top:20px;}
}




.owl-text{ text-align:center; padding:10px 15px 10px 15px;}

.cd{ color:#000 !important; font-size:18px;}

.subtt{ font-size:45px; color:#272c4c; line-height:45px; margin-bottom:15px; display:block;}
.subttb{ font-size:28px; color:#0083c6; font-weight:400;}
.subttb-s{ font-size:22px; color:#0083c6; font-weight:400;}
.subtt-t{ font-size:30px; color:#0083c6; line-height:38px;}
.bgf{ font-size:45px; display:block;margin-bottom:15px;}
.pdnsm{ padding:0px}

.pfe{ padding:15px; width:60% !important; text-align:center;}



.features{}
.features-table {border-collapse: collapse; width: 100%; text-align: left; color:#000;}
.features-table td, .features-table th {border: 1px solid #9a9a9a; padding: 8px; line-height:20px;  font-size: 16px;}
.features-table tr:nth-child(even){background-color: #ededed;}
.features-table tr:hover {background-color: #e4e8e1;}
.features-table th {padding-top: 12px; padding-bottom: 12px; text-align: left; background-color: #4CAF50; color: white;}
.tar {text-align: center; padding-right:20px !important; background-color:#e4e8e1; color:#000; font-weight:600;}
.tal {text-align: left; padding-left:20px !important;}


.but-brt {position:  relative; /* z-index: 999;*/  bottom: 15px; right: 15px; float:right; margin-bottom:15px;}
.bout-bgt {background-color: #21275b;
    padding: 7px 9px 7px 12px;
    color: #fff;
    font-weight: 400;
    bottom: 40px;
    right: 0px;
    font-size: 12px;font-family: 'Gelasio', serif; }








.list-style-two{position: relative; display: block; margin-bottom: 30px;}
.list-style-two li{position: relative;	font-size: 18px; line-height: 20px;	color: #272c4c; font-weight: 500; padding-left: 25px; margin-bottom: 15px; }
.list-style-two li:before{position: absolute; left: 0; top: 0; font-size: 14px;	line-height: 20px; color: #0083c6; font-weight: 400; font-family: "FontAwesome";	content: "\f061";}
.list-style-two li{float: left; width: 48%;  font-weight: 500; border-bottom:1px solid #dddddd; margin-right:2%; padding-bottom:10px;}



.specification {font: 11px Verdana, Arial, Helvetica, sans-serif; color: #333333; line-height: 20px;  text-align: justify;}



.clients-grid, .testimonials11-grid {list-style: none; overflow: hidden;}
.clients-grid li, .testimonials-grid11 li {float: left;	position: relative;	width: 20%;	padding: 20px 0;	-webkit-backface-visibility: hidden;}
.clients-grid.grid-2 li {width: 50%; padding: 25px 0;}
.clients-grid.grid-3 li { width: 33.33%; }
.clients-grid.grid-4 li { width: 25%; }
.clients-grid.grid-6 li { width: 20%; }
.clients-grid li a { opacity: 0.6; }

body:not(.device-touch) .clients-grid li a {-webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
.clients-grid li a:hover { opacity: 1; }
.clients-grid li a, .clients-grid li img {display: block; width: 95%; margin-left: auto; margin-right: auto;}



.clients-grid li a img { width: 100%; }
/*.clients-grid li img {text-align:center; margin:0px auto;  -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease;  transition: all .5s ease;}
.clients-grid li img:hover {-webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}
*/
.clients-grid li:before, .clients-grid li:after, .testimonials-grid li:before, .testimonials-grid li:after {content: ''; position: absolute;}
.clients-grid li:before, .testimonials-grid li:before {height: 100%; top: 0; left: -1px; border-left: 1px solid #d3d3d3;}
.clients-grid li:after, .testimonials-grid li:after {width: 100%; height: 0; top: auto; left: 0; bottom: -1px; border-bottom: 1px solid #d3d3d3;}



.mbe-hh{ display:block;}
.mbe-ss{ display: none;}
@media screen and (min-width:50px) and (max-width:700px) {
.clients-grid.grid-6 li { width: 50%; }	
.mbe-hh{ display:none;}
.mbe-ss{ display: block;}

.but-brt-m {position:  relative;  z-index: 99;  float: none;  background-color: #0083c6;  padding: 7px 12px 7px 12px;  color: #fff;  font-weight: 400; width:60%; margin:0px auto;}
.mht-m{ margin-top:-20px; margin-bottom:20px;}

.modal-body h3 {font-size: 16px;}
	
}




#section10 a {  padding-top: 60px; position:absolute; bottom:0%; z-index:15; left:50.5%;}
#section10 a span {position: absolute; top: 0; left: 50%; width: 30px; height: 50px; margin-left: -15px; border: 2px solid #fff; border-radius: 50px; box-sizing: border-box;}
#section10 a span::before { position: absolute; top: 10px; left: 50%; content: ''; width: 6px; height: 6px; margin-left: -3px; background-color: #fff; border-radius: 100%;  -webkit-animation: sdb10 2s infinite;
  animation: sdb10 2s infinite;  box-sizing: border-box;}

@-webkit-keyframes sdb10 {
  0% {-webkit-transform: translate(0, 0); opacity: 0;}
  40% {opacity: 1;}
  80% {-webkit-transform: translate(0, 20px); opacity: 0;}
  100% {opacity: 0;}

}

@keyframes sdb10 {
	 0% {transform: translate(0, 0); opacity: 0;}
  40% {opacity: 1;}
  80% {transform: translate(0, 20px); opacity: 0;}
  100% {opacity: 0;}

}





@media screen and (min-width:50px) and (max-width:700px) {
#section10 a {  bottom:10%; }
.amanitis .img-fluid {width: 65%;}
.nopd-ll{ padding-left:0px; padding-right:0px;}


.but-brt {position: absolute; /* z-index: 999;*/  bottom: 0px !important; right: 0px; float:right; margin-bottom:0px !important;}

.gal{ margin-bottom:5px;}












}

.page-section-home {
    width: 100%;
    padding: 0;
    display: block;
    position: relative;
    margin: 0px auto;
}
.home-moblie-view-hide {
    display: block;
}

.opacity-full-1 {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.5;
    z-index: 4;
    top: 0;
    left: 0;
}


.tosh-home-banner {
    position: relative;
}


.tosh-home-banner #myvideo {
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    background-size: cover;
    height: 100%;
    overflow: hidden;
}


@media (min-width: 768px){
.tosh-home-banner .slt-content {
    height: 100vh;
}




}


.tosh-home-banner .slt-content {
    position: relative;
    z-index: 10;
    height: 700px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}


.text-center {
    text-align: center !important;
}

.tosh-home-banner #myvideo .slt-video-fit, .tosh-home-banner #myvideo .slt-video-wrapper .slt-img100, .slt-video-wrapper .tosh-home-banner #myvideo .slt-img100 {
    height: 100vh;
}

 video {
    max-width: 100%;
}

.slt-video-fit, .slt-video-wrapper .slt-img100 {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    vertical-align: bottom;
}

@media only screen and (min-width: 50px) and (max-width: 425px) {

.tosh-home-banner .slt-content { height: 80vh; }

.myvideo-09{ margin-top:-20px;}


.tosh-home-banner #myvideo{top: 40%;}




}