/*-----------------------------------------------------------------------------------

    Template Name: SOZO
    Template URI: http://bootexperts.com
    Description: This is html5 template
    Author: BootExperts
    Author URI: http://bootexperts.com
    Version: 1.0


-----------------------------------------------------------------------------------
     CSS INDEX
    =======================

	1. THEME DEFAULT CSS
	2. INDEX ONE
		2.1. HEADER AREA
		2.2. CATEGORY MEGA MENU AREA
		2.3. MOBILE MENU
        2.4. CART AREA
        2.5. TOP PRODUCT AREA
        2.6. TOOLTIP
        2.7. OWL CAROUSEL
        2.8. MEGA MENU
        2.9  BEST SELLER AREA
        2.10 BLOG CAROUSEL
        2.11 BANNER
        2.12 TAB AREA
        2.13 CATEGORY AREA
        2.14 CLIENT AREA
        2.15 FOOTER AREA
        2.16 PRODUCT MODAL
    3. INDEX TWO
    4. INDEX ONE BOX
    5. SHOP PAGE
    6. PRODUCT PAGE
	7. PRODUCT PAGE BOX
	8. CART PAGE
	9. BLOG PAGE
   10. BLOG LEFT SIDEBAR
   11. BLOG RIGHT SIDEBAR
   12. SINGLE POST
   13. CONTACT
   14. PORTFOLIO
   15. ABOUT US PAGE
   16. CHECKOUT PAGE
-----------------------------------------------------------------------------------*/

/*----------------------------------------*/
/*  1.  Theme default CSS
/*----------------------------------------*/
html, body {
    height: 100%;color: #334155;
    font-family: 'Roboto';font-size: 14px;
}
body{
    
    font-size:16px;
    line-height:1.8;
    color:#334155;
}
*{margin:0 auto}
.floatleft {float:left}
.floatright {float:right}
.alignleft {float:left;margin-right:15px;margin-bottom: 15px}
.alignright {float:right;margin-left:15px;margin-bottom: 15px}
.aligncenter {display:block;margin:0 auto 15px}
a:focus {
    outline:0px solid;  
    color: inherit;
    text-decoration: none;
}

img {max-width:100%;height:auto}
.fix {overflow:hidden}
p {margin:0 0 15px;}
h1, h2, h3, h4, h5, h6 {
    margin: 0 0 15px;
    color: #334155;
}
a {transition: all 0.3s ease 0s;text-decoration:none;color:#334155}
a:hover {
  color: #1261A0;
  text-decoration: none;
}
a:active, a:hover {
  outline: 0 none;
}
ul{
list-style: outside none none;
margin: 0;
padding: 0
}
body {}
.form-control:focus {
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.075) inset, 0 0 0px rgba(102, 175, 233, 0.6);
  outline: 0 none;
  border-color: #F4F6F8;
}
@font-face {
    font-family: "ecs";
    src: url("fonts/ecs.eot?91333061");
    src: url("fonts/ecs.eot?91333061#iefix") format("embedded-opentype"), url("fonts/ecs.woff2?91333061") format("woff2"),
        url("fonts/ecs.woff?91333061") format("woff"), url("fonts/ecs.ttf?91333061") format("truetype"), url("fonts/ecs.svg?91333061#ecs") format("svg");
    font-weight: normal;
    font-style: normal;
}
.clear{clear:both}
.no-padding{padding: 0px}
.no-padding-left{padding-left: 0px}
.no-padding-right{padding-right: 0px}
/*scroll up*/
#scrollUp {
 background-color: #334155 ;
bottom: 97px;
color: #ffffff !important;
display: block;
font-size: 16px;
height: 35px;
line-height: 32px;
position: fixed;
right: 20px;
text-align: center;
text-decoration: none !important;
transition: all 0.5s;
width: 35px;
z-index: 1000;
}
#scrollUp:hover {background: #1261A0;}
/*-----------------------------
/*     2.INDEX ONE START
/*----------------------------*/
/*----2.1--HEADER AREA---*/
.header-top {
background-image: url("img/top-bar.jpg");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-bottom: 1px solid #fff;
}
.top-message h4{
color: #fff;
font-family: Roboto;
font-size: 30px;
font-weight: 300;
padding-bottom: 12px;
padding-left: 19px;
padding-top: 18px;
}
.header-top h4 span{text-transform: uppercase}
.header-middle{
background: #0B1F33 none repeat scroll 0 0;
min-height: 50px;
width: 100%;
}
.top-timer .count-down .cdown-tex {
display: none;
}
.top-timer {margin-left: 63%;}
.top-timer i {
float: left;
margin-top: 20px;
font-size: 40px;
color: #fff;
}
.top-timer .count-down .time-count{float: left;display: inline;font-size: 40px;padding: 0;}
.top-timer .count-down .separator{position: relative}
.top-timer .count-down .separator:after{
content: ":";
top: 8px;
right: -12px;
position: absolute;
font-size: 30px;
 }
.top-timer .count-down .cdown{
width: auto;padding: 0px 5px;
border: 0px solid #F4F6F8;
border-radius:0px;
background: none;
color: #fff;
text-transform: uppercase;
text-align: center;
padding-top: 8px;
padding-bottom: 0px;
font-weight: 700;
}
.cdown p{padding-top: 5px;padding-bottom: 0px}
/*-----2.2 CATEGORY MEGA MENU AREA--------*/
.category-heading {
overflow: hidden;
border-left: 1px solid #F4F6F8;
border-right: 1px solid #F4F6F8;
color: #fff;
cursor: pointer;
font-family: Roboto,Arial,Helvetica,sans-serif;
font-size: 15px;
font-weight: bold;
height: 80px;
line-height: 80px;
padding-left: 18px;
text-transform: uppercase;
width: 100%;
}
.left-category-menu > .left-product-cat > .category-heading span {
width: 70%;
float: left;
}
.cat-align{ 
border-left: 1px solid #F4F6F8;
overflow: hidden;text-align: center;width: 30%;
font-size: 24px;transition: all .3s;
}
.cat-align:hover{background: #fff;color: #334155}
.category-menu-list {
width: 100%;
z-index: 1000;
}
.category-menu-list ul {
list-style: outside none none;
padding: 0px;
}
/* TABLE SEO THIETBIDIENSAIGON */

table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-size: 15px;
    background: #fff;
    box-shadow: 0 2px 10px rgba(0,0,0,.08);
    border-radius: 8px;
    overflow: hidden;
}

table thead {
    background: #0056b3;
    color: #fff;
}

table thead th {
    padding: 14px 12px;
    text-align: center;
    font-weight: 700;
    border: 1px solid #d9e2ef;
}

table tbody td {
    padding: 12px;
    border: 1px solid #F4F6F8;
    text-align: center;
}

table tbody tr:nth-child(even) {
    background: #f8fbff;
}

table tbody tr:hover {
    background: #eaf4ff;
    transition: 0.3s;
}

/* Mobile */
@media(max-width:768px){
    table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
}
.article-content img,
.news-content img,
.content-detail img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 25px auto;
    padding: 8px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,.08);
}
.seo-image{
    text-align:center;
    margin:25px 0;
}

.seo-image img{
    max-width:100%;
    border-radius:10px;
}

.seo-image span{
    display:block;
    margin-top:8px;
    color:#334155;
    font-size:14px;
    font-style:italic;
}
.content-detail img{
    max-width:100%;
    height:auto;
    display:block;
    margin:25px auto;
    border-radius:12px;
    border:1px solid #F4F6F8;
    box-shadow:0 4px 15px rgba(0,0,0,.08);
    transition:.3s;
}

