@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/css/bootstrap.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.css');
@import url('https://webclickindia.co.in/smtp/css/mail.css');
@import url(css/animate.css);
@import url(css/ma5-menu.min.css);
@import url(css/responsive.css);
/*Custom CSS*/
h1,h2,h3,h4,h5,h6{font-size: 30px; margin: 0px; padding: 0px; font-weight: 600; font-family: "Work Sans", sans-serif;}
ul{padding: 0px; margin: 0px; list-style-type: none;}
li{padding: 0px; margin: 0px; font-size: 15px; font-family: "Work Sans", sans-serif;}
a{font-size: 15px; font-family: "Work Sans", sans-serif;}
a:hover{text-decoration: none;}
p{font-size: 15px; padding: 0px; margin: 0px; font-family: "Work Sans", sans-serif;}
body{padding: 0px; margin: 0px; box-sizing: content-box; font-family: "Work Sans", sans-serif; transition: 0.5s;}
span{padding: 0px; margin: 0px; font-family: "Work Sans", sans-serif;}
input{ font-family: "Work Sans", sans-serif;}
textarea{ font-family: "Work Sans", sans-serif;}
/*Start*/
header{background: #024687; position: relative;}
/*header:after{background: url(img//paintstripwhite.svg) no-repeat center center / cover; content: ""; position: absolute; left: 0; width: 100%; z-index: 1; transform: rotate(180deg); height: 30px;}*/
.search-bar { text-align: center; display: block; width: 100%; position: relative;}
.search-bar input { width: 100%; padding: 10px; color: #102a62; border: solid 2px #d4cde1; border-radius: 4px; font-size: 16px;}
.search-bar input:focus{outline: none;}
.search-bar button { position: absolute; right: 25px; background: transparent; border: navajowhite; top: 7px; font-size: 22px;}
.search-bar button:focus{outline: none;}
.search-bar button i { color: #1f3743;}
.fennec-mobile-nav .navbar-nav { overflow-y: auto; height: 428px;}
.fennec-nav .navbar .navbar-nav .nav-item { position: relative; padding: 0;}
.fennec-nav .navbar .navbar-nav .nav-item a { font-size:16px; font-weight: 600; color: #fff; text-transform: uppercase; padding: 20px 12px; position: relative; z-index: 1; margin: 0;}
.fennec-nav .navbar .navbar-nav .nav-item a i { margin-left: 1px;}
.fennec-nav .navbar .navbar-nav .nav-item a i::before { font-size: 11px;}
.fennec-nav .navbar .navbar-nav .nav-item a:hover::before, .fennec-nav .navbar .navbar-nav .nav-item a:focus::before, .fennec-nav .navbar .navbar-nav .nav-item a.active::before { opacity: 1; visibility: visible;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu { -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); background: #ffc33e; position: absolute; border: none; top: 80px; left: 0; width: 300px; z-index: 9999; display: block; opacity: 0; visibility: hidden; border-radius: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; padding-top: 15px; padding-left: 5px; padding-right: 5px; padding-bottom: 15px;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a { text-transform: capitalize; padding: 5px 15px; display: block; color: #000; font-size: 15px; font-weight: 600;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::before { display: none;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active { color: #fff; }
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover::after, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus::after, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active::after { opacity: 1; visibility: visible; -webkit-transform: scale(1); transform: scale(1);}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::first-child { margin-top: 0;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu { left: 220px; top: 0; opacity: 0; visibility: hidden;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu { left: 220px; top: 0; opacity: 0; visibility: hidden;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu { opacity: 1; visibility: visible; top: -15px;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu { opacity: 1; visibility: visible; top: -15px;}
.fennec-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu { opacity: 1; visibility: visible; top: 100%; margin-top: 0;}
.navbar{padding: 0px;}
img.small-roller { left: 13px; width: 11%; top: -4px;}
/*.navbar-area { position: absolute; top: -68px; left: 29%;}*/
ul.dropdown-menu::-webkit-scrollbar { width: 10px;}
ul.dropdown-menu::-webkit-scrollbar-track { background: #f1f1f1; }
ul.dropdown-menu::-webkit-scrollbar-thumb { background: #888; }
ul.dropdown-menu::-webkit-scrollbar-thumb:hover { background: #555; }
ul.dropdown-menu {height: 350px; overflow-y: scroll;}
img.brush-design { position: relative; top: 19px; z-index: 99; transform: rotate(180deg);}
.about-us p { line-height: 25px;}
.exqute-seperator img{opacity: 0.2;}
.about-btn a { position: absolute; right: 32%; top: 12px; color: #fff; font-size: 17px;}
.about-btn2 a { position: absolute; right: 28%; top: 12px; color: #fff; font-size: 17px;}
/*icons from https://iconmonstr.com*/
/*.cursor-prev { cursor: url(img/brush-cursor.png), auto; cursor: url(img/brush-cursor.png) 16 16, auto;}
.cursor-next { cursor: url(img/brush-cursor.png), auto; cursor: url(img/brush-cursor.png) 16 16, auto;}*/
#toTop { position: fixed; bottom: 25px; right: 25px; cursor: pointer; transition: 0.5s; z-index: 9999;}
.our-solutions{background: #1f3743;}
img.solution-design { top: -53px; transform: rotate(180deg);}
.solutions_box img { display: block; margin: 0px auto;}
.solutions_box span { font-size: 18px; color: #fff; font-weight: 500;}
img.solution-design-down { top: 49px;}
img.brush-design-slider { top: -24px;}
.counsel-box{position:relative;padding:115px 0 145px;background:#fff;}
.counsel-box:before{width:400px;height:400px;display:block;content:"";position:absolute;left:-200px;top:-52px;background:url(img/red.png) right top no-repeat;background-size:400px}
.counsel-box:after{width:400px;height:400px;display:block;content:"";position:absolute;left:-170px;bottom:40px;background:url(img/red.png) right top no-repeat;background-size:400px}
.counsel-box .counselin{z-index:99;position:relative;padding:75px 0;background:#fff;-webkit-box-shadow:0 7px 14px 3px #E4E4E4;box-shadow:0 7px 14px 3px #ccc;}
/*.counsel-box .counselin:before{content:"";width:853px;height:239px;display:block;position:absolute;left:20px;bottom:-155px;background:url(img/brush.png) left top no-repeat;background-size:80%}*/
.counsel-box h2{text-align:center}
.counsel-box p{text-align:center}
.counsel-box .steps{padding:50px 8%;overflow:hidden}
.counsel-box .step{font-size:20px;color:#000;padding-left:55px;position:relative;width:33%;float:left}
.counsel-box .step span{font-weight:600;font-size:25px;display:block}
.counsel-box .step.paint span{color:#024687;}
.counsel-box .step.colour span{color:#173842;}
.counsel-box .step.long span{color:#024687;}
.counsel-box .number{line-height:65px;font-size:80px;color:#dfdfdf;position:absolute;left:0;top:0}
.counsel-box .from-part{padding:0 4%;overflow:hidden}
.counsel-box .form-div{width:22.5%;margin-right:2.5%;float:left}
.counsel-box input{border:none;border-bottom:1px solid #dedede;color:#5e5e5e;padding-bottom:15px;width:100%}
.counsel-box button{margin-top:30px;}
.common-button span { padding-left: 68px; margin-left: -45px; background: url(img/buton-arow.png) left center no-repeat;}
.common-button { display: inline-block; cursor: pointer; border: none; padding: 20px 44px; font-size: 18px; color: #fff; font-weight: 600; background-color: #024687; -webkit-border-radius: 30px; border-radius: 30px;}
.counsel-box button { margin-top: 30px;}
.counsel-box button:focus {outline: none;}
.form-div input:focus{outline: none;}
.form-div textarea{width: 100%;}
.form-div-textarea textarea {border:none;border-bottom:1px solid #dedede;color:#5e5e5e;padding-bottom:15px;width:100%; height: 100px; padding-top: 10px;}
.form-div-textarea textarea:focus{outline: none;}
.meter-img img { width: 38%;}
.meter-img { right: 55px; bottom: 0;}
.ziehharmonika span {color: #fff; display: block; text-align: left; padding: 10px 0px; cursor: pointer; margin-top: 0; font-size: 18px; margin-bottom: 9px; padding-right: 40px; transition: 0.25s all; position: relative; border-bottom: 1px solid #fff;}
.ziehharmonika span.active {color: #fff; background: transparent;}
/*.ziehharmonika span::before { content: attr(data-prefix); font-size: 30px; margin-right: 9px;}*/
.ziehharmonika span.alignLeft { padding-left: 35px;}
.ziehharmonika > div { display: none; background: #ffc33e; border-radius: 4px; text-align: left; padding: 31px 33px; margin-bottom: 9px;}
.ziehharmonika .arrowDown { width: 0; height: 0; border-style: solid; border-width: 13.0px 7.5px 0 7.5px; border-color: #272e35 transparent transparent transparent; position: absolute; bottom: 0; left: 40px; transition: 0.25s all; opacity: 0;}
.ziehharmonika .active .arrowDown { bottom: -13px; border-color: #fff transparent transparent transparent; opacity: 1;}
.ziehharmonika .collapseIcon { position: absolute; right: 20px; top: 45%; font-size: 35px; font-weight: 300; -ms-transform: translate(0, -50%); transform: translate(0, -50%);}
.ziehharmonika .collapseIcon.alignLeft { right: initial; left: 20px;}
.ziehharmonika ul { margin-top: 28px; padding-left: 15px; margin-bottom: 28px;}
.ziehharmonika ul li { list-style-type: circle; line-height: 28px;}
.home-faqs { background-color: #024687;}
.ziehharmonika p { font-weight: 500; text-align: justify; color: #000; font-size: 16px;}
.about-img { width: 350px; float: left;}
img.brus-faqs-design { border: 0; width: 42%; left: 0; top: 0; opacity: 0.1; z-index: -1;}
/*footer{ height: 73vh;}*/
.widget-logo p{padding: 10px 100px;}
.main-widget span{ font-size: 20px; }
.main-widget ul li { line-height: 32px;}
.main-widget i{font-size: 13px; color: #ffc33e;}
ul.product-column { column-count: 3;}
.main-widget .media .media-body span{font-size: 16px;}
.copy-right{background-color: #000;}
.more-color-design{background: url(img/colortools-background-desktop.jpg); background-attachment: fixed; background-size: cover;}
.about-btn5 a { position: absolute; left: 25px; top: 14px; color: #fff;}
.about-btn6 a { position: absolute; left: 25px; top: 14px; color: #fff;}
.about-btn7 a { position: absolute; left: 25px; top: 14px; color: #fff;}
.product-home a{background: #0085b9;}
/* -------- title style ------- */
.line-title { position: relative;}
.game-section { padding: 60px 50px;}
.game-section .owl-stage { margin: 15px 0; display: flex; display: -webkit-flex;}
.game-section .item { margin: 0 15px 60px; width: 320px; height: 400px; display: flex; display: -webkit-flex; align-items: flex-end; -webkit-align-items: flex-end; background: #343434 no-repeat center center / cover; border-radius: 16px; overflow: hidden; position: relative; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; cursor: pointer; border: 1px solid #e3e3e3;}
.game-section .item.active { width: 500px; box-shadow: 12px 40px 40px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 12px 40px 40px rgba(0, 0, 0, 0.25);}
/*.game-section .item:after { content: ""; display: block; position: absolute; height: 100%; width: 100%; left: 0; top: 0; background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));}*/
.game-section .item-desc { padding: 0 24px 12px; color: #fff; position: relative; z-index: 1; overflow: hidden; transform: translateY(calc(100% - 54px)); -webkit-transform: translateY(calc(100% - 54px)); transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out;}
.game-section .item.active .item-desc { transform: none; -webkit-transform: none;}
.game-section .item-desc p { opacity: 0; -webkit-transform: translateY(32px); transform: translateY(32px); transition: all 0.4s ease-in-out 0.2s; -webkit-transition: all 0.4s ease-in-out 0.2s;}
.game-section .item.active .item-desc p { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}
.game-section .owl-theme.custom-carousel .owl-dots { margin-top: -20px; position: relative; z-index: 5;}
@media (min-width: 992px) and (max-width: 1199px) {
.game-section { padding: 50px 30px; }
.game-section .item { margin: 0 12px 60px; width: 260px; height: 360px; }
.game-section .item.active { width: 400px; }
.game-section .item-desc { transform: translateY(calc(100% - 46px)); -webkit-transform: translateY(calc(100% - 46px)); }
}
@media (min-width: 768px) and (max-width: 991px) {
/* -------- Landing page ------- */
.game-section { padding: 50px 30px 40px; }
.game-section .item { margin: 0 12px 60px; width: 240px; height: 330px; }
.game-section .item.active { width: 360px; }
.game-section .item-desc { transform: translateY(calc(100% - 42px)); -webkit-transform: translateY(calc(100% - 42px)); }
}
@media (max-width: 767px) {
.line-title { width: 250px; }
.game-section { padding: 30px 15px 20px; }
.game-section .item { margin: 0 10px 40px; width: 200px; height: 280px; }
.game-section .item.active { width: 270px; box-shadow: 6px 10px 10px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 6px 10px 10px rgba(0, 0, 0, 0.25); }
.game-section .item-desc { padding: 0 14px 5px; transform: translateY(calc(100% - 42px)); -webkit-transform: translateY(calc(100% - 42px)); }
}
.item-desc h3 { font-size: 20px;}
/*.about-btn51 a { position: absolute; top: 16px; left: 32px;}*/
/*.main-widget { padding-bottom: 75px; padding-top: 0;}*/
:root { --ambed-font: 'Rubik', sans-serif; --ambed-reey-font: "reeyregular"; --ambed-gray: #8b827d; --ambed-gray-rgb: 139, 130, 125; --ambed-white: #ffffff; --ambed-white-rgb: 255, 255, 255; --ambed-black: #3c3531; --ambed-black-rgb: 60, 53, 49; --ambed-base: #a47c68; --ambed-base-rgb: 164, 124, 104; --ambed-primary: #f2eeeb; --ambed-primary-rgb: 242, 238, 235; --ambed-bdr-color: #e2ddda; --ambed-bdr-color-rgb: 226, 221, 218;}
.about-one__left { position: relative; display: block;}
.section-title__tagline { position: relative; display: inline-block; color: red; font-size: 16px; text-transform: uppercase; letter-spacing: 0.2em;}
.section-title__title { margin: 0; font-size: 27px; line-height: 32px; }
.section-title__line:before { position: absolute; bottom: 0; left: 0; height: 2px; width: 40px; content: ""; background-color: #ffc33e;}
.section-title__line:after { position: absolute; bottom: 0; left: 45px; height: 2px; width: 4px; content: ""; background-color:#024687;}
.about-one__left .section-title { margin-bottom: 20px;}
.section-title { position: relative; display: block; margin-top: -9px; margin-bottom: 69px;}
.about-one__text-1 { font-size: 24px; color: #000; font-weight: 500; line-height: 36px;}
.about-one__points { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 44px; margin-bottom: 44px;}
.about-one__text-2 { line-height: 26px; text-align: justify;}
.about-one__points li:hover .about-one__points-text { color: #fff;}
.about-one__points-text { font-size: 16px; color: var(--ambed-black, #3c3531); font-weight: 700; line-height: 20px; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.about-one__points-content-box:before { position: absolute; top: -2px; bottom: -2px; left: -2px; right: 0; width: 5px; content: ""; background-color: var(--ambed-base, #a47c68); -webkit-transition: all 500ms ease; transition: all 500ms ease; opacity: 1; z-index: -1;}
.about-one__points li:hover .about-one__points-content-box:before { opacity: 1; width: 100%; border-top-right-radius: 45px; border-bottom-right-radius: 45px;}
.about-one__points li:hover .about-one__points-content-box { border: 2px solid transparent;}
.about-one__points-content-box { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 2px solid var(--ambed-base, #a47c68); padding-left: 30px; padding-right: 33px; padding-top: 23px; padding-bottom: 23px; border-top-right-radius: 45px; border-bottom-right-radius: 45px; -webkit-transition: all 800ms ease; transition: all 800ms ease; -webkit-transition-delay: 2ms; transition-delay: 2ms; z-index: 1;}
.about-one__call { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 20px;}
.about-one__call-icon { position: relative; 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; height: 55px; width: 55px; border-radius: 50%; background-color: var(--ambed-base, #a47c68); color: var(--ambed-white, #ffffff); font-size: 26px; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.about-one__call-icon:hover { background-color: var(--ambed-black, #3c3531);}
.thm-btn:hover:after { opacity: 1; width: 100%;}
.thm-btn:after { position: absolute; content: ""; top: 0; left: 0; right: 0; bottom: 0; width: 3px; background-color: var(--ambed-base, #a47c68); -webkit-transition-delay: .1s; transition-delay: .1s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-property: all; transition-property: all; opacity: 1; z-index: -1;}
.about-one__points { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 44px; margin-bottom: 44px;}
.about-one__project { position: absolute; bottom: -66px; right: -60px; background-color: var(--ambed-base, #a47c68); padding: 50px 40px 47px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 50px; z-index: 2;}
.about-one__small-img { position: absolute; top: 90px; right: -150px; border-bottom-left-radius: 70px; border-top-right-radius: 70px;}
.about-one__small-img img { width: auto; border-bottom-left-radius: 75px; border-top-right-radius: 75px;}
.about-one__shape-1 { position: absolute; top: -40px; left: -40px; height: 235px; width: 235px; background-color: #cccccc3b; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 50px;}
.about-one__img { position: relative; display: block; border-bottom-left-radius: 70px; border-top-right-radius: 70px; overflow: hidden; z-index: 2;}
.about-one__dot img { width: auto; -webkit-animation-name: shapeMover; animation-name: shapeMover; -webkit-animation-duration: 9s; animation-duration: 9s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}
.about-one__dot { position: absolute; bottom: -15px; left: -54px; opacity: .3;}
.float-bob-y { -webkit-animation-name: float-bob-y; animation-name: float-bob-y; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear;}
@keyframes float-bob-y {
0% { transform: translateY(-20px); }
50% { transform: translateY(-10px); }
100% { transform: translateY(-20px); }
}
@keyframes float-bob-y {
0% {transform: translateY(-20px);}
50% {transform: translateY(-10px);}
100% {transform: translateY(-20px);}
}
.float-bob-y {-webkit-animation-name: float-bob-y;animation-name: float-bob-y;-webkit-animation-duration: 2s;animation-duration: 2s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-timing-function: linear;animation-timing-function: linear;}
/*.about-one__img:after { position: absolute; top: 0; left: -100%; display: block; content: ''; width: 50%; height: 100%; background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.3))); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); z-index: 1;}*/
.about-one__img img { width: 100%; border-bottom-left-radius: 75px; border-top-right-radius: 75px;}
.about-one__img-box { position: relative; display: block;}
/*.about-one__right { position: relative; display: block; margin-left: 70px; margin-right: 18px;}*/
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after { content: " "; display: block; background: white; position: absolute; z-index: 30; -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after { width: 3px; height: 9999px; left: 50%; margin-left: -1.5px; }
.twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after { width: 9999px; height: 3px; top: 50%; margin-top: -1.5px; }
.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay { position: absolute; top: 0; width: 100%; height: 100%; }
.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay { -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; }
.twentytwenty-before-label, .twentytwenty-after-label { -webkit-transition-property: opacity; -moz-transition-property: opacity; transition-property: opacity; }
.twentytwenty-before-label:before, .twentytwenty-after-label:before { color: white; font-size: 13px; letter-spacing: 0.1em; }
.twentytwenty-before-label:before, .twentytwenty-after-label:before { position: absolute; background: rgba(255, 255, 255, 0.2); line-height: 38px; padding: 0 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before { top: 50%; margin-top: -19px; }
.twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before { left: 50%; margin-left: -45px; text-align: center; width: 90px; }
.twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow { width: 0; height: 0; border: 6px inset transparent; position: absolute; }
.twentytwenty-left-arrow, .twentytwenty-right-arrow {
top: 50%;
margin-top: -6px; }
.twentytwenty-up-arrow, .twentytwenty-down-arrow {
left: 50%;
margin-left: -6px; }
.twentytwenty-container { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; z-index: 0; overflow: hidden; position: relative; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.twentytwenty-container img { max-width: 100%; position: absolute; top: 0; display: block; }
.twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay { background: rgba(0, 0, 0, 0); } .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label { opacity: 0; }
.twentytwenty-container * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.twentytwenty-before-label { opacity: 0; }
.twentytwenty-before-label:before { content: attr(data-content); }
.twentytwenty-after-label { opacity: 0; } .twentytwenty-after-label:before { content: attr(data-content); }
.twentytwenty-horizontal .twentytwenty-before-label:before { left: 10px; }
.twentytwenty-horizontal .twentytwenty-after-label:before { right: 10px; }
.twentytwenty-vertical .twentytwenty-before-label:before { top: 10px; }
.twentytwenty-vertical .twentytwenty-after-label:before { bottom: 10px; }
.twentytwenty-overlay { -webkit-transition-property: background; -moz-transition-property: background; transition-property: background; background: rgba(0, 0, 0, 0); z-index: 25; }
.twentytwenty-overlay:hover { background: rgba(0, 0, 0, 0.5); }
.twentytwenty-overlay:hover .twentytwenty-after-label { opacity: 1; }
.twentytwenty-overlay:hover .twentytwenty-before-label { opacity: 1; }
.twentytwenty-before { z-index: 20; }
.twentytwenty-after { z-index: 10; }
.twentytwenty-handle { height: 38px; width: 38px; position: absolute; left: 50%; top: 50%; margin-left: -22px; margin-top: -22px; border: 3px solid white; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px; -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); z-index: 40; cursor: pointer; }
.twentytwenty-horizontal .twentytwenty-handle:before { bottom: 50%; margin-bottom: 22px; -webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-horizontal .twentytwenty-handle:after { top: 50%; margin-top: 22px; -webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-vertical .twentytwenty-handle:before { left: 50%; margin-left: 22px; -webkit-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-vertical .twentytwenty-handle:after { right: 50%; margin-right: 22px; -webkit-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-left-arrow { border-right: 6px solid white; left: 50%; margin-left: -17px; }
.twentytwenty-right-arrow { border-left: 6px solid white; right: 50%; margin-right: -17px; }
.twentytwenty-up-arrow { border-bottom: 6px solid white; top: 50%; margin-top: -17px; }
.twentytwenty-down-arrow { border-top: 6px solid white; bottom: 50%; margin-bottom: -17px; }
.hide { display: none; }
.antialiased { -webkit-font-smoothing: antialiased; }
.column,.columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; width: 100%; float: left; }
@media only screen {
.column,
.columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; }
[class*="column"] + [class*="column"]:last-child { float: right; }
[class*="column"] + [class*="column"].end { float: left; }
.column.small-centered, .columns.small-centered { position: relative; margin-left: auto; margin-right: auto; float: none !important; } }
/* Styles for screens that are atleast 768px; */
@media only screen and (min-width: 768px) {
.large-1 { position: relative; width: 8.33333%; }
.large-2 { position: relative; width: 16.66667%; }
.large-3 { position: relative; width: 25%; }
.large-4 { position: relative; width: 33.33333%; }
.large-5 { position: relative; width: 41.66667%; }
.large-6 { position: relative; width: 50%; }
.large-7 { position: relative; width: 58.33333%; }
.large-8 { position: relative; width: 66.66667%; }
.large-9 { position: relative; width: 75%; }
.large-10 { position: relative; width: 83.33333%; }
.large-11 { position: relative; width: 91.66667%; }
.large-12 { position: relative; width: 100%; }
.row .large-offset-0 { position: relative; margin-left: 0%; }
.row .large-offset-1 { position: relative; margin-left: 8.33333%; }
.row .large-offset-2 { position: relative; margin-left: 16.66667%; }
.row .large-offset-3 { position: relative; margin-left: 25%; }
.row .large-offset-4 { position: relative; margin-left: 33.33333%; }
.row .large-offset-5 { position: relative; margin-left: 41.66667%; }
.row .large-offset-6 { position: relative; margin-left: 50%; }
.row .large-offset-7 { position: relative; margin-left: 58.33333%; }
.row .large-offset-8 { position: relative; margin-left: 66.66667%; }
.row .large-offset-9 { position: relative; margin-left: 75%; }
.row .large-offset-10 { position: relative; margin-left: 83.33333%; }
.row .large-offset-11 { position: relative; margin-left: 91.66667%; }
.push-1 { position: relative; left: 8.33333%; right: auto; }
.pull-1 { position: relative; right: 8.33333%; left: auto; }
.push-2 { position: relative; left: 16.66667%; right: auto; }
.pull-2 { position: relative; right: 16.66667%; left: auto; }
.push-3 { position: relative; left: 25%; right: auto; }
.pull-3 { position: relative; right: 25%; left: auto; }
.push-4 { position: relative; left: 33.33333%; right: auto; }
.pull-4 { position: relative; right: 33.33333%; left: auto; }
.push-5 { position: relative; left: 41.66667%; right: auto; }
.pull-5 { position: relative; right: 41.66667%; left: auto; }
.push-6 { position: relative; left: 50%; right: auto; }
.pull-6 { position: relative; right: 50%; left: auto; }
.push-7 { position: relative; left: 58.33333%; right: auto; }
.pull-7 { position: relative; right: 58.33333%; left: auto; }
.push-8 { position: relative; left: 66.66667%; right: auto; }
.pull-8 { position: relative; right: 66.66667%; left: auto; }
.push-9 { position: relative; left: 75%; right: auto; }
.pull-9 { position: relative; right: 75%; left: auto; }
.push-10 { position: relative; left: 83.33333%; right: auto; }
.pull-10 { position: relative; right: 83.33333%; left: auto; }
.push-11 { position: relative; left: 91.66667%; right: auto; }
.pull-11 { position: relative; right: 91.66667%; left: auto; }
.column.large-centered,
.columns.large-centered { position: relative; margin-left: auto; margin-right: auto; float: none !important; }
.column.large-uncentered,
.columns.large-uncentered { margin-left: 0; margin-right: 0; float: left !important; }
.column.large-uncentered.opposite,
.columns.large-uncentered.opposite { float: right !important; } }
/*Whatsapp-popup*/
#whatsapp .wtsapp:focus {border: none;outline: none;}
#whatsapp .wtsapp {position: fixed;transition: all .5s ease;background: #25d366;display: block;text-align: center;box-shadow: 0 0 20px rgba(0,0,0,0.15);/* margin: 0; */border-radius: 50px;border-right: none;color: #fff;font-weight: 700;font-size: 18px;bottom: 92px;left: 20px;border: 0;z-index: 99;width: 50px;height: 50px;line-height: 48px;}
#whatsapp .wtsapp:before {content: "";position: absolute;z-index: -1;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);display: block;width: 60px;height: 60px;background: #25d366;border-radius: 50%;-webkit-animation: pulse-border 1500ms ease-out infinite;animation: pulse-border 1500ms ease-out infinite;}
@keyframes pulse-border {
0% {transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);opacity: 1;}
100% {transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);opacity: 0;}
}
.phone_lefts-side a { position: fixed; bottom: 175px; background-color: #024687; animation: topBottom 4s infinite; z-index: 999; left: 20px; color: #fff; padding: 10px 16px; border-radius: 50%; font-size: 20px; animation: bounce 4s infinite alternate;}
.enquiry { position: fixed; z-index: 1000; bottom: 15px; left: 20px; height: 50px; color: #fff; font-size: 18px; text-align: center; text-decoration: none; cursor: pointer;}
.enquiry i {float: left; z-index: 999; position: absolute; left: 0; width: 50px; height: 50px; border-radius: 50%; color: #000; font-size: 24px; line-height: 50px; text-align: center; text-decoration: none; cursor: pointer; background: #ffc33e; transition: 0.5s; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.4);}
.enquiry strong { background: #f69a1d; line-height: 28px; color: #fff; padding: 10px 20px; border-radius: 0 30px 30px 0; height: 45px; float: left; font-size: 15px; margin-top: 3px; margin-left: 35px; box-shadow: 2px 2px 6px rgba(0,0,0,0.4);}
.enquiry i:hover { color: #fff;}
.enquiry strong:hover { color: #000; background: #eee;}
.modal-header { padding: 0 15px; color: #fff; background-color: #024687; height: 46px;}
.send_p { line-height: 22px; text-align: center; margin-bottom: 20px; color: #333;}
.modal-body form input { border: 1px solid #ccc; border-radius: 0px !important; height: 35px;}
.modal-body form input:focus { outline: none;}
.modal-body form textarea:focus { outline: none;}
.modal-body form textarea { border: 1px solid #ccc; border-radius: 0px !important; resize: none;}
.modal-header button span { font-size: 40px; position: relative; bottom: 0px;}
#homepopupenquiry-form button[type=submit] { line-height: 0px; background: #024687; outline: none; color: #fff; font-weight: 600; border: none; letter-spacing: 1px; text-transform: uppercase; cursor: pointer; width: 35%; border-radius: 10px; transition: 0.5s all; -webkit-transition: 0.5s all; -o-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; padding: 20px;}
.modal-header > p { font-size: 18px; margin-top: 8px;}
/*.carousel{z-index: -1;}*/
.page-info .bread-crumb { position: relative; float: none; padding: 25px 0; padding-left: 90px; border-radius: 40px 0 0 0; background-color: #024687;}
.page-title { position: relative; background-size: cover; background-repeat: no-repeat; background-position: 50% 0; padding: 150px 0px;}
.page-title h1 { position: relative; font-size: 30px; text-align: center; color: #ffffff; line-height: 1em; z-index: 99; margin-bottom: 20px;}
.page-title:before { position: absolute; content: ''; left: 0px; top: 0px; width: 100%; height: 100%; display: block; background-color: #000; opacity: .7;}
.page-title .page-info { position: absolute; left: 0px; bottom: 0px; width: 100%; z-index: 1;}
ul.bread-crumb li { color: #fff;}
.social-media-header .fa-facebook-f{background: #2e578f; width: 35px; height: 35px; border-radius: 50px; display: flex; justify-content: center; align-items: center; color: #fff;}
.social-media-header .fa-x-twitter{background: #000; width: 35px; height: 35px; border-radius: 50px; display: flex; justify-content: center; align-items: center; color: #fff;}
.social-media-header .fa-pinterest-p{background: #f90027; width: 35px; height: 35px; border-radius: 50px; display: flex; justify-content: center; align-items: center; color: #fff;}
.social-media-header .fa-instagram{background: #f09433; background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 ); width: 35px; height: 35px; border-radius: 50px; display: flex; justify-content: center; align-items: center; color: #fff;}
.social-media-header .fa-linkedin-in{background: #0069bd; width: 35px; height: 35px; border-radius: 50px; display: flex; justify-content: center; align-items: center; color: #fff;}
.sticky { background: #024687; position: sticky; top: 0; z-index: 999;}
.button-design ul li { background: #eb3949; padding: 8px 8px;}
/*
Contact Area Style
================================*/
.contact-page { background-color: #ffffff; padding-top: 100px !important; padding-bottom: 70px !important;}
.contact-page::before { display: none;}
.contact-page .single-contact-info { position: relative; padding-left: 0; margin-bottom: -5px; text-align: center; min-height: 200px; background-color: #f5f5f5; margin-bottom: 30px; padding: 30px; -webkit-transition: all 0.5s; transition: all 0.5s;}
.contact-page .single-contact-info i { position: unset; margin-bottom: 15px; display: block; color: #000; font-size: 30px; -webkit-transition: all 0.5s; transition: all 0.5s;}
.contact-page .single-contact-info h3 { color: #000; -webkit-transition: all 0.5s; transition: all 0.5s;}
.contact-page .single-contact-info a { color: #000; -webkit-transition: all 0.5s; transition: all 0.5s;}
.contact-page .single-contact-info:hover { background-color: #024687;}
.contact-page .single-contact-info:hover i { color: #ffffff;}
.contact-page .single-contact-info:hover h3 { color: #ffffff;}
.contact-page .single-contact-info:hover a { color: #ffffff;}
.contact-area .request-quote-wrap .contact-form { background-color: #f5f5f5; padding: 40px;}
.request-quote-wrap .contact-form .form-group .form-control { color: #424866; border: none; background-color: #ffffff; border-radius: 0;}
.contact-area .section-title h2 { color: #000; margin-bottom: 10px;}
.contact-area .section-title p { color: #000;}
.contact-area .section-title { text-align: center; max-width: 600px; margin: 0 auto 30px;}
.default-btn { font-size: 16px; color: #fff; background-color: #024687; padding: 18px 30px; line-height: 1; -webkit-transition: all 0.5s; transition: all 0.5s; position: relative; z-index: 1;}
.single-contact-info h3 { font-size: 18px; margin-bottom: 8px;}
.color-site { background-color: #024687;}
div#form-div { width: 100%; margin: 0 auto;}
#form-div { background-color: #024687; padding-left: 18px; padding-right: 18px; padding-top: 28px; padding-bottom: 28px;}
.feedback-input { opacity: 0.9; font-weight: 400; font-size: 14px; border-radius: 0; line-height: 22px; background-color: #fbfbfb; border: 3px solid #fbfbfb; padding: 5px; margin-bottom: 0; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.home-enduiry-title { font-size: 22px; color: #fff; text-align: center; text-transform: uppercase; font-weight: 600; margin-bottom: 15px; padding: 0px 0px 6px 0px;}
#button-blue { width: 100%; border: #fbfbfb solid 2px; cursor: pointer; background-color: #ffc33e; color: white; font-size: 17px; padding: 5px 25px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; /* margin-left: 10px; */ color: #000;}
div#inner-form input { margin-bottom: 15px; font-size: 15px;}
.skin-color { background: #ffc33e;}
.full-width-type h3 { color: #fff; margin: 0px; padding-top: 10px; padding-bottom: 10px;}
.inner-states a { width: 100%; display: block; text-align: center; padding: 10px 0; margin-bottom: 15px; color: #fff;}
.hvr-radial-in { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; overflow: hidden; background-color: #024687; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
.color-combination_box img { width: 100%; margin-bottom: 30px;}
.products-inner-detail p { text-align: justify; margin-bottom: 10px; line-height: 27px;}
.products-inner-detail h2, h3, h4, h5, h6 { color: #024687;}
.product-desc h2 { font-size: 22px; margin-bottom: 10px;}
.item-desc h3 { color: #fff;}
nav.mobile-menu { display: none;}
.mobile-three-item li { display: inline-block; margin-right: 0; padding: 5px 0px; width: 32%;}
.mobile-three-item { text-align: center}
.mobile-three-item li:nth-child(1) { background-color: #ffc33e;}
.mobile-three-item li:nth-child(2) { background-color: #64b161;}
.mobile-three-item li:nth-child(2) a{color: #fff;}
.mobile-three-item li:last-child { background-color: #024687;}
.mobile-three-item li:last-child a{color: #fff;}
.mobile-three-item { text-align: center; display: none; position: fixed; z-index: 999; bottom: 0; width: 100%;}
.mobile-btn-animation { position: fixed; left: 0; bottom: 0; width: 30%; color: white; text-align: center; font-weight: bold; padding-top: 10px; padding-bottom: 10px; margin-left: 2.5%; border-radius: 4px; box-shadow: 0 0 2px 1px white; z-index: 1000; background-image: linear-gradient(to right, #393286 , #0457b2);}
.mobile-btn-animation a { color: white;}
#mobile-call-container a { width: 100%; min-width: 100%;}
ul.mobile-version li {width: 30px; height: 30px; border-radius: 50px; display: flex; justify-content: center; align-items: center;}
ul.mobile-version { display: flex; justify-content: center;}
ul.mobile-version { display: none;}
.home-filed input:focus { box-shadow: none; outline: none;/* border: none;*/}
.home-filed textarea:focus { box-shadow: none; outline: none;/* border: none;*/}
.color-box{ background: #0083bd; padding: 25px;}
.heading span { font-size: 30px; font-weight: 500;}
.home-filed { margin-bottom: 15px;}
.home-filed button { text-align: center; border: 0px; background: #eb3949; padding: 6px 20px;}
.home-filed button:focus {outline: none;}
.home-filed textarea { height: 100px;}
.our-services-and-product h5 { color: #000;}
.our-services-and-product_items ul li a { color: #000; font-size: 20px; font-weight: 500;}
.our-services-and-product_items ul li { width: 22%; float: left; /* margin-bottom: 35px; */ border: 1px solid #ccc; margin-bottom: 25px; padding: 15px; min-height: 224px; margin-right: 30px;}
.our-services-and-product_items p { font-size: 14px;}
.our-services-and-product_items ul li a { font-size: 17px;}
.our-services-and-product { background: #fbfbfb;}
.social { background: linear-gradient(180deg, #0085b9, #036991 100%); border-radius: 50px;}
/*.social .numbers {
padding-top: 30px;
padding-bottom: 8px;
}*/
.numbers { display: flex; flex-wrap: wrap; margin-top: 20px; margin-bottom: 20px;}
.social .numbers div { width: 24%; display: flex; justify-content: center;}
.numbers h3 { font-size: 15px; display: flex; padding: 20px; line-height: 23px; text-align: left; color: #fff; flex-direction: column; font-weight: 700; justify-content: center;}
.numbers img { width: 80px; height: 80px; filter: brightness(0) invert(1);}
.numbers .image1 { border-right: 2px solid #fff;}
.main-brands img { height: 100px; object-fit: contain; border: 1px solid #ccc; padding: 15px;}
.logo-item { margin: 8px;}
@-webkit-keyframes blinker {
from { opacity: 1.0; }
to { opacity: 0.0; }
}
@keyframes blinker {
from { opacity: 1.0; }
to { opacity: 0.0; }
}
.waitingForConnection { -webkit-animation-name: blinker; animation-name: blinker; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; animation-timing-function: cubic-bezier(.5, 0, 1, 1); -webkit-animation-timing-function: cubic-bezier(.5, 0, 1, 1); -webkit-animation-duration: 1.7s; animation-duration: 1.7s;}
.blink_me { animation: blinker 1s linear infinite;}
@keyframes blinker { 50% { opacity: 0; }}
.about-one__img-box { width: 450px; float: left;}
.why-choose-us .title { width: 68%; margin: 0px auto;}
.why-choose-us .title span { font-size: 18px;}
.why-boxing p { font-size: 17px;}
.why-boxing span { font-size: 18px;}
.why-boxing img { filter: brightness(0.5) invert(1);}
.gallery_box-home { margin-bottom: 30px;}
.our-gallery{background: #024687;}
img.faqs-vector {bottom: -48px;}
.about-btn51 a { color: #024687; font-weight: bold; border-radius: 5px;}
.testimonial-item{background-color: #fff; min-height: 265px;}
.testimonial-item img { border-radius: 50px;}
.full-width-content { margin: 0px auto;}
p.related-heading{ background:#024687; width: 100%; display: block; padding: 10px 15px; font-size: 22px; font-weight: 700;}
.related-products .section-heading { text-align: center;}
.read-btn a { background: #ffc33e; padding: 7px 15px; color: #fff;}
span.text-theme-colored { font-size: 30px;}
.related_img img { height: 160px; margin: 10px 0px;}
.related_img img { width: 100%; object-fit: contain; border: 1px solid #cccc;}
.related_content { margin-top: 10px;}
.related_content p { margin-bottom: 15px;}
.parent-divison span { font-size: 22px;}
.sitema-links-item span { font-size: 22px;}
.widget-logo img { filter: brightness(0.1) invert(1);}
.recent-blog .recent-blog-title, .recent-blog .recent-blog-date { font-size: 15px;}
.recent-blog p { color: #000;}
.blog-comment-area p { margin-bottom: 10px; margin-top: 6px;}
.blog-details h3 { font-size: 25px; margin-bottom: 5px;}
.categories ul li { margin-bottom: 10px; border-bottom: 1px solid #ccc; padding-bottom: 10px;}
h2.blog-title { font-size: 22px; margin-bottom: 15px;}
.blog-mata ul { margin-bottom: 10px;}
.blog-mata h3 { font-size: 15px; font-style: italic;}
.blog-content span { font-weight: 900; font-size: 18px; color: #223a8b; display: block; margin-bottom: 10px;}
.blog-content ul li { margin-bottom: 12px; /*list-style-type: disc;*/}
/*.blog-content ul {
padding-left: 15px;
}*/
/*.blog-content i {
width: 5%;
float: left;
}*/
.recent-block img { width: 100px !important; height: 80px; object-fit: cover;}
.under-bullet-point h6 { font-size: 20px; display: block; margin-bottom: 10px;}
.under-bullet-point h5 { font-size: 20px; margin-bottom: 10px; color: #223a8b;}
.recent-block h6 { color: #000;}
.categories a { color: #242424; font-size: 15px; font-weight: 500;}
.sidebar-recent-blog-title { font-size: 18px; font-weight: 600; margin-bottom: 13px; color: #061538;}
.blog-img { width: 300px; float: left; margin-right: 15px;}
.blog-content p { margin-bottom: 25px; text-align: justify;}
.about-one__left h3 { font-size: 20px; margin-bottom: 10px; margin-top: 10px;}
.about-one__left h4 { font-size: 20px; margin-bottom: 10px; margin-top: 10px;}
.about-one__left h5 { font-size: 20px; margin-bottom: 10px; margin-top: 10px;}
.about-one__left h6 { font-size: 20px; margin-bottom: 10px; margin-top: 10px;}
.image-block img { width: 100%;}
div#innerenquiry-form input { margin-bottom: 15px;}
div#innerenquiry-form input:focus {outline: none;}
div#innerenquiry-form textarea { margin-bottom: 15px;}
div#innerenquiry-form textarea:focus {outline: none;}
.grid { position: relative; margin: 0 auto; /* padding: 1em 0 4em; */ list-style: none;text-align: center;}
/* Common style */
.grid figure { position: relative; float: left; overflow: hidden; /* margin: 10px 1%; */ min-width: 100%; max-width: 100%; /* max-height: 360px; */ width: 100%;background: #3085a3; text-align: center; cursor: pointer;}
.grid figure img { position: relative; display: block; min-height: 100%; max-width: 100%; /* opacity: 0.8; */}
.grid figure figcaption { padding: 2em; color: #fff; text-transform: capitalize; font-size: 1.25em; -webkit-backface-visibility: hidden;backface-visibility: hidden;}
.grid figure figcaption::before,.grid figure figcaption::after { pointer-events: none;}
.grid figure figcaption,
.grid figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0;}
.grid figure h2 { word-spacing: -0.15em; font-weight: 300;}
.grid figure h2 span { font-weight: 800;}
.grid figure h2,.grid figure p { margin: 0;}
/* .grid figure p {
letter-spacing: 1px;
font-size: 68.5%;
} */
figure.effect-bubba { background: #024687;}
/*
figure.effect-bubba img {
opacity: 0.7;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
} */
figure.effect-bubba:hover img { opacity: 0.4;}
figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after { position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;}
figure.effect-bubba figcaption::before { border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0,1); transform: scale(0,1);}
figure.effect-bubba figcaption::after { border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1,0); transform: scale(1,0);}
figure.effect-bubba h2 { padding-top: 30%; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0);}
figure.effect-bubba p { /* padding: 20px 2.5em; */ opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0);}
figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after { opacity: 1; -webkit-transform: scale(1); transform: scale(1);}
figure.effect-bubba:hover h2,figure.effect-bubba:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
.porudct-box .grid { border: 1px solid #ccc; display: flow-root; margin-bottom: 30px;}
.sidebar-panel h2 { font-size: 23px; margin-bottom: 15px;}
.product-desc ul li { margin-bottom: 12px; list-style-type: disc;}
.product-desc ul{padding-left: 15px;}
.product-desc h2{font-size: 22px;}
.product-desc h3{font-size: 22px;}
.product-desc h4{font-size: 22px;}
.product-desc h5{font-size: 22px;}
.product-desc h6{font-size: 22px;}
.content-details h1 { font-size: 25px; margin-bottom: 10px;}
.blog-box-one img { height: 300px; object-fit: cover; border: 1px solid #ccc; margin-bottom: 15px;}
.blog-content-design { overflow: scroll; height: 300px; padding-left: 15px; padding-right: 15px; overflow-x: hidden; margin-bottom: 30px;}
.blog-content-design p { margin-bottom: 15px;}
.blog-content-design::-webkit-scrollbar { width: 10px;}
.blog-content-design::-webkit-scrollbar-track { background: #f1f1f1;}
.blog-content-design::-webkit-scrollbar-thumb { background: #888;}
.blog-content-design::-webkit-scrollbar-thumb:hover { background: #555;}
.blog-btn a { background: #024687; padding: 8px 20px;}
.blog-details h2{font-size: 22px; margin-bottom: 10px;}
.blog-details h3{font-size: 22px; margin-bottom: 10px;}
.blog-details h4{font-size: 22px; margin-bottom: 10px;}
.blog-details h5{font-size: 22px; margin-bottom: 10px;}
.blog-details h6{font-size: 22px; margin-bottom: 10px; }
.form-group button { background: #024687; border: none;}
.form-group button:hover { color: #000; background: #ffc33e; border: none;}
.gallery_box img { cursor: pointer; border: 1px solid #ccc; margin-bottom: 25px; height: 200px; object-fit: scale-down;}
.location-about-us p { margin-bottom: 15px;}
.our-presence-row a { background: #ffc33e; color: #000; display: block; text-align: center; line-height: 40px;}
.product-img img { border: 1px solid #ccc;}