/* #SLIDER
================================================== */

.slider-ctr {
	width: 100%;
	height: auto;
}
.slider-ctr:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	pointer-events: none;
	z-index: 9;
}
.slider-control {
	position: absolute;
	right: 30px;
	bottom: 30px;
	width: 80px;
	overflow: hidden;
	border-radius: 3px;
	z-index: 99;
}
.slider-control .control {
	width: 50%;
	height: 40px;
	display: block;
	float: left;
	text-align: center;
	line-height: 40px;
	cursor: pointer;
	transition: .3s all ease;
	background: white;
}
.slider-control .control .icon {
	pointer-events: none;
	transition: .3s all ease;
}
.slider-control .control.disabled {
	pointer-events: none;
	background: #ddd;
}
.slider-control .control.disabled .icon {
	opacity: .5;
}
.slide {
	position: absolute;
	top: 0px;
	right: 0;
	bottom: 0;
	left: 0;
	transition: 0.45s all cubic-bezier(0.65, 0.05, 0.36, 1);
	-webkit-clip-path: inset(0 0 0 0);
	clip-path: inset(0 0 0 0);
}
.slide:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.125);
}
.slide.slide-on {
	-webkit-clip-path: inset(0 0 100% 0);
	clip-path: inset(0 0 100% 0);
}
.slide.text-on .title {
	transition: 0.3s all cubic-bezier(0.65, 0.05, 0.36, 1) 0.45s;
	-webkit-clip-path: inset(0 0 0 0);
	clip-path: inset(0 0 0 0);
}
.slide.text-on .author {
	transition: 0.3s all cubic-bezier(0.65, 0.05, 0.36, 1) 0.6s;
	-webkit-clip-path: inset(0 0 0 0);
	clip-path: inset(0 0 0 0);
}
.slide img {
	display: block;
	width: 100%;
	height: auto;
}
.slide figcaption {
	position: absolute;
	top: 30px;
	left: 30px;
}
.slide .title {
	font-size: 50px;
	margin-bottom: 2px;
	color: white;
	transition: 0.3s all cubic-bezier(0.65, 0.05, 0.36, 1) 0.45s;
	-webkit-clip-path: inset(0 0 100% 0);
	clip-path: inset(0 0 100% 0);
	font-weight: 400;
	letter-spacing: 10px;
	text-transform: uppercase;
	position: relative;
}
.slide .author {
	font-size: 16px;
	color: white;
	opacity: .8;
	transition: 0.3s all cubic-bezier(0.65, 0.05, 0.36, 1) 0.45s;
	-webkit-clip-path: inset(0 0 0 100%);
	clip-path: inset(0 0 0 100%);
	font-weight: 300;
	letter-spacing: 3px;
	position: relative;
	z-index: 9;
}
#slider {
	width: 100%;
	height: auto;
	display: block;
}
.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	max-height: 1000px;
	padding: 0;
	margin: 0px;
}
.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
	margin-top: 0px;
}
.rslides li:first-child {
	position: relative;
	display: block;
	float: left;
}
.rslides img {
	display: block;
	height: auto;
	float: left;
	width: 100%;
	border: 0;
}
.rslides_container {
	position: relative;
	float: left;
	width: 100%;
}
.centered-btns_nav {
	z-index: 3;
	position: absolute;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	top: 40%;
	left: 0;
	opacity: 0.7;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	height: 61px;
	width: 38px;
}
.centered-btns_nav:active {
	opacity: 1.0;
}
.centered-btns_nav.next {
	left: auto;
	background-position: right top;
	right: 0;
}
.transparent-btns_nav {
	z-index: 3;
	position: absolute;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	top: 0;
	left: 0;
	display: block;
	background: #fff; /* Fix for IE6-9 */
	opacity: 0;
	filter: alpha(opacity=1);
	width: 48%;
	text-indent: -9999px;
	overflow: hidden;
	height: 91%;
}
.transparent-btns_nav.next {
	left: auto;
	right: 0;
}
.large-btns_nav {
	z-index: 3;
	position: absolute;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	opacity: 0.6;
	text-indent: -9999px;
	overflow: hidden;
	top: 0;
	bottom: 0;
	left: 0;
	background: #000 url("themes.gif") no-repeat left 50%;
	width: 38px;
}
.large-btns_nav:active {
	opacity: 1.0;
}
.large-btns_nav.next {
	left: auto;
	background-position: right 50%;
	right: 0;
}
.centered-btns_nav:focus, .transparent-btns_nav:focus, .large-btns_nav:focus {
	outline: none;
}
.centered-btns_tabs, .transparent-btns_tabs, .large-btns_tabs {
	display: none
}
.centered-btns_tabs li, .transparent-btns_tabs li, .large-btns_tabs li {
	display: inline;
	float: none;
	_float: left;
 *float: left;
	margin-right: 5px;
}
.centered-btns_tabs a, .transparent-btns_tabs a, .large-btns_tabs a {
	text-indent: -9999px;
	overflow: hidden;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	background: transparent;
	display: inline-block;
	_display: block;
	border: 1px solid #000;
	width: 9px;
	height: 9px;
}
.centered-btns_here a, .transparent-btns_here a, .large-btns_here a {
	background: #fff;
	background: rgba(0,0,0, .8);
}
.rslides h3 {
	font-size: 40px;
	position: absolute;
	top: 40%;
	left: 60%;
	font-family: 'Italiana';
	font-weight: 300;
	letter-spacing: 0.5px;
}
 @media only screen and (min-width: 768px) and (max-width: 959px) {
}
 @media only screen and (max-width: 767px ) {
.centered-btns_tabs, .transparent-btns_tabs, .large-btns_tabs {
	display: none;
}
.centered-btns_nav {
	display: none;
}
.rslides h3 {
	font-size: 18px;
	position: absolute;
	top: 30%;
	left: 66%;
	font-family: 'Roboto-Thin';
	font-weight: lighter;
	letter-spacing: 0.5px;
}
.rslides img {
	display: block;
	height: auto;
	float: left;
	width: 100%;
	border: 0;
}
}
 @media only screen and (min-width: 480px) and (max-width: 767px) {
.centered-btns_tabs, .transparent-btns_tabs, .large-btns_tabs {
	margin-top: 0px;
}
.centered-btns_nav {
	display: none;
}
.rslides h3 {
	width: 240px;
	font-size: 24px;
	position: absolute;
	top: 30%;
	left: 64%;
	font-family: 'Roboto-Thin';
	font-weight: lighter;
	letter-spacing: 0.5px;
	text-justify: distribute;
}
.rslides img {
	display: block;
	height:auto;
	float: left;
	width: 100%;
	border: 0;
}
}
/* #mobile menu
================================================== */