.content-detail img:hover{
    transform:scale(1.02);
    box-shadow:0 10px 25px rgba(0,0,0,.15);
}
.category-menu-list > ul > li {
background: #fff none repeat scroll 0 0;
border-bottom: 1px solid #F4F6F8;
position: relative;
cursor: pointer;
}
.category-menu-list > ul > li:hover{background: #F4F6F8}
.category-menu-list ul li:last-child {
/*border-bottom: 0px solid #ebebeb;*/
}
.category-menu-list ul li a {
color: #334155;
font-family: Roboto,Arial,Helvetica,sans-serif;
font-size: 13px;
font-weight: bold;
height: 47px !important;
line-height: 47px !important;
text-transform: uppercase;
transition: all 0.4s ease 0s;
}
.category-menu-list ul li span.cat-thumb {
display: block;
float: left;
padding-left: 18px;
padding-right: 13px;
padding-top: 13px;
font-size: 14px;
}
.category-menu-list ul li a i {
line-height: 45px;
position: absolute;
top: 1px;
left: 25px;
color: #334155;
}
.category-menu-list ul li .cat-left-drop-menu {
background: #fff none repeat scroll 0 0;
border: 1px solid #ebebeb;
left: 100%;
padding: 0 15px 0 10px;
position: absolute;
text-align: left;
top: 0;
width: 260px;
z-index: 999999999;
border-bottom: 5px solid #1261A0;
}
.category-menu-list ul li .layer-one{display: none}
.category-menu-list > ul > li:hover .layer-one{
display: block;}
.category-menu-list ul li .cat-left-drop-menu-left ul li .layer-two{display: none;}
.category-menu-list ul li .cat-left-drop-menu-left ul li:hover .layer-two{display: block}
.category-menu-list ul li .cat-left-drop-menu .cat-left-drop-menu-left {width: 100%}
.category-menu-list ul li .cat-left-drop-menu-left ul li {
border-bottom: 1px solid #F4F6F8;position: relative;
}
.category-menu-list ul li .cat-left-drop-menu-left ul li:last-child {
border-bottom: 0px solid #F4F6F8;
}
.category-menu-list ul li .cat-left-drop-menu-left ul li a {
color: #334155;
font-family: Roboto,Arial,Helvetica,sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 47px;
display: block;
}
.category-menu-list ul li .cat-left-drop-menu-left ul li a:hover{color:#1261A0}
.category-menu-list ul li.arrow-plus::after {
color: #b7aaa6;
content: "";
font-family: "FontAwesome";
font-size: 9px;
padding-top: 10px;
position: absolute;
right: 12px;
top: 8px;
}
.category-menu-list ul li:hover .cat-left-drop-menu-single {display: block;}
.rx-parent {cursor: pointer;}
.category-menu-list ul li span.fa {
color: #fff;
padding: 17px 20px 0;
}
.rx-child,.category-menu-list ul li a.rx-show {display: none;}
.category-menu-list ul li.rx-change a.rx-show {display: block;}
.category-menu-list ul li.rx-change a.rx-default {display: none;}
.left-product-cat {position: relative;}
.category-menu-list {
position: absolute;
width: 100%;
z-index: 999;
border-left: 1px solid #F4F6F8;
border-right: 1px solid #F4F6F8;
}
.category-menu-list ul li.rx-parent {background: #1261A0 }
.category-menu-list ul li.rx-parent a{color: #fff}
.padding-for-menu-slider {margin: 30px 0px}
.logo {
border-right: 1px solid #F4F6F8;
float: left;
padding: 13px 10px 19px 0px !important;
text-align: center;
height: 80px;
}
.logo img {height: 60px; width: 60px}
.cart {
border-left: 1px solid #F4F6F8;
border-right: 1px solid #F4F6F8;
color: #fff;
cursor: pointer;
font-size: 20px;
height: 80px;
line-height: 80px;
text-align: center;
transition: all 0.4s ease 0s;
}
.cart-wrapper {
float: right;
width: 17%;
display: inline-block;
position: relative;
}
/*----------2.3  mobile menu-----------*/
.mean-container .mean-bar::before {
color: #fff;
content: "MENU";
font-size: 18px;
font-weight: 700;
left: 16px;
position: absolute;
top: 14px;
}
.mean-container .mean-bar {background: #1261A0 none repeat scroll 0 0;}
/* slider css */
.nivo-caption {
    background: rgba(0, 0, 0, 0);
	opacity:1;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	padding:0 !important;
}
.nivo-directionNav a{
background: #fff none repeat scroll 0 0;
color: #334155;
cursor: pointer;
font-size: 30px;
font-weight: bold;
height: 60px;
line-height: 60px;
margin: 0;
position: absolute;
text-align: center;
top: 42%;
transition: all 300ms ease-in 0s;
width: 30px;
z-index: 9;
}
.nivo-directionNav a:hover{
background: #1261A0 none repeat scroll 0 0;
color: #fff;
}
a.nivo-prevNav i.nivo-prev-icon, a.nivo-nextNav i.nivo-next-icon{

}
a.nivo-prevNav{
left: -160px;
}
.slider:hover a.nivo-prevNav{
	left:0;
	transform:rotate(360deg);
}
a.nivo-nextNav{
right: -160px;
}
.slider:hover a.nivo-nextNav{
	right:0;
	transform:rotate(360deg);
}



.slider-progress{
	position:absolute;
	top:0;
	left:0;
	background-color:rgba(38, 57, 64, 0.42);
	height:5px;
	-webkit-animation: timebar 5000ms ease-in-out;
	-moz-animation: timebar 5000ms ease-in-out;
	-ms-animation: timebar 5000ms ease-in-out;
	animation: timebar 5000ms ease-in-out;
	opacity:0.8;
}
@-webkit-keyframes timebar {
	from {width: 0;}
	to {width: 100%;}
}
 @keyframes timebar {
	from {width: 0;}
	to {width: 100%;}
}
 .slider-progress.pos_hover{
	-webkit-animation-play-state: paused;
	animation-play-state: paused;
}	

/*-----2.4  cart area-------*/
.cart-img {
border: 1px solid #F4F6F8;
float: left;
width: 50px;
position: relative;
height: 50px;
}
.cart-drop {
background: #fff none repeat scroll 0 0;
border: 1px solid #F4F6F8;
opacity: 0;
padding: 27px 16px 10px;
position: absolute;
right: 0px;
top: 90px;
transition: all 0.5s ease 0s;
visibility: hidden;
width: 300px;
z-index: 9999999;
}
.cart-wrapper:hover .cart-drop{visibility: visible;opacity: 1; top: 80px} 
.cart-title {
display: block;
padding-left: 68px;
}
.cart-price {
display: block;
padding-left: 68px;
}
.cart-title > p{
margin: 0;
padding: 4px 0px;
text-transform: capitalize;
}
.cart-title > p > a{
font-size: 13px;
color: #334155;
}
.cart-title > p > a:hover{color: #1261A0}
.cart-drop i {
background: #334155 none repeat scroll 0 0;
border-radius: 50px;
color: #fff;
font-size: 11px;
height: 16px;
line-height: 15px;
position: absolute;
right: 36px;
text-align: center;
top: 13px;
width: 16px;
}
.dropdown i {
float: right;
padding-top: 3px;
}
.cart-img > span {
background: rgba(0, 0, 0, 0) linear-gradient(#626262, #334155) repeat scroll 0 0;
border-radius: 50px;
color: #fff;
font-family: Roboto,Arial,Helvetica,sans-serif;
font-size: 11px;
font-weight: bold;
height: 20px;
left: -9px;
line-height: 20px;
overflow: visible;
position: absolute;
text-align: center;
top: -9px;
width: 20px;
z-index: 1;
}
.cart-sub-total {
border-top: 1px solid #F4F6F8;
padding: 14px 0;
}
/*---------------------------------------------------------------------------------------------------*/
.asdasd{
border: medium none;
color: #334155;
float: left;
font-family: Roboto,Arial,Helvetica,sans-serif;
font-size: 13px;
font-weight: bold;
line-height: 40px;
margin: 0 0 15px;
padding: 0 10px;
text-align: left;
text-transform: uppercase;
width: 100%;}
/*--------------------------------------------------------------------------------------------------*/
.cart-sub-total > p {
font-size: 13px;
font-weight: bold;
text-align: left;
text-transform: uppercase;
padding: 0px 10px;
}
.cart-sub-total span {
float: right;
font-size: 18px;
color: #334155;
}
.cart-checkout a {
background: #334155 none repeat scroll 0 0;
border: 1px solid #F4F6F8;
border-radius: 0;
box-shadow: none;
color: #fff;
display: inline-block;
font-family: Roboto,Arial,Helvetica,sans-serif;
font-size: 14px;
font-weight: bold;
height: 45px;
line-height: 45px;
padding: 0 20px;
text-shadow: none;
text-transform: uppercase;
transition: all 0.3s ease 0s;
white-space: nowrap;
width: 100%;
text-align: center;
}
.cart-checkout a:hover {
background: #1261A0 none repeat scroll 0 0;
color: #fff;
text-shadow: none;
}
.single-cart {
padding: 0px 10px;
position: relative;
}
.cart-drop i:hover {background: #1261A0;}
.plus-account {
display: inline-block;
float: right;
position: relative;
width: 17%;
}
.plus-icon {
border-right: 1px solid #F4F6F8;
color: #fff;
font-size: 24px;
line-height: 80px;
text-align: center;
cursor: pointer;
}
.plus-menu {
background: #fff none repeat scroll 0 0;
opacity: 0;
position: absolute;
right: 0;
visibility: hidden;
width: 158px;
z-index: 9999999;
}
.dropdown-menu {z-index: 9999999;}
.plus-account:hover .plus-menu{opacity: 1;visibility: visible} 
.plus-menu li a {
display: block;
line-height: 27px;
text-transform: capitalize;
}
.plus-menu > ul {
border: 1px solid #F4F6F8;
padding: 3px 15px 5px 44px;
text-align: right;
}
.lang-currency {
border-right: 1px solid #F4F6F8;
float: right;
width: 25%;
}
.lang-currency > ul > li {
    border-bottom: 1px solid #F4F6F8;
color: #fff;}
.dropdown-toggle {
display: block;
padding: 9px 8px;
}
.dropdown a {color: #fff;text-transform: uppercase}
.lang-currency > ul > li:last-child{border-bottom: 0px;}
.mobile-menu {display: none;}
.dropdown-menu{right: 0px;
min-width: 100%;
padding: 1px;}
.dropdown-menu > li > a {
border-radius: 0;
display: block;
font-size: 12px;
font-weight: normal;
height: inherit;
min-width: 108px;
padding: 11px 27px;
text-align: left;
text-transform: capitalize;
border-radius: 0px;
}
.lang-currency ul{border-radius: 0px;}
.dropdown-menu > li > a:hover {
background: #515151 none repeat scroll 0 0;
color: #1261A0;
}
.cat-search {
-moz-appearance: none;
-webkit-appearance: none;
-o-appearance: none;
background: #fff url("img/caret.png") no-repeat scroll 92% 45%;
border: medium none;
color: #555555;
cursor: pointer;
float: left;
font-family: Roboto,Arial,Helvetica,sans-serif;
font-size: 16px;
font-weight: normal;
height: 59px;
line-height: 60px;
padding: 0 0px 0 20px;
position: relative;
text-transform: capitalize;
width: 19%;
}
.cat-search:focus{border: none}
.form-control {
border-image: none;
border-radius: 0;
border-style: none none none solid;
border-width: medium medium medium 1px;
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.075) inset;
float: left;
margin-top: 10px;
padding: 6px 12px;
width: 74%;
}
.search-button{background: #1261A0 none repeat scroll 0 0;
background: #1261A0 none repeat scroll 0 0;
border: medium none;
border-radius: 0;
color: #fff;
float: right;
font-size: 24px;
height: 100%;
margin: 0;
right: 0;
text-align: center;
top: 0;
width: 48px;
width: 7%;
height: 59px;}
.search-button:hover{color: #888888}
.categorys-product-search form {
border: 2px solid #1261A0;
height: 63px;
overflow: hidden;
background: #fff;
position: relative;
}
.categorys-product-search {margin: 0px 0 20px;}
.header-shipping ul li {
margin-right: 20px;
display: inline-block;
}
.header-shipping > ul {
  text-align: center;
}
.header-shipping ul li i {
border: 1px solid #1261A0;
border-radius: 100%;
color: #1261A0;
font-size: 18px;
height: 36px;
line-height: 36px;
margin-right: 5px;
text-align: center;
width: 36px;
}
.header-shipping {
color: #334155;
font-weight: 500;
margin-top: 38px;
}
/*----2.5  TOP PRODUCT AREA*/
.area-heading > h3 {
display: inline-block;
font-family: Roboto,Arial,Helvetica,sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 1;
margin: 0;
padding: 0 0 15px;
position: relative;
text-transform: uppercase;
}
.area-heading > h3::after {
border-bottom: 3px solid #1261A0;
bottom: -1px;
content: "";
display: block;
left: 0;
position: absolute;
transition: all 0.4s ease 0s;
width: 100%;
}
.area-heading {
border-bottom: 1px solid #F4F6F8;
margin: 0 15px 30px;
}
.single-product {
padding: 8px 10px;
border: 1px solid #F4F6F8;
position: relative;
margin-bottom: 1px;
padding-bottom: 0px;
}
.single-product:hover{border: 1px solid #1261A0;}
.cdown{float: left;
width: 23%;
border: 1px solid #F4F6F8ddd;
border-radius: 5px;
background: #F4F6F8;
margin: 1%;
color: #334155;
text-transform: uppercase;
text-align: center;
padding-top: 8px;
padding-bottom: 0px;
font-size: 12px;font-weight: 700;
height: 55px;
}
.cdown p{padding-top: 5px;padding-bottom: 0px}
.sale-on {
background: #1261A0 none repeat scroll 0 0;
border: 1px solid #1261A0;
border-radius: 0;
box-shadow: none;
font-family: Roboto,Arial,Helvetica,sans-serif;
font-size: 10px;
height: 25px;
left: 15px;
line-height: 25px;
padding: 0 10px;
position: absolute;
text-align: center;
text-transform: uppercase;
top: 15px;
color: #fff;
font-weight: 700;
z-index: 99;
}
.home-1 .product-area .add-to-cart {
  display: inline-block;
  margin-bottom: 10px;
}
.home-1 .product-area .actions {
  margin-bottom: 7px;
}
.quick-view {
background: #1261A0 none repeat scroll 0 0;
color: #fff;
font-size: 11;
height: 34px;
line-height: 34px;
opacity: 0;
position: absolute;
text-align: center;
transition: all 0.3s ease 0s;
visibility: hidden;
width: 34px;
top: -35px;
right: 0;
z-index: 999;
}
.quick-view:hover{color: #fff;background: #FF433F}
.single-product:hover .quick-view {
top: 0;
visibility: visible;
opacity: 1;
}
.hide-img{opacity: 0;
position: absolute;
top: 0;
transition: all 0.3s ease 0s;
left: 0;
max-width: 100%;
z-index: -5;transition:all 0.5s ease 0s;
}
.show-img{opacity: 1;transition: all 0.3s ease 0s;}
.single-product:hover .hide-img{opacity: 1;display: block;z-index: 55;}
single-product:hover .show-img{opacity: 0;}
.single-product h2.pro-name {
display: inline-block;
font-size: 14px;
font-weight: 500;
margin: 10px 0 8px;
text-transform: capitalize;
height: 45PX;
}
.rating i {
color: #e74c3c;
font-size: 12px;
}
.rating i.fa-star-half-o {color: #D3CED2;}
.price-box .price {
color: #1261A0;
font-family: Roboto,Arial,Helvetica,sans-serif;
font-size: 16px;
font-weight: 400;
float: left;
display: inline-block;
margin-top: 2px;
}
.price-box {
display: inline-block;
overflow: hidden;
padding: 5px 0 9px;
}
.price-box .old-price {
color: #334155;
font-size: 17px;
font-weight: 500;
margin-left: 10px;
text-decoration: line-through;
display: inline-block;
}
.actions {margin-bottom: 15px;}
.actions span a {
border: 1px solid #F4F6F8;
color: #334155;
display: inline-block;
font-size: 12px;
font-weight: bold;
line-height: 14px;
min-width: 37px;
padding: 8px 7px;
text-align: center;
text-transform: uppercase;
}
.actions span a:hover{background: #1261A0;color: #fff;border-color: #1261A0}
.actions .new-pro-wish{margin: 0px 4px;}
.actions span a i{font-size: 15px;}
/*-----2.6  tooltip-----*/
.tooltip > .tooltip-inner {background-color: #1261A0;border-radius: 0px;padding: 6px 5px;}
.tooltip-arrow,.tooltip.top .tooltip-arrow { border-top-color:#1261A0}
.width-hun{width: 100%}
/*-----2.7 owl carousel---------*/
.owl-theme .owl-controls .owl-buttons div {
background: #ffffff none repeat scroll 0 0;
border: 1px solid;
border-radius: 0;
color: #999999;
display: inline-block;
font-size: 14px;
margin: 5px;
opacity: 0.5;
padding: 4px 8px;
width: 23px;
}
.client-carousel.owl-theme .owl-controls .owl-buttons div {
background: #ffffff none repeat scroll 0 0;
border: 1px solid;
border-radius: 0;
color: #999999;
display: inline-block;
font-size: 22px;
height: 32px;
left: 0;
line-height: 0;
margin-top: -26px;
opacity: 0.5;
position: absolute;
text-align: center;
top: 50%;
width: 25px;
}
.owl-theme .owl-controls .owl-buttons .owl-next {
position: absolute;
right: 11px;
top: -75px;
transition: all 300ms ease-in 0s;
}
.owl-theme .owl-controls .owl-buttons .owl-next:hover{color: #1261A0}
.owl-theme .owl-controls .owl-buttons .owl-prev {
position: absolute;
right: 40px;
top: -75px;
transition: all 300ms ease-in 0s;
}
.owl-theme .owl-controls .owl-buttons .owl-prev:hover{color: #1261A0}
/*---------2.8 mega menu----------*/
nav {position: relative;}
.main-menu > nav > ul > li {
  display: inline-block;
  position: relative;
}
.main-menu {
float: left;
padding: 18px 0 5px 13px;
}
.main-menu nav ul li a{display: block;font-size: 14px;
color: #ffffff;
display: block;
font-size: 14px;
font-weight: 500;
line-height: 45px;
padding: 0 19px;
text-transform: uppercase;
}
.main-menu nav ul li a:hover{color: yellow;}
.main-menu nav ul li{
background:none;
border-radius: 5px;
}
.main-menu nav > ul > li:hover{background: #F28C28;}
.sub-menu {
background: #F28C28 none repeat scroll 0 0;

position: absolute;
top: 45px;
width: 254px;
z-index: 999;
opacity: 0;
overflow: hidden;
transform: perspective(600px) rotateX(-90deg);
transform-origin: 0 0 0;
transition: transform 0.5s ease 0s, opacity 0.6s ease 0s, max-height 0.6s step-end 0s, max-width 0.6s step-end 0s, padding 0.6s step-end 0s;
}
.sub-menu > li {background: #F28C28 none repeat scroll 0 0;}
.sub-menu > li:hover{background: #535353}
.main-menu nav > ul > li .sub-menu > li > a{border-bottom: 1px solid #535353;
display: block; 
line-height: 41px;
padding: 0 15px;
text-transform: uppercase;font-weight: normal}
.main-menu ul li .mega-menu {
background-color: #F28C28;
position: absolute;
width: 562px;
z-index: 999;
left: 0;
opacity: 0;
overflow: hidden;
transform: perspective(600px) rotateX(-90deg);
transform-origin: 0 0 0;
transition: transform 0.5s ease 0s, opacity 0.6s ease 0s, max-height 0.6s step-end 0s, max-width 0.6s step-end 0s, padding 0.6s step-end 0s;
}
.main-menu ul li:hover .mega-menu,.main-menu ul li:hover .sub-menu {
opacity: 1;
z-index: 999;
visibility: visible;
transform: perspective(600px) rotateX(0deg);
transition: transform 0.5s ease 0s, opacity 0.2s ease 0s, max-height 0s step-end 0s, max-width 0s step-end 0s, padding 0s step-end 0s;
}
.main-menu ul li .mega-menu .mega-catagory {
float: left;
padding: 10px;
width: 33.33%;
}
.main-menu ul li .mega-menu .mega-catagory > a {
line-height:43px;
font-size: 14px;
text-transform: capitalize;
font-weight: normal;
}
.main-menu ul li .mega-menu .mega-catagory a:hover{background: #F28C28}
.main-menu ul li .mega-menu .mega-catagory h4{border-bottom: 1px solid #535353;
margin-bottom: 10px;}
.main-menu ul li .mega-menu .mega-catagory h4 a{font-weight: bold}
/*---------2.9  best seller area--------*/
.left-area-heading > h3 {
display: inline-block;
font-family: Roboto,Arial,Helvetica,sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 1;
margin: 0;
padding: 0 0 15px;
position: relative;
text-transform: uppercase;
}
.left-area-heading > h3::after {
border-bottom: 3px solid #1261A0;
bottom: -1px;
content: "";
display: block;
left: 0;
position: absolute;
transition: all 0.4s ease 0s;
width: 100%;
}
.left-area-heading {
border-bottom: 1px solid #F4F6F8;
margin: 0px 0px 30px;
}
.tab-and-banner-wrapper {margin: 45px 0px;}
.best-seller {margin-bottom: 40px;}
.bs-area-wrapper .product-image {
float: left;
padding-top: 12px;
position: relative;
width: 26%;
}
.bs-area-wrapper .product-image .hide-img{padding-top: 12px;}
.single-bestseller h2.pro-name {
display: inline-block;
font-size: 14px;
font-weight: 500;
line-height: 21px;
margin: 11px 0 5px;
text-transform: capitalize;
}
.single-bestseller{border-bottom: 1px solid #F4F6F8;
margin-bottom: 19px;
padding-bottom: 17px;
overflow: hidden}
.single-bestseller:hover .hide-img{opacity: 1;display: block;z-index: 55}
.bs-area-info {
display: inline-block;
padding-left: 14px;
width: 74%;
}
.bs-area-wrapper {
border: 1px solid #F4F6F8;
padding: 5px 14px;
}
.single-bestseller.remove-border-margin{border-bottom: none;padding-bottom: 0px}
/*-------2.10 blog carousel area------------*/
.post-title > h3 {
font-size: 15px;
}
.post-date {
font-size: 11px;font-weight: 500
}
.post-date span{margin-right: 3px;}
.post-info {
background: #F4F6F8 none repeat scroll 0 0;
display: inline-block;
padding: 28px 15px 10px;
}
.single-left-carousel {background: #F4F6F8;}
.post-detail {
font-size: 14px;
font-weight: 300;
line-height: 24px;
margin-top: 5px;
}
.home-1 .latest-post .owl-theme .owl-controls .owl-buttons .owl-next {
right: 10px;
top: -75px;
}
.home-1 .latest-post .owl-theme .owl-controls .owl-buttons .owl-prev {
right: 39px;
top: -75px;
}
/*------------2.11 banner------------*/
.overlay{
background: #334155 none repeat scroll 0 0;
content: "";
display: block;
height: 100%;
left: 0;
opacity: 0;
pointer-events: none;
position: absolute;
top: 0;
transition: all 0.3s ease 0s;
width: 100%;
z-index: 2;overflow: hidden
}
.single-banner{overflow: hidden;position: relative}
.single-banner:hover .overlay{opacity: .35}
.single-banner > p {
margin: 0px;
}
.single-banner img {
overflow: hidden;
text-align: center;
transform: scale(1);
transition-duration: 0.4s;
width: 100%;
}
.single-banner:hover img{transform: scale(1.05);}
.single-banner p::before {
border-bottom: 1px solid #ffffff;
border-top: 1px solid #ffffff;
bottom: 10px;
content: "";
left: 50%;
opacity: 1;
pointer-events: none;
position: absolute;
right: 50%;
top: 10px;
transition: all 300ms ease 0s;
z-index: 11;
}

.single-banner p:hover::before {
left: 10px;
opacity: 1;
right: 10px;
}
.single-banner p::after {
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
left: 10px;
content: "";
top: 50%;
opacity: 1;
pointer-events: none;
position: absolute;
bottom: 50%;
right: 10px;
transition: all 300ms ease 0s;
z-index: 11;
}
.single-banner p:hover::after {
bottom: 10px;
opacity: 1;
top: 10px;
}
/*-------2.12 Tab Area-------------*/
.tab-wrapper .area-heading {margin-left: 0px;}
.tab-button.area-heading {margin-top: 65px;}
.tab-button li a {
display: inline-block;
font-family: Roboto,Arial,Helvetica,sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 1;
padding: 0 0 15px;
position: relative;
text-transform: uppercase;
}
.tab-button li {
display: inline-block;
margin-right: 30px;
}
.tab-button li a::after {
border-bottom: 3px solid #1261A0;
bottom: -1px;
content: "";
display: block;
left: 50%;
position: absolute;
right: 50%;
transition: all 0.4s ease 0s;
}
.tab-button li a:hover::after, .tab-button li.active a::after {
left: 0;
right: 0;
}
.tab-button {
float: left;
height: auto;
margin-right: 5px;
width: 100%;
}
.mar-bottom{margin-bottom: 30px}
/*----------2.13 category area-----------*/
.cat-area-heading {
margin: 40px 15px 35px;
position: relative;
}
.cat-area-heading h4 {
background: #ffffff none repeat scroll 0 0;
display: inline-block;
font-size: 36px;
font-weight: 300;
margin-bottom: 0;
padding-right: 20px;
position: relative;
text-transform: uppercase;
z-index: 2;
}
.cat-area-heading::after {
border-bottom: 1px solid #F4F6F8;
content: "";
left: 0;
position: absolute;
top: 50%;
width: 100%;
z-index: 1;
}
.small-cat-menu h2::before {
content: "";
font-family: FontAwesome;
margin-right: 5px;
}
.cat-area-heading h4 strong {
background: #b7b8ba none repeat scroll 0 0;
font-weight: 900;
padding-left: 45px;
}
.small-cat-menu h2 {
background: #76caf1 none repeat scroll 0 0;
color: #ffffff;
font-size: 14px;
font-weight: 700;
line-height: 27px;
margin-bottom: 0;
padding: 20px 10px;
text-transform: uppercase;
}
.small-cat-menu ul li {margin-bottom: 2px;}
.small-cat-menu ul li a {
background: #F4F6F8 none repeat scroll 0 0;
color: #334155;
display: block;
font-size: 12px;
font-weight: 300;
line-height: 35px;
padding: 0 15px;
position: relative;
}
.small-cat-menu ul li a::before {
color: #334155;
content: "";
font-family: FontAwesome;
font-size: 7px;
margin-right: 10px;
}
.small-cat-menu ul li a:hover {
background: #76caf1  none repeat scroll 0 0;
}
.small-cat-menu ul li a:hover::before {color: #ffffff;}
.control-car .owl-theme .owl-controls .owl-buttons div {top: -49px;}
.category-area-two .small-cat-menu ul li a:hover {background: #BE9F7A  none repeat scroll 0 0;}
.category-area-two .small-cat-menu h2 {background: #BE9F7A none repeat scroll 0 0;}
.category-area-three .small-cat-menu ul li a:hover {background: #F272A3  none repeat scroll 0 0;}
.category-area-three .small-cat-menu h2 {background: #F272A3 none repeat scroll 0 0;}
.category-area-four .small-cat-menu ul li a:hover {background: #B2CCBF  none repeat scroll 0 0;}
.category-area-four .small-cat-menu h2 {background: #B2CCBF none repeat scroll 0 0;}
.category-area-five .small-cat-menu ul li a:hover {background: #326780  none repeat scroll 0 0;}
.category-area-five .small-cat-menu h2 {background: #326780 none repeat scroll 0 0;}
/*----2.14 client area---*/
.client-area {
margin-top: 65px;
margin-bottom: 30px;
}
.client-img {
border: 1px solid #F4F6F8;
margin-bottom: 20px;
overflow: hidden;
}
.client-img:hover {border: 1px solid #1261A0;}
.client-area .owl-theme .owl-controls .owl-buttons .owl-next {
  left: auto;
  right: 0;
}
/*----- 2.15 Footer area*/
.footer-area{background: #0B1F33}
.add{width: 100%}
.footer-top-heading{
color: #fff;
font-size: 15px;
font-weight: bold;
margin: 10px 0 30px;
text-transform: uppercase;
}
.footer-list ul li a {
font-size: 12px;
line-height: 24px;
text-transform: capitalize;
color: #F4F6F8;
}
.single-footer {
padding-left: 15px;
padding-bottom: 10px;
color: #F4F6F8;
}
.border-right {border-right: 1px solid #414141;}
.footer-top {
border-bottom: 1px solid #414141;
overflow: hidden;
}
.contact-us {
padding-left: 15px;
padding-top: 50px;
padding-bottom: 25px;
}
.contact-us ul li i {
background: #76caf1 none repeat scroll 0 0;
color: #fff;
font-size: 18px;
height: 40px;
line-height: 40px;
margin-right: 15px;
text-align: center;
width: 40px;
}
.contact-us ul li:nth-child(2) i {background: #be9f7a none repeat scroll 0 0;}
.contact-us ul li:nth-child(3) i {background: #b2ccbf none repeat scroll 0 0;}
.contact-us ul li:nth-child(4) i {background: #f1bb7c none repeat scroll 0 0;}
.contact-us ul li {
color: #F4F6F8;
font-weight: bold;
margin-bottom: 15px;
overflow: hidden;
text-transform: uppercase;
}
.subscribe-inner input {
background: #4b4b4b none repeat scroll 0 0;
border: 1px solid #5f5f5f;
color: #bababa;
font-size: 12px;
font-style: italic;
height: 40px;
width: 60%;
padding-left: 10px;
}
.sub-button {
background: #1261A0 none repeat scroll 0 0;
border: medium none;
color: #fff;
font-size: 14px;
font-weight: bold;
line-height: 23px;
margin: 0;
padding: 11px 10px 12px;
right: 0;
text-transform: uppercase;
transition: all 0.3s ease 0s;
margin-left: -3px;
}
.sub-button:hover{background:#FF433F;color: #fff}
.payment {margin-top: 46px;}
.news-letter {padding-bottom: 25px;padding-left: 15px;}
.logo-footer {
display: inline-block;
float: left;
padding: 18px 37px 18px 15px;
}
.footer-copyright {padding: 38px 0px;color: #fff}
.footer-copyright > a {color: #1261A0;}
.footer-copyright > a:hover{text-decoration: underline}
.footer-list ul li a:hover{color: #1261A0}
.social-icon-footer .social-icons{
float: right;
margin-right: 15px;
margin-top: 32px;
}
.social-icon-footer .social-icons li {
display: inline-block;
position: relative;
}
.social-icon-footer .social-icons li a {
border: 2px solid;
border-radius: 100%;
display: block;
height: 30px;
line-height: 27px;
margin-left: 10px;
text-align: center;
width: 30px;
color: #F4F6F8;
}
.social-icon-footer .social-icons li a:hover {
background: #1261A0 none repeat scroll 0 0;
color: #fff;
border: 2px solid #1261A0 ;
}
.bannercontainer {
width:100%;
position:relative;
padding:0;
}
/*=========================== 
2.16 Product Modal
============================= */   
.modal { z-index: 13000 }
#productModal .modal-dialog {
    margin: 5% auto;
    max-width: 96%;
    min-height: 300px;
    padding: 20px;
    -webkit-transition: all 0.5s ease 0s;
            transition: all 0.5s ease 0s;
    width: 870px;
}
#productModal .modal-header {
    border: 0 none;
    padding: 0;
    min-height: auto;
}
#productModal button.close {
    position: absolute;
    right: 10px;
    top: 10px;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
    z-index: 2;
    opacity: 1;

}
#productModal button.close span {
border: 1px solid #334155;
border-radius: 60px;
color: #334155;
display: block;
height: 30px;
line-height: 25px;
text-align: center;
width: 30px;
padding-top: 1px;
}
#quickview-wrapper .modal-content {
  border-radius: 0;
}
.modal-product { overflow: hidden }
.modal-product .product-images {
    float: left;
    width: 40%;
}
.modal-product .product-images .quick-thumbnails {
    float: left;
    width: 100%;
}
.modal-product .product-images .main-image {
    float: left;
    margin-bottom: 10px;
    width: 100%;
}
.modal-product .product-images .main-image img { box-shadow: none }
.modal-product .product-info {
    float: left;
    padding-left: 30px;
    width: 60%;
}
.modal-product .product-info h1 {
    font-size: 22px;
    font-weight: normal;
    margin: 0 0 20px;
}
.modal-product .product-info .price-box {
    float: left;
    margin: 0 0 12px;
    width: 100%;
}
.modal-product .product-info .price-box p { margin: 0 }
.modal-product .product-info .price-box .special-price {
color: #1261A0 ;
font-family: "Raleway",sans-serif;
font-size: 24px;
font-weight: 400;
}
.modal-product .product-info .see-all {
color: #42414f;
display: inline-block;
margin-bottom: 40px;
text-decoration: underline;
}
.numbers-row > input {
float: left;
height: 40px;
text-align: center;
width: 60px;
border: none;
border: 1px solid #F4F6F8;
}
.quick-add-to-cart .single_add_to_cart_button {
background: #1261A0 none repeat scroll 0 0;
border: medium none;
color: #fff;
float: left;
font-weight: 700;
height: 40px;
margin-left: 15px;
padding: 0 70px;
text-transform: uppercase;
transition: all 0.3s ease 0s;
}
.quick-add-to-cart .single_add_to_cart_button:hover{background:#334155 !important}
.modal-product .product-info .see-all:hover { color: #1261A0 }
h3.widget-title-modal{background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
color: #42414f;
float: left;
font-size: 16px;
line-height: 30px;
margin: 0 0 5px;
text-align: left;
text-transform: none;
width: 100%;}
.widget-title-modal{}
.modal-product .product-info .quick-add-to-cart {
    border-bottom: 1px solid #F4F6F8;
    float: left;
    margin: 0 0 20px;
    padding: 0 0 38px;
    width: 100%;
}
.modal-product .product-info .quick-desc {
    border-bottom: 1px solid #F4F6F8;
    color: #334155;
    float: left;
    font-size: 14px;
    line-height: 21px;
    margin: 0 0 25px;
    padding: 0 0 15px;
    width: 100%;
}
.modal-product .widget {
    float: left;
    width: 100%;
}
.modal-product .widget .widget-title {
    background: none;
    color: #334155;
    float: left;
    font-size: 16px;
    line-height: 30px;
    margin: 0 0 5px;
    text-align: left;
    text-transform: none;
    width: 100%;
}
.modal-product .widget .social-icons {
    float: left;
    margin: 0;
    padding: 0;
}
.modal-product .widget .social-icons li {
    float: left;
    line-height: 30px;
    list-style: none;
    margin-right: 10px;
}
.modal-product .widget .social-icons li .social-icon {
    border: 1px solid #F4F6F8;
    border-radius: 3px;
    color: #334155;
    display: inline-block;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    width: 40px;
}
.modal-product .widget .social-icons li .social-icon:hover { color: #fff }
.modal-product .widget .social-icons li .social-icon.facebook:hover {
    background: #1261A0;
    border: 1px solid #1261A0;
}
.modal-product .widget .social-icons li .social-icon.twitter:hover {
    background: #1261A0;
    border: 1px solid #1261A0;
}
.modal-product .widget .social-icons li .social-icon.pinterest:hover {
    background: #CB2027;
    border: 1px solid #CB2027;
}
.modal-product .widget .social-icons li .social-icon.tumblr:hover {
    background: #304E6C;
    border: 1px solid #304E6C;
}
.modal-product .widget .social-icons li .social-icon.gplus:hover {
    background: #D11717;
    border: 1px solid #D11717;
}
.modal-product .widget .social-icons li .social-icon.linkedin:hover {
    background: #0097BD;
    border: 1px solid #0097BD;
}
/*-----------------------------
/*     3.INDEX TWO START
/*----------------------------*/
.home-2 .category-menu-list {display: none;}
.home-2 .header-middle {border-bottom: 1px solid #F4F6F8;}
.search-two {
border-left: 1px solid #F4F6F8;
color: #fff;
cursor: pointer;
font-size: 20px;
height: 80px;
line-height: 80px;
text-align: center;
transition: all 0.4s ease 0s;
width: 17%;
float: right;
position: relative;
}
.search-drop {
position: absolute;
right: 0;
top: 90px;
width: 500px;
z-index: 9999999;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease 0s;
}
.home-2 .categorys-product-search {margin: 0px;}
.search-two .cat-search {width: 30%;}
.search-two .form-control {width: 57%;}
.search-two .search-button{background: #1261A0 none repeat scroll 0 0;
background: #1261A0 none repeat scroll 0 0;
width: 13%;
line-height: 0px;
}
/* slider css */
.slider-text{}
.slider-text{
	display:table;
	height:100%;
	width:100%;
}
.middle-text{
	display:table-cell;
	vertical-align:middle;
}
.width-cap{
	padding-left: 10%;
}
h3.slider-tiile-top{
color: #fff;
font-size: 23px;
font-weight: 700;
letter-spacing: 3px;
line-height: 30px;
margin-bottom: 13px;
text-transform: uppercase;
}
h3.slider-tiile-top span{}
h2.slider-tiile-middle, h2.slider-tiile-middle-2{
font-size: 79px;
font-weight: 700;
line-height: 98px;
margin: 0;
color: #fff;
text-transform: uppercase;
display:inline-block;
}
h2.slider-tiile-middle span{}
h2.slider-tiile-middle span.bg-text{
background: #1261A0 none repeat scroll 0 0;
margin-right: 30px;
padding: 3px 7px;
}
.slider-text-2 h3.slider-tiile-top{
margin-bottom:25px;
}
.top-ani-1{
	animation: 1200ms ease-in-out 0s normal none 1 running bounceInDown;
}
.middle-ani-1{
	animation: 1700ms ease-in-out 0s normal none 1 running bounceInRight;
}
.middle-ani-2{
	animation: 2100ms ease-in-out 0s normal none 1 running bounceInRight;
}
.top-ani-top-1{
	animation: 1200ms ease-in-out 0s normal none 1 running fadeInDown;
}
.middle-ani-top-1{
	animation: 1700ms ease-in-out 0s normal none 1 running fadeInDown;
}
.middle-ani-top-2{
	animation: 2200ms ease-in-out 0s normal none 1 running fadeInDown;
}


.search-two:hover .search-drop{opacity: 1;visibility: visible;top: 81px;}
/*------banner top area----------*/
.banner-top-two {margin-top: 40px;}
/*------tab area-----------------*/
.home-2 .tab-button.area-heading {margin-top: 20px;}
.home-2 .tab-and-banner-wrapper {margin-top: 30px;}
/*----------latest post -------*/
.home-2 .latest-post {
margin-bottom: 35px;
margin-top: 65px;
}
.home-2 .latest-post-carousel-two{position: relative}
.home-2 .car-wrapper{position: relative}
/*-----------------------------
/*     4.INDEX ONE BOX START
/*----------------------------*/
.box-container {max-width: 1600px;
margin: 0 auto;
position: relative;
}
.home-1 .box-container .bs-area-wrapper .product-image {width: 30%;}
.home-1 .box-container .bs-area-wrapper .bs-area-info {padding-left: 10px;  width: 70%;}
.home-1 .box-container .single-bestseller {margin-bottom: 0;}
.home-1 .box-container .single-bestseller.remove-border-margin {padding-bottom: 5px;}
.home-1 .box-container .single-bestseller {
padding-bottom: 5px;
padding-top: 2px;
}
.footer-top {
border-bottom: 1px solid #414141;
overflow: hidden;
}
.box-container .footer-top {margin: 0 15px;}
.box-container .footer-bottom {margin: 0 15px;}
.box-container .subscribe-inner input {width: 70%;}
.box-container .header-shipping ul li {margin-right: 8px;}
/*-----------------------------
/*     5.SHOP PAGE START
/*----------------------------*/

.shop-page .category-menu-list {
display: none;
}
.bread-crumb ul li {
display: inline-block;
padding-right: 17px;
}
.bc-home {
background: rgba(0, 0, 0, 0) url("img/breadcrumb-arrow.png") no-repeat scroll 100% 50%;
display: inline-block;
margin: 0 6px 0 0;
padding: 0 15px 0 0;
}
.bread-crumb {
background: #F4F6F8 none repeat scroll 0 0;
color: #334155;
display: block;
float: left;
font-size: 12px;
font-weight: bold;
margin: 0px 0px 40px;
padding: 10px;
width: 100%;
}
.bread-crumb ul li.bc-home a {
color: #334155;
display: inline-block;
font-weight: normal;
}
.bread-crumb ul li.bc-home a:hover{color: #1261A0}
.shop-short-wrapper {
border-bottom: 1px solid #F4F6F8;
overflow: hidden;
padding-bottom: 10px;
margin-bottom: 30px;
}
.shop-area .shop-sort ul li a {
border: 1px solid #F4F6F8;
color: #334155;
float: left;
font-size: 18px;
height: 40px;
line-height: 40px;
margin-right: 8px;
text-align: center;
width: 40px;
}
.shop-area .shop-sort ul li a:hover, .shop-area .shop-sort ul li.active a {
background: #1261A0 none repeat scroll 0 0;
border-color: #1261A0;
color: #fff;
}
.ordered-result {
background: #F4F6F8 none repeat scroll 0 0;
float: right;
font-size: 12px;
height: 40px;
line-height: 40px;
margin-bottom: 0;
margin-left: 10px;
padding: 0 15px;
}
.orderby-wrapper {
background: #F4F6F8 none repeat scroll 0 0;
font-size: 12px;
height: 40px;
line-height: 40px;
padding: 0 0 0 10px;
float: right;
}
.shop-area .orderby{
-moz-appearance: none;
-webkit-appearance: none;
-o-appearance: none;
appearance: none;
background: rgba(0, 0, 0, 0) url("img/caret.png") no-repeat scroll 94% 47%;
border: medium none;
color: #334155;
cursor: pointer;
font-family: "Roboto";
font-size: 13px;
font-weight: 300;
padding: 0px 10px;
position: relative;
text-transform: capitalize;
width: 204px;
}
.shop-area label {font-weight: 300;}
.orderby > option {
padding: 11px 0;
padding-left: 16px;
}
.shop-page .single-product {margin-bottom: 40px;}
.pagination-shop {margin-bottom: 35px;}
/*--------------shop list area----------------*/
.single-list-product .pro-name a {font-size: 25px;}
.single-list-product .price-box {padding: 0px;}
.single-list-product .pro-name{margin-bottom: 12px;}
.single-list-product {
border: 1px solid #F4F6F8;
display: block;
margin-bottom: 30px;
overflow: hidden;
padding-top: 6px;
padding-bottom: 10px;
}
.prod-des {
font-weight: 300;
line-height: 24px;
margin: 0;
padding-bottom: 32px;
padding-top: 15px;
color: #334155;
}
.single-list-product:hover .hide-img{opacity: 1;display: block;z-index: 55}
.single-list-product:hover .show-img{}
.single-list-product:hover{border: 1px solid #1261A0;}
.single-list-product .sale-on {top: 9px;}
.page-numbers > li {
display: inline-block;
margin-left: 2px;
}
.page-numbers > li > a {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 1px solid #F4F6F8;
color: #1261A0;
display: inline-block;
font-family: Roboto,Arial,Helvetica,sans-serif;
font-size: 14px;
line-height: 34px;
min-width: 34px;
text-align: center;
}
.page-numbers > li > a.current,.page-numbers > li > a:hover {
background-color: #F28C28;
color: #fff;
font-weight: 700;
}

.count-down {
position: relative;
z-index: 100;
}
/*-----------------shop sidebar area------------*/
.textwidget-detail {
font-weight: 300;
padding: 0px 15px;
}
.text-widget,.shop-tag,.shop-catagories {
border: 1px solid #F4F6F8;
padding: 20px 0 17px;
}
.tagcloud {padding: 0px 15px;}
.shop-sidebar .area-heading {margin-bottom: 20px;}
.tagcloud ul  li {
display: inline-block;
padding-right: 7px;
font-size: 15px;
}
.catagory-list {padding: 0 15px;}
.catagory-list > ul {
list-style: inside;
}
.catagory-list li {
font-size: 13px;
font-weight: 300;
padding-bottom: 14px;
}
.ui-slider-handle.ui-state-default.ui-corner-all {
background: #fff none repeat scroll 0 0;
border: 3px solid #1261A0;
border-radius: 50%;
height: 21px;
margin-top: 0;
width: 21px;
}
.rance-wrapper {
border: 1px solid #F4F6F8;
padding: 25px 15px;
overflow: hidden;
}
.ui-slider-range {background: #1261A0 none repeat scroll 0 0;}
.ui-widget-content {
border: 0px solid #1261A0;
border-radius: 0px;
background: #BABABA;
}
.rance-wrapper input[type="text"] {
border: 1px solid #F4F6F8;
float: right;
font-weight: bold;
height: 40px;
letter-spacing: 2px;
text-align: center;
width: 48%;
}
.price-range {
display: block;
text-align: center;
}
#slider-range {margin-bottom: 25px;}
.rance-wrapper input[type="submit"] {
background: #334155 none repeat scroll 0 0;
border-width: 0;
color: #fff;
float: left;
font-weight: bold;
height: 40px;
letter-spacing: 1px;
text-transform: uppercase;
transition: all 300ms ease-out 0s;
width: 32%;
}
.rance-wrapper input[type="submit"]:hover{background: #1261A0}
.price-range > span {
line-height: 39px;
text-align: center;
width: 20%;
}
/*------------------featured area------------*/
.featured-image {
width: 22%;
float: left;
}
.shop-sidebar > div {margin-bottom: 40px;}
.single-featured {
overflow: hidden;
padding-bottom: 10px;
}
.shop-featured-product {
border: 1px solid #F4F6F8;
padding: 25px 15px 0px;
}
.shop-featured-product h2.pro-name {
font-size: 13px;
margin: 0;
padding-top: 7px;
font-weight: 700;
}
.shop-featured-product .price-box .price {
font-size: 14px;
display: block;float: none;
}
.shop-featured-product .price-box .price span{display: block}
.shop-featured-product .price-box .old-price {font-size: 14px;}
.shop-featured-product .price-box .old-price {margin-left: 0px;}
/*-----------------------------
/*     6.PRODUCT PAGE START
/*----------------------------*/
.zoomContainer {border: 1px solid #F4F6F8;}
.single-product-area .owl-theme .owl-controls .owl-buttons .owl-prev {left: -25px;}
.single-product-area .owl-theme .owl-controls .owl-buttons .owl-next {right: -27px;}
.single-product-area .owl-theme .owl-controls .owl-buttons div {top: 35%;}
.zoom-slider li {
border: 1px solid #F4F6F8;
margin: 5px;
}
.zoomWindow {
height: 420px !important;
width: 420px !important;
}
.single-zoom-thumb{margin: 0px 20px }
.single-product-area .prod-list-detail {padding-left: 35px;}
.single-product-area .prod-list-detail .prod-info h2 {
font-size: 24px;
font-weight: 700;
margin: 0px;
}
.single-product-area .prod-list-detail .price-box .price {
font-size: 24px;
font-weight: 500;
}
.single-product-area .prod-list-detail .price-box .old-price {margin-top: 7px;}
.single-product-area .prod-list-detail .price-box {padding: 5px 0 0;}
/*----------------plus minus--------------------*/
.cart-plus-minus-button {
background: #f1f1f1 none no-repeat scroll 0 0;
display: inline-block;
float: left;
margin-right: 7px;
margin-top: 3px;
overflow: hidden;
width: 149px;
}
.cart-plus-minus {
background: #f1f1f1 none repeat scroll 0 0;
border: medium none;
float: left;
font-size: 23px;
padding-top: 9px;
text-align: center;
width: 100%;
}
.qtybutton {
cursor: pointer;
display: inline-block;
width: 50%;
}
.cart-plus-minus-button {
background: #f1f1f1 none no-repeat scroll 0 0;
border: 1px solid #F4F6F8;
display: inline-block;
float: left;
height: 57px;
margin-right: 17px;
margin-top: 0px;
overflow: hidden;
padding-top: 5px;
width: 90px;
padding-right: 15px;
}
.single-product-area .actions .pro-add-to-cart a {
background: #1261A0 none repeat scroll 0 0;
font-size: 24px;
font-weight: 700;
height: 57px;
line-height: 57px;
padding: 0 35px;
text-transform: capitalize;
color: #fff;
border: none;
}
.sin-product-page .prod-list-detail .actions span a i {
font-size: 14px;
padding: 3px 4px;
}
.single-product-area .actions .pro-add-to-cart a:hover {
background: #334155 none repeat scroll 0 0;
}
.single-product-area .actions{margin-bottom: 30px;}
.single-product-area .actions span a {margin-right: 2px;}
.prod-meta {
border-bottom: 1px solid #F4F6F8;
color: #334155;
display: block;
padding-bottom: 4px;
}
.single-product-area .product-wish-compare{margin-bottom: 60px;}
.sin-product-page .product-sidebar-area .bs-area-wrapper .single-bestseller h2.pro-name {margin: 0px 0px 5px;}
.product-sidebar-area .bs-area-wrapper .product-image {
border: 1px solid #FFF;
display: block;
float: left;
position: relative;
width: 30%;
padding-top: 0px;
}
.sin-product-page .product-sidebar-area .bs-area-wrapper .bs-area-info {width: 70%;}
.product-sidebar-area .bs-area-wrapper .product-image .hide-img {padding-top: 0px;}
.single-product-area .single-bestseller {
border-bottom: 1px solid #F4F6F8;
margin-top: 20px;
overflow: hidden;
padding-bottom: 0px;
}
.product-sidebar-area .bs-area-wrapper {
border: 1px solid #F4F6F8;
padding: 0 20px;
}
.single-product-area .single-bestseller:last-child{
padding-bottom: 0px;
border-bottom: 0px;
}
.sin-product-page .product-review-area {
margin-bottom: 45px;
margin-top: 60px;
}
.product-review-area .review-menu {
float: left;
width: 20%;text-transform: uppercase;
}
.review-menu .active > a {color: #1261A0;}
.product-review-area .con {
border-left: 1px solid #F4F6F8;
display: block;
overflow: hidden;
padding: 17px;
}
#pr-description > p {
font-weight: 300;
line-height: 24px;
}
.product-review-area .review-menu li {
border-bottom: 1px solid #F4F6F8;
height: 50px;
padding-top: 12px;
text-align: right;
padding-right: 17px;
font-size: 18px;
}
.product-review-area .review-wrapper {border: 1px solid #F4F6F8;}
.product-review-area .product-comment {
max-width: 650px;
width: 100%;
margin: 0 auto;
position: relative;
}
.product-review-area .comment-a > img {
float: left;
width: 11%;
}
.product-review-area .comment-a {margin-bottom: 50px;}
.product-review-area .rating {float: right;}
.product-review-area .product-comment h2 {
font-size: 20px;
font-weight: 700;
margin-bottom: 20px;
text-transform: uppercase;
font-family: 'Roboto';
}
.product-review-area .comment-text {
border: 1px solid #F4F6F8;
display: inline-block;
margin-left: 2%;
padding: 12px 12px 0;
width: 87%;
position: relative;
}
.product-review-area .meta > strong {
font-size: 16px;
text-transform: uppercase;
}
.product-review-area .meta {
font-size: 16px;
font-weight: 300;
}
.product-review-area .comment-form-rating {margin-bottom: 4px ;}
.product-review-area .rating i {
color: #334155;
font-size: 14px;
}
.pro-com-des > p {
font-size: 15px;
font-weight: 300;
line-height: 24px;
}
.product-review-area .comment-text::before {
background: #fff none repeat scroll 0 0;
border-bottom: 1px solid #F4F6F8;
border-left: 1px solid #F4F6F8;
content: "";
display: block;
height: 10px;
left: -6px;
position: absolute;
top: 10px;
transform: rotate(45deg);
width: 10px;
}
.add-review label {
font-family: Roboto,Arial,Helvetica,sans-serif;
font-weight: normal;
margin: 0 0 5px;
width: 100%;
text-transform: capitalize;
}
.add-review input[type="text"] {
background: #F4F6F8 none repeat scroll 0 0;
border: medium none;
border-radius: 0;
height: 32px;
max-width: 100%;
padding: 0 0 0 10px;
}
.stars > span {
color: #bababa;
margin-right: 25px;
}
.product-review-area textarea {
border: 1px solid #F4F6F8;
border-radius: 3px;
height: 80px;
padding: 10px;
width: 100%;
background: #F4F6F8;
}
.product-review-area .submit {
background: #334155 none repeat scroll 0 0;
border: medium none;
border-radius: 0;
box-shadow: none;
color: #fff;
display: inline-block;
font-family: Roboto,Arial,Helvetica,sans-serif;
font-size: 14px;
font-weight: bold;
height: 45px;
line-height: 45px;
padding: 0 20px;
text-shadow: none;
text-transform: uppercase;
transition: all 0.3s ease 0s;
white-space: nowrap;
}
.product-review-area .submit:hover {
background: #1261A0 none repeat scroll 0 0;
color: #fff;
text-shadow: none;
}

/*-----------------------------
/*     7.PRODUCT PAGE BOX
/*----------------------------*/
.sin-product-page .box-container .single-bestseller { padding-bottom: 23px;}
/*-----------------------------
/*     8.CART PAGE START
/*----------------------------*/
.cart-area-wrapper thead tr td {
background: #F4F6F8 none repeat scroll 0 0;
border: medium none;
height: 60px;
}
.cart-page .table > tbody > tr > td,.cart-page .table > tbody > tr > th,.cart-page .table > thead > tr > td,.cart-page .table > thead > tr > th {
border-top: 1px solid #F4F6F8;
line-height: 1.42857;
padding: 8px;
vertical-align:middle;
border: none;
text-align: center;
}
.table.table-bordered tr:hover {background: #f9f9f9;}
.cart-page .table-bordered {border: 0px solid #F4F6F8;}
.cart-page .cart-top tbody {
height: 117px;
border-bottom: 1px solid #F4F6F8;
}
.cart-page thead {
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
}
.cart-td-img img {
text-align: center;
width: 75px;
}
.table.table-bordered .plus-minus-cart input {
border: 3px solid #F4F6F8;
padding: 5px;
width: 58px;
padding-left: 12px;
}
td.cross {border-left: 1px solid #F4F6F8 !important;}
.sin-page-title {
font-size: 50px;
font-weight: 700;
margin: 0;
padding: 0 0 15px;
position: relative;
text-align: center;
text-transform: uppercase;
margin-bottom: 40px;
}
.sin-page-title::after {
background: #1261A0 none repeat scroll 0 0;
bottom: 0;
content: "";
display: block;
height: 1px;
left: 50%;
margin-left: -30px;
position: absolute;
width: 60px;
}
.button,.button-link,.checkout-button {
background: #334155 none repeat scroll 0 0;
border: medium none;
border-radius: 0;
box-shadow: none;
color: #fff;
display: inline-block;
font-family: Roboto,Arial,Helvetica,sans-serif;
font-size: 14px;
font-weight: bold;
height: 45px;
line-height: 45px;
padding: 0 16px;
text-shadow: none;
text-transform: uppercase;
transition: all 0.3s ease 0s;
white-space: nowrap;
}
.row.cart--bottom {
margin-bottom: 60px;
margin-top: 25px;
}
.button:hover,.button-link:hover,.checkout-button {
background: #1261A0 none repeat scroll 0 0;
color: #fff;
text-shadow: none;
}
.checkout-button:hover{color:#fff;background: #FF433F}
.checkout-button{
float: right;
margin-right: 19px;
margin-top: 17px;
text-transform: uppercase;
}
.cart-area-wrapper form {
display: inline-block;
width: 100%;
}
.coupon {
border: 1px solid #F4F6F8;
float: left;
margin: 0 0 30px;
padding: 15px 25px;
width: 100%;
margin-top: 30px;
}
.coupon .input-text {
border: 1px solid #F4F6F8;
float: left;
height: 30px;
margin: 0 0 10px;
max-width: 100%;
padding: 0 0 0 10px;
width: 100%;
background: #F4F6F8;
}
.coupon p {
color: #334155;
font-size: 11px;
}
.coupon h3,.cart-carousel-area h3,.cart-total-area > h3{
font-size: 14px;
margin: 0 0 20px;
text-transform: uppercase;
}
.cart-total-area h3 {
padding-right: 19px;
}
.cart-carousel-start .owl-controls .owl-page span {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
height: 8px;
opacity: 1;
position: relative;
width: 8px;
}
.cart-carousel-start .owl-controls .owl-page span::before {
border: 1px solid #999;
border-radius: 100%;
bottom: -3px;
content: "";
left: -3px;
position: absolute;
right: -3px;
top: -3px;
transition: all 300ms ease 0s;
}
.cart-carousel-start .owl-controls .owl-pagination .active span {background: #334155 none repeat scroll 0 0;}
.shop-page.cart-page .single-product {margin-bottom: 5px;}
.cross a {
cursor: pointer;
font-size: 19px;
color: #334155;
}
.cross a:hover {color: #1261A0;}
.cart-carousel-area {
border: 1px solid #F4F6F8;
margin-top: 75px;
padding: 0 10px 15px;
}
.cart-carousel-area > h3 {
margin-bottom: 51px;
margin-left: 15px;
margin-top: 15px;
}
.cart-total {color: #1261A0;}
.cart-subtotal > td,.cart-shipping > td,.order-total > td {
border: medium none;
font-size: 12px;
font-weight: bold;
padding: 0 20px 12px 0;
text-align: right;
text-transform: uppercase;
vertical-align: top;
}
.order-total > td{font-size: 20px;padding-top: 20px}
.cart-subtotal span,.cart-shipping .ship-amount {
color: #1261A0;
font-size: 12px;
float: right;
font-weight: bold;
}
.cart-shipping span {
float: left;
font-weight: normal;
text-transform: capitalize;
font-size: 14px;
}
.cart-total-area {
border: 1px solid #F4F6F8;
margin-top: 76px;
overflow: hidden;
padding: 14px 8px 45px;
}
.cart-page .cart-carousel-start .add-to-cart,.cart-page .cart-carousel-start .new-pro-compaire {
display: inline-block;
margin-bottom: 10px;
}
.cart-page .cart-carousel-start .actions {margin-bottom: 7px;}
/*-----------------------------
/*     9.BLOG PAGE START
/*----------------------------*/
.blog .sin-page-title {
font-size: 50px;
font-weight: 700;
margin-bottom: 80px;
margin-left: 0;
margin-right: 0;
padding: 0 0 15px;
position: relative;
text-align: center;
text-transform: uppercase;
}
.blog .blog-area-wrapper {padding-bottom: 70px;}
.blog .category-menu-list{display: none}
.blog-title {
font-size: 22px;
font-weight: 700;
text-align: left;
text-transform: none;
}
.single-blog{
background: #F4F6F8 none repeat scroll 0 0;
color: #334155;
margin: 0 50px;
overflow: hidden;
margin-bottom: 60px;
}
.blog .blog-meta-small {
border-bottom: 1px solid #F4F6F8;
border-top: 1px solid #F4F6F8;
color: #334155;
float: left;
font-size: 12px;
margin: 10px 0 20px;
padding: 8px 0;
width: 100%;
}
.blog-meta-small a {color: #334155;}
.blog-meta-small a:hover{color: #1261A0}
.sin-post-info .blog-post-date {
display: inline-block;
margin-right: 12px;
}
.sin-post-info .blog-post-date span {
margin-right: 7px;
}
.blog .sin-post-info {padding: 50px 44px 50px 0px;}
.blog .blog-summary > p {
font-weight: 300;
line-height: 24px; color: #334155; font-weight: bold;
}
.blog .summary-left.sin-post-info {padding: 49px 4px 50px 36px;}
.sin-blog-carousel img {width: 100%;}
.blog .owl-theme .owl-controls .owl-buttons .owl-next {
position: absolute;
right: 2px;
top: 48%;
transition: all 300ms ease-in 0s;
}
.blog .owl-theme .owl-controls .owl-buttons .owl-prev {
left: 0;
position: absolute;
top: 48%;
transition: all 300ms ease-in 0s;
}
.single-blog .owl-theme .owl-controls .owl-buttons div {
background: #0B1F33 none repeat scroll 0 0;
border: medium none;
border-radius: 50px;
color: #999999;
font-size: 32px;
height: 40px;
line-height: 0;
opacity: 0;
text-align: center;
width: 40px;
margin: 0px 70px;
}
.single-blog .owl-theme .owl-controls .owl-buttons div:hover {
opacity: 1;
color: #fff;
}
.single-blog .sin-blog-carousel:hover .owl-buttons div {
margin: 0px 10px;
opacity: .5;
}
.single-blog .sin-blog-carousel .owl-pagination {
position: absolute;
top: 50%;
left: 43%;
}
.single-blog .sin-blog-carousel .owl-controls .owl-page span {
transition: all 0.3s ease 0s;
margin: 5px 2px;
opacity: 0;
background: #334155;
}
.single-blog .sin-blog-carousel:hover .owl-controls .owl-page span{
opacity: 1;
margin: 5px 7px;
}
.single-blog .owl-theme .owl-controls {margin-top: 0px;}
.single-blog .owl-theme .owl-controls .owl-page.active span {
background: #fff none repeat scroll 0 0;
}
.player audio {width: 100% !important;}
.blog-audio {
display: inline-block;
margin-bottom: 16px;
width: 100%;
}
.blog .pagination {
padding: 6px 0 0;
position: relative;
text-align: center;
width: 100%;
margin: 0px;
}
.blog .pagination::before {
background: #1261A0 none repeat scroll 0 0;
content: "";
display: block;
height: 1px;
left: 50%;
margin-left: -80px;
position: absolute;
top: 0;
width: 160px;
}
.blog .pagination a {
color: #1261A0;
font-size: 12px;
font-weight: 400;
padding: 0 8px;
}
.blog .pagination a.current{color: #334155}

/*-----------------------------
/*     10.BLOG LEFT SIDEBAR PAGE START
/*----------------------------*/
.blog .blog-searchform .form-input {
background: #fff none repeat scroll 0 0;
border: 1px solid #F4F6F8;
color: #334155;
float: left;
font-family: Roboto,Arial,Helvetica,sans-serif;
width: 100%;
}
.blog .blog-searchform {padding: 0px 15px;}
.blog .blog-searchform .form-input .input_text {
border: medium none;
float: left;
height: 34px;
width: 75%;
padding-left: 10px;
}
.blog .area-heading > h3 {
font-size: 20px;
font-weight: 700;
}
.blog .blog-searchform .form-input .blog-search-btn {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: medium none;
float: right;
height: 34px;
padding: 0 10px;
text-align: right;
width: 25%;
}
.blog .blog-sidebar-wrapper > div {
margin-bottom: 50px;
overflow: hidden;
}
.blog .blog-sidebar-wrapper .single-recents:last-child {margin-bottom: 10px;}
.blog .blog-sidebar-wrapper .area-heading > h3::after {
border-bottom: 1px solid #1261A0;
width: 58%;
}
.blog .blog-sidebar-wrapper .area-heading {
border-bottom: 0px solid #F4F6F8;
margin: 0 15px 30px;
}
.blog-sidebar-wrapper {border-right: 1px solid #F4F6F8;}
.blog .single-comments:last-child {margin-bottom: 10px;}
.blog .recent-image {
width: 14%;
float: left;
}
.blog .single-recents {
margin-bottom: 40px;
overflow: hidden;
padding-left: 15px;
}
.blog .single-recents .recent-info {
overflow: hidden;
padding-left: 10px;
}
.blog .single-recents .rec-pro-name {
font-size: 13px;
font-weight: normal;
margin-bottom: 7px;
}
.blog .single-recents .post-date {color: #888888;}
.blog .comment-image {
width: 14%;
float: left;
}
.blog .single-comments {
margin-bottom: 40px;
overflow: hidden;
padding-left: 15px;
}
.blog .single-comments .comment-info {
overflow: hidden;
padding-left: 10px;
}
.blog .single-comments .commentor-name {
font-size: 13px;
font-weight: normal;
margin-bottom: 7px;
margin-bottom: 2px;
}
.blog .single-comments .post-date,.blog .comment-info > a {color: #888888;font-size: 11px;}
.blog.left-sidebar .single-blog {
  margin-right: 0px;
  margin-left: 20px;
}
/*-----------------------------
/*     11.BLOG RIGHT SIDEBAR PAGE START
/*----------------------------*/
.blog.right-sidebar .blog-sidebar-wrapper {
border-left: 1px solid #F4F6F8;
border-right: 0 solid #F4F6F8;
padding-left: 14px;
}
.blog.right-sidebar .single-blog {
  margin-right: 20px;
  margin-left: 0px;
  margin-bottom: 10px;
  border: 1px solid #F4F6F8;
}

/*-----------------------------
/* 12.SINGLE POST PAGE START
/*----------------------------*/

.blog.sin-post .sin-post-info {
padding: 0 0px 12px 19px;
}
.blog.sin-post .blog-meta-small {float: none;}
.blog.sin-post .blog-social-icon li {
  display: inline-block;
  padding-bottom: 10px;
  padding-left: 25px;
}
.blog.sin-post .blog-social-icon {
  float: right;
  margin-top: 15px;
}
.blog.sin-post .protfolio-social .social-icons > li {
  display: inline-block;
  margin-right: 15px;
}
.blog.sin-post .post-share .heading {
  font-size: 14px;
  text-transform: uppercase;font-family: Roboto,Arial,Helvetica,sans-serif;
    margin-top: 17px;
}
.blog.sin-post .post-share {margin-top: 39px;}
/*comment */
.single-post {font-weight: 300;}
.commentlists .the-comment .comment-box {margin-left: 70px;}
.commentlists div.avatar {
  float: left;
  margin-right: 15px;
}
.children-comment {padding-left: 25px;}
.commentlists .the-comment .comment-box > div {
  margin-bottom: 13px;
}
.commentlists .the-comment {
  margin-top: 25px;
  padding-top: 25px;
}
.comment-author.meta > .com-name {
  color: #334155;
  font-size: 13px;
  margin-bottom: 5px;
}
.comment-text {
  border: 1px solid #F4F6F8;
  border-radius: 3px;
  padding: 10px;
}
ol {
list-style: outside none none;
padding-left: 20px !important;
}
.heading {padding-left: 20px !important;}
.post-share h4 {
font-size: 15px;
font-weight: 600;
margin-top: 17px;
text-transform: uppercase;
}
.author-avatar {
display: inline-block;
float: left;
width: 6%;
}
.author-description {
display: inline-block;
padding-left: 25px;
width: 92%;
}
.author-description h2 {
font-family: Roboto,Arial,Helvetica,sans-serif;
font-size: 16px;
font-weight: 700;
margin-bottom: 9px;
text-transform: uppercase;
}
.author-info {
  margin: 30px 0px;
}
.blog.sin-post blockquote {
background: #f7f7f7 none repeat scroll 0 0;
border: medium none;
font-family: Roboto;
font-size: 14px;
font-style: italic;
line-height: 24px;
margin: 20px 0;
padding: 30px 45px;
font-weight: 300;
}
.blog.sin-post .contact-form input,.blog.sin-post .contact-form textarea {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #F4F6F8;
}
.comments-list .heading {
border-top: 1px solid #F4F6F8;
font-size: 28px;
margin-left: 17px;
padding-top: 16px;
padding-left: 0px;
}
.comment-reply-title .heading {
  font-size: 24px;
  margin: 45px 0;
}
.comment-reply-title .heading {
  border-top: 1px solid #F4F6F8;
  font-size: 24px;
  margin-left: 17px;
  padding: 41px 0;
  padding-top: 27px;
text-transform: uppercase;
}
.blog.sin-post .button-link  {margin-left: 15px;}
.blog.sin-post .blog-area-wrapper {margin: 0 100px 0 55px;}
.blog.sin-post .single-blog {background: #fff none repeat scroll 0 0;}
/*-----------------------------
/*     13.CONTACT PAGE START
/*----------------------------*/
.contact-page .category-menu-list {display: none;}
.contact-top-area {
background: url(img/contact.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 120px;
padding-top: 120px;
}
.contact-page .contact-top-area .page-heading  {
color: #fff;
line-height: 2;
padding: 0 90px;
}
.contact-page .contact-top-area h2 {
background: #1261A0 none repeat scroll 0 0;
color: #fff;
font-size: 70px;
font-weight: bold;
margin-bottom: 10px;
padding: 10px;
}
.contact-info-area {
color: #fff;
font-size: 14px;
font-weight: 300;
line-height: 24px;
padding: 0px 90px;
}
.contact-form input{
background: #F4F6F8 none repeat scroll 0 0;
border: medium none;
border-radius: 0;
height: 42px;
padding-left: 15px;
width: 100%;
}
.contact-form span {
float: left;
margin: 0 0 35px;
padding: 0 15px;
width: 50%;
}
.contact-form span.con-subject{width: 100%;}
textarea{width: 100%;background: #F4F6F8;border: medium none;padding-left: 15px;padding-top: 10px;}
.row.contact-wrapper {padding: 37px 20px 60px 20px;}
.contact-page .button-link {margin-right: 15px;}
/*-----------------------------
/*     14.PORTFOLIO PAGE START
/*----------------------------*/

.portfolio-single-page .category-menu-list {display: none;}
.portfolio-single-page .porfolio-area { padding-bottom: 110px;}
.g-single-img {
margin-bottom: 37px;
overflow: hidden;
position: relative;
}
.g-single-img img {
display: inline-block;
overflow: hidden;
text-align: center;
transform: scale(1);
transition-duration: 0.4s;
}
.g-single-img:hover img{transform: scale(1.2);}
.protfolio-social ul li a{
border: 2px solid #bababa;
border-radius: 100%;
color: #bababa;
display: inline-block;
font-size: 18px;
height: 48px;
line-height: 44px;
margin-bottom: 10px;
text-align: center;
width: 48px;
}
.protfolio-social ul li a.fb:hover{border: 2px solid #1261A0;color: #1261A0;}
.protfolio-social ul li a.twt:hover{border: 2px solid #1261A0;color: #1261A0;}
.protfolio-social ul li a.pin:hover{border: 2px solid #cb2027;color: #cb2027;}
.protfolio-social ul li a.lin:hover{border: 2px solid #0097bd;color: #0097bd;}
.project_date .day,.project_date .month {
color: #334155;
font-family: Roboto,Arial,Helvetica,sans-serif;
font-weight: 300;
}
.project_date .day{font-size: 36px;}
.port-gallery-wrapper {
float: left;
padding: 0 12px;
width: 13%;
}
.project_date {
line-height: 1;
margin-bottom: 30px;
}
.port-social-wrapper {
float: left;
padding: 0 10px;
text-align: center;
width: 17%;
}
.portfolio-page .month {font-size: 18px;}
.portfolio-des-wrapper h1 {
color: #334155;
font-size: 24px;
font-weight: 700;
margin-bottom: 49px;
margin-top: 9px;
text-align: left;
text-transform: uppercase;
width: 100%;
}
.portfolio-des-wrapper {
display: inline-block;
padding-left: 18px;
width: 70%;
margin-bottom: 60px;
}
.portfolio-des-wrapper p {
font-size: 14px;
font-weight: 300;
line-height: 24px;
}
.categories > h3 {
font-size: 16px;
color: #334155;
font-weight: 700;
}
.single-project-categories a {
color: #1261A0;
font-size: 13px;
margin-left: 7px;
font-weight: 300;transition: all 0.3s ease 0s;
}
.port-single-featured img{transition: all 0.3s ease 0s;transform: scale(.9);}
.single-project-categories a:hover {color: #334155;}
.port-single-featured:hover img{opacity: 0;visibility: hidden;transform: scale(1)}
.port-single-featured{
cursor: pointer;
float: left;
width: 25%;
position: relative;
}
.portfolio-single-page .port-single-featured .project-info{
opacity: 0;
visibility: hidden;
transition: all 0.5s ease 0s;
left: 13px;
position: absolute;
top: 38%;
transition: all 0.5s ease 0s;
}
.portfolio-single-page .port-single-featured:hover .project-info{opacity: 1;visibility: visible}
.portfolio-single-page .port-single-featured .project-date {
color: #334155;
float: left;
font-size: 12px;
margin: 0 0 5px;
text-transform: uppercase;
width: 100%;
}
.portfolio-single-page .port-single-featured .project-title {
color: #334155;
float: left;
font-size: 18px;
line-height: 22px;
padding-bottom: 10px;
width: 100%;
}
.portfolio-single-page .related-project .related-title {
font-size: 18px;
margin: 0 0 30px;
text-transform: uppercase;
}
/*portfolio mix*/
.portfolio-page .category-menu-list {display: none;}
.mixitup-content{overflow: hidden}
.mixitup-content .mix{display: none}
.mixitup-filter {
margin-bottom: 40px;
text-align: center;
}
.mixitup-filter li {
background: #ededed none repeat scroll 0 0;
box-shadow: none;
color: #334155;
display: inline-block;
font-family: Roboto,Arial,Helvetica,sans-serif;
font-size: 13px;
font-weight: 400;
height: 40px;
line-height: 38px;
margin: 0 3px 20px;
padding: 0 30px;
text-transform: capitalize;
cursor: pointer;
}
.mixitup-filter li:hover{color: #1261A0}
.mixitup-filter li.active{background: #1261A0;color: #fff}
.portfolio-page .mix-image .mix-project-info{
bottom: 0px;
left: 13px;
opacity: 0;
position: absolute;
transition: all 0.5s ease 0s;
visibility: hidden;
}
.portfolio-page .mix-image {
overflow: hidden;
position: relative;
margin: 8px 0px;
}
.portfolio-page .mix-image:hover .mix-project-info {opacity: 1;visibility: visible;z-index: 2}
.portfolio-page .mix-image img{transition: all 0.5s ease 0s;}
.portfolio-page .mix-image:hover img{transform: scale(1.04);}
.portfolio-page .mix-image .project-date {
color: #334155;
float: left;
font-size: 12px;
margin: 0 0 5px;
text-transform: uppercase;
width: 100%;
}
.portfolio-page .mix-image .project-title {
color: #334155;
float: left;
font-size: 18px;
line-height: 22px;
padding-bottom: 10px;
width: 100%;
}
.mix-image a::after {
background: rgba(0, 0, 0, 0) url("img/portfolio/portfolio-shadow.png") repeat-x scroll center bottom;
content: "";
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
transition: all 0.4s ease 0s;
width: 100%;
z-index: 1;
}
.mix-image:hover a:after{opacity: 1}
.portfolio-page .page-numbers > li > a {
background: none;
border: none;
color: #1261A0;
display: inline-block;
font-family: Roboto,Arial,Helvetica,sans-serif;
font-size: 13px;
line-height: 34px;
min-width: 28px;
text-align: center;
}
.portfolio-page .pagination {
display: block;
margin: 60px 0 45px;
padding-left: 0;
text-align: center;
}
.portfolio-page .page-numbers > li > a.current,.portfolio-page .page-numbers > li > a:hover {
color: #334155;
}
.portfolio-page .pagination{position: relative}
.portfolio-page .pagination::before {
background: #1261A0 none repeat scroll 0 0;
content: "";
display: block;
height: 1px;
left: 50%;
margin-left: -115px;
position: absolute;
top: 0;
width: 230px;
}
/*-----------------------------
/*     15.ABOUT PAGE 
/*----------------------------*/
.about-page .category-menu-list {display: none;}
.about-page .about-top {
  background-image: url("img/about.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
display: inline-block;
}
.about-page .about-area { padding-bottom: 55px;}
.about-intro {
  background-color: #F4F6F8 !important;
  margin-bottom: -40px !important;
  margin-left: 40px !important;
  margin-top: 50px !important;
  padding: 70px 50px !important;
}
.about-page .about-intro h2 {
color: #334155;
font-size: 60px;
text-transform: uppercase;
font-weight: 700;
}
.about-page .about-intro h2 strong{color: #334155}
.about-intro > p {
font-weight: 300;
line-height: 24px;
}
.about-page .about-bottom img {width: 100%;}
.about-page .bottom-header {
margin-bottom: 45px;
margin-top: 98px;
text-transform: uppercase;
}
.about-page .bottom-header h2 {
font-size: 30px;
text-align: center;
color: #334155;
}
.bottom-header > p {
font-size: 14px;
font-weight: 300;
text-align: center;
}
.about-page .sin-team {
background: #F4F6F8 none repeat scroll 0 0;
margin: 0 13px;
}
.team-info {text-align: center;text-transform: uppercase;}
.team-info > h4 {
color: #334155;
font-size: 18px;
margin: 10px 0;
}
.team-info > p {
display: inline-block;
font-weight: 300;
padding-bottom: 8px;
}

/*-----------------------------
/*     16.CHECKOUT  PAGE START
/*----------------------------*/

.checkout-page .category-menu-list {display: none;}
.checkout-page .checkout-area {margin-bottom: 40px;}
.coupon-accordion h3 {
background-color: #f7f6f7;
border-top: 3px solid #1e85be;
color: #515151;
font-size: 14px;
font-weight: 300;
margin: 0 0 2em !important;
padding: 18px 50px;
position: relative;
width: auto;
}
.coupon-accordion h3::before {
color: #1e85be;
content: "\f114";
display: inline-block;
font-family: fontawesome;
left: 1.5em;
position: absolute;
top: 17px;
}
.coupon-accordion span {cursor: pointer;color: #6f6f6f;}
.coupon-accordion span:hover,p.lost-password a:hover{color: #EC4445;}
.coupon-content {
border: 1px solid #F4F6F8;
display: none;
margin-bottom: 20px;
padding: 20px;
}
.coupon-info p.coupon-text{font-weight: 300;
margin-bottom: 15px;}
.coupon-info p{margin-bottom:0}
.coupon-info p.form-row-first{}
.coupon-info p.form-row-first label,.coupon-info p.form-row-last label {display: block;}
.checkout-page label{font-weight: 400;}
.coupon-info p.form-row-first label span.required,.coupon-info p.form-row-last label span.required{
color: red;
font-weight: 700;}
.coupon-info p.form-row-first input,.coupon-info p.form-row-last input{
background: #F4F6F8 none repeat scroll 0 0;
border: 1px solid #F4F6F8;
height: 36px;
margin: 0 0 14px;
max-width: 100%;
padding: 0 0 0 10px;
width: 370px;}
.coupon-info p.form-row input[type="submit"]:hover,p.checkout-coupon input[type="submit"]:hover{background:#EC4445 }
.coupon-info p.form-row input[type="checkbox"] {
margin-left: 14px;
position: relative;
top: 2px;
}
.form-row > label { margin-top: 7px;}
p.lost-password{margin-top: 15px;}
p.lost-password a{
color: #334155;
font-weight: 300;
}
p.checkout-coupon input[type=text]{
background: #F4F6F8 none repeat scroll 0 0;
border: medium none;
height: 36px;
padding-left: 10px;
width: 170px;
}
p.checkout-coupon input[type=submit]{
background: #334155 none repeat scroll 0 0;
border: medium none;
border-radius: 0;
color: #fff;
font-weight: 500;
height: 36px;
margin-left: 6px;
padding: 5px 15px;
transition: all 0.3s ease 0s;}
.coupon-checkout-content {
margin-bottom: 30px;
display:none;
}
.checkbox-form h3 {
border-bottom: 1px solid #F4F6F8;
font-size: 20px;
font-weight: 700;
margin: 0 0 20px;
padding-bottom: 10px;
}
.country-select{
margin-bottom: 30px;
position: relative;
}
.country-select label,.checkout-form-list label{
color: #334155;
margin: 0 0 5px;display:block
}
.country-select label span.required,.checkout-form-list label span.required{color:red}
.country-select select{
-moz-appearance: none;
border: 1px solid #F4F6F8;
height: 32px;
padding-left: 10px;
width: 100%;
}
.country-select::before {
content: "\f0d7";
display: inline-block;
font-family: fontawesome;
font-size: 20px;
position: absolute;
right: 12px;
top: 28px;
}
.checkout-form-list{margin-bottom: 30px;}
.checkout-form-list label{
color: #334155;
margin-bottom: 10px;
}
.checkout-form-list input[type=text],.checkout-form-list input[type=password],.checkout-form-list input[type=email]{background: #F4F6F8 none repeat scroll 0 0;
border: 1px solid #F4F6F8;
border-radius: 0;
height: 42px;
width: 100%;
padding: 0 0 0 10px;}
.checkout-form-list input[type=checkbox]{display: inline-block;
margin-right: 10px;
position: relative;
top: 2px;}
.create-acc label {
color: #334155;
display: inline-block;
}
.create-account{display:none}
.ship-different-title h3 label{display: inline-block;
margin-right: 20px;}
.order-notes textarea{height: 90px;
padding: 15px;width:100%}
#ship-box-info{display:none}
#cbox_info > p {font-weight: 300;}
.your-order{background: #F4F6F8 none repeat scroll 0 0;
padding: 30px 40px 45px;}
.your-order h3{
border-bottom: 1px solid #d8d8d8;
font-size: 24px;
font-weight: 700;
margin: 0 0 20px;
padding-bottom: 10px;
text-transform: uppercase;
width: 100%;
}
.your-order-table table{background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: medium none;
width: 100%;}
.your-order-table table th, .your-order-table table td {
border-bottom: 1px solid #d8d8d8;
border-right: medium none;
font-size: 14px;
padding: 15px 0;
text-align: center;
}
.your-order-table table th{border-top: medium none;
font-weight: normal;
text-align: center;
text-transform: uppercase;
vertical-align: middle;
white-space: nowrap;
width: 250px;}
.your-order-table table .shipping ul li input{position: relative;
top: 2px;}
.your-order-table table .shipping  th{vertical-align: top;}
.your-order-table table .order-total th{
border-bottom: medium none;
font-size: 18px;
font-weight: 500;
}
.your-order-table table .order-total td{border-bottom: medium none;}
.your-order-table table tr.cart_item:hover{background:#F9F9F9}
.your-order-table table tr.order-total td span {
color: #ec4445;
font-size: 20px;
}
.payment-method {margin-top: 40px;}
.payment-accordion h3{border-bottom: 0 none;
margin-bottom: 10px;
padding-bottom: 0;}
.payment-accordion h3 a{color: #6f6f6f;
font-size: 14px;
padding-left: 25px;
position: relative;
text-transform: capitalize;text-decoration:none}
.payment-accordion h3 a:before,.payment-accordion h3.open a:after{content: "\f055";
display: inline-block;
font-family: fontawesome;
font-size: 20px;
left: 0;
position: absolute;
top: -2px;}
.payment-accordion h3.open a:after{content: "\f056";}
.payment-content p{font-size: 13px;}
.payment-accordion img {
height: 60px;
margin-left: 15px;
}
.order-button-payment input {
background: #1261A0  none repeat scroll 0 0;
border: medium none;
color: #fff;
font-size: 17px;
font-weight: 600;
height: 50px;
margin: 20px 0 0;
padding: 0;
text-transform: uppercase;
transition: all 0.3s ease 0s;
width: 100%;
}
.order-button-payment input:hover{background:#E61719}
.coupon-accordion .coupon-content .coupon-info input[type="submit"] {
background: #334155 none repeat scroll 0 0;
border: medium none;
border-radius: 0;
box-shadow: none;
color: #fff;
display: inline-block;
font-family: Roboto,Arial,Helvetica,sans-serif;
font-size: 14px;
font-weight: bold;
height: 45px;
line-height: 45px;
padding: 0 20px;
text-shadow: none;
text-transform: uppercase;
transition: all 0.3s ease 0s;
white-space: nowrap;
}
.cart-subtotal .amount {
color: #334155;
float: none;
font-size: 14px;
}
.shipping .flatrate {
font-weight: 600;
font-size: 15px;
}
.payment_method_paypal img {
margin: 0px 11px;
margin-bottom: 8px; list-style-type: disc !important;
}
.ship-different-title h3 label {
display: inline-block;
margin-right: 20px;
}

.header-header {
    padding: 15px;
    border-bottom: 1px solid #F4F6F8
}

.header-header .item {
    margin: 0 15px 0 15px;
    color: #808080
}

.header-header .item i {
    display: block;
    width: 50px;
    text-align: center;
    float: left;
    font-size: 32px;
    line-height: 68px;
}

.header-header .item p {
    width: calc(100% - 50px);
    float: left;
    padding-left: 10px;
    margin: 5.5px 0
}

.header-header .item p span {
    display: block;
    font-size: 13px
}

.header-header .item p span:nth-child(1) {
    text-transform: uppercase;
    font-weight: bold
}

.header-header .item:nth-child(1) {
    margin-left: 0
}

.header-header .item:nth-child(4) {
    margin-right: 0
}
.flex-center {
    align-items: center;
    justify-content: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
[class^="ecs-"]:before,
[class*=" ecs-"]:before {
    font-family: "ecs";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: auto;
    margin-right: 0;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    margin-left: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.ecs-down-dir:before {
    content: ''
}

.ecs-up-dir:before {
    content: ''
}

.ecs-left-dir:before {
    content: ''
}

.ecs-up-open-mini:before {
    content: ''
}

.ecs-right-dir:before {
    content: ''
}

.ecs-down-open-mini:before {
    content: ''
}

.ecs-left-open-mini:before {
    content: ''
}

.ecs-right-open-mini:before {
    content: ''
}

.ecs-cancel:before {
    content: ''
}

.ecs-ok:before {
    content: ''
}

.ecs-th-large:before {
    content: ''
}

.ecs-tags:before {
    content: ''
}

.ecs-search:before {
    content: ''
}

.ecs-down-open-big:before {
    content: ''
}

.ecs-left-open-big:before {
    content: ''
}

.ecs-right-open-big:before {
    content: ''
}

.ecs-up-open-big:before {
    content: ''
}

.ecs-tag:before {
    content: ''
}

.ecs-home:before {
    content: ''
}

.ecs-calendar:before {
    content: ''
}

.ecs-location:before {
    content: ''
}

.ecs-mail:before {
    content: ''
}

.ecs-phone:before {
    content: ''
}

.ecs-th:before {
    content: ''
}

.ecs-th-list:before {
    content: ''
}

.ecs-comment:before {
    content: ''
}

.ecs-chat:before {
    content: ''
}

.ecs-plus:before {
    content: ''
}

.ecs-minus:before {
    content: ''
}

.ecs-star-empty:before {
    content: ''
}

.ecs-phone-1:before {
    content: ''
}

.ecs-clock:before {
    content: ''
}

.ecs-star:before {
    content: ''
}

.ecs-checked:before {
    content: ''
}

.ecs-basket:before {
    content: ''
}

.ecs-arrow-right-round:before {
    content: ''
}

.ecs-arrow-left-round:before {
    content: ''
}

.ecs-play-circled2:before {
    content: ''
}

.ecs-arrow-left-full:before {
    content: ''
}

.ecs-arrow-right-full:before {
    content: ''
}

.ecs-play:before {
    content: ''
}

.ecs-eye:before {
    content: ''
}

.ecs-mail-1:before {
    content: ''
}

.ecs-cart-pack:before {
    content: ''
}

.ecs-paper-plane-1:before {
    content: ''
}

.ecs-play-button:before {
    content: ''
}

.ecs-money:before {
    content: ''
}

.ecs-shopping-cart-1:before {
    content: ''
}

.ecs-support:before {
    content: ''
}

.ecs-shopping-bag:before {
    content: ''
}

.ecs-shopping-cart:before {
    content: ''
}

.ecs-shopping-cart-add-button:before {
    content: ''
}

.ecs-tools:before {
    content: ''
}

.ecs-delivery:before {
    content: ''
}

.ecs-user-avatar:before {
    content: ''
}

.ecs-search-1:before {
    content: ''
}

.ecs-user-border:before {
    content: ''
}

.ecs-cross-out:before {
    content: ''
}

.ecs-shopping-cart-2:before {
    content: ''
}

.ecs-twitter:before {
    content: ''
}

.ecs-facebook:before {
    content: ''
}

.ecs-menu:before {
    content: ''
}

.ecs-gplus:before {
    content: ''
}

.ecs-mail-alt:before {
    content: ''
}

.ecs-comment-empty:before {
    content: ''
}

.ecs-chat-empty:before {
    content: ''
}

.ecs-angle-double-left:before {
    content: ''
}

.ecs-angle-double-right:before {
    content: ''
}

.ecs-angle-double-up:before {
    content: ''
}

.ecs-angle-double-down:before {
    content: ''
}

.ecs-mobile:before {
    content: ''
}

.ecs-play-circled:before {
    content: ''
}

.ecs-sort-name-up:before {
    content: ''
}

.ecs-sort-name-down:before {
    content: ''
}

.ecs-sort-alt-up:before {
    content: ''
}

.ecs-sort-alt-down:before {
    content: ''
}

.ecs-sort-number-up:before {
    content: ''
}

.ecs-sort-number-down:before {
    content: ''
}

.ecs-youtube:before {
    content: ''
}

.ecs-youtube-play:before {
    content: ''
}

.ecs-instagram:before {
    content: ''
}

.ecs-tumblr:before {
    content: ''
}

.ecs-down:before {
    content: ''
}

.ecs-up:before {
    content: ''
}

.ecs-left:before {
    content: ''
}

.ecs-right:before {
    content: ''
}

.ecs-paper-plane-empty:before {
    content: ''
}

.ecs-share:before {
    content: ''
}

.ecs-cc-visa:before {
    content: ''
}

.ecs-cc-mastercard:before {
    content: ''
}

.ecs-cc-discover:before {
    content: ''
}

.ecs-cc-paypal:before {
    content: ''
}

.ecs-pinterest:before {
    content: ''
}

.ecs-map-o:before {
    content: ''
}

.ecs-map:before {
    content: ''
}
 .cs-action-button-container {
    position: fixed;
    right: 0;
    z-index: 99;
    top: calc(50% - ((22px*6)/2));
}
.cs-action-button {
    overflow: hidden;
    box-shadow: 0 0.46875rem 2.1875rem rgb(90 97 105 / 10%), 0 0.9375rem 1.40625rem rgb(90 97 105 / 10%), 0 0.25rem 0.53125rem rgb(90 97 105 / 12%), 0 0.125rem 0.1875rem rgb(90 97 105 / 10%);
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    -ms-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
}
.rounded-left {
    border-radius: 1rem 0 0 1rem !important;
}
.bg-white {
    background-color: #fff!important;
}
.cs-action-button .action-item.hotline {
    color: #dc3545;
}
.cs-action-button .action-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 55px;
    height: 55px;
    border-bottom: 1px solid #dee2e6;
}
.cs-action-button .action-item.call-advisor {
    color: #fe9329;
}
.cs-action-button .action-item .title-inner {
    display: none;
}
.cs-action-button .action-item.zalo .icon-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    background-image: url(img/zalo-icon-3.png);
}
.cs-bg-fill {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: scroll;
    height: auto;
}
.cs-action-button .action-item.messenger .icon-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    background-image: url(img/messenger-icon-2.png);
}
.hotline-phone-ring-wrap {
    position: fixed;
    bottom: 0;
    left: 58px;
    z-index: 999999;
}
.hotline-phone-ring {
    position: relative;
    visibility: visible;
    background-color: transparent;
    width: 110px;
    height: 110px;
    cursor: pointer;
    z-index: 11;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: visibility 0.5s;
    left: 0;
    bottom: 0;
    display: block;
}
.hotline-phone-ring-circle {
    width: 85px;
    height: 85px;
    top: 10px;
    left: 10px;
    position: absolute;
    background-color: transparent;
    border-radius: 100%;
    border: 2px solid #00ccff;
    -webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
    animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
    transition: all 0.5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    opacity: 0.5;
}
.hotline-phone-ring-circle-fill {
    width: 55px;
    height: 55px;
    top: 25px;
    left: 25px;
    position: absolute;
    background-color: #00ccff;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    transition: all 0.5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.hotline-phone-ring-img-circle {
    background-color: #00ccff;
    width: 33px;
    height: 33px;
    top: 37px;
    left: 37px;
    position: absolute;
    background-size: 20px;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hotline-phone-ring-img-circle .pps-btn-img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.hotline-phone-ring-img-circle .pps-btn-img img {
    width: 20px;
    height: 20px;
}
.hotline-bar {
    position: absolute;
    background: #32B3E7;
    height: 40px;

    line-height: 40px;
    border-radius: 3px;
    padding: 0 10px;
    background-size: 100%;
    cursor: pointer;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    z-index: 9;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.1);
    border-radius: 50px !important;
    /* width: 175px !important; */
    left: 50px;
    bottom: 37px;
}
.hotline-bar > a {
    color: #fff;
    text-decoration: none;
    font-size: 24px;
    font-weight: bold;
    text-indent: 22px;
    display: block;
    letter-spacing: 1px;
    line-height: 40px;
    font-family: Arial;
}
.hotline-bar > a:hover,
.hotline-bar > a:active {
    color: #fff;
}

@-webkit-keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform: rotate(0) scale(0.5) skew(1deg);
        -webkit-opacity: 0.1;
    }
    30% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        -webkit-opacity: 0.5;
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        -webkit-opacity: 0.1;
    }
}
@-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        opacity: 0.6;
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        opacity: 0.6;
    }
    100% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        opacity: 0.6;
    }
}
@-webkit-keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }
    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }
    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }
    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
}
@media (max-width: 768px) {
    .hotline-bar {
        display: none;
    }
}


/* --- PRODUCT DETAIL CONTENT STYLES --- */
.product-review-area {
    margin-top: 40px;
    margin-bottom: 50px;
}

.review-wrapper {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 30px 40px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.05);
}

.review-wrapper .con.tab-content {
    font-size: 16px;
    line-height: 1.8;
    color: #334155;
    font-family: 'Arial', sans-serif;
}

.review-wrapper .con h2 {
    font-size: 24px;
    font-weight: 700;
    color: #1261A0;
    margin-top: 30px;
    margin-bottom: 15px;
    padding-bottom: 8px;
    border-bottom: 2px solid #F28C28;
    display: inline-block;
}

.review-wrapper .con h3 {
    font-size: 20px;
    font-weight: 600;
    color: #0B1F33;
    margin-top: 25px;
    margin-bottom: 10px;
}

.review-wrapper .con p {
    margin-bottom: 15px;
    text-align: justify;
}

.review-wrapper .con ul {
    list-style-type: disc !important;
    padding-left: 20px !important;
    margin-bottom: 20px;
}

.review-wrapper .con ul li {
    margin-bottom: 8px; list-style-type: disc !important;
}

/* Beautiful Table Styling */
.review-wrapper .con table {
    width: 100%;
    border-collapse: collapse;
    margin: 25px 0;
    font-size: 15px;
    text-align: left;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
}

.review-wrapper .con table thead tr {
    background-color: #1261A0;
    color: #ffffff;
    text-align: left;
    font-weight: bold;
}

.review-wrapper .con table th,
.review-wrapper .con table td {
    padding: 12px 15px;
    border: 1px solid #e2e8f0;
}

.review-wrapper .con table tbody tr {
    border-bottom: 1px solid #dddddd;
}

.review-wrapper .con table tbody tr:nth-of-type(even) {
    background-color: #F4F6F8;
}

.review-wrapper .con table tbody tr:last-of-type {
    border-bottom: 2px solid #1261A0;
}
/* ------------------------------------- */

/* Additional details for H1 and lists */
.review-wrapper .con h1 {
    font-size: 28px;
    font-weight: bold;
    color: #1261A0;
    margin-bottom: 20px;
}
.prod-info h1.pro-name {
    font-size: 32px;
    font-weight: 700;
    color: #0B1F33;
    text-transform: none;
    margin-bottom: 15px;
}

/* ================================================================
   BÀI VIẾT: THANG MÁY LỒNG KÍNH BIỆT THỰ
   Tông màu: Đen – Vàng champagne – Trắng kính (luxury)
   Bọc nội dung trong: <div class="glass-elevator-post"> ... </div>
   ================================================================ */

.glass-elevator-post {
    max-width: 900px;
    margin: 0 auto;
    padding: 55px 20px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 16.5px;
    line-height: 1.9;
    color: #2b2b2b;
    background: #fff;
}

/* ===== H1 — TIÊU ĐỀ SANG TRỌNG ===== */
.glass-elevator-post h1 {
    font-size: 2.6rem;
    font-weight: 800;
    text-align: center;
    line-height: 1.3;
    letter-spacing: -.5px;
    margin: 0 0 15px;
    color: #1a1a1a;
    animation: gpFadeDown .8s ease;
}

.glass-elevator-post h1::after {
    content: '';
    display: block;
    width: 100px;
    height: 3px;
    margin: 22px auto 0;
    border-radius: 3px;
    background: linear-gradient(90deg, transparent, #c9a24b, transparent);
}

/* Phụ đề dưới H1 (nếu có) */
.glass-elevator-post h1 + p {
    text-align: center;
    font-size: 1.1rem;
    color: #777;
    font-style: italic;
    margin-bottom: 40px;
    padding-bottom: 30px;
    border-bottom: 1px dashed #e8d9b0;
}

/* ===== H2 — CÓ DẤU TRANG TRÍ VÀNG ===== */
.glass-elevator-post h2 {
    font-size: 1.8rem;
    font-weight: 800;
    color: #1a1a1a;
    margin: 55px 0 22px;
    padding-left: 22px;
    position: relative;
    line-height: 1.35;
}

.glass-elevator-post h2::before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    width: 6px;
    height: calc(100% - 16px);
    border-radius: 6px;
    background: linear-gradient(180deg, #c9a24b, #f4d47c, #c9a24b);
    box-shadow: 0 0 12px rgba(201,162,75,.5);
}

/* ===== H3 ===== */
.glass-elevator-post h3 {
    font-size: 1.3rem;
    font-weight: 700;
    color: #b8892e;
    margin: 30px 0 12px;
    padding-left: 16px;
    border-left: 3px solid #c9a24b;
}

/* ===== ĐOẠN VĂN ===== */
.glass-elevator-post p {
    margin-bottom: 20px;
    color: #444;
    text-align: justify;
}

.glass-elevator-post p:first-of-type {
    font-size: 1.15rem;
    color: #222;
    font-weight: 500;
    padding: 22px 28px;
    border-radius: 14px;
    background: linear-gradient(135deg, #fdfbf5, #faf5e8);
    border-left: 4px solid #c9a24b;
}

.glass-elevator-post strong {
    color: #1a1a1a;
    font-weight: 700;
}

.glass-elevator-post em {
    font-style: normal;
    font-weight: 700;
    color: #b8892e;
}

/* ===== UL — ICON KIM CƯƠNG ===== */
.glass-elevator-post ul {
    list-style: none;
    margin: 25px 0;
    padding: 0;
}

.glass-elevator-post ul li {
    position: relative;
    padding: 14px 20px 14px 58px;
    margin-bottom: 12px;
    background: #fdfbf5;
    border-radius: 14px;
    border: 1px solid #f4ecd8;
    transition: all .3s ease;
}

.glass-elevator-post ul li::before {
    content: '◆';
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: linear-gradient(135deg, #c9a24b, #f4d47c);
    color: #fff;
    font-size: 12px;
    box-shadow: 0 6px 14px rgba(201,162,75,.4);
}

.glass-elevator-post ul li:hover {
    transform: translateX(8px);
    border-color: #c9a24b;
    background: #fff;
    box-shadow: 0 10px 25px rgba(201,162,75,.2);
}

/* ===== OL ===== */
.glass-elevator-post ol {
    counter-reset: gitem;
    list-style: none;
    padding: 0;
    margin: 25px 0;
}

.glass-elevator-post ol li {
    counter-increment: gitem;
    position: relative;
    padding: 14px 20px 14px 68px;
    margin-bottom: 12px;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 4px 18px rgba(201,162,75,.1);
    transition: all .3s ease;
}

.glass-elevator-post ol li::before {
    content: counter(gitem);
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: linear-gradient(135deg, #1a1a1a, #444);
    color: #f4d47c;
    font-weight: 800;
    font-size: 15px;
    box-shadow: 0 6px 14px rgba(0,0,0,.25);
}

.glass-elevator-post ol li:hover {
    transform: translateX(8px);
    box-shadow: 0 12px 30px rgba(201,162,75,.28);
}

/* ===== BOX LUXURY (highlight) ===== */
.glass-elevator-post .luxury-box {
    margin: 35px 0;
    padding: 30px 35px;
    border-radius: 18px;
    background: linear-gradient(135deg, #1a1a1a, #2b2b2b);
    color: #fff;
    position: relative;
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(0,0,0,.35);
}

.glass-elevator-post .luxury-box::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, transparent, #c9a24b, #f4d47c, #c9a24b, transparent);
}

.glass-elevator-post .luxury-box h4 {
    font-size: 1.2rem;
    color: #f4d47c;
    margin: 0 0 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

.glass-elevator-post .luxury-box p {
    color: rgba(255,255,255,.85);
    margin: 0;
}

/* ===== ẢNH ===== */
.glass-elevator-post img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 30px auto;
    border-radius: 14px;
    box-shadow: 0 20px 50px rgba(0,0,0,.18);
    transition: transform .4s ease, box-shadow .4s ease;
}

.glass-elevator-post img:hover {
    transform: scale(1.015);
    box-shadow: 0 30px 70px rgba(201,162,75,.35);
}

/* Chú thích ảnh */
.glass-elevator-post img + em,
.glass-elevator-post figcaption {
    display: block;
    text-align: center;
    font-size: .92rem;
    color: #999;
    margin-top: -15px;
    margin-bottom: 25px;
    font-style: italic;
}

/* ===== LINK ===== */
.glass-elevator-post a {
    color: #b8892e;
    font-weight: 600;
    text-decoration: none;
    position: relative;
    transition: color .3s ease;
}

.glass-elevator-post a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 2px;
    transform: scaleX(0);
    transform-origin: right;
    background: linear-gradient(90deg, #c9a24b, #f4d47c);
    transition: transform .3s ease;
}

.glass-elevator-post a:hover { color: #c9a24b; }
.glass-elevator-post a:hover::after {
    transform: scaleX(1);
    transform-origin: left;
}

/* ===== BLOCKQUOTE ===== */
.glass-elevator-post blockquote {
    margin: 35px 0;
    padding: 28px 32px;
    background: linear-gradient(135deg, #fdfbf5, #faf5e8);
    border-left: 5px solid #c9a24b;
    border-radius: 0 18px 18px 0;
    font-style: italic;
    font-size: 1.1rem;
    color: #444;
    position: relative;
}

.glass-elevator-post blockquote::before {
    content: '"';
    position: absolute;
    top: -25px;
    left: 18px;
    font-family: Georgia, serif;
    font-size: 5.5rem;
    line-height: 1;
    color: #c9a24b;
    opacity: .25;
}

/* ===== BẢNG ===== */
.glass-elevator-post table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin: 30px 0;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 15px 40px rgba(201,162,75,.15);
}

.glass-elevator-post table th {
    padding: 16px 20px;
    background: linear-gradient(135deg, #1a1a1a, #2b2b2b);
    color: #f4d47c;
    text-align: left;
    font-weight: 700;
    font-size: 1rem;
}

.glass-elevator-post table td {
    padding: 14px 20px;
    background: #fff;
    border-bottom: 1px solid #f4ecd8;
    color: #444;
}

.glass-elevator-post table tr:last-child td { border-bottom: none; }
.glass-elevator-post table tr:hover td {
    background: #fdfbf5;
    color: #1a1a1a;
}

/* ===== NÚT CTA VÀNG ===== */
.glass-elevator-post .gold-btn {
    display: inline-block;
    padding: 16px 42px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 1.05rem;
    text-decoration: none;
    color: #1a1a1a;
    background: linear-gradient(135deg, #f4d47c, #c9a24b);
    box-shadow: 0 12px 35px rgba(201,162,75,.5);
    transition: all .3s ease;
    margin: 10px 5px;
}

.glass-elevator-post .gold-btn:hover {
    transform: translateY(-4px) scale(1.03);
    box-shadow: 0 22px 50px rgba(201,162,75,.7);
}

/* ===== HR ===== */
.glass-elevator-post hr {
    border: none;
    height: 1px;
    margin: 50px 0;
    background: linear-gradient(90deg, transparent, #c9a24b, transparent);
}

/* ===== ANIMATION ===== */
@keyframes gpFadeDown {
    from { opacity: 0; transform: translateY(-20px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    .glass-elevator-post { padding: 35px 15px; font-size: 15.5px; }
    .glass-elevator-post h1 { font-size: 1.85rem; }
    .glass-elevator-post h2 { font-size: 1.4rem; padding-left: 18px; }
    .glass-elevator-post h3 { font-size: 1.15rem; }
    .glass-elevator-post p,
    .glass-elevator-post p:first-of-type { text-align: left; }
    .glass-elevator-post ul li,
    .glass-elevator-post ol li { padding-left: 52px; font-size: .95rem; }
    .glass-elevator-post .gold-btn { padding: 14px 28px; font-size: .95rem; }
}