:root{
    --pinkColor:#06e2f0;
  --blue:#06568f;
  --green:#6bab43;
  --navy-blue:#041d32;
  --gray:#777777;
    --grayDark:#b5b5b5;
    --text-dark:#333;
    --blackColor:#000;
  --redColor:#e4514d;
  --redlight:#d41611;
  --redDark:#cc221e;
  --yellow:#ffcc00;
  --orange:#fc5945;
  --gray-light:#fffbfa;
}

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,300;0,400;0,500;0,700;1,300&display=swap');

body{font-family: 'Montserrat', sans-serif; background: #fff;}
a:hover,a:focus,a.active,a.active:hover{text-decoration: none; outline: none;}
/*padding*/
.section-paddingCm{padding-bottom:5px; padding-top: 5px; width: 100%; float: left;}
.section-paddingXs{padding-bottom:10px; padding-top: 10px; width: 100%; float: left;}
.section-paddingSm{padding-bottom:30px; padding-top: 30px; width: 100%; float: left;}
.section-paddingMd{padding-bottom:50px; padding-top: 50px; width: 100%; float: left;}
.section-paddingLg{padding-bottom:70px; padding-top: 70px; width: 100%; float: left;}

/*backgorund*/
.grayBg{background: #f5f5f7;}

.thheads {
    background-color: #353271;
    color: #fff
}

.fa-eye {
    color: #353271;
}

p{font-weight: 300; font-size: 18px; color: #000; line-height: 35px;}

.colr1{background: #ff0;}
.colr2{background: #00ff66;}
.colr3{background: #18a0ee;}
/*-------------------------------------------------------------- 
# Header 
--------------------------------------------------------------*/
.headerNav {z-index: 2000;transition: all 0.9s;background-color: #353271;box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.3);display: flex;align-items: center;}
/*.navbarscroll{position: absolute;}*/
.fixedHeader{position: fixed;top: 0px;}
.logo{max-height: 40px;}
.cart-shortlist{top: -8px; left: 4px;height: 19px; width: 19px; background: var(--pinkColor);color: #fff; line-height: 19px; font-size: 13px; border-radius: 50%;}
/*-------------------------------------------------------------- # 
Navigation Menu 
--------------------------------------------------------------*/
.main-nav, .main-nav * {margin: 0;padding: 0;list-style: none;}
.main-nav > ul > li {position: relative;white-space: nowrap;float: left;}
.main-nav a {color: #fff;font-size: 20px;letter-spacing: 1px;font-weight: 400;padding: 4px 12px;display: inline-block;}


.main-nav li:not(:last-child) a{
    border-right: 1px solid #6e6ab1;
}

.main-nav a:hover, .main-nav a.active,  .main-nav ul a.active, .main-nav li:hover > a {color: var(--pinkColor);}
.main-nav .drop-down ul {display: block;position: absolute;left: 0;top: calc(100% + 30px);z-index: 99;opacity: 0;visibility: hidden;padding: 0;background: #fff;box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);transition: ease all 0.3s;margin-top:0px;}
.main-nav .drop-down:hover > ul {opacity: 1;top: 100%;visibility: visible;}
.main-nav .drop-down li {min-width: 180px;position: relative;}
.main-nav .drop-down ul a {padding: 4px 20px; font-size: 14px; color: #353535; display: block;}
.main-nav .drop-down ul a:hover, .main-nav .drop-down ul .active > a, .main-nav .drop-down ul li:hover > a {background-color: #353270;color: #fff;}
.main-nav .drop-down > a:after {border: none!important;font: normal normal normal 14px/1 FontAwesome;content: "\f107"!important;vertical-align: 0;padding-left: 6px;}
.main-nav .drop-down:hover .main-nav .drop-down > a:before{border: none!important;font: normal normal normal 14px/1 FontAwesome;content: "\f106"!important;vertical-align: 0;}
.main-nav .drop-down .drop-down ul {top: 0;left: calc(100% - 30px);}
.main-nav .drop-down .drop-down:hover > ul {opacity: 1;top: 0;left: 100%;}
.main-nav .drop-down .drop-down > a {padding-right: 35px;}
.main-nav .drop-down .drop-down > a:after {content: "\f105";position: absolute;right: 15px;}
/* Mobile Navigation */
.mobile-nav {padding:0px;position: fixed;top: 0;bottom: 0;z-index: 4444;overflow-y: auto;left: -290px;width: 290px;padding-top: 18px;background: #fff;transition: 0.4s;}
.mobile-nav * {margin: 0;padding: 0;list-style: none;}
.mobile-nav a {display: block;position: relative;color: #333;padding: 10px 20px;font-weight: 500;border-bottom: 1px solid;border-color: #f1f1f1}
.mobile-nav a:focus, .mobile-nav a.active, .mobile-nav .drop-down.active{background-color: var(--pinkColor);color: #fff;text-decoration: none;}
.mobile-nav .drop-down.active a{color: #fff}
.mobile-nav .drop-down.active ul li a{color: #000}
.mobile-nav .drop-down ul li a:hover{background-color: var(--pinkColor);color:  #fff;}
.mobile-nav .drop-down > a:after {right: 15px;top: 13px;position: absolute; content: "\f067";border: none!important;font: normal normal normal 14px/1 FontAwesome;vertical-align: 0;}
.mobile-nav .drop-down.active > a:after {content: "\f068" !important;}
.mobile-nav .drop-down > a {padding-right: 35px;}
.mobile-nav .drop-down ul {display: none;overflow: hidden;}
.mobile-nav .drop-down ul li{background-color: #fff4fa}
.mobile-nav .drop-down li a{padding-left: 20px;}
.mobile-nav-overly {width: 100%;height: 100%;z-index: 3337;top: 0;left: 0;position: fixed;background: rgba(0, 0, 0, 0.5);overflow: hidden;display: none;}
.mobile-nav-active {overflow: hidden;}
.mobile-nav-active .mobile-nav {left: 0;}
.mobile-nav-active .mobile-nav-toggle i {color: #fff;}

/*END*/
/*-------------------------------------------------------------- # 
**/

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}
.headerTop{background: #0564b5;padding: 7px 0 0 0;}

.laugOut p{
    color: #fff;
    padding: 0;
    font-size: 17px;
    margin: 0;
    line-height: 1;
}

.headerTop ul{display: inline-block;margin: 0;padding: 0px 0 0 0;}
.headerTop ul li{display: inline-block;color: #fff;padding: 0 6px;float: left;}
.headerToprght{text-align: right;padding: 0;}
.skipdiv a{
    color: #fff;
    font-size: 13px;
    float: left;
}
.fontplus a{
    color: #fff;
    background: #fff;
    float: left;
    color: #000;
    padding: 1px 4px;
    font-size: 12px;
    border-right: 1px solid #ccc;
}
.colorTheme a{
    width: 20px;
    height: 20px;
    display: inline-block;
    margin: 0;
    padding: 0;
}


.searchFrm{position: relative;width: 100%;float: left;padding: 7px 0 8px 0;}
.searchFrm input{
    background: #fff;
    border-radius: 100px;
    font-size: 13px;
    padding: 7px 12px;
    border: none;
    outline: none;
    width: 100%;
/*    max-width: 240px;*/
    float: right;
    box-shadow: 0px 4px 0px 0px #ebecec;
}
.searchFrm .btn{
    position: absolute;
    right: 12px;
    top:13px;
    padding: 0;
    font-size: 14px;
    color: #999;
}
.searchFrm img{
    width: 16px;
}
.arrows i{font-size:50px;color: #fff;}

.logoheader{
	
background: url("../images/haderBg.png");
	
background-position: bottom center;
	
background-repeat: no-repeat;
	
background-size: cover;
	
padding: 9px 0;
}
.socaildiv{text-align: right;padding: 16px 0 0;}
.socaildiv a{
    font-size: 30px;
    padding: 0 0px 0 10px;
}
.logodiv img{width: 255px;}
.logocenter img{width: 118px;}

.footerOne{background: url("../images/footerbg.png");background-position: center bottom; background-size: cover; background-repeat: no-repeat;}
.footerBlock{color: #fff;}
.footerBlock h4{
    font-size: 16px;
}
.footerBlock h5{
	font-size: 14px;
    color: #c3c3c3;
    font-weight: 500;
}
.footerBlock h6{
    color: #959595;
    font-size: 14px;
    font-weight: 300;
}
.footerBlock p{
    color: #959595;
    font-size: 14px;
    margin: 0;
    padding: 0;
    line-height: 25px;
}
.footerBlock span{background: #0098ff;
    font-weight: 300;
    padding: 3px 15px;
    display: inline-block;
    border-radius: 35px;
    margin: 0 0 11px 0;
color: #000;}
.footer-head h3{font-size: 22px;color: #fff;position: relative;padding: 0 0 15px 0;margin: 0 0 30px 0;font-weight: 600;}
.footer-head h3:after{content: "";display: inline-block;width: 130px;margin: auto;height: 1px;background: #fff;position: absolute;left: 0;bottom: -5px; }
.footer-head h3:before{content: "";display: inline-block;width: 100px;margin: auto;height: 1px;background: #fff;position: absolute;bottom: 0;left:0px;}


.footerBlock a{color: #fff79a;padding: 5px;border-radius: 50%;font-size: 18px;width: 36px;display: inline-block;height: 36px;text-align: center;line-height: 29px;margin: 0 7px 0 0;}
.footerCopyright{background: #09282b;}
.footerCopyright p{color: #fff;
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 20px;}

.boxsCat{
    text-align: center;
    padding: 20px;
    margin: 0 0 30px 0;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	border-radius: 0 70px;
}
.boxsCat img{
    width: 54px;
}
.boxsCat p{
    font-size: 18px;
    line-height: 24px;
    padding: 11px 0 0 0;
}

.boxsCat:hover{
	
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	box-shadow: 0px 7px 0px 0px #cccccc5c;
}
#main-content{background: url("../images/contentBg.jpg");background-attachment: fixed; background-repeat: center center; background-repeat: no-repeat;}



.brands_slider {
    height: 100%;
}

.brands_item {
    height: 100%;
    padding: 0 20px;
}

.brands_item img {
    max-width: 140px;
    width: 100%;
}

.brands_nav {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 5px;
    cursor: pointer
}

.brands_nav i {
    color: #e5e5e5;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease
}

.brands_nav:hover i {
    color: #676767
}

.brands_prev {
    left: 40px;
    display: none;
}	

.brands_next {
    right: 40px
}

.brands{background: #efefef;}

.detailsPart{background: #fff;
    box-shadow: 0 0px 75px 0 #ccc;
    padding: 20px;
    margin-bottom: 50px;    border-bottom: 6px solid #615f90;}
.detailsPart ul{
    margin: 0;
    padding: 0;
}
.detailsPart ul li{
    list-style: none;
    border-left: 2px solid #3b3974;
    padding-left: 15px;
    margin-bottom: 13px;
}
.detailsPart ul li a{
    font-size: 14px;
    display: block;
    color: #000;
}
.detailsPart ul li span{
    color: #90214a;
    font-size: 14px;
    font-weight: 300;
}
.partheading{border-bottom: 1px dashed #ccc;
    padding: 0 0 0px 0;
    margin: 0 0 10px 0;}
.partheading h2{
    border-bottom: 1px dashed #ccc;
    margin: 0px 0 2px 0;
    padding: 0px 0 10px 35px;
    font-size: 20px;
    position: relative;
    }
.partheading h2:before{content: "";background: #3b3874;display: inline-block;height: 3px;width: 30px;position: absolute;left: 0;top: 9px;}



.contact_area h3{
  position:relative;
  margin-bottom:40px;
}
.contact_area h3:before {
    background:#0664b5;
    border: 0 none;
    content: "";
    height: 3px;
    left: 0;
  border-radius:30px;
    margin: 8px 0 10px;
    position: absolute;
    bottom: -20px;
    width: 40px;
}
.contactpage .form-group label{
    font-weight: 600;
}
.contactpage .form-control::placeholder{color: #959595;}
.contactpage .form-control {
    box-shadow: none;
    border: 2px solid #dadada;
    padding: 5px 20px;
    height: 50px;
    background: none;
    color: #959595;
    font-size: 14px;
    font-weight:400;
    border-radius: 4px;
}

.contactpage textarea.form-control {
    height: 150px;
    padding-top: 15px;
    box-shadow: none;
    border: 2px solid #dadada;
    padding: 5px 20px;
    background: none;
    color: #959595;
    font-size: 14px;
    font-weight: 400;
    border-radius: 4px;
}


.btn-primary, .btn-dark {
    border: 0;
    border-radius:0;
    padding: 10px 25px 10px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    -webkit-transition: 350ms;
    -moz-transition: 350ms;
    -o-transition: 350ms;
    transition: 350ms;
}

.utf_block_title {
    font-size: 14px;
    line-height: 100%;
    text-transform: uppercase;
    margin: 0 0 30px;
    border-bottom: 2px dotted #1c1c1c;
}

.utf_block_title>span {
    background: #1c1c1c;
    color: #fff;
    height: 30px;
    line-height: 34px;
    padding: 10px 15px;
    top: 1px;
    border-radius: 10px 10px 0 0px;
    position: relative;
    display: inline list-item;
}


.contact_detail_area ul.contct_detail_list {
    list-style-type: none;
    padding: 0;
}

.contact_detail_area ul.contct_detail_list li {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 26px;
    font-weight: 500;
    position: relative;
    padding-left: 37px;
    color: #323232;
}

.contact_detail_area ul.contct_detail_list li i {
    background: ##0664b5;
    width: 26px;
    height: 26px;
    line-height: 26px;
    font-size: 13px;
    text-align: center;
    color: #ffffff;
    border-radius: 30px;
    margin-right: 10px;
    position: absolute;
    left: 0;
}


.social-icon {
    list-style: none;
    margin: 0;
    padding: 0;
}
.social-icon li {
    display: inline-block;
    margin: 0 0px 0 0;
}

.social-icon li a i {
  background: #c71d73;
  color: #fff;
  font-size: 18px;
  width: 44px;
  height: 44px;
  line-height: 44px;
  border-radius:36px;
  text-align: center;
  -webkit-transition: 350ms;
  -o-transition: 350ms;
  transition: 350ms;
}
.social-icon li a i.fa-rss {
  background: #FA9B39;
}
.social-icon li a i.fa-facebook {
  background: #3B5998;
}
.social-icon li a i.fa-twitter {
  background: #00aced;
}
.social-icon li a i.fa-google-plus {
  background: #dd4b39;
}
.social-icon li a i.fa-vimeo-square {
  background: #7FC400;
}
.social-icon li a i.fa-youtube {
  background: #bb0000;
}
.social-icon li a i:hover {
  background: #1c1c1c;
}
.social-icon-box>li {
  width: 100%;
  background: #1c1c1c;
  padding: 12px;
  color: #fff;
  border-radius:50px;
  margin-bottom: 10px;
}
.social-icon-box>li>a {
  color: #fff;
}
.social-icon-box>li>a i {
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  float: left;
  border-radius:50px;
  margin-right: 20px;
  background: rgba(0, 0, 0, 0.2);
}
.social-icon-box .ts-social-title {
  font-size: 14px;
  margin-bottom: -5px;
  text-transform:uppercase;
  font-weight:600;
}
.social-icon-box .ts-social-desc {
  display: block;
  font-size: 13px;
  font-weight:500;
}
.social-icon-box>li.rss {
  background: #FA9B39;
}
.social-icon-box>li.facebook {
  background: #3B5998;
}
.social-icon-box>li.twitter {
  background: #00aced;
}
.social-icon-box>li.gplus {
  background: #c53942;
}

.contact-widget ul li {
  position: relative;
  padding-left:0px;
}
.contact-widget ul li:first-child{
  margin-bottom:20px;
}
.contact-widget ul li i{
  padding-right:7px;
}
.contact-widget ul li .tweet-text {
  font-size: 13px;
  line-height: 20px;
}
.contact-widget ul li .tweet-text span {
  display: block;
  color: #676767;
}
.contact-widget ul li .tweet-text a {
  color: #969696;
  font-size: 14px;
}
.contact-widget ul li a:hover{
  color: #ec0000;
}
.contact_detail_area ul.contct_detail_list{
  list-style-type:none;
  padding:0;
}
.contact_detail_area ul.contct_detail_list li{
  margin-bottom:10px;
  font-size:14px;
  line-height:26px;
  font-weight:500;
  position:relative;
  padding-left:37px;  
  color:#323232;
}
.contact_detail_area ul.contct_detail_list li:last-child{
  margin-bottom:0;
}
.contact_detail_area ul.contct_detail_list li a{  
  color:#323232;
}
.contact_detail_area ul.contct_detail_list li a:hover{  
  color:#ec0000;
}
.contact_detail_area ul.contct_detail_list li i{
  background:#0664b5;
  width:26px;
  height:26px;
  line-height:26px;
  font-size:13px;
  text-align:center;
  color:#ffffff;
  border-radius:30px;
  margin-right:10px;
  position:absolute;
  left:0;
}
#myTab .nav-link{border-radius: 0;}
#myTab .nav-link.active{ background-color: #0664b5;}