@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Baloo+Bhai&display=swap&subset=latin-ext');
@import url('form.css');

[data-icon]:before {
	font-family: 'ElegantIcons';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

* {
	font-family: 'Source Sans Pro', sans-serif; 
	font-family: 'Baloo Bhai', cursive;
	font-family: 'Ubuntu', sans-serif;
	font-size: calc(12px + 1 * ((100vw - 320px) / 680));
	
}
@media (max-width:1024px){
	* {
		font-size: calc(13px + 1 * ((100vw - 320px) / 680));
		
	}
}

*, *::after, *::before {
	-webkit-box-sizing: border-box; 
	box-sizing: border-box; 
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	outline:none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

* {-webkit-overflow-scrolling: auto;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
a, img { outline:none; text-decoration:none; }
a { cursor:pointer; color:#c31515; -webkit-transition: all .1s ease; transition: all .1s ease; }
a:hover { color: #c31515; }
strong, b { font-weight:700;}
span, strong, b { font-size: 100%;}
p { margin: 0; padding: 0;}
input { -webkit-border-radius: 0; border-radius: 0; }
input[type=button], input[type=submit], input[type=text] {
    -webkit-appearance: none;
    border-radius: 0!important
}
@media (max-width:1024px){
}

small { font-size: 70%;}
small.large { font-size: 80%;}

body {
    font-family: 'Source Sans Pro', sans-serif;
	width:100%;
	margin:0;
	background:#b8b7b7;
	padding:0;
	font-size:1rem;
	overflow-x:hidden;
	overflow-y:scroll;
	color:#333e48;
}

.clear { clear:both }
.clear.margin { height:20px; }

.ui-tooltip { width: auto; text-align: center; background:rgb(0, 0, 0)!important; color: #fff!important; box-shadow: none !important; padding: 0; border:1px solid #eee!important; border-radius: 5px!important;}
.ui-tooltip-content { position: relative; padding:.26rem; font-weight: 600; }

/*
.ui-tooltip-content::after, 
.ui-tooltip-content::before {}
*/

@media (max-width:1024px){
    .ui-tooltip { display: none!important;}
}

/* Loading */
#loading { 
	width:100%;
	height:100%; 
	display:block; 
	overflow:hidden; 
	margin:0; 
	padding:0; 
	top:0;
	left:0;
	position:fixed; 
	z-index:999999999;
	max-height:100%;
    min-height:100%; 
	background:#fff;
}
#loading .loader {
	margin: 20% auto 0 auto;
	position: relative;
	text-indent: -9999em;
	border-top: .3em solid #c31515;
	border-right: .3em solid #eee;
	border-bottom: .3em solid #fff;
	border-left: .3em solid #fff;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load8 1.1s infinite linear;
	animation: load8 1.1s infinite linear;
}
#loading .loader,
#loading .loader:after {
	width: 2.5em;
	height: 2.5em;
	border-radius: 50%;
}
#loading .loader-text { display: block; overflow: hidden; text-align:center; font-weight:400; font-size:1rem; margin: 10px 0 0 0; color:#222; }
@-webkit-keyframes load8 {
	0% { -webkit-transform: rotate(0deg); transform: rotate(0deg);}
	100% { -webkit-transform: rotate(360deg); transform: rotate(360deg);}
}
@keyframes load8 {
	0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

a.siteup { 
	position:fixed; 
	bottom:30px; 
	right:-60px; 
	display:block; 
	width:60px; 
	height:60px; 
    line-height: 60px;
    font-size: 1rem;
    color: #fff;
	overflow:hidden; 
	background:#1d1d1b;
	-webkit-transition:.3s;
	transition:.3s;
	z-index:999;
    border-radius: 50%;
    text-align: center;
}
a.siteup.sticky { right:30px; }

a.contact { 
	position:fixed; 
	bottom:30px; 
	left:30px; 
	display:block; 
	width:60px; 
	height:60px;
    line-height: 60px;
    text-align: center;
	overflow:hidden; 
	background:#c31515;
    color: #fff;
	z-index:999;
    border-radius: 50%;
    transform:scale(0);
    -webkit-transition:.3s;
	transition:.3s;
}
a.contact i {font-size: 1.7rem; }
a.contact.sticky {transform:scale(1); }

a.whatsapp { 
	position:fixed; 
	bottom:70px; 
	left:10px; 
	display:none!important; 
	width:50px; 
	height:50px; 
	overflow:hidden; 
	background:#45c455 url(../svg/whatsapp.svg) center center no-repeat;
	background-size:30px;
	-webkit-transition:.3s;
	transition:.3s;
	z-index:999;
    border-radius: 50%;
    transform:scale(0);
    border: 1px solid #fff;
}
a.whatsapp.sticky {transform:scale(1); }
@media (max-width:1024px){
    a.whatsapp,a.whatsapp.sticky { display: block!important;}
}
@media (max-width:1024px){
    a.siteup { bottom:10px; right:-50px; width:50px; height:50px; line-height: 50px; background-size:22px;}
    a.siteup.sticky { right:10px; }
    a.contact { bottom:10px; left:10px; width:50px; height:50px; line-height: 50px; background-size:25px; }
}

.text-dark { color: #111;}
.text-white { color: #fff;}
.text-left { text-align: left;}
.text-right { text-align: right;}
.text-center { text-align: center;}

.text-line-through { text-decoration: line-through; font-weight: 300;}

.float-left { float: left;}
.float-right { float: right;}

.img-fluid { width: 100%;}

/* CONTAINER */
#container { display: block; width:100%; margin:0 auto; padding:0; background-color: #fff; }
@media (max-width:1366px) {
    #container { width:100%; }
}
@media (max-width:1024px) {
    #container { width:100%; }
}

.container { display: block; width:100%; margin:0; padding:0; position:relative;}
.wrapper { width:1280px; margin:0 auto; padding:0; position:relative;}
@media (max-width:1024px) {
    .wrapper { width:95%; margin:0 auto; padding:0; position:relative;}
}

/* UPPER */
.upper { 
	display:inline-block; 
	width:100%; 
	height:50px; 
	background-color: #eee; 
	border-bottom: 1px solid #dedede; 
	-webkit-transition:.1s; 
	transition:.1s; 
	position: fixed; 
	top: 0; 
	z-index: 30;
}
.upper .wrapper { width: 100%; }
/*.upper.sticky { top: -50px; }*/
@media (max-width:1366px) {
    .upper { width: 100%;}
}
@media (max-width:1024px) {
	.upper { position: static; display: block; width: 100%; height: 51px; background-color: #222; z-index: 999;}
	.upper .wrapper { width: 100%; }
}

/* member */
.member { display:block; height: 50px; margin: 0; padding: 0; float:left; }
.member ul { margin: 0; padding: 0; }
.member li { display:block; float:left; position: relative;  }
.member li a { display:block; text-align: center; padding:0 5px; height:50px; font-weight: 600; line-height:45px; color:#A6A5A5;  }
.member li a i { padding: 0 10px; font-size: 1.2rem; float: left; color: #c31515;  }
.member li a b { font-weight: 600; }
.member li:hover a { color: #c31515; }
.member li.home { margin: 0 0 0 0; }
.member li.home a { background-color:#c31515; padding: 0 12px; color: #fff;}
.member li.home a i { color: #fff;}

@media (max-width:1024px) {
	.member { width: 85%; display: flex; flex-wrap: nowrap;  }
	.member li { width: auto; float: left; }
	.member li a { padding:10px 10px 10px 0; line-height: 100%; text-align: left; font-size: .88rem; color: #fff;  }
	.member li a i { padding: 0 5px 0 10px; font-size: 1.6rem; line-height: 25px; }
	.member li.home { display: none;}
	.member li.login a { background-color:#c31515; color: #fff; }
	.member li.login a i { color: #fff; }
	.member li.register a { background-color:#444; color: #ccc; }
	.member li.register a i { color: #fff; }
	.member li a b span { display: block; }   
}

/* login form */
.loginForm { 
	display:none; 
	padding:20px; 
	width:200px; 
	top:0; 
	left:0;
	position:absolute; 
	z-index: 99;
	background-color:#e6e4e4;
	box-shadow: 0 0 2px #ccc;
} 
.logincloseBtn { display: none!important;}
@media (max-width:1024px) {
	.loginForm {  width:100%; padding: 50px 20px 20px 20px; position: fixed; top: 0; left: 0; z-index: 100;  } 

	.logincloseBtn { display: block!important; width: 35px; height: 35px; text-align: center!important; line-height: normal; padding: 0; margin: 0;  overflow: hidden; background-color: transparent!important; color: #111!important; float: right; position: absolute; right: 5px; top: 0;}
	.logincloseBtn > i {color: #111!important;  width: 100%; overflow: hidden; line-height: normal; padding: 0!important; }
}
.loginForm .switch { float: right; }	
.loginForm .switch-row { float: left; color: #fff; width: 50%; font-size: .8rem; }

/* topnav */
.topnav { display:block; height: 50px; margin: 0; padding: 0; float:right; }
.topnav ul { margin: 0; padding: 0; }
.topnav li { display:block; float:left; position: relative; border-left: 1px solid #ccc;  }
.topnav li a { display:block;font-size: 1rem; text-align: center; padding:0 15px; font-weight: 600; height:50px; line-height:45px;background-color: #dedede; color:#646464;  }
.topnav li a img { width: 30px; float: left; display: block; margin: 8px 5px 0 0;}
.topnav li a i { padding: 0 10px; font-size: 1.2rem; float: left; color: #c31515;  }
.topnav li a b { font-weight: 600; }
.topnav li:hover a { color: #757975; background-color: #ccc; }

.topnav li.lang { width: 150px; display: none; }
.topnav li.lang a { text-align: left; }

.topnav li ul { display:none; margin: 0; padding: 0; position: absolute; left: 0; background-color: #f3f3f3;}
.topnav li:hover ul { display: block;}
@media (max-width:1024px) {
	.topnav { display:none; }
}

a.social_whatsapp {
    display: inline-block;
    width: 60px;
    height: 50px;
    text-align: center;
    margin:0;
    overflow: hidden;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
	background-size: 25px;
	content: "";
	background-color: #29ac00!important;
    background-image: url("../svg/social_whatsapp.svg");
}

@media (max-width:1024px) {
	a.social_whatsapp {
        display: none;
    }
}

/* HEADER */
header { 
	display:table;
	width:100%;
	height:150px;
	margin:50px 0 0 0;
	padding:15px 0; 
	background-color:#fff;
	background-repeat: no-repeat;
	background-position:top center;
	background-size: cover;
	-webkit-transition:.1s;
	transition:.1s;
	border-bottom: 1px solid #eee;
	
} 	
header.sticky { top: 0;background-color:#eee; } 	
header .header { width:95%; margin:0 auto; position:relative;}
@media (max-width:1366px) {
	header {  width:100%; }
}
@media (max-width:1024px) {
	header { position:relative; width: 100%; height:auto; top: 0; margin:0; padding: 0; } 	
	header .header { width:100%;}
	header.cover { margin: 0; }
    header.sticky { position: fixed; top: 0; } 	
}

/* hotline */
.hotline { display:inline-block; height:50px; overflow:hidden; position: absolute; left: 0; top: 50px;}
.hotline span { display:block; overflow:hidden; padding:0; line-height: 45px; color:#111; float:left;  }
.hotline span.icon { width: 50px; width: 50px; text-align: center; font-size:1.6rem; color: #fff; border-radius: 10%; background-color: #c31515;  }
.hotline span.phone { background:none; font-weight:300; padding: 0 15px; font-size:1.8rem;  }
.hotline span.phone strong { font-weight:700; }

@media (max-width:1024px) {
    .hotline { width: 15%; display:block; top: 40px; left: 5px; height:50px;}
    .hotline span { display:block; overflow:hidden; padding:0; height:50px; line-height:50px; color:#333; float:left;  }
    .hotline span.icon { width: 100%; line-height: 47px; text-align: center; color: #c31515; border-radius: 5px;  background-color:transparent; border: 2px solid #c31515; font-size:1.8rem; }
	.hotline span.phone { display: none; }
}

/* Logo */
.logo { 
	width:150px;
	height:150px; 
	display:block;
	margin: 0 auto;
	overflow:hidden; 
	-webkit-transition:.3s;
	transition:.3s;
	cursor:pointer;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("../images/logo.png");
    background-size: 100%;
    background-color:transparent;
    
}
@media (max-width:1024px) {
	.logo { 
		width:135px;
		height:135px; 
		background-size: 90%;
	}
}

/* Search */
.search { height: 49px; margin: 0 0 0 25px; padding: 0; border-radius: 2px; background: #f9f9f9; float: left; border-left: 1px solid #eee;}
.search.mobile { display: none;}
.search input { font-size: 1rem; background: transparent; height: 45px; width: 75%; margin: 0; padding: 0 15px; color: #111; border: none; float: left; }
.search button { width: 60px; float: right; height: 50px; line-height: 48px; border: none; background: transparent; color: #c31515; cursor: pointer; }
.search .dripicons-search { font-size: 1.6rem;}

@media (min-width:770px) {
    .search { width: 40%; }
}

@media (min-width:1366px) {
    .search { width: 20%; }
}

@media (max-width:1024px) {
    .search { display: none; float: none; width: 100%; margin: 0; padding: 0; border-radius: 0; border: none; border-bottom: 1px solid #dedede; background: #fff;}
    .search.mobile { display: block;}	
}

/* Cart */
.cartButton { float: right; height: 50px; margin:0; position: absolute; right: 0; top: 50px; z-index: 20; }
.cartButton span { float: left; height: 50px; line-height: 50px; color: #fff; padding: 0 15px;  }
.cartButton span.piece { font-size: .9rem;font-weight: 800; background-color: #c31515; padding: 0; position: absolute; left: -15px; top: -15px; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; text-align: center; }
.cartButton span.icon { font-size: 1.5rem; background-color: #444; padding: 0 20px; }
.cartButton span.text { font-size: 1.2rem; background-color: #c31515; color: #fff; font-weight: 800;  }
@media (max-width:1024px) {
    .cartButton { right: 0; top: -50px; }
	.cartButton span { line-height: 45px;}
	.cartButton span.icon { font-size: 2rem; height: 47px;}
    .cartButton span.piece { left: -15px; top: 6px;}
    .cartButton span.text { display: none; }
}

/* Main Menu */
.toggleMenu {
	color: #fff!important;
	z-index:99;
	text-align:center;
	overflow:hidden;
	position:absolute;
	display: none;
	width:50px;
	display: none;
	height:50px;
	line-height:50px;
	background-color:transparent;
	border: 2px solid #c31515;
	color: #c31515!important;
	border-radius: 4px;
	-webkit-transition: .5s; 
	transition: .5s;
	opacity:1;
    font-family: "dripicons-v2"!important;
	right: 5px;
	top: 40px;
    margin:0!important;
    font-size: 2rem;
    
}
.toggleMenu:before { content: "\e020"; }
.toggleMenu.toogle_hover:before { content: "\39"; }
@media (max-width:1024px) {
 .toggleMenu {  margin: 15px 10px 0 15px; }
}

nav { 
	width:auto; 
	height: 50px;
	margin:0; 
	background-color: #eee; 
	border-right: 1px solid #dedede; 
	padding:0; 
	text-align: center; 
	float: left;
	display:block; 
	font-family: 'Baloo Bhai', cursive;
}
.nav { margin:0; padding:0; list-style:none; position:relative; z-index:9;}
.nav:before, .nav:after { content:""; display: table;}
.nav:after { clear: both; }

.nav > li { display:inline-block; padding:0; margin:0; position:relative;  }
.nav > li.hidden { display: none;}
.nav li a { 
	display:block; 
	font-size:1.2rem;
	overflow:hidden; 
	margin:0;
	font-weight:700;
	padding:13px 20px; 
	color:#111;
}  
.nav li a img { width: 30px; float: left; margin: 10px 10px 0 0; }
.nav > li > a.parent:after { font-family: "dripicons-v2"; content:"\54"; margin: 0 0 0 5px; color: #c31515; float: right; display: inline-block;  } 

.nav li:hover > a { color: #c31515; opacity: 1; }

.nav li ul { position: absolute; list-style: none; min-width:100%; display:none;  margin:0; padding:5px 0 0 0; transition:.3s; }

.nav li.hover > ul { display:block; }
.nav li li.hover ul { display:block;  top:0; padding: 0; }
.nav li li li.hover ul { display:block; top:0; padding: 0; }

.nav li li {border:none; margin:0; padding:0; position:relative; }
.nav li li a { 
	display: block; 
	background: #c31515; 
	height:auto;
	color:#fff; 
	text-align:left;
	font-weight:400;
	padding:10px 20px; 
	font-size:1rem;
	border-bottom: 1px solid #a81414;
	border-left: 5px solid #eee;
}
.nav li li:last-child a { border-bottom: 0; }
.nav li li li a { 
	display: block; 
	background: #7C7C7C; 
	font-size:.8rem;
	height:auto;
	color:#fff; 
	padding:0 15px;
	text-align:left;
	line-height:40px;
	font-weight:300;
	transition: .2s;
}
.nav li ul li a:hover,
.nav li ul li:hover > a {background: #676767; color:#fff;border-left: 10px solid #fff; }
@media (max-width:1024px) {
    nav { display:block; overflow:hidden; margin:0; padding:0; border: none; }
    .nav { 
        width:250px; 
        height:100vh;
        margin:0; 
        padding:0;
        position:fixed; 
        display:none;
        overflow:hidden; 
        z-index:9999999;
        top:0; 
        left:0; 
        background:#eee;
        overflow-y:auto;
        border-right: 1px solid #d6d6d6;
        text-align: right;
	}
	.nav > li.hidden { display: inline-block;}

    .nav > li { width:100%; display:block; padding:0; margin:0; position:relative; }
    .nav > li > a.parent:after { font-family: "dripicons-v2"; content:"\54"; float:right; position:absolute; font-size:16px; color:#222; right:20px; }
    .nav li a { 
        display: block; 
        color:#666 !important; 
        font-size:1.2rem;
        height:50px;
        padding:0 15px; 
        line-height:50px; 
        text-align:left;
        font-weight:800; 
        transition:.3s;
        -webkit-transition:.3s;
        border-bottom: 0;
	}
    .nav li:hover > a { color:#fff;  }
    .nav li a:hover { color:#fff; }
    .nav li ul { list-style: none; width: 100%;  position: static;  margin:0; padding:0; }
    .nav li ul li { border:none; margin:0; padding:0; position:relative;}
    .nav li ul li a { color:#fff!important; line-height:40px; font-weight: 500; height:auto; font-size:1rem; background:#888; border-bottom: 0;}
	.nav li ul li a img { width: 23px;}
	.nav li ul li li a { background: #999; font-weight: 300; }
    .nav li ul li a:hover,
    .nav li ul li:hover > a { background: #999; color:#fff!important; }
    .nav li.hover > ul, 
    .nav li li.hover ul { position:static; }
}

/* SLIDER */
#slider {  display:block; width:100%; margin: 0 auto; position: relative;  }
@media (max-width:768px) {
	#slider {  display:block; width:100%; margin:0; position: relative;  }
}
.banner { width:100%; margin:0 0 0 0; padding:0; overflow: hidden;  position: relative; z-index: 1; font-weight:600;}
.banner .owl-item { margin:0; padding:0; float:left; }
.banner .owl-item img { width: 100%; vertical-align: bottom }
.banner .owl-controls { top: 80%!important;  }
.banner .owl-prev {display: block !important; left: 40px !important; background-color: #c31515!important; }
.banner .owl-next {display: block !important; right: 40px !important; background-color: #c31515!important; }

.banner-mobile { display: none !important;}
.banner-mobile .owl-item { margin:0; padding:0; float:left; }
.banner-mobile .owl-item img { width: 100%; vertical-align: bottom; }
@media (max-width:768px) {
    .banner { display: none!important;}
    .banner-mobile { display: block!important; width:100%; margin:0; padding:0;  position: relative; z-index: 1; font-weight:600;}
    .banner-mobile .owl-prev,
    .banner-mobile .owl-next{ display: none!important;}
}

.caption { width:50%; height: 100%; padding:10% 0 0 40px; overflow: hidden; margin:0; z-index:7; position:absolute; top:0; left:0;  }
.caption:before { 
	content: ""; 
	position: absolute; 
	display: block; 
	width: 100%; 
	height: 100%; 
	top: 0; 
	left: -25%; 
	/*background-color: rgba(255,255,255,.50); 
	background-color: rgba(188, 14, 14, 0.5);
	transform:skewX(-30deg); */
}
.caption-title { 
	width:80%;
	display:block;
	overflow:hidden;
	color:#fff;
	opacity:0;
    font-size: 4rem;
	font-weight:100; 
	padding:0;
	animation: title .2s .4s linear forwards;
	position:relative;
     transform: scale(0);
}
.caption-desc { 
	display:block;
	width:50%;
	opacity:0;
	margin:0;
	font-size:1.1rem;
	color:#fff;
	font-weight:300;
	overflow:hidden;
	animation: desc .2s .5s linear forwards;
	position:relative;
}
.caption-link { 
	display:none!important;
	width:200px;
	margin:30px 0;
	opacity:0;
	overflow:hidden;
	animation: link .2s .6s linear forwards;
	position:relative;
}
.caption-link a { 
	width:200px; 
	height:60px; 
	display:block; 
	line-height:60px;  
	font-size:1.3rem;
	background: #bc0e56;
	color:#fff;
	font-weight:600;
	text-align:center;
	border-radius: 5px;
}

@media (max-width:1024px){
.caption { width:100%; height: 100%; padding:35% 20px; text-align: center; top:0; left:0;}
.caption:before {  left: 0; transform:skewX(0deg); }
.caption-title { width:100%; font-size: 3.3rem; }
.caption-desc { width:100%; font-size:1.2rem;}
.caption-link { width:150px; margin:30px auto; }
.caption-link a { width:150px; height:50px; display:block; line-height:50px; font-size:1rem; }
}

@keyframes title {
	from   { opacity: 0; transform: scale(0);}
	to  { opacity: 1; transform: scale(1); }
}
@keyframes desc {
	from   { opacity: 0; top:0; }
	to { opacity: 1; top:4%; }
}
@keyframes link {
	from   { opacity: 0; top:0; }
	to { opacity: 1; top:5%; }
}

/* HEADLINE */
.headline { display:block; overflow: hidden; width: 100%; margin:25px 0; padding:15px 0; text-align: center; }
.headline-title { display:block; font-size:2rem; font-weight:600; margin:0; padding:0;  }
.headline-subtitle { display:block; font-size:1.2rem; font-weight:300; margin:10px 0; padding:0 10%;  }
.headline-span { display: block; width: 100px; height: 5px; background-color:#c31515; margin: 0 auto 15px auto; }

.heading { display:block; width: 100%; overflow: hidden; margin:0; padding:25px 0; background-color: #f9f9f9; border-bottom: 1px solid #eee; }
.heading .wrapper { width: 1280px;}
.heading-title { display:block; font-size:50px; font-weight:300; margin:0; padding:0;  }
.heading-span { display: block; width: 100px; height: 5px; background-color:#c31515; margin: 0 auto;  }
.heading-subtitle {display:block; font-size:18px; font-weight:300; margin:0; padding:0;   }
@media (max-width:1024px) {
    .heading .wrapper { width: 95%;}
}

/* ABOUT */
.about { width:100%; margin:0;  padding:40px 0; display:block; overflow:hidden; background: #eee; color: #111; }
.about-title { display:block; width: 65%; float: left;}
.about-title h1 { display:block; font-size:3rem; font-weight:100; margin:0; padding:0;  }
.about-title h1 span { font-weight: 600; }
.about-title h2 { display:block; font-size:1.1rem; font-weight:300; margin: 10px 0 0 0; padding:0; color:#666;  }

.about a { 
	display:block; 
	width:260px; 
	height:55px; 
	line-height:55px; 
	margin:25px 0 0 0;
	padding:0 20px; 
	background:#e31f24;
	color:#fff;  
	font-weight:700;
	font-size:1.2rem;
	position:relative;
	text-align:center;
    float: right;
}
.about a:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-top-color: #e31f24;
	border-width: 25px;
	margin-left: -25px;
}
@media (max-width:1120px){
    .about { width:100%; margin:0;  padding:50px 10px; margin: 0 0 25px 0; }
    .about-title { width: 100%; text-align: center; }
    .about-title h1 { font-size:5rem; line-height: 5rem; }
    .about-title h2 { padding:0 20px; }
    .about a { width: 100%;font-size:1.5rem; }
}


/* CAROUSEL */
.carousel { width:100%; margin:0;  padding:0; display:block; overflow:hidden; background: #fff; color: #111; }
.carousel .owl-controls {z-index: 5!important;}
.carousel .owl-prev { left: -100px !important; background-color: #fff!important; color: #111!important;}
.carousel .owl-next { right: -100px !important; background-color: #fff!important; color: #111!important;  }
@media (max-width:1024px) {
	.carousel { width:100%; margin:25px 0; }
    .carousel .wrapper { width: 95%;}
}


/* CONTENT */
.content { width:100%; min-height: 150px; margin:0; padding:0; display:block; overflow: hidden; background: rgb(255, 255, 255); color: #111; }
.content .wrapper { width: 1280px; padding:25px 0; display: block; overflow: hidden; }
.content .wrapper p { margin: 10px 0; font-size: 1.1rem;}
@media (max-width:1024px) {
	.content { display: block; overflow: hidden;}
	.content .wrapper { padding: 10px 0; width: 95%; }
}

.gallery { margin: 40px 0; column-count: 3; -webkit-column-count: 3; column-gap: 3rem; -webkit-column-gap: 3rem;}
.item-gallery { width:100%; display: block; overflow: hidden;}
.item-gallery img { width:100%; vertical-align: bottom;}

@media (max-width:480px) {
	.gallery { margin: 40px 0 0 0; column-count: 2; -webkit-column-count: 2; column-gap: 1rem; -webkit-column-gap: 1rem;}
	.item-gallery { margin:0 0 10px 0;}
}

/* Side Bar */

.filter-button { background-color: #111; height: 45px; line-height: 45px; padding: 0; font-weight: 600; color: #fff!important; vertical-align: bottom; font-size: 1.3rem; overflow: hidden; display: none; position: relative;}
.filter-button-icon { display: block; width:45px; height: 45px; line-height: 45px; background-color:#c31515;; text-align:center; margin-right: 10px; font-size: 1.4rem; float: left; }
.filter-button-right { display: block; width:45px; height: 45px; line-height: 45px; background-color:#666; text-align:center; font-size: 1.4rem; float: right; position: absolute; top: 0; right: 0; z-index:10; color: #fff; }
@media (max-width:1024px) {
	.filter-button { display: block;}
}

.sidebar { width: 23%; float: left;}
.side-row { display: block; background-color: #fff; border: 1px solid #eee; margin-bottom: 25px;}
.side-title { background-color: #111; height: 45px; line-height: 45px; padding: 0; font-weight: 600; color: #fff; vertical-align: bottom; font-size: 1.3rem; overflow: hidden;}
.side-title-icon { display: block; width:45px; height: 45px; line-height: 45px; background-color:#c31515;; text-align:center; margin-right: 10px; font-size: 1.4rem; float: left; }

.side-nav { padding: 0; margin:0; list-style: none;}
.side-nav ul { padding: 0; margin:0; display: none; }
.side-nav li.active ul { display: block; }
.side-nav li { display: block; list-style-type: none; padding: 0; }
.side-nav ul ul li { height: auto; max-height: 4em; padding: 0; transition: max-height .3s 0 ease-in; overflow: visible; }
.side-nav a,
.side-nav label { text-decoration: none; padding: .6rem 1rem; font-size: 1rem; font-weight:600; display: block; background: #fff; border-top: 1px solid #eee; }
.side-nav label input { float: left; margin-left:0; margin-right: 10px; }
.side-nav li a { font-size: 1rem;color: #111;  }
.side-nav li li a { font-size: 1rem; color: #888; }
.side-nav li.active > a { color: #c31515;; }
/*.side-nav a:link, .side-nav  a:visited { color: #111; }*/
.side-nav a:hover { background: #dedede; color: #111; }
.side-nav li.btn { padding: 10px; }
.side-nav li button { cursor: pointer; }

@media (max-width:1024px) {
	.sidebar { width: 100%; float: none; padding: 0; display: none;}
	.side-row { margin-bottom: 0;}
	.side-title { display: none;}
	.side-nav li a { font-size: 1.3rem; }
	.hide { }
}


/* Main */
.main { width: 73.5%; float: right;}
@media (max-width:1024px) {
	.main { width: 100%; float:none;}
}


/* CAROUSEL */
.owl-item { margin:0; padding:0 10px; float:left; }
.owl-item li { display:block; float:left; padding:0 0 10px 0; margin:0; border:1px solid #eee; transition:.3s linear; position:relative; overflow:hidden;  }
.owl-item li a { width: 100%; height: 100%; display:block; overflow:hidden; text-align:center; position: relative; }
.owl-item li a img { width:100%; vertical-align:bottom; text-align:center;}
.owl-item li a .view { opacity: 0; content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; color: #fff; padding: 40% 0 0 0; background-color: rgba(0,0,0,0.20); transition: .1s; font-size: 2rem; }
.owl-item li:hover a .view { opacity: 1; }

/* RELEATED */
.releated-carousel { width:100%; margin:0; padding:0;  position: relative; font-weight:600;}
.releated-title { display:block; overflow:hidden; font-weight:700; font-size: 18px; text-align: center; margin: 0!important; padding: 13px; background-color: #eee; color: #111;}
.releated-carousel .owl-item { margin:0!important; padding:0!important; overflow: hidden;  }
.releated-carousel .owl-item li { margin: 0; width: 100%; padding: 0; border: 0; overflow: hidden;border:1px solid #eee  }
.releated-carousel .owl-item li img { width: 100%;  }
.releated-carousel .owl-controls {z-index: 5!important; top: 40%!important;}
.releated-carousel .owl-next { right: 0!important; background-color: transparent!important; color: #111!important; }
.releated-carousel .owl-prev { left: 0!important; background-color: transparent!important; color: #111!important; }

/* PRODUCTS */
.product-carousel { width:100%; margin:0; padding:0;  position: relative; z-index: 1; font-weight:600;}
.products { width:100%; margin:0; padding:0;  position: relative; z-index: 1; font-weight:600;}
.products li { display:block; float:left; width: 22.6%; padding:0; margin:0 3% 2rem 0; border:0px solid #eee; transition:.3s linear; position:relative; overflow:hidden; background-color: #fff; border: 1px solid #eee;  }
.products.favorite li { width: 25%; margin:0; display: block; overflow: hidden;}
.products li:nth-child(4n+0) { float: right; margin: 0 0 2rem 0;}
.products.favorite li:nth-child(4n+0) {  margin:0; float: none;}
.products li a { width: 100%;  display:block; overflow:hidden; text-align:center; position: relative; }
.products li a img { width: 100%; margin: 0 auto; vertical-align:bottom; text-align:center;}
.products li a .view { opacity: 0; content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; color: #fff; padding: 40% 0 0 0; background-color: rgba(0,0,0,0.20); transition: .1s; font-size: 2rem; }
.products li:hover a .view { opacity: 1; }

@media (max-width:1280px) {
	.products { margin: 25px 0;}
	.products li { width: 32%; padding:0 0 15px 0; margin:0 1rem 1rem 0; border:1px solid #eee; box-shadow:0 0 2px #dedede  }
	.products li:nth-child(4n+0) { float: left; margin: 0 1rem 1rem 0;}
	.products li:nth-child(3n+0) { float: right; margin: 0 0 1rem 0;}
}

@media (max-width:1024px) {
	.products { margin: 25px 0; display: flex; flex-wrap: wrap; justify-content: space-between;}
	.products li { width: 48.4%; padding:0 0 15px 0; margin:0 0 1rem 0; border:1px solid #eee; box-shadow:0 0 2px #dedede  }
	.products.favorite li { width: 50%; }
	.products li:nth-child(3n+0) { float: left; margin:0 0 1rem 0;}
	.products li:nth-child(even) { float: right; margin: 0 0 1rem 0; }
}

@media (max-width:480px) {
}

.badge { 
	min-width: 50px;
	min-height: 45px;
	line-height: 45px;
	padding:0 5px; 
    text-align: center; 
    position: absolute; 
    top:2%; 
    left: 3%; 
    color: #fff;
    display: inline-block; 
    font-size: .7rem; 
	z-index: 10;
	border-radius: 5px;
}
.badge.new { background-color: #3baf39; color: #fff;  }
.badge.discount { background-color: #e8300f; color: #fff; top: 5.5%; }

.data { display: block; height: 150px; text-align: center; border-top: 1px solid #eee; padding: 10px; }
.data span { display: block; font-size: 1rem; }
.data span.name { font-weight: 600; min-height: 50px; }
.data span.code { font-size: .8rem; color: #999; }

.data span.price { font-size: 1.4rem; color: #E71926; color: #111; }
.data span.price i { display: inline-block; vertical-align: middle;  font-weight: 300; text-decoration: line-through; color: #666;   }

.process { display: block;  padding: 10px; overflow: hidden; }
button.btn1 ,button.btn2,button.btn3 { display: inline-block; background: #eee; width: 45px; height: 45px; line-height: 45px; cursor: pointer; font-size: 1.5rem; border-radius: 5px; border:none; }
button.btn1 { background: #333; color: #fff; float: right; }
button.btn2 { content: ""; position: absolute; top: 10px; right: 10px;}
button.btn3 { content: ""; width: auto; float: left; color:#111; margin-right: 5px; background-color: #fff; border:1px solid #111}
button.btn3 span { float: left; font-size: 1.2rem; margin:0; padding: 0 5px; }
button.btn3:after { display: none; content:"HEMEN AL"; float: left; font-size: .9rem; font-weight: 600; }


@media (max-width:1024px) {
	.process { display: block; }

	button.btn1,
	button.btn2,
	button.btn3 { display:block; width: auto; max-width: 50px; height: 40px; line-height: 40px; padding: 0 15px; font-size: 1.7rem; text-align: center; overflow: hidden;  }

	a.btn1 ,a.btn2 { display: inline-block; background: #eee; width: 50px; height: 60px; line-height: 60px; font-size: 1.8rem; }
	a.btn2 {content: "";}	

    button.btn1 { background: #333; color: #fff; float: right; }
	button.btn3 span { float: none; width: 100%; display: block; }
	button.btn3:after {  display: none; }
	/*button:before { content: ""; display: none; }*/

    .product-carousel .owl-prev,
    .product-carousel .owl-next { display: none!important;}
}

/* DETAILS */

/* Data Left */
.data-left { width: 30%; float: left; margin: 0 1.5rem 0 0;}
.pictures { display: block; overflow: hidden; position: relative; width: 100%; background-color: #fff; border: 1px solid #eee;}
.pictures.fast { width: 30%;}
.pictures a {float: left; }
.pictures a img { width: 100%; vertical-align: bottom; }
.pictures a.large { width: 100%; border-bottom: 1px solid #eee; }
.pictures a.large:nth-child(2) { display: none; }
.pictures a.small { width: 25%; padding: 10px; border-right: 1px solid #eee;  border-bottom: 1px solid #eee; }
.pictures a.small:nth-child(4n+1) { border-right: 0px solid #eee; }



/* Data Cart */
.data-cart { width: 73%; float: left; margin: 0 1rem 0 0;}
.data-menu {width: 100%; padding: 20px; display: block; background:linear-gradient(#fff,#f7f7f7);border: 1px solid #eee;}
.data-menu-link { display: inline-block; padding: 0; font-weight: 600; overflow: hidden; height: 45px; line-height: 45px; overflow: hidden; border-radius: 5px; color: #111; font-size: 1.3rem; margin-right: 20px;}
.data-menu-link span {  font-size: 1.8rem; height: 45px; padding: 0 25px; line-height: 45px; float: left;  margin-right: 10px; }

@media (max-width:1024px){
	.data-menu {width: 100%; padding: 10px; display: flex; flex-wrap: nowrap; justify-content: space-between; background-color: #fff;box-shadow:0 0 1px #ccc;}
	.data-menu-link { display: block; width: 33%; text-align: center; overflow: hidden; font-weight: 600; line-height: normal; color: #111; margin-right: 0; padding-bottom: 10px; background-color: #eee}
	.data-menu-link span { width: 100%; display: block; overflow: hidden; text-align: center; margin-right: 0; text-indent:0; }
}

.data-basket {width: 100%; padding: 20px; display: block;overflow: hidden; background-color: #fff; border: 1px solid #eee; }
.basket-img { width:45px; vertical-align: bottom; float: left; border: 1px solid #dedede; margin: 0 10px 0 0}
.basket-name { display: block; font-weight: 600; }
.basket-option { display: block; font-size: .9rem; }
@media (max-width:1024px){
	.data-basket { padding: 10px;}
	.basket-img { width: 36px;}
	
}

.data-basket .table .td {  font-size: 1rem; }
.data-basket .table .button { width: 100%; font-size: 1rem; border-radius: 4px; }
@media (max-width:690px){
	.data-basket .table { display: block; overflow: hidden;}
	.data-basket .table .tr { display: flex; flex-wrap: nowrap; justify-content: space-between; width: 100%;  }
	.data-basket .table .td {  display: block; width: 20%; font-size: .9rem; padding:5px 0; }
	.data-basket .table .td:first-child { width: 5%; }
	.data-basket .table .td.hide-sm { display: none; }
	.data-basket .table .td.full-size { width: 100%; }

}

.data-delivery {width: 100%; padding: 20px; display: table; background-color: #fff;border: 1px solid #eee; }
@media (max-width:1024px){
	.data-delivery { padding: 10px;}
}

.address-row { display:block; width: 100%; overflow: hidden;}
.address-row .table { margin: 0;}
.address-col { display:block; width: 50%; float: left; padding: 20px; margin: 0 0 0 0; background-color: #fff;  border: 1px solid #eee}
.address-title { font-size: 1.2rem; padding: 5px 0; margin: 0 0 10px 0; font-weight: 600; border-bottom: 1px solid #eee  }
.address-block { display: block; margin: 5px 0  }
.address-list { display: block; margin: 5px 0  }
.address-button { display:inline-block; width: auto; margin: 10px 10px 0 0}

input.gifts:checked ~ .textaera {
	background: #dddddd;
}


@media (max-width:1024px){
	.address-col { display:block; width: 100%; padding: 10px; background-color: #f7f7f7}
	.address-button { width: 100%; margin:5px 0 }
}

.data-payment {width: 100%; padding:2px 0 20px 0 ; display: table; background-color: #fff; }
.payment-button { display:inline-block; width:auto; overflow: hidden; margin: 15px 0}
.payment-button span {  margin: 0 10px 0 0}
@media (max-width:1024px){
	.data-payment { padding: 0px; }
	.payment-button {  width:100%; margin: 10px 0 0 0;}	
}

/* Data Profile */
.data-profile { width: 73%; float: left; margin: 0 1.5rem 0 0;}

.profile-row { display:block; width: 100%; overflow: hidden;}
.profile-col { display:block; width: 48.5%; padding: 10px; background-color: #f7f7f7;  border: 1px solid #eee}
.profile-col form { background-color: transparent; }
.profile-title { font-size: 20px; padding: 5px 0; margin: 0 0 15px 0; font-weight: 600; border-bottom: 1px solid #eee  }
@media (max-width:1024px){
	.profile-col { display:block; width: 100%; padding: 10px; background-color: #f7f7f7;  border: 1px solid #eee}
}

/* HEADING */
.heading-left { width: 60%; float: left;}
.heading-title { display:block; font-size:1.8rem; font-weight:700; margin:0; padding:0;  }

.heading-desc { display:block; font-size:1rem; font-weight:300; margin:0; padding:0; color:#666;  }

.heading-pointer { display:block; font-weight:300; margin:0; padding:0;  }
.heading-pointer a { font-size:.9rem;  color:#666;  }
.heading-pointer a:after { content: "/"; margin: 0 5px; }
.heading-pointer a:last-child:after { content: ""; margin: 0; }
.heading-pointer a:hover {  color: #111;}

.heading-right { width: 20%; float: right;}
.heading-right .button { border-radius: 2px; background-color: #c31515; width: 140px; float: right; height: 40px; margin: 8px 0 0 0; padding: 0 10px 0 0 ;font-size: 1.1rem; line-height: 40px;}
.heading-right .button span {  margin:0 8px 0 0; padding: 0 10px; float: left; line-height: 40px; }
@media (max-width:768px) {
	.heading { margin:0; padding:15px 0; }

	.heading-left { width: 80%; float: left;}
	.heading-title {  font-size:1.6rem; word-break: break-all;  }

	.heading-right { width: 10%; float: right;}
	.heading-right .button {width: 45px; height: 40px; margin: 5px 0 0 0; padding:0;}
	.heading-right .button span {  margin:0; padding: 0 5px; float: left; line-height: 40px; font-size: 2rem; }
}



/* Data Profile */
.data-profile { width: 73%; float: left; margin: 0 1.5rem 0 0;}

.profile-row { display:block; width: 100%; overflow: hidden;}
.profile-col { display:block; width: 48.5%; padding: 10px; background-color: #f7f7f7;  border: 1px solid #eee}
.profile-col form { background-color: transparent; }
.profile-title { font-size: 20px; padding: 5px 0; margin: 0 0 15px 0; font-weight: 600; border-bottom: 1px solid #eee  }
@media (max-width:1024px){
	.profile-col { display:block; width: 100%; padding: 10px; background-color: #f7f7f7;  border: 1px solid #eee}
}

/* Data Middle */
.data-middle { width: 42.5%; float: left; }
.details { width: 100%; padding: 20px; display: table; background-color: #fff; border: 1px solid #eee;}

.table { display: table; padding:0; width: 100%; margin: 0 0 5px 0;  }
.tr { display: table-row; width: auto; padding:3px 5px; }
.tr:nth-child(even) { background-color: #fff;}
.td { display: table-cell; width: auto; vertical-align: top; padding: 5px; font-size: 1.1rem; }

.table.bigPrice .td { font-size: 2.4rem; color: #111; }
.table.bigPrice .td .text-line-through {color: #777;}
.table .td.totalPrice { font-size: 1.7rem; color: #111; padding-top: 25px; }

.th { padding:10px 5px; font-size: 1.1rem; }
.td.first {  width: 180px; }
.table-fixed-layout { table-layout: fixed; }
@media (max-width:1024px){
	.td { font-size: 1rem; }
	.th { font-size: 1rem; }
	.data-basket .table .td { }
}

.gramaj { display: block; font-size: 14px; margin: 10px 0; cursor: pointer; }
.gramaj i {  margin: 0 5px 0 0;  font-size: 14px; color: #e31f24;  }

.ca { display: block; font-size: 14px; margin: 0; border-radius: 5px;}
.ca i {  margin: 0 5px 0 0;  font-size: 14px; color: #e31f24;  }

.specialInfo { display: block; list-style: none; margin:20px 0 0 2px; padding:0;}
.specialInfo li { list-style: none; margin:5px 0; padding: 0;}
.specialInfo li i { float: left; margin: 0 5px 0 0; color: #e31f24;}


/* Social Share */
.social-share { width:auto; float:right; display:block; overflow: hidden; text-align: center; padding:5px 0; margin:0; color:#111; background: #fff;}
.social-share-title { display:inline-block; overflow: hidden; height:30px; line-height: 30px; font-weight: 400; font-size: 1.2rem; padding:0; margin: 0 5px 0 0;  }
.social-share a { 
	width:30px; 
	height:30px;
	text-align:center;
	margin:0 0 0 10px;
	overflow:hidden;
	position:relative;
    background-repeat: no-repeat;
    background-position: center center;
	background-size: 28px;
	color: #111;
	float: right;
}
.social-share a:hover {  }

.social_share_whatsapp { display: none!important; content: ""; background-image: url("../svg/whats.png"); }
.fb-share-button {  float: left; position: relative; top: 1px;}
@media (max-width:1024px){
	.social_share_whatsapp { display:block!important;}
}



/* Data Right */
.data-right { width: 24%; float: right; display:block }
.selection { width: 100%; padding: 10px 20px; display: block; overflow: hidden; background-color: #f7f7f7; border: 1px solid #eee;}
@media (max-width:1024px){
	.selection { padding: 10px;}
}


.data-row { width: 100%; padding: 10px 0; }
.data-title { font-size: 1.3rem;  }
.data-title-large { font-size: 1.5rem;   }
.data-list { display: block; }
@media (max-width:1024px){
	.data-title-large { font-size: 2.2rem;   }
}

.piece { display:block; overflow:hidden; color: #111; padding:5px 0; margin:0;	}
.piece input {float:left;background-color: transparent;text-align: center;border-width: 0;width:50px;height:50px;margin:0;color: #3b3b3d;border:1px solid #eee;}
.piece label { float:left;display: none;cursor: pointer;position: relative;font-size: 1.2rem;line-height:50px;font-weight:700;height:50px;width:40%;
text-align:center;  color:#343437; background:#fff;}
.piece a {color: #555;float:left;text-align: center;font-weight:800;line-height:50px;width: 50px;height:50px;margin:0;padding:0;font-size:1.2rem;display:block;background:#eee;}
.piece a.minus:after { font-family: "dripicons-v2"; content: "\e024";}
.piece a.plus:after { font-family: "dripicons-v2"; content: "\e035";}
.piece a:hover, 
.piece a:active, 
.piece a:focus { color: #fff; background:#999; }


@media (max-width:1024px){
	.data-left, .data-middle, .data-right, .data-cart, .data-delivery, .data-profile { width: 100%; float: none;}

}

/* INFO */
.info { width:100%; margin:25px 0 0 0; padding:50px 0; display:block; color: #111; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
.circle { display: flex; flex-wrap: wrap; justify-content: space-between; }
.circle .col { width: 23%; text-align: center; margin:0; padding: 15px; display: block; overflow:hidden; background-color: #f7f7f7; border: 1px solid #dedede; }
.circle .col img { width: 120px; display: block; margin: 0 auto; padding: 10px; border: 5px solid #eee; border-radius: 50%; }
.circle .col p {  font-size: 1.4rem; color: #888; }

@media (max-width:1024px) {
	.info { border-bottom: 0; margin:2px 0; padding:25px 0 0 0 }
	.info .wrapper { width: 90%;}
    .circle .col { width: 100%; margin:0 0 15px 0; border-bottom:1px solid #eee; }
}


/* BLOCKS */
.blocks { width:100%; margin:0;  padding:0; display:block; overflow:hidden; background: #fff; color: #111; }
.block { display: flex; flex-wrap: wrap; justify-content: space-between; }
.block .col { width: 49%; display: block; margin-top: 25px; overflow: hidden; position: relative; }
.block .col.triple { width: 32%; }
.block .col img { width: 100%; vertical-align: bottom; }

.block-title { 
    display: block;
    width: 100%;
    overflow: hidden;
    color: #fff;
    z-index: 3;
	padding:20px;
	background-color: rgba(188, 14, 14, 0.5);
	position: absolute;
	bottom: 0;
	transition: .3s;
	min-height: 75px;
}
.title-a { display: block; font-size: 1.6rem; }
.title-b { display: block; font-size: 1.1rem; }

.block .col:hover .block-title { min-height:100%; }

@media (max-width:1024px){

	.blocks .wrapper { width: 90%;}
    .block { display: flex; flex-wrap: wrap; justify-content: space-between; }
    .block .col { width: 100%; margin:0 0 15px 0; border-bottom:1px solid #fff; }
    .block .col.triple { width: 100%; margin: 20px 0 0 0; }
}

/* BLOCKS */
.sss { width:100%; margin:0 0 0 0;  padding:25px 0 50px 0; display:block; overflow:hidden; background-color: #fff; background: linear-gradient(#fff,#fff, #eee); color: #333; box-shadow: 0 0 0px #dedede; }

.sssBtn { display: block; width: 220px; height: 65px; line-height: 60px; font-weight: 700; color: #c31515; overflow: hidden; margin: 75px auto 25px auto; border: 2px solid #c31515; text-align: center; font-size: 18px; overflow: hidden;}
.sssBtn:hover { background-color: #c31515;  border: 2px solid #c31515; color: #fff; }

.sssrow { display: block; margin: 0 auto; width: 100%;}
.sssrow .accordionBtn { padding: 20px; margin:20px 0; border: 1px solid #dedede; border-radius: 4px; color: #c31515; background-color: #f7f7f7; cursor: pointer; font-size:22px; font-weight: 500; }
.sssrow .accordionBtn:after { font-family: "dripicons-v2"; content: "\54"; float: right; color: #093a20; }
.sssrow .accordion { padding: 20px; display: none; font-size: 18px; font-weight: 300; background-color: #093a20; border-radius: 4px; background-color: #fff; border: 1px solid #dedede;  }
@media (max-width:1024px) {
	.sss { margin:0;  padding:25px 0;}
	.sss .wrapper { width:90%; }

	.sssrow { display: block; margin: 25px auto; width: 90%;}
	.sssrow .accordionBtn { padding:10px; margin:20px 0; border-bottom:1px solid #eee; background-color: #fff; cursor: pointer; font-size:16px; font-weight: 500; }
	.sssrow .accordionBtn:after { font-family: "dripicons-v2"; content: "\54"; float: right; color: #c31515; display: none; }
	.sssrow .accordion { padding:10px; display: none; font-size: 12px; font-weight: 300; background-color: #c31515; color: #fff; }
}

.logoPay { width: 100%; display: block; background-color: #f7f7f7; padding: 25px; border-top: 1px solid #dedede;}
.logoPay img { width: 40%; margin: 0 auto; display: block; }
@media (max-width:1024px){
	.logoPay img { width: 100%; }
}

/* FOOTER */
footer { width:100%; display:table; padding:0; margin:0; color:#2D3236; position:relative; background: #f7f7f7; border-top: 1px solid #eee;  }
.columns { 
	font-weight:200; 
	padding:75px 0; 
	width:1280px;
	margin:0 auto;
	position:relative;
	z-index:2;
	display:flex;
	flex-wrap:nowrap;
	justify-content:space-between;
    font-size:1.2rem;
}
.columns .cols { display:block; width: 20%; }
.columns .cols.first {  width: 40%; }
.footer-title { display:block; overflow:hidden; font-weight:600; padding:0; font-size:21px; margin:0 0 25px 0; color: #222; }
.footer-link { color:#333; margin:5px 0; font-weight:300; display:block; font-size:16px;   }
.footer-link:hover { color:#c31515;  }

.columns .cols p { margin: 0; padding:5px 0;}
.columns .cols p a { color: #333; display: inline-block; padding:0; line-height: 25px; font-size: 1rem; font-weight: 400; } 
.columns .cols p a:before { 
    font-family: "dripicons-v2";
    width: 25px;
    height: 25px;
    line-height: 24px;
    margin: 0 10px 0 0; 
    text-align: center;
    float: left;
    overflow: hidden;
	border-radius: 50%;
	color: #c31515;
}
.columns .cols p a.phone:before { content: "\e030"; }
.columns .cols p a.cell:before { content: "\24"; }
.columns .cols p a.email:before { content: "\e015";  }
.columns .cols p a.maps:before { content: "\e012"; }
@media (max-width:1024px) {
    .columns { padding:25px 0 0 0; width:100%; flex-wrap:wrap; }
    .columns .cols { width: 100%; text-align: center; padding: 25px; }
    .columns .cols:nth-child(even) {background: #dedede; }
    .columns .cols.first {  width: 100%; }   
    .footer-title { font-size: 2rem; font-weight:600; }
	.footer-link { margin:5px 0; font-size:1.3rem;   }
	.columns .cols p {  font-size:1.4rem;}
	.columns .cols p a { line-height: 25px; font-size: 1.3rem; font-weight: 400; } 
}

.subscribe { display:block; overflow:hidden; width: 80%; }
.subscribe p { display: block; margin: 25px 0 0 0!important; }
.subscribe img { opacity: .9; width: 350px; }
.subscribe form {
	height: 50px;
	width:100%;
	display: block;
	margin:0;
	overflow: hidden;
	background:#eee;
	border:1px solid #dedede;
    border-radius: 1px;
}
.subscribe form input[type="text"] {
	width: 70%;
	float: left;
	border: none;
	background: none;
	height: 45px;
	font-size: 1rem;
	padding: 0 20px;
	color: #222;
    font-weight: 400;
}
.subscribe form button {
	float: right;
	border: none;
	height: 53px;
	padding: 0 15px;
	font-size: 1.6rem;
	color: #093a20;
	position: relative;
	cursor: pointer;
    background: #fff;
}
.subscribe form button:before { font-family: "dripicons-v2"; content: "\6a"; }
@media (max-width:1024px) {
	.subscribe { width: 100%; }
	.subscribe img { opacity: .9; width: 350px; }
}
@media (max-width:480px) {
	.subscribe img { width: 100%; }
}

.social-feed { display: block; margin: 25px 0 0 0; }
.social-feed a { 
	display:inline-block;
	width:45px; 
	height:45px;
	text-align:center;
	margin:0 5px 0 0;
	overflow:hidden;
	position:relative;
	background-color:#c31515;
	border-radius:5px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 25px;
}
.social-feed a:hover { background-color:#4b4b4b; color:#fff; }
.social-feed a.social_facebook { content: ""; background-image: url("../svg/social_facebook.svg"); }
.social-feed a.social_twitter { content: ""; background-image: url("../svg/social_twitter.svg"); }
.social-feed a.social_instagram { content: ""; background-image: url("../svg/social_instagram.svg"); }
.social-feed a.social_youtube { content: ""; background-image: url("../svg/social_youtube.svg"); }

/* BOTTOM */
.bottom { width:100%; font-size: 13px; display:block; overflow: hidden; padding:20px 0; margin:0; color:#333; background: #eee; }
.bottom .wrapper { width:1280px; }
.copyright { display:block; font-weight:400; margin:0; float: left; }
.copyright p { color:#777; margin:0; padding:0; }
.copyright p span { color:#777; }
.copyright p strong { color:#093a20; font-weight: 800; }

.webtasarim { display:block; font-weight:400; margin:0; float: right; }
.webtasarim p { color:#777; margin:0; padding:0; }
.webtasarim p a { color:#0ecc07; font-weight: 800; }
.webtasarim p a strong { color:#333; font-weight: 800; }

@media (max-width:1024px){
	.bottom .wrapper { width: 95%; }
    .copyright { float: none; text-align: center; padding: 0 30%; }
    .webtasarim { float: none; text-align: center; margin: 20px 0 0 0; }
}

/* LIGHTBOX */
.lightbox { 
	cursor: pointer; 
	position: fixed; 
	width: 100%; 
	height: 100%; 
	top: 0; 
	left: 0;
	background:rgba(255,255,255,1.00);
	-webkit-filter: none !important; 
	z-index: 999999999999 !important; 
}
.lightbox img { display: block; position: absolute; }
.lightbox-loading { 
	background: url(../images/loading.png) center center no-repeat; 
	width: 80px; 
	height: 80px; 
	margin: -20px 0 0 -16px; 
	position: absolute; 
	top: 50%; 
	left: 50%; 
}
.lightbox-caption { display: none; position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; z-index: 9998; }
.lightbox-caption p { 
	margin: 0 auto; 
	max-width: 70%; 
	display: inline-block;  
	*display: inline;
 	*zoom: 1;
	padding: 10px; 
	color: #fff; 
	font-size: 12px; 
	line-height: 18px; 
}
.lightbox-button { 
	position: absolute; 
	z-index: 9999; 
	background: no-repeat center center; 
	width: 60px; 
	height: 60px; 
	opacity:0.9; 
	-webkit-transition: all 0.3s; 
	-moz-transition:    all 0.3s; 
	-ms-transition:     all 0.3s; 
	transition: 		all 0.3s; 
	  background-size:35px;
}
.lightbox-button:hover, .lightbox-button:focus { opacity: 1; }
.lightbox-close { width: 30px; right: 20px; top: 20px; font-size: 1.5rem; color: #111;  }
.lightbox-close:before { font-family: "dripicons-v2";  content: "\39"; }

.lightbox-nav { top: 45%; width:100%; font-size: 1.5rem; color: #111; }
.lightbox-nav-next { right: 20px; width: 30px; height: 30px;  }
.lightbox-nav-next:before { font-family: "dripicons-v2";  content: "\56"; }

.lightbox-nav-prev { left: 20px; width: 30px; height: 30px; }
.lightbox-nav-prev:before { font-family: "dripicons-v2";  content: "\55"; }


/* MODAL */
.modal,.modal-box { z-index: 999999999;}
.modalOverlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: transparent;
}
.modal {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: black;
	background: rgba(0, 0, 0, 0.6);
	overflow: auto;
	scrollbar-width: none;
}
.modal ::-webkit-scrollbar {
	display: none;
  }
.modal .modal-box {
	position: relative;
	width: 500px;
	margin: 10px auto;
	animation-name: modalbox;
	animation-duration: .3s;
	animation-timing-function: ease-out;
	background-color: #FFF;
	padding:0;
    border-radius: 1px;
    overflow: hidden;
}
.modal .modal-box.fullsize { width:800px; }

.modal .modal-header { padding:0; position:relative; display:block; text-align:left; overflow:hidden;  }
.modal .modal-header .modal-header-title { margin: 0 0 25px 0; padding:10px 25px; font-size: 24px!important; color: #0c304a; font-weight:600;}
.modal .modal-header .modal-header-title p { font-size: 24px!important;}
.modal .modal-header .modal-header-title span { display:block; color:#666; font-size:12px; }
.modal .modal-header a.close {  
	display:block;
	width:35px!important; 
	height:35px!important; 
	overflow:hidden; 
	text-align:center; 
	line-height:35px!important;
	border:none;
	padding:0;
	margin:0;
	position:absolute; 
	top:0; 
	right:0;
	background-color:#dedede;
	opacity:.6;
	transition:.2s;
	color: #111;
	font-size: 1.5rem;
}
.modal .modal-header a.close:before { font-family: "dripicons-v2";content: "\39";background-color:#dedede;  }
.modal .modal-header a.close:hover { opacity:1;  }

.modal .modal-body { font-size: 16px; padding:0 25px 35px 25px; color: #75818c; }
.modal .modal-footer { display:none; text-align: center; padding: 15px 0; background:#f7f7f7; border-top:1px solid #eee; }
@media (max-width:1024px) {
.modal .modal-box { width: 100%; margin: 0; border-radius: 0;}
.modal .modal-box.fullsize { width:100%; }	
	
}