@font-face {
	font-family: 'icomoon';
	src: url('../fonts/icomoon.eot');
	src: url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'), url('../fonts/icomoon.woff') format('woff'), url('../fonts/icomoon.ttf') format('truetype'), url('../fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* Common styles of menus */

.mobile-logo {
	width: 120px;
	height: auto;
	margin: 18px auto 18px 24px;
}
.dl-menuwrapper {
	width: 50px;
	position: relative;
    float: right;
	-webkit-perspective: 1000px;
	perspective: 1000px;
	-webkit-perspective-origin: 50% 200%;
	perspective-origin: 50% 200%;
	z-index: 100 !important;
	cursor: pointer !important;
	margin-top: -50px;
    margin-right: 24px;
}
.dl-menuwrapper:first-child {
	margin-right: 100px;
}
.dl-menuwrapper .dl-trigger {
	background: #fff;
	border: none;
	width: 48px;
	height: 24px;
	text-indent: -900em;
	overflow: hidden;
	position: relative;
	cursor: pointer !important;
	outline: none;
    margin-left: 12px;
}
.dl-menuwrapper .dl-trigger:hover, .dl-menuwrapper .dl-trigger.dl-active, .dl-menuwrapper ul {
	background: #fff;
	cursor: pointer !important;
}
.dl-menuwrapper .dl-trigger:after {
	content: '';
	position: absolute;
	width: 58% !important;
	height: 1px !important;
	background: #000;
	top: 10px;
	left: 16%;
	box-shadow: 0 10px 0 #000, 0 20px 0 #000;
	cursor: pointer !important;
}
.dl-menuwrapper ul {
	padding: 12px 0;
	list-style: none;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	cursor: pointer !important;
	width: 300px;
}
.dl-menuwrapper li {
	position: relative;
    
}
.dl-menuwrapper li a {
	display: block;
	position: relative;
	padding: 7px 20px;
	font-size: 11px;
	text-align: right;
	color: #000;
	letter-spacing: 2px;
	font-family: 'Poppins', sans-serif;
}
.no-touch .dl-menuwrapper li a:hover {
	background: #fff;
}
.dl-menuwrapper li.dl-back > a {
	padding-left: 60px;
	background: #ffffff;
	text-transform: uppercase;
}
.dl-menuwrapper li.dl-back:after, .dl-menuwrapper li > a:not(:only-child):after {
	position: absolute;
	top: -6px;
	line-height: 50px;
	font-family: 'icomoon';
	speak: none;
	-webkit-font-smoothing: antialiased;
	content: "\e000";
}
.dl-menuwrapper li.dl-back:after {
	left: 6px;
	color: #000;
	top: -4px;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.dl-menuwrapper li > a:after {
	left: 10px;
	color: #000;
}
.dl-menuwrapper .dl-menu {
	margin: 5px 0 0 0;
	position: absolute;
	width: 140px;
	opacity: 0;
    right: -20px;
    top:49px;
	pointer-events: none;
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.dl-menuwrapper .dl-menu.dl-menu-toggle {
	transition: all 0.3s ease;
}
.dl-menuwrapper .dl-menu.dl-menuopen {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
}
/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu {
	display: none;
}
/* 
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li, .dl-menu.dl-subview li.dl-subviewopen > a, .dl-menu.dl-subview li.dl-subview > a {
	display: none;
}
.dl-menu.dl-subview li.dl-subview, .dl-menu.dl-subview li.dl-subview .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
	display: block;
}
/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu {
	position: absolute;
	width: 300px;
	top: 50px;
	left: 0;
	margin: 0;
}
/* Animation classes for moving out and in */

.dl-menu.dl-animate-out-1 {
	-webkit-animation: MenuAnimOut1 0.4s;
	animation: MenuAnimOut1 0.4s;
}
.dl-menu.dl-animate-out-2 {
	-webkit-animation: MenuAnimOut2 0.3s ease-in-out;
	animation: MenuAnimOut2 0.3s ease-in-out;
}
.dl-menu.dl-animate-out-3 {
	-webkit-animation: MenuAnimOut3 0.4s ease;
	animation: MenuAnimOut3 0.4s ease;
}
.dl-menu.dl-animate-out-4 {
	-webkit-animation: MenuAnimOut4 0.4s ease;
	animation: MenuAnimOut4 0.4s ease;
}
.dl-menu.dl-animate-out-5 {
	-webkit-animation: MenuAnimOut5 0.4s ease;
	animation: MenuAnimOut5 0.4s ease;
}
 @-webkit-keyframes MenuAnimOut1 {
 0% {
}
 50% {
 -webkit-transform: translateZ(-250px) rotateY(30deg);
}
 75% {
 -webkit-transform: translateZ(-372.5px) rotateY(15deg);
 opacity: .5;
}
 100% {
 -webkit-transform: translateZ(-500px) rotateY(0deg);
 opacity: 0;
}
}
 @-webkit-keyframes MenuAnimOut2 {
 0% {
}
 100% {
 -webkit-transform: translateX(-100%);
 opacity: 0;
}
}
 @-webkit-keyframes MenuAnimOut3 {
 0% {
}
 100% {
 -webkit-transform: translateZ(300px);
 opacity: 0;
}
}
 @-webkit-keyframes MenuAnimOut4 {
 0% {
}
 100% {
 -webkit-transform: translateZ(-300px);
 opacity: 0;
}
}
 @-webkit-keyframes MenuAnimOut5 {
 0% {
}
 100% {
 -webkit-transform: translateY(40%);
 opacity: 0;
}
}
 @keyframes MenuAnimOut1 {
 0% {
}
 50% {
 -webkit-transform: translateZ(-250px) rotateY(30deg);
 transform: translateZ(-250px) rotateY(30deg);
}
 75% {
 -webkit-transform: translateZ(-372.5px) rotateY(15deg);
 transform: translateZ(-372.5px) rotateY(15deg);
 opacity: .5;
}
 100% {
 -webkit-transform: translateZ(-500px) rotateY(0deg);
 transform: translateZ(-500px) rotateY(0deg);
 opacity: 0;
}
}
 @keyframes MenuAnimOut2 {
 0% {
}
 100% {
 -webkit-transform: translateX(-100%);
 transform: translateX(-100%);
 opacity: 0;
}
}
 @keyframes MenuAnimOut3 {
 0% {
}
 100% {
 -webkit-transform: translateZ(300px);
 transform: translateZ(300px);
 opacity: 0;
}
}
 @keyframes MenuAnimOut4 {
 0% {
}
 100% {
 -webkit-transform: translateZ(-300px);
 transform: translateZ(-300px);
 opacity: 0;
}
}
 @keyframes MenuAnimOut5 {
 0% {
}
 100% {
 -webkit-transform: translateY(40%);
 transform: translateY(40%);
 opacity: 0;
}
}
.dl-menu.dl-animate-in-1 {
	-webkit-animation: MenuAnimIn1 0.3s;
	animation: MenuAnimIn1 0.3s;
}
.dl-menu.dl-animate-in-2 {
	-webkit-animation: MenuAnimIn2 0.3s ease-in-out;
	animation: MenuAnimIn2 0.3s ease-in-out;
}
.dl-menu.dl-animate-in-3 {
	-webkit-animation: MenuAnimIn3 0.4s ease;
	animation: MenuAnimIn3 0.4s ease;
}
.dl-menu.dl-animate-in-4 {
	-webkit-animation: MenuAnimIn4 0.4s ease;
	animation: MenuAnimIn4 0.4s ease;
}
.dl-menu.dl-animate-in-5 {
	-webkit-animation: MenuAnimIn5 0.4s ease;
	animation: MenuAnimIn5 0.4s ease;
}
 @-webkit-keyframes MenuAnimIn1 {
 0% {
 -webkit-transform: translateZ(-500px) rotateY(0deg);
 opacity: 0;
}
 20% {
 -webkit-transform: translateZ(-250px) rotateY(30deg);
 opacity: 0.5;
}
 100% {
 -webkit-transform: translateZ(0px) rotateY(0deg);
 opacity: 1;
}
}
 @-webkit-keyframes MenuAnimIn2 {
 0% {
 -webkit-transform: translateX(-100%);
 opacity: 0;
}
 100% {
 -webkit-transform: translateX(0px);
 opacity: 1;
}
}
 @-webkit-keyframes MenuAnimIn3 {
 0% {
 -webkit-transform: translateZ(300px);
 opacity: 0;
}
 100% {
 -webkit-transform: translateZ(0px);
 opacity: 1;
}
}
 @-webkit-keyframes MenuAnimIn4 {
 0% {
 -webkit-transform: translateZ(-300px);
 opacity: 0;
}
 100% {
 -webkit-transform: translateZ(0px);
 opacity: 1;
}
}
 @-webkit-keyframes MenuAnimIn5 {
 0% {
 -webkit-transform: translateY(40%);
 opacity: 0;
}
 100% {
 -webkit-transform: translateY(0);
 opacity: 1;
}
}
 @keyframes MenuAnimIn1 {
 0% {
 -webkit-transform: translateZ(-500px) rotateY(0deg);
 transform: translateZ(-500px) rotateY(0deg);
 opacity: 0;
}
 20% {
 -webkit-transform: translateZ(-250px) rotateY(30deg);
 transform: translateZ(-250px) rotateY(30deg);
 opacity: 0.5;
}
 100% {
 -webkit-transform: translateZ(0px) rotateY(0deg);
 transform: translateZ(0px) rotateY(0deg);
 opacity: 1;
}
}
 @keyframes MenuAnimIn2 {
 0% {
 -webkit-transform: translateX(-100%);
 transform: translateX(-100%);
 opacity: 0;
}
 100% {
 -webkit-transform: translateX(0px);
 transform: translateX(0px);
 opacity: 1;
}
}
 @keyframes MenuAnimIn3 {
 0% {
 -webkit-transform: translateZ(300px);
 transform: translateZ(300px);
 opacity: 0;
}
 100% {
 -webkit-transform: translateZ(0px);
 transform: translateZ(0px);
 opacity: 1;
}
}
 @keyframes MenuAnimIn4 {
 0% {
 -webkit-transform: translateZ(-300px);
 transform: translateZ(-300px);
 opacity: 0;
}
 100% {
 -webkit-transform: translateZ(0px);
 transform: translateZ(0px);
 opacity: 1;
}
}
 @keyframes MenuAnimIn5 {
 0% {
 -webkit-transform: translateY(40%);
 transform: translateY(40%);
 opacity: 0;
}
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
 opacity: 1;
}
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
	-webkit-animation: SubMenuAnimIn1 0.4s ease;
	animation: SubMenuAnimIn1 0.4s ease;
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
	-webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
	animation: SubMenuAnimIn2 0.3s ease-in-out;
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
	-webkit-animation: SubMenuAnimIn3 0.4s ease;
	animation: SubMenuAnimIn3 0.4s ease;
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
	-webkit-animation: SubMenuAnimIn4 0.4s ease;
	animation: SubMenuAnimIn4 0.4s ease;
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
	-webkit-animation: SubMenuAnimIn5 0.4s ease;
	animation: SubMenuAnimIn5 0.4s ease;
}
 @-webkit-keyframes SubMenuAnimIn1 {
 0% {
 -webkit-transform: translateX(50%);
 opacity: 0;
}
 100% {
 -webkit-transform: translateX(0px);
 opacity: 1;
}
}
 @-webkit-keyframes SubMenuAnimIn2 {
 0% {
 -webkit-transform: translateX(100%);
 opacity: 0;
}
 100% {
 -webkit-transform: translateX(0px);
 opacity: 1;
}
}
 @-webkit-keyframes SubMenuAnimIn3 {
 0% {
 -webkit-transform: translateZ(-300px);
 opacity: 0;
}
 100% {
 -webkit-transform: translateZ(0px);
 opacity: 1;
}
}
 @-webkit-keyframes SubMenuAnimIn4 {
 0% {
 -webkit-transform: translateZ(300px);
 opacity: 0;
}
 100% {
 -webkit-transform: translateZ(0px);
 opacity: 1;
}
}
 @-webkit-keyframes SubMenuAnimIn5 {
 0% {
 -webkit-transform: translateZ(-200px);
 opacity: 0;
}
 100% {
 -webkit-transform: translateZ(0);
 opacity: 1;
}
}
 @keyframes SubMenuAnimIn1 {
 0% {
 -webkit-transform: translateX(50%);
 transform: translateX(50%);
 opacity: 0;
}
 100% {
 -webkit-transform: translateX(0px);
 transform: translateX(0px);
 opacity: 1;
}
}
 @keyframes SubMenuAnimIn2 {
 0% {
 -webkit-transform: translateX(100%);
 transform: translateX(100%);
 opacity: 0;
}
 100% {
 -webkit-transform: translateX(0px);
 transform: translateX(0px);
 opacity: 1;
}
}
 @keyframes SubMenuAnimIn3 {
 0% {
 -webkit-transform: translateZ(-300px);
 transform: translateZ(-300px);
 opacity: 0;
}
 100% {
 -webkit-transform: translateZ(0px);
 transform: translateZ(0px);
 opacity: 1;
}
}
 @keyframes SubMenuAnimIn4 {
 0% {
 -webkit-transform: translateZ(300px);
 transform: translateZ(300px);
 opacity: 0;
}
 100% {
 -webkit-transform: translateZ(0px);
 transform: translateZ(0px);
 opacity: 1;
}
}
 @keyframes SubMenuAnimIn5 {
 0% {
 -webkit-transform: translateZ(-200px);
 transform: translateZ(-200px);
 opacity: 0;
}
 100% {
 -webkit-transform: translateZ(0);
 transform: translateZ(0);
 opacity: 1;
}
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
	-webkit-animation: SubMenuAnimOut1 0.4s ease;
	animation: SubMenuAnimOut1 0.4s ease;
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
	-webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
	animation: SubMenuAnimOut2 0.3s ease-in-out;
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
	-webkit-animation: SubMenuAnimOut3 0.4s ease;
	animation: SubMenuAnimOut3 0.4s ease;
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
	-webkit-animation: SubMenuAnimOut4 0.4s ease;
	animation: SubMenuAnimOut4 0.4s ease;
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
	-webkit-animation: SubMenuAnimOut5 0.4s ease;
	animation: SubMenuAnimOut5 0.4s ease;
}
 @-webkit-keyframes SubMenuAnimOut1 {
 0% {
 -webkit-transform: translateX(0%);
 opacity: 1;
}
 100% {
 -webkit-transform: translateX(50%);
 opacity: 0;
}
}
 @-webkit-keyframes SubMenuAnimOut2 {
 0% {
 -webkit-transform: translateX(0%);
 opacity: 1;
}
 100% {
 -webkit-transform: translateX(100%);
 opacity: 0;
}
}
 @-webkit-keyframes SubMenuAnimOut3 {
 0% {
 -webkit-transform: translateZ(0px);
 opacity: 1;
}
 100% {
 -webkit-transform: translateZ(-300px);
 opacity: 0;
}
}
 @-webkit-keyframes SubMenuAnimOut4 {
 0% {
 -webkit-transform: translateZ(0px);
 opacity: 1;
}
 100% {
 -webkit-transform: translateZ(300px);
 opacity: 0;
}
}
 @-webkit-keyframes SubMenuAnimOut5 {
 0% {
 -webkit-transform: translateZ(0);
 opacity: 1;
}
 100% {
 -webkit-transform: translateZ(-200px);
 opacity: 0;
}
}
 @keyframes SubMenuAnimOut1 {
 0% {
 -webkit-transform: translateX(0%);
 transform: translateX(0%);
 opacity: 1;
}
 100% {
 -webkit-transform: translateX(50%);
 transform: translateX(50%);
 opacity: 0;
}
}
 @keyframes SubMenuAnimOut2 {
 0% {
 -webkit-transform: translateX(0%);
 transform: translateX(0%);
 opacity: 1;
}
 100% {
 -webkit-transform: translateX(100%);
 transform: translateX(100%);
 opacity: 0;
}
}
 @keyframes SubMenuAnimOut3 {
 0% {
 -webkit-transform: translateZ(0px);
 transform: translateZ(0px);
 opacity: 1;
}
 100% {
 -webkit-transform: translateZ(-300px);
 transform: translateZ(-300px);
 opacity: 0;
}
}
 @keyframes SubMenuAnimOut4 {
 0% {
 -webkit-transform: translateZ(0px);
 transform: translateZ(0px);
 opacity: 1;
}
 100% {
 -webkit-transform: translateZ(300px);
 transform: translateZ(300px);
 opacity: 0;
}
}
 @keyframes SubMenuAnimOut5 {
 0% {
 -webkit-transform: translateZ(0);
 transform: translateZ(0);
 opacity: 1;
}
 100% {
 -webkit-transform: translateZ(-200px);
 transform: translateZ(-200px);
 opacity: 0;
}
}
/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {
	position: relative;
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
.no-js .dl-menuwrapper li .dl-submenu {
	display: block;
}
.no-js .dl-menuwrapper li.dl-back {
	display: none;
}
.no-js .dl-menuwrapper li > a:not(:only-child) {
	background: rgba(0,0,0,0.1);
}
.no-js .dl-menuwrapper li > a:not(:only-child):after {
	content: '';
}
form.search input[type=text] {
	padding: 10px;
	font-size: 11px;
	border-bottom: 1px solid black;
	float: left;
	width: 100px;
	background: #fff;
	font-style: italic;
	margin-bottom: 20px;
}
form.search .login {
	float: left;
	width: 20%;
	padding: 10px;
	color: #000;
	font-size: 14px;
	cursor: pointer;
	margin: 0;
}
.dl-menuwrapper li:nth-child(5) {
	padding: 0;
	margin-top: -10px;
}
.mobile-login {
	display: inline;
	float: right;
	margin-top: -52px
}
.mobile-login > a {
	display: none;
}
.mobile-login li {
	position: relative;
}
.mobile-login li a {
	color: #fff;
	display: block;
}
/* first level */

.mobile-login > ul {
	display: block;
}
.mobile-login > ul > li {
	width: auto;
	height: 100%;
	float: left;
	list-style: none;
	padding: 0 20px;
}
.mobile-login > ul > li:nth-child(2)::after, .mobile-login > ul > li:nth-child(3)::after {
	content: "|";
	top: 0px;
	position: absolute;
	left: 0px;
}
.mobile-login > ul > li > a {
	font-size: 11px;
	text-align: center;
	color: #000;
	letter-spacing: 2px;
	font-family: 'Poppins', sans-serif;
}
.mobile-login > ul > li:hover > a, .mobile-login > ul:not( :hover ) > li.active > a {
	background-color: #fff;
}
/* second level */

.mobile-login li ul {
	background-color: #fff;
	display: none;
	position: absolute;
	top: 100%;
	z-index: 100000;
}
.mobile-login li:hover ul {
	display: block;
	left: 0;
	right: 0;
	list-style: none;
	padding: 10px 20px;
}
.mobile-login li:not( :first-child ):hover ul {
	left: -1px;
}
.mobile-login li ul a {
	font-size: 11px;
	text-align: center;
	color: #000;
	padding: 10px 20px 10px 0;
	font-style: italic;
	text-align: left;
}
.mobile-login li ul a:hover {
	text-decoration: underline;
}
 @media only screen and (max-width: 767px) {
.mobile-login > ul > li {
	width: auto;
	height: 100%;
	float: left;
	list-style: none;
	padding: 0 10px;
}
}
/* #CART
================================================== */
.product-page button {
	width: auto;
	letter-spacing: 1.5px;
	font-family: 'Poppins', sans-serif;
	font-size: 10px;
	color: #fff;
	text-align: center;
	font-weight: normal;
	font-weight: 800;
	border: 1px solid #000;
	padding: 10px 20px;
	background: #000;
	float: right;
	margin: 0 12px;
	cursor: pointer;
}
.cart {
	background: #fff !important;
	color: #000 !important;
}
.product-page button:hover {
	background: #fff;
	color: #000;
	transition: color 0.2s linear;
	-moz-transition: color 0.2s linear;
	-webkit-transition: color 0.2s linear;
	-o-transition: color 0.2s linear;
}
.product-page {
	width: 100%;
	height: auto;
	margin-top: 60px;
}
.product-page p {
	width: 100%;
	float: none;
	text-decoration: none;
	letter-spacing: 1.5px;
	font-family: 'Poppins', sans-serif;
	font-size: 10px;
	color: #000;
	text-align: center;
	font-weight: normal;
	line-height: 30px;
	font-weight: 800;
	text-justify: auto;
}
.product-page h2 {
	float: left;
	text-decoration: none;
	letter-spacing: 1.5px;
	font-family: 'Poppins', sans-serif;
	font-size: 12px;
	color: #000;
	text-align: left;
	font-weight: 400;
	line-height: 60px;
	text-transform: uppercase
}
.coupon-code {
	float: left;
	margin-top: 100px;
}
.update-cart {
	float: right;
	margin-top: -30px;
}
.coupon {
	background: #fff;
	margin: 0 auto;
	text-align: left;
	margin-top: 0px;
	letter-spacing: 2px;
	font-family: 'Poppins', sans-serif;
	font-size: 13px;
	padding: 6px 14px 7px 14px;
	color: #9d9fa2;
	cursor: text;
	z-index: 1000;
	border: 1px solid #b09e7c;
	border-radius: 5px;
	margin-right: 5px;
}
.con-shop {
	float: right;
	margin-bottom: 20px;
	background: #fff;
	border: 1px solid #000;
	font-family: 'Poppins', sans-serif;
	font-size: 10px;
	padding: 6px 14px 7px 14px;
	border-radius: 5px;
	color: #000;
	letter-spacing: 1.5px;
}
.tc {
	text-align: left;
	margin-top: 0px;
	letter-spacing: 2px;
	font-family: 'Poppins', sans-serif;
	font-size: 13px;
	padding: 6px 14px 7px 14px;
	color: #000;
	line-height: 30px;
}
.row {
	width: 200px;
	height: auto;
	margin: 12px;
}
.size-chart {
	width: 120px !important;
}
.responsive-table {
	width: 100%;
	margin-bottom: 1.5em;
	margin-top: 30px;
}
.responsive-table thead {
	position: absolute;
	clip: rect(1px 1px 1px 1px);
	/* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	padding: 0;
	border: 0;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
.responsive-table thead th {
	background-color: #fff;
	font-weight: 400;
	text-align: left;
	color: #000;
	font-family: 'Poppins', sans-serif;
	font-size: 12px;
	border-bottom: 1px solid #000;
	color: #000;
	letter-spacing: 1.5px;
}
.responsive-table thead th:first-of-type {
	text-align: left;
	width: 300px;
}
.responsive-table tbody, .responsive-table tr, .responsive-table th, .responsive-table td {
	display: block;
	padding: 0;
	text-align: left;
	white-space: normal;
}
.responsive-table th, .responsive-table td {
	padding: .5em;
	vertical-align: middle;
	font-family: 'Poppins', sans-serif;
	font-size: 11px;
	border-bottom: 1px solid #000;
	font-weight: 400;
}
.responsive-table caption {
	margin-bottom: 1em;
	font-size: 1em;
	font-weight: bold;
	text-align: left;
}
.responsive-table tfoot {
	font-size: .8em;
	font-style: italic;
}
.responsive-table tbody tr {
	margin-bottom: 1em;
	border: 1px solid #000;
}
.responsive-table tbody tr:last-of-type {
	margin-bottom: 0;
}
.responsive-table tbody th[scope="row"] {
	border-bottom: 1px solid #000;
	color: white;
}
.responsive-table tbody td[data-type=currency] {
	text-align: left;
}
.responsive-table tbody td[data-title]:before {
	content: attr(data-title);
	float: left;
	font-size: 10px;
	color: #000;
	letter-spacing: 1.2px;
	padding-top: 3px;
	padding-right: 12px;
}
.responsive-table tbody td {
	text-align: left;
	border-bottom: 1px solid #000;
}
 @media (min-width: 52em) {
.responsive-table {
	font-size: .9em;
}
.responsive-table thead {
	position: relative;
	clip: auto;
	height: auto;
	width: auto;
	overflow: auto;
}
.responsive-table tr {
	display: table-row;
}
.responsive-table th, .responsive-table td {
	display: table-cell;
	padding: .5em;
}
.responsive-table caption {
	font-size: 1.5em;
}
.responsive-table tbody {
	display: table-row-group;
}
.responsive-table tbody tr {
	display: table-row;
	border-width: 1px;
}
.responsive-table tbody th[scope="row"] {
	background-color: transparent;
	color: #000;
	text-align: left;
}
.responsive-table tbody td {
	text-align: left;
	font-family: 'Poppins', sans-serif;
	font-size: 12px;
	letter-spacing: 1.5px;
}
.responsive-table tbody td[data-title]:before {
	content: none;
}
}
@media (min-width: 62em) {
.responsive-table {
	font-size: 1em;
}
.responsive-table th, .responsive-table td {
	padding: .75em .5em;
}
.responsive-table tfoot {
	font-size: .9em;
}
}
 @media (min-width: 75em) {
.responsive-table th, .responsive-table td {
	padding: .75em;
}
}
/* =========================forms========================= */



.cbp-mc-form {
	position: relative;
}
.cbp-mc-form:before, .cbp-mc-form:after {
	content: " ";
	display: table;
}
.cbp-mc-form:after {
	clear: both;
}
.cbp-mc-form h2 {
	float: left;
	text-decoration: none;
	letter-spacing: 1.2px;
	font-family: 'Poppins', sans-serif;
	font-size: 12px;
	color: #000;
	text-align: left;
	font-weight: 500;
	line-height: 0px;
	width: 100%;
	margin-left: -12px;
	padding: 24px 0;
}
.cbp-mc-column {
	width: 65%;
	padding: 10px 30px;
	float: left;
	border-radius: 10px;
	margin-top: 24px;
	margin-left: 73px;
}
.cbp-mc-column a {
	font-family: 'Poppins', sans-serif;
	line-height: 12px;
	font-size: 16px;
	color: #000;
	display: block;
	width: 100%;
	background: transparent;
	text-align: left;
	float: left;
	padding: 10px 0;
}
.cbp-mc-form label {
	display: block;
	padding: 6px 5px 6px 2px;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1.2px;
	cursor: pointer;
	font-family: 'Poppins', sans-serif;
	text-align: left;
	color: #000;
	line-height: 12px;
	margin-left: -14px;
}
.cbp-mc-form input, .cbp-mc-form textarea, .cbp-mc-form select {
	font-family: 'Poppins', sans-serif;
	font-size: 12px;
	padding: 10px;
	color: #000;
	display: block;
	width: 100%;
	background: transparent;
}
.cbp-mc-form input, .cbp-mc-form textarea {
	border: 1px solid #000;
	margin: 10px -10px;
}
.cbp-mc-form textarea {
	min-height: 200px;
}
.cbp-mc-form input:focus, .cbp-mc-form textarea:focus, .cbp-mc-form label:active + input, .cbp-mc-form label:active + textarea {
	outline: none;
	border: 1px solid #000;
}
.cbp-mc-form select:focus {
	outline: none;
}

::-webkit-input-placeholder { /* WebKit browsers */
 color: #a9a9a9;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 color: #a9a9a9a;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
 color: #000;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
 color: #000;
}
.cbp-mc-submit-wrap {
	text-align: center;
	padding-top: 40px;
	clear: both;
}
.cbp-mc-form input.cbp-mc-submit {
	background: red;
	border: none;
	color: #000;
	width: auto;
	cursor: pointer;
	text-transform: uppercase;
	display: inline-block;
	padding: 15px 30px;
	font-size: 12px;
	border-radius: 2px;
	letter-spacing: 1px;
}
.cbp-mc-form input.cbp-mc-submit:hover {
	background: #c20000;
}
 @media screen and (max-width: 70em) {
.cbp-mc-column {
	width: 70%;
}
.cbp-mc-column:nth-child(3) {
	width: 100%;
}
.cbp-mc-column {
	margin-left: 0;
	margin-top: 24px;
}
.cbp-mc-form h2 {
	margin-left: 42px;
	margin-top: 24px;
}
}
 @media screen and (max-width: 48em) {
.cbp-mc-column {
	width: 100%;
	padding: 10px;
}
}
.main {
	width: 100%;
	padding: 100px 0;
	max-width: 100em;
}
.social-login {
	text-align: left;
	float: left;
}
.social-login img {
	width: 30px;
	height: auto;
	padding: 10px 10px 20px 0px;
	cursor: pointer;
}
.social img:hover {
	opacity: 0.5;
}
/* =========================PRODUCT PAGE========================= */
.lightbox-target {
	position: fixed;
	top: -100%;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: 0;
	left: 0px;
	opacity:0.5;
	-webkit-transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out;
	overflow: hidden;
	z-index: 100000;
}
/* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */

.lightbox-target img {
	width: auto;
	height:100%;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 3px solid white;
	box-sizing: border-box;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}
/* Styles the close link, adds the slide down transition */

a.lightbox-close {
	display: block;
	width: 50px;
	height: 50px;
	box-sizing: border-box;
	background: white;
	color: black;
	text-decoration: none;
	position: absolute;
	top: -80px;
	right: 0;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}
/* Provides part of the "X" to eliminate an image from the close link */

a.lightbox-close:before {
	content: "";
	display: block;
	height: 30px;
	width: 1px;
	background: black;
	position: absolute;
	left: 26px;
	top: 10px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
/* Provides part of the "X" to eliminate an image from the close link */

a.lightbox-close:after {
	content: "";
	display: block;
	height: 30px;
	width: 1px;
	background: black;
	position: absolute;
	left: 26px;
	top: 10px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
/* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */

.lightbox-target:target {
	opacity: 1;
	top: 0;
	bottom: 0;
}
.lightbox-target:target img {
	max-height: 100%;
	max-width: 100%;
}
.lightbox-target:target a.lightbox-close {
	top: 0px;
}



/* #mobile slideshow product page
================================================== */

.cbp-fwslider {
	position: relative;
	margin: 0 0 10px;
	overflow: hidden;
	padding: 40px 0 60px;
}

.cbp-fwslider ul {
	margin: 0;
	padding: 0;
	white-space: nowrap;
	list-style-type: none;
}

.cbp-fwslider ul li {
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform: translateZ(0);
	float: left;
	display: block;
	margin: 0;
	padding: 0;
}

.cbp-fwslider ul li > a,
.cbp-fwslider ul li > div {
	display: block;
	text-align: center;
	outline: none;
}

.cbp-fwslider ul li > a img {
	border: none;
	display: block;
	margin: 0 auto;
	width:300px;
	height:auto;
}

.cbp-fwslider nav span {
	position: absolute;
	top: 50%;
	width: 50px;
	height: 100px;
	background: #ccc;
	color: #fff;
	font-size: 24px;
	text-align: center;
	margin-top: -50px;
	line-height: 100px;
	cursor: pointer;
	font-weight: normal;
}

.cbp-fwslider nav span:hover {
	background: #378fc3;
}

.cbp-fwslider nav span.cbp-fwnext {
	right: 0px;
}

.cbp-fwslider nav span.cbp-fwprev {
	left: 0px;
}

.cbp-fwdots {
	position: absolute;
	bottom: 30px;
	white-space: nowrap;
	text-align: center;
	width: 100%;
}

.cbp-fwdots span {
	display: inline-block;
	width:6px;
	height:6px;
	background: #ddd;
	margin: 4px;
	border-radius: 50%;
	cursor: pointer;
}

.cbp-fwdots span:hover {
	background: #696969;
}

.cbp-fwdots span.cbp-fwcurrent {
	background: #696969;
	box-shadow: 0 0 0 2px #696969;
	-webkit-transition: box-shadow 0.2s ease-in-out;
	-moz-transition: box-shadow 0.2s ease-in-out;
	transition: box-shadow 0.2s ease-in-out;
}