@font-face {
font-family: 'DINPro-Regular';
font-style: normal;
font-weight: normal;
src: local('DINPro-Regular'), url('../fonts/DINPro-Regular_13937.woff') format('woff');
}
body{background:#fff;color:#363636;font-family: 'Montserrat', sans-serif; font-size:14px;}
h1,
h2,
h3,
h4,
h5,
h6{color:#0c0c0c;margin:0 0 20px;}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a{color:#0c0c0c;}
p a{color:#363636; width: auto;
display: inline-block;}
p a:hover{text-decoration:underline;outline:none;}
p{letter-spacing:normal;margin-bottom:10px;line-height:23px;font-size:14px;color:#363636;}
a{color:#7f7f7f;text-decoration:none;outline:none;display:block;}
a:hover,
a:focus,
a:active{outline:none;text-decoration:none;}
img{max-width:100%;}
iframe{border:0;width:100%;}
blockquote{padding:0;border:0;}
h2{font-size:26px;font-weight:bold;}
h3{font-size:20px;margin:0 0 30px;}
h3 span{padding:0 10px 0 0;position:relative;}
h4{font-size:18px;margin:0;padding:15px 0;}
h5{text-transform:capitalize;}
.btn{padding:0 15px;text-transform:capitalize;font-weight:bold;line-height:35px;text-align:center;border:1px solid transparent;border-radius:0;font-size:12px;color:#fff;}
.btn:hover{color:#fff;}
.btn i{margin:0 8px 0 0;}
.header{float:left;width:100%;}
.top-header{background: #3747c1; padding: 5px 0;}
.top-header-nav {
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 0;
}

.top-header-nav li {
  display: inline-block;
  position: relative;
  margin-right: 17px;
  line-height: initial;
}

.top-header-nav li a {
  font-size: 13px;
  line-height: initial;
  position: relative;
  text-decoration: none;
color:#fff;
}

.top-header-nav li a:hover, .top-header-nav li a:focus {
  color: #aeb7fb;
}

.top-header-nav li a:hover:before, .top-header-nav li a:focus:before {
  width: 100%;
}

.top-header-nav li:before {
content: '';
position: absolute;
right: -12px;
top: 2px;
width: 1px;
height: 14px;
background:#c1c5d5;
}

.top-header-nav li:last-child {
  margin-right: 0;
}

.top-header-nav li:last-child:before {
  display: none;
}

.top-header-right-nav {
  text-align: right;
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 0;
}

.top-header-right-nav li {
  display: inline-block;
  position: relative;
  margin-right: 17px;
  line-height: initial;
}

.top-header-right-nav li a {
font-size: 13px;
  line-height: initial;
  position: relative;
  text-decoration: none;
color:#fff;
}

.top-header-right-nav li a i {
  margin-left: 2px;
}

.top-header-right-nav li a:hover, .top-header-right-nav li a:focus {
  color: #aeb7fb;
}



.top-header-right-nav li:before {
  content: '';
  position: absolute;
  right: -9px;
  top: 0.5px;
  width: 1px;
  height: 12px;
  background: #c1c5d5;
}

.top-header-right-nav li:last-child {
  margin-right: 0;
}

.top-header-right-nav li:last-child:before {
  display: none;
}

.top-header-right-nav .languages-list select {
  background: transparent;
  outline: 0;
  padding: 0;
  border: none;
  cursor: pointer;
}


.header .navigation_bar .top_right{float: right; padding:0;margin: 7px 0; width: 100%; text-align: right;}
.header .navigation_bar .top_right > li{ display: inline-block;padding:0px 5px;margin:0;position:relative;list-style:none; color: #333; font-size: 14px; width: 30px;}
.header .navigation_bar .top_right > li a{width: 100%; text-align: left; color: #333; line-height: 30px; font-size: 18px;}
.header .navigation_bar .top_right > li:first-child{margin:0;}
.header .navigation_bar .top_right > li:first-child:before{content:"";}
.header .navigation_bar .top_right > li.cart_drop .count{display:block;text-align:center;min-width:18px;height:18px;position:absolute;right:-7px;top:-1px;border-radius:50%;font-size:12px;font-weight:normal;color:#fff;background:#3747c1;box-shadow:0 7px 8px rgba(0,0,0,0.05);line-height:18px}
.header .navigation_bar .top_right > li.cart_drop a:before {
    display: inline-block;
    content: "\f290";
    font-family: 'FontAwesome';
    font-size: 18px;
    line-height: 24px;
    margin: 0;
    color:#333;
}

.header .navigation_bar .top_right > li.user ul{list-style: none; padding:0px; position: absolute; left:0;background: #fff;top: 100%;z-index: 9999; display: none; width: 100px;}
.header .navigation_bar .top_right > li.user ul:before{content: "";display: block;position: absolute; left: 6px;top: -20px;width: 20px;height: 20px;border: 10px solid transparent;border-bottom-color: #fff;}
.header .navigation_bar .top_right > li.user:hover ul{display: block;}
.header .navigation_bar .top_right > li.user ul li{border-bottom: 1px solid #eee; display: block;}
.header .navigation_bar .top_right > li.user ul li a{color: #333; font-size: 13px; padding: 0px 10px;}
.header .navigation_bar .top_right > li.user ul li a:hover{color: #3747c1;}
.navigation_bar{background:#fff;width: 100%; padding:0; border-bottom: 1px solid #e5e5e5; position: relative;}
.navigation{float:right;width:100%;/*position:relative;*/}
.navigation_bar.stricky-fixed{position:fixed;top:0;left:0;width:100%;z-index:999;background:#fff;box-shadow:0 3px 5px rgba(0, 0, 0, .1); padding:0;}
.navigation_bar .logo{padding: 6px 0; position: relative;}
.navigation_bar .logo a{position: absolute; top: 2px; left: 0; width: 75px; z-index: 99;}
.navigation .nav-header{display:none;padding:12px 20px;}
.navigation .navbar button{float:right; width:40px;height:40px;background:#3747c1; border:0;outline:0; color:#fff;font-size:25px;border-radius:0; display: inline-block; text-align: center; line-height: 40px; position: relative;z-index: 99; padding: 5px;}
.navigation .navbar button{position: relative;transform: rotate(0deg);transition: .5s ease-in-out;cursor: pointer;}

.navigation .navbar button span{
  display: block;
  position: absolute;
  height: 3px;
  width: 70%;
  background: #fff;
  border-radius: 9px;
  opacity: 1;
  left: 15%;
  transform: rotate(0deg);
  transition: .25s ease-in-out;
}
.navigation .navbar button span:nth-child(1) {top: 8px;}
.navigation .navbar button span:nth-child(2),.navigation .navbar button span:nth-child(3){  top: 18px;}
.navigation .navbar button span:nth-child(4) {top: 28px;}
.navigation .navbar button.open span:nth-child(1) {top: 18px;width: 0%;left: 50%;}
.navigation .navbar button.open span:nth-child(2) {transform: rotate(45deg);}
.navigation .navbar button.open span:nth-child(3) {transform: rotate(-45deg);}
.navigation .navbar button.open span:nth-child(4) {top: 18px; width: 0%; left: 50%;}

.navigation .navbar button:hover{background: #3747c1;}
.navigation .menu{display:block; /*text-align: center;*/}
.navigation .menu ul{ padding: 0; width: 100%; margin:0;}
.navigation_bar.stricky-fixed .navigation .menu ul{float: left;}
.navigation .menu ul > li{display:inline-block;position:relative;}
.navigation .menu ul > li > a{padding:14px 11px;display:block;color:#333;text-transform:uppercase;font-size:12px;background:none; position: relative;  transition: 0.5s; font-weight: 600;}
.navigation .menu ul > li > a i {padding-left: 3px; font-size: 17px;}
.navigation .menu ul > li:last-child > a{border:none;/*padding-right:0px;*/}
.navigation .menu ul > li:hover a,
.navigation .menu ul > li.active a{color:#3747c1;background:none;}

.navigation .menu ul > li a:before, .navigation .menu ul > li.active a:before{
  content: '';
  position: absolute;
  top: -2px;
  left: 0;
  width: 0;
  height: 1px;
  background: #3747c1;
transition: 0.5s;

}
.navigation .menu ul > li:hover a:before, .navigation .menu ul > li:hover a:focus:before { width: 100%;}

.navigation .menu ul > li > ul.cs-dropdown{top:100%;left:0; text-align: left;}
/*.navigation .menu ul > li:last-child ul.cs-dropdown{right: 0; left: auto;}*/
.navigation .menu ul > li > ul.cs-dropdown.align-right{right:0;left:auto;}
.navigation .menu ul > li:hover > ul.cs-dropdown{visibility:visible;opacity:1;}
.navigation .menu ul > li > ul.cs-dropdown > li > ul.cs-dropdown{left:100%;margin-top:-36px;}
.navigation .menu ul > li > ul.cs-dropdown > li > ul.cs-dropdown > li > ul.cs-dropdown{left:-100%;margin-top:-31px;}
.navigation .menu ul > li > ul.cs-dropdown > li > ul.cs-dropdown.align-right{right:100%;left:auto;}
.navigation .menu ul > li > ul.cs-dropdown > li:hover > ul.cs-dropdown{visibility:visible;opacity:1;}
.navigation .menu ul > li ul.cs-dropdown{position:absolute;width:230px;opacity:0;visibility:hidden;z-index:99999;box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.4);background:#fff;margin:0;padding:0;}
.navigation .menu ul > li ul.cs-dropdown li{display:block;padding:0;border-bottom:1px solid #eee; width: 100%;}
.navigation .menu ul > li ul.cs-dropdown li:last-child a{border-bottom:0;}
.navigation .menu ul > li ul.cs-dropdown li:last-child a:after{display:none;}
.navigation .menu ul > li ul.cs-dropdown li:hover > a{color:#fff; background:#3747c1;}
.navigation .menu ul > li ul.cs-dropdown li a{color:#333;font-size:14px;padding:8px 15px;position:relative;display:block;text-transform:capitalize; font-weight: normal;}
.navigation .menu ul > li ul.cs-dropdown li a i{float:right;}
.navigation .menu ul > li ul.cs-dropdown li a:hover{color:#fff;background:#3747c1;}
.navigation ul .cs-submenu > a > button{display:none;}
.navigation .navbar{display:none;padding:12px 0px;margin:0;}
/*.menu_width{position: relative; float: left; width: 100%;}*/
.nav_col{position: static;}
.navigation .menu ul > li ul.cs-dropdown li a:before{width: 0; background:transparent; height: 0;}
.navigation .menu ul > li.cs_mega{position: static;}
.navigation .menu ul > li.cs_mega ul.cs-dropdown {
    width: 100%;
    transition: 0.1s;
    margin-top: 0px;
    min-height: 200;
    columns: 6;
    -webkit-columns: 6;
    -moz-columns: 6;
    padding: 15px;
    border-top: 1px solid #eee;
    text-align: left;
}
.search-top {position: relative; margin-top: 7px;}
.navigation .menu ul > li.cs_mega ul.cs-dropdown .list_heading a{font-weight: 600; font-size: 16px; color: #3747c1;}
.navigation .menu ul > li.cs_mega ul.cs-dropdown li{border: 0; line-height: 24px;}
.navigation .menu ul > li.cs_mega ul.cs-dropdown li a{color: #333; padding: 4px 0; font-size: 13px; transition: 0.3s; border: 0;}
.navigation .menu ul > li.cs_mega ul.cs-dropdown li a:hover{background: transparent; color: #3747c1;}

.navigation .menu ul > li.cs_mega ul.cs-dropdown li a.menu_title{font-weight: 600; color: #3747c1;}


.search-top .icon-search { display: inline-block; padding: 0;text-align: center;font-size: 18px;color:#333;}
.search-top .icon-search:hover{color: #3747c1;cursor: pointer;}
.search-top .icon-search.closex i:before {content: "\f00d";}
.search-top #sw_search {
position: absolute;
top: -23px;
right: 0px;
background:#fff;
z-index: 2;
display: block;}
.search-top #sw_search .content-search {position: relative; }
.search-top #sw_search .content-search .autosearch-input {background: #fff; border: 1px #dedede solid; border-radius: 4px;width: 250px; height: 35px; font-size: 11px; padding: 0 10px 0 35px; outline: 0;}
.search-top #sw_search .content-search .input-group-btn {     
      color: #222;
      font-size: 16px;
      position: absolute;
      left: 0;
      top: 0;
      width: 40px;
    height: 35px; line-height: 35px;
      text-align: center; }
.search-top #sw_search .content-search .input-group-btn button {background: #fff;border: none; }


/* banner */
.home_slider{ float: left; width: 100%; margin: 0; padding: 0;}
.slide{position: relative; display: block; z-index: 6;}
#slider .slide img{width: 100%;}
#slider .owl-prev, #slider .owl-next{
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 40px;
    height: 40px;
    padding: 0;
    transform: translate(0,-50%);
    cursor: pointer;
    color: #fff;
    border: 0;
    outline: 0;
    background:rgba(55, 71, 193,0.5);
    border-radius: 4px;
    z-index: 9;
    display: none!important;
}
#slider .owl-nav .owl-prev{left:50px; top:48.5%;}
#slider .owl-nav .owl-next{right:50px; top:50%;}
#slider .owl-prev:hover, #slider .owl-next:hover{background: #3747c1;}
#slider:hover .owl-prev, #slider:hover .owl-next{display: inline-block!important;}
.hot_topics{float: left; width: 100%; margin: 0; padding: 30px 0; background: #fff;}
.hot_sec01{position: relative;}

.new_arrvals{float: left; width: 100%; margin: 0; padding: 30px 0; background:#f4f4f4;}
.heading { position: relative; text-align: center; margin-bottom: 10px;}
.heading h2 {
    font-weight: 800;
    font-size: 18px;
    color: #333;
    display: inline-block;
    padding:0px;
    text-transform: uppercase;
    margin-bottom: 25px;
    position: relative;
}
.heading h2:before{
position: absolute;
content: "";
width: 60%;
height: 2px;
background:
#3747c1;
top: 25px;
left: 19%;
margin: 0 auto;
}

.heading h2:after{position: absolute;
content: "";
width: 100%;
height: 2px;
background:#3747c1;
top: 33px;
left: 0px;
margin: 0 auto;}
.heading p{margin-bottom: 20px;}

.product{float: left; width: 100%; background: #fdfdfd;}
.product .image01{position: relative; height: 250px; text-align: center; background: #fdfdfd; border-bottom: 1px solid #eee; overflow: hidden;}
.product .image01 img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; max-width: 100%; max-height: 100%;}
.off_label{position: absolute; top: 5px; left:5px; z-index: 15; background: #3747c1; color: #fff; padding: 3px 10px;}
.new_desc{width: 100%; float: left; text-align: center; padding: 0 12px 12px;}
.starrating{position: relative; display: inline-block; padding: 10px 0 0;}

.starrating i{color: #aeaeae;}
.starrating i.star-on{color: #ffa200;}
.starrating + span{font-size: 12px; color: #adadad; display: inline-block; margin-left: 5px;}
.product h3{position: relative;margin: 0px 0 10px; line-height: normal; padding: 0; height: 50px; position: relative;}
.product h3 a{position: absolute; top: 50%; left: 50%; max-width: 100%; transform: translate(-50%,-50%); max-height: 100%; width: 100%; font-size: 14px; margin: 10px 0 5px 0; color: #333; display: block;}
.product:hover h3 a{color: #3747c1;}
.price{color:#3747c1; font-size: 16px; font-weight: 600; display: inline-block; line-height: 24px; transition: all 0.3s ease;
}
.price span{color: #666; text-decoration: line-through; margin-left: 10px;
float: right; font-weight: normal; font-size: 14px;}
#arrvals .owl-prev,#arrvals .owl-next{  line-height:0;position:absolute;top:50%;display:block;width:35px;height:35px; line-height: 35px; padding:0;transform:translate(0,-50%);cursor:pointer;color:#222;font-size:18px;border:0;outline:0;background:transparent;border-radius:100%;z-index:9; border: 1px solid; border-color: #e5e5e5; text-align: center;cursor: pointer;
    transition: all 0.3s ease;}
#arrvals .owl-nav .owl-prev{
left: -20px;
z-index: 50;
top: 48.5%;
width: 40px !important;
height: 40px !important;
display: block !important;
z-index: 50;}
#arrvals .owl-nav .owl-next{
right: -20px;
z-index: 50;
top: 50%;
width: 40px !important;
height: 40px !important;
display: block !important;
z-index: 50;}
#arrvals .owl-nav .owl-prev:hover,#arrvals .owl-nav .owl-next:hover{background: #3747c1; color: #fff; border-color: #3747c1;}


.latest_collection{float: left; width: 100%; margin: 0; padding:30px 0; background: #fff;}
.collection_l{position: relative; width: 100%; margin-bottom: 25px; overflow: hidden;}
.collection_l img{transition: all 0.3s ease;}
.collection_l:hover img{transform: scale(1.1);}
.collection_l_title{position: absolute; bottom: 10px; left: 10px; color: #fff; z-index: 20; text-transform: uppercase; font-size: 20px; font-weight: 700; text-shadow: 2px 2px 4px #666;}
.collection_l:hover .collection_l_title{color: #3747c1;}
#shop_look .owl-prev,#shop_look .owl-next{  line-height:0;position:absolute;top:50%;display:block;width:35px;height:35px; line-height: 35px; padding:0;transform:translate(0,-50%);cursor:pointer;color:#222;font-size:18px;border:0;outline:0;background:transparent;border-radius:100%;z-index:9; border: 1px solid; border-color: #e5e5e5; text-align: center;cursor: pointer;
    transition: all 0.3s ease;}
#shop_look .owl-nav .owl-prev{
left: -20px;
z-index: 50;
top: 48.5%;
width: 40px !important;
height: 40px !important;
display: block !important;
z-index: 50;}
#shop_look .owl-nav .owl-next{
right: -20px;
z-index: 50;
top: 50%;
width: 40px !important;
height: 40px !important;
display: block !important;
z-index: 50;}
#shop_look .owl-nav .owl-prev:hover,#shop_look .owl-nav .owl-next:hover{background: #3747c1; color: #fff; border-color: #3747c1;}


.categories{float: left; width: 100%; margin: 0; padding: 30px 0 30px; background: #fff;}
.categories_box {display: block; position: relative; text-align: center;}
.categories_box h4{padding: 10px 30px; background:#fff; display: inline-block; position: relative; bottom:20px;}
.categories_box:hover h4{color: #3747c1;}
.categories_box .image02{position: relative; height: 250px; text-align: center;overflow: hidden; }
.categories_box .image02 .image03{transition: all 0.3s ease; height: 100%; position: relative;}
.categories_box:hover .image02 .image03{transform: scale(1.1);}
.categories_box .image03 img{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: auto; max-width: 100%; max-height: 100%;}
.text_desc{float: left; width: 100%; margin: 0; padding: 30px 0; background: #fff; position: relative;}
.text_desc h1{font-size: 20px; margin: 0; padding: 0 0 10px; font-weight: 600;}
.text_desc h2{font-size: 18px; margin: 0; padding: 0 0 5px; font-weight: 600;}
.text_desc h3{font-size: 16px; margin: 0; padding: 0 0 5px; font-weight: 600;}
.text_desc p{font-size: 14px; line-height: 24px; text-align: justify;}
.features{float: left; width: 100%; margin: 0; padding: 30px 0; background: #333;}
.single_shipping {display: flex; /* border: 1px solid #d2d2d2;padding: 15px 13px;*/}
.shipping_icone{margin-right: 12px;}
.shipping_icone i{font-size: 35px; color: #3747c1;}
.shipping_content h5{font-size: 14px; line-height: 14px; text-transform: capitalize; font-weight: 700; margin-bottom: 0; color: #fff;}
.shipping_content p{margin: 6px 0 0; font-size: 13px; line-height: 20px; color: #ddd;}
.newsletter{float: left; width: 100%; margin: 0; padding:30px 0; background: #f4f4f4;}
.newsletter ul{ margin: 0; padding: 0; text-align: center;}
.newsletter ul li{display: inline-block; font-weight: 600; text-transform: uppercase; color: #333; margin: 0 5px;}
.newsletter ul li:nth-child(2){width: 40%;}
.newsletter ul li input{border-radius: 0; height: 40px; padding: 0 15px;}
.newsletter ul li button{background: #fff; border: 0; text-transform: uppercase; font-weight: 600; border-bottom: 3px solid #3747c1; height: 40px; padding: 0 15px; font-size: 13px;}
footer{float: left; width: 100%; margin:0; padding: 30px 0 10px; background: #fff;}
.footer_info{position: relative; display: block; float: left; width: 100%;}
.footer_info h6{position: relative; font-size: 15px; font-weight: 600; color: #333; text-transform: uppercase; margin: 0 0 10px; padding: 0;}
.footer_info ul{float: left; width: 100%; margin: 0 0 15px; padding: 0;}
.footer_info ul li{list-style: none; line-height: 24px;}
.footer_info ul li a{font-size: 14px; color: #333;}
.footer_info ul li a:hover{color: #3747c1;}

.contact_info {margin-bottom: 0;padding: 0;}
.contact_info li{position: relative; margin-bottom:10px; line-height: 28px; font-size: 13px;}
.contact_info li a{display: inline-block;}
.info_label{
    display: block;
    color: #333;
    font-weight: 600;
    text-transform: capitalize;
}
.footer_bottom{float: left; width: 100%; margin: 0; padding: 10px 0; background: #3747c1; color: #fff;}
.footer_bottom p{color: #fff; font-size: 12px; line-height: normal; margin: 0; padding: 0;}
.footer_bottom p span{color: #fff;
font-weight: 600;}
.text_right a{color: #fff;
font-weight: 600;}
#scroll-up{position:fixed;z-index:8030;bottom:65px;right:30px;width:46px;height:46px;border-radius:50%;color:#fff;font-size:24px;line-height:42px;text-align:center;text-decoration:none;cursor:pointer;transition:all 0.25s;display:none;background:#3747c1;}
#scroll-up:hover{background:#333;}

/* Category pages */
.banner_category{float: left; width: 100%; margin: 0; padding: 60px 0; position: relative;
background-repeat: no-repeat;
background-position: center center; 
background-size: cover;}
.banner_category .banner_title {
    color: #3747c1;
    font-weight: 700;
    font-family: "Open Sans",sans-serif;
    font-size: 30px;
    letter-spacing: -.025rem;
    text-transform: uppercase;
}

.banner_category .banner_subtitle {
    margin-bottom: 10px;
    color: #010204;
    font-weight: normal;
    font-size: 24px;
    font-family: "Open Sans",sans-serif;
    letter-spacing: 0;
    text-transform: uppercase;
}

/* banner section */
.page_breadcrumbs{float:left; width:100%; background:#f8f8f8; padding-top:12px; padding-bottom:12px;}
.page_breadcrumbs ul{position:relative; margin:0; padding: 0; float: right;}
.page_breadcrumbs li{color: #3747c1; list-style: none;line-height: 25px; display: inline-block;}
.page_breadcrumbs li + li:before {color: #999999; content: " / "; margin: 0 2px;}
.page_breadcrumbs li a {color: #333; display: inline-block;}
.page_breadcrumbs li a:hover{color: #3747c1;}
.page_breadcrumbs .active {color: #999999;}
.page_breadcrumbs .active a {color: #999999;}



.product_listing{float: left; width: 100%; margin: 0; padding: 30px 0; background: #fff;}
.left_title {
    padding: 7px 12px;
    color: #3747c1;
    line-height: 24px;
    font-size: 16px;
    width: 100%;
    display: inline-block;
    font-weight: 600;
    background: #fff;
    border-bottom: 1px solid #eee;
}
.left_title1 {
    padding:0px 0 10px;
    color: #3747c1;
    line-height: 24px;
    font-size: 16px;
    width: 100%;
    display: inline-block;
    font-weight: 600;
    background: #fff;
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
}
.price_filter{margin:0 0 20px;padding:10px 10px 25px;box-shadow: 0px 5px 10px rgba(0,0,0,0.1);}
.price_filter label{ margin-bottom: 10px;}
#amount{border:0; color:#3747c1; font-weight:600; text-align: right; font-family: FontAwesome; width: 145px; margin: 0; padding: 0; letter-spacing: 1px; font-size: 16px;}
.ui-state-default, .ui-widget-content .ui-state-default{cursor: pointer;}
.ui-widget-header{background: #3747c1;}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #cd7223;
	background: #cd7223;
	font-weight: normal;
	color: #ffffff;
}
.product_filter{float: left; width: 100%; box-shadow: 0px 5px 10px rgba(0,0,0,0.1); margin-bottom: 20px;}
.product_filter ul{margin:0 0 20px;padding:0;}
.product_filter ul li{text-transform:capitalize;display:block;color:#888;font-size:14px;line-height:34px;position:relative;padding:0 10px;border-bottom:1px solid #eee}
.product_filter ul li:last-child{ border-bottom: 0;}
.product_filter li label{font-size:14px;line-height:34px;font-weight:normal;cursor:pointer;color:#333; display: block;}
.product_filter li label:before,.product_filter li label:after{content:"";display:table}
.product_filter li label:after{clear:both}
.product_filter li label{line-height:30px;margin:0}
.product_filter li label:hover{color:#3747c1}
.product_filter li label>span{display:block;position:relative;padding-left:27px}
.product_filter li label>span:before{content:'';width:15px;height:14px;background:#fff;display:block;position:absolute;left:0;top:7px;border:1px solid #ccc}
.product_filter li label input[type=checkbox]{visibility:hidden;position:absolute}
.product_filter li label input[type=checkbox]:checked+span{color:#3747c1}
.product_filter li label input[type=checkbox]:checked+span:before{background:#3747c1;background-repeat:no-repeat;background-position:center;background-image:url(../images/checked.png);border:1px solid #3747c1}
.product_filter li label > span#brown:before{background: #8b4513; border: 1px solid #8b4513;}
.product_filter li label > span#pink:before{background: #f1a9c4; border: 1px solid #f1a9c4;}
.product_filter li label > span#magenta:before{background: #b9529f; border: 1px solid #b9529f;}
.product_filter li label > span#black:before{background: #111; border: 1px solid #111;}
.product_filter li label > span#orange:before{background: #f28d20; border: 1px solid #f28d20;}
.product_filter li label > span#blue:before{background: #0074D9; border: 1px solid #0074D9;}
.product_filter li label > span#red:before{background: #d34b56; border: 1px solid #d34b56;}
.product_filter li label > span#maroon:before{background: #b03060; border: 1px solid #b03060;}
.product_filter li label > span#tan:before{background: #d2b48c; border: 1px solid #d2b48c;}
.product_filter li label > span#purple:before{background: #800080; border: 1px solid #800080;}
.product_filter li label > span#olive:before{background: #3d9970; border: 1px solid #3d9970;}
.product_filter li label input[type="checkbox"]:checked + span:before{ background-repeat: no-repeat!important;
background-position: center!important; background-image: url(../images/checked.png)!important;}
.product_filter .size_list{padding-top: 10px;}
.product_filter .size_list li{display: inline-block;
    position: relative;
    width:45px;
    height: 40px;
    transition: all .3s;
    border: 1px solid #e9e9e9;
    background-color: #fff;
    color: #7a7d82;
    font-size:14px;
    font-weight: 400;
    line-height:40px;
    text-align: center;
    text-decoration: none;
    margin-left: 10px;
    margin-bottom: 10px;
    padding: 0;
}
.product_filter .size_list li a{display: block;}
.product_filter .size_list li:last-child{border: 1px solid #e9e9e9;}
.product_filter .size_list li a:hover, .product_filter .size_list li a:focus {
    border-color:#3747c1;
    background: #3747c1;
    color: #fff;
    text-decoration: none;
}
.product_filter .size_list li.active a {
    border-color: #3747c1;
    outline: 0.1rem solid #3747c1;
    background-color: #3747c1;
    color: #fff;
}

.category_list ul{margin:0 0 20px;padding:0;box-shadow: 0px 5px 10px rgba(0,0,0,0.1);}
.category_list ul li{text-transform:capitalize;display:block;color:#888;font-size:14px;line-height:34px;position:relative;border-bottom:1px solid #eee}
.category_list ul li a{color: #333; text-decoration: none; padding:0 10px; display: block;}
.category_list ul li a:hover,.category_list ul li a:focus{background: #3747c1; color: #fff; outline: 0;}

.product_right{float: left; width: 100%; margin: 0; padding: 0;}
.product_listing .product_right h1 {
    background: #3747c1;
    padding: 7px 12px;
    color: #fff;
    line-height: 24px;
    font-size: 18px;
    width: 100%;
    font-weight: 600;
    display: inline-block;
    border-top-right-radius: 5px;
border-top-left-radius: 5px;
}
.page_show{float: left; width: 100%; margin: 0 0 15px; padding: 0;}
.page_show ul{float: left; width: 100%; margin: 0; padding: 0;}
.page_show ul li{display: inline-block; list-style: none; margin: 0; margin-right: 10px;}
.page_show ul li:last-child{float: right;}
.page_show ul li:nth-child(2){float: right;}
.page_show ul li select{border: 1px solid #eee; background: transparent; width: auto; font-size: 12px;}
.page_show ul li select:focus{outline: 0;}
.box_item{float: left; width: 100%; position:relative;border:0px solid #fff;overflow:hidden; margin-bottom: 20px;}
.box_item .wishlist_icon{position: absolute; top: 10px; right: 10px; width: 40px; height: 40px; line-height: 40px; text-align: center; color: #3747c1; background: rgba(255,255,255,0.5); border-radius: 100%; z-index: 99;}
.box_item .item_images{border:1px solid #fff;padding-bottom:0;position:relative; text-align: center; height:270px;}

.box_item:hover .item_images{border:1px solid #d0d0d0;opacity:0.5;}
.box_item .item_images img{position: absolute; top: 50%; left: 50%; width:auto;max-width:100%; transition: all 0.4s ease-in-out; transform: translate(-50%,-50%); max-height: 100%;}
.box_item .hover_box{text-align:center;position:absolute;bottom:-50%;left:5%;right:5%;}
.box_item .hover_box a{display:inline-block;padding:7px 25px;font-size:15px; text-transform:uppercase; background:#3747c1; margin-bottom:2px;color:#fff;text-decoration:none;border:1px solid #3747c1; transition: all 0.4s ease-in-out;}
.box_item:hover{border:0px solid #3747c1;}
.box_item:hover .hover_box{bottom:27%;}
.box_item .hover_box a:hover{background:#ffffff;color:#3747c1;border:1px solid #3747c1;}
.description02{text-align:center;}
.description02 h3{margin:0;font-size:16px;padding:10px;line-height:20px; display: block; color:#333; height: 65px; position: relative; text-align: center; overflow: hidden;}
.description02 h3 a{color: #333; position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); height: auto; max-height: 100%; font-size: 14px;}
.description02 small{font-size:15px; color:#3747c1;}
.box_item:hover .description02 h3 a{color: #3747c1;}
.description02 small .old_price{font-size: 14px; color: #666; text-decoration: line-through; font-weight:normal; margin-right: 10px;}
#sidebar{overflow: hidden; max-height: 650px; overflow-y: auto; padding: 0 15px 0 10px;}
.stick{position: fixed; top: 45px; width: 280px; left: 6%;}

/* Details */
.preview{position: relative;}
.app-figure {width: 100% !important; margin: 0px auto 20px; padding: 0px;position: relative; text-align: center;}
.selectors {margin-top: 0px;}
.selectors .mz-thumb img {max-width: 85px; margin-bottom: 10px;}
.product_details{float: left; width: 100%; margin: 0; padding: 0;}
.product_details h1{color: #333; line-height: 28px; font-size: 20px; width: 100%; font-weight: 600; margin-bottom: 10px;}

.product_details .styles{font-size:13px; color: #111; margin-bottom: 10px; float: left; margin-right: 15px;}
.product_details .price{font-size: 18px;color: #3747c1;font-weight: 600;font-family: sans-serif; margin-bottom: 10px; position: relative; width: 100%; display: flex;}
.product_details .price .off_label{right: 0;
top: -3px;
left: 140px;
display: block;
width: 100px;
text-align: center;;}
.product_details .price .old_price {font-size: 16px; color: #666;text-decoration: line-through;font-weight: normal;}
.details_qty{float: left; width: auto; display: inline-block; margin-bottom: 20px;}
.details_qty input{font-family: FontAwesome;}
.details_qty input.minus, .details_qty input.plus{
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0px;
    text-align: center;
    border: 0px solid #ddd;
    display: inline-block;
    background: #333;
    color: #fff;
}
.details_qty input.qty{display: inline-block; width: 60px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #ddd;}
.details_qty input.minus:hover, .details_qty input.plus:hover,.details_qty input.minus:focus, .details_qty input.plus:focus{background: #3747c1; color: #fff;}
.product_review {
    margin-bottom: 10px;
}
.product_review .rating {
    display: inline-block;
    padding-right: 5px;
}
.product_review .rating i {
    color: #ffba0a;
}
.product_review .rating_count{
    display: inline-block;
    color: #3747c1;
    font-weight: normal;
    line-height: initial;
}
.product_info {
    list-style-type: none;
    padding: 0;
    margin-bottom:15px;
}
.product_info li {
    font-size: 14px;
    color: #222222;
    margin-bottom: 8px;
}
.product_info li span {
    color: #666666;
}
.product_info li small {
    display: inline-block;
    font-weight: 500;
    color: #222222;
    font-size: 14px;
}
.product_info li small.stock{background: #3747c1; color: #fff; padding: 1px 8px; border-radius: 3px;}
.product_color_switch{ margin-bottom: 10px;}
.product_color_switch h4 {
    font-size: 18px;
    color: #333;
    padding: 0;
    margin-bottom: 6px;
}
.product_color_switch ul {list-style-type: none; padding: 0; margin: 0;}
.product_color_switch ul li {display: inline-block;}
.product_color_switch ul li a {
    display: inline-block;
    position: relative;
    border: 1px solid transparent;
    width: 35px;
    height: 35px;
    border-radius: 50%;
}
.product_color_switch ul li a:before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #eeeeee;
    border-radius: 50%;
    margin: 2px;
    transition: 0.5s;
}
.product_color_switch ul li.active a {
    border-color: #3747c1;
}
.product_color_switch ul li a:focus{
    border-color: #3747c1;
}
.product_color_switch ul li a.color_dustypink:before {
    background: #f1a9c4;
}
.product_color_switch ul li a.color_midnightblue:before {
    background: #191970;
}
.product_color_switch ul li a.color_beige:before{
    background: #381a26;
}
.product_color_switch ul li a.color_pink:before {
    background:#FFC0CB;
}
.product_color_switch ul li a.color_seagreen:before {
    background: #2e8b57;
}
.product_size_wrapper {margin-bottom: 15px;}
.product_size_wrapper h4 {font-size: 16px; color: #666666; padding: 0; margin-bottom: 8px;}
.product_size_wrapper ul {list-style-type: none; margin-bottom: 0; margin-top: -8px; margin-left: -8px; padding-left: 0;}
.product_size_wrapper ul li {
    display: inline-block;
    margin-left: 8px;
    margin-top: 8px;
}
.product_size_wrapper ul li a {
    width: auto;
    height: 35px;
    display: inline-block;
    line-height: 35px;
    border: 1px solid #eeeeee;
    color: #858585;
    text-align: center;
    padding: 0 15px;
}
.product_size_wrapper ul li.active a {
    border-color: #3747c1;
    color: #3747c1;
}
.product_size_wrapper ul li a:focus{border-color: #3747c1; color: #3747c1;}
.product_info_btn{ margin-bottom: 15px;}
.product_info_btn a {
    color: #333;
    text-transform: uppercase;
    font-weight: normal;
    display: inline-block;
    position: relative;
    line-height: initial;
    font-size: 12px;
}
.product_info_btn a:not(:first-child) {
    margin-left: 15px;
}
.product_info_btn a:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 0;
    height: 1.5px;
    background: #333;
    transition: 0.5s;
}
.product_info_btn a i {
    margin-right: 3px;
    font-size: 14px;
}
.product_info_btn a:hover,.product_info_btn a:focus{ color: #3747c1;}
.add_to_button{float: left; color: #fff; font-weight: normal; text-transform: capitalize; background: #3747c1; display: inline-block; line-height: normal; padding: 12px 25px; position: relative; border:0; margin-right: 5px;}
.add_to_wishlist{float: left; color: #fff; font-weight: normal; text-transform: capitalize; background: #3747c1; display: inline-block; line-height: normal; padding: 12px 25px; position: relative; border:0;}
.customize_btn{float: left; color: #fff; font-weight: normal; text-transform: capitalize; background: #343538; display: inline-block; line-height: normal; padding: 12px 25px; position: relative; border:0; margin-right: 5px;}
.add_to_button:hover,.add_to_button:focus{background: #333;}
.customize_btn:hover,.customize_btn:focus{background: #3747c1; color: #fff;}
.add_to_wishlist:hover,.add_to_wishlist:focus{background: #333; color: #fff;}
.check{ position: relative; float: left; width: 100%; margin-top: 15px; width: 60%;}
.form-group.check i {
    position: absolute;
    left: 0px;
    top:7px;
color: #3747c1;
}
.check input{ float: left; border: 0; border-radius:0;  border-bottom: 2px solid #3747c1; padding-right: 0; padding-left: 15px; box-shadow:none;}
.check input:focus{box-shadow: none; outline: 0; border-bottom: 2px solid #3747c1;}
.check_btn{ border:0; background:transparent; color: #3747c1; padding: 10px 0px; position: absolute; right: 0; top: 0; font-weight: 600; font-size: 14px;}


.related_products{float: left; width: 100%; margin: 0; padding: 10px 0 40px;}
.product_overview{ float: left; width: 100%; margin-bottom: 15px;}
.product_overview .panel-default{border-radius: 0; background: #eee;}
.product_overview .panel-heading{padding: 0;border: 0;float: left;width: 100%;margin-bottom: 10px;}
.nav-tabs{float: left; width: 100%; margin: 0; padding: 0; background: #fff;}
.nav-tabs > li{list-style: none;}
.nav-tabs > li > a {position: relative;display: block; padding: 10px 15px; font-size: 15px; font-weight: 600; color: #333; border: 1px solid #eee;}
.product_overview .panel-heading .nav-tabs li.active > a{ color: #3747c1; border-top: 2px solid #3747c1; border-radius: 0; background: #eee;}
.nav-tabs > li:hover > a{ border:1px solid #eee; color: #3747c1; border-radius: 0; background: #eee;}
.tab-content > .active{float: left; width: 100%; margin: 0; padding: 0;}
.product_overview .tab-pane h3{ margin: 0 0 10px;}
.product_overview .tab-pane h4{ margin: 0 0 10px; text-align: left; color:#333; padding: 0;}

.product_overview .tab-pane .dl-horizontal dt{ text-align: left; font-size: 14px; line-height: 20px; font-weight: normal;}
.product_overview .tab-pane .dl-horizontal dd{font-size: 13px; line-height: 24px; font-weight: normal;}
.product_overview .tab-pane .quick_details{ margin-bottom: 15px;}

.product_overview .tab-pane table{ border: 1px solid #ccc;}
.product_overview .tab-pane table thead tr th{background: #3747c1; color: #fff;}
.product_overview .tab-pane table tr td{ border: 1px solid #ccc; padding: 5px 10px; line-height: 30px; text-align: left;}


.product_details_page h5{ float: left; margin: 0 0 10px; color: #333; padding: 0; font-size: 18px;}
.tab-content .product_rate{ float: right; font-size: 14px; background:#333; border: 1px solid #333; padding: 8px 20px; color: #fff;}
.tab-content .product_rate:hover,.tab-content .product_rate:focus{ background: #3747c1; color: #fff; border: 1px solid #3747c1;}
.tab-content .review {
    margin-bottom: 20px;
    text-transform: none;
    background: #fff;
    padding: 20px;
}
.tab-content .review  .review-title {
    margin-bottom: 5px;
}
.tab-content .review  .review-title .summary {
    color: #333;
    font-size: 15px;
    font-weight: normal;
    margin-right: 10px;
}
.tab-content .review .review-title .date {
    font-size: 12px;
}

.tab-content .review .review-title .date  span {
    margin-left: 5px;
    color: #3747c1;
}
.tab-content .review .text {
    line-height: 18px;
}
.tab-content .review .product_ratings{ margin-bottom: 10px;}
.tab-content .review_table table{ border: 1px solid #ccc;}
.tab-content .review_table table thead tr th{background: #3747c1; color: #fff;}
.tab-content .review_table table tr td{ border: 1px solid #eee!important; padding: 5px 10px; line-height: 35px; text-align: center;}
.tab-content .review_table table tr td input[type="radio"]{ margin: auto; line-height: 30px; height: 30px;}
.related_products h2{overflow: hidden; text-align: center; position: relative; text-transform: uppercase; font-weight: 600; font-size: 20px;}
.related_products h2:before,.related_products h2:after {background-color: #333;content: "";display: inline-block; height: 1px; position: relative; vertical-align: middle; width: 50%;}
.related_products h2:before {right: 0.5em; margin-left: -50%;}
.related_products h2:after {left: 0.5em; margin-right: -50%;}
.after_related{background: #fff;}



/*  Alert Cookie */ 
.alert_cookie{
    position: fixed;
    left: 0;
    bottom: 0;
    background: #333;
    margin-bottom: 0;
    width: 100%;
    padding: 20px 30px 10px;
    border: none;
    z-index: 999;
    border-radius: 0;
}
.alert_cookie p{font-size: 14px; color: #fff; line-height: normal;}
.alert_cookie p a{display: inline-block; color: #3747c1;}
.cookie_close_btn{padding: 8px 20px; background: #3747c1; color: #fff; float: right; border: 0;}

/* Cart Page */
.cart_page{ float: left; width: 100%; margin: 0; padding: 30px 0;}
.cart_page .cart_left h1 {
    background: #3747c1;
    padding: 7px 12px;
    color: #fff;
    line-height: 24px;
    font-size: 18px;
    width: 100%;
    font-weight: 600;
    display: inline-block;
}
.product_added{color:#333;background-color:#dff0d8;border-color:#d6e9c6;}
.cart_left table { border: 0px solid #ccc!important;
    width: 100%;
    margin:0 0 15px;
    padding:0;
    border-collapse: collapse;
    border-spacing: 0;
  }

.cart_left table tr {
    border: 1px solid #ddd;
    padding: 5px;
  }
/*.cart_left table tbody tr:nth-of-type(2n+1) {
    background-color: #f0f0f0;
}*/
.cart_left table th{
    border:0px solid #ddd;
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: middle;
	font-size:14px;
    color: #3747c1;
    background: #eee;
  }
.cart_left table td{
    font-size:13px;
    border: 1px solid #ddd;
    border: 1px solid #eee;
    padding: 5px 10px;
    line-height: 1.42857143;
    vertical-align: middle;
      
  }

.cart_left table tbody tr td:first-child{width: 45%;}
.cart_image{width: 15%; float: left; margin-right: 3%; position: relative; height: 100px; border: 1px solid #eee;}
.cart_image a img{position: absolute; top: 50%; left: 50%; max-width: 100%; width:auto; transform: translate(-50%,-50%); max-height: 100%;}
.cart_info{ width: 100%;}
.cart_info a{ font-size: 13px; font-weight: 600; color: #333; line-height: 22px;}
.cart_info a:hover{ color:#3747c1;}
.cart_info p{ font-size: 12px; line-height: 18px; text-align: left;}
.cart_remove{align-items: center;
background: #fff;
border-radius: 50%;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
color: #333;
font-size: 14px;
height: 25px;
text-align: center;
width: 25px;
line-height: 25px;
    display: inline-block;
}
.cart_left table tbody tr td .price{font-size: 13px; position:relative;}
.cart_off_label{display: block;text-align: center; background:#3747c1; color:#fff; padding: 2px 10px;}
.cart_left table tbody tr td .price .more{display: inline-block;}
.cart_remove:hover{ background: #3747c1; color: #fff;}
.shopping_btn{padding: 7px 20px; background: #fff;color:#333; border-radius: 3px; text-decoration: none; width: auto; display: inline-block; margin-right:5px; margin-bottom: 15px; font-size: 15px; border: 1px solid #ccc;}
.shopping_btn:hover,.shopping_btn:focus{background:#3747c1; color: #fff; border: 1px solid #3747c1;}

.cart_right {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    padding: 10px;
    border: 1px solid #eee;
    background: #fff;
}
.cart_right_title {
    background:#3747c1;
padding: 7px 12px;
color:#fff;
    line-height: 24px;
    font-size: 18px;
    width: 100%;
    display: inline-block;
    font-weight: 600;
}
.coupons_text{font-size: 12px; color: #333;}
.coupons_text a{display: inline-block; color: #3747c1;}
.coupon_form{position: relative; margin-bottom: 5px;}
.coupon_form input{border: 1px #dedede solid; border-radius:0px; width: 100%; font-size: 12px; margin: 0;}
.coupon_form .apply_btn{ position: absolute; top: 0; right: 0; background: #333; color: #fff; border: 0; height: 34px; padding: 6px 15px; font-size: 13px;}
.coupon_form .apply_btn:hover, .coupon_form .apply_btn:focus{background: #3747c1; color: #fff;}
.cart_right .table {
    border: 0;
    margin-bottom: 15px;
}
.table.table-totals tr {
    border: 0;
}
.cart_right .table tr th, .cart_right .table tr td {
    border: 0;
    padding: 5px 0;
    font-size: 14px;
    
}

/*.cart_right .table tbody tr:first-child td {
    padding-top: 1.6rem;
}*/
.cart_right .table tbody tr:last-child td {
    padding-bottom: 1.6rem;
}
.cart_right .table tfoot {
    border-top: 1px solid #ccc;
    font-size: 1.8rem;
    font-weight: 600;
    border-bottom: 1px solid #ccc;

}
.cart_right .table tfoot tr td {
    padding-top: 1.3rem;
    padding-bottom: 1.6rem;
    font-size: 16px;
    color: #333;
    width: auto!important;
}
.payable{color: #3747c1;}
.cart_page .cart_right table tr td:nth-child(1){ width: auto!important;}
.cart_right .table tr td.free{ color: #3747c1; text-transform: uppercase;}
.cart_right .safe_info { font-size:12px; line-height: 20px; font-weight: normal;}
.cart_right .safe_info i{ font-size: 36px; color: #3747c1;
float: left;
margin-top: 4px;
margin-right: 5px; }
.cart_right ul {
    margin: 0;
}
.cart_right ul{ background: #fff; margin: 0; padding: 0;}
.cart_right ul li {
    line-height: 1;
    padding-top: 12px;
    padding-bottom:12px;
    border-bottom: 1px solid #dee5e8;
    list-style: none;
}
.cart_right ul li::after {
    display: block;
    clear: both;
    content: '';
}
.cart_right ul li:last-child{ border-bottom: 0;}
.cart_right ul li i{
    float: left;
    color: #301b24;
    font-size: 4rem;
    min-width: 40px;
    line-height: 1;
    margin-left: .7rem;
    margin-top: .3rem;
    font-size: 36px;
    min-width: 40px;
    margin-right: 10px;
}
.cart_right ul li h4 {
    text-align: left;
    color: #333;
    font-size: 16px;    
    text-transform: capitalize;
    margin-bottom: 0;
    white-space: nowrap;
    overflow: hidden;
    margin: 0;padding: 0;
}

.order_btn{ width: 100%; padding: 10px 25px; background: #3747c1; color:#fff; border-radius: 3px; text-decoration: none; text-align: center; display: inline-block; margin-right:0px; margin-bottom: 15px; font-size: 16px; border: 1px solid #3747c1; font-weight: 600;}
.order_btn:hover,.order_btn:focus{background:#3747c1; color: #fff; border: 1px solid #3747c1;}

.contact_area{float: left; width: 100%; padding: 40px 0; margin: 0; position: relative;}
.contact-title {
    color: #333333;
    font-size: 24px;
    line-height: 1;
    font-weight: 600;
    margin: 0;
    text-transform: capitalize;
    padding-bottom: 30px;
}
/*.contact-message form input, .contact-message form textarea {
  width: 100%;
  border: none;
  padding: 10px 10px;
  border: 1px solid #ccc;
  background: #fdfdfd;
  margin-bottom: 30px; }*/

.contact-message form textarea {
  height: 150px; }
.contact_btn{padding: 12px 30px; background: #333; color: #fff; border: 0; border-radius: 0;}
.contact_btn:hover,.contact_btn:focus{background: #3747c1; color: #fff;}

.contact-info-three {
	position: relative;
	padding: 40px 50px;
	box-shadow: 0px 20px 48px 2px rgba(0, 0, 0, 0.08);
}

.contact-info-three .single-info {
	position: relative;
}

.contact-info-three .single-info+.single-info {
	border-top: 1px solid #eaeaea;
	padding-top: 35px;
	margin-top: 35px;
}

.contact-info-three h4 {
	position: relative;
	margin-bottom: 0px;
}

.contact-info-three h4:before {
	position: absolute;
	content: '';
	background:#3747c1;
	height: 15px;
	width: 3px;
	top: 8px;
	left: -50px;
}

.contact-info-three .text {
	margin-bottom: 15px;
}

.contact-info-three .link-btn {
	position: relative;
	font-size: 14px;
	font-weight: 500;
	color:#3747c1;
	text-transform: uppercase;
}

.contact-info-three .wrapper-box {
	position: relative;
	margin-bottom: 20px;
}

.contact-info-three .wrapper-box a {
	font-size: 15px;
	color: #3747c1;
}
.iframe_map{float: left; width: 100%; margin: 0; padding: 0; height: 450px;}

/**  About us  **/
.about_us{float: left; width: 100%; margin: 0; padding: 30px 0; background: #fff;}
.about_img{float: right; margin: 0 0 15px 15px;}
.about_us h2{font-size: 22px; margin: 0; padding: 0 0 8px; font-weight: 600; text-transform: uppercase;}
.about_us h3{font-size: 18px; margin: 0; padding: 0 0 8px; font-weight: 600; color: #3747c1;}

.privacy_policy{float: left; width: 100%; margin: 0; padding: 30px 0; background: #fff;}
.privacy_policy h2{font-size: 22px; margin: 0; padding: 0 0 8px; font-weight: 600; text-transform: uppercase;}
.privacy_policy h3{font-size: 18px; margin: 0; padding: 0 0 8px; font-weight: 600; color: #3747c1;}
.privacy_policy p{font-size: 12px; line-height: 20px;}

/* Checkout page */
.checkout_page {
    float: left;
    width: 100%;
    margin: 0;
    padding: 50px 0;
    background: 
    #eee;
    position: relative;
}
.checkout_page h1 {
    padding: 8px 10px;
    margin: 0 0 10px;
    line-height: 30px;
    background: 
#3747c1;
font-size: 24px;
color:
    #fff;
    font-weight: 600;
}
/*.panel-body form textarea,
.panel-body form select,
.panel-body form input{border:1px solid #ccc;height:40px;border-radius:0;background:#fff;line-height:40px;box-shadow:none;padding:0 10px;box-sizing:border-box;}
.panel-body form textarea{height: 80px!important;}
.panel-body form .radio_btn input{float: left; margin-right:10px; height: 17px; line-height: 25px; }
.panel-body form .radio_btn{font-size:13px; line-height: 25px; cursor: pointer;}
.panel-body form .radio_btn:hover{color: #3747c1;}*/
.panel-body form select{line-height:40px; height: 40px;}
.password_cont{display: none; position: relative;}
.checkout_page .checkout-steps .panel-default{background:#fff;box-shadow:0 2px 4px 0 rgba(0,0,0,.08)}
.checkout_page .checkout-steps .panel .checkout_title{margin:0!important;font-size:13px;font-weight:bold;text-align:left;padding:0}
.checkout_page .checkout-steps .panel .checkout_title a{color:#333;text-transform:uppercase;display:block;background:#fff;font-size:16px;font-weight:600;padding:10px;border-radius:3px}
.checkout_page .checkout-steps .panel .checkout_title a span{background-color:#aaa;color:#fff;display:inline-block;margin-right:10px;padding:5px 10px;font-size:13px;border-radius:3px}
.checkout_page .checkout-steps .panel .checkout_title>a:not(.collapsed){background:#8390f4;color:#fff;border-radius: 3px 3px 0px 0px;}
.checkout_page .checkout-steps .panel .checkout_title>a:not(.collapsed) span{background:#fff;color:#3747c1;}
.checkout_page .checkout-steps .checkout-step-01 form .form-group .info_title{font-weight:normal;margin-bottom:5px;font-size:13px;color:#333}
.checkout_page .checkout-steps .checkout-step-01 form .forgot-password { padding-top: 14px;  display: inline-block; color: #3747c1; position: absolute;top: -5px;right: 7px;}
.checkout_page .checkout-steps .checkout-step-01 form .step_login_btn{
padding: 10px 25px;
background: #fb641b;
color: #fff;
border-radius: 3px;
text-decoration: none;
text-align: center;
display: inline-block;
margin-right: 0px;
margin-bottom: 15px;
font-size: 15px;
border:0}
.checkout_page .checkout-steps .checkout-step-01 form .step_login_btn:hover{background: #3747c1;
color: #fff;}
.checkout_page .radio .radio_button{display: inline-block; margin: 0 15px 0 0; padding: 0; color:#000;}
.checkout_page .radio .radio_button input[type="radio"]{ margin: 0 5px 0 0px;position: relative;float: left;line-height: 24px;height: 20px;}
.checkout_page .checkout-steps .panel-body {padding: 20px; border:none}
.checkout_page .checkout_right{padding: 15px; background: #eee;}
.checkout_page .checkout_right h4{ text-align: left; margin: 0 0 10px; padding: 0;}
.checkout_page .checkout_right ul{margin: 0; padding: 0;}
.checkout_page .checkout_right ul li{ font-size: 13px; list-style: none; line-height: 22px;}
.checkout_page .checkout_right ul li:before{ content: none;}
.checkout_page .checkout_right ul li i.fa-check{ background:transparent!Important; color: #3747c1;}
.checkout_page .checkout_right .step_login_btn{
padding: 8px 25px;
background: #333;
color: #fff;
border-radius: 3px;
text-decoration: none;
text-align: center;
display: inline-block;
margin-right: 0px;
margin-bottom: 15px;
font-size: 15px;
border:0}
.checkout_page .checkout_right .step_login_btn:hover{background: #3747c1;color: #fff;}
.checkout_page .address{ float: left; width: 100%;}
.checkout_page .address h5{ font-size: 14px; font-weight: 600; text-transform: uppercase; margin: 0 0 5px; padding: 0;}
.checkout_page .address h5 label input{ float: left; margin-right: 6px;height: 16px;line-height: 25px;margin-bottom: 30px;}
.checkout_page .address h5 label span{ font-size: 16px; color: #3747c1; margin-right: 6px; font-weight: 600;}
.checkout_page .address p strong{margin-right: 5px;}
.checkout_page .address h5 label{ font-size: 14px; color: #333;}
.checkout_page .address h5 .edit{ float: right; font-size: 14px; color: #3747c1;}
.checkout_page .address h5 .edit:hover{ color: #333;}
#edit_panel {display: none;}
.cancel{ display: inline-block; padding: 10px 35px;}
.save_btn{ padding: 10px 35px; background: #fb641b;}


.checkout_page .checkout-steps .panel .checkout_title5{margin:0px!important;font-size:13px;text-align:left;padding:0; background: #fff; box-shadow: 0 2px 4px 0 rgba(0,0,0,.08); border: 1px solid #eee;
}
.checkout_page .checkout-steps .panel .checkout_title5 a{color:#3747c1;text-transform:capitalize;display:block;background:#fff;font-size:14px;padding:10px;border-radius:3px}
#add_address_panel {
  display: none;
}
.change {
    float: right;
    background: 
transparent;
border: 1px solid
#3747c1;
color:
    #3747c1;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: normal;
}
.complate_bg{background: #8390f4!important;color: #fff!important;}
.checkout_page .checkout-steps .panel .checkout_title a.complate_bg span{background:#fff;color:#3747c1;}
.panel-body h5 {
    font-size: 18px;
    font-weight: 600;
    color: 
    #3747c1;
    margin-bottom: 10px;
    padding: 0;
}
.panel-body label.shipping{line-height: 25px; cursor: pointer;}
.panel-body label.shipping input{float: left; height: 15px; margin-right: 10px;}
.checkout_btn{padding: 10px 30px;background:#fb641b;color:#fff;border-radius: 3px;text-decoration: none;
text-align: center;display: inline-block;margin-right: 0px;margin-bottom: 15px;font-size: 15px;border: 0;}
.checkout_btn:hover,.checkout_btn:focus{background:#fb641b;color:#fff;}
.edit_address ul{float: left; width: 100%; margin: 0 0 15px; padding: 0;}
.edit_address ul li{list-style: none; line-height: 24px; border: 1px solid #eee; padding: 5px 10px; margin-bottom: 5px;}
.edit_address ul li label{margin: 0 10px 0 0px; padding: 0;}

.payment_option form .radio {
border-bottom: 1px solid #ccc;
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 0px;
    cursor: pointer;
    font-size: 16px;
    padding: 5px 0 10px 30px;
    user-select: none;
}
.payment_option form .radio:last-child{ border-bottom: 0;}

.payment_option form .radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.payment_option form .checkround {

    position: absolute;
    top: 6px;
    left: 0;
    height: 20px;
    width: 20px;
    background: #fff ;
    border-color:#3747c1;
    border-style:solid;
    border-width:2px;
     border-radius: 50%;
}
.payment_option form .radio input:checked ~ .checkround {background: #fff;}
.payment_option form .checkround:after {content: ""; position: absolute; display: none;}
.payment_option form .radio input:checked ~ .checkround:after {display: block;}
.payment_option form .radio .checkround:after {left: 2px; top: 2px; width: 12px; height: 12px; border-radius: 50%;background:#3747c1;}
.confrmorder{padding: 12px 40px;background: #3747c1;color:#fff; border-radius: 3px; text-decoration: none; text-align: center; display: inline-block; margin-right: 0px; margin-top: 15px; margin-bottom: 15px; font-size: 18px; border: 0;}


/* Login Page */
.login_page{float:left;width:100%;margin:0;padding:30px 0;background:#fff}
.panel-lite{float: left; width: 100%; margin:20px auto;max-width:100%;background:#fff;padding:25px 20px;border-radius:4px;box-shadow:2px 2px 5px rgba(0,0,0,0.2);position:relative}
.panel-lite h2{font-weight:600;font-size:24px;text-align:center;color:#3747c1;margin:0 auto 8px}
.textarea1{height:100px!important}
.register .radio_button{min-height:35px;margin-right:10px}
.panel-lite a {
    display: inline-block;
    margin-top: 10px;
    text-decoration: none;
    color: #333;
    font-size: 14px;
}

.panel-lite a:hover {
    color: #3747c1;
}
/* My Account Page */
.my_account_page{float:left;width:100%;margin:0;padding:20px 0 30px;background:#eee;position:relative}
.my_account_page .right_side h1 {padding: 8px 10px; margin: 0 0 10px; line-height: 30px; background: 
#3747c1;font-size: 24px;color:#fff;font-weight: 600;}
.my_account_page .wps_right{float: left; width: 100%;background:#fff;padding: 10px;border: 1px solid #ccc; margin-bottom: 20px;}
/*.my_account_page .wps_right p{margin-bottom: 15px;}*/
.my_sidebar{ float: left; width: 100%; padding: 0; background: #fff; margin-bottom: 15px;}
.profle_body{ position: relative; width: 100%; margin: 0; text-align: center;  padding: 25px 15px;}
.profle_body img{border-radius: 50%; margin-bottom: 10px;}
.profle_body h5{ font-size: 16px; color: #333; line-height: 24px; margin: 0; padding: 0; font-weight: 600;}

.my_sidebar ul{ float: left; width: 100%; margin: 0; padding: 0;} 
.my_sidebar ul li{ list-style: none;border-bottom:1px solid #eee;}
.my_sidebar ul li a{padding: 10px 15px; color: #333;}
.my_sidebar ul li a:hover,.my_sidebar ul li a:focus,.my_sidebar ul li a.active{background: #3747c1; color:#fff;}

.my_account_page .wps_right .radio .radio_button{display: inline-block; margin: 0 15px 0 0; padding: 0; color:#000;}
.my_account_page .wps_right .radio .radio_button input[type="radio"]{ margin: 0 5px 0 0px;position: relative;float: left;line-height: 24px;height: 20px;}
.deactivate{ color: #333; border: 1px solid #333; padding: 5px 20px; display: inline-block; font-size: 13px;}
.deactivate:hover{color: #3747c1; border: 1px solid #3747c1; }

/* My Order */
.my_order{ border: 0;}
.order_item{float: left; width: 100%; margin-bottom: 15px;}
.order_top{background:#eee;border-bottom: 1px solid #ccc;padding: 12px 15px;}
.orderID{ float: left; padding: 5px 15px; background: #3747c1; color: #fff;}
.orderID:hover,.orderID:focus{ color: #fff; background: #7e992f;}
.need_btn{display: inline-block; border: 1px solid #ccc; color: #333; padding: 5px 15px;}
.need_btn i{ margin-right: 5px; color: #3747c1;}
.need_btn:hover{border: 1px solid #3747c1; color: #3747c1;}
.order_body{ float: left; width: 100%; background: #fff; border: 1px solid #ccc; padding: 5px;}
.order_body img{padding: 5px; border: 1px solid #eee;}
.order_body .order_info a{font-size: 14px; font-weight: 600; color: #333; padding-bottom: 10px;}
.order_body .order_info a:hover{ color: #3747c1; }
.order_body .order_info p{ font-size: 12px; line-height: 18px; margin: 0; padding: 0; text-align: left;}
.order_body .order_price{font-size: 14px; font-weight: normal; color: #333;}
.order_body .delivered p{ font-size: 13px; line-height: 18px; margin: 0; padding: 0; text-align: left;}
.order_body .delivered small{ text-align: left; font-size: 11px;}
.order_body .review_product{ color: #3747c1; text-transform: uppercase;}
.order_body .review_product:hover{color: #3747c1;}
.order_foot{ float: left; width: 100%; padding:5px 5px; border: 1px solid #ccc; border-top: 0;}
.order_foot p{ margin: 0; padding: 0; font-size: 13px; line-height: 24px;}
.order_foot p.text-right{ text-align: right;}
.refund{ float: left; width: 100%; padding: 5px 10px; margin-top: 10px;}
.refund p{line-height: 24px; margin: 0; padding: 0;}
.refund a{display: inline-block; color: #333; line-height: 24px; margin: 0; padding: 0; }
.refund a:hover{ color: #3747c1;}
.refund_body{ float: left; width: 100%; border: 1px solid #eee; margin-bottom: 10px;}
.refund_completed{ float: left; width: 100%; padding: 10px;}
.refund_completed p{ font-size: 14px; line-height: 20px; color: #333; margin: 0; padding: 0;}

/* Track Page  */
.track_page{float:left;width:100%;margin:0;padding: 30px 0 40px;background:#eee;position:relative}
.account_breadcrumb{ float: left; width: 100%; margin: 0; padding: 0 0 20px;}
.account_breadcrumb li{ list-style: none; display: inline-block; margin-right: 10px;}
.account_breadcrumb li:before{float: left; content: "/"; margin-right: 10px;}
.account_breadcrumb li a{ display: inline-block; color: #333;}
.account_breadcrumb li:first-child:before{ content:none;}
.account_breadcrumb li a:hover{ color: #3747c1;}
.account_breadcrumb li.active{ color: #3747c1;}
.track_info{ padding: 0;     box-shadow: 0 2px 4px 0 rgba(0,0,0,.08); margin-bottom: 20px;}
.delivery_address_track{ padding: 20px 15px; border-right: 1px solid #ccc;}
.delivery_address_track h1{font-size: 16px; font-weight: 600; line-height: 24px; margin: 0; padding: 0 0 10px; background:transparent; color: #333;}
.delivery_address_track h2{font-size: 14px; font-weight: 600; line-height: 24px; margin: 0; padding: 0; background:transparent; color: #333;}
.more_track{ padding: 20px 15px }
.more_track h2{font-size: 14px; font-weight: 600; line-height: 24px; margin: 0; padding: 0 0 10px; background:transparent; color: #333;}
.more_track p i{ color: #3747c1;}
.request_invoice{ float: right;padding: 3px 8px; border: 1px solid #333; color: #333; font-size: 13px; text-decoration: none;}
.request_invoice:hover,.request_invoice:focus{border: 1px solid #3747c1; color: #3747c1; text-decoration: none;}
.process{ padding: 15px; float: left;
width: 100%;
background: #fff;
border: 1px solid #ccc;}
.process_left{ float: left; width: 100%; margin: 0; padding: 0;}
.process_left a{ color: #333; text-decoration: none; font-size: 14px; font-weight: 600;}
.process_left p{ font-size: 13px; color: #333; line-height: 20px; margin: 0; padding: 0; text-align: left;}
.deliver_process{ float: left; width: 100%; margin: 25px 0 10px; padding: 0;}

.progressbar { float: left; width: 100%;
  margin: 0;
  padding: 0;
  counter-reset: step;
}
.progressbar li {
  list-style-type: none;
  width: 25%;
  float: left;
  font-size: 12px;
  position: relative;
  text-align: center;
  text-transform: capitalize;
  color: #7d7d7d;
}

.progressbar li:before {
  width: 20px;
  height: 20px;
  content: counter(step);
  counter-increment: step;
  line-height: 15px;
  border: 2px solid #7d7d7d;
  display: block;
  text-align: center;
  margin: 0 auto 10px auto;
  border-radius: 50%;
  background: white;
 position: relative;
    z-index: 5;
}
.progressbar li:after {
  width: 100%;
  height: 2px;
  content: '';
  position: absolute;
  background-color: #7d7d7d;
  top: 10px;
  left: -50%;
  z-index: 0;
}
.progressbar li:first-child:after {
  content: none;
}
.progressbar li.active {
  color:#55b776;
}
.progressbar li.active:before {
  border-color: #55b776;
}
.progressbar li.active + li:after {
  background: #55b776;
}
.progressbar li .process_dec{ display: none; width: 200px; position: absolute; z-index: 999; top: 110%; left: 0; background: #eee; padding: 10px; box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);}
.progressbar li:hover .process_dec{ display: block; border-top: 0;}
.progressbar li:hover .process_dec:after{content: "\f0d8";
font-family: 'FontAwesome';
position: absolute;
top: -28px;
font-size: 31px;
left: 50px;
color: #eee;}
.progressbar li .process_dec p{ font-size: 12px; line-height: 18px; text-align: left;}
.progressbar li .process_dec p span{ font-size: 11px; color: #55b776;}


.deliver_righ_info{ float: left; width: 100%;}
.deliver_righ_info h4{ font-size: 15px; color: #333; text-align: left; margin: 0; padding: 0 0 10px;}
.deliver_righ_info a{ color: #3747c1; text-transform: uppercase; line-height: 24px; font-weight: 600; font-size: 13px;}
.deliver_righ_info a i{ margin-right: 5px;}
.deliver_righ_info a:hover{ color: #3747c1;}
.track_footer{ float: left; width: 100%; border:1px solid #ccc; border-top:0; padding: 10px 15px; background: #fff;  box-shadow: 0 2px 4px 0 rgba(0,0,0,.08); margin-bottom: 20px; font-weight: 600; font-size: 16px;}


/*  Edit profile */
.edit_save_btn{width: auto;
background: #333;
padding: 8px 30px;
border: none;
color: #fff;
font-size: 14px;
border-radius: 4px;
cursor: pointer;}
.edit_save_btn:hover{ background:#3747c1; color: #fff;}

/*  Wishlist Page */
.wishlist_page{float:left;width:100%;margin:0;padding:20px 0 30px;background:#eee;position:relative}
.wishlist{ padding: 0; border: 0; background: transparent;}
.wishlist_body{ float: left; width: 100%; background: #fff; border: 1px solid #ccc; padding: 5px;}
.wishlist_body img{padding: 5px; border: 1px solid #eee;}
.wishlist_body .wishlist_info{ vertical-align: middle; padding: 15px 0;}
.wishlist_body .wishlist_info a{font-size: 16px; font-weight: 600; color: #333; padding-bottom: 10px;}
.wishlist_body .wishlist_info a:hover{ color: #3747c1; }
.wishlist_body .wishlist_info p{ font-size: 14px; line-height: 18px; margin: 0; padding: 0 0 5px; text-align: left;}
.wishlist_body .remove{color: #fff; background: #666; display: inline-block; border-radius: 3px;  text-align: center; padding: 10px 20px;}
.wishlist_body .remove:hover{color: #fff; background: #3747c1;}
.refund_completed p span{ color: #3747c1;}



.home_blog1{float: left; width: 100%; margin: 0; padding: 40px 0 40px; background: #f4f4f4;}
.home_blog{float: left; width: 100%; margin: 0; padding:0; position: relative; background: #fff;}
.home_blog .image{position: relative; text-align: center; height: 247px; border: 1px solid #eee; margin-bottom: 10px; overflow: hidden;}
.home_blog .image a{transition: transform 0.5s ease 0s;}
.home_blog:hover .image a{transition: transform 0.6s ease 0.05s; opacity: 0.7}
.home_blog .image img{position: absolute; top: 50%; left: 50%; max-width: 100%; transform: translate(-50%,-50%); width: auto; max-height: 100%;}
.blog_text{float: left; width: 100%; padding: 10px;}
.home_blog h4{margin-top: 0; margin-bottom:8px; padding: 0; font-weight: 700; font-size: 18px; color: #222;  text-transform: capitalize; min-height: 40px;}
.home_blog h4 a{color: #222;}
.home_blog p{font-size: 14px; color: #333; text-align: justify;}
.home_blog:hover h4 a{color: #3747c1}
.blog_date{    background: #fff none repeat scroll 0 0;
    display: block;
    font-weight: 400;
    height: 54px;
    left: 10px;
    padding: 4px 5px 7px;
    position: absolute;
    text-align: center;
    top: 10px;
    width: 110px;}
.blog_date span {
    color: #0e3553;
    display: block;
    font-size: 18px;
    font-weight: 600;
    line-height:normal;
    text-align: center;
}
.blog_date span.month {
    color: #0e3553;
    display: block;
    font-size: 12px;
    padding-top: 5px;
    text-transform: uppercase;
}



.refund_completed p span{ color: #333;}
.sidebar{float: left; width: 100%; margin: 0; padding: 0; box-shadow: 0px 5px 10px rgba(0,0,0,0.1);
margin-bottom: 20px;}
.sidebar .sidebar_title1 {
    float: left;
    padding: 10px 15px;
    color: #333;
    line-height: 24px;
    font-size: 16px;
    width: 100%;
    font-weight: 600;
    background: #fff;
    border-bottom: 1px solid #e3e3e3;
    text-transform: uppercase;
}
.sidebar .sidebar_body{float: left; margin: 0; padding: 0; width: 100%;}
.sidebar .sidebar_body .sidebar_group{float: left; width: 100%; padding: 10px 15px; border-bottom: 1px solid #eee;}
.sidebar .sidebar_body .sidebar_group .sidebar_heading .sidebar_toggle_1{
  clear: both;
  display: block;
  font-size: 13px;
  line-height: 28px;
    color: #333;
    font-weight: 600;
    text-transform: uppercase;
}
.sidebar .sidebar_body .sidebar_group .sidebar_heading .sidebar_toggle{
  clear: both;
  display: block;
  font-size: 13px;
  line-height: 28px;
    color: #333;
    font-weight: 600;
    text-transform: uppercase;
}
.sidebar .sidebar_body .sidebar_group .sidebar_heading .sidebar_toggle:after{
  content:"\f077";
  float: right;
  font-family: fontawesome;
    color: #999;
    font-size: 12px;
    font-weight: normal;
}

.sidebar .sidebar_body .sidebar_group .sidebar_heading .sidebar_toggle.sidebar_collapsed:after {
  content: "\f078";
  font-family: fontawesome;
  font-weight:normal
}
.sidebar_inner ul{margin:0px; padding: 0; float: left; width: 100%;}
.sidebar_inner ul li{padding: 4px 0; line-height: normal; list-style: none;}
.sidebar_inner ul a{color: #333; padding: 0; font-size: 13px;}
.sidebar_inner ul a:hover,.sidebar_inner ul a:focus{color: #3747c1;}
.price_filter_1{float: left; width: 100%; margin: 0; padding: 0 0 10px;}
.price_filter_1 label{font-size: 13px; color: #333; font-weight: normal; display: block;}
.price_filter_1 #amount {
    border: 0;
    color: #333;
    font-weight: 600;
    text-align: center;
    font-family: sans-serif;
    width: 100%;
    margin: 0 auto 5px;
    padding: 0;
    letter-spacing: 0.5px;
    font-size: 14px;
    display: inline-block;
}

.ui-state-default, .ui-widget-content .ui-state-default{cursor: pointer;}
.ui-widget-header{background: #333;}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #333;
  background: #333;
  font-weight: normal;
  color: #ffffff;
}


.product_filter{float: left; width: 100%; margin: 0; padding: 0;}
.product_filter ul{margin:0 0 20px;padding:0;}
.product_filter ul li{text-transform:capitalize;display:block;color:#888;font-size:14px;line-height:34px;position:relative;padding:0px;}
.product_filter li label{font-size:13px;line-height:28px;font-weight:normal;cursor:pointer;color:#333; display: block;}
.product_filter li label:before,.product_filter li label:after{content:"";display:table}
.product_filter li label:after{clear:both}
.product_filter li label{line-height:28px;margin:0}
.product_filter li label:hover{color:#333}
.product_filter li label>span{display:block;position:relative;padding-left:27px}
.product_filter li label>span:before{content:'';width:15px;height:14px;background:#fff;display:block;position:absolute;left:0;top:7px;border:1px solid #ccc}
.product_filter li label input[type=checkbox]{visibility:hidden;position:absolute}
.product_filter li label input[type=checkbox]:checked+span{color:#333}
.product_filter li label input[type=checkbox]:checked+span:before{background:#333;background-repeat:no-repeat;background-position:center;background-image:url(../images/checked.png);border:1px solid #333}
.product_filter li label input[type="checkbox"]:checked + span:before{ background-repeat: no-repeat!important; background-position: center!important; background-image: url(../images/checked.png)!important;}

.size_list{float: left; width: 100%; margin: 0; padding: 0;}
.size_list li{display: inline-block;
    position: relative;
    width:45px;
    height: 40px;
    transition: all .3s;
    border: 1px solid #e9e9e9;
    background-color: #fff;
    color: #7a7d82;
    font-size:14px;
    font-weight: 400;
    line-height:40px;
    text-align: center;
    text-decoration: none;
    margin-left: 10px;
    margin-bottom: 10px;
    padding: 0;
}
.size_list li a{display: block;}
.size_list li:last-child{border: 1px solid #e9e9e9;}
.size_list li a:hover,.size_list li a:focus {
    border-color:#333;
    background: #333;
    color: #fff;
    text-decoration: none;
}
.size_list li.active a {
    border-color: #333;
    outline: 0.1rem solid #333;
    background-color: #333;
    color: #fff;
}


/* Blog Page */
.blog_page{float: left; width: 100%; margin: 0; padding: 40px 0; background: #fff;}

.blog_page h2.title_2 {
    color: #333;
    font-weight: 700;
    font-size: 18px;
    line-height: 29px;
    margin: 0;
    padding: 0;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 5px;
    margin-bottom: 35px;
    overflow: visible;
    position: relative;
    text-transform: capitalize;
}

.blog_page h2.title_2:before {
    content: '';
    position: absolute;
    background: #333;
    width: 80px;
    height: 2px;
    left: 0;
    bottom: -2px;
}



.blog_listing {
    position: relative;
    overflow: hidden;
    float: left;
    width: 100%;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
    padding-bottom:20px;
}

.blog_listing:last-child {
    border: 0;
}

.blog_listing .blog_thumb {
    float: left;
    position: relative;
    margin-right: 20px;
    overflow: hidden;
    max-width: 100%;
    height: 250px;
    border: 1px solid #eee;
    width: calc(100% - 65%);
	background:#f6f6f6;
}

.blog_listing .blog_thumb img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 100%;
}

.blog_listing .blog_content {
    float: left;
    padding: 0;
    position: relative;
    width: calc(100% - 40%);
}

.blog_listing h2.title_small {
    font-size: 17px;
    line-height: 24px;
    margin-bottom: 0px;
    margin-top: 0;
    padding: 5px 0;
    position: relative;
    height: 55px;
}

.blog_listing h2.title_small span {
    color: #333;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-height: 100%;
}

.blog_listing:hover h2.title_small span {
    color: #3747c1;
}

.blog_listing p {
    color: #333;
}

.blog_listing .blog_meta {
    margin: 3px 0 10px;
}

.blog_listing .blog_meta span {
    font-size: 12px;
    color: #333;
    margin-right: 8px;
    padding-right: 10px;
    border-right: 1px solid #dedede;
    line-height: 12px;
    display: inline-block;
}

.blog_listing .blog_meta span i {
    font-size: 14px;
}

.blog_listing .blog_meta span.post_date {
    border-right: 0;
}

.blog_read_more_btn {
    font-size: 14px;
    color: #ffffff;
    text-transform: capitalize;
    font-weight: 500;
    padding: 8px 25px;
    border-radius: 50px;
    display: inline-block;
    background: #333;
    margin-bottom: 5px;
    z-index: 1;
}
.blog_read_more_btn:hover,.blog_read_more_btn:focus{background: #3747c1; color: #fff;}
.left_sidebar{float: left; width: 100%;}
.right_news{ float: left; width: 100%; margin-bottom: 15px; border: 1px solid #eee; background: #fff;}
.right_news .image{float: left; width: 100%; margin:0 0 10px; position: relative; overflow: hidden; height: 186px;}
.right_news .image img{position: absolute; max-width: 100%; margin: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; max-height: 100%;}
.right_news h5{ padding: 10px; line-height: 18px; font-size: 15px; margin: 0px;}
.right_news h5 a{ color: #333;}
.right_news:hover h5 a{color: #3747c1;}

/* Blog details*/
.title_details {
    color: #333;
    font-weight: 700;
    font-size: 20px;
    line-height: 29px;
    margin: 0;
    padding: 0;
    padding-bottom: 5px;
    position: relative;
    text-transform: capitalize;
}
.blog_meta_info {
    float: left;
    width: 100%;
    line-height: 1.2;
}

.blog_meta_info ul {
    display: inline-block;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 0 15px;
    padding: 0;
    line-height: 1.2;
}

.blog_meta_info ul li a {
    font-weight: 600;
    font-size: 14px;
    display: inline-block;
}

.blog_meta_info ul li {
    display: inline-block;
    color: rgba(10, 10, 10, 0.7);
    font-size: 13px;
    text-transform: capitalize;
}

.blog_meta_info ul li + li {
    margin-left: 5px;
}


.sharethis-inline-share-buttons {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}


.blog_details .news_details_image{float: left; width: 100%; margin-bottom: 15px; padding: 0; position: relative; text-align: center;}
.blog_details .news_details_image img{ max-width: 100%; max-height: 100%; width: auto;}
.blog_details p{font-size: 15px; line-height: 25px; color: #333;}
.blog_details blockquote { float: left; width: 100%;
  position: relative;
  z-index: 1;
  border: none;
  font-size: 22px;
    margin: 0;
  margin-top: 30px;
  margin-bottom: 30px;
  padding-left: 85px;
  color: #232323;
  font-weight: 600;
  line-height: 32px;
}

.blog_details blockquote cite {
  display: block;
  margin-top: 15px;
  color: #999999;
  font-weight: 500;
}

.blog_details blockquote:before {
  position: absolute;
  left: 0;
  top: 5%;
  content: "";
  height: 90%;
  width: 3px;
  background: #333;
}

.blog_details blockquote:after {
  position: absolute;
  left: 30px;
  content: "\f10d";
  font-family: "FontAwesome";
  color: #333;
  font-size: 30px;
  top: 5px;
  font-weight: 600;
}

.blog_details blockquote p {
  margin: 0;
  position: relative;
  z-index: 1;
  line-height: 28px;
  font-size: 18px;
  font-style: italic;
  font-weight: 500;
}
.blog_details ul { float: left; width: 100%;
  margin-bottom: 25px;
}
.blog_details ul li {
    margin-bottom: 10px;
    color: #333;
    position: relative;
    z-index: 1;
    font-size: 15px;
    padding-left: 25px;
    display: block;
}



.blog_details ul li:after {
  position: absolute;
  left: 0;
  top: 0;
  content: "\f00c";
  height: 100%;
  width: 100%;
  font-family: "FontAwesome";
  color: #333;
  font-weight: 600;
  font-size: 15px;
}




.blog_details h2{font-size: 20px; margin: 0 0 10px; font-weight: 500; color: #cb212a;}
.blog_details h3{float: left; width: 100%; font-size: 18px; margin: 10px 0 10px; font-weight: 600; color: #333; display: block;}
.blog_details h4{float: left; width: 100%; font-size: 18px; margin: 10px 0 10px; font-weight: 600; color: #333; display: block; padding: 0;}
.blog_details h5{float: left; width: 100%; font-size: 16px; margin: 10px 0 10px; font-weight: 600; color: #333; display: block; padding: 0;}
.share_and_comments{float: left; width: 100%; margin-bottom: 20px;}


.blog_navigation {
    float: left;
    width: 100%;
    margin-top: 30px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding-top: 20px;
    padding-bottom: 20px;
}
.blog_navigation .blog_navigation_links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.blog_navigation .blog_navigation_links .nav_previous {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.blog_navigation .blog_navigation_links .nav_next {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    text-align: right;
}
.blog_navigation .blog_navigation_links div a {
    display: inline-block;
    font-weight: 500;
    font-size: 16px;
    color: #0e3553;
}
.blog_navigation .blog_navigation_links div a:hover{color: #333;}
.blog_navigation .blog_navigation_links .nav_previous a i {
    margin-right: 5px;
    -webkit-transition: .5s;
    transition: .5s;
    font-size: 18px;
    position: relative;
    top: 1px;
}

.blog_navigation .blog_navigation_links .nav_next a i {
    margin-left: 5px;
    -webkit-transition: .5s;
    transition: .5s;
    font-size: 18px;
    position: relative;
    top: 1px;
}
.blog_navigation .blog_navigation_links .nav_previous a:hover i {
    margin-right: 0;
}
.blog_navigation .blog_navigation_links .nav_next a:hover i {
    margin-left: 0;
}

.comments_area { float: left; width: 100%;
    margin-top: 30px;
}
.comments_area .comments_title {
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: 600;
}
.comments_area .comment_list {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.comments_area .comment_body {
    border-bottom: 1px dashed #ccc;
    padding-left: 70px;
    color: #333;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.comments_area .comment_body .comment_meta{background: transparent;}
.comments_area .comment_author {
    font-size: 16px;
    margin-bottom: 8px;
    position: relative;
    z-index: 2;
}
.comments_area .comment_author .avatar {
    height: 50px;
    left: -65px;
    position: absolute;
    width: 50px;
}
.comments_area .comment_author .fn {
    font-weight: 600;
}
.comments_area .comment_metadata {
    color: #6b6b84;
    margin-bottom: 10px;
    font-size: 14px;
}
.comments_area .comment_metadata a {
    display: inline-block;
    color: #6b6b84;
}
.comments_area .comment_body .reply {
    margin-top: 15px;
}
.comments_area .comment_body .reply a {
    background: #0e3553;
    color: #fff;
    display: inline-block;
    padding: 5px 30px;
    border-radius: 30px;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 500;
    z-index: 1;
}
.comments_area .children {
    margin-left: 20px;
    list-style: none;
}

.comments_area .comment_respond { float: left; width: 100%;
    margin-top: 30px;
}
.comments_area .comment_respond .comment_reply_title {
    margin-bottom: 0;
    font-size: 24px;
}
.comments_area .comment_respond .comment_form {
    overflow: hidden;
}
.comments_area .comment_espond .comment_notes {
    margin-top: 10px;
    margin-bottom: 20px;
}
.comments_area .comment_respond .comment_notes .required {
    color: red;
}
.comments_area .comment_respond .comment_form_author {
    float: left;
    width: 50%;
    padding-right: 10px;
    margin-bottom: 20px;
}
.comments_area .comment_respond .cookies {
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 20px;
    cursor: pointer;
}


/* Media News */
.media_news {float: left; width: 100%;  position: relative; margin-bottom: 25px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);}
.media_news .image{float: left; width: 100%; margin:0px; position: relative; overflow: hidden; height: 260px;}
.media_news .image img{position: absolute; max-width: 100%; margin: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; max-height: 100%;}
.media_news a img {min-width: 100%;}
.media_news .media_news_title { float: left; width: 100%;background: #fff;margin: 0;padding:10px;}
.media_news h4 {
    height: 60px;
    margin-bottom: 0px;
    overflow: hidden;
    position: relative;
    text-align: left;
    padding: 0;
}
.media_news h4 span{position: absolute; top: 50%; left: 50%; max-width: 100%; transform: translate(-50%,-50%); width: 100%; color: #333;}
.media_news:hover h4 span{ color: #333;}
.media_news .media_news_title .media_name {position: absolute;top: 20px;left: 0;background: #333; padding: 5px 10px;font-weight: 600;color: #fff;}
.media_news .media_news_title .media_name span{ color: #fff;}

/* input form */
.form-group {
    position: relative;
    font-size: 15px;
    color: #666;
}
.form-group + .form-group {
  margin-top: 15px;
}

.form-group .form-label {
    position: absolute;
    z-index: 1;
    left:15px;
    top: 10px;
    transition: .3s;
    background: #fff;
    padding: 0px;
    color: #777;
    font-weight: normal;
    line-height: 20px;
    font-size: 13px;
}
.form-group.focused .form-label {
 font-size:12px; top: -9px; left: 10px; z-index:5; padding: 0 5px; background: #fff;}
.form-group .form-control:focus + .form-label,
.form-group .form-input:disabled + .form-label {
font-size:12px; top: -9px; left: 10px; z-index:5; background: #fff; padding: 0 5px;}

.form-group .form-input:focus + .form-label,
.form-group .form-input:valid + .form-label {font-size:12px; top: -9px; left: 10px; z-index:5;  background: #fff; padding: 0 5px;}

.form-input {
position: relative;
    padding: 5px 15px 5px 15px;
    width: 100%;
    outline: 0;
    border: 0;
    box-shadow: 0 1px 0 0 #e5e5e5;
    -webkit-transition: box-shadow 150ms ease-out;
    transition: box-shadow 150ms ease-out;
    font-size: 14px;
    font-weight: normal;
    background: transparent;
    z-index: 100;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    z-index: 2;
    color: #333;
    min-height: 40px;

}
.form-input:focus {
  box-shadow: 0 1px 0 0 #333;
}

.form-input.filled {
  box-shadow: 0 1px 0 0 #333;
}

.form-input:-webkit-autofill ~ label {
    top:-20px;
} 
.form-group label{cursor: pointer;}

.textarea1{height:100px!important}
.register_btn {
    padding: 10px 50px;
    background: #333;
    color: #fff !important;
    display: block;
    text-align: center;
    border-radius: 3px;
    z-index: 1;
    width: 100%;
    font-size: 16px;
    border: 0;
    margin-bottom: 15px;
    font-weight: normal;
}
.register_btn:hover,.register_btn:focus{background: #3747c1; color: #fff;}
@media(max-width:768px) {
    .quick-contact-items .row{display: block;}
    .contact_us_btn_1 {float: left; margin-top: 20px;}
    .blog_listing .blog_thumb{width: 100%;}
    .blog_listing .blog_content{width: 100%;}
    .blog_listing h2.title_small{height: auto;}
    .blog_listing h2.title_small span{position: relative; transform: none; left: 0; top: 0;}
}

/*  Faq Page */
.faq_page{float: left; width: 100%; margin: 0; padding: 40px 0; background: #fff;}
.faq_title{max-width: 750px;
    margin: auto;
    margin-bottom: 70px; text-align: center;
}
.faq_title h2 {
	font-size: 36px;
	color: #333;
	font-weight: 700;
	margin-bottom: 10px;
}

.faq_page .panel-default{background: #fff; border: 0; padding: 0; border: 0; background: none; border-radius: 0; margin-bottom: 20px;}
.faq_page .panel-default > .panel-heading{background: none; border: 0; padding: 0; border: 0; background: none; border-radius: 0;}
#accordion .panel-title{padding: 0;}
#accordion .panel-title a {
    box-shadow: 0 1.5px 12px 2px rgba(0, 0, 0, .06);
    background: #fff;
    color: #333;
    border-radius: 12px;
    padding: 10px 15px;
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 0;
    position: relative;
}
#accordion .panel-title a:hover{background:#333; color:#fff}
#accordion .panel-title a.active{background: #333;  color:#fff; border-radius:12px 12px 0 0;}
#accordion .panel-title a.collapsed.active{background:#333; color:#333}
#accordion .panel-title a:before,
#accordion .panel-title a.collapsed:before{content:"\f107";font-family:"FontAwesome";font-weight:900;width:50px;height:100%;text-align:center;line-height:40px;position:absolute;top:0px;right:0; font-size: 24px;}
#accordion .panel-title a:before{top:3px;}
#accordion .panel-title a.active:before{content:"\f106"; top: 0;}
#accordion .panel-default .panel-body{border: 0; background: #fff; box-shadow: 0 1.5px 12px 2px rgba(0,0,0,.06); border-radius: 0 0 12px 12px;}
#accordion .panel-default{box-shadow:none;}




.faq_title p {
	font-size: 16px;
	color: #333;
	margin: 0;
	line-height: 24px;
}

.faq_content {
    display: flex;
     margin-bottom: 35px;
    border-bottom: 1px dotted;
    padding-bottom: 35px;
}
.faq_icon i {
    font-size: 45px;
    color: #333;
}
.faq_text {
    padding-left: 20px;
    width: 100%;
    min-height: 160px;
}

.faq_text h3 {
	font-size: 22px;
	color: #333;
	font-weight: 600;
    margin-bottom: 10px;
    height: 50px;
    position: relative;
}
.faq_text h3 span{position: absolute; top: 50%; left: 50%; max-width: 100%; transform: translate(-50%,-50%); width: 100%;}
.faq_text_p {
    max-height: 90px;
    overflow: hidden;
    overflow-y: auto;
}
.faq_text p {
	font-size: 16px;
	color: #333;
	margin: 0;
}

.quick-contact-area.half-bg {
  position: relative;
  z-index: 1;
}

.quick-contact-area.half-bg::after {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  height: 60%;
  width: 100%;
  background: #f3f7fd;
  z-index: -1;
}

.quick-contact-items { float: left; width: 100%;
    padding: 50px 30px;
    background-image: url(../images/faq/faq1.jpg);
    position: relative;
    z-index: 1;
    box-shadow: inherit !important;
    background-position: center center !important;
    background-size: cover
}

.quick-contact-items:after {
    background: #333 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.quick-contact-items .row{position: relative; display: flex;}
.quick-contact-items h5 {
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 25px;
    color: #fff;
    font-size: 18px;
}

.quick-contact-items h2 {
  font-weight: 600;
  margin-bottom: 0;
  line-height:normal;
  margin-bottom: -5px;
    color: #fff;
    font-size: 2rem;
}

.quick-contact-items h2 strong {
  text-decoration: underline;
}
.contact_us_btn_1 {
    display: inline-block;
    font-weight: 600;
    line-height: 25px;
    text-transform: capitalize;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    overflow: hidden;
    border-radius: 5px;
    font-size: 17px;
    padding: 15px 40px;
        background: #ffffff;
    color: #333;
    z-index: 1;
}
.align-center {align-items: center;}
.contact_us_btn_1:hover,.contact_us_btn_1:focus{background: #333; color: #fff;}

.social-wrap {
    float: left;
    width: 100%;        
    margin: 0;
    padding: 0;
}

.social-wrap li {
    position: relative;
    display: inline-block;
    list-style: none;
}

.social-wrap li a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.2);
    display: inline-block;
    margin-right: 10px;
    color: #333!important;
    font-size: 14px;
    text-transform: capitalize;
}

.social-wrap li a:hover {
    color: #333!important;
}
/* Review & Rating Page */
.review_right{ padding: 10px; background: #fff; margin-bottom: 20px;}
.review_right_side h1 {
    padding: 8px 10px;
    margin: 0 0 10px;
    line-height: 30px;
    background: #3747c1;
    font-size: 24px;
    color: #fff;
    font-weight: 600;
}
.my_reviews{ padding: 0; border: 0;}
.reviews_item{float: left;
width: 100%;
background: #fff;
border-bottom:1px solid #ccc;
padding: 15px;}
.reviews_item:last-child{border-bottom: 0;}
.reviews_info a{font-size: 16px;
font-weight: 600;
color: #333;
padding-bottom: 10px}
.reviews_info p{font-size: 13px;
line-height: 20px;
    font-style: italic;
margin: 0;
padding: 0 0 5px;
text-align: left;
}
.reviews_info ul{ float: left; width: 100%; margin: 0; padding:0px;}
.reviews_info ul li{ list-style: none; display: inline-block; line-height: 18px; font-size: 14px; color: #666; margin-right: 15px;}
.rate_heading{ float: left; width: auto; display: inline-block; font-size: 16px; font-weight: 600;}
.rate_block{ font-size: 18px; color: #333; display: block;}
.review_title { padding-bottom: 5px;}
div.stars{ display: inline-block;}
input.star{ display: none;}
label.star{
  float: right;
  padding: 5px;
  font-size: 20px;
  color: #333;
  transition: all .2s;
    cursor: pointer;
    line-height: 24px;
}

input.star:checked ~ label.star:before {
  content: '\f005';
  color: #FD4;
  transition: all .25s;
}

input.star-5:checked ~ label.star:before {
  color: #FE7;
/*  text-shadow: 0 0 10px #c4b865;*/
}
input.star-1:checked ~ label.star:before { color: #F62; }
input.star-2:checked ~ label.star:before { color: #e09d1b; }
input.star-3:checked ~ label.star:before { color: #ff9f00; }
label.star:before {content: '\f006'; font-family:'FontAwesome';}
.rate_rating{ width: 100%; padding: 0px 0 5px;}
.rate_rating i{ font-size: 15px;}
.right_links{ float: right; text-align: right;}
.reviews_info ul li a{ font-size: 13px; color: #0e3553;}
.reviews_info ul li a:hover,.reviews_info ul li a:focus{ color: #333}

.checked {
    color: orange;
}

.modal_btn{width:auto; background:#1b1b1b; padding: 10px 35px; border:none; color:#fff; font-size:14px; border-radius:4px; cursor: pointer; z-index: 1;}
.modal_btn:hover,.modal_btn:focus{color: #fff; background: #333;}
.cancel{float: right;}


/* Video Section */

.video-section { float: left; width: 100%;
    position: relative;
    padding: 60px 0 40px;
    background-size: cover;
    text-align: center;
    background-image: url(../images/bg-3.jpg);
}

.video-section h2 {
   position: relative;
font-size: 40px;
font-weight: 400;
color: #fff;
line-height: 40px;
margin-bottom: 20px;
}

.video-section h2 strong {
    font-weight: 700;
}

.video-section .text {
    position: relative;
    color: #fff;
    font-size: 22px;
}


.video-section .video-btn {
    margin-bottom: 50px;
    margin-left: 20px;
    margin-top: 50px;
}

.video-section .video-btn span {
    position: relative;
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 80px;
    border-radius: 50%;
    font-size: 30px;
    transition: .5s;
    background: #3747c1;
}

.video-section .video-btn a:hover span {
    background-color: #333;
    color: #fff;
}

.video-section .video-btn a {
	height: 120px;
	width: 120px;
	border-radius: 50%;
	color: #fff;
	text-align: center;
	line-height: 110px;
	font-size: 30px;
	display: inline-block;
	position: relative;
	border: 2px solid rgb(255 255 255 / 0.40);
}

.video-section .video-btn .ripple:before {
    position: absolute;
    left: -22px;
    top: -22px;
    right: -22px;
    bottom: -22px;
    content: '';
    border: 2px solid rgb(255 255 255 / 0.15);
    border-radius: 50%;
}

.video-section .video-btn .ripple:after {
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.14);
	-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.14);
	-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.14);
	box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.14);
	-webkit-animation: ripple 3s infinite;
	animation: ripple 3s infinite;
}

.video-section .video-btn .ripple:after {
	-webkit-animation-delay: .6s;
	animation-delay: .6s;
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
}

@-webkit-keyframes ripple {
	70% {
		-webkit-box-shadow: 0 0 0 70px rgba(244, 68, 56, .0);
		        box-shadow: 0 0 0 70px rgba(244, 68, 56, .0);
	}
	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);
		        box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);
	}
}

@keyframes ripple {
	70% {
		-webkit-box-shadow: 0 0 0 70px rgba(244, 68, 56, .0);
		        box-shadow: 0 0 0 70px rgba(244, 68, 56, .0);
	}
	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);
		        box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);
	}
}

@media(max-width:980px) {
    .modcontent ul {
        margin-bottom: 20px;
        float: left;
        width: 100%;
    }

    .modcontent.style_350 ul li {
        width: 100%;
    }
}

.logo-footer img {
    max-width: 140px;
    margin-top: -6px;
}
section.products-offer-area .products-offer-content, section.products-offer-area .products-offer-content h1, section.products-offer-area .products-offer-content span, section.products-offer-area .products-offer-content p {
    color: #fff;
}
.blog-img {
    background: #fff;
}

.blog-img p {
    padding: 0px 20px;
}

.blog-img .blog-border {
    display: none;
}

.blog-img a h3 {
    padding: 20px;
    margin: 0;
    font-weight: bold;
}

section.text_desc.bottom_div h1, section.text_desc.bottom_div p, section.text_desc.bottom_div ul li, section.text_desc.bottom_div h2 {
    color: #fff;
}

section.text_desc.bottom_div p {font-size: 14px;}

section.text_desc.bottom_div ul li {
   /* font-weight: bold;
    font-style: italic;*/
}

section.banner_category {
    position: relative;
}
/*
section.banner_category:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(0 0 0 / 55%);
    z-index: 1;
}*/

.banner_category .banner_title {
position: relative;
    z-index: 1;
    display: inherit;
    padding: 15px 30px;
    color: #3747c1;
    font-style: italic;
    font-weight: 600;
    margin: 0 auto;
    float: none;
    width: auto !important;
    /*text-shadow: 1px 1px 1px #000;*/
}
.description02 h3 a {
    font-size: 16px;
    font-weight: bold;
    font-style: italic;
}
section.product_listing h2:before {
    background: #3747c1;
    content: "";
    height: 2px;
    width: 100px;
    position: absolute;
    bottom: -10px;
}
section.product_listing h2 {
    font-size: 20px;
    position: relative;
    margin: 15px 0px 20px;
    position: relative;
}

.details_qty {
    float: left;
    width: 100%;
    display: inline-block;
    margin-bottom: 0;
}
.add_to_button{
    margin: 10px 5px 10px 0px;
}
a.add_to_wishlist {
    margin: 10px 0px;
    font-weight: normal;
    text-transform: capitalize;
    display: inline-block;
    line-height: normal;
    padding: 12px 25px;
    position: relative;
    border: 0;
    background: #333; color: #fff;
    margin-right: 5px;
}

a.add_to_wishlist:hover,a.add_to_wishlist:focus{background: #3747c1; color: #fff;}

.home_testimonial{float: left; width: 100%; margin: 0; padding: 40px 0; background: #fff;}
#testimonial{float: left; width: 100%;}
.testimonial_box{text-align: center; padding: 20px 0}
.testimonial_desc{margin-bottom: 20px;}
.testimonial_desc p {
    font-size: 18px;
    line-height: 30px;
    font-style: italic;
}

.author_name h6 {
    margin-bottom: 5px;
    font-size: 22px;
    padding: 0;
    color: #3747c1
}
.author_name span{color: #0e3553; font-size: 16px;}
#testimonial .owl-prev,
#testimonial .owl-next {
    position: absolute;
    top: 50%;
    display: block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    padding: 0;
    transform: translate(0, -50%);
    cursor: pointer;
    color: #3747c1;
    font-size: 16px;
    border: 0;
    outline: 0;
    background: transparent;
    border-radius: 100%;
    z-index: 9;
    border: 1px solid #3747c1;
    transition: all 0.3s ease;
}

#testimonial .owl-nav .owl-prev {
    left: -50px;
}

#testimonial .owl-nav .owl-next {
    right: -50px;
}

#testimonial .owl-nav .owl-prev:hover,
#testimonial .owl-nav .owl-next:hover {
    background: #3747c1;
    color: #fff;
    border-color: #3747c1;
}
#testimonial .owl-dots{bottom: 0;}
.topinfosection{float: left; width: 100%; padding: 20px 0; margin: 0; background: #fff;}
.bg_2{float: left; width: 100%; background: #f8f8f8; padding: 20px 25px; border-bottom: 1px solid #dedede;}
.infobox {
    display: inline-flex;
}
.info-icon {
    margin-right: 10px;
}

.info-icon .fa {
    font-size: 30px;
    color: #000;
}

.info-content h4 {
    margin: 0 0 2px;
    font-size: 16px;
    color: #000;
    padding: 0;
    font-weight: 600;
}
.info-content p {
    font-size: 14px;
    color: #000;
    margin: 0;
}


#productID .modal-lg {
    max-width: 800px;
    width: 800px;
}

@media(max-width:1023px) {
    #productID .modal-lg {
        max-width: 95%;
        width: 100%;
    }
}
/* Modal Form*/
.modal-content{border-radius: 0;}
.modal-header{ padding: 0 15px; background: #3747c1; color: #fff;}
.modal-header h4{ text-align: left; font-size: 18px; line-height: 18px; color: #fff; font-weight: 600;}
.close{float: right;font-size: 24px;font-weight: 600;line-height: 2;color: #fff;text-shadow: 0 1px 0 #fff;    opacity: .7;}
.close:hover, .close:focus {color: #fff;text-decoration: none;cursor: pointer;opacity: .9;}
.send_p{font-size: 13px; line-height: 18px; text-align: center;}
.modal-body input[type="text"], .modal-body select,
.modal-body input[type="number"]{width:100%; padding:5px 12px; border-radius:0px;}
.modal-body textarea{width:100%; height:120px; padding:5px 12px; border-radius:0px;}
.modal-body select{ width: 100%;}
.pac-container{z-index: 100000; }
.g-recaptcha{
    transform: scale(0.80);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0
}

.modal_btn{
    width: auto;
    background: #333;
    padding: 8px 25px;
    border: none;
    color: #fff;
    font-size: 14px;
    border-radius: 0px;
    cursor: pointer;
}
.modal_btn:hover,.modal_btn:focus{background: #3747c1; color: #fff;}
/* Products Poup */
.product_popup {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

.product_popup_image {
    width: 100%;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    overflow: hidden;
    position: relative;
    height: 300px;
}

.product_popup_image img {
    position: absolute;
    max-width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 100%;
    width: auto;
    margin: auto;
}

.product_popup h4 {
    color: #3747c1;
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 8px;
    text-align: left;
    padding: 0;
}

.product_popup p {
    font-size: 14px;
    line-height: 24px;
    color: #333;
    text-align: left;
    margin-bottom: 15px;
}

#product_enquiry label.error {
    color: #FB3A3A;
    font-weight: normal;
}

.heading_title_1 {
    padding: 8px 10px;
    margin: 0 0 10px;
    line-height: 30px;
    background: #3747c1;
    font-size: 24px;
    color: #fff;
    font-weight: 600;
}
.name_title {
    float: left;
    width: 100%;
    display: block!important;
    padding: 0;
    margin: 15px 0 5px;
    line-height: 30px;
    font-size: 20px!important;
    color: #333!important;
    font-weight: 600!important;
}
.market-list{float:left;width:100%;margin:0 0 20px !important;padding:0}
.market-list li{list-style:none;padding-right:10px;line-height:20px;width:25%;display:inline-block;float:left}
.market-list li:before{content:none!important;margin-right:0!important}
.market-list li a{width:auto;height:auto;padding:10px 0 10px 12px;margin:0 0 9px 0;display:block!important;color:#333!important;font-size:14px;background-color:#ddd}
.market-list li a:hover{background:#3747c1;color:#fff!important}

.add_to_cart{ background: #fb641b;
padding: 10px 20px;
font-size: 14px;
color: #fff;
margin: 10px 0px 10px 0px;
display: inline-block;
width: auto;
border-radius: 3px;}
.add_to_cart:hover,.add_to_cart:focus{background: #3747c1; color: #fff;}


.portfolio_block {
    float: left;
    width: 100%
}

.portfolio_block .image-box {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px
}

.portfolio_block .image-box img {
    width: 100%
}

.portfolio_block .image-box .image {
    margin-bottom: 0;
    position: relative;
    height: 370px;
    border: 1px solid #eee;
    transition: all .2s ease
}

.portfolio_block .image-box .image img {
    position: absolute;
    max-width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    height: auto;
    max-height: 100%
}

.portfolio_block .image-box:hover .image {
    transform: scale(1.1)
}

.portfolio_block .overlay {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1
}

.portfolio_block .overlay .title-box {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    display: flex;
    z-index: -1;
    flex-direction: column;
    padding: 10px 15px;
    transition: all .2s ease;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
}

.portfolio_block .image-box:hover .overlay .title-box {
    bottom: 0;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.portfolio_block .overlay .title-box:before {
    background-color: #ea5f1e;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: .9;
    color: #fff
}

.portfolio_block .overlay span {
    position: relative;
    height: 50px;
    width: 50px;
    background-color: #ea5f1e;
    color: #fff;
    font-size: 20px;
    line-height: 50px;
    border-radius: 50%;
    opacity: 0;
    text-align: center;
    transform: translateY(-25px) scale(0);
    transition: all .2s ease
}

.portfolio_block .image-box:hover .overlay span {
    opacity: 1;
    transform: translateY(-25px) scale(1)
}

.portfolio_block .overlay h5 {
    font-size: 20px;
    line-height: 1.2em;
    color: #fff;
    font-weight: 600;
    display: block;
    margin-bottom: 0;
    position: relative
}
.thnk-btn{border-color: #333; background: #333; color: #fff;}
.thnk-btn:hover,.thnk-btn:focus{border-color:#3747c1; background: #3747c1;}