/*
 Theme Name:     Yogi Dye Chem Theme
 Theme URI:      http://www.elegantthemes.com/gallery/Divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     http://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
@import url("../Divi/style.css");
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700,900');


body{font-family: 'Roboto', sans-serif; margin:0; padding:0; overflow-x:hidden;}
p{font-size: 16px; line-height: 26px; font-weight: 400; letter-spacing: 0.2px;}

/* Background Colors */
.primary-bg{background-color: #1d2b57;}  /* blue bg */
.secondary-bg{background-color: #fb5600;}  /* orange bg */
.tertiary-bg{background-color: #f5f5f5;} /* light gray bg */
.quaternary-bg{background-color: #f2f2f2;} /* dark gray bg */
.quinary-bg{background-color: #fff;} /* white bg */

/* Text Colors */
.primary-color{color: #1d2b57;}  /* blue text */
.secondary-color{color: #fb5600;}  /* red text */
.tertiary-color{color: #fff;} /* white text */
.quaternary-color{color: #4b4b4b;} /* dark gray text */
.quinary-color{color: #b38a4a;} /* pink+gray bg */

/* Buttons Styles */
.btn{padding: 15px 50px 15px 18px; border-radius: 8px; color: #fff; text-align: left; min-width: 150px; display: inline-block; font-weight: 400; font-size: 16px; letter-spacing: 0.2px; border: 0;}
.btn-orange{background: rgba(251,86,0,1); position: relative; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border: 2px solid #fb5600;}
.btn-blue{background: #1d2b57; position: relative; border: 2px solid #1d2b57; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.btn-orange:hover{background: rgba(0,0,0,0); border: 2px solid #fb5600; color:#fb5600;}
.btn-blue:hover{background: rgba(0,0,0,0); border: 2px solid #1d2b57; color:#1d2b57;}
.btn-orange:after, .btn-blue:after{font-family: 'ETmodules'; content: "\24"; font-size: 25px; color: #fff; position: absolute; right: 18px; top: 18px; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.btn-orange:hover:after, .btn-blue:hover:after{right: 12px;}
.btn-blue:hover:after{color:#1d2b57;}
.btn-orange:hover:after{color:#fb5600;}
.v-center {display: flex; flex-direction:column; justify-content:center;}

.contact-form .row{margin-left: -7.5px; margin-right: -7.5px; width: 100%; margin-bottom: 20px;  display: inline-block; clear: both;}
.contact-form .col-2{width: 50%; float: left; padding-left:7.5px; padding-right:7.5px;}
.contact-form .col-2:last-child{margin-right: 0;}
.contact-form .col-1{width: 100%; padding-left:7.5px; padding-right:7.5px}
.contact-form input[type=text], .contact-form input[type=email], .contact-form input[type=tel]{width: 100%; color: #4c4c4c!important; border: 1px solid #e5e5e5; border-radius: 4px!important; padding: 14px; display: inline-block; vertical-align: top; height: 50px; font-size: 16px;
font-weight: 400;}
.contact-form textarea{width: 100%; border: 1px solid #e5e5e5; border-radius: 8px!important; padding: 14px; display: inline-block; vertical-align: top; font-size: 16px; font-weight: 400;}

.request-form{border: 1px solid #e2e2e3; z-index: 1 !important;}
.request-form .wpcf7{padding:0 0 10px 6px;}
.request-form label{color: #333333; font-size: 16px; font-weight: 400;}
.request-form .row{margin-left: 0; margin-right: -5px; width: 100%; margin-bottom: 10px;  display: inline-block; clear: both;}
.request-form .col-2{width: 50%; float: left; padding-left:5px; padding-right:5px;}
.request-form .col-2:last-child{margin-right: 0;}
.request-form .col-1{width: 100%; padding-left:5px; padding-right:5px}
.request-form input[type=text], .request-form input[type=email], .request-form input[type=tel], .request-form select {width: 100%; color: #4c4c4c!important; border: 1px solid #e5e5e5; border-radius: 4px!important; padding: 5px; display: inline-block; vertical-align: top; height: 50px; font-size: 13px;
font-weight: 400;}
select.packaging-size-chart option {
    display: none;
}
select.packaging-size-chart option:first-child {
    display: block;
}
select.packaging-size-chart option.active {
    display: block;
}
.request-form .prodname{width: 80%; float: left; padding-left:5px; padding-right:5px; font-size: 16px; font-weight: 400;}
.request-form .size{width: 20%; float: left; padding-left:5px; padding-right:5px;}
.request-form .qty{width: 20%; float: left; padding-left:5px; padding-right:5px; margin-right: 0; margin-bottom: 10px;}
.request-form button.wpcf7-field-group-add{background: none; border:0; position: relative; padding-left: 30px; height: 23px; line-height: 23px;
 font-size: 16px; cursor: pointer; color: #333333; font-weight: 400;}
.request-form button.wpcf7-field-group-add:before{content: "+"; color:#fff; width: 23px; height: 23px; background: #fb5600; position: absolute; left: 0; top:0; border-radius: 4px; line-height: 21px;}
.request-form button.wpcf7-field-group-remove{width: 23px; height: 23px; background: #fb5600; position: absolute; right: 0; top:0; content: "-"; font-size: 16px; color: #fff; border:0; line-height: 23px; border-radius: 4px; cursor: pointer;}
.request-form .wpcf7-field-group p{font-size: 16px; margin: 5px; display: block; clear: both;}
.request-form p{padding-bottom: 0; max-height: 60px; position: relative;}
.request-form .size, .request-form .qty {text-align: center;}
.request-form .size input[type=text], .request-form .qty input[type=text]{text-align: center;}

.contact-form .submit, .request-form .submit{border-radius: 8px; min-width: 150px; display: inline-block; background: rgba(251,86,0,1); position: relative; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border: 2px solid #fb5600; border: 2px solid #fb5600;margin-bottom: 25px;}
.contact-form .submit:hover, .request-form .submit:hover{background: rgba(0,0,0,0); border: 2px solid #fb5600; color:#fb5600;}
.contact-form .submit:after, .request-form .submit:after{font-family: 'ETmodules'; content: "\24"; font-size: 25px; color: #fff; position: absolute; right: 18px; top: 18px; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.contact-form .submit:hover:after, .request-form .submit:hover:after{right: 12px; color:#fb5600;}
.contact-form .wpcf7-submit, .request-form .wpcf7-submit{padding: 15px 50px 15px 18px; color: #fff; text-align: left; font-weight: 400; font-size: 16px; letter-spacing: 0.2px; border: 0; width: 100%; background: none; cursor: pointer;}
.contact-form .submit .ajax-loader, .request-form .submit .ajax-loader {position: absolute; right: -30px; top: 20px;}
.contact-form .submit:hover .wpcf7-submit, .request-form .submit:hover .wpcf7-submit{color:#fb5600;}

#main-footer{z-index: 99 !important; position: relative;}

/* Navigation Styles */
#top-menu a{font-size: 15px; color:#1d2b57; font-weight: 400;}
#top-menu a:hover{color: #fb5600;}
#logo{max-height: 100%;}
.et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation{padding-top: 50px;}
.et_header_style_left .et_menu_container .logo_container {top: 0;}
#main-header.et-fixed-header {-webkit-box-shadow: 0 0 7px rgba(0,0,0,.1)!important; -moz-box-shadow: 0 0 7px rgba(0,0,0,.1)!important; box-shadow: 0 0 7px rgba(0,0,0,.1)!important;}
#top-menu li.current-menu-item>a{color: #fb5600;}
#top-menu .request, #footer-widgets .request{background-color: #fb5600; text-align: center; color: #fff; padding: 10px 0; height: 36px; border-radius: 5px; width: 140px;}
#top-menu .request:hover, #footer-widgets .request:hover{background-color: #1d2b57;}
#top-menu .request a, #footer-widgets .footer-widget li.request a, #footer-widgets .footer-widget li.request a:hover{color: #fff !important;}
#footer-widgets .footer-widget li.request {padding-right: 0; }
#et_top_search{margin: 14px 0 0 22px;}
#et-info-email:hover, #et-secondary-menu>ul>li>a:hover, #top-menu-nav>ul>li>a:hover, .et-social-icons a:hover{opacity: 1;}
#footer-widgets .request{padding: 7px 0 10px;}

/* Content Styles */
.home-banner{height: 100vh;}
.banner-text{text-align: center;}
.banner-text h1{color: #1d2b57;  padding: 10px 0; display: inline-block; margin-bottom: 25px;}
.banner-text h1 span{font-size: 32px; display: block;}
.banner-text h1 span .rotate{border-bottom: 1px solid #fb5600; display: inline-block; font-size: 52px; font-weight: 900; padding-bottom: 20px; -webkit-transition: all 0.5s ease; transition:all 0.5s ease;}

.banner-text ul{text-align: center; list-style: none; margin: 0; padding: 0;}
.banner-text ul li{width: auto; display: inline-block; margin: 10px;}

.home-white-bg{background-color: #fff; border-radius: 5px; padding: 35px 25px; min-height: 270px; -webkit-transition: all 0.5s ease; transition:all 0.5s ease; -webkit-box-shadow: 0px 0px 10px 0px rgba(221,221,221,1);-moz-box-shadow: 0px 0px 10px 0px rgba(221,221,221,1); box-shadow: 0px 0px 10px 0px rgba(221,221,221,1);}
.home-white-bg:hover{background-color: #fb5600; color: #fff;  transform: translateY(-10px);-webkit-box-shadow: 0px 0px 10px 0px rgba(204,204,204,1);
-moz-box-shadow: 0px 0px 10px 0px rgba(204,204,204,1);
box-shadow: 0px 0px 10px 0px rgba(204,204,204,1);}
.home-white-bg:hover h3{color: #fff;}
.home-white-bg .icon{width: 70px; height: 56px; display: inline-block;}
.home-white-bg .icon-1{background: url("/wp-content/uploads/2019/04/icon-1.png") no-repeat 0 0;}
.home-white-bg:hover .icon-1{background-position: 0 -56px}
.home-white-bg .icon-2{background: url("/wp-content/uploads/2019/04/icon-2.png") no-repeat 0 0;}
.home-white-bg:hover .icon-2{background-position: 0 -56px}
.home-white-bg .icon-3{background: url("/wp-content/uploads/2019/04/icon-3.png") no-repeat 0 0;}
.home-white-bg:hover .icon-3{background-position: 0 -56px}
.home-t-space{margin-top: -150px; box-shadow: none;}
h2{font-size: 40px !important; color: #1d2b57; font-weight: 700; position: relative; margin-bottom: 60px;}
h2:after{content: ""; position: absolute; left: 0; bottom: -20px; width: 100px; height: 5px; background-color:#fb5600;}


.about p{margin: 30px 0;}
.about a.btn{margin-top: 30px; display: inline-block;}
.home-product{width:100%; max-width: 354px; height: 280px; position: relative; border-radius: 10px; margin-bottom: 30px !important}
.home-product .et_pb_code_inner{position: absolute; display: block; bottom: 20px; left: 20px;}
.home-product:hover .et_pb_code_inner{-webkit-transition: all 0.5s ease; transition:all 0.5s ease; transform: translateY(-10px);}
.home-product .et_pb_code_inner span{color: #fff; font-size: 20px;}
.full-img .et_pb_image_wrap{border-radius: 5px; box-shadow: 0px 6px 50px 6px rgba(0,0,0,.1); overflow: hidden;}


.quality-wrapper{height: 500px;}
.quality-box-wrap-1, .quality-box-wrap-2, .quality-box-wrap-3{position: relative;  -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; position: absolute; bottom: 20px; width: 90%;}
.quality-box{padding:0 30px 15px;}
.quality-box h3{font-size: 40px; font-weight: 700; color: #ffffff; letter-spacing: 0.5px;}
.quality-box h4{font-size: 20px; color: #ffffff;}
.quality-box-wrap-1 .quality-box-hover, .quality-box-wrap-2 .quality-box-hover, .quality-box-wrap-3 .quality-box-hover{padding:0 30px 15px; opacity:0;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;position:absolute;bottom:0;transform:translateY(50px)}
.quality-box-wrap-1:hover .quality-box-hover, .quality-box-wrap-2:hover .quality-box-hover, .quality-box-wrap-3:hover .quality-box-hover{border-radius:5px;background:#fb5600;padding:60px 30px 30px;opacity:1;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;transform:translateY(0px)}
/*.quality-wrapper .owl-carousel .owl-stage-outer{overflow:visible;}*/
.quality-wrapper .sa_hover_container {height: 500px;}
.quality-box p{color:#fff;}
.quality-wrapper .owl-carousel .owl-item:before{height: 100%; width: 1px; content: ''; display: block; background: rgba(255,255,255,.2);
position: absolute; left: 0;}
.quality-wrapper .owl-carousel .owl-item:nth-child(4):before{display: none;}


.clients .owl-carousel .owl-item .sa_hover_container{background: #f2f2f2; -webkit-box-shadow: 0px 0px 5px 0px rgba(222,222,222,1);
-moz-box-shadow: 0px 0px 5px 0px rgba(222,222,222,1);box-shadow: 0px 0px 5px 0px rgba(222,222,222,1);}
.clients .owl-carousel .owl-stage-outer{padding: 10px 0;}
#testimonials-wrap{z-index: 999 !important;}
.clients .owl-carousel .owl-item .sa_hover_container{display: flex; flex-direction:column; justify-content:center;}
.testimonials{position: relative; margin-bottom: 50px !important; z-index: 999;}
.testimonials .comment{background-color: #fff; padding: 20px; border-radius: 10px; display: block;-webkit-box-shadow: 0px 0px 5px 0px rgba(222,222,222,1); -moz-box-shadow: 0px 0px 5px 0px rgba(222,222,222,1);box-shadow: 0px 0px 5px 0px rgba(222,222,222,1);}
.testimonials .client{ position: absolute; bottom: 0; left: 70px;}
.testimonials .client .name{display: block; font-weight: 700; font-size: 15px;}
.testimonials h2 {margin-bottom: 40px;}
.testimonials .sa_owl_theme .owl-dots .owl-dot span{background-color: #a5a5a5 !important; border:2px solid #f5f5f5 !important;}
.testimonials .sa_owl_theme .owl-dots .active span, .testimonials .sa_owl_theme .owl-dots .active span:hover{background-color: #f5f5f5 !important; border:2px solid #fb5600 !important;}


/* Inner Page Banner */
.inner-banner .title {text-align: center; width: 800px; max-width: 100%; position: relative; margin: 0 auto; padding-bottom: 0;}
.inner-banner .title h1 {color: #1d2b57; font-size: 48px; font-weight: 700; margin: 40px 0; line-height: 1.15;}
.inner-banner ul.breadcrumbs{margin: 0; padding: 0; list-style: none; text-align: center;}
.inner-banner ul.breadcrumbs li{display: inline-block;}
.inner-banner ul.breadcrumbs li, .inner-banner ul.breadcrumbs li a{color: #1d2b57; font-size: 14px; font-weight: 400; position: relative;     }
.inner-banner ul.breadcrumbs li:first-child, .inner-banner ul.breadcrumbs li a:first-child{padding-left: 0;}
.inner-banner ul.breadcrumbs li a:hover{color:#fb5600;}
.inner-banner ul.breadcrumbs li.arrow{padding-right: 20px; position: relative; padding-right: 30px; margin-right: 10px;}
.inner-banner ul.breadcrumbs li.arrow:before{content:" "; background: url("/wp-content/uploads/2019/04/arrow-2.png") no-repeat; position: absolute; right: 0; top: 7px; width: 17px; height: 12px;}
.para{margin: 70px 0;}
.vision-box{width: 100%; max-width:540px; height: 366px; padding: 40px;}

.history{background:url("/wp-content/uploads/2019/04/history-line.png") repeat-x center center;}
.history .owl-item {position: relative;}
.history .owl-item h3.up{position: absolute; left: 60px; top: 230px; position: relative; height: 70px;}
.history .owl-item h3.up:before{content: ""; width: 20px; height: 20px; position: absolute; background-color: #fb5600; border:10px solid #fff; border-radius: 50%; bottom: -2px; display: inline-block; left: 0;}
.history .owl-item h3.down{position: absolute; left: 40px; bottom: -220px; height: 70px;}
.history .owl-item h3.down:before{content: ""; width: 20px; height: 20px; position: absolute; background-color: #fb5600; border:10px solid #fff; border-radius: 50%; bottom: 80px; left: 30px; display: inline-block;}
.history .owl-item .historyup{position: absolute; left: 50px; top: 30px; background-color: #fff;  width: 288px; height: 220px; padding: 10px; border-radius: 5px; -webkit-box-shadow: 0px 5px 5px 0px rgba(222,222,222,1); -moz-box-shadow: 0px 5px 5px 0px rgba(222,222,222,1); box-shadow: 0px 5px 5px 0px rgba(222,222,222,1);}
.history .owl-item .historyup:before{content: ""; width: 0; height: 0; border-style: solid; border-width: 25px 25px 0 0; border-color: #ffffff transparent transparent transparent; left: 40px; bottom: -20px; position: absolute;}
.history .owl-item .historydown{position: absolute; left: 50px; bottom: -410px; background-color: #fff; width: 288px; height: 240px; padding: 10px; border-radius: 5px; -webkit-box-shadow: 0px 5px 5px 0px rgba(222,222,222,1); -moz-box-shadow: 0px 5px 5px 0px rgba(222,222,222,1); box-shadow: 0px 5px 5px 0px rgba(222,222,222,1);}
.history .owl-item .historydown:before{content: ""; width: 0; height: 0; border-style: solid; border-width: 25px 0 0 25px; border-color: transparent transparent transparent #ffffff; position: absolute; left: 50px; top:-20px;}
.history .owl-carousel .owl-stage-outer{height: 600px;}
.history .autohide-arrows .owl-nav {display: block !important;}
.history .white .sa_owl_theme .owl-nav .owl-prev, .history .white .sa_owl_theme .owl-nav .owl-prev:hover{ background:rgba(0,0,0,0) url("/wp-content/uploads/2019/04/left.png") no-repeat center center !important; left: -3px; cursor: pointer;}
.history .white .sa_owl_theme .owl-nav .owl-next, .history .white .sa_owl_theme .owl-nav .owl-next:hover{ background:rgba(0,0,0,0) url("/wp-content/uploads/2019/04/right.png") no-repeat center center !important; right: -3px; cursor: pointer;}
.services-points{height: 460px;  padding: 80px 40px 40px;}


.contact-form .caldera-grid .form-control{color: #4c4c4c!important; border: 1px solid #e5e5e5; border-radius: 10px!important; padding: 14px; display: inline-block; vertical-align: top; height: 50px; font-size: 16px; font-weight: 400;}
.contact-form .caldera-grid textarea.form-control{margin: 0!important; padding-top: 14px!important; padding-bottom: 14px!important; height: 200px; font-size: 16px; font-weight: 400;}
.address a{color: #4c4c4c; font-size: 16px;}
.address .location{background:url("/wp-content/uploads/2019/04/location.jpg") no-repeat  0 5px; padding-left: 40px; margin-bottom: 15px; font-size: 16px; font-weight: 400;}
.address .phone{background:url("/wp-content/uploads/2019/04/phone.jpg") no-repeat left top; padding-left: 40px; margin-bottom: 15px;}
.address .maplink{color: #4c4c4c; font-size: 16px; font-weight:700; position: relative; margin-bottom: 25px; padding-right: 40px; display: inline-block; margin-top: 15px;}
.address .maplink:after{content: ""; background:url("/wp-content/uploads/2019/04/arrow-3.png")  no-repeat; position: absolute; right: 10px; top: 5px; width: 17px; height: 12px; -webkit-transition: all 0.5s ease; transition:all 0.5s ease;}
.address .maplink:hover{color:#fb5600;}
.address .maplink:hover:after{right: 5px;}
.address a.map{font-size: 16px; font-weight: 700; position: relative;}
.address a.map:before{content: ""; background:url("/wp-content/uploads/2019/04/phone.jpg")  no-repeat; position: absolute; right: 0; top: 7px; width: 17px; height: 12px;}
.products-list {padding: 0 10px;}
.products-list .et_pb_toggle_close .et_pb_toggle_title, .products-list .et_pb_toggle_close h5.et_pb_toggle_title, .products-list .et_pb_toggle_open .et_pb_toggle_title, .products-list .et_pb_toggle_open h5.et_pb_toggle_title{padding: 20px 20px 30px 150px; z-index: 10;}
.products-list .et_pb_toggle {border:none; border-bottom: 1px solid #d9d9d9;}
.products-list .et_pb_toggle_open{background-color: #f5f5f5; padding: 0; margin-bottom: 10px !important;}
.products-list .et_pb_toggle_close{padding: 0; margin-bottom: 10px !important;}
.products-list .et_pb_toggle_open .et_pb_toggle_content{border-top: 1px solid #d9d9d9; padding-bottom: 20px;}
.products-list .et_pb_toggle:after { content: "View Properties"; position: absolute; top: 16px; right: 100px; cursor: pointer; color: #fb5600; font-weight: 400; text-decoration: underline;}
ul.leftbar{width: 100%; max-width: 200px; margin: 0 50px 0 0; padding: 0; list-style: none; float: left;}
ul.prodinfo{width: 60%; margin: 0; padding: 0; list-style: none; float: left;}
ul.leftbar .application strong{font-size: 16px; font-weight: 700; color: #fb5600;}
ul.prodinfo strong{font-size: 16px; font-weight: 700; color: #fb5600;}
ul.prodinfo ul.info{list-style: none; margin: 0; padding: 0;}
ul.prodinfo ul.info li{float:left; font-size: 15px; font-weight: 400;}
ul.prodinfo ul.info li.title{width: 40%; color:#111;}
ul.prodinfo ul.info li.description{width: 60%;}
ul.prodinfo ul.info li.mid-title{width: 100%; clear: both; padding: 10px 0;}
ul.prodinfo ul.info li.mid-title strong{color: #1d2b57;}
.info-heading, .request-heading span.heading{background-color: #e2e2e3; padding: 20px 10px 15px; min-height: 62px;}
.info-heading{margin-bottom: 15px !important;}
.request-heading span{margin-bottom: 0 !important;}
.info-heading span, .request-heading span.heading{font-size: 16px; font-weight: 700; color: #1d2b57;}
.info-heading .img{width: 150px; float: left;}
.info-heading .name{width: 300px; float: left;}
.info-heading .name{width: 330px; float: left;}
.et_pb_toggle_close .et_pb_toggle_title:before{ content: "\35" !important; font-size: 40px; color: #1d2b57; transition: all 250ms ease-in-out;    top: 27px;}
.products-list .et_pb_toggle_open .et_pb_toggle_title:before{ content: "\35" !important; font-size: 40px; color: #1d2b57; display: block; -webkit-transform: rotate(90deg);-moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); transition: all 250ms ease-in-out; top: 27px;}
.request-heading span.heading{text-align: center; display: block;}

.et-fixed-header .et_menu_container .logo_container{padding-top: 10px;}

ul.prodinfo ul.info2 li.title{width: 70%;}
ul.prodinfo ul.info2 li.description{width: 30%;}
ul.prodinfo ul.info3 li.title{width: 50%;}
ul.prodinfo ul.info3 li.description{width: 50%;}
.alphabets a{color: #fb5600;}
.sticky-alphabets{z-index: 999;}

/* Quality Process Text */
.overlay-quality { position: relative;}
.overlay-quality .et_pb_blurb_content{width: 100%; height: 100%;}
.overlay-quality .et_pb_blurb_description{width: 100%; height: 100%;}
.overlay-quality h4{font-size: 24px !important; color: #1d2b57; font-weight: 700; position: relative; margin-bottom: 20px;}
.overlay-quality h4:after{content: ""; position: absolute; bottom: -5px; width: 100px; height: 5px; background-color:#fb5600; left: 50%; transform: translate(-50%, -50%);}
.overlay-quality .et_pb_blurb_content h4, .overlay-quality .et_pb_blurb_content p{text-align: center;}
.overlay-quality-blue .et_pb_blurb_description{background-color: #1d2b57;}
.overlay-quality-blue .et_pb_blurb_content h4, .overlay-quality-blue .et_pb_blurb_description h4, .overlay-quality-blue .et_pb_blurb_description p{color: #fff;}

/* Footer Style */ 
.footer-widget{color: #424242; font-size: 14px;}
.widget_nav_menu{display: block; width: 100%;}
.widget_nav_menu ul {list-style: none;}
.widget_nav_menu ul li{display: inline-block;}
.widget_nav_menu ul li a{color: #424242;}
#footer-widgets .footer-widget a, #footer-widgets .footer-widget li a{color: #424242 !important; font-weight: 400;}
.textwidget {font-weight: 400;}
#footer-widgets .footer-widget li a:hover{color: #fb5600 !important;}
#footer-bottom{display: none;}
#footer-widgets .footer-widget li:before{display: none;}
div#custom_html-2{width: 100%;}
div#custom_html-2 a.pixelkiosk{float: right;}
div#nav_menu-2{margin-bottom: 30px;}
#footer-widgets .footer-widget li {padding-right: 40px; padding-left: 0;}

.map-wrap{position: relative; height: 500px;}

.tooltip {position: relative; display: inline-block; width: 40px; height: 40px;}
.tooltip-1{top: 210px; left: 48%;}
.tooltip-2{top: 230px; left: 46%;}
.tooltip .tooltiptext {visibility: hidden; width: 220px; height: 210px; background-color: #fff; color: #454545; text-align: left; border-radius: 6px; padding: 20px; position: absolute; z-index: 1; top: 30px; left: 20px; opacity: 0; transition: opacity 1s; -webkit-box-shadow: 2px 2px 20px rgba(0,0,0,.1); box-shadow: 2px 2px 20px rgba(0,0,0,.1);}
.tooltip:hover .tooltiptext {visibility: visible; opacity: 1;}
.tooltip .active-tooltip{visibility: visible; opacity: 1;}

.tooltip b{font-size: 18px; color: #1d2b57; font-weight: 700; display: block; margin-bottom: 10px;}
.tooltip a{display: block; color: #1d2b57;}
.tooltip a:hover{color: #fb5600;}
.tooltip a.tel{margin-top: 10px;}

span.location-icon {position: relative;}
span.location-icon:after {position: absolute; left: 0; top: 0; font-family: 'ETmodules'; content: "\e081"; font-size: 40px; color: #000;}
span.location-icon:hover:after{color: #fb5600;}
span.location-icon.selected:after{color: #fb5600;}

#et_search_icon:before, #et_search_icon:hover:before{-webkit-transform: scaleX(-1); transform: scaleX(-1);}

.quality .et_pb_toggle_close .et_pb_toggle_title:before{top:7px;}
.quality .et_pb_toggle_open .et_pb_toggle_title:before{ content: "\35" !important; font-size: 40px; color: #1d2b57; display: block; -webkit-transform: rotate(90deg);-moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); transition: all 250ms ease-in-out; top: 27px; right: 20px;}
.quality .et_pb_toggle_open .et_pb_toggle_content{border-top: 1px solid #d9d9d9; padding:20px;}
.quality .et_pb_toggle_open .et_pb_toggle_title{padding:20px;}
.quality .et_pb_toggle {border:none; border-bottom: 1px solid #d9d9d9; padding: 0;}
.quality .et_pb_toggle_open{background-color: #f5f5f5; margin-bottom: 0 !important;}
.quality .et_pb_toggle_close {padding: 20px; margin-bottom: 0 !important;}


@media all and (min-width: 981px) {
.et_header_style_left .et_menu_container .logo_container{padding-top: 25px;}
.et-fixed-header .et_menu_container .logo_container{padding-top: 10px;}
.scroll {width: 100%; height: 210px;}
.scroll .et_pb_text_inner { background: url('https://noraesae.github.io/perfect-scrollbar/azusa.jpg') top left no-repeat; width: 100%; height: auto;}
.scrollbar::-webkit-scrollbar {background-color:#fff; width:4px;}
.scrollbar::-webkit-scrollbar-track { background-color:#dddddd;}
.scrollbar::-webkit-scrollbar-track:hover { background-color:#f4f4f4}
.scrollbar::-webkit-scrollbar-thumb { background-color:#818287; border-radius:16px; width: 10px;}
.scrollbar::-webkit-scrollbar-thumb:hover {background-color:#fb5700; border:4px solid #f4f4f4;}
.scrollbar::-webkit-scrollbar-button {display:none}
.about-content .scrollbar{height: 210px;; width: 100%; overflow-y: scroll; padding-right: 20px;}
.request-wrap .scrollbar{height: 470px; width: 100%; overflow-y: scroll; padding-top: 15px;}
.quality-wrapper .autohide-arrows:hover .owl-nav{display: none !important;}
h2.center{text-align: center;}
h2.center:after{left: 50%; transform: translate(-50%, -50%);}
.et_pb_widget ul li{margin-bottom: 0;}
.li-min-height1{min-height: 60px;}
.li-min-height2{min-height: 70px;}
.li-min-height3{min-height: 90px;}
div#a, div#b, div#c, div#d, div#e, div#f,  div#g, div#h, div#i, div#j, div#k, div#l, div#m, div#n, div#o, div#p, div#q, div#r, div#s, div#t, div#u, div#v, div#w, div#x, div#y, div#z{position: relative;}
div#a:before, div#b:before, div#c:before, div#d:before, div#e:before, div#f:before,  div#g:before, div#h:before, div#i:before, div#j:before, div#k:before, div#l:before, div#m:before, div#n:before , div#o:before, div#p:before, div#q:before, div#r:before, div#s:before, div#t:before, div#u:before, div#v:before , div#w:before, div#x:before , div#y:before, div#z:before{position: absolute; width: 30px; height: 30px; left: -50px; background: #fb5600; color: #fff; text-align: center; line-height: 30px; top: 2px;}
div#a:before{content: "A";}
div#b:before{content: "B";}
div#c:before{content: "C";}
div#d:before{content: "D";}
div#e:before{content: "E";}
div#f:before{content: "F";}
div#g:before{content: "G";}
div#h:before{content: "H";}
div#i:before{content: "I";}
div#j:before{content: "J";}
div#k:before{content: "K";}
div#l:before{content: "L";}
div#m:before{content: "M";}
div#n:before{content: "N";}
div#o:before{content: "O";}
div#p:before{content: "P";}
div#q:before{content: "Q";}
div#r:before{content: "R";}
div#s:before{content: "S";}
div#t:before{content: "T";}
div#u:before{content: "U";}
div#v:before{content: "V";}
div#w:before{content: "W";}
div#x:before{content: "X";}
div#y:before{content: "Y";}
div#z:before{content: "Z";}
.overlay-quality{width: 100%; max-width:540px; min-height: 366px; padding: 40px;}
.overlay-quality:hover{ -webkit-box-shadow: 0 0 20px rgba(0,0,0,.2); box-shadow: 0 0 20px rgba(0,0,0,.2);}
.overlay-quality .et_pb_blurb_content{width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center;}
.overlay-quality .et_pb_blurb_description{width: 100%; height: 100%;  display: flex; flex-direction: column; justify-content: center; background-color: #fff; opacity:0; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s; position:absolute; bottom:0; transform:translateY(50px)}
.overlay-quality:hover .et_pb_blurb_description{opacity:1;-webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s; transform:translateY(0px);}
.overlay-quality .et_pb_blurb_content h4, .overlay-quality .et_pb_blurb_content p{text-align: center;}
.overlay-quality-blue .et_pb_blurb_description{background-color: #1d2b57;}
.overlay-quality-blue .et_pb_blurb_content h4, .overlay-quality-blue .et_pb_blurb_description h4, .overlay-quality-blue .et_pb_blurb_description p{color: #fff;}
}
@media all and (min-width: 768px) and (max-width:980px) {
ul.prodinfo{width: 58%;}
.home-product{width: 100%; max-width: 100%; height: 350px;}
}

@media only screen and (max-width:980px){
.et_header_style_left #logo, .et_header_style_split #logo{max-width: 70%;}
.et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation {padding-top: 20px;}
ul.prodinfo ul.info li.description {color: #555;}
ul.prodinfo ul.info li.title {color: #000;}
#footer-widgets .footer-widget{max-width: 100% !important; width: 100% !important;}
#footer-widgets .footer-widget .fwidget {margin-bottom: 20px;}
.mobile_menu_bar:before{background: #fb5600;}
#et_mobile_nav_menu{margin-right: 10px;}
.vision-box{max-width: 100%;}
.full-img .et_pb_image_wrap, .full-img img{width: 100%; display: block;}
.services-points{padding: 30px 20px 40px;}
.et_header_style_left .logo_container a {margin: 15px 0 0 15px;}
.home-t-space{margin-top: 0;}
.home-white-bg{text-align: center;}
.banner-text h1{width: 90%; line-height: 30px; margin-bottom: 15px;}
.banner-text h1 span.rotate{font-size: 40px;}
.quality-box h3{font-size: 37px;}
.quality-wrapper .owl-carousel .owl-item:before{display: none;}
.quality-box-wrap-1 .quality-box-hover, .quality-box-wrap-2 .quality-box-hover, .quality-box-wrap-3 .quality-box-hover{border-radius:5px;background:#fb5600;padding:60px 30px 30px;opacity:1;;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;position:absolute;bottom:0;transform:translateY(0)}
.quality-box-wrap .autohide-arrows .owl-nav{display: block !important;}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot{top: 80px;}
.clients .autohide-arrows .owl-nav{display: block !important;}
.history .white .sa_owl_theme .owl-nav .owl-prev, .history .white .sa_owl_theme .owl-nav .owl-prev:hover, .history .white .sa_owl_theme .owl-nav .owl-next, .history .white .sa_owl_theme .owl-nav .owl-next:hover{top: 50%;}
.history .owl-item .historyup, .history .owl-item .historydown{left:5px;}
.history .owl-item h3.down{bottom: -140px;}
.history .owl-item .historydown{bottom: -230px;}
.history .owl-item .historyup{top: 0;}
.history .owl-item .historyup:before{left: 40%;}
.history .owl-item .historydown:before{left: 40%;}
.contact-form .row{margin-bottom: 0;}
.contact-form .col-2{width: 100%; float: none; margin-bottom: 20px;}
.contact-form .col-1{margin-bottom: 20px;}
.request-form .wpcf7{padding: 10px 0 10px 6px;}
.overlay-quality{height: auto;}
.overlay-quality .et_pb_blurb_content .et_pb_blurb_description h4{display: none;}
}

@media all and (max-width: 767px) {
.home-white-bg{margin-top: 0}
.services-points{height: auto;}
.info-heading{display: none;}
ul.prodinfo ul.info li.title {width: 50%;}
ul.prodinfo ul.info li.description {width: 50%;}
ul.prodinfo{width: 100%;}
ul.leftbar{width: 100%; max-width: 100%; margin-right: 0; margin-bottom: 20px;}
.products-list .et_pb_toggle:after{display: none;}
.products-list .et_pb_toggle_close .et_pb_toggle_title, .products-list .et_pb_toggle_close h5.et_pb_toggle_title, .products-list .et_pb_toggle_open .et_pb_toggle_title, .products-list .et_pb_toggle_open h5.et_pb_toggle_title{padding: 20px 20px 30px 0px !important;}
.et_pb_accordion_item:before{display: none;}
div#custom_html-2 a.pixelkiosk{float: none; clear: both; display: block; text-align: center; margin-top: 20px;}
.widget_nav_menu ul, #custom_html-2 .custom-html-widget{text-align: center;}
h2{font-size: 30px !important;}
.banner-text h1{font-size: 18px;}
.banner-text h1 span{font-size: 28px;}
.banner-text h1 span.rotate{font-size: 30px; width: 90%; margin: 0 auto;}
.quality-box h3{font-size: 24px;}
.tooltip .tooltiptext{top: 50px; left: -110px;}
.home-banner .et_pb_row{width: 100%;}
.home-banner{padding-top: 40% !important;}
.history .owl-item .historyup{top:0;}
.history .owl-item .historydown{bottom: -230px;}
.history .owl-item h3.down:before{bottom: 55px;}
.history .owl-item h3.down{left: 30%; line-height: 70px;}
.history .owl-item .historyup:before{left: 50%;}
.history .owl-item .historydown:before{left: 50%;}
.history .owl-item h3.up{left: 40%;}
.quality .et_pb_toggle_open .et_pb_toggle_title{padding:20px 20px 20px 0;}
.quality .et_pb_toggle_close {padding: 20px 0;}
.quality .et_pb_toggle_open .et_pb_toggle_title:before{right: 0px;}
.quality .et_pb_toggle_open .et_pb_toggle_content {padding: 20px 0;}
}

@media only screen and (max-width:340px){
.home-product {width: 260px; height: 220px; border-radius: 10px;}
.banner-text h1 span{font-size: 18px;}
.btn, .caldera-grid .btn{min-width: 130px; padding: 18px 10px 18px 10px; text-align: center;}
.btn-orange:after, .btn-blue:after{display: none;}
.history .owl-item .historydown, .history .owl-item .historyup{width: 250px; height: 170px;}
.history .owl-carousel .owl-stage-outer {height: 420px; padding: 20px 0;}
.history .owl-item .historydown {bottom: -290px;}
.history .owl-item .historyup{top: -20px;}
.home-banner{padding-top: 25% !important;}
}

@media all and (min-width: 981px) and (max-width:1024px){
.home-product {width: 100%; height: 350px; border-radius: 10px;}    
}


@media all and (max-width: 980px) {
/*** wrap row in a flex box ***/
.custom_row {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; overflow-x: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;}
 
/*** custom classes that will designate the order of columns in the flex box row ***/
.first-on-mobile {-webkit-order: 1; order: 1;}
 
.second-on-mobile {-webkit-order: 2; order: 2;}
 
.third-on-mobile {-webkit-order: 3; order: 3;}
 
.fourth-on-mobile {-webkit-order: 4; order: 4;}
    
/*** add margin to last column ***/
.custom_row:last-child .et_pb_column:last-child {margin-bottom: 30px;}
.stroke-recover{padding-top: 20px; padding-right: 5%; padding-left: 5%;}
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
.banner-text {padding-top: 30%;}
}



/**** Nesting Menu ****/
#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before{content:'\4d'}
#top-menu .menu-item-has-children .menu-item-has-children > a:first-child::after,#et-secondary-nav .menu-item-has-children .menu-item-has-children > a:first-child::after{content:'5'}
#main-header #mobile_menu.et_mobile_menu .menu-item-has-children{position:relative}
#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle{position:absolute;z-index:1;width:36px;height:36px;line-height:36px;border-radius:50%;top:5px;right:30px;cursor:pointer;text-align:center}
#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped{background-color:rgba(255,255,255,0.2)}
#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle::before{font-family:"ETmodules"!important;font-weight:400;font-style:normal;font-variant:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:36px;font-size:24px;text-transform:none;speak:none;content:'\33';color:#da1755}
#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped::before{content:'\32'}
#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle ~ ul.sub-menu{display:none!important;padding-left:0}
#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped ~ ul.sub-menu{display:block!important}
#main-header #mobile_menu.et_mobile_menu li li{padding-left:0}
#main-header #mobile_menu.et_mobile_menu li a{padding-left:20px;padding-right:20px}
#main-header #mobile_menu.et_mobile_menu li li li a{padding-left:60px;padding-right:20px}
#main-header #mobile_menu.et_mobile_menu .menu-item-has-children > a{background-color:transparent;font-weight:inherit}
#main-header #mobile_menu.et_mobile_menu li.current-menu-item > a{font-weight:bolder}
.fa{margin-right:15px}
@media only screen and (max-width: 980px) {
#mobile_menu{display:block!important;min-height:100vh;height:100%;top:0;right:0;position:fixed;z-index:9998;overflow:scroll;border-top:none;padding-top:60px!important}
.et_mobile_menu li a{color:#fff!important;width:100%;float:left;text-align:left;border-bottom:1px solid #ddd;margin:5px;transition:.2s;text-transform:uppercase}
.mobile_nav ul#mobile_menu .current_page_item > a{color:#fb5600!important}
.mobile_nav.closed #mobile_menu{background:rgba(51,51,51,0.9)!important;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:-webkit-transform .4s 0;-moz-transition:-moz-transform .4s 0;transition:transform .4s 0;background:rgba(51,51,51,0.9)!important}
.mobile_nav.opened #mobile_menu{background:rgba(29,43,87,0.98)!important;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);-webkit-overflow-scrolling:touch;-webkit-transition:-webkit-transform .4s 0;-moz-transition:-moz-transform .4s 0;transition:transform .4s 0}
#main-header .container.clearfix.et_menu_container{width:100%}
.mobile_menu_bar{padding-bottom:0}
.mobile_menu_bar:before{color:#1b1d1e!important}
.mobile_nav.opened .mobile_menu_bar:before{content:'\4d';color:#fff!important;z-index:9999}
}
.et_header_style_left .logo_container{top:15px}
.mobile_menu_bar:before{color:#fff!important}
@media only screen and (max-width: 980px) {
.et_header_style_split .mobile_menu_bar,.et_header_style_left .mobile_menu_bar{z-index:9999}
#et-top-navigation{padding-right:5px}
}
@media only screen and (min-width: 481px) {
#mobile_menu{width:340px;margin-left:calc(100% - 340px)}
}
@media only screen and (max-width: 480px) {
#mobile_menu{width:290px;margin-left:calc(100% - 290px)}
}