.navbar-brand img {
    max-width: 300px;
}
.text-pro { font-size: 22px; color: #ffffff; line-height: 36px;}
.text-black0 { color: #000000 !important; } 

.text-black3 { color: #333333 !important; } 

.text-black5 { color: #555555 !important; } 

.text-black7 { color: #777777 !important; } 

.text-whitef { color: #ffffff !important; } 

.text-whitec { color: #cccccc !important; } 

.b-whiteh:hover { background-color: #e6e6e6; } 

.b-info { background-color: #1166f3; } 

.b-infoh:hover { background-color: #0b5ee4; } 

.bg-unset { background-color: unset !important; } 

.bg-color { background-color: #cccccc !important; } 

.sh-above { z-index: 1; } 

.mb-0 { margin-bottom: 0 !important; } 

.pt-0 { padding-top: 0 !important; } 

.pb-0 { padding-bottom: 0 !important; } 

.mb-2 { margin-bottom: 20px !important; } 

.mt-7 { margin-top: 70px !important; } 

.mb-3 { margin-bottom: 30px !important; } 

.mb-5 { margin-bottom: 50px !important; } 

.pb-3 { padding-bottom: 30px !important; } 

.pb-5 { padding-bottom: 50px !important; } 

.ml-a { margin-left: auto !important; } 

.mr-a { margin-right: auto !important; } 

/* Overlay Animation starts*/

.img-overlay { position: relative; } 

.img-overlay:after { content: ""; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .6); -webkit-transition: .3s; transition: .3s; } 

.img-overlay-slider { position: relative; } 

.img-overlay-slider:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, .1))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.7) 50%, rgba(0, 0, 0, .1)); -webkit-transition: .3s; transition: .3s; } 

.display-overlay:active .img-overlay:after,
.display-overlay:focus .img-overlay:after,
.display-overlay:hover .img-overlay:after { left: 0; } 

/* Overlay Animation Ends*/

.flex-centering { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } 

.flex-centeringv { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } 

.fwb { font-weight: bold; } 

.fw500 { font-weight: 500; } 

.l-spacing1 { letter-spacing: 1px; } 

.header-style-1 .nav-row { border-bottom: unset; } 

.header-style-1 .navbar-brand img { max-width: 200px; margin-top: 0px; width: 100%; height: 100%; } 

.header-style-1 .navbar-brand { height: unset; } 

.header-style-1 #navbar>ul>.menu-item-has-children>a:before { display: none; } 

.header-style-1 #navbar>ul>.menu-item-has-children>a>i.material-icons { vertical-align: middle; } 

.case-study-section-s2 .case-grids { max-height: 130px !important; } 

.header-style-1 .navbar-brand { position: relative; top: unset !important; } 

@media(min-width:992px){
 .header-style-1 #navbar>ul>li>a { font-size: 16px; font-weight: 600; color: #fff; text-transform: capitalize; } 
 }

@media(max-width:992px){
 .header-style-1 .navbar-brand img { max-width: 100px; margin-top: 7px; } 

 .site-header .navbar-header button { margin-top: 10px; } 
 }

@media(max-width:768px){
 .header-style-1 .navbar-brand img { max-width: 60px; margin-top: 7px; } 

 .site-header { max-height: 86px !important; } 

 .site-header .navbar-header button { margin-top: 0px; } 
 }

/* slider */

.hero-slider .slide-title { max-width: unset; } 

.hero-slider .slide-text { max-width: unset; } 

/* Products */

.image-banner * { padding: 0 1px; -webkit-transition: .3s; transition: .3s; } 


.image-banner .img:active,
.image-banner .img:focus,
.image-banner .img:hover { -webkit-transform: translate(0, 10px) scale(.95); transform: translate(0, 10px) scale(.95); } 

.image-banner { text-align: center; margin: 0 30px; } 

.image-banner .item { position: relative; } 

.image-banner .item .img { min-height: 300px; background-size: cover; background-position: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } 

.image-banner .item .img1 { background-image: url(../images/latest-projects/friendly-services.jpg); } 

.image-banner .item .img2 { background-image: url(../images/latest-projects/core-compe.jpg); } 

.image-banner .item .img3 { background-image: url(../images/latest-projects/product-expertise.jpg); } 

.image-banner .item .img:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .7); z-index: 0; } 

.image-banner .item .product-text { z-index: 1; } 

.image-banner .item .product-text * { color: #ffffff; } 

.image-banner .item .product-text p { padding: 0 30px; margin-bottom: 20px; } 

.image-banner .item .product-text a.btn { padding: 7px 30px; } 

@media(max-width:768px){
 .image-banner .img:active,
 .image-banner .img:focus,
 .image-banner .img:hover { -webkit-transform: translate(0, 0px) scale(.95); transform: translate(0, 0px) scale(.95); } 

 .image-banner .item { text-align: center; margin: 10px 30px; } 

 .image-banner .item .product-text h1 { font-size: 30px; } 
 }

@media(max-width:576px){
 .image-banner .item { text-align: center; margin: 10px 10px; } 
 }

.cta-s2-section { background: url(../images/latest-projects/background-1.jpg) center top/cover no-repeat local; } 

/* Products */

.our-products * { -webkit-transition: .3s; transition: .3s; } 

.our-products { margin: 0 30px; } 

.our-products .item { margin: 10px 1px; -webkit-transition: .3s; transition: .3s; } 

.our-products .item { position: relative; border: 1px solid #cccccc; overflow: hidden; } 

.our-products .item .img { max-height: 300px; min-height: 300px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } 

.our-products .item img { max-height: 280px; min-height: 280px; padding: 20px; } 

.our-products .item .product-text { padding: 30px; margin-top: 0px; /* background-color: #cccccc; */
 border-top: 1px solid #cccccc; } 

.our-products .item .product-text * { margin: 0; } 

.our-products .item .product-text h2 { margin-bottom: 15px; } 

.our-products .item .product-text h4 { margin: 15px 0 20px 0; } 

.our-products .item .product-text span.actual-price { text-decoration: line-through; } 

.our-products .item .product-text span.padding { padding: 0 10px; } 

.our-products .item .product-text a.btn { padding: 5px 30px; font-size: 18px; } 

.our-products .item .stock { position: absolute; top: 0; right: -100%; width: 200px; text-align: center; } 

.our-products .item:active .stock,
.our-products .item:focus .stock,
.our-products .item:hover .stock { right: 0; } 

.our-products .item:active,
.our-products .item:focus,
.our-products .item:hover { -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, .6); box-shadow: 0px 3px 10px rgba(0, 0, 0, .6); } 

.our-products .item:active,
.our-products .item:focus,
.our-products .item:hover img { -webkit-transform: scale(1.05); transform: scale(1.05); } 

.our-products .item .stock p { padding: 5px 30px; } 


@media(max-width:768px){
 .our-products .item .img { max-height: 270px; min-height: 270px; } 

 .our-products .item img { max-height: 270px; min-height: 270px; padding: 20px; } 
 }

@media(max-width:600px){
 .our-products .item .img { max-height: 350px; min-height: 270px; } 

 .our-products .item img { max-height: 330px; min-height: 250px; padding: 20px; } 
 }

/* About US */

.about-section-s2 .details p { padding-bottom: 0; } 

.about-section-s2 .img-holder>img{transition: .3s;}

.about-section-s2 .img-holder>img:nth-child(1) { max-width: 370px; min-width: 370px; max-height: 433px; min-height: 433px; } 

.about-section-s2 .img-holder>img:nth-child(2) { max-width: 321px; min-width: 321px; max-height: 382px; min-height: 382px; } 

.about-section-s2 .img-holder > img:hover { z-index: 10; transform: scale(1.05); } 

.flaticon-play-button:hover { -webkit-transform: scale(1.5) !important; transform: scale(1.5) !important; } 

.page-heading h1 { margin-top: 0px; margin-bottom: 3px; font-weight: bold; text-transform: uppercase; text-align: center; } 

.decorated>span { position: relative; display: inline-block; height: 15px; width: 15px; } 

.decorated { overflow: hidden; margin-top: 10px; margin-bottom: 10px; text-align: center; } 

.heading-info { width: 85%; margin: 0 auto; padding-bottom: 2em; margin-bottom: 30px; text-align: center; font-size: 18px; font-weight: 600; } 
@media(max-width:576px)
 {
 .heading-info { width: 100%; } 
 }

.address-text-icon { margin-bottom: 15px; margin-top: 15px; } 

.decorated>span:before,
.decorated>span:after { content: ''; position: absolute; top: 50%; width: 60px; margin: 0 10px; } 

.decorated>span:after { left: 100%; } 

.decorated>span:before { right: 100%; } 

/* Colors */

.decorated>.black-line:before,
.decorated>.black-line:after { border-bottom: 2px solid #4d4d4d; } 

.page-heading h1>span { color: #1166f3; } 

.decorated>span { background-color: #1166f3; } 

/* -----------------------------------------------------
1.10Contact
 ----------------------------------------------------- */

#contact .address { margin-bottom: 30px; } 

.address-text-icon { margin-bottom: 15px; margin-top: 15px; } 

.address-text-icon .fa { font-size: 50px; color: #1166f3; } 

.address-text-icon p { margin-bottom: 0px; } 

.map { height: 320px; width: 100%; border: 0; position: relative; margin: none; padding: none; } 

.map iframe { width: 100%; height: 320px; } 

@media(min-width:768px){
 #contact #c-form .btn { float: right; } 
 }

@media(max-width:768px){
 .map { margin-bottom: 30px; } 

 #contact #c-form .btn { float: none; text-align: center; } 
 }

.copyrights { background-color: #111111; } 

.mapouter { position: relative; text-align: right; height: 400px; width: 100%; } 

.gmap_canvas { overflow: hidden; background: none !important; height: 400px; width: 100%; } 

iframe { height: 400px; width: 100%; margin: auto; } 

.contact-form h2 { margin: 0 0 20px 0; } 

.contact-form form .form-control { border: unset; border-radius: unset; background-color: transparent; -webkit-box-shadow: unset; box-shadow: unset; border-bottom: 1px solid #333333; color: #333333; font-weight: 500; -webkit-transition: .3s; transition: .3s; } 

.contact-form form .form-control:focus { padding-left: 20px; } 

.contact-form form .form-control::-webkit-input-placeholder { color: #555555; font-weight: 500; } 

.contact-form form .form-control:-ms-input-placeholder { color: #555555; font-weight: 500; } 

.contact-form form .form-control::-ms-input-placeholder { color: #555555; font-weight: 500; } 

.contact-form form .form-control::placeholder { color: #555555; font-weight: 500; } 

.contact-form form button.btn { padding: 5px 30px; margin-top: 20px; } 

@media(max-width:768px){
 .contact-form form button.btn { margin-bottom: 40px; } 
 }

.copyrights { padding: 50px 0; } 

.copyrights p { font-size: 18px; margin: 0; } 

.copyrights .social li { margin: 10px 10px 40px 10px; } 

.copyrights .social li a i { background-color: #1166f3; color: #ffffff; padding: 10px; border-radius: 10px; width: 40px; height: 40px; font-size: 20px; } 

.copyrights p { width: 50%; margin: auto; } 

@media(max-width:768px){
 .copyrights p { width: 70%; margin: auto; } 
 }

@media(max-width:576px){
 .copyrights p { width: 95%; margin: auto; } 
 }



@media(max-width:1200px){
 .modal { z-index: 10000 !important; } 
 .modal-dialog { width: 600px !important; margin: 30px auto; } 
 }

@media(max-width:992px){
 .modal-dialog { width: 500px !important; } 
 }

@media(max-width:768px){
 .modal-dialog { width: 400px !important; } 
 }

@media(max-width:576px){
 .modal-dialog { width: 300px !important; } 
 }