/*--A Design by W3layouts Author: W3layout Author URL: http://w3layouts.com License: Creative Commons Attribution 3.0 Unported License URL: http://creativecommons.org/licenses/by/3.0/ --*/ @import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Merriweather&display=swap'); /*@import url('https://fonts.googleapis.com/css2?family=Overpass&display=swap');*/ body{     color:#000 !important;     font-family: 'Poppins', sans-serif;     font-size:15px !important;} h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {     font-family: 'Merriweather', serif;     font-weight: bold;} select {     border-radius: 5px;     padding: 8px !important;}.btn-primary {    color: #fff;    background-color: #23455f !important;    border-color: #23455f !important;	font-family: 'Poppins', sans-serif;} .top-nav {     position: absolute;     right:5px;} .page-section {     margin:50px 0;     padding: 20px;} .section {     background:#fafafa;} .section-image {     text-align:center;} .section-image img{     min-width:150px;     max-width:250px;} .section-title {     font-size:42px;     font-weight:bold;     text-align:center;     margin:10px 0;} .section-desc {     font-size:16x !important;     text-align:center;}.bg-gray{	background-color: #f6f6f6;} .benfits-section, .about-section, .news-section, .meet-us-section {     padding:50px 0px;    /*background-color: #fafafa;    */}.news-section .news-light, .news-section .news-gray{	/*padding:50px 0px;*/	border:1px solid #ececec;	margin:30px 0px;}.news-section .news-title{		padding-bottom:30px;}.news-section .news-desc{		padding-bottom:20px;}.news-section .news-btn{line-height:24px;padding-bottom:20px;	}.about-section .about-title{	padding-bottom:30px;}.about-section .about-desc{	padding-bottom:30px;	padding-top:30px;	line-height:24px;}.about-section .about-btn{	padding-bottom:30px;} .newsletter-img {     width: 100%;     height: 230px;}.content .btn-outline-primary{	border-color:#23455f;	color:#23455f;	font-family: 'Poppins', sans-serif;}.content .btn-outline-primary:hover{	border-color:#23455f;	background-color:#23455f;	color:#fff;}.content .btn{	line-height: 45px;    display: inline-block;    padding: 0px 35px;    border-radius: 22px;}.carousel-item h2{line-height:48px !important;font-weight:normal;	}.carousel-indicators{z-index:2 !important;	}.carousel-item:before {    content: '';    position: absolute;    bottom: 0;    left: 0;    width: 100%;    height: 100%;    z-index: 1;    -webkit-background-image: linear-gradient(to bottom, rgba(0,0,0,0.25) 50%, #23455f 100%);    background-image: linear-gradient(to bottom, rgba(0,0,0,0.25) 50%, #23455f 100%);    transition: all .3s;    -webkit-transition: all .3s;} #close-btn {     position: absolute;     width: 25px;     right: 0px;     top: 4px;     z-index:1;} #close-btn i {     font-size:24px;} .navbar{     padding: .5rem 1rem .5rem 1rem !important;} .navbar-light .navbar-brand {     margin-right: 50px;     margin-top: auto;	 padding:0;} .page-top-image {     width:100%;     height:400px;} .content-image {     width:250px;} .content-short-image {     width:auto;     height:100px;} .partition {     border:1px solid #e5e5e5;     padding:15px;     border-radius:0.5rem;	 min-height:315px;	 box-shadow: 0 0 10px rgb(0 0 0 / 12%);    /* box-shadow: 0px 0px 15px 1px rgb(0 0 0 / 10%);*/} .partition .icon-img,.partition .short-desc{     text-align:center;     margin-bottom:15px;} .partition h4{     text-align:center;     margin-bottom:15px;     font-weight:normal;     font-size:20px;}/*.news-inner-image{	border: 1px dashed #cecece;    display: inline-block;    border-radius: 50%;    padding: 5px;}*/.news-content{	padding:50px;} .news-image {     width:100%;     height:auto;	 padding:25px;} .meetbox {    box-shadow: rgb(0 0 0 / 50%) 10px 25px 20px -20px;    padding-right: 0;    padding-left: 20px;    width: 100%;} .meetbox:first-child {     margin-left:80px } .newsletter-box {     background: #f2f2f2;     width:550px;} .underline {     position:relative;    /*text-transform:uppercase;     */     line-height:inherit;} .underline:after {     content: "";     position: absolute;     bottom: -10px;     left: 0;     height: 1px;     width: 50px;     background: #23455f;} .underline-center {     position:relative;    /*text-transform:uppercase;     */     line-height:inherit;} .underline-center:after {     content: "";     position: relative;     bottom: -10px;     left: 0;     height: 1px;     width: 50px;     display: block;     margin: 0px auto;     background: #23455f;}/*.main_title h2:before {    content: "";    width: 45px;    height: 1px;    background: #acb2b4;    position: absolute;    right: -60px;    bottom: 7px;}*//* .dropdown-toggle::after{     display:none;}*/ .dropdown-toggle::after:after {     font-family: 'FontAwesome';     content: "\f107";     position: absolute;     right: 12px;     top: 50%;     margin-top: -16px;     width: 10px;     height: 24px;     display: block;     line-height: 24px;     font-size: 14px;     font-weight: normal;} .navbar-nav li.nav-item {     width:auto;     margin:auto 10px;}/* .navbar-nav li.nav-item:hover .dropdown-menu{     -webkit-transform: rotateX(0);     transform: rotateX(0);     visibility: visible;} .navbar-nav li.nav-item .dropdown-menu{     webkit-transform: rotateX( -90deg);     transform: rotateX( -90deg);     -webkit-transition: all 400ms ease-out;     -o-transition: all 400ms ease-out;     transition: all 400ms ease-out;     display: block;     -webkit-transform-origin: 50% 0;     -ms-transform-origin: 50% 0;     transform-origin: 50% 0;     min-width: 180px;     background: #ffffff;     border-radius: 0px;     border: none;     padding: 0px;     left: -40px;     -webkit-box-shadow: none;     box-shadow: none;     visibility: hidden;     margin-top: 0px;     -webkit-box-shadow: 0px 3px 16px 0px rgb(0 0 0 / 8%);     box-shadow: 0px 3px 16px 0px rgb(0 0 0 / 8%);}*/ .product-heading {     position: absolute;     top: 120px;     color: #fff;	 z-index:1;     text-shadow: #000 5px 5px 10px;} ol.product-breadcrumb {     margin:0px;     padding:0px;     list-style-type: none;} ol.product-breadcrumb li {     float:left;     padding:4px 5px 4px 0;     text-shadow: #000 5px 5px 10px;}ol.product-breadcrumb li a{	color:#fff;}ol.product-breadcrumb li:after {     content: ' \00BB';} ol.product-breadcrumb li:last-child:after {     content: '';} .product-image {     position: relative;     overflow: hidden;	 padding:0;} .product-image figure {     position: relative;     height: 225px;     overflow: hidden;     margin: 0 0 0 -15px;} .product-image figure img{     position: absolute;     display: block;     top: 0;     left: 0;     width: 100%;     height: auto;     -o-object-fit: cover;     object-fit: cover;     opacity: 1;} .product-banner-image {     position: relative;     overflow: hidden;}.product-banner-image:before {    content: '';    position: absolute;    bottom: 0;    left: 0;    width: 100%;    height: 100%;    z-index: 1;    -webkit-background-image: linear-gradient(to bottom, rgba(0,0,0,0.25) 100%, #000 5%);    background-image: linear-gradient(to bottom, rgba(0,0,0,0.25) 100%, #000 5%);    transition: all .3s;    -webkit-transition: all .3s;} .product-banner-image figure {     position: relative;     height: 175px;     overflow: hidden;     margin: 0 0 0 -15px;} .product-banner-image figure img{     position: absolute;     display: block;     top: 0;     left: 0;     width: 100%;     height: 100%;     -o-object-fit: cover;     object-fit: cover;     opacity: 1;} .page-head {     font-size: 24px;     font-weight:700;     color: #23455f;} .top-filter label {     font-size: 16px !important;     font-weight: 700;     color:#000;} .top-filter .form-control {     height: auto;     border: 1px solid #ececec;     font-size: 14px;} .left-filter {     padding-top:0px;} .side-filter {     border-bottom: 1px solid #ededed;     /*padding: 5px 5px;*/     margin-bottom: 15px;} .left-filter .btn-primary{    background-color: #23455f;    border-color: #23455f;    padding: 6px 30px;    border-radius: 20px;	 } .side-filter .panel-body{     border-top: #f5f5f5 1px solid;     padding-top: 10px;     padding-left: 15px;} .side-filter .panel-title{     font-size: 16px;     font-weight: 600;     color:#333;	 line-height: 40px;} .side-filter .panel-title:hover {     text-decoration: none;	 color:#23455f;}.side-filter a:hover{	text-decoration: none !important;}.fa.fa-plus{	font-size:12px;float:right;margin-top:15px;	} .side-filter .panel-body label {     font-size: 14px !important;} .side-filter .form-check-input {     border-radius: 50%;     border:1px solid #f00;} .checkbox-label .checkbox-custom.circular {     border-radius: 50%;     border: 2px solid #FFFFFF;} .checkbox-label input:checked ~ .checkbox-custom.circular {     background-color: #FFFFFF;     border-radius: 50%;     border: 2px solid #FFFFFF;} .checkbox-label input:checked ~ .checkbox-custom.circular::after {     border: solid #0067FF;     border-width: 0 2px 2px 0;} .checkbox-label .checkbox-custom.circular::after {     border-radius: 50%;} .checkbox-label .checkbox-custom.circular::before {     border-radius: 50%;     border: 2px solid #FFFFFF;} .checkbox-label input:checked ~ .checkbox-custom.circular::before {     border-radius: 50%;} .content-banner-image {     position: relative;     overflow: hidden;} .content-banner-image figure {     position: relative;     height: 450px;     overflow: hidden;     margin: 0 0 0 -15px;} .content-banner-image figure img{     position: absolute;     display: block;     top: 0;     left: 0;     width: 100%;    /*height: 100%;    */     -o-object-fit: cover;     object-fit: cover;     opacity: 1;} .list {    padding: 0px 10px;     margin-bottom:25px; }.item-list{	 background:#fbfbfb;	 /*border:1px solid #ececec;*/	 margin:0;	 box-shadow: 4px 10px 10px rgb(0 0 0 / 6%);} .product-detail{     align-items: center;     justify-content: center;     display: flex;}.product-detail h4 a{     font-size: 16px !important;	 line-height:20px;	 color:#333;}.product-detail h4 a:hover{     font-size: 16px !important;	 line-height:20px;	 color:#23455f;	 text-decoration:none;} .product-detail p{     font-size: 12px !important;	 line-height:20px;	 margin:0;} .card-text{     font-size:15px !important;} p, label, input {     font-size: 14px !important;} .blogs .card-body {     height:120px;} .blogs figure {     position: relative;     height: 150px;     overflow: hidden;     margin: 0px;} .blogs figure img{     position: absolute;     display: block;     top: 0;     left: 0;     width: 100%;     height: 100%;     -o-object-fit: cover;     object-fit: cover;     opacity: 1;} .card{     border: none !important;} .card-header, .card-footer {     background:#fff !important;} .card-footer {     border-top:none !important;} .navbar-nav .nav-item, .navbar-nav .nav-item>.dropdown-menu .dropdown-item {     font-size:15px !important;     text-transform: capitalize } .navbar-nav .nav-item>.dropdown-menu .dropdown-item{     display: block;     line-height: normal;     color: #454545;     font-family: inherit;     font-size: 16px;     padding: 0px 30px;     text-transform: inherit;     -webkit-transition: all 300ms ease;     -o-transition: all 300ms ease;     transition: all 300ms ease;     font-weight: 400;     text-shadow: none;} .navbar-nav .nav-item a{     color:#000 !important;     font-family: 'Poppins', sans-serif;     font-size: 16px;} .accordion .card .icon-outer {     position: absolute;     right: 30px;     top: 5px;     font-size: 18px;     line-height: 35px;     color: #fff;     text-align: center;     font-weight:700;     transition: all 500ms ease;     -moz-transition: all 500ms ease;     -webkit-transition: all 500ms ease;     -ms-transition: all 500ms ease;     -o-transition: all 500ms ease;} .accordion>.card {     margin: 10px 0;} .card-img-top {     border-radius:0 !important;} a{     transition: 0.5s all;     -webkit-transition: 0.5s all;     -o-transition: 0.5s all;     -moz-transition: 0.5s all;     -ms-transition: 0.5s all;} ul{     padding: 0;     margin: 0;}/*----*/ .top-header{     background:#fff;     text-align:right;     color:#fff;     padding: 0px 10px 0px 30px;} img.slideshow {     height:480px;} .top-header a{     color:#23455f;     margin: 0px 15px 0 15px;} .text-over-image {     margin: -150px 10px 0 10px;     color: #fff;     font-size: 32px;     text-shadow: #000000 2px 2px 10px;} img.hoverEffect:hover{     transform: scale(1.05,1.05) rotate(1deg);} #faq {     background-image: url('https://www.deltaformulations.com/images/background/faq-title-bg.jpg');     background-position: left top;     background-repeat: no-repeat;     height:280px;     display:flex;     flex-wrap: wrap;     align-items: center;     justify-content: left;     padding-left: 50px;     color:#fff;     text-shadow: 4px 4px 10px #000;} #blog {     background: radial-gradient(circle, black, white);     background-image: url('../images/3.jpg');     background-position: left top;     background-repeat: no-repeat;     height:280px;     display:flex;     flex-wrap: wrap;     align-items: center;     justify-content: left;     padding-left: 50px;     color:#fff;     text-shadow: 4px 4px 10px #000;} #news_page {     background: radial-gradient(circle, black, white);     background-image: url('../images/3.jpg');     background-position: left top;     background-repeat: no-repeat;     height:280px;     display:flex;     flex-wrap: wrap;     align-items: center;     justify-content: left;     padding-left: 50px;     color:#fff;     text-shadow: 4px 4px 10px #000;} .adv-icon {     width: 76px;     margin:10px 0;} .adv-box img {     margin: 0 auto;     align-content: center;     display: flex;} .adv-box div{    /*padding:5px;    */     border-bottom-left-radius: 25px;     border-top-right-radius: 25px;     border:1px solid #d5d5d5;     border-top:0;     border-bottom:7px solid #d5d5d5;     margin: 5px;     padding: 10px;     min-height: 250px;    /*box-shadow: 5px 5px 10px #000;    */} .zone-box div{     margin-top: 10px;    /*padding: 10px;    */} #myTabContent {     padding:10px;} .request-form {     background: #23455f;     color: #ffffff;     padding: 10px;     margin-bottom: 10px;} .request-form-message {     background: #23455f;     color: #ffffff;     padding: 10px;     margin-bottom: 10px;} .form-row{     margin: 10px 0;} .adv-box p {    /*text-align: justify;    */     font-size: 11px !important;} .itemContainer{     width:100%;     float:left;} .itemContainer div{     float:left;     margin: 5px 20px 5px 20px ;} .itemContainer a{     text-decoration:none;} .cartHeaders{     width:100%;     float:left;} .cartHeaders div{     float:left;     margin: 5px 20px 5px 20px ;} .item_add {     color: #fff;     border:none;} a.item_add {     text-decoration: none;} .grid_1 img{     margin-bottom:1em;} .box_1 h3{     color: #fff;     font-size: 14px;} .box_1 h3 img{     margin-left: 5px;} .box_1 p a{     color:#fff;     font-size: 12px;} .total {     display: inline-block;} .cart.box_1{     float: right;     margin-top: 2px;}/*----*/ .header {    /*border-bottom: 1px solid #000;    */     -webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);     box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);     position:relative;     z-index:9;} .header-top{     background: #000;     padding: 15px 0;} .search{     position:relative;     float: left;     width: 25%;     background-color: #fff;     margin-top: 11px;} .search input[type="text"] {     outline: none;     padding: 3px 15px;     background: none;     width: 91%;     border: none;     font-size: 14px;     color: #000;     font-weight: 700;} .search input[type="submit"] {     border: none;     cursor: pointer;     position: absolute;     outline: none;     top: 0px;     right: 0px;     background: #c7c7c7;     font-size: 14px;     color: #000;     padding: 3px;     font-weight: 700;} .search input[type="submit"]:hover {     background: #23455f;     color: #fff;     transition: 0.5s all;     -webkit-transition: 0.5s all;     -o-transition: 0.5s all;     -moz-transition: 0.5s all;     -ms-transition: 0.5s all;} .header-left{     float: right;     margin-top: 4px;} .header-left ul{     float: left;} .header-left ul li{     display: inline-block;} .header-left ul li a{     text-decoration: none;     color:#fff;     font-size: 14px;     margin: 0 2em 0 0;} .header-left ul li a:hover{     color: #23455f;} .logo{     float: left;} .head-top {     padding: 1em 0;}/* start menu */ .h_menu4 {     margin: 7px 0 0px;     float: right;} .h_nav h4{     border-bottom:1px solid rgb(236, 236, 236);     font-size: 14px;     color:#000;     line-height: 1.8em;     margin-bottom: 4%;} .h_nav h4.top{     margin-top:1%;} .h_nav ul li{     display: block;} .h_nav ul li a{     display: block;     font-size: 12px;     color: #000;     text-transform: capitalize;     line-height: 3em;     -webkit-transition: all 0.3s ease-in-out;     -moz-transition: all 0.3s ease-in-out;     -o-transition: all 0.3s ease-in-out;     transition: all 0.3s ease-in-out;} .h_nav ul li a:hover{     color:#23455f;     text-decoration:underline;}/*--banner--*/ .banner{     background: url(../images/1.jpg) no-repeat ;     background-size: cover;     width:100%;     min-height: 560px;     position: relative;}/*--- slider-css --*/ .rslides {     position: relative;     list-style: none;     overflow: hidden;     width: 100%;     padding: 0;     margin: 0;} .rslides li {     -webkit-backface-visibility: hidden;     position: absolute;     display: none;     width: 100%;     left: 0;     top: 0;} .rslides li:first-child {     position: relative;     display: block;     float: left;} .rslides img {     display: block;     height: auto;     float: left;     width: 100%;     border: 0;} .callbacks_tabs a:after {     content: "\f111";     font-size: 0;     font-family: FontAwesome;     visibility: visible;     display: block;     height: 10px;     width: 10px;     display: inline-block;     border: 1px solid #fff;     background:none;     border-radius:50px;} .callbacks_here a:after{     background:#fff;} .callbacks_tabs a{     visibility:hidden;} .callbacks_tabs li{     display:inline-block;} ul.callbacks_tabs.callbacks1_tabs {     position: absolute;     bottom: 14%;     z-index: 999;     left: 46%;} .callbacks_nav {     position: absolute;     -webkit-tap-highlight-color: rgba(0,0,0,0);     top: 38%;     left: 0;     opacity: 0.7;     z-index: 3;     text-indent: -9999px;     overflow: hidden;     text-decoration: none;     height: 35px;     width: 35px;     background: url("../images/img-sprite.png") no-repeat -13px -98px ;} .callbacks_nav.next {     left: auto;     background-position:-91px -98px;     right: 0;} .banner-text{     padding:10em 0 1em;     color:#fff;     width: 50%;} .banner-text h3 {     font-size: 3.2em;     font-weight: 800;     font-family: 'Poppins', sans-serif;     text-transform: uppercase;     letter-spacing: 6px;     line-height: 1.2em;} .banner-text p{     font-size: 14px;     margin: 0.3em 0 1em;} .banner-text a{     text-decoration: none;     color:#fff;     font-size: 14px;     background: #23455f;     padding: 0.4em 1em;     border-radius:5px;} .banner-text a:hover{     color: #23455f;     background: #fff;}/*--content-top--*/ .content-top h1{     color:#000;     font-size: 2.2em;     font-family: 'Poppins', sans-serif;     font-weight: 600;     margin-bottom: 0.5em;} .content-top {     text-align:center;     padding:4em 0;} .grid-top img{     width:100%;} .grid-top p{     font-size:15px;    ;     margin: 0.3em 0 0;     font-weight: 500;     text-transform: uppercase;} .grid-top p a{     color: #000;     text-decoration: none;} .grid-top p a:hover{     color: #23455f;} .grid-in {     padding: 2em 0 0;}/*--//content-top--*//*---content-middle--*/ .grid-mid{     position:relative;} .twit {     position: absolute;     top: 48%;     width:100%;     text-align:center;} .twit h4{     color: #fff;     font-size: 14px;     font-weight: 600;     margin: 0 auto;     text-transform: uppercase;     font-family: 'Poppins', sans-serif;} .grid-mid img{     width:100%;} .grid-middle {     padding: 2em 0 0;}/*--content-bottom--*/ .content-bottom ul li{     display:inline-block;     border:1px solid #eee;     float:left;     border-left: none;     width: 16.666%;} .content-bottom {     padding: 3em 0;}/*--//content--*/ .col-md2 {     padding: 30px 0 0;} .men1{     padding: 0 15px 0 0;} .men2{     padding: 0 0px 0 15px;} .content-top-bottom h2{     color: #000;     font-size: 2.2em;     font-family: 'Poppins', sans-serif;     font-weight: 600;     margin-bottom: 1.5em;     text-align: center;     text-transform: uppercase;} .b-link-stripe{     position:relative;     display:inline-block;     vertical-align:top;     font-weight: 300;     overflow:hidden;     width: 100%;} .b-link-stripe .b-wrapper{     position:absolute;     width:100%;     height:100%;     top:0;     left:0;     text-align:center;     color:#ffffff;     overflow:hidden;} .b-animate-go{     text-decoration:none;} .b-animate{     transition: all 0.5s;     -moz-transition: all 0.5s;     -ms-transition: all 0.5s;     -o-transition: all 0.5s;     -webkit-transition: all 0.5s;     visibility: hidden;     font-size: 14px;     font-weight:700;} .b-animate img{     margin-top: 4%;     display: -webkit-inline-box;} .b-animate span{     display:block;     font-size: 14px;     padding-top: 5em;     display: block;     font-weight: 500;}/* lt-ie9 */ .b-animate-go:hover .b-animate{     visibility:visible;} .b-from-left{     position: relative;     left: -100%;     background: rgba(239, 95, 33, 0.64);     background-size: 100% 100%;     top: 0px;     margin: 0;     min-height: 356px;} .grid-top:hover .b-from-left{     left:0;} .grid-top{     position: relative;}/*----*/ .col-md1 {     position: relative;} .b-from-top{     position: relative;     top: -100%;     background: rgba(239, 95, 33, 0.64);     background-size: 100% 100%;     margin: 0;     min-height: 429px;} .col-md1:hover .b-from-top{     top:0;} .men:hover .b-from-top{     top:0;} .men1:hover .b-from-top{     top:0;} .men2:hover .b-from-top{     top:0;} .top-in1{     min-height: 204px;} .top-in1 span{     padding: 3em 0 0;} .top-in2 span{     padding: 2.8em 0 0;} .top-in2{     min-height: 196px;} .top-in span{     padding: 6em 0 0;}/*----*/ .content-grid{     position: absolute;     top:0;     display: none;     text-align: center;     width: 100%;} .content-grid h5{     color:#fff;     font-size: 14px;} .men{     position: relative;} .men:hover .content-grid{     display: block;}/*--//content--*//*--footer--*/ .footer{     background:#303339;}.amet-sed {    padding-bottom: 15px;} .amet-sed h4{     font-size:15px;     color: #fff;     font-family: 'Merriweather', serif;     margin: 0 0 2em;     text-transform: uppercase;     font-weight: normal;}.amet-sed h4:before {    position: absolute;    content: '';    left: 15px;    top: 30px;    height: 1px;    width: 50px;    background-color: #fff;}.amet-sed p {    color: #909896;    font-size: 14px !important;    margin: 0 0 0.3em;} .footer-top-at {     padding: 50px 0 0;} ul.nav-bottom li{     list-style:none;} ul.nav-bottom li a{     text-decoration:none;     color:#989696;     font-size: 14px !important;     display: inline-block;     margin: 0.2em 0;	 line-height:26px;	 transition: all 0.3s ease 0s;} ul.nav-bottom li a:hover{     color:#23455f;	 margin-left:5px;} .amet-sed p{     color:#989696;     font-size: 14px !important;     margin: 0 0 0.3em;}.footer-class {    border-top: 1px solid rgba(255,255,255,.25);    padding: 15px 0;    display: flex;} .footer-class p{     color:#909896;     font-size: 14px;	 margin:0;	 padding:15px 0;}.footer-class .copyright {    text-align: left;}.footer-class .social-icons-footer {    text-align: right;} .footer-class p a{     color:#23455f;     text-decoration:none;} .footer-class p a:hover{     color:#fff;} .amet-sed form{    /*padding:1em 0 0;    */} .amet-sed input[type="text"], .amet-sed input[type="submit"] {     width: 69%;     padding: 0.5em;     outline: none;     color: #000;     font-size: 12px;     background: #fff;     border: none;} .amet-sed input[type="submit"] {     width: 20%;     color: #FFF;     font-size: 12px;     background:#23455f;     border: none;     outline:none;     padding: 0.5em;} .amet-sed input[type="submit"]:hover {     background: #fff;     color:#23455f;} ul.social{     padding:15px 0;} ul.social li{     display: inline-block;} ul.social li i{     background: url(../images/img-sprite.png)no-repeat -9px -14px ;     width: 24px;     height: 24px;     display: inline-block;     vertical-align: middle;     margin: 0 5px 0 0;} ul.social li i.twitter{     background-position: -43px -14px;} ul.social li i.rss{     background-position: -77px -14px;} ul.social li i.gmail{     background-position:-110px -14px;} ul.social li i:hover{     transform: rotate(360deg);     -webkit-transform: rotate(360deg);     -moz-transform: rotate(360deg);     -o-transform: rotate(360deg);     -ms-transform: rotate(360deg);     transition: 0.5s all ease;     -webkit-transition: 0.5s all ease;     -moz-transition: 0.5s all ease;     -o-transition: 0.5s all ease;     -ms-transition: 0.5s all ease;}/*--//footer--*//*--contact--*/ .contact {     padding: 3em 0 ;} .contact h1{     font-size: 3em;     font-family: 'Poppins', sans-serif;     color:#000;     text-align: center;     font-weight: 600;} .map iframe{     width: 100%;     height:150px;     border:none;     padding: 0 15px;}.breadcrumb{margin-bottom:0px !important;} .contact-grid input[type="text"],.contact-grid textarea,.contact-grid select,.contact-grid input[type="email"],.contact-grid input[type="number"]{     width: 100%;     padding: 1.3em;     margin: 0.5em 0;     background:none;     outline:none;     border: 1px solid #eee;     font-size:1em;     color:#A09F9F;     -webkit-appearance: none;} .contact-grid textarea{     resize:none;} .send input[type="submit"]{     width: 14%;     font-size:15px;     background:#23455f;     padding: 0.4em 0.8em;     text-align: center;     color: #fff;     border: none;     outline:none;     -webkit-appearance: none;} .send input[type="submit"]:hover{     background:#2d2d2d;} .contact-form {     padding: 3em 0;} .address-more {     padding: 0 0 2em;} .contact-in p{     font-size:1em;     color: #626262;     width: 100%;     line-height: 1.7em;} .address-more h4{     color:#000;     font-size:1.4em;     font-family: 'Poppins', sans-serif;     margin: 0 0 0.3em;     font-weight: 600;} .address-more p a{     text-decoration:none;     color: #626262;} .address-more p a:hover{     color: #23455f;}/*--//contact--*//*--blog--*/ .grid_3{     position:relative;} .blog-poast-admin {     position: absolute;     bottom:8.6em;     left: 1.2em;} .blog-poast-info {     padding: 0.8em 0em;} .blog-poast-info ul li {     display:inline-block;     padding: 0 0.3em;} .blog-poast-info ul li span{     color: #000;     font-size:1em;} .blog-poast-info ul li a {     color: #000;     font-size:1em;} .blog-poast-info ul li a:hover{     text-decoration:none;} .blog-poast-info ul li a:hover {     text-decoration:none;     color:#23455f;} .blog-poast-info ul li i {     width: 20px;     height: 20px;     background: url(../images/img-sprite.png) no-repeat -150px -104px ;     display: inline-block;     vertical-align: sub;     margin: 0 3px 0 0;} .blog-poast-info ul li i.date {     background-position: -186px -104px;} .blog-poast-info ul li i.comment {     background-position:-226px -101px;} .blog {     padding: 4em 0;} .grid_3 p {     color: #626262;     font-size: 12px;     line-height:1.5em;} .grid_3 h3{     text-transform:uppercase;     font-size: 14px;     margin-bottom:1em;} .grid_3 h3 a{     color:#000;     text-decoration: none;} .grid_3 h3 a:hover {     color: #23455f;} .button {     margin-top: 20px;} .button a {     color:#fff;     font-size: 12px;     text-transform: uppercase;     background: #23455f;     padding: 0.4em 1em;     text-decoration: none;     text-decoration:none;} .button a:hover{     color:#fff;     background: #000 } .grid_3{     margin-bottom:3em;} p.m_10 {     font-size: 0.85em;     color: #555;     line-height: 1.8em;     padding: 2% 0;} p.m_11 {     font-size: 0.85em;     color: #555;     line-height: 1.8em;} .blog h1 {     font-size: 3em;     font-family: 'Poppins', sans-serif;     color: #000;     text-align: center;     font-weight: 600;     margin: 0 0 1em;}/*--//blog--*//*--product--*/ .tags ul li {     display: inline-block;     float:left;     width: 22.8%;     margin: 0.5em 2% 0 0;     text-align: center;} .tags li a {     font-size: 12px;     display:block;     padding: 0.3em 0.4em;     text-decoration: none;     color: #000;     border: 1px solid #000;} .tags li a:hover {     color: #fff;     background:#23455f;     border: 1px solid #23455f;} .tags ul li:nth-child(4),.tags ul li:nth-child(8),.tags ul li:nth-child(12){     margin:0.5em 0 0;}/*----*/ h3.cate {     color: #000;     border-bottom: 1px solid #000;     width: 69%;     font-size: 14px;     font-family: 'Poppins', sans-serif;} .of-left{     border-bottom: 1px solid #000;} .product-go {     margin-top: 2em;} .product {     padding: 4em 0;} .bottom-product {     margin-bottom: 2em;} nav.in{     text-align: center;} .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {     color: #fff;     background-color:#23455f;     border-color: #23455f;} .pagination > li > a, .pagination > li > span {     color: #000;}/*----*/ ul.kid-menu{     display: block !important;} .menu {     width: auto;     height: auto;     padding: 0;     list-style: none;     margin: 1.5em 0;} .menu > li > a {     width: 100%;     margin: 0.3em 0;     display:inline-block;     position: relative;     color: #000;     font-size:15px;    ;     text-decoration:none;} .menu > li > a:hover{     color:#23455f;} .menu ul li a {     width: 100%;     display: inline-block;     position: relative;     font-size: 14px;     margin:0.3em 0;     color: #000;     text-decoration:none;     text-indent: 1.2em;} .menu ul li a:hover{     color:#23455f;} ul.kid-menu li,.menu ul li{     list-style: none;} .sellers {     padding: 2em 0;} .tags {     padding: 1.5em 0 0;} h3.best {     color: #000;     border-bottom: 1px solid #000;     width: 81%;     font-size: 14px;     font-family: 'Poppins', sans-serif;} .pagination > .active > a, .pagination > .active > a:hover {     background: #23455f;     border-color: #23455f;}/*----*/ .product-middle{     background: url(../images/product1.jpg) center;     width: 100%;     min-height: 45px;     display: block;     background-size: cover;} .fit-top{     width: 100%;     padding: 1em 1em;} h6.shop-top{     font-size: 14px;     font-weight:300;     float:left;     color: #fff;     margin-top: 0.3em;} a.shop-now{     font-size:15px;    ;     float: right;     text-decoration: none;     border: 1px solid #ffffff;     padding: 0.2em 0.4em;     color:#fff;} a.shop-now:hover{     border: 1px solid #23455f;     background:#23455f;} h3.tag {     color: #000;     border-bottom: 1px solid #000;     width: 32%;     font-size: 14px;     font-family: 'Poppins', sans-serif;} .of-left-in{     border-bottom: 1px solid #000;}/*----*/ .fashion-grid{     float:left;     width: 24%;} .fashion-grid1{     float: right;     width: 68%;} h6.best2 {     font-size: 12px;     font-family: 'Poppins', sans-serif;     line-height: 1.3em;} h6.best2 a{     color:#000;     text-decoration: none;} h6.best2 a:hover{     color:#23455f;} span.price-in1 {     font-size: 1.7em;     padding: 0.3em 0 0;     display: block;     color:#23455f;} span.price-in1 small {     text-decoration: line-through;} .six1{     position: absolute;     top:0;     font-weight: 100;     padding: 4em 1em 0;     width: 100%;     height: 100%;     text-align: center;} .six1 h4{     font-size:2.5em;     color:#23455f;     font-weight: 100;} .six1 p{     font-size:2em;     color:#23455f;     margin: 0.5em 0 0;} .six1 span{     font-size:6em;     color:#23455f;     font-weight: 100;     font-family: 'Poppins', sans-serif;} .per1 {     position: relative;     margin: 2em 0;}/*---*/ a.item_add p.number{     font-size:15px;    ;     color: #FFF;     text-align: center;     background: #23455f;     padding: 0.5em 1em;} a.item_add p.number:hover{     background: #000;     transition: 0.5s all;     -webkit-transition: 0.5s all;     -o-transition: 0.5s all;     -moz-transition: 0.5s all;     -ms-transition: 0.5s all;} a.item_add p.number i{     background: url(../images/img-sprite.png)no-repeat -291px -104px ;     width: 18px;     height: 18px;     display: inline-block;     vertical-align: middle;     margin: 0 5px 0 0;} p.tun{     font-size:1em;     color: #949494;     text-align: center;     line-height: 1.3em;     padding: 1em 0;} .product-at{     position: relative;} .product-at:hover .pro-grid{     display:block;} .product1 {     padding: 0;} .pro-grid{     text-align:center;     position:absolute;     top:0;     width:100%;     height:100%;     display:none;     padding: 8em 0 0;} .pro-grid span{     text-decoration:none;     color:#fff;     font-size: 14px;     font-weight:600;     background:#23455f;     padding: 0.5em 1.5em;     text-transform: uppercase;} .pro-grid span:hover{     background:#fff;     color:#23455f;}/*--//product--*//*--single--*/ ul.star-footer li{     display:inline-block;} ul.star-footer li i{     height: 16px;     width: 16px;     background: url("../images/img-sprite.png") no-repeat -261px -106px ;     display: inline-block;} .single-para h4 {     color: #000;     font-size: 3em;     font-family: 'Poppins', sans-serif;} .single-para p {     font-size: 12px;     color: #2c3e50;     font-family: 'Poppins', sans-serif;     line-height: 1.8em;     margin: 1em 0;} .single-para h5 {     color: #23455f;     font-size: 14px;     border-bottom: 1px solid #C4C3C3;     padding: 0.3em 0;} .available ul li{     list-style:none;     padding:0 0.5em 0 0;     color:#4c4c4c;     font-size: 14px;     float:left;     width:100%;     font-family: 'Poppins', sans-serif;     margin: 0.5em 0;} .available ul li select {     outline: none;     padding: 12px;     border: none;     background: #eeeeee;     width: 77%;     margin-left: 13%;     cursor:pointer;} .available ul li.size-in select {     margin-left: 16%;} .available {     padding: 1em 0;} ul.tag-men {     padding:0.3em 0;     border-top: 1px solid #C4C3C3;     border-bottom: 1px solid #C4C3C3;} ul.tag-men li{     list-style:none;     color:#000;     font-family: 'Poppins', sans-serif;     margin: 0.3em 0;     font-size:15px;    ;} ul.tag-men li span.women1{     margin-left: 9em;} a.add-cart {     text-decoration: none;     color: #fff;     background: #23455f;     padding: 0.4em 0.8em;     font-size:15px;    ;     text-transform: uppercase;     margin-top: 2em;     display: inline-block;} a.add-cart:hover {     background:#000;} h3.real{     color: #000;     border-bottom: 1px solid #000;     margin: 0 0.5em 1em;     font-size: 14px;     font-family: 'Poppins', sans-serif;}/*----*/ .star-on {     padding: 1em 0;} .star-on ul {     float:left;} .star-on ul li{     vertical-align: sub;} .review{     float:left;     padding: 0 1em;} .star-on a{     text-decoration:none;     font-size:1em;     color:#000;} .star-on a:hover{     color:#23455f;}/*----*/ .cd-tabs-navigation {     width: 100%;} .cd-tabs-navigation li {     display: inline-block;     list-style:none;} .cd-tabs-navigation a {     position: relative;     display: block;     text-align: center;     -webkit-font-smoothing: antialiased;     -moz-osx-font-smoothing: grayscale;     font-size: 14px;     color:#000;     background:#eee ;     padding:10px 16px;     font-family: 'Poppins', sans-serif;     text-decoration: none;} .cd-tabs-navigation a.selected {     background:#23455f;     color:#fff;} .cd-tabs-content li {     display: none;} .cd-tabs-content li.selected {     display: block;     -webkit-animation: cd-fade-in 0.5s;     -moz-animation: cd-fade-in 0.5s;     animation: cd-fade-in 0.5s;} .cd-tabs.is-ended {     margin: 3em 0 1em;     padding: 0 1em;} .facts{     padding: 1em 0;} .facts p{     color:#999;     font-size:1em;     line-height:1.7em;     padding:0 0 1em;     font-family: 'Poppins', sans-serif;} .facts ul li{     list-style:none;     color:#767676;     font-size:1em;     padding:0.3em 0;} .color {     background:#eee;     margin: 1em 0;     padding: 1em;} .color p,.color span{     color:#000;     font-size:1em;     font-family: 'Poppins', sans-serif;     float: left;} .color p{     width:40%;} .top-comment-left{     float: left;     width: 13%;} .top-comment-right{     float: left;     width:84%;     margin-left:1em;     background:#f8f8f8;     padding:2em ;} .top-comment-right h6{     color:#000;     font-size: 12px;     font-family: 'Poppins', sans-serif;} .top-comment-right p{     color:#000;     font-size:1em;     margin: 1em 0em 0 1em;} a.add-re{     text-decoration: none;     color: #fff;     background: #23455f;     padding: 0.4em 0.8em;     font-size: 12px;     text-transform: uppercase;     margin-top: 2em;     display: inline-block;} a.add-re:hover{     background: #000;} .top-comment-right h6 a{     color:#000;     font-size:1.5em;     text-decoration:none;} .comments-top-top {     margin: 2em 0;}/*--//single--*/ .register {     padding: 4em 0 ;}/*--register--*/ .register h1{     font-size: 3em;     font-family: 'Poppins', sans-serif;     color: #000;     text-align: center;     font-weight: 600;     margin-bottom: 1em;} .register-top-grid h3, .register-bottom-grid h3 {     font-size:15px;    ;     font-family: 'Poppins', sans-serif;     color: #000;     margin-bottom: 0.5em;     text-transform: uppercase;     font-weight: 600;} .register-top-grid span, .register-bottom-grid span {     font-size: 12px;     display: block;     color: #A09F9F;} .register-top-grid input[type="text"], .register-bottom-grid input[type="password"] {     width: 100%;     padding: 1em;     margin: 1em 0;     background: none;     outline:none;     border: 1px solid #A09F9F;     -webkit-appearance: none;} .checkbox {     margin-bottom: 4px;     padding-left: 27px;     line-height: 27px;     cursor: pointer;     float: left;     position: relative;} .news-letter {     color: #23455f;     font-size: 12px;     margin-bottom: 1em;     display:inline-block;     text-transform: uppercase;     transition: 0.5s all;     -webkit-transition: 0.5s all;     -moz-transition: 0.5s all;     -o-transition: 0.5s all;     font-weight:400;} .checkbox i {     position: absolute;     bottom: 5px;     left: 0;     display: block;     width:20px;     height:20px;     outline: none;     border: 2px solid #23455f;} .checkbox input + i:after {     content: '';     background: url("../images/tick1.png") no-repeat 1px 2px;     top: -1px;     left: -1px;     width: 15px;     height: 15px;     font: normal 12px/16px FontAwesome;     text-align: center;} .checkbox input + i:after {     position: absolute;     opacity: 0;     transition: opacity 0.1s;     -o-transition: opacity 0.1s;     -ms-transition: opacity 0.1s;     -moz-transition: opacity 0.1s;     -webkit-transition: opacity 0.1s;} .checkbox input {     position: absolute;     left: -9999px;} .checkbox input:checked + i:after {     opacity: 1;} .news-letter:hover {     color:#000;} .register-bottom-grid input[type="submit"] {     background: #23455f;     padding: 0.4em 1em;     color: #fff;     font-size: 14px;     transition: 0.5s all;     -webkit-transition: 0.5s all;     -moz-transition: 0.5s all;     -o-transition: 0.5s all;     display: inline-block;     border:none;     outline:none;} .register-bottom-grid input[type="submit"]:hover{     background:#000;}/*--//register--*//*--account--*/ .account h1{     font-size: 3em;     font-family: 'Poppins', sans-serif;     color: #000;     text-align: center;     font-weight: 600;     margin-bottom: 1em;} .account-top span{     font-size:1em;     display: block;     padding: 0 0 0.5em;     color:#A09F9F;} .account-top div{     padding:0.5em 0;} .account-top input[type="text"], .account-top textarea,.account-top input[type="password"]{     padding:1em;     width:100%;     background:none;     border: 1px solid #A09F9F;     outline:none;     font-size:1em;} .account-top textarea{     resize:none;     height:60px;} .account-top input[type="submit"]{     outline:none;     padding:7px 20px;     color:#FFF;     cursor:pointer;     background:#23455f;     border:none;     width:20%;     margin:1em auto 0;     transition: 0.5s all;     -webkit-transition: 0.5s all;     -o-transition: 0.5s all;     -moz-transition: 0.5s all;     -ms-transition: 0.5s all;     font-size:15px;    ;} .account-top input[type="submit"]:hover{     background:#000;} .account{     padding: 4em 0;} .five {     background: #fff;     border-radius: 100px;     border: 2px solid #23455f;     width: 100px;     height: 100px;     position: absolute;     top: 1%;     right: 8%;     padding: 2em 0 0;     text-align: center;} .five span {     font-size: 12px;     color: #23455f;} .five h2 {     font-size:15px;    ;     font-weight: 700;     color: #000;} a.create {     text-decoration: none;     color: #fff;     padding: 7px 20px;     background: #23455f;     text-align: center;     display: block;} .left-account img{     width:100%;}/*--single--*/ .single-bottom h3 {     font-size: 3em;     font-family: 'Poppins', sans-serif;     color: #000;     text-align: center;     font-weight: 600;     margin-bottom: 0.7em;} .single-bottom {     padding: 0em 0 4em;} .single-bottom input[type="text"], .single-bottom textarea {     width: 100%;     padding: 1em;     background: none;     outline: none;     border: 1px solid #A09F9F;     font-size: 12px;     color:#A09F9F;     -webkit-appearance: none;     margin: 0 0 1em;} .single-bottom input[type="submit"]{     width: 10%;     font-size: 1.3em;     background: #23455f;     padding: 0.4em 0.8em;     text-align: center;     color: #fff;     border: none;     outline:none;     -webkit-appearance: none;} .single-bottom input[type="submit"]:hover{     background:#000;} .single-bottom textarea {     resize:none;     min-height:180px;     margin: 0em 0em 1em;     width: 100%;}/*--//single--*//*--checkout--*//*-- .cart h3{     font-size:1.5em;} --*/ .cart-sec{     margin-bottom:3em;} .cart-item{     width:20%;     float:left;     margin-right:5%;} .cart-item img{     width:100%;} .cart-item-info{     width:75%;     float:left;} .check{     padding:4em 0;} .cart-item-info h3{     font-size:1em;     font-weight:600;} .cart-item-info h3 a{     color:#000;} .cart-item-info h3 span{     display:block;     font-weight:400;     font-size: 0.85em;     margin: 0.7em 0;} .size_3 {     width:100%;} .delivery {     margin-top: 3em;} .delivery p {     color: #A6A6A6;     font-size: 12px;     font-weight: 400;     float: left;} .delivery span {     color: #A6A6A6;     font-size: 12px;     font-weight: 400;     float: right;} .cart-item-info h4 span{     font-size:0.65em;     font-weight:400;} .close1,.close2{     background: url('../images/close_1.png') no-repeat 0px 0px;     cursor: pointer;     width: 28px;     height: 28px;     position: absolute;     right: 0px;     top: 0px;     -webkit-transition: color 0.2s ease-in-out;     -moz-transition: color 0.2s ease-in-out;     -o-transition: color 0.2s ease-in-out;     transition: color 0.2s ease-in-out;} .cart-header {     position: relative;} .cart-header2 {     position: relative;} a.order {     background:#23455f;     padding: 10px 20px;     font-family: 'Poppins', sans-serif;     font-size: 12px;     color: #fff;     text-decoration: none;     display: block;     font-weight: 600;     text-align: center;     margin:3em 0;} a.order:hover{     background:#000;} .total-item,.cart-items{     margin-top:0em;     padding-bottom:2em;} .total-item h3 {     color: #333;     font-size:15px;    ;     margin-bottom: 1em;} .total-item h4{     font-size: 12px;     font-weight:600;     color:#9C9C9C;     display:inline-block;     margin-right:6em;} a.cpns{     background:#23455f;     color:#fff;     font-family: 'Poppins', sans-serif;     padding: 10px;     font-size: 12px;     font-weight:600;} a.cpns:hover{     background: #000;} .total-item p{     font-size:15px;    ;     font-weight:400;     margin-top:1em;} .total-item p a{     color:#727272;} .total-item p a:hover{     color:#000;     text-decoration:underline;} a.continue{     background:#23455f;     padding:10px 20px;     font-family: 'Poppins', sans-serif;     font-size:1em;     color:#fff;     text-decoration:none;     display: block;     font-weight: 600;     text-align: center;     margin-bottom:2em;} a.continue:hover{     background:#000;} ul.total_price{     padding: 0;     margin: 1em 0 0 0;     list-style: none;} ul.total_price li.last_price{     width: 50%;     float: left;} ul.total_price li.last_price span{     font-size:15px;    ;     color: #000;} .price-details{     border-bottom: 1px solid #DDD9D9;     padding-bottom: 10px;} .price-details h3{     color:#000;     font-size: 14px;     margin-bottom:1em;} .price-details span{     width: 50%;     float: left;     font-size: 0.8125em;     color: #000;     line-height: 1.8em;} .check h1 {     font-size:15px;    ;     margin-bottom:2em;     font-family: 'Poppins', sans-serif;} a.item_add1 {     border-top-left-radius: 0;     border-top-right-radius: 0;     border-top-right-radius: 0;     border-bottom-left-radius: 0;     border-bottom-right-radius: 0;     border-top-left-radius: 0;     border-bottom-left-radius: 0;     padding: 10px 15px;     background: url(0) #f54d56;} a.item_add1:hover{     background:rgb(3, 193, 167);     text-decoration:none;     color:#fff;} .btn_5{     padding:25px 40px;     font-size: 14px;} ul.qty{     padding:0;     margin:0;     list-style:none;} ul.qty li{     display: inline-block;     margin-right: 10%;} ul.qty li p{     font-size:15px;     color:#555;}/*--responsive--*/ @media (min-width: 1366px) {     .container, .container-lg, .container-md, .container-sm, .container-xl {         max-width: 1250px;    }} @media(max-width:1366px){} @media(max-width:1280px){} @media(max-width:1024px){     .banner-text {         width: 70%;         margin: 0 0 0 3em;    }     .banner {         min-height: 492px;    }     .b-animate span {         padding-top: 4em;    }     .b-from-left {         min-height: 288px;    }     .top-in span {         padding: 5em 0 0;    }     .b-from-top {         min-height: 350px;    }     .top-in1 span {         padding: 2.3em 0 0;    }     .top-in1 {         min-height: 166px;    }     .top-in2 span {         padding: 2em 0 0;    }     .top-in2 {         min-height: 157px;    }    /*--banner--*/     h6.shop-top {         font-size: 15px;    }     .tags li a {         font-size: 15px;    }     h3.best,h3.tag,h3.cate {         font-size: 1.7em;    }     h6.best2 {         font-size: 15px;         font-family: 'Poppins', sans-serif;         line-height: 1.3em;    }     .six1 {         padding: 2em 1em 0;    }    /*--single--*/     .single-top {         width: 48%;    }     .single-top-in {         width: 52%;    }     .available ul li select {         margin-left: 9%;    }     .available ul li.size-in select {         margin-left: 13%;    }} @media(max-width:768px){     .navbar-toggler {         border:0px;         width:100%;		 padding:0;    }	.navbar-light .navbar-toggler:focus{		outline:none;	}	.navbar-light .navbar-toggler:focus-visible{		background:transparent !important;	}     .navbar-toggler-icon{         float:left;		 margin-top:10px;    }     a.navbar-brand {         float: right;         margin-left: 50px;         padding: 0px;         margin-top: 0px !important;    }	.partition{		margin-bottom: 15px;	}     .newsletter-img {         width: 100%;         height: 230px;    }     .navbar-light .navbar-brand {         margin-right:100px;    }     .top-nav {        position: absolute;		top: 60px;		padding: 15px;		margin: 0px 15px;		width: 100%;		right: 0px;		z-index: 99;		background: #23455f;    }	.navbar-nav .nav-item a{	color:#fff !important;		}	.navbar-nav .nav-item .dropdown-menu{	background-color:transparent !important;	border:none !important;	border-radius:opx !important;	}	.navbar-nav .nav-item .dropdown-menu li{		padding:6px 0;	}     .page-top-image {         width:100%;         height:200px;    }     .text-over-image {         margin: -100px 10px 0 10px;         color: #fff;         font-size: 18px;         text-shadow: #6bb381 2px 2px 10px;    }     .content-image {         width:100%;         height:150px;    }     .news-image {         width:100%;         height:150px;    }     .meetbox:first-child {         margin-left: 0px;		 margin-bottom:20px;    }     .meetbox {         padding:10px auto !important;         background: #f5f3f3;    }     img.slideshow {         height:auto;         width:100% !important;    }     #blog {         height:200px;         width:100% !important;    }     #faq {         height:200px;         width:100% !important;    }     .h_menu4 {         width: 50%;    }     .banner-text {         width: 90%;         margin: 0 0 0 3em;    }     .banner-text h3 {         font-size: 2.5em;    }     .grid-top {         float: left;         width: 33.3%;    }     .grid-mid {         float: left;         width: 50%;    }     .twit {         top: 45%;    }     .amet-sed {         margin-bottom: 2em;    }     .footer-top-at {         padding: 3em 0px 2em;    }     .men img,.col-md1 img,.men1 img,.men2 img{         width:100%     }     .men1,.men2 {         float: left;         width: 50%;    }     .b-from-left {         min-height: 213px;    }     .b-from-top {         min-height: 553px;    }     .b-animate span {         padding-top: 3em;    }     .top-in span {         padding: 8em 0 0;    }     .top-in1 {         min-height: 261px;    }     .top-in1 span {         padding: 3.3em 0 0;    }     .top-in2 {         min-height: 254px;    }     .top-in2 span {         padding: 3.5em 0 0;    }    /*--contact--*/     .contact-in {         margin: 1em 0 0;    }    /*--blog--*/     .grid_3 {         float: left;         width: 50%;    }     .grid-1{         float:none;         width:100%;    }    /*--product--*/     .bottom-cd{         float:left;         width:33.3%;    }     .product-price {         width: 50%;    }     .six1 {         width: 87%;         padding: 4.5em 1em 0;    }    /*--single--*/     .single-top-in {         width: 100%;         margin-left: 0%;         float: left;    }     .single-top {         width: 100%;    }     .single-para h4 {         font-size: 14px;    }     .available ul li select {         margin-left: 14.5%;    }     .available ul li.size-in select {         margin-left: 16.5%;    }     .left-account {         margin-top: 2em;    }     a.cpns {         padding: 7px;         font-size: 0.7em;    }     .men {         margin-bottom: 2em;    }} @media(max-width:640px){     .banner-text {         padding: 7em 0 1em;    }     .grid-top p {         font-size: 15px;    }     .pro-grid {         padding: 5.5em 0 0;    }     .blog {         padding: 2em 0;    }     .contact {         padding: 2em 0;    }     .account {         padding: 2em 0;    }     .register {         padding: 2em 0;    }     .b-animate span {         padding-top: 2.5em;    }     .banner {         min-height: 400px;    }     ul.callbacks_tabs.callbacks1_tabs {         left: 42%;    }     .b-from-left {         min-height: 170px;    }     .top-in span {         padding: 6.5em 0 0;    }     .b-from-top {         min-height: 448px;    }     .top-in1 {         min-height: 214px;    }     .top-in1 span {         padding: 3em 0 0;    }     .top-in2 span {         padding: 3em 0 0;    }     .top-in2 {         min-height: 204px;    }} @media(max-width:480px){     .search {         display: none;    }     .header-left {         float: none;         margin-top: 0px;         text-align: center;    }     .banner-text h3 {         font-size:15px;        ;    }     .banner-text p {         font-size: 15px;    }     .banner {         min-height: 294px;    }     .banner-text {         padding: 3em 0 1em;    }     .grid-top {         width: 100%;         margin-bottom: 1em;    }     .grid-top p {         font-size:15px;        ;    }     .content-top {         padding: 2em 0;    }     .grid-in {         padding: 0em 0 0;    }     .content-bottom ul li {         border: none;         width: 33%;    }     .product-price {         width: 63%;    }     .banner-text {         margin: 0 0 0 2em;    }     .pro-grid span {         font-size: 15px;    }     .pro-grid {         padding: 3.5em 0 0;    }     a.item_add p.number {         font-size: 15px;    }     .b-from-left {         min-height: 440px;    }     .b-animate span {         padding-top: 6em;    }     .top-in span {         padding: 4.5em 0 0;    }     .b-from-top {         min-height: 321px;    }     .top-in1 span {         padding: 2em 0 0;    }     .top-in1 {         min-height: 154px;    }     .top-in2 span {         padding: 1.5em 0 0;    }     .top-in2 {         min-height: 144px;    }    /*--single--*/     .cd-tabs-navigation a {         font-size: 15px;    }     .top-comment-right {         width: 81%;    }     .grid_3 {         float: left;         width: 100%;    }     .blog h1 {         font-size: 14px;         margin: 0 0 0.5em;    }     .single-bottom h3 {         font-size: 14px;    }     .single-bottom input[type="submit"] {         width: 18%;    }     .contact h1 {         font-size: 14px;    }     .contact-form {         padding: 1em 0;    }     .account h1 ,.register h1 {         font-size: 14px;         margin-bottom: 0.3em;    }     .register-top-grid h3, .register-bottom-grid h3 {         font-size:15px;        ;    }} @media(max-width:320px){     .logo {         width: 45%;    }     .logo img{         width: 100%;    }} @media(max-width:320px){     .header-left ul li a {         margin: 0 1em 0 0;         font-size: 15px;    }     .box_1 h3 {         font-size: 15px;    }     .header-top {         padding: 10px 0;    }     .logo {         width: 41%;    }     .h_menu4 {         margin: 1px 0 0px;    }     .logo img{         width:100%;    }     .head-top {         padding: 0.6em 0;    }     .banner-text h3 {         font-size: 12px;         line-height:1.5em;         letter-spacing: 3px;         margin-bottom: 0.2em;    }     .banner-text p {         font-size: 12px;    }     .banner-text a {         font-size: 12px;         padding: 0.3em 0.5em;    }     .banner {         min-height: 158px;    }     .content-top h1 {         font-size: 1.3em;         margin-bottom: 0.8em;    }     .grid-mid {         padding: 5px;    }     .twit h4 {         font-size: 12px;    }     .amet-sed {         margin-bottom: 1em;         padding: 0;    }     .amet-sed h4 {         font-size:15px;        ;         margin: 0 0 0.3em;    }     ul.nav-bottom li a {         font-size: 12px;    }     .amet-sed input[type="submit"] {         width: 24%;    }     .content-bottom {         padding: 1em 0;    }     .grid-middle {         padding: 0.1em 0 0;    }     .content-top {         padding: 1em 0 0;    }     .grid-top p {         font-size:15px;        ;    }     .banner-text {         padding: 1.5em 0 1em;         margin: 0 0 0 1em;    }     ul.callbacks_tabs.callbacks1_tabs {         left: 36%;    }     .banner {         min-height: 203px;    }     ul.callbacks_tabs.callbacks1_tabs {         bottom: 8%;    }     .box_1 p a {         font-size: 12px;    }     .header-left ul {         margin-top: 13px;    }     .content-top-bottom h2 {         font-size:15px;        ;         margin-bottom: 1em;    }     .men {         margin-bottom: 1em;    }     .col-md2 {         padding: 15px 0 0;    }     .product {         padding: 2em 0;    }     .product-price {         width: 100%;         padding: 0;    }     .bottom-cd {         padding: 0 3px;    }     p.tun {         font-size: 12px;    }     a.item_add p.number {         font-size: 12px;         padding: 0.5em 0.5em;    }     .pro-grid span {         font-size: 12px;         padding: 0.4em 0.8em;    }     .pro-grid {         padding: 2.5em 0 0;    }     .bottom-product {         margin-bottom: 1em;    }     .pagination {         margin: 10px 0 0;    }     .footer-top-at {         padding: 2em 0px 2em;    }     .grid_3 {         padding: 0;    }     .blog-poast-info ul li a,.blog-poast-info ul li span{         font-size: 12px;    }     .grid_3 {         margin-bottom: 1em;    }     .single-bottom h3 {         font-size:15px;        ;    }     .single-bottom input[type="text"], .single-bottom textarea {         padding: 0.6em;    }     .single-bottom textarea {         min-height: 100px;    }     .single-bottom input[type="submit"] {         width: 25%;    }     .single-bottom {         padding: 0em 0 0em;    }     .contact-grid ,.contact-in{         padding: 0;    }     .contact-grid input[type="text"], .contact-grid textarea {         padding: 0.8em;    }     .send input[type="submit"] {         width: 24%;    }     .account-top input[type="text"], .account-top textarea, .account-top input[type="password"] ,.register-top-grid input[type="text"], .register-bottom-grid input[type="password"] {         padding: 0.5em;    }     .account-top input[type="submit"] {         width: 33%;    }     .register-top-grid h3, .register-bottom-grid h3 {         font-size:15px;        ;    }     .product-price1,.single-top,.single-top-in {         padding: 0;    }     .single-para h4 {         font-size:15px;        ;    }     .available ul li select {         margin-left: 6.5%;    }     .available ul li.size-in select {         margin-left: 10.5%;    }     .cd-tabs.is-ended {         margin: 1em 0 1em;         padding: 0 0em;    }     .footer-class p {         font-size: 12px;    }     .button a {         font-size: 12px;    }     .cart-items,.cart-total {         padding: 0;    }     .account-top input[type="submit"],.register-bottom-grid input[type="submit"] {         font-size: 12px;    }     .account-top,.left-account,.register-top-grid,.register-bottom-grid {         padding: 0;    }     .b-animate span {         padding-top: 4.2em;         font-size: 1.6em;    }     .b-from-left {         min-height: 247px;    }     .top-in span {         padding: 2.5em 0 0;    }     .b-from-top {         min-height: 194px;    }     .top-in1 span {         padding: 1.8em 0 0;    }     .top-in1 {         min-height: 92px;    }     .top-in2 span {         padding: 1.15em 0 0;    }     .top-in2 {         min-height: 81px;    }} @media (min-width: 992px){     .dropdown-menu .dropdown-toggle:after{         border-top: .3em solid transparent;         border-right: 0;         border-bottom: .3em solid transparent;         border-left: .3em solid;    }     .dropdown-menu .dropdown-menu{         margin-left:0;         margin-right: 0;    }     .dropdown-menu li{         margin-right: 0px;         display: block;		 padding:7px 0;		 border-bottom:1px dotted #ececec;    }	.navbar-expand-lg .navbar-nav .dropdown-menu{			padding:0;	}     .nav-item .submenu{         display: none;         position: absolute;         left:100%;         top:-7px;    }     .nav-item .submenu-left{         right:100%;         left:auto;    }     .dropdown-menu > li:hover{         background-color: #23455f;     }	.dropdown-menu > li:hover a{		background-color: transparent;         color: #fff !important;     }     .dropdown-menu > li:hover > .submenu{         display: block;    }	}
.product-list-block {
    cursor:pointer;
}
.benfits-drib-block {
    display: flex;
    justify-content: space-between;
}
.benfits-drib-block .base-title h4 {
    text-align: left !important;
    margin: 15px 0 !important;
}
.benfits-drib-block .content-short-image {
    width: auto !important;
    height: 50px !important;
}
.benfits-section .partition .short-desc {
    text-align: left !important;
}
.benfits-section .partition {
    border-top: 2px solid #e5e5e5;
    border-right: none;
    border-bottom: none;
    border-left: none;
    border-radius: unset;
    min-height: 185px !important;
    box-shadow: unset;
}