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

	-	Revolution Slider 4.1 Captions -

		Screen Stylesheet

version:   	1.4.5
date:      	27/11/13
author:		themepunch
email:     	info@themepunch.com
website:   	http://www.themepunch.com
-----------------------------------------------------------------------------*/



/*************************
	-	CAPTIONS	-
**************************/

.tp-hide-revslider,.tp-caption.tp-hidden-caption	{	visibility:hidden !important; display:none !important;}


.tp-caption { z-index:1; white-space:nowrap}

.tp-caption-demo .tp-caption	{	position:relative !important; display:inline-block; margin-bottom:10px; margin-right:20px !important;}


.tp-caption.whitedivider3px {

	color: #000000;
	text-shadow: none;
	background-color: rgb(255, 255, 255);
	background-color: rgba(255, 255, 255, 1);
	text-decoration: none;
	min-width: 408px;
	min-height: 3px;
	background-position: initial initial;
	background-repeat: initial initial;
	border-width: 0px;
	border-color: #000000;
	border-style: none;
}


.tp-caption.finewide_large_white {
color:#ffffff;
text-shadow:none;
font-size:60px;
line-height:60px;
font-weight:300;
font-family:"Open Sans", sans-serif;
background-color:transparent;
text-decoration:none;
text-transform:uppercase;
letter-spacing:8px;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}

.tp-caption.whitedivider3px {
color:#000000;
text-shadow:none;
background-color:rgb(255, 255, 255);
background-color:rgba(255, 255, 255, 1);
text-decoration:none;
font-size:0px;
line-height:0;
min-width:468px;
min-height:3px;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}

.tp-caption.finewide_medium_white {
color:#ffffff;
text-shadow:none;
font-size:37px;
line-height:37px;
font-weight:300;
font-family:"Open Sans", sans-serif;
background-color:transparent;
text-decoration:none;
text-transform:uppercase;
letter-spacing:5px;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}

.tp-caption.boldwide_small_white {
font-size:25px;
line-height:25px;
font-weight:800;
font-family:"Open Sans", sans-serif;
color:rgb(255, 255, 255);
text-decoration:none;
background-color:transparent;
text-shadow:none;
text-transform:uppercase;
letter-spacing:5px;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}

.tp-caption.whitedivider3px_vertical {
color:#000000;
text-shadow:none;
background-color:rgb(255, 255, 255);
background-color:rgba(255, 255, 255, 1);
text-decoration:none;
font-size:0px;
line-height:0;
min-width:3px;
min-height:130px;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}

.tp-caption.finewide_small_white {
color:#ffffff;
text-shadow:none;
font-size:25px;
line-height:25px;
font-weight:300;
font-family:"Open Sans", sans-serif;
background-color:transparent;
text-decoration:none;
text-transform:uppercase;
letter-spacing:5px;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}

.tp-caption.finewide_verysmall_white_mw {
font-size:13px;
line-height:25px;
font-weight:400;
font-family:"Open Sans", sans-serif;
color:#ffffff;
text-decoration:none;
background-color:transparent;
text-shadow:none;
text-transform:uppercase;
letter-spacing:5px;
max-width:470px;
white-space:normal !important;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}

.tp-caption.lightgrey_divider {
text-decoration:none;
background-color:rgb(235, 235, 235);
background-color:rgba(235, 235, 235, 1);
width:370px;
height:3px;
background-position:initial initial;
background-repeat:initial initial;
border-width:0px;
border-color:rgb(34, 34, 34);
border-style:none;
}

.tp-caption.finewide_large_white {
color: #FFF;
text-shadow: none;
font-size: 60px;
line-height: 60px;
font-weight: 300;
font-family: "Open Sans", sans-serif;
background-color: rgba(0, 0, 0, 0);
text-decoration: none;
text-transform: uppercase;
letter-spacing: 8px;
border-width: 0px;
border-color: #000;
border-style: none;
}

.tp-caption.finewide_medium_white {
color: #FFF;
text-shadow: none;
font-size: 34px;
line-height: 34px;
font-weight: 300;
font-family: "Open Sans", sans-serif;
background-color: rgba(0, 0, 0, 0);
text-decoration: none;
text-transform: uppercase;
letter-spacing: 5px;
border-width: 0px;
border-color: #000;
border-style: none;
}

.tp-caption.huge_red {
position:absolute;
color:rgb(223,75,107);
font-weight:400;
font-size:150px;
line-height:130px;
font-family: 'Oswald', sans-serif;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
background-color:rgb(45,49,54);
padding:0px;
}

.tp-caption.middle_yellow {
position:absolute;
color:rgb(251,213,114);
font-weight:600;
font-size:50px;
line-height:50px;
font-family: 'Open Sans', sans-serif;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
}

.tp-caption.huge_thin_yellow {
	position:absolute;
color:rgb(251,213,114);
font-weight:300;
font-size:90px;
line-height:90px;
font-family: 'Open Sans', sans-serif;
margin:0px;
letter-spacing: 20px;
border-width:0px;
border-style:none;
white-space:nowrap;
}

.tp-caption.big_dark {
position:absolute;
color:#333;
font-weight:700;
font-size:70px;
line-height:70px;
font-family:"Open Sans";
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
}

.tp-caption.medium_dark {
position:absolute;
color:#333;
font-weight:300;
font-size:40px;
line-height:40px;
font-family:"Open Sans";
margin:0px;
letter-spacing: 5px;
border-width:0px;
border-style:none;
white-space:nowrap;
}


.tp-caption.medium_grey {
position:absolute;
color:#fff;
text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);
font-weight:700;
font-size:20px;
line-height:20px;
font-family:Arial;
padding:2px 4px;
margin:0px;
border-width:0px;
border-style:none;
background-color:#888;
white-space:nowrap;
}

.tp-caption.small_text {
position:absolute;
color:#fff;
text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);
font-weight:700;
font-size:14px;
line-height:20px;
font-family:Arial;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
}

.tp-caption.medium_text {
position:absolute;
color:#fff;
text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);
font-weight:700;
font-size:20px;
line-height:20px;
font-family:Arial;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
}


.tp-caption.large_bold_white_25 {
font-size:55px;
line-height:65px;
font-weight:700;
font-family:"Open Sans";
color:#fff;
text-decoration:none;
background-color:transparent;
text-align:center;
text-shadow:#000 0px 5px 10px;
border-width:0px;
border-color:rgb(255, 255, 255);
border-style:none;
}

.tp-caption.medium_text_shadow {
font-size:25px;
line-height:25px;
font-weight:600;
font-family:"Open Sans";
color:#fff;
text-decoration:none;
background-color:transparent;
text-align:center;
text-shadow:#000 0px 5px 10px;
border-width:0px;
border-color:rgb(255, 255, 255);
border-style:none;
}

.tp-caption.large_text {
position:absolute;
color:#fff;
text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);
font-weight:700;
font-size:40px;
line-height:40px;
font-family:Arial;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
}

.tp-caption.medium_bold_grey {
font-size:30px;
line-height:30px;
font-weight:800;
font-family:"Open Sans";
color:rgb(102, 102, 102);
text-decoration:none;
background-color:transparent;
text-shadow:none;
margin:0px;
padding:1px 4px 0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}

.tp-caption.very_large_text {
position:absolute;
color:#fff;
text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);
font-weight:700;
font-size:60px;
line-height:60px;
font-family:Arial;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
letter-spacing:-2px;
}

.tp-caption.very_big_white {
position:absolute;
color:#fff;
text-shadow:none;
font-weight:800;
font-size:60px;
line-height:60px;
font-family:Arial;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
padding:0px 4px;
padding-top:1px;
background-color:#000;
}

.tp-caption.very_big_black {
position:absolute;
color:#000;
text-shadow:none;
font-weight:700;
font-size:60px;
line-height:60px;
font-family:Arial;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
padding:0px 4px;
padding-top:1px;
background-color:#fff;
}

.tp-caption.modern_medium_fat {
position:absolute;
color:#000;
text-shadow:none;
font-weight:800;
font-size:24px;
line-height:20px;
font-family:"Open Sans", sans-serif;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
}

.tp-caption.modern_medium_fat_white {
position:absolute;
color:#fff;
text-shadow:none;
font-weight:800;
font-size:24px;
line-height:20px;
font-family:"Open Sans", sans-serif;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
}

.tp-caption.modern_medium_light {
position:absolute;
color:#000;
text-shadow:none;
font-weight:300;
font-size:24px;
line-height:20px;
font-family:"Open Sans", sans-serif;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
}

.tp-caption.modern_big_bluebg {
position:absolute;
color:#fff;
text-shadow:none;
font-weight:800;
font-size:30px;
line-height:36px;
font-family:"Open Sans", sans-serif;
padding:3px 10px;
margin:0px;
border-width:0px;
border-style:none;
background-color:#4e5b6c;
letter-spacing:0;
}

.tp-caption.modern_big_redbg {
position:absolute;
color:#fff;
text-shadow:none;
font-weight:300;
font-size:30px;
line-height:36px;
font-family:"Open Sans", sans-serif;
padding:3px 10px;
padding-top:1px;
margin:0px;
border-width:0px;
border-style:none;
background-color:#de543e;
letter-spacing:0;
}

.tp-caption.modern_small_text_dark {
position:absolute;
color:#555;
text-shadow:none;
font-size:14px;
line-height:22px;
font-family:Arial;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
}

.tp-caption.boxshadow {
-moz-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5);
-webkit-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5);
box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5);
}

.tp-caption.black {
color:#000;
text-shadow:none;
}

.tp-caption.noshadow {
text-shadow:none;
}

.tp-caption a {
color:#ff7302;
text-shadow:none;
-webkit-transition:all 0.2s ease-out;
-moz-transition:all 0.2s ease-out;
-o-transition:all 0.2s ease-out;
-ms-transition:all 0.2s ease-out;
}

.tp-caption a:hover {
color:#ffa902;
}

.tp-caption.thinheadline_dark {
position:absolute;
color:rgba(0,0,0,0.85);
text-shadow:none;
font-weight:300;
font-size:30px;
line-height:30px;
font-family:"Open Sans";
background-color:transparent;
}

.tp-caption.thintext_dark {
position:absolute;
color:rgba(0,0,0,0.85);
text-shadow:none;
font-weight:300;
font-size:16px;
line-height:26px;
font-family:"Open Sans";
background-color:transparent;
}

.tp-caption.medium_bg_red a {
	color: #fff;
    text-decoration: none;
}

.tp-caption.medium_bg_red a:hover {
	color: #fff;
    text-decoration: underline;
}

.tp-caption.smoothcircle {
font-size:30px;
line-height:75px;
font-weight:800;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:rgb(0, 0, 0);
background-color:rgba(0, 0, 0, 0.498039);
padding:50px 25px;
text-align:center;
border-radius:500px 500px 500px 500px;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}

.tp-caption.largeblackbg {
font-size:50px;
line-height:70px;
font-weight:300;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:rgb(0, 0, 0);
padding:0px 20px 5px;
text-shadow:none;
border-width:0px;
border-color:rgb(255, 255, 255);
border-style:none;
}

.tp-caption.largepinkbg {
position:absolute;
color:#fff;
text-shadow:none;
font-weight:300;
font-size:50px;
line-height:70px;
font-family:"Open Sans";
background-color:#db4360;
padding:0px 20px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
}

.tp-caption.largewhitebg {
position:absolute;
color:#000;
text-shadow:none;
font-weight:300;
font-size:50px;
line-height:70px;
font-family:"Open Sans";
background-color:#fff;
padding:0px 20px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
}

.tp-caption.largegreenbg {
position:absolute;
color:#fff;
text-shadow:none;
font-weight:300;
font-size:50px;
line-height:70px;
font-family:"Open Sans";
background-color:#67ae73;
padding:0px 20px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
}

.tp-caption.excerpt {
font-size:36px;
line-height:36px;
font-weight:700;
font-family:Arial;
color:#ffffff;
text-decoration:none;
background-color:rgba(0, 0, 0, 1);
text-shadow:none;
margin:0px;
letter-spacing:-1.5px;
padding:1px 4px 0px 4px;
width:150px;
white-space:normal !important;
height:auto;
border-width:0px;
border-color:rgb(255, 255, 255);
border-style:none;
}

.tp-caption.large_bold_grey {
font-size:60px;
line-height:60px;
font-weight:800;
font-family:"Open Sans";
color:rgb(102, 102, 102);
text-decoration:none;
background-color:transparent;
text-shadow:none;
margin:0px;
padding:1px 4px 0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}

.tp-caption.medium_thin_grey {
font-size:34px;
line-height:30px;
font-weight:300;
font-family:"Open Sans";
color:rgb(102, 102, 102);
text-decoration:none;
background-color:transparent;
padding:1px 4px 0px;
text-shadow:none;
margin:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}

.tp-caption.small_thin_grey {
font-size:18px;
line-height:26px;
font-weight:300;
font-family:"Open Sans";
color:rgb(117, 117, 117);
text-decoration:none;
background-color:transparent;
padding:1px 4px 0px;
text-shadow:none;
margin:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}

.tp-caption.lightgrey_divider {
text-decoration:none;
background-color:rgba(235, 235, 235, 1);
width:370px;
height:3px;
background-position:initial initial;
background-repeat:initial initial;
border-width:0px;
border-color:rgb(34, 34, 34);
border-style:none;
}

.tp-caption.large_bold_darkblue {
font-size:58px;
line-height:60px;
font-weight:800;
font-family:"Open Sans";
color:rgb(52, 73, 94);
text-decoration:none;
background-color:transparent;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}

.tp-caption.medium_bg_darkblue {
font-size:20px;
line-height:20px;
font-weight:800;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:rgb(52, 73, 94);
padding:10px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}

.tp-caption.medium_bold_red {
font-size:24px;
line-height:30px;
font-weight:800;
font-family:"Open Sans";
color:rgb(227, 58, 12);
text-decoration:none;
background-color:transparent;
padding:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}

.tp-caption.medium_light_red {
font-size:21px;
line-height:26px;
font-weight:300;
font-family:"Open Sans";
color:rgb(227, 58, 12);
text-decoration:none;
background-color:transparent;
padding:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}

.tp-caption.medium_bg_red {
font-size:20px;
line-height:20px;
font-weight:800;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:rgb(227, 58, 12);
padding:10px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}

.tp-caption.medium_bold_orange {
font-size:24px;
line-height:30px;
font-weight:800;
font-family:"Open Sans";
color:rgb(243, 156, 18);
text-decoration:none;
background-color:transparent;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}

.tp-caption.medium_bg_orange {
font-size:20px;
line-height:20px;
font-weight:800;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:rgb(243, 156, 18);
padding:10px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}

.tp-caption.grassfloor {
text-decoration:none;
background-color:rgba(160, 179, 151, 1);
width:4000px;
height:150px;
border-width:0px;
border-color:rgb(34, 34, 34);
border-style:none;
}

.tp-caption.large_bold_white {
font-size:58px;
line-height:60px;
font-weight:800;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:transparent;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}

.tp-caption.medium_light_white {
font-size:30px;
line-height:36px;
font-weight:300;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:transparent;
padding:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}

.tp-caption.mediumlarge_light_white {
font-size:34px;
line-height:40px;
font-weight:300;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:transparent;
padding:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}

.tp-caption.mediumlarge_light_white_center {
font-size:34px;
line-height:40px;
font-weight:300;
font-family:"Open Sans";
color:#ffffff;
text-decoration:none;
background-color:transparent;
padding:0px 0px 0px 0px;
text-align:center;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}

.tp-caption.medium_bg_asbestos {
font-size:20px;
line-height:20px;
font-weight:800;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:rgb(127, 140, 141);
padding:10px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}

.tp-caption.medium_light_black {
font-size:30px;
line-height:36px;
font-weight:300;
font-family:"Open Sans";
color:rgb(0, 0, 0);
text-decoration:none;
background-color:transparent;
padding:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}

.tp-caption.large_bold_black {
font-size:58px;
line-height:60px;
font-weight:800;
font-family:"Open Sans";
color:rgb(0, 0, 0);
text-decoration:none;
background-color:transparent;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}

.tp-caption.mediumlarge_light_darkblue {
font-size:34px;
line-height:40px;
font-weight:300;
font-family:"Open Sans";
color:rgb(52, 73, 94);
text-decoration:none;
background-color:transparent;
padding:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}

.tp-caption.small_light_white {
font-size:17px;
line-height:28px;
font-weight:300;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:transparent;
padding:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}

.tp-caption.roundedimage {
border-width:0px;
border-color:rgb(34, 34, 34);
border-style:none;
}

.tp-caption.large_bg_black {
font-size:40px;
line-height:40px;
font-weight:800;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:rgb(0, 0, 0);
padding:10px 20px 15px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}

.tp-caption.mediumwhitebg {
font-size:30px;
line-height:30px;
font-weight:300;
font-family:"Open Sans";
color:rgb(0, 0, 0);
text-decoration:none;
background-color:rgb(255, 255, 255);
padding:5px 15px 10px;
text-shadow:none;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}

.tp-caption.medium_bg_orange_new1 {
font-size:20px;
line-height:20px;
font-weight:800;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:rgb(243, 156, 18);
padding:10px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}



.tp-caption.boxshadow{
		-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
		-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
		box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
	}

.tp-caption.black{
		color: #000;
		text-shadow: none;
		font-weight: 300;
		font-size: 19px;
		line-height: 19px;
		font-family: 'Open Sans', sans;
	}

.tp-caption.noshadow {
		text-shadow: none;
	}


.tp_inner_padding	{	box-sizing:border-box;
						-webkit-box-sizing:border-box;
						-moz-box-sizing:border-box;
						max-height:none !important;	}


/*.tp-caption			{	transform:none !important}*/


/*********************************
	-	SPECIAL TP CAPTIONS -
**********************************/
.tp-caption .frontcorner		{
										width: 0;
										height: 0;
										border-left: 40px solid transparent;
										border-right: 0px solid transparent;
										border-top: 40px solid #00A8FF;
										position: absolute;left:-40px;top:0px;
									}

.tp-caption .backcorner		{
										width: 0;
										height: 0;
										border-left: 0px solid transparent;
										border-right: 40px solid transparent;
										border-bottom: 40px solid #00A8FF;
										position: absolute;right:0px;top:0px;
									}

.tp-caption .frontcornertop		{
										width: 0;
										height: 0;
										border-left: 40px solid transparent;
										border-right: 0px solid transparent;
										border-bottom: 40px solid #00A8FF;
										position: absolute;left:-40px;top:0px;
									}

.tp-caption .backcornertop		{
										width: 0;
										height: 0;
										border-left: 0px solid transparent;
										border-right: 40px solid transparent;
										border-top: 40px solid #00A8FF;
										position: absolute;right:0px;top:0px;
									}

/******************************
	-	BUTTONS	-
*******************************/

.tp-simpleresponsive .button				{	padding:6px 13px 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; height:30px;
												cursor:pointer;
												color:#fff !important; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6) !important; font-size:15px; line-height:45px !important;
												background:url(/themes/w3ni272/assets/images/gradient/g30.png) repeat-x top; font-family: arial, sans-serif; font-weight: bold; letter-spacing: -1px;
											}

.tp-simpleresponsive  .button.big			{	color:#fff; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6); font-weight:bold; padding:9px 20px; font-size:19px;  line-height:57px !important; background:url(/themes/w3ni272/assets/images/gradient/g40.png) repeat-x top;}


.tp-simpleresponsive  .purchase:hover,
.tp-simpleresponsive  .button:hover,
.tp-simpleresponsive  .button.big:hover		{	background-position:bottom, 15px 11px;}



	@media only screen and (min-width: 768px) and (max-width: 959px) {

	 }



	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.tp-simpleresponsive  .button	{	padding:4px 8px 3px; line-height:25px !important; font-size:11px !important;font-weight:normal;	}
		.tp-simpleresponsive  a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none;	 }


	}

    @media only screen and (min-width: 0px) and (max-width: 479px) {
		.tp-simpleresponsive  .button	{	padding:2px 5px 2px; line-height:20px !important; font-size:10px !important;}
		.tp-simpleresponsive  a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none;	 }
	}





/*	BUTTON COLORS	*/



.tp-simpleresponsive  .button.green, .tp-simpleresponsive  .button:hover.green,
.tp-simpleresponsive  .purchase.green, .tp-simpleresponsive  .purchase:hover.green			{ background-color:#21a117; -webkit-box-shadow:  0px 3px 0px 0px #104d0b;        -moz-box-shadow:   0px 3px 0px 0px #104d0b;        box-shadow:   0px 3px 0px 0px #104d0b;  }


.tp-simpleresponsive  .button.blue, .tp-simpleresponsive  .button:hover.blue,
.tp-simpleresponsive  .purchase.blue, .tp-simpleresponsive  .purchase:hover.blue			{ background-color:#1d78cb; -webkit-box-shadow:  0px 3px 0px 0px #0f3e68;        -moz-box-shadow:   0px 3px 0px 0px #0f3e68;        box-shadow:   0px 3px 0px 0px #0f3e68;}


.tp-simpleresponsive  .button.red, .tp-simpleresponsive  .button:hover.red,
.tp-simpleresponsive  .purchase.red, .tp-simpleresponsive  .purchase:hover.red				{ background-color:#cb1d1d; -webkit-box-shadow:  0px 3px 0px 0px #7c1212;        -moz-box-shadow:   0px 3px 0px 0px #7c1212;        box-shadow:   0px 3px 0px 0px #7c1212;}

.tp-simpleresponsive  .button.orange, .tp-simpleresponsive  .button:hover.orange,
.tp-simpleresponsive  .purchase.orange, .tp-simpleresponsive  .purchase:hover.orange		{ background-color:#ff7700; -webkit-box-shadow:  0px 3px 0px 0px #a34c00;        -moz-box-shadow:   0px 3px 0px 0px #a34c00;        box-shadow:   0px 3px 0px 0px #a34c00;}

.tp-simpleresponsive  .button.darkgrey, .tp-simpleresponsive  .button.grey,
.tp-simpleresponsive  .button:hover.darkgrey, .tp-simpleresponsive  .button:hover.grey,
.tp-simpleresponsive  .purchase.darkgrey, .tp-simpleresponsive  .purchase:hover.darkgrey	{ background-color:#555; -webkit-box-shadow:  0px 3px 0px 0px #222;        -moz-box-shadow:   0px 3px 0px 0px #222;        box-shadow:   0px 3px 0px 0px #222;}

.tp-simpleresponsive  .button.lightgrey, .tp-simpleresponsive  .button:hover.lightgrey,
.tp-simpleresponsive  .purchase.lightgrey, .tp-simpleresponsive  .purchase:hover.lightgrey	{ background-color:#888; -webkit-box-shadow:  0px 3px 0px 0px #555;        -moz-box-shadow:   0px 3px 0px 0px #555;        box-shadow:   0px 3px 0px 0px #555;}



/****************************************************************

	-	SET THE ANIMATION EVEN MORE SMOOTHER ON ANDROID   -

******************************************************************/

/*.tp-simpleresponsive				{	-webkit-perspective: 1500px;
										-moz-perspective: 1500px;
										-o-perspective: 1500px;
										-ms-perspective: 1500px;
										perspective: 1500px;
									}*/




/**********************************************
	-	FULLSCREEN AND FULLWIDHT CONTAINERS	-
**********************************************/

.fullscreen-container {
		width:100%;
		position:relative;
		padding:0;
}



.fullwidthbanner-container{
	width:100%;
	position:relative;
	padding:0;
	overflow:hidden;
}

.fullwidthbanner-container .fullwidthbanner{
	width:100%;
	position:relative;
}



/************************************************
	  - SOME CAPTION MODIFICATION AT START  -
*************************************************/
.tp-simpleresponsive .caption,
.tp-simpleresponsive .tp-caption {
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";		-moz-opacity: 0;	-khtml-opacity: 0;	opacity: 0; */
	position:absolute;visibility: hidden;
	-webkit-font-smoothing: antialiased !important;
}


.tp-simpleresponsive img	{	max-width:none;}



/******************************
	-	IE8 HACKS	-
*******************************/
.noFilterClass {
	filter:none !important;
}


/******************************
	-	SHADOWS		-
******************************/
.tp-bannershadow  {
		position:absolute;

		margin-left:auto;
		margin-right:auto;
		-moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -o-user-select: none;
	}

.tp-bannershadow.tp-shadow1 {	background:url(/themes/w3ni272/assets/assets/shadow1.png) no-repeat; background-size:100% 100%; width:890px; height:60px; bottom:-60px;}
.tp-bannershadow.tp-shadow2 {	background:url(/themes/w3ni272/assets/assets/shadow2.png) no-repeat; background-size:100% 100%; width:890px; height:60px;bottom:-60px;}
.tp-bannershadow.tp-shadow3 {	background:url(/themes/w3ni272/assets/assets/shadow3.png) no-repeat; background-size:100% 100%; width:890px; height:60px;bottom:-60px;}


/********************************
	-	FULLSCREEN VIDEO	-
*********************************/
.caption.fullscreenvideo {	left:0px; top:0px; position:absolute;width:100%;height:100%;}
.caption.fullscreenvideo iframe,
.caption.fullscreenvideo video	{ width:100% !important; height:100% !important; display: none}

.tp-caption.fullscreenvideo	{	left:0px; top:0px; position:absolute;width:100%;height:100%;}


.tp-caption.fullscreenvideo iframe,
.tp-caption.fullscreenvideo iframe video	{ width:100% !important; height:100% !important; display: none;}


.fullcoveredvideo video,
.fullscreenvideo video					{	background: #000;}

.fullcoveredvideo .tp-poster		{	background-position: center center;background-size: cover;width:100%;height:100%;top:0px;left:0px;}

.html5vid.videoisplaying .tp-poster	{	display: none}

.tp-video-play-button		{	background:#000;
								background:rgba(0,0,0,0.3);
								padding:5px;
								border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
								position: absolute;
								top: 50%;
								left: 50%;
								font-size: 40px;
								color: #FFF;
								z-index: 3;
								margin-top: -27px;
								margin-left: -28px;
								text-align: center;
								cursor: pointer;
							}

.html5vid .tp-revstop		{	width:6px;height:20px; border-left:5px solid #fff; border-right:5px solid #fff; position: relative;margin:10px 20px;}						
.html5vid .tp-revstop	{	display:none;}
.html5vid.videoisplaying .revicon-right-dir	{	display:none}
.html5vid.videoisplaying .tp-revstop	{	display:block}

.html5vid.videoisplaying .tp-video-play-button	{	display:none}
.html5vid:hover .tp-video-play-button { display:block}		

.fullcoveredvideo .tp-video-play-button	{	display:none !important}			


/********************************
	-	FULLSCREEN VIDEO ENDS	-
*********************************/


/********************************
	-	DOTTED OVERLAYS	-
*********************************/
.tp-dottedoverlay						{	background-repeat:repeat;width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:1;}
.tp-dottedoverlay.twoxtwo				{	background:url(/themes/w3ni272/assets/assets/gridtile.png)}
.tp-dottedoverlay.twoxtwowhite			{	background:url(/themes/w3ni272/assets/assets/gridtile_white.png)}
.tp-dottedoverlay.threexthree			{	background:url(/themes/w3ni272/assets/assets/gridtile_3x3.png)}
.tp-dottedoverlay.threexthreewhite		{	background:url(/themes/w3ni272/assets/assets/gridtile_3x3_white.png)}
/********************************
	-	DOTTED OVERLAYS ENDS	-
*********************************/


/************************
	-	NAVIGATION	-
*************************/

/** BULLETS **/

.tpclear		{	clear:both;}


.tp-bullets									{	z-index:1000; position:absolute;
												-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
												-moz-opacity: 1;
												-khtml-opacity: 1;
												opacity: 1;
												-webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out;-webkit-transform: translateZ(5px);
											}
.tp-bullets.hidebullets					{
												-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
												-moz-opacity: 0;
												-khtml-opacity: 0;
												opacity: 0;
											}


.tp-bullets.simplebullets.navbar						{ 	border:1px solid #666; border-bottom:1px solid #444; background:url(/themes/w3ni272/assets/assets/boxed_bgtile.png); height:40px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px ;}

.tp-bullets.simplebullets.navbar-old					{ 	 background:url(/themes/w3ni272/assets/assets/navigdots_bgtile.png); height:35px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px ;}


.tp-bullets.simplebullets.round .bullet					{	cursor:pointer; position:relative;	background:url(/themes/w3ni272/assets/assets/bullet.png) no-Repeat top left;	width:20px;	height:20px;  margin-right:0px; float:left; margin-top:0px; margin-left:3px;}
.tp-bullets.simplebullets.round .bullet.last			{	margin-right:3px;}

.tp-bullets.simplebullets.round-old .bullet				{	cursor:pointer; position:relative;	background:url(/themes/w3ni272/assets/assets/bullets.png) no-Repeat bottom left;	width:23px;	height:23px;  margin-right:0px; float:left; margin-top:0px;}
.tp-bullets.simplebullets.round-old .bullet.last		{	margin-right:0px;}


/**	SQUARE BULLETS **/
.tp-bullets.simplebullets.square .bullet				{	cursor:pointer; position:relative;	background:url(/themes/w3ni272/assets/assets/bullets2.png) no-Repeat bottom left;	width:19px;	height:19px;  margin-right:0px; float:left; margin-top:0px;}
.tp-bullets.simplebullets.square .bullet.last			{	margin-right:0px;}


/**	SQUARE BULLETS **/
.tp-bullets.simplebullets.square-old .bullet			{	cursor:pointer; position:relative;	background:url(/themes/w3ni272/assets/assets/bullets2.png) no-Repeat bottom left;	width:19px;	height:19px;  margin-right:0px; float:left; margin-top:0px;}
.tp-bullets.simplebullets.square-old .bullet.last		{	margin-right:0px;}


/** navbar NAVIGATION VERSION **/
.tp-bullets.simplebullets.navbar .bullet			{	cursor:pointer; position:relative;	background:url(/themes/w3ni272/assets/assets/bullet_boxed.png) no-Repeat top left;	width:18px;	height:19px;   margin-right:5px; float:left; margin-top:0px;}

.tp-bullets.simplebullets.navbar .bullet.first		{	margin-left:0px !important;}
.tp-bullets.simplebullets.navbar .bullet.last		{	margin-right:0px !important;}



/** navbar NAVIGATION VERSION **/
.tp-bullets.simplebullets.navbar-old .bullet			{	cursor:pointer; position:relative;	background:url(/themes/w3ni272/assets/assets/navigdots.png) no-Repeat bottom left;	width:15px;	height:15px;  margin-left:5px !important; margin-right:5px !important;float:left; margin-top:10px;}
.tp-bullets.simplebullets.navbar-old .bullet.first		{	margin-left:0px !important;}
.tp-bullets.simplebullets.navbar-old .bullet.last		{	margin-right:0px !important;}


.tp-bullets.simplebullets .bullet:hover,
.tp-bullets.simplebullets .bullet.selected				{	background-position:top left; }

.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.navbar .bullet:hover,
.tp-bullets.simplebullets.navbar .bullet.selected		{	background-position:bottom left; }



/*************************************
	-	TP ARROWS 	-
**************************************/
.tparrows												{	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
															-moz-opacity: 1;
															-khtml-opacity: 1;
															opacity: 1;
															-webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out;			
															-webkit-transform: translateZ(5000px);
															-webkit-transform-style: flat;
															-webkit-backface-visibility: hidden;
															z-index:600;
															position: relative;

														}
.tparrows.hidearrows									{
															-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
															-moz-opacity: 0;
															-khtml-opacity: 0;
															opacity: 0;
														}
.tp-leftarrow											{	z-index:100;cursor:pointer; position:relative;	background:url(/themes/w3ni272/assets/assets/large_left.png) no-Repeat top left;	width:40px;	height:40px;   }
.tp-rightarrow											{	z-index:100;cursor:pointer; position:relative;	background:url(/themes/w3ni272/assets/assets/large_right.png) no-Repeat top left;	width:40px;	height:40px;   }


.tp-leftarrow.round										{	z-index:100;cursor:pointer; position:relative;	background:url(/themes/w3ni272/assets/assets/small_left.png) no-Repeat top left;	width:19px;	height:14px;  margin-right:0px; float:left; margin-top:0px;	}
.tp-rightarrow.round									{	z-index:100;cursor:pointer; position:relative;	background:url(/themes/w3ni272/assets/assets/small_right.png) no-Repeat top left;	width:19px;	height:14px;  margin-right:0px; float:left;	margin-top:0px;}


.tp-leftarrow.round-old									{	z-index:100;cursor:pointer; position:relative;	background:url(/themes/w3ni272/assets/assets/arrow_left.png) no-Repeat top left;	width:26px;	height:26px;  margin-right:0px; float:left; margin-top:0px;	}
.tp-rightarrow.round-old								{	z-index:100;cursor:pointer; position:relative;	background:url(/themes/w3ni272/assets/assets/arrow_right.png) no-Repeat top left;	width:26px;	height:26px;  margin-right:0px; float:left;	margin-top:0px;}


.tp-leftarrow.navbar									{	z-index:100;cursor:pointer; position:relative;	background:url(/themes/w3ni272/assets/assets/small_left_boxed.png) no-Repeat top left;	width:20px;	height:15px;   float:left;	margin-right:6px; margin-top:12px;}
.tp-rightarrow.navbar									{	z-index:100;cursor:pointer; position:relative;	background:url(/themes/w3ni272/assets/assets/small_right_boxed.png) no-Repeat top left;	width:20px;	height:15px;   float:left;	margin-left:6px; margin-top:12px;}


.tp-leftarrow.navbar-old								{	z-index:100;cursor:pointer; position:relative;	background:url(/themes/w3ni272/assets/assets/arrowleft.png) no-Repeat top left;		width:9px;	height:16px;   float:left;	margin-right:6px; margin-top:10px;}
.tp-rightarrow.navbar-old								{	z-index:100;cursor:pointer; position:relative;	background:url(/themes/w3ni272/assets/assets/arrowright.png) no-Repeat top left;	width:9px;	height:16px;   float:left;	margin-left:6px; margin-top:10px;}

.tp-leftarrow.navbar-old.thumbswitharrow				{	margin-right:10px; }
.tp-rightarrow.navbar-old.thumbswitharrow				{	margin-left:0px; }

.tp-leftarrow.square									{	z-index:100;cursor:pointer; position:relative;	background:url(/themes/w3ni272/assets/assets/arrow_left2.png) no-Repeat top left;	width:12px;	height:17px;   float:left;	margin-right:0px; margin-top:0px;}
.tp-rightarrow.square									{	z-index:100;cursor:pointer; position:relative;	background:url(/themes/w3ni272/assets/assets/arrow_right2.png) no-Repeat top left;	width:12px;	height:17px;   float:left;	margin-left:0px; margin-top:0px;}


.tp-leftarrow.square-old								{	z-index:100;cursor:pointer; position:relative;	background:url(/themes/w3ni272/assets/assets/arrow_left2.png) no-Repeat top left;	width:12px;	height:17px;   float:left;	margin-right:0px; margin-top:0px;}
.tp-rightarrow.square-old								{	z-index:100;cursor:pointer; position:relative;	background:url(/themes/w3ni272/assets/assets/arrow_right2.png) no-Repeat top left;	width:12px;	height:17px;   float:left;	margin-left:0px; margin-top:0px;}


.tp-leftarrow.default									{	z-index:100;cursor:pointer; position:relative;	background:url(/themes/w3ni272/assets/assets/large_left.png) no-Repeat 0 0;	width:40px;	height:40px;

														}
.tp-rightarrow.default									{	z-index:100;cursor:pointer; position:relative;	background:url(/themes/w3ni272/assets/assets/large_right.png) no-Repeat 0 0;	width:40px;	height:40px;

														}




.tp-leftarrow:hover,
.tp-rightarrow:hover 									{	background-position:bottom left; }






/****************************************************************************************************
	-	TP THUMBS 	-
*****************************************************************************************************

 - tp-thumbs & tp-mask Width is the width of the basic Thumb Container (500px basic settings)

 - .bullet width & height is the dimension of a simple Thumbnail (basic 100px x 50px)

 *****************************************************************************************************/


.tp-bullets.tp-thumbs						{	z-index:1000; position:absolute; padding:3px;background-color:#fff;
												width:500px;height:50px; 			/* THE DIMENSIONS OF THE THUMB CONTAINER */
												margin-top:-50px;
											}


.fullwidthbanner-container .tp-thumbs		{  padding:3px;}

.tp-bullets.tp-thumbs .tp-mask				{	width:500px; height:50px;  			/* THE DIMENSIONS OF THE THUMB CONTAINER */
												overflow:hidden; position:relative;}


.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer	{	width:5000px; position:absolute;}

.tp-bullets.tp-thumbs .bullet				{   width:100px; height:50px; 			/* THE DIMENSION OF A SINGLE THUMB */
												cursor:pointer; overflow:hidden;background:none;margin:0;float:left;
												-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
												/*filter: alpha(opacity=50);	*/
												-moz-opacity: 0.5;
												-khtml-opacity: 0.5;
												opacity: 0.5;

												-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out;
											}


.tp-bullets.tp-thumbs .bullet:hover,
.tp-bullets.tp-thumbs .bullet.selected		{ 	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

												-moz-opacity: 1;
												-khtml-opacity: 1;
												opacity: 1;
											}
.tp-thumbs img								{	width:100%; }


/************************************
		-	TP BANNER TIMER		-
*************************************/
.tp-bannertimer								{	width:100%; height:10px; background:url(/themes/w3ni272/assets/assets/timer.png);position:absolute; z-index:200;top:0px;}
.tp-bannertimer.tp-bottom					{	bottom:0px;height:5px; top:auto;}




/***************************************
	-	RESPONSIVE SETTINGS 	-
****************************************/




    @media only screen and (min-width: 0px) and (max-width: 479px) {
				.responsive .tp-bullets	{	display:none}
				.responsive .tparrows	{	display:none;}
	}





/*********************************************

	-	BASIC SETTINGS FOR THE BANNER	-

***********************************************/

 .tp-simpleresponsive img {
		-moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -o-user-select: none;
}



.tp-simpleresponsive a{	text-decoration:none;}

.tp-simpleresponsive ul {
	list-style:none;
	padding:0;
	margin:0;
}

.tp-simpleresponsive >ul >li{
	list-stye:none;
	position:absolute;
	visibility:hidden;
}
/*  CAPTION SLIDELINK   **/
.caption.slidelink a div,
.tp-caption.slidelink a div {	width:3000px; height:1500px;  background:url(/themes/w3ni272/assets/assets/coloredbg.png) repeat;}

/******************************
	-	LOADER FORMS	-
********************************/

.tp-loader 	{	  
				top:50%; left:50%; 
				z-index:10000; 
				position:absolute;
				

			}
			
.tp-loader.spinner0 {
  width: 40px;
  height: 40px;
  background:url(/themes/w3ni272/assets/assets/loader.gif) no-repeat center center;
  background-color: #fff;
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);  
  margin-top:-20px;
  margin-left:-20px;
  -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
  animation: tp-rotateplane 1.2s infinite ease-in-out;
  border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}


.tp-loader.spinner1 {
  width: 40px;
  height: 40px;
  background-color: #fff;
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);  
  margin-top:-20px;
  margin-left:-20px;
  -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
  animation: tp-rotateplane 1.2s infinite ease-in-out;
  border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}



.tp-loader.spinner5 	{	background:url(/themes/w3ni272/assets/assets/loader.gif) no-repeat 10px 10px; 
							background-color:#fff;  
							margin:-22px -22px; 							
							width:44px;height:44px;
							border-radius: 3px;
							-moz-border-radius: 3px;
							-webkit-border-radius: 3px;
						}


@-webkit-keyframes tp-rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes tp-rotateplane {
  0% { 
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
  } 50% { 
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
  } 100% { 
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}


.tp-loader.spinner2 {
  width: 40px;
  height: 40px;
  margin-top:-20px;margin-left:-20px;
  background-color: #ff0000;
   box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);  
  border-radius: 100%;  
  -webkit-animation: tp-scaleout 1.0s infinite ease-in-out;
  animation: tp-scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes tp-scaleout {
  0% { -webkit-transform: scale(0.0) }
  100% {
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}

@keyframes tp-scaleout {
  0% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 100% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}




.tp-loader.spinner3 {
  margin: -9px 0px 0px -35px;
  width: 70px;
  text-align: center;

}

.tp-loader.spinner3 .bounce1,
.tp-loader.spinner3 .bounce2,
.tp-loader.spinner3 .bounce3 {
  width: 18px;
  height: 18px;
  background-color: #fff;
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);  
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: tp-bouncedelay 1.4s infinite ease-in-out;
  animation: tp-bouncedelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.tp-loader.spinner3 .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.tp-loader.spinner3 .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes tp-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes tp-bouncedelay {
  0%, 80%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}




.tp-loader.spinner4 {
  margin: -20px 0px 0px -20px;
  width: 40px;
  height: 40px;
  text-align: center; 
  -webkit-animation: tp-rotate 2.0s infinite linear;
  animation: tp-rotate 2.0s infinite linear;
}

.tp-loader.spinner4 .dot1, 
.tp-loader.spinner4 .dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #fff;
  border-radius: 100%;  
  -webkit-animation: tp-bounce 2.0s infinite ease-in-out;
  animation: tp-bounce 2.0s infinite ease-in-out;
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);  
}

.tp-loader.spinner4 .dot2 {
  top: auto;
  bottom: 0px;
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes tp-rotate { 100% { -webkit-transform: rotate(360deg) }}
@keyframes tp-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}

@-webkit-keyframes tp-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes tp-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}



.tp-transparentimg {	content:"url(/themes/w3ni272/assets/assets/transparent.png)"}
.tp-3d				{	-webkit-transform-style: preserve-3d;
						 -webkit-transform-origin: 50% 50%;
					}



.tp-caption img {
background: transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
zoom: 1;
}


@font-face {
  font-family: 'revicons';
  src: url('/themes/w3ni272/assets/font/revicons.eot?5510888');
  src: url('/themes/w3ni272/assets/font/revicons.eot?5510888#iefix') format('embedded-opentype'),
       url('/themes/w3ni272/assets/font/revicons.woff?5510888') format('woff'),
       url('/themes/w3ni272/assets/font/revicons.ttf?5510888') format('truetype'),
       url('/themes/w3ni272/assets/font/revicons.svg?5510888#revicons') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'revicons';
    src: url('/themes/w3ni272/assets/font/revicons.svg?5510888#revicons') format('svg');
  }
}
*/

 [class^="revicon-"]:before, [class*=" revicon-"]:before {
  font-family: "revicons";
  font-style: normal;
  font-weight: normal;
  speak: none;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.revicon-search-1:before { content: '\e802'; } /* '' */
.revicon-pencil-1:before { content: '\e831'; } /* '' */
.revicon-picture-1:before { content: '\e803'; } /* '' */
.revicon-cancel:before { content: '\e80a'; } /* '' */
.revicon-info-circled:before { content: '\e80f'; } /* '' */
.revicon-trash:before { content: '\e801'; } /* '' */
.revicon-left-dir:before { content: '\e817'; } /* '' */
.revicon-right-dir:before { content: '\e818'; } /* '' */
.revicon-down-open:before { content: '\e83b'; } /* '' */
.revicon-left-open:before { content: '\e819'; } /* '' */
.revicon-right-open:before { content: '\e81a'; } /* '' */
.revicon-angle-left:before { content: '\e820'; } /* '' */
.revicon-angle-right:before { content: '\e81d'; } /* '' */
.revicon-left-big:before { content: '\e81f'; } /* '' */
.revicon-right-big:before { content: '\e81e'; } /* '' */
.revicon-magic:before { content: '\e807'; } /* '' */
.revicon-picture:before { content: '\e800'; } /* '' */
.revicon-export:before { content: '\e80b'; } /* '' */
.revicon-cog:before { content: '\e832'; } /* '' */
.revicon-login:before { content: '\e833'; } /* '' */
.revicon-logout:before { content: '\e834'; } /* '' */
.revicon-video:before { content: '\e805'; } /* '' */
.revicon-arrow-combo:before { content: '\e827'; } /* '' */
.revicon-left-open-1:before { content: '\e82a'; } /* '' */
.revicon-right-open-1:before { content: '\e82b'; } /* '' */
.revicon-left-open-mini:before { content: '\e822'; } /* '' */
.revicon-right-open-mini:before { content: '\e823'; } /* '' */
.revicon-left-open-big:before { content: '\e824'; } /* '' */
.revicon-right-open-big:before { content: '\e825'; } /* '' */
.revicon-left:before { content: '\e836'; } /* '' */
.revicon-right:before { content: '\e826'; } /* '' */
.revicon-ccw:before { content: '\e808'; } /* '' */
.revicon-arrows-ccw:before { content: '\e806'; } /* '' */
.revicon-palette:before { content: '\e829'; } /* '' */
.revicon-list-add:before { content: '\e80c'; } /* '' */
.revicon-doc:before { content: '\e809'; } /* '' */
.revicon-left-open-outline:before { content: '\e82e'; } /* '' */
.revicon-left-open-2:before { content: '\e82c'; } /* '' */
.revicon-right-open-outline:before { content: '\e82f'; } /* '' */
.revicon-right-open-2:before { content: '\e82d'; } /* '' */
.revicon-equalizer:before { content: '\e83a'; } /* '' */
.revicon-layers-alt:before { content: '\e804'; } /* '' */
.revicon-popup:before { content: '\e828'; } /* '' */
/* clear first in row in ie 8 or lower */
.multi-columns-row .first-in-row {
    clear: left;
}

/* clear the first in row for any block that has the class "multi-columns-row" */
.multi-columns-row .col-xs-6:nth-child(2n + 3) { clear: left; }
.multi-columns-row .col-xs-4:nth-child(3n + 4) { clear: left; }
.multi-columns-row .col-xs-3:nth-child(4n + 5) { clear: left; }
.multi-columns-row .col-xs-2:nth-child(6n + 7) { clear: left; }
.multi-columns-row .col-xs-1:nth-child(12n + 13) { clear: left; }

@media (max-width: 2000px) and (min-width: 1400px) {
    .multi-columns-row .width-responsive:nth-child(4n + 1) { clear: left; }
}

@media (max-width: 1400px) and (min-width: 992px) {
    .multi-columns-row .width-responsive:nth-child(3n + 1) { clear: left; }
}

@media (min-width: 768px) {
    /* reset previous grid */
    .multi-columns-row .col-xs-6:nth-child(2n + 3) { clear: none; }
    .multi-columns-row .col-xs-4:nth-child(3n + 4) { clear: none; }
    .multi-columns-row .col-xs-3:nth-child(4n + 5) { clear: none; }
    .multi-columns-row .col-xs-2:nth-child(6n + 7) { clear: none; }
    .multi-columns-row .col-xs-1:nth-child(12n + 13) { clear: none; }

    /* clear first in row for small columns */
    .multi-columns-row .col-sm-6:nth-child(2n + 3) { clear: left; }
    .multi-columns-row .col-sm-4:nth-child(3n + 4) { clear: left; }
    .multi-columns-row .col-sm-3:nth-child(4n + 5) { clear: left; }
    .multi-columns-row .col-sm-2:nth-child(6n + 7) { clear: left; }
    .multi-columns-row .col-sm-1:nth-child(12n + 13) { clear: left; }
}
@media (min-width: 992px) {
    /* reset previous grid */
    .multi-columns-row .col-sm-6:nth-child(2n + 3) { clear: none; }
    .multi-columns-row .col-sm-4:nth-child(3n + 4) { clear: none; }
    .multi-columns-row .col-sm-3:nth-child(4n + 5) { clear: none; }
    .multi-columns-row .col-sm-2:nth-child(6n + 7) { clear: none; }
    .multi-columns-row .col-sm-1:nth-child(12n + 13) { clear: none; }

    /* clear first in row for medium columns */
    .multi-columns-row .col-md-6:nth-child(2n + 3) { clear: left; }
    .multi-columns-row .col-md-4:nth-child(3n + 4) { clear: left; }
    .multi-columns-row .col-md-3:nth-child(4n + 5) { clear: left; }
    .multi-columns-row .col-md-2:nth-child(6n + 7) { clear: left; }
    .multi-columns-row .col-md-1:nth-child(12n + 13) { clear: left; }
}
@media (min-width: 1200px) {
    /* reset previous grid */
    .multi-columns-row .col-md-6:nth-child(2n + 3) { clear: none; }
    .multi-columns-row .col-md-4:nth-child(3n + 4) { clear: none; }
    .multi-columns-row .col-md-3:nth-child(4n + 5) { clear: none; }
    .multi-columns-row .col-md-2:nth-child(6n + 7) { clear: none; }
    .multi-columns-row .col-md-1:nth-child(12n + 13) { clear: none; }

    /* clear first in row for large columns */
    .multi-columns-row .col-lg-6:nth-child(2n + 3) { clear: left; }
    .multi-columns-row .col-lg-4:nth-child(3n + 4) { clear: left; }
    .multi-columns-row .col-lg-3:nth-child(4n + 5) { clear: left; }
    .multi-columns-row .col-lg-2:nth-child(6n + 7) { clear: left; }
    .multi-columns-row .col-lg-1:nth-child(12n + 13) { clear: left; }
}
.menu-bar-mobile {
    position: fixed;
    height: 100%;
    width: 300px;
    background: #fff;
    z-index: 9999999;
    box-shadow: 1px 0px 1px #ccc;
    overflow-y: scroll;
    opacity: 0;
    margin-left: -305px;
    transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s; 
}
.menu-bar-mobile-show{
    margin-left: 0px;
    opacity: 1;
}
.logo-menu{
	float: left;
	width: 100%;
	background: #fff;
}
.logo-menu img{
	width: 80%;
	margin-bottom: 15px;
}
.menu-bar-lv-1{
	float: left;
	width: 100%;
	position: relative;
}
.menu-bar-lv-1 a {
    float: left;
    width: 100%;
    height: 40px;
    line-height: 30px;
    background: #fff;
    margin-bottom: 1px;
    padding: 5px 15px;
    font-size: 14px;
    border-top: 1px solid #ebebeb;
}
.menu-bar-lv-1 a:hover{
	box-shadow: 0px 0px 2px #443333;
}
.menu-bar-lv-1 span {
    position: absolute;
    right: 10px;
    top: 4px;
    width: 30px;
    height: 30px;
    font-size: 17px;
    text-align: center;
    padding-top: 9px;
    cursor: pointer;
    transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s; 
}
.menu-bar-lv-2, .menu-bar-lv-3{
	position: relative;
	float: left;
    width: 100%;
    display: none;
}
.menu-bar-lv-2 a {
    position: relative;
    float: left;
    width: 100%;
    padding: 5px 15px;
}
.menu-bar-lv-2 i:last-child{
	margin-right: 7px;
}
.menu-bar-lv-3 a {
    position: relative;
    float: left;
    width: 100%;
    padding: 5px 33px;
}
.rotate-menu{
	transform:rotate(180deg);
	top: 10px !important;
}
.menu-btn-show {
    position: relative;
    width: 28px;
    height: 27px;
    float: left;
    margin-right: 15px;
    cursor: pointer;
}
.menu-btn-show .border-style {
    width: 100%;
    height: 4px;
    background: #515151;
    float: left;
    margin-bottom: 5px;
}
.fixed-box .menu-btn-show .border-style{
	background: #707070;
}
.box-login-logout {
    float: left;
    width: 100%;
    position: relative;
    background: #f9f9f9;
}
.boder-rotate {
    position: absolute;
    left: 50%;
    height: 40px;
    width: 1px;
    background: #ebebeb;
    transform: rotate(30deg);
}
.box-login-logout i{
	margin-right: 6px;
}
.box-login-logout .left{
    float: left;
    width: 50%;
    height: 40px;
    line-height: 40px;
    padding-left: 15px;
    font-size: 15px;
    border-top: 1px solid #ebebeb;
}
@media screen and (min-width: 1200px) {
	.menu-btn-show{
		display: none;
	}
}

@media screen and (max-width: 1200px) {
	.menu-btn-show{
		display: block;
	}
    .main-menu ul{
        display: none;
    }
}
@media screen and (max-width: 360px) {
	.menu-bar-mobile{
		width: 250px;
	}
}
/*======================================================================
  Selectric
======================================================================*/
.selectricWrapper {
  position: relative;
  margin: 0 0 10px;
  width: 100%;
  height: 40px;
  cursor: pointer;
}

.selectricResponsive {
  width: 100%;
}

.selectric {
  border: 1px solid #DDD;
  background: #F8F8F8;
  position: relative;
  border-radius: 0px;
  height: 40px;
}
.selectric .label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    margin: 0 30px 0 0;
    padding: 6px;
    font-size: 14px;
    line-height: 27px;
    color: #444;
    min-height: 40px;
    font-weight: normal;
    float: left;
    padding-left: 37px;
}
.selectric .button {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 40px;
  color: #BBB;
  text-align: center;
  font: 0/0 a;
  /* IE Fix */
  *font: 20px/30px Lucida Sans Unicode, Arial Unicode MS, Arial;
}
.selectric .button:after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-top-color: #BBB;
  border-bottom: none;
}

.selectricHover .selectric {
  border-color: #CCC;
}
.selectricHover .selectric .button {
  color: #888;
}
.selectricHover .selectric .button:after {
  border-top-color: #888;
}

.selectricOpen {
  z-index: 9999;
}
.selectricOpen .selectric {
  border-color: #CCC;
  background: #F0F0F0;
}
.selectricOpen .selectricItems {
  display: block;
}

.selectricDisabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.selectricHideSelect {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0;
}
.selectricHideSelect select {
  position: absolute;
  left: -100%;
  display: none;
}

.selectricInput {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  outline: none !important;
  border: none !important;
  *font: 0/0 a !important;
  background: none !important;
}

.selectricTempShow {
  position: absolute !important;
  visibility: hidden !important;
  display: block !important;
}

/* Items box */
.selectricItems {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #F9F9F9;
  border: 1px solid #CCC;
  z-index: -1;
  box-shadow: 0 0 10px -6px;
}
.selectricItems .selectricScroll {
  height: 100%;
  overflow: auto;
}
.selectricAbove .selectricItems {
  top: auto;
  bottom: 100%;
}
.selectricItems ul, .selectricItems li {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 12px;
  line-height: 20px;
  min-height: 20px;
}
.selectricItems li {
  display: block;
  padding: 10px;
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #EEE;
  color: #666;
  cursor: pointer;
}
.selectricItems li.selected {
  background: #EFEFEF;
  color: #444;
  border-top-color: #E0E0E0;
}
.selectricItems li:hover {
  background: #F0F0F0;
  color: #444;
}
.selectricItems li.disabled {
  background: #F5F5F5;
  color: #BBB;
  border-top-color: #FAFAFA;
  cursor: default;
}

div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}
div.pp_default .pp_top .pp_left{background:url(/themes/w3ni272/assets/images/prettyPhoto/default/sprite.png) -78px -93px no-repeat}
div.pp_default .pp_top .pp_middle{background:url(/themes/w3ni272/assets/images/prettyPhoto/default/sprite_x.png) top left repeat-x}
div.pp_default .pp_top .pp_right{background:url(/themes/w3ni272/assets/images/prettyPhoto/default/sprite.png) -112px -93px no-repeat}
div.pp_default .pp_content .ppt{color:#f8f8f8}
div.pp_default .pp_content_container .pp_left{background:url(/themes/w3ni272/assets/images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px}
div.pp_default .pp_content_container .pp_right{background:url(/themes/w3ni272/assets/images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px}
div.pp_default .pp_next:hover{background:url(/themes/w3ni272/assets/images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer}
div.pp_default .pp_previous:hover{background:url(/themes/w3ni272/assets/images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer}
div.pp_default .pp_expand{background:url(/themes/w3ni272/assets/images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_expand:hover{background:url(/themes/w3ni272/assets/images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer}
div.pp_default .pp_contract{background:url(/themes/w3ni272/assets/images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_contract:hover{background:url(/themes/w3ni272/assets/images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer}
div.pp_default .pp_close{width:30px;height:30px;background:url(/themes/w3ni272/assets/images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer}
div.pp_default .pp_gallery ul li a{background:url(/themes/w3ni272/assets/images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}
div.pp_default .pp_social{margin-top:7px}
div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto}
div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(/themes/w3ni272/assets/images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px}
div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}
div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(/themes/w3ni272/assets/images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0}
div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px}
div.pp_default .pp_content_container .pp_details{margin-top:5px}
div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative}
div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px}
div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}
div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}
div.pp_default .pp_bottom .pp_left{background:url(/themes/w3ni272/assets/images/prettyPhoto/default/sprite.png) -78px -127px no-repeat}
div.pp_default .pp_bottom .pp_middle{background:url(/themes/w3ni272/assets/images/prettyPhoto/default/sprite_x.png) bottom left repeat-x}
div.pp_default .pp_bottom .pp_right{background:url(/themes/w3ni272/assets/images/prettyPhoto/default/sprite.png) -112px -127px no-repeat}
div.pp_default .pp_loaderIcon{background:url(/themes/w3ni272/assets/images/prettyPhoto/default/loader.gif) center center no-repeat}
div.light_rounded .pp_top .pp_left{background:url(/themes/w3ni272/assets/images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat}
div.light_rounded .pp_top .pp_right{background:url(/themes/w3ni272/assets/images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat}
div.light_rounded .pp_next:hover{background:url(/themes/w3ni272/assets/images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.light_rounded .pp_previous:hover{background:url(/themes/w3ni272/assets/images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_rounded .pp_expand{background:url(/themes/w3ni272/assets/images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_rounded .pp_expand:hover{background:url(/themes/w3ni272/assets/images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_rounded .pp_contract{background:url(/themes/w3ni272/assets/images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_rounded .pp_contract:hover{background:url(/themes/w3ni272/assets/images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_rounded .pp_close{width:75px;height:22px;background:url(/themes/w3ni272/assets/images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.light_rounded .pp_nav .pp_play{background:url(/themes/w3ni272/assets/images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_nav .pp_pause{background:url(/themes/w3ni272/assets/images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_arrow_previous{background:url(/themes/w3ni272/assets/images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat}
div.light_rounded .pp_arrow_next{background:url(/themes/w3ni272/assets/images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat}
div.light_rounded .pp_bottom .pp_left{background:url(/themes/w3ni272/assets/images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat}
div.light_rounded .pp_bottom .pp_right{background:url(/themes/w3ni272/assets/images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_top .pp_left{background:url(/themes/w3ni272/assets/images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat}
div.dark_rounded .pp_top .pp_right{background:url(/themes/w3ni272/assets/images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat}
div.dark_rounded .pp_content_container .pp_left{background:url(/themes/w3ni272/assets/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y}
div.dark_rounded .pp_content_container .pp_right{background:url(/themes/w3ni272/assets/images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y}
div.dark_rounded .pp_next:hover{background:url(/themes/w3ni272/assets/images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_rounded .pp_previous:hover{background:url(/themes/w3ni272/assets/images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.dark_rounded .pp_expand{background:url(/themes/w3ni272/assets/images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_expand:hover{background:url(/themes/w3ni272/assets/images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract{background:url(/themes/w3ni272/assets/images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract:hover{background:url(/themes/w3ni272/assets/images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_close{width:75px;height:22px;background:url(/themes/w3ni272/assets/images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.dark_rounded .pp_description{margin-right:85px;color:#fff}
div.dark_rounded .pp_nav .pp_play{background:url(/themes/w3ni272/assets/images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_nav .pp_pause{background:url(/themes/w3ni272/assets/images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_arrow_previous{background:url(/themes/w3ni272/assets/images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat}
div.dark_rounded .pp_arrow_next{background:url(/themes/w3ni272/assets/images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat}
div.dark_rounded .pp_bottom .pp_left{background:url(/themes/w3ni272/assets/images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat}
div.dark_rounded .pp_bottom .pp_right{background:url(/themes/w3ni272/assets/images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_loaderIcon{background:url(/themes/w3ni272/assets/images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat}
div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000}
div.dark_square .pp_description{color:#fff;margin:0 85px 0 0}
div.dark_square .pp_loaderIcon{background:url(/themes/w3ni272/assets/images/prettyPhoto/dark_square/loader.gif) center center no-repeat}
div.dark_square .pp_expand{background:url(/themes/w3ni272/assets/images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_square .pp_expand:hover{background:url(/themes/w3ni272/assets/images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_square .pp_contract{background:url(/themes/w3ni272/assets/images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_square .pp_contract:hover{background:url(/themes/w3ni272/assets/images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_square .pp_close{width:75px;height:22px;background:url(/themes/w3ni272/assets/images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.dark_square .pp_nav{clear:none}
div.dark_square .pp_nav .pp_play{background:url(/themes/w3ni272/assets/images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_nav .pp_pause{background:url(/themes/w3ni272/assets/images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_arrow_previous{background:url(/themes/w3ni272/assets/images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat}
div.dark_square .pp_arrow_next{background:url(/themes/w3ni272/assets/images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat}
div.dark_square .pp_next:hover{background:url(/themes/w3ni272/assets/images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_square .pp_previous:hover{background:url(/themes/w3ni272/assets/images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_square .pp_expand{background:url(/themes/w3ni272/assets/images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_square .pp_expand:hover{background:url(/themes/w3ni272/assets/images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_square .pp_contract{background:url(/themes/w3ni272/assets/images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_square .pp_contract:hover{background:url(/themes/w3ni272/assets/images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_square .pp_close{width:75px;height:22px;background:url(/themes/w3ni272/assets/images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.light_square .pp_nav .pp_play{background:url(/themes/w3ni272/assets/images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_nav .pp_pause{background:url(/themes/w3ni272/assets/images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_arrow_previous{background:url(/themes/w3ni272/assets/images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat}
div.light_square .pp_arrow_next{background:url(/themes/w3ni272/assets/images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat}
div.light_square .pp_next:hover{background:url(/themes/w3ni272/assets/images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer}
div.light_square .pp_previous:hover{background:url(/themes/w3ni272/assets/images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_top .pp_left{background:url(/themes/w3ni272/assets/images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat}
div.facebook .pp_top .pp_middle{background:url(/themes/w3ni272/assets/images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x}
div.facebook .pp_top .pp_right{background:url(/themes/w3ni272/assets/images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat}
div.facebook .pp_content_container .pp_left{background:url(/themes/w3ni272/assets/images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y}
div.facebook .pp_content_container .pp_right{background:url(/themes/w3ni272/assets/images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y}
div.facebook .pp_expand{background:url(/themes/w3ni272/assets/images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.facebook .pp_expand:hover{background:url(/themes/w3ni272/assets/images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.facebook .pp_contract{background:url(/themes/w3ni272/assets/images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.facebook .pp_contract:hover{background:url(/themes/w3ni272/assets/images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.facebook .pp_close{width:22px;height:22px;background:url(/themes/w3ni272/assets/images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.facebook .pp_description{margin:0 37px 0 0}
div.facebook .pp_loaderIcon{background:url(/themes/w3ni272/assets/images/prettyPhoto/facebook/loader.gif) center center no-repeat}
div.facebook .pp_arrow_previous{background:url(/themes/w3ni272/assets/images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}
div.facebook .pp_arrow_next{background:url(/themes/w3ni272/assets/images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}
div.facebook .pp_nav{margin-top:0}
div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px}
div.facebook .pp_nav .pp_play{background:url(/themes/w3ni272/assets/images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_nav .pp_pause{background:url(/themes/w3ni272/assets/images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_next:hover{background:url(/themes/w3ni272/assets/images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer}
div.facebook .pp_previous:hover{background:url(/themes/w3ni272/assets/images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_bottom .pp_left{background:url(/themes/w3ni272/assets/images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat}
div.facebook .pp_bottom .pp_middle{background:url(/themes/w3ni272/assets/images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x}
div.facebook .pp_bottom .pp_right{background:url(/themes/w3ni272/assets/images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat}
div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
.pp_content{height:40px;min-width:40px}
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-align:left;width:100%}
.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{float:left;margin:10px 0 2px}
.pp_description{display:none;margin:0}
.pp_social{float:left;margin:0}
.pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden}
.pp_social .twitter{float:left}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;white-space:nowrap;margin:2px 4px}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
.pp_gallery div{float:left;overflow:hidden;position:relative}
.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}
.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
.pp_gallery ul a img{border:0}
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
.pp_gallery li.default a{background:url(/themes/w3ni272/assets/images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
a.pp_next{background:url(/themes/w3ni272/assets/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}
a.pp_previous{background:url(/themes/w3ni272/assets/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px}
.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}
#pp_full_res{line-height:1!important}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px}
div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px}
div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}
div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}
div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}
div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff}
div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px}
div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}
div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}
div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}
div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(/themes/w3ni272/assets/images/prettyPhoto/light_rounded/loader.gif) center center no-repeat}
div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(/themes/w3ni272/assets/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}
div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}
div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}
.pp_top,.pp_bottom{height:20px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,.pp_gallery li.default a img{display:none}
/* Header module */

.bg_grey {
    background-color: #f5f5f5;
}

.nails_logo {
    height: 100px;
    line-height: 100px;
}

.heaader_top_v1 {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #dedede;
    padding-top: 10px;
    padding-bottom: 5px;
}

.heaader_top_v1 ul li {
    display: inline-block;
}

.heaader_top_v1 ul li a {
    color: #ffb795;
}

.heaader_top_v1 ul li+li {
    margin-left: 15px;
}

.heaader_top_v1 li.registry_ver_1 a {
    text-decoration: none;
}

.header_wrap.scroll_header {
    animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
    background: #603913;
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.4);
    left: 0;
    margin: 0 auto;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999;
}

.heaader_top_v1 ul {
    margin-bottom: 0;
}

.heaader_top_v1 li.registry_ver_1 span.count {
    margin-left: 5px;
    background: #603913 none repeat scroll 0 0;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #fff;
    position: relative;
}

.heaader_top_v1 li.registry_ver_1 .dropdown_menu_pos {
    left: auto;
    right: auto;
}

.heaader_top_v1 li.registry_ver_1 .dropdown_menu_pos.dropdown-menu.with_arrow::before {
    left: auto;
    right: 110px;
    margin: -7px 25px 0 0;
}

.heaader_top_v1 li.registry_ver_1 .dropdown-menu.with_arrow::before {
    border-bottom: 7px solid #fff;
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
}

.heaader_top_v1 li.registry_ver_1 span.count::after {
    right: 99%;
    top: 51%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 194, 103, 0);
    border-right-color: #603913;
    border-width: 8px;
    margin-top: -7.8px;
}

.heaader_top_v1 li.registry_ver_1 .img_user {
    width: 32px;
    height: 32px;
}

.heaader_top_v1 li.registry_ver_1 .dropdown>.dropdown-menu {
    margin-top: 15px;
    border-radius: 0;
    box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.15);
    margin: 1px 0 0 0;
    padding: 0;
    border: 1px solid #e9e9e9;
}

.heaader_top_v1 li.registry_ver_1 ul.head_list li {
    display: block;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.heaader_top_v1 li.registry_ver_1 ul.head_list li i {
    margin-right: 5px;
}

.heaader_top_v1 li.registry_ver_1 ul.head_list li+li {
    margin-left: 0;
}

.main_nav_v1 ul li a {
    color: #3e3e3e;
}

.main_menu_v1 {
    display: flex;
    justify-content: flex-end;
}

.main_menu_v1 li.drop {
    position: relative;
}

.main_menu_v1 li+li {
    margin-left: 36px;
}

.main_menu_v1>li>a {
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    height: 104px;
    line-height: 104px;
    text-transform: uppercase;
}

.main_menu_v1 li.drop {
    position: relative;
}

.main_menu_v1 li.drop ul.dropdown {
    background: #ffffff none repeat scroll 0 0;
    box-shadow: 0 0 0px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.1);
    left: 0;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    transition: all 0.2s ease-in-out 0s;
    visibility: hidden;
    width: 200px;
    z-index: 999;
    top: 120%
}

.main_menu_v1 li.drop:hover ul.dropdown {
    opacity: 1;
    visibility: visible;
    top: 90%;
}

.main_menu_v1 ul.dropdown li {
    border-bottom: 1px solid #f4f4f4;
    display: block;
}

.main_menu_v1 ul.dropdown li a {
    background: #ffffff none repeat scroll 0 0;
    color: #999999;
    display: block;
    font-size: 14px;
    font-weight: 400;
    padding: 6px 20px 6px 25px;
    text-align: left;
    text-decoration: none;
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
}

.main_menu_v1 li.drop ul.dropdown:before {
    content: "";
    position: absolute;
    border: 10px solid transparent;
    border-bottom-color: #fff;
    top: -20px;
    left: 10px;
}

.main_menu_v1 .dropdown>li {
    margin: 0;
}

.main_menu_v1 li.drop ul.dropdown li:hover>a {
    background: #fafafa none repeat scroll 0 0;
    color: #222222;
}

.mobile_menu_container_v1 {
    position: relative;
}

.mobile_logo {
    align-items: center;
    display: flex;
    height: 52px;
    left: 0;
    /*padding-left: 15px;*/
    position: absolute;
    top: 0;
    z-index: 9999999;
}
.mobile_logo img{
    max-height: 52px;
}
/*About Homepage module*/

.ptb_90 {
    padding-bottom: 90px;
    padding-top: 90px;
}

.about_thumb_v1 {
    display: flex;
}

.about_thumb_v1 .thumb_img {
    padding-left: 25px;
    padding-top: 20px;
    position: relative;
    width: 100%;
}


/*.about_thumb_v1 .thumb_img::before {
    background: #603913 none repeat scroll 0 0;
    content: "";
    height: calc(100% - 80px);
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}*/

.about_thumb_v1 .thumb_text {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    position: relative;
    text-align: center;
    width: 80px;
}

.about_thumb_v1 .thumb_text::before {
    background: #603913 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: calc(100% - 20px);
    left: 0;
    position: absolute;
    width: 100%;
    z-index: -1;
}

.about_text_home_v1 {
    width: 80px;
    writing-mode: sideways-lr;
}

.about_text_home_v1 h3 {
    font-size: 30px;
    line-height: 80px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
}

.about_box_right {
    box-shadow: 0 15px 25px rgba(0, 0, 0, 0.05), 0 10px 10px rgba(0, 0, 0, 0.05);
    padding: 40px 58px 70px;
}

.about_box_right h2 {
    text-align: center;
    font-size: 30px;
    color: #252525;
    line-height: 33px;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-variant-ligatures: common-ligatures;
}

.about_box_right p{
    font-size: 16px;
    margin-bottom: 43px;
    margin-top: 6px;
    color: #603913;
    text-align: center;
}

.about_box_right .about_details_home {
    padding-bottom: 38px;
}
/*
.about_box_right div > p:nth-child(n)
{
    font-size: 14px !important;
    text-align: left !important;
    color: #333 !important;
    margin-bottom: 15px !important;
}

.about_box_right div > p + p {
    margin-top: 22px;
}

.about_box_right div:last-child{
    margin-top: 5px;
    text-align: center;
}
*/
.about_box_right .about_details_home p {
    font-size: 14px;
    text-align: left;
    color: #333;
    margin-bottom: 15px;
}

.about_box_right .about_details_home p+p {
    margin-top: 22px;
}

.about_box_right .sign_writter {
    margin-top: 5px;
    text-align: center;
}

/* Service module*/

.our_service_title {
    margin-bottom: 90px;
}

.our_service_title h2.section_title,
.coupon_title h2.section_title,
.gallery_title h2.section_title,
.appoinment_title h2.section_title,
.news_trend_v1 h2.section_title,
.about_us_v1 h2,
.services_table h2.section_title,
.booking_services_v1 h2.section_title,
.booking_staff_title h2.section_title {
    color: #252525;
    font-size: 30px;
    line-height: 33px;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-variant-ligatures: common-ligatures;
    margin-top: 5px;
    margin-bottom: 0;
}

.our_service_title p.section_details,
.coupon_title p.coupon_deatails,
.gallery_title p.section_details,
.news_trend_v1 p.news_details {
    color: #252525;
    text-align: center;
}

.single_service_area {
    padding: 32px 44px;
    transition: all 0.3s ease 0s;
    background: #fff none repeat scroll 0 0;
    text-align: center;
}

.single_service_area:hover {
    box-shadow: 0 15px 25px rgba(0, 0, 0, 0.05), 0 10px 10px rgba(0, 0, 0, 0.05);
}

.single_service_area .thumb_img {
    width: 150px;
    margin: 0 auto;
    height: auto;
}

.single_service_area .thumb_img img {
    margin-top: -100px;
    margin-bottom: 11px;
    border: 8px solid rgba(0, 0, 0, 0.04);
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.single_service_area .service_tit {
    color: #333333;
    font-size: 20px;
    font-weight: 600;
    line-height: 33px;
    font-family: 'Lato', sans-serif;
    font-variant-ligatures: common-ligatures;
    margin-top: 0;
    margin-bottom: 0;
}

.single_service_area .btn_book_service {
    margin: 0 auto;
}

.single_service_area .btn_book_service a {
    position: absolute;
    bottom: 0;
    left: 0;
}

.single_service_area .btn_book_service a {
    background-color: #603913;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    padding: 10px 15px;
    border-radius: 20px;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-variant-ligatures: common-ligatures;
    text-decoration: none;
    margin-bottom: -15px;
    margin-left: 30%;
}

.single_service_area .btn_book_service a:hover {
    color: #fff !important;
}

.services_item_v1 .price_service_v1 {
    color: #603913;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    font-variant-ligatures: common-ligatures;
    font-size: 18px;
    margin-left: 5px;
}


/* Open Hours module*/

.cbox_open_hour_v1 {
    box-shadow: 0 15px 25px rgba(0, 0, 0, 0.05), 0 10px 10px rgba(0, 0, 0, 0.05);
    padding: 90px 58px 70px;
}

.cbox_open_hour_v1 h2.section_title {
    color: #252525;
    font-size: 30px;
    line-height: 33px;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-variant-ligatures: common-ligatures;
    margin-top: 0;
    margin-bottom: 0;
}

.cbox_open_hour_v1 .list_days {
    margin-top: 30px;
}

.cbox_open_hour_v1 .list_days li {
    font-size: 16px;
    font-family: 'Lato', sans-serif;
    color: #252525;
    font-weight: 400;
    font-variant-ligatures: common-ligatures;
}

.cbox_open_hour_v1 .list_days li+li {
    margin-top: 20px;
}

.cbox_open_hour_v1 .list_days li span {
    margin-left: 10px;
    float: right;
}

.open_hour_thumb {
    width: 150px;
    margin: 0 auto;
    height: auto;
}

.open_hour_thumb img {
    margin-top: -150px;
    margin-bottom: 11px;
    border: 8px solid rgba(0, 0, 0, 0.04);
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.button_slide_book {
    opacity: 1;
    transform: translateX(0%);
    transition: all 1s ease-in-out 1.4s;
}

.button_slide_book .btn_book_open {
    padding: 0 22px;
    height: 45px;
    line-height: 45px;
    background: #603913 none repeat scroll 0 0;
    text-decoration: none;
    color: #fff !important;
}

.box_right_open_hour h2.section_title {
    margin-bottom: 20px;
}


/*Coupon Page module*/

.coupon_page_v1 {
    padding-top: 45px;
    padding-bottom: 45px;
}

.coupon_img_v1 {
    overflow: hidden;
    position: relative;
    margin-bottom: 30px;
    border: 3px solid #fff;
}

.coupon_img_v1 .img_size {
    width: 100%;
}

.coupon_img_v1 img {
    webkit-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.coupon_img_v1:hover img {
    -webkit-transform: scale(1.2) rotate(5deg);
    -ms-transform: scale(1.2) rotate(5deg);
    -o-transform: scale(1.2) rotate(5deg);
    transform: scale(1.2) rotate(5deg);
}

.content_coupon {
    position: absolute;
    top: 15%;
    right: 10%;
}

.content_coupon h3 {
    font-size: 2rem;
    font-family: 'Lato', sans-serif;
    color: #252525;
    font-weight: 400;
    font-variant-ligatures: common-ligatures;
    text-transform: uppercase;
    letter-spacing: 4px;
}

.content_coupon .coupon_deal_v1 {
    font-size: 20px;
    letter-spacing: 5px;
    text-transform: capitalize;
    font-family: 'Lato', sans-serif;
    color: #252525;
    font-weight: 400;
    font-variant-ligatures: common-ligatures;
}

.coupon_code_v1 {
    margin-top: 15px;
}

.mgb-50 {
    margin-bottom: 50px;
}

/* fix */
/*
.filter-menu button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    color: #666;
    font-weight: 500;
    letter-spacing: 2px;
    margin: 0 2px;
    padding: 6px 15px;
    position: relative;
    text-transform: uppercase;
    outline: none;
    font-family: 'Lato', sans-serif;
    font-variant-ligatures: common-ligatures;
}

.filter-menu button::before {
    background: #603913 none repeat scroll 0 0;
    content: "";
    height: 15px;
    position: absolute;
    right: -2px;
    top: 10px;
    transform: rotate(45deg);
    width: 1px;
}

.filter-menu button:last-child:before {
    display: none
}

.filter-menu button::after {
    background: #f8c12c none repeat scroll 0 0;
    bottom: -2px;
    content: "";
    height: 4px;
    left: 0;
    margin: auto;
    opacity: 0;
    position: absolute;
    right: 0;
    transition: all 0.3s ease 0s;
    width: 4px;
}

.filter-menu button.active:after,
.filter-menu button:hover:after {
    opacity: 1
}

.row-portfolio {
    margin: 0 -10px
}

.row-portfolio .portfolio-item {
    padding: 0 10px;
}

.portfolio-wrapper {
    position: relative;
}

.portfolio-item {
    width: 33.33%;
    float: left;
    margin-bottom: 20px;
}

.portfolio-thumb img {
    width: 100%;
}

.portfolio-thumb {
    position: relative;
}

.portfolio-thumb::before {
    background: #fff none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.3s ease 0s;
    width: 100%;
}

.portfolio-wrapper:hover .portfolio-thumb::before {
    opacity: .8
}

.view-icon {
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    opacity: 0;
    visibility: hidden;
    z-index: 9;
    transition: .3s;
    transform: scale(1.3);
    margin-top: -20px;
}

.portfolio-wrapper:hover .view-icon {
    opacity: 1;
    visibility: visible;
    transform: scale(1)
}

.view-icon>a {
    background: #603913 none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    height: 40px;
    line-height: 41px;
    width: 40px;
}

.view-icon>a:hover {
    background: #f8c12c;
}

.view_more .btn_view_more {
    background-color: #603913;
    text-decoration: none;
    color: #fff !important;
    font-family: 'Lato', sans-serif;
    font-variant-ligatures: common-ligatures;
}

.portfolio-caption {
    padding: 15px;
}

.portfolio-caption>h4 {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 1px;
    margin-bottom: 0;
    padding-bottom: 9px;
    position: relative;
}

.portfolio-caption>h4>a {
    font-family: 'Lato', sans-serif;
    color: #252525;
    font-weight: 400;
    font-variant-ligatures: common-ligatures;
    text-decoration: none;
    text-transform: uppercase;
}

.work-tag>a {
    color: #555;
    font-size: 13px;
    letter-spacing: 1px;
}

.caption-border {
    border: 1px solid #f6f6f6;
}

.portfolio-caption {
    left: 0;
    opacity: 0;
    padding: 15px;
    position: absolute;
    right: 0;
    top: 10px;
    transition: all 0.3s ease 0s;
    visibility: hidden;
}

.portfolio-wrapper:hover .portfolio-caption {
    opacity: 1;
    visibility: visible;
    top: 0
}

.call-to-action>h3 {
    font-weight: 500;
    letter-spacing: 1.5px;
}

.call-to-action>p {
    margin: 0;
}

.call-to-action a {
    margin-top: 12px;
}

.row-portfolio.m-0 {
    margin: 0;
}

#related-active .portfolio-item {
    width: 100%;
    padding: 0 10px;
    margin-bottom: 0;
}

.basic-separator {
    border-top: 1px solid #ddd
}

.portfolio-full-img img {
    width: 100%;
}

.project-details li {
    padding: 0 0 10px;
    letter-spacing: 3px;
    text-transform: uppercase;
}

*/
/*end fix gallery home*/

.port-filter-nav {
    display: flex;
    justify-content: center;
    margin-top: 24px;
}

.port-filter-nav li {
    cursor: pointer;
    font-size: 24px;
    font-weight: 400;
    line-height: 24px;
    text-transform: capitalize;
    transition: 0.3s;
    font-family: 'Lato', sans-serif;
    font-variant-ligatures: common-ligatures;
}

.port-filter-nav li+li {
    margin-left: 22px;
    padding-left: 25px;
}

.port-filter-nav li.is-checked {
    color: #603913;
}
.pro-item {
    margin-bottom: 30px;
}
/*
.pro-item:nth-child(-n+3) {
    margin-bottom: 30px;
}
*/
.our-portfolio,
.blog-front {
    position: relative;
}

.our-hover-information,
.blog-hover-info {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.our-hover-information::before,
.blog-hover-info::before {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    opacity: 0;
    position: absolute;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 100%;
    z-index: -1;
}

.our-portfolio:hover .our-hover-information::before,
.single-blog-wrap:hover .blog-hover-info::before {
    opacity: 0.5;
    visibility: visible;
}

.our-hover-action,
.blog-hover-action {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.our-hover-action a,
.blog-hover-action a {
    border: 1px solid #603913;
    border-radius: 100%;
    display: block;
    height: 50px;
    line-height: 55px;
    opacity: 0;
    text-align: center;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 50px;
}

.our-hover-action a i,
.blog-hover-action a i {
    color: #603913;
    font-size: 24px;
    line-height: 20px;
}

.our-portfolio:hover .our-hover-action a,
.single-blog-wrap:hover .blog-hover-action a {
    opacity: 1;
    visibility: visible;
}

.our-hover-action a:hover,
.blog-hover-action a:hover {
    background: #603913 none repeat scroll 0 0;
    border: 1px solid #603913;
}

.our-hover-action a:hover i,
.blog-hover-action a:hover i {
    color: #fff !important;
}

.our-port-filter-nav.our-port-filter-nav-2 {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

.our-port-thumb img {
    width: 100%;
}

.mgt_50 {
    margin-top: 50px;
}

.mt_40 {
    margin-top: 40px;
}

.appoinment_form .input-box {
    display: flex;
}

.appoinment_form .input-box>input {
    background: #fff none repeat scroll 0 0;
    border: 1px solid transparent;
    color: #909090;
    height: 45px;
    line-height: 45px;
    padding-left: 20px;
    width: 50%;
    font-size: 14px;
    font-family: Lato;
    font-weight: 400;
}

.appoinment_form form select {
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    background-color: #fff;
    background-image: url("/themes/w3ni272/assets/assets/img/select-option.png");
    background-position: right center;
    background-repeat: no-repeat;
}

.appoinment_form form select option {
    padding-left: 20px;
}

.appoinment_form .input-box select {
    border: 1px solid transparent;
    color: #909090;
    font-family: Lato;
    font-size: 14px;
    font-weight: 400;
    height: 45px;
    margin-left: 30px;
    padding-left: 20px;
    width: 50%;
    line-height: 45px;
}

.appoinment_form .input-box>input+input {
    margin-left: 30px;
}

.appoinment_form .input-box+.input-box {
    /*margin-top: 30px;*/
}

.appoinment_inner {
    margin-top: 40px;
}

.book_appoin_btn {
    margin-top: 18px;
    margin-top: 18px;
}

.book_appoin_btn a {
    text-decoration: none;
}


/*News Trend module*/

.box_news_details ul li,
.news_trend_details ul li {
    display: inline-block;
}

.box_news_details ul li a {
    text-transform: uppercase;
    font-size: 15px;
    font-family: 'Lato', sans-serif;
    font-variant-ligatures: common-ligatures;
    color: #333;
    text-decoration: none;
}

.news_trend_details ul li a {
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'Lato', sans-serif;
    font-variant-ligatures: common-ligatures;
    color: #333;
    text-decoration: none;
}

.box_news_details ul li a.border_right_post,
.box_news_details ul li a i,
.news_trend_details ul li a.border_right_post,
.news_trend_details ul li a i {
    color: #bf9456;
}

.box_news_details ul li a i {
    padding-right: 5px;
    font-size: 15px;
}

.box_news_details ul li+li,
.news_trend_details ul li+li {
    margin-left: 5px;
}

.box_news_details ul li:hover a,
.news_trend_details ul li:hover a {
    color: #603913;
}

.box_news_details ul,
.news_trend_details ul {
    padding-bottom: 23px;
}

.box_news_details ul,
.news_trend_details ul {
    border-color: -moz-use-text-color;
    border-style: none none dashed;
    border-width: 0 0 1px;
    border-color: #dedede;
    margin-bottom: 17px;
    margin-top: 17px;
}

.box_news_details ul li a {
    color: #777777;
    font-size: 12px;
}

.news_trend_details h5 {
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    font-variant-ligatures: common-ligatures;
    font-weight: 400;
}

.news_trend_details h5 a {
    text-decoration: none;
}

.news_trend_details ul li a i {
    font-size: 13px;
    padding-right: 5px;
}

.news_trend_details ul li a {
    color: #777777;
    font-size: 12px;
    text-transform: uppercase;
}

.box_news_details .border_right_post,
.news_trend_details .border_right_post {
    position: relative;
}

.box_news_details .border_right_post::after {
    border: 1px solid #603913;
    content: "";
    height: 10px;
    position: absolute;
    right: -5px;
    top: 1px;
}

.box_news_details ul li a,
.news_trend_details ul li a {
    padding-right: 10px;
}

.news_trend_details ul li {
    margin-top: 20px;
}

.news_hover_action a {
    border: 1px solid transparent;
    display: block;
    height: auto;
    line-height: 0;
    width: auto;
}

.news_trend_details .border_right_post::after {
    border: 1px solid #603913;
    content: "";
    height: 10px;
    position: absolute;
    right: -7px;
    top: 2px;
}

.news_trend_details .read_more {
    font-size: 12px;
    display: block;
    padding-bottom: 23px;
}

.news_trend_details .read_more {
    text-decoration: none;
    color: #777777;
    font-family: 'Lato', sans-serif;
    font-variant-ligatures: common-ligatures;
    font-weight: 400;
}

.news_trend_details a.read_more:hover {
    color: #603913;
}

.news_hover_action>a i {
    font-size: 70px;
}

.news_hover_action a:hover {
    background: transparent;
    border: 1px solid transparent;
    color: #603913;
}

.news_trend_title a {
    display: block;
    font-size: 13px;
    margin-bottom: 12px;
    text-transform: uppercase;
}

.news_trend_thumb img {
    width: 100%;
    height: 228px;
}

.news_post_date {
    display: flex;
    justify-content: space-between;
}

.news_post_date li {
    color: #909090;
    font-family: Lato;
    font-size: 14px;
    font-weight: 400;
}

.news_post_date li i {
    color: #909090;
    margin-right: 6px;
}

.news_post_date li span {
    color: #909090;
}

.news_trend_details {
    border: 1px solid #dfdfdf;
    padding: 27px 20px 10px;
    background-color: #f7f7f7;
}

.news_front {
    position: relative;
}

.news_hover_info {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.news_hover_info::before {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    opacity: 0;
    position: absolute;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 100%;
    z-index: -1;
}

.single_news_trend:hover .news_hover_info::before {
    opacity: 0.5;
    visibility: visible;
}

.news_hover_action {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.news_hover_action a {
    border: 1px solid #603913;
    border-radius: 100%;
    display: block;
    height: 50px;
    line-height: 55px;
    opacity: 0;
    text-align: center;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 50px;
}

.news_hover_action a i {
    color: #603913;
    font-size: 24px;
    line-height: 20px;
}

.single_news_trend:hover .news_hover_action a {
    opacity: 1;
    visibility: visible;
}

.news_hover_action a:hover {
    background: #603913 none repeat scroll 0 0;
    border: 1px solid #603913;
}

.news_hover_action a:hover i {
    color: #fff !important;
}

.newsletter_area_v1 {
    position: relative;
    bottom: -60px;
}

.newsletter_v1_inner {
    margin: 0 15px;
    background-color: #603913 !important;
}

.newsletter_v1_inner .newsletter_tile {
    font-size: 23px;
    font-weight: 700;
    height: 120px;
    line-height: 120px;
    text-transform: uppercase;
    color: #fff;
    font-family: 'Lato', sans-serif;
    font-variant-ligatures: common-ligatures;
    margin-top: 0;
    margin-bottom: 0;
}

.nws_input_box {
    height: 120px;
    line-height: 120px;
}

.nws_input_box input {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: transparent none repeat scroll 0 0;
    border-color: transparent transparent #fff;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #eeeeee;
    font-family: Lato;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    padding-bottom: 1px;
    padding-left: 10px;
    width: 100%;
    outline: none;
}

.newsletter_v1_inner .sing_up_btn {
    align-items: center;
    display: flex;
    height: 120px;
    justify-content: flex-end;
}

.newsletter_v1_inner .sing_up_btn button {
    border: none;
    outline: none;
}


/*Footer module*/

.footer_top_v1 {
    padding-top: 130px;
    background-color: #131313;
    padding-bottom: 80px;
}

.single_footer_widget p {
    color: #fff;
}

.footer_logo_v1 {
    margin-bottom: 14px;
}

.single_footer_widget .social_icon {
    display: flex;
    margin-top: 44px;
}

.single_footer_widget .social_icon li a {
    border: 1px solid #a4a4a4;
    border-radius: 100%;
    display: block;
    height: 30px;
    line-height: 27px;
    text-align: center;
    transition: all 0.3s ease 0s;
    width: 30px;
    color: #fff;
    float: left;
}

.single_footer_widget .social_icon li.social-icons {
    width: 100%;
}
.single_footer_widget .social_icon li.social-icons a {
    margin-right: 14px;
    margin-bottom: 10px;: 
}

.single_footer_widget .social_icon li+li {
    margin-left: 14px;
}

.single_footer_widget h5 {
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    font-variant-ligatures: common-ligatures;
    margin-top: 0;
    margin-bottom: 0;
}

.single_footer_widget ul {
    margin-top: 43px;
}

.single_footer_widget ul li {
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    font-family: 'Open Sans', sans-serif;
}

.single_footer_widget p.line_top {
    margin-top: 40px;
}

.footer_address_area_v1 {
    margin-top: 45px;
}

.single_address_v1 {
    color: #fff;
    display: flex;
}

.single_address_v1 .footer_icon_v1 {
    margin-top: 5px;
}

.single_address_v1 .footer_icon_v1 a {
    border: 1px solid #f6f6f6;
    border-radius: 50%;
    color: #603913;
    height: 30px;
    line-height: 28px;
    margin-right: 14px;
    text-align: center;
    transition: all 0.3s ease 0s;
    width: 30px;
    display: block;
}

.footer_address_v1 p {
    color: #fff;
    font-family: 'Open Sans', sans-serif;
}

.single_footer_widget .box_fanpage_fb {
    margin-top: 45px;
}


/*Services module*/

.breadcrumbs_area {
    padding-top: 100px;
    padding-bottom: 100px;
}

h2.page_title {
    color: #fff;
    font-size: 40px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-variant-ligatures: common-ligatures;
    margin-top: 0;
}

.breadcrumbs>ul li {
    color: #fff;
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
}

.breadcrumbs>ul li a {
    color: #f8c12c;
    padding-right: 17px;
    position: relative;
    text-decoration: none;
}

.breadcrumbs ul li a::after {
    background-color: #5b5b5b;
    content: "";
    font-size: 8px;
    height: 15px;
    margin-left: 11px;
    position: absolute;
    right: 5px;
    top: 0;
    transform: rotate(33deg);
    width: 1.5px;
}

#working-hours {
    background: rgba(0, 0, 0, 0) url("/themes/w3ni272/assets/assets/img/working-hours.jpg") no-repeat scroll center top;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
}

.parallex {
    color: #fff !important;
    position: relative;
    z-index: 44;
}

.section-padding {
    padding: 120px 0;
}

.parallex::before {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.open_timings {
    padding-top: 30px;
}

/*
.open_timings ul>li {
    background: #d6b161 none repeat scroll 0 0 !important;
    color: #fff !important;
    display: inline-block !important;
    float: left !important;
    height: 200px !important;
    margin-right: 22px !important;
    text-align: center !important;
    width: 140px !important;
}

.work_timings .icon-set {
    position: relative;
}
*/

.open_timings ul
{
    float: left;
}

.open_timings li
{
    float: left;
    width: 162px;
}
.open_timings li div{
    background: #d6b161 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    float: left;
    height: 200px;
    margin: 0px 11px 22px;
    text-align: center;
    width: calc(100% - 22px);
}

.open_timings p:nth-child(even) {
    font-family: "Open Sans", sans-serif;
    color: #fff;
}

.open_timings p:nth-child(odd) {
    font-size: 36px;
    line-height: 136% !important;
    margin-top: 70px;
    text-transform: uppercase;
    font-family: "Open Sans", sans-serif;
    color: #fff;
}

.open_timings .icon-set {
    position: relative;
}

.open_timings .days {
    font-size: 36px;
    line-height: 136% !important;
    margin-top: 70px;
    text-transform: uppercase;
    font-family: "Open Sans", sans-serif;
}

.open_timings .day-time {
    font-family: "Open Sans", sans-serif;
}

.icon-set i {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    font-size: 80px !important;
    margin-top: -16px;
}

.work_timings .closed {
    background: #343434 none repeat scroll 0 0 !important
}

.services_item_v1 a {
    text-decoration: none;
    font-size: 16px;
    color: #252525;
}

.services_item_v1 .btn_2 {
    padding: 0 15px !important;
    color: #fff !important;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-variant-ligatures: common-ligatures;
}

.services_item_v1 {
    padding-top: 20px;
    padding-bottom: 10px;
    padding-right: 0;
    padding-left: 0;
}

.services_item_v1 .line_item_v1 {
    display: flex;
}

.box_book_price ul li {
    border-bottom: 1px dashed #dedede;
    clear: both;
}

.box_book_price ul li:nth-child(2) {
    border-top: 1px dashed #dedede;
}

.box_book_price ul li:first-child {
    float: right;
    border-bottom: 0;
}

.box_book_price ul li:last-child {
    border-bottom: none;
}

.services_item_v1 .line_item_v1 .just_start_line {
    width: 100%;
}

.services_table {
    padding-bottom: 90px;
}

.ui-tabs .ui-tabs-nav {
    margin: 0
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    /*white-space: nowrap;*/
    margin-bottom: 4px
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .3em 1em;
    text-decoration: none
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:after,
.ui-helper-clearfix:before {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-clearfix {
    min-height: 0
}

.ui-helper-zfix {
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-tabs-vertical .ui-tabs-nav li {
    clear: left;
    width: 100%;
    padding: 13.5px 0!important;
    border-radius: 2px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.ui-tabs-vertical .ui-tabs-nav li a {
    display: block;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-variant-ligatures: common-ligatures;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    background-color: #83561c !important;
}

.ui-dialog,
.ui-menu,
.ui-tabs .ui-tabs-nav .ui-tabs-anchor:focus,
li.ui-state-default.ui-corner-left:focus {
    outline: 0
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .3em 1em;
    text-decoration: none
}

.ui-state-active a {
    color: #fff !important;
    width: 100%;
}

.ui-state-default a {
    color: #333;
    font-weight: 600;
    text-transform: uppercase;
    width: 100%;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    background: #e6e6e6;
}

.ui-state-default:hover,
.ui-widget-content .ui-state-default:hover,
.ui-widget-header .ui-state-default:hover {
    background: #603913;
}

.breadcrumb-image {
    background: rgba(255, 25, 25, 0) url(/themes/w3ni272/assets/assets/img/working-hours.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
}


/*About module*/

.about_us_v1 {
    padding-top: 90px;
}

.about_us_v1 h2 {
    margin-bottom: 40px !important;
}

.about_us_v1 p {
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 1px;
    line-height: 28px;
}


/*Contact module*/

.contact_us_v1 {
    padding-top: 90px;
    padding-bottom: 60px;
}

.contact_us_v1 .form-group {
    margin-bottom: 20px;
}

.contact_us_v1 .form-control,
.booking_nails_v1 .form-control,
.booking_nails_v1 .group_select select {
    font-size: 14px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 1px;
    height: auto;
    padding: 15px 12px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.contact_us_v1 button {
    border: 0;
    outline: none;
}

.hs-btn.btn_contact {
    color: #fff !important;
}

.contact_info>ul>li {
    backface-visibility: hidden;
    display: block;
    margin-bottom: 15px;
    overflow: hidden;
    width: 100%;
}

.contact_info>ul strong {
    color: #232323;
    display: block;
    margin-bottom: 12px;
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    font-variant-ligatures: common-ligatures;
}

.contact_info>ul p {
    margin-top: -5px;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 1px;
    line-height: 28px;
}

.contact_info>ul p:last-child {
    margin-bottom: 0;
}

.contact_info .btn_contact {
    padding-bottom: 50px;
}

#map {
    height: 400px;
}

.thumb_img_appoiment .pdf_0 {
    padding-left: 0;
}

.service_gallery li a {
    width: 100%;
    height: 100%;
    float: left;
    position: relative;
}

.tab_gallery ul.service_gallery {
    padding-top: 0;
}

.tab_gallery .service_gallery li.ui-corner-left {
    margin-bottom: 15px;
}

ul.service_gallery li {
    float: left;
}

.tab_gallery ul.service_gallery {
    padding-top: 0
}

.tab_gallery ul.service_gallery li img {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.tab_gallery li img:hover {
    opacity: .85
}


/*Gallery module*/

.no-space .portfolio-item {
    margin-bottom: 0;
}

.portfolio-grid-4 .portfolio-item {
    width: 25%
}

.gallery_box_page {
    padding-top: 90px;
}

#portfolio {
    background: #fafafa none repeat scroll 0 0;
}

ul#filter {
    margin-bottom: 50px;
}

ul#filter li {
    font-size: 16px;
    line-height: 25px;
    padding: 7px 20px;
    border-radius: 20px;
    cursor: pointer;
}

ul#filter li.active {
    background-color: #2f2f2f;
    color: #fff;
}


/*Filter Square Style*/

ul#filter.filter-square li {
    border: 1px solid #ccc;
    border-radius: 0;
    padding: 5px 20px;
    margin: 2px;
    text-transform: uppercase;
}

ul#filter.filter-square li:hover {
    background-color: #603913;
    color: #fff;
    border: 1px solid #603913;
    text-transform: uppercase;
}

ul#filter.filter-square li.active {
    border: 1px solid transparent;
    background-color: #603913;
    color: #fff;
}


/*End Filter Square Style*/


/*Filter Rounded Style*/

ul#filter.filter-rounded li {
    border: 0;
    border-radius: 3px;
    background-color: #E0E0E0;
    padding: 5px 20px;
    margin: 2px;
}

ul#filter.filter-rounded li.active {
    background-color: #1B2E3F;
}


/*End Filter Square Style*/


/*Filter Transparent Style*/

ul#filter.filter-transparent li {
    color: #a9a8a8;
    padding: 5px 15px;
    font-size: 14px;
    text-transform: uppercase;
}

ul#filter.filter-transparent li.active {
    background-color: transparent;
    color: #d6b161;
}


/*End Filter Transparent Style*/

ul#portfolio-grid {
    overflow: hidden;
    margin-bottom: 0;
}

ul#portfolio-grid li img {
    width: 100%;
}

ul#portfolio-grid>li {
    float: left;
    display: block;
    height: auto;
}


/*Five Column Portfolio*/

ul#portfolio-grid.five-column>li {
    width: 20%;
}


/*Four Column Portfolio*/

ul#portfolio-grid.four-column>li {
    width: 25%;
}


/*Three Column Portfolio*/

ul#portfolio-grid.three-column>li {
    width: 33.33%;
}


/*Two Column Portfolio*/

ul#portfolio-grid.two-column>li {
    width: 50%;
}

@media (max-width: 1199px) {
    ul#portfolio-grid.five-column>li {
        width: 25%;
    }
}

@media (max-width: 991px) {
    ul#portfolio-grid.five-column>li,
    ul#portfolio-grid.four-column>li {
        width: 33.33%;
    }
}

@media (max-width: 767px) {
    ul#portfolio-grid.five-column>li,
    ul#portfolio-grid.four-column>li,
    ul#portfolio-grid.three-column>li {
        width: 50%;
    }
}

@media (max-width: 480px) {
    ul#portfolio-grid.five-column>li,
    ul#portfolio-grid.four-column>li,
    ul#portfolio-grid.three-column>li,
    ul#portfolio-grid.two-column>li {
        width: 100%;
    }
}

.portfolio-item.gutter {
    margin-bottom: 20px!important;
}

.portfolio {
    position: relative;
    overflow: hidden;
}


/* Portfolio overlay default
/* ------------------------------ */

.portfolio .tt-overlay {
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.2s ease-out;
    -moz-transition: opacity 0.2s ease-out;
    -o-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
}

.portfolio:hover .tt-overlay {
    opacity: 1;
    visibility: visible;
}

.portfolio-info .project-title,
.portfolio-info .links {
    position: absolute;
    left: 0;
    color: #fff;
    width: 100%;
    opacity: 0;
    visibility: hidden;
}

.portfolio-info .project-title {
    top: 60%;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.portfolio:hover .portfolio-info .project-title {
    top: 35%;
    opacity: 1;
    visibility: visible;
}

.portfolio-info .links {
    top: 90%;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.portfolio:hover .portfolio-info .links {
    top: 55%;
    opacity: 1;
    visibility: visible;
    color: #d6b161;
}

.portfolio-info .btn {
    background-color: transparent;
    border-color: #fff;
    padding: 12px 22px;
    border-radius: 20px;
}

.portfolio-info .btn:hover {
    background-color: #fff;
    ;
    border-color: #fff;
    color: #d6b161;
}

.portfolio-container .btn.view-more {
    margin-top: 40px;
}


/* Portfolio Hover Style Two
/* ------------------------------ */

.hover-two .portfolio:hover .portfolio-info .links {
    top: 46%;
}

.hover-two .portfolio .tt-overlay {
    background-color: rgba(0, 0, 0, 0.7);
}

.portfolio-details {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

.portfolio-details li {
    display: inline-block;
    position: relative;
    bottom: -40px;
    opacity: 0;
    visibility: hidden;
    transform: translateZ(0);
}

.portfolio:hover .portfolio-details li {
    bottom: 0;
    opacity: 1;
    visibility: visible;
    color: #d6b161;
}

.portfolio:hover .portfolio-details li:nth-child(1) {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.portfolio:hover .portfolio-details li:nth-child(2) {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.portfolio-details li a {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: #d6b161;
}

.portfolio-details li a i {
    color: #fff;
}

.portfolio-version-two .recent-project .project-link {
    bottom: 30%;
    padding: 0;
    text-align: center;
    background-color: transparent;
}

.portfolio-version-two .recent-project:hover .project-link {
    bottom: 50%;
    margin-bottom: -32px;
}

.portfolio-version-two .project-link ul li {
    display: inline-block;
}

.portfolio-version-two .project-link ul li a {
    display: block;
    width: 45px;
    height: 45px;
    font-size: 20px;
    line-height: 41px;
    color: #d6b161;
    margin: 0 5px;
    border: 2px solid #d6b161;
    border-radius: 50%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.portfolio-version-two .project-link ul li a:hover {
    background-color: #d6b161;
    border-color: transparent;
    color: #fff;
}

.info {
    margin-top: 10px;
    color: #616161;
}

/*.info span {
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
}*/

.info a.like {
    color: #616161;
}

.info a.like i,
.info a.like:hover {
    color: #d6b161;
}

.portfolio-version-two.alter-bg .info span {
    display: block;
    font-size: 16px;
    line-height: 20px;
}

.portfolio-version-two .recent-project .tt-overlay {
    background-color: rgba(255, 255, 255, 0.8);
}

.portfolio-version-two.alter-bg .recent-project .tt-overlay {
    background-color: rgba(44, 62, 80, 0.8);
}

.portfolio-version-two.alter-bg .recent-project .project-link {
    padding: 10px 0;
    background-color: rgba(255, 255, 255, 0.9);
}


/*Magnific Popup CSS*/

.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.75;
}

.mfp-bottom-bar {
    display: none;
}

.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}

.mfp-arrow-right::after,
.mfp-arrow-left::after {
    font-family: 'FontAwesome';
    border: none !important;
    color: #fff;
    font-size: 65px;
    -webkit-transition: .5s;
    transition: .5s;
}

.mfp-arrow-right::after {
    content: "\f105" !important;
}

.mfp-arrow-left::after {
    content: "\f104" !important;
}

.mfp-arrow-right::before,
.mfp-arrow-left::before {
    border: none !important;
}

.mfp-arrow {
    height: 60px;
}

.mfp-arrow::before,
.mfp-arrow::after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
    margin-top: 15px;
    top: -1px !important;
}

img.mfp-img {
    padding: 40px 0px 0;
}

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    transform: scale(0.95);
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    transform: scale(1);
    opacity: 1;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
    transform: scale(0.95);
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.mfp-close {
    /*right: 20px !important;
    top: 25px !important;*/
}

.portfolio-details {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
}

.portfolio-details li {
    bottom: -40px;
    display: inline-block;
    opacity: 0;
    position: relative;
    transform: translateZ(0px);
    visibility: hidden;
}

.portfolio:hover .portfolio-details li {
    bottom: 0;
    color: #d6b161;
    opacity: 1;
    visibility: visible;
}

.portfolio:hover .portfolio-details li:nth-child(1) {
    transition: all 0.3s ease 0s;
}

.portfolio:hover .portfolio-details li:nth-child(2) {
    transition: all 0.5s ease 0s;
}

.portfolio-details li a {
    background-color: #d6b161;
    display: block;
    height: 40px;
    line-height: 40px;
    width: 40px;
}

.portfolio-details li a i {
    color: #fff;
}

.control-two .carousel-control {
    background-color: rgba(255, 255, 255, 0.4);
    background-image: none;
    color: #202020;
    font-size: 30px;
    height: 60px;
    line-height: 58px;
    margin-top: -25px;
    opacity: 0;
    text-shadow: none;
    top: 50%;
    visibility: hidden;
    width: 30px;
}

.control-two:hover .carousel-control {
    opacity: 1;
    visibility: visible;
}

.control-two:hover .carousel-control:hover {
    background-color: rgba(255, 255, 255, 0.9);
    color: #d6b161;
}

.portfolio-nav {
    padding: 40px 0;
}

.portfolio-nav a {
    color: #a7a7a7;
    margin-right: 20px;
}

.portfolio-nav a:hover {
    color: #d6b161;
}

.project-overview {
    padding-top: 90px;
}

.single-project-section.alter .project-overview {
    padding: 0;
}

.project-overview h2 {
    font-size: 24px;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.project-overview p {
    margin-bottom: 25px;
}

.quick-overview .btn {
    margin-top: 20px;
    text-transform: uppercase;
}

.portfolio-meta li {
    color: #666;
    margin: 15px 0;
}

.portfolio-meta li {
    margin: 15px 0;
}

.portfolio-meta li span {
    color: #202020;
    display: inline-block;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    width: 130px;
}

.portfolio-meta li a {
    color: #a7a7a7;
    margin-right: 10px;
}

.portfolio-meta li a:hover {
    color: #d6b161;
}

@media (max-width: 991px) {
    .project-overview {}
    .quick-overview {
        margin-top: 30px;
    }
    .single-project-section.alter .project-overview {
        padding-bottom: 90px;
    }
}

.portfolio-info h3.project-title {
    color: #fff;
    font-size: 24px;
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    font-variant-ligatures: common-ligatures;
    margin-top: 0;
    margin-bottom: 0;
}

.portfolio-info a {
    text-decoration: none;
    font-size: 14px;
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    font-variant-ligatures: common-ligatures;
}


/*Booking module*/

.booking_services_v1 .booking_col_v1 {
    padding-top: 90px;
}

.booking_nails_v1 .icon-calendar {
    position: absolute;
    margin-top: 0px;
    right: 25px;
    top: 9px;
    font-size: 18px;
}

.booking_nails_v1 .hs-btn.btn_services_v1 {
    font-size: 14px;
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    font-variant-ligatures: common-ligatures;
    width: 100%;
    text-align: center;
    color: #fff !important;
    text-decoration: none;
}

.booking_nails_v1 .form-control,
.booking_nails_v1 .group_select select {
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    font-variant-ligatures: common-ligatures;
    outline: none;
    padding: 9px 12px;
}

.booking_nails_v1 .group_select select {
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    background-color: #fff;
    background-image: url("/themes/w3ni272/assets/assets/img/select-option.png");
    background-position: right center;
    background-repeat: no-repeat;
}

.booking_nails_v1 .removeButton i {
    color: #f56a50;
    font-size: 16px;
}

.booking_services_v1 h2.section_title {
    margin-bottom: 45px;
}

.newletter_new_booking.newsletter_v1_inner {
    margin: 0;
}

.book_gallery_v1.gallery_box_page {
    padding-top: 0;
}

.box_staff_bg {
    background-color: #fff;
    padding: 20px;
    margin-top: 50px;
}

.box_staff_inner_v1 {
    padding-top: 45px;
    padding-bottom: 45px;
}

.booking_staff_title {
    text-align: center;
}

.booking_staff_title p.staff_us {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 5px;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-variant-ligatures: common-ligatures;
    line-height: 40px;
    margin-bottom: 0;
}

.pagination_v1 {
    margin-top: 50px;
}

.pagination_v1 ul li {
    display: inline-block;
	margin: 15px 0px;
}

.pagination_v1 ul li+li {
    margin-left: 15px;
}

.pagination_v1 a:hover,
.pagination_v1 li.active a,
.pagination_v1 li.pagination_v1_icon a i:hover {
    background-color: #FFF;
    border: 1px solid #83561c;
    color: #83561c;
}

.pagination_v1 a {
    border: 1px solid #c1c1c1;
    height: 40px;
    line-height: 37px;
    transition: all 0.3s ease 0s;
    width: 40px;
    display: inline-block;
    text-decoration: none;
    color: #3e3e3e;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-variant-ligatures: common-ligatures;
}


/*news module*/

.box_news_details {
    margin-top: 20px;
    text-align: justify;
}

.box_news_details>h3 {
    font-size: 23px;
    text-transform: uppercase;
    font-family: 'Open sans', sans-serif;
    font-variant-ligatures: common-ligatures;
    color: #333;
}

.box_news_details blockquote {
    background-color: #f6f6f6;
    border-left: 2px solid #464646;
    color: #666666;
    font-size: 16px;
    line-height: 26px;
    margin: 23px 0;
    padding: 14px 50px;
    font-family: 'Open sans', sans-serif;
}

.news_comment_v1 {
    margin-top: 60px;
}

.news_comment_v1 h3.leave_comment_v1,
.box_comment_new_v1 h3.leave_comment_v1,
.search_area_bar h3.leave_comment_v1,
.recent_area_bar h3.leave_comment_v1,
.category_news_v1 h3.leave_comment_v1,
.tag_news_v1 h3.leave_comment_v1 {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: 18px;
    margin-bottom: 30px;
    padding-bottom: 10px;
    position: relative;
    font-family: 'Open sans', sans-serif;
}

.news_comment_v1 h3.leave_comment_v1::before,
.box_comment_new_v1 h3.leave_comment_v1::before,
.search_area_bar h3.leave_comment_v1::before,
.recent_area_bar h3.leave_comment_v1::before,
.category_news_v1 h3.leave_comment_v1::before,
.tag_news_v1 h3.leave_comment_v1::before {
    background: #83561c none repeat scroll 0 0;
    bottom: -2px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    right: 0;
    transition: all 0.4s ease 0s;
    width: 40px;
}

.news_top_comment .msg_avatar_v1 {
    display: inline-block;
    float: left;
    text-align: center;
}

.news_top_comment .msg_avatar_v1 a {
    color: #252525;
}

.news_top_comment .msg_avatar_v1 img {
    border-radius: 100%;
    width: 100%;
}

.news_details_title_v1 {
    padding-left: 90px;
}

.news_details_title_v1 .first_title_v1 h3 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 6px;
    text-transform: capitalize;
    font-family: 'Open sans', sans-serif;
}

.news_details_title_v1 .first_title_v1 span {
    font-family: 'Open sans', sans-serif;
    color: #666666;
    display: block;
    margin-bottom: 7px;
}

.news_top_comment.middle_comment {
    margin: 32px 0 33px 90px;
}

.box_comment_new_v1 {
    margin-top: 60px;
}

.box_comment_new_v1 .leave_form input {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #c1c1c1;
    color: #666666;
    font-size: 14px;
    height: 35px;
    margin-bottom: 30px;
    padding: 0 20px;
    width: 100%;
    outline: none;
}

.box_comment_new_v1 .text_leave textarea {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #c1c1c1;
    color: #666666;
    font-size: 14px;
    height: 165px;
    margin-bottom: 30px;
    padding: 20px;
}

.box_comment_new_v1 .text_leave button.submit {
    background-color: #603913;
    border: 1px solid #603913;
    color: #fff;
    font-size: 12px;
    line-height: inherit;
    padding: 7px 30px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    outline: none;
}

.search_area_bar>form {
    position: relative;
}

.search_area_bar input[type="text"] {
    background-color: #fff;
    border: 1px solid #d3d3d3;
    color: #666666;
    height: 40px;
    line-height: 28.8px;
    margin: 0;
    outline: medium none;
    padding: 5px 48px 5px 15px;
    position: relative;
    transition: all 0.4s ease 0s;
    width: 100%;
    outline: none;
}

.search_area_bar button.submit {
    background-color: #83561c;
    border: 1px solid #83561c;
    height: 40px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.3s ease 0s;
    width: 45px;
    outline: none;
    color: #fff;
}

.recent_area_bar {
    margin-top: 60px;
    margin-bottom: 60px;
}

.recent_area_bar .signle_post_v1 {
    display: block;
    margin-bottom: 15px;
    overflow: hidden;
}

.signle_post_v1 .img_post_rc_v1 {
    display: inline-block;
    float: left;
    width: 34%;
}

.signle_post_v1 .txt_post_rc_v1 {
    display: inline-block;
    padding-left: 15px;
    width: 66%;
}

.signle_post_v1 .txt_post_rc_v1 h3 {
    margin-top: 0;
    font-family: 'Open sans', sans-serif;
    font-size: 20px;
}

.signle_post_v1 .txt_post_rc_v1 h3 a {
    text-decoration: none;
}

.category_news_v1 ul li a {
    color: #252525;
    text-decoration: none;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-variant-ligatures: common-ligatures;
    border-bottom: 1px solid #f1f1f1;
    display: block;
    font-size: 14px;
    padding: 10px 0;
    position: relative;
    transition: all 0.3s ease 0s;
}

.category_news_v1 ul li:hover a {
    color: #83561c
}

.category_news_v1 ul li a::before {
    color: rgb(68, 68, 68);
    content: "\f040";
    font: normal normal normal 14px/1 'FontAwesome';
    font-size: 13px;
    line-height: 12px;
    margin-left: 0px;
    margin-right: 10px;
    position: relative;
    top: 1px;
}

.tag_news_v1 {
    margin-top: 60px;
}

.tag_news_v1 ul li {
    float: left;
    margin: 0 8px 8px 0;
}

.tag_news_v1 ul li a {
    background-color: #e6e6e6;
    border-radius: 2px;
    color: #252525;
    display: block;
    font-size: 14px;
    line-height: 24px;
    opacity: 1;
    padding: 8px 15px;
    text-transform: capitalize;
    transition: all 0.2s linear 0s;
    text-decoration: none;
    font-variant-ligatures: common-ligatures;
    font-family: 'Open sans', sans-serif;
}

.tag_news_v1 ul li:hover a {
    background-color: #83561c;
    color: #fff;
}


/*login module*/

.login_form_area .box_area_login_v1 {
    background-color: #fff;
    text-align: center;
    align-items: center;
	margin: 15px 0px;
}

.box_area_login_v1 h2.section_title {
    color: #252525;
    font-size: 30px;
    line-height: 33px;
    text-align: center;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-variant-ligatures: common-ligatures;
    margin-top: 0;
    margin-bottom: 0;
}

.btn_login_social {
    margin-top: 20px;
}

.btn_login_social span,
.btn_login_social i {
    color: #fff !important;
    font-weight: 500;
    font-variant-ligatures: common-ligatures;
    font-size: 16px;
}

.btn_login_social .btn_facebook_v1 {
    background: #3B5998;
    padding: 7px 25px;
}

.btn_login_social .btn_gplus_v1 {
    background: #dd4b39;
    padding: 7px 35px;
}

.submit_name_psw>form {
    position: relative;
}

.submit_name_psw input {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #c1c1c1;
    color: #666666;
    font-size: 16px;
    height: 35px;
    margin-bottom: 20px;
    padding: 0 10px;
    width: 100%;
    outline: none;
    font-weight: 500;
    font-family: 'Lato', sans-serif;
    font-variant-ligatures: common-ligatures;
}

.submit_name_psw {
    margin-top: 30px;
}

.btn_submit_login {
    margin-bottom: 30px;
}

.btn_submit_login button.submit {
    background-color: #83561c;
    border: 1px solid #83561c;
    color: #fff;
    font-size: 12px;
    line-height: inherit;
    padding: 10px 30px;
    width: 100%;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    outline: none;
    border-radius: 3px;
}


/*inner booking module*/

.info_inner_booking {
    float: left;
    width: 100%;
    margin: 30px 0px;
}

.info_inner_booking .staff_service_v1 {
    float: left;
    width: 50%;
    margin-bottom: 15px;
}

.staff_service_v1 .info_staff {
    float: left;
    max-width: 150px;
    margin-right: 15px;
}

.staff_service_v1 .details_staff h2 {
    margin-top: 0;
    font-family: 'Open Sans', sans-serif;
    font-variant-ligatures: common-ligatures;
    text-transform: uppercase;
}

.staff_service_v1 .details_staff p {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-variant-ligatures: common-ligatures;
    font-weight: bold;
}

.time_work_staff_v1 {
    clear: both;
}

.time_work_staff_v1 ul li {
    display: inline-block;
    margin-right: 15px;
}

.time_work_staff_v1 ul li+li {
    /* margin-left: 15px; */
}

.time_work_staff_v1 ul li a {
    padding: 7px 15px 5px 15px;
    background: #ebebeb;
    margin-right: 7px;
    font-size: 14px;
    margin-bottom: 7px;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
    font-variant-ligatures: common-ligatures;
    width: 100px;
    float: left;
}

.time_work_staff_v1 label,
.time_work_staff_v1 h3 {
    font-family: 'Open Sans', sans-serif;
    font-variant-ligatures: common-ligatures;
    font-weight: bold;
    text-transform: uppercase;
}

.time_work_staff_v1 ul {
    margin-top: 20px;
}

.white-popup {
    position: relative;
    padding: 20px;
    width: auto;
    max-width: 800px;
    margin: 20px auto;
}

.time_work_staff_v1 .time_am_v1,
.time_work_staff_v1 .time_pm_v1 {
    margin-top: 30px;
}

.modal-body,
.modal_form_header {
    float: left;
    width: 100%
}

.box_account_v1 {
    position: relative;
}

.box_account_v1 .modal_form_header {
    min-height: 16.43px;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    background: #e9eaea;
}

.modal_form_header h4 {
    margin: 0;
    line-height: 21px;
    font-size: 21px;
    color: #71706e;
    letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif;
}

.popup_main_area {
    background: #fff;
    padding: 15px;
    float: left;
    width: 100%;
}

.box_login h2,
.box_register h2 {
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-variant-ligatures: common-ligatures;
    font-weight: bold;
    font-size: 25px;
}

.popup_main_area .box_login input {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #c1c1c1;
    color: #666666;
    font-size: 14px;
    height: 35px;
    margin-bottom: 15px;
    padding: 0 20px;
    width: 100%;
    outline: none;
    font-family: 'Open Sans', sans-serif;
    font-variant-ligatures: common-ligatures;
}

.popup_main_area .box_login .form_input_1 {
    margin-top: 40px;
}

.box_register .form_input_3 a {
    background-color: #603913;
    border: 1px solid #603913;
    color: #fff;
    font-size: 12px;
    line-height: inherit;
    padding: 10px 30px;
    width: 100%;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    outline: none;
    border-radius: 3px;
}

.box_register .btn_submit_login {
    margin-top: 40px;
}

.popup_main_area .border_right {
    border-right: 1px solid #dedede;
}

.box_register .btn_login_social {
    text-align: center;
    align-items: center;
}


/*booking copy module css*/

.content-shop-booking {
    float: left;
    width: 100%;
    padding: 5px 0px;
}

.group-select select {
    color: #545554;
    font-family: Arial;
    font-size: 16px;
    padding-left: 10px;
    height: 34px;
    line-height: normal;
    border-radius: 4px;
    outline: none;
    background: rgba(255, 255, 255, 1);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(47%, rgba(246, 246, 246, 1)), color-stop(100%, rgba(237, 237, 237, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    filter:  DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
}

.group-select input {
    font-size: 14px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 1px;
    height: auto;
    padding: 10px 12px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.group-select {
    position: relative;
}

.group-select .fa-calendar {
    position: absolute;
    margin-top: 0px;
    right: 10px;
    top: 44px;
    font-size: 18px;
}

.group-select optgroup {
    font-weight: 700;
    color: #b98656;
    height: 30px;
    float: left;
    width: 100%;
}

.group-select select option {
    color: #515151;
    height: 30px;
    float: left;
    width: 100%;
}

.group-select label {
    float: left;
    width: 100%;
    font-family: 'Open Sans', 'Roboto Light', sans-serif;
    font-weight: 300;
    font-size: 17px;
    margin-bottom: 8px;
    color: #333;
}

.content-shop-booking {
    float: left;
    width: 100%;
}

.btn-search {
    float: left;
    width: 100px;
    height: 40px;
    margin-top: 33px;
    margin-left: 30px;
    border: none;
    color: #444;
    text-transform: uppercase;
    outline: none;
    color: #fff;
    background-color: #83561c;
}

.group-select {
    float: left;
    width: 260px;
    margin-right: 30px;
}

.group-select select {
    width: 100%;
}

.box-date {
    margin-right: 0px;
    width: 300px;
}

.add-services {
    float: left;
    width: 100%;
    font-size: 15px;
    margin-top: 15px;
    cursor: pointer;
}

.add-services img {
    margin-top: -4px;
    margin-right: 6px;
}

.item-booking {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    position: relative;
}

.removeButton {
    cursor: pointer;
    position: absolute;
    /*left: -35px;*/
    top: 0px;
    z-index: 1;
}
.removeButton + .group-select>label{
    margin-left: 30px;
}
.infor-booking {
    float: left;
    width: 100%;
    margin: 30px 0px;
    background: #fff;
}

.services-book-inpage {
    float: left;
    width: 100%;
    margin-bottom: 60px;
    margin-top: 60px;
}

.services-book-inpage .content-shop-booking {
    padding: 0px;
}

.group-select select {
    width: 100%;
    background: #fff;
    border-radius: 0px;
    height: 43px;
    border: 1px solid #e1e1e1;
    color: #999;
    font-size: 14px;
}

#serviceForm {
    float: left;
    width: 100%;
    position: relative;
}

.left-ctn-book {
    float: left;
    width: 100%;
}

.keyword_search {
    margin-top: 30px;
}

.search_title_for h4 {
    display: inline-block;
    font-weight: 500;
    color: #3e3e3e;
}

.search_title_for .tags {
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

.search_title_for .tags li {
    float: left;
}

.search_title_for .tag {
    background: #eee;
    border-radius: 3px 0 0 3px;
    color: #999;
    display: inline-block;
    height: 26px;
    line-height: 26px;
    padding: 0 20px 0 23px;
    position: relative;
    margin: 0 10px 10px 0;
    text-decoration: none;
    -webkit-transition: color 0.2s;
}

.search_title_for .tag::before {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
    content: '';
    height: 6px;
    left: 10px;
    position: absolute;
    width: 6px;
    top: 10px;
}

.search_title_for .tag::after {
    background: #fff;
    border-bottom: 13px solid transparent;
    border-left: 10px solid #eee;
    border-top: 13px solid transparent;
    content: '';
    position: absolute;
    right: 0;
    top: 0;
}

.search_title_for .tag:hover {
    background-color: #603913;
    color: white;
}

.search_title_for .tag:hover::after {
    border-left-color: #603913;
}

.search_title_for .tags li {
    padding-top: 10px;
}

.search_title_for .tags li.title_search {
    margin-top: 3px;
    margin-right: 5px;
}

.search_title_for .tags li.title_search span {
    font-weight: 600;
    color: #3e3e3e;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-variant-ligatures: common-ligatures;
}

.search_title_for i {
    color: #603913;
}

.news_hover_action .icon-play {
    margin-left: 5px;
}

.post_video_user .media-left img {
    max-width: none;
    width: 80px;
    border-radius: 50%;
}

.post_video_user .name_author h4 {
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-variant-ligatures: common-ligatures;
}

.author_post_desc .post_title h4 {
    font-family: 'Open Sans', sans-serif;
    font-variant-ligatures: common-ligatures;
    font-size: 24px;
}

.author_post_desc span+span {
    margin-left: 15px;
}

.button_sign .btn_sign {
    width: 100%;
    padding: 10px;
    border: 0;
}

.button_sign .color_sign_in {
    background-color: #3b88c8;
    font-family: 'Open Sans', sans-serif;
    font-variant-ligatures: common-ligatures;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
}

.button_sign .color_sign_up {
    background-color: #fa5066;
    font-family: 'Open Sans', sans-serif;
    font-variant-ligatures: common-ligatures;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
}
.scroll_btn{
    position: fixed;
    z-index: 1001;
	top: -15px;
    right: 65px;
}
.portfolio-select ul {
    width: 100%;
}
.portfolio-select li {
    width:100%;
    /*text-align: right;*/
}
.portfolio-select select {
    font-family: Lato;
    font-size: 14px;
    font-weight: 400;
    color: #909090;
    height: 45px;
    /*line-height: 45px;*/
    /*width: unset;*/
    min-width: 150px;
    padding-left: 15px;
    padding-right: 45px;
    border: 1px solid #ccc;
    border-radius: 0px;
    background-color: #fff;
    background-image: url("/themes/w3ni272/assets/assets/img/select-option.png");
    background-position: right center;
    background-repeat: no-repeat;
    text-transform: uppercase;
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
}
.mb-15 {
    margin-bottom: 15px;
}

.book_appoin_btn .hs-btn{
    background: #603913 none repeat scroll 0 0;
    color: #fff !important;
    border: 0px;
}
.book_appoin_btn .hs-btn i{
    color: #FFF;
}
.please-choose{
    padding: 5px 10px;
    text-align: left;
    font-size: 20px;
}

.b-loader {
    border: 5px solid #f3f3f3;
    border-radius: 50%;
    border-top: 5px solid #3498db;
    width: 20px;
    height: 20px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
*,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
a{margin:0;padding:0;}
.fix{overflow:hidden}
.allow-overflow{overflow:visible;}
.browserupgrade{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0;}
html{font-size:100%;}
@media all and (max-width:768px){html{font-size:87.5%;}
}
body{font-family:'Open Sans', sans-serif;color:#252525;font-weight:400;font-size:14px;line-height:24px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
p{font-family:'Open Sans', sans-serif;color:#252525;font-weight:400;font-size:14px;line-height:24px;}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6{font-family:'Lato', sans-serif;color:#252525;font-weight:400;font-variant-ligatures:common-ligatures;margin-top:0;margin-bottom:0;}
h1,
.h1{font-size:40px;font-weight:700;}
h2,
.h2{font-size:30px;font-weight:400;}
h3,
.h3{font-size:14px;font-weight:400;}
h4,
.h4{font-size:14px;font-weight:400;}
h5,
.h5{font-size:18px;font-weight:400;}
h6,
.h6{font-size:16px;font-weight:300;}
@media all and (max-width:767px){h1,
.h1{font-size:30px;font-weight:400;}
h2,
.h2{font-size:24px;}
h3,
.h3{font-size:20px;}
h4,
.h4{font-size:16px;}
h5,
.h5{font-size:16px;}
h6,
.h6{font-size:16px;}
}
ul,
ol{list-style:none;}
ul.bullets{list-style:inside;}
ol{list-style-type:upper-roman;list-style-position:inside;}
strong{font-weight:600;}
hr{margin:1.625em 0;border-color:#333;}
a:hover,
a:focus,
a:active{text-decoration:none;outline:none;}
a:hover,
a:focus,
a:active{color:#83561c;}
p a:hover,
p a:focus,
p a:active{color:#83561c;}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a{color:inherit}
.uppercase{text-transform:uppercase}
.capitalize{text-transform:capitalize}
.type-bold{font-weight:bold;}
.type-italic{font-style:italic;}
.type-strikethrough{text-decoration:line-through;opacity:.5;}
.type-underline{text-decoration:underline;}
body{overflow-x:hidden;}
.f-left{float:left}
.f-ight{float:right}
.pos-relative{position:relative;}
.pos-absolute{position:absolute;}
.pos-absolute.container{left:0;right:0;}
.pos-top{top:0;}
.pos-bottom{bottom:0;}
.pos-right{right:0;}
.pos-left{left:0;}
.pos-vertical-center{position:relative;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
@media all and (max-width:767px){.pos-vertical-center{top:0;transform:none;-webkit-transform:none;}
}
@media all and (max-height:600px){.pos-vertical-center{top:0;transform:none;-webkit-transform:none;}
}
.pos-vertical-align-columns{display:table;table-layout:fixed;width:100%;}
.pos-vertical-align-columns > div[class*='col-']{display:table-cell;float:none;vertical-align:middle;}
@media all and (max-width:990px){.pos-vertical-align-columns{display:block;width:auto;}
.pos-vertical-align-columns > div[class*='col-']{display:block;}
}
.inline-block{display:inline-block;}
.block{display:block;}
@media all and (max-width:990px){.text-center-md{text-align:center;}
.text-left-md{text-align:left;}
.text-right-md{text-align:right;}
}
@media all and (max-width:767px){.text-center-xs{text-align:center;}
.text-left-xs{text-align:left;}
.text-right-xs{text-align:right;}
}
a,
.btn{-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-ms-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s;}
input,
select,
textarea{-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-ms-transition:all 0.5s ease-out 0s;-o-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s;}
img,
.img{max-width:100%;transition:all 0.3s ease-out 0s;}
.img-fullwidth{width:100%;}
p + img,
img:last-child{margin-bottom:0;}
body{background:#fff;}
*::-moz-selection{background:#83561c;color:#fff;text-shadow:none;}
::-moz-selection{background:#83561c;color:#fff;text-shadow:none;}
::selection{background:#83561c;color:#fff;text-shadow:none;}
.mark,
mark{background:#83561c none repeat scroll 0 0;color:#ffffff;}
.bg-white{background:#fff !important;}
.bg-white p,
.bg-white span,
.bg-white ul,
.bg-white a:not(.ml-btn){color:#252525;}
.bg-white a:hover{color:#252525;}
.bg-white h1,
.bg-white h2,
.bg-white h3,
.bg-white h4,
.bg-white h5,
.bg-white h6,
.bg-white i{color:#252525;}
.bg-gray{background:#f1f1f1 !important;}
.bg-gray h1,
.bg-gray h2,
.bg-gray h3,
.bg-gray h4,
.bg-gray h5,
.bg-gray h6,
.bg-gray i{color:#252525;}
.bg-dark{background:#151515 !important;}
.bg-dark p,
.bg-dark span,
.bg-dark ul,
.bg-dark a:not(.btn){color:#fff;}
.bg-dark h1,
.bg-dark h2,
.bg-dark h3,
.bg-dark h4,
.bg-dark h5,
.bg-dark h6,
.bg-dark i{color:#fff;}
.bg-theme{background:#83561c !important;}
.theme-color{color:#83561c !important;}
.bg-theme p,
.bg-theme span,
.bg-theme ul,
.bg-theme a:not(.btn){color:#fff;}
.bg-theme h1,
.bg-theme h2,
.bg-theme h3,
.bg-theme h4,
.bg-theme h5,
.bg-theme h6,
.bg-theme i{color:#fff;}
.bg-cat-1{background-color:#00c8ff;color:#fff;}
.bg-cat-2{background-color:#8bc34a;color:#fff;}
.bg-cat-3{background-color:#f2b718;color:#fff;}
.bg-cat-4{background-color:#f06292;color:#fff;}
.bg-cat-5{background-color:#f44336;color:#fff;}
.area-title .theme-color{background-color:#2f2f2f;color:#ffffff;}
.bg-dark .area-title .theme-color{background-color:#fff;color:#2f2f2f;}
.color-facebook{color:#3b5998;}
.color-twitter{color:#00aced;}
.color-googleplus{color:#dd4b39;}
.color-instagram{color:#125688;}
.color-pinterest{color:#cb2027;}
.color-dribbble{color:#ea4c89;}
.color-behance{color:#053eff;}
.bg-facebook{background:#3b5998;color:#fff;}
.bg-twitter{background:#00aced;color:#fff;}
.bg-googleplus{background:#dd4b39;color:#fff;}
.bg-instagram{background:#125688;color:#fff;}
.bg-pinterest{background:#cb2027;color:#fff;}
.bg-dribbble{background:#ea4c89;color:#fff;}
.bg-behance{background:#053eff;color:#fff;}
.btn.bg-facebook,
.btn.bg-twitter,
.btn.bg-instagram,
.btn.bg-googleplus,
.btn.bg-pinterest,
.btn.bg-dribbble,
.btn.bg-behance{border-color:rgba(0, 0, 0, 0) !important;}
.btn.bg-facebook .btn__text,
.btn.bg-twitter .btn__text,
.btn.bg-instagram .btn__text,
.btn.bg-googleplus .btn__text,
.btn.bg-pinterest .btn__text,
.btn.bg-dribbble .btn__text,
.btn.bg-behance .btn__text{color:#fff;}
.btn.bg-facebook .btn__text i,
.btn.bg-twitter .btn__text i,
.btn.bg-instagram .btn__text i,
.btn.bg-googleplus .btn__text i,
.btn.bg-pinterest .btn__text i,
.btn.bg-dribbble .btn__text i,
.btn.bg-behance .btn__text i{color:#fff;}
.btn.bg-facebook:hover,
.btn.bg-twitter:hover,
.btn.bg-instagram:hover,
.btn.bg-googleplus:hover,
.btn.bg-pinterest:hover,
.btn.bg-dribbble:hover,
.btn.bg-behance:hover{opacity:.9;}
.btn:first-child{margin-left:0;}
.btn:last-child{margin-right:0;}
.text-blue{color:#4FC1F0;}
.text-white{color:#fff;}
.text-black{color:#363636;}
.text-theme{color:#83561c;}
.text-white h1,
.text-white p,
.text-white h2{color:#fff;}
.text-white{color:#fff;}
.text-theme{color:#83561c !important;}
.bg-1,
.bg-2,
.bg-3{background-attachment:fixed;background-clip:initial;background-color:rgba(0, 0, 0, 0);background-origin:initial;background-position:center center;background-repeat:no-repeat;background-size:cover;}
/*.bg-1{background:rgba(0, 0, 0, 0) url("/themes/w3ni272/images/bg/1.jpg") no-repeat fixed 0 0/cover;}
.bg-2{background:rgba(0, 0, 0, 0) url("/themes/w3ni272/images/bg/2.jpg") no-repeat scroll center center/cover;}
.bg-3{background:rgba(0, 0, 0, 0) url("/themes/w3ni272/images/bg/3.jpg") no-repeat scroll center center/cover;}
.bg-4{background:rgba(0, 0, 0, 0) url("/themes/w3ni272/images/bg/contact-bg.jpg") no-repeat scroll center center/cover;}
.pattern-bg{background:url('/themes/w3ni272/images/pattern/pattern-bg.png') repeat;background-position:top right;background-color:rgba(236, 239, 247, 1);}*/
[data-overlay]{position:relative;}
[data-overlay]:before{position:absolute;content:'';background:#3f51b5;width:100%;height:100%;top:0;left:0;z-index:1;}
[data-overlay] *:not(.background-image-holder):not(.instafeed--background){z-index:2;}
[data-overlay].image--light:before{background:#fff;}
[data-overlay].bg--primary:before{background:#425cbb;}
[data-overlay="1"]:before{opacity:0.1;}
[data-overlay="2"]:before{opacity:0.2;}
[data-overlay="3"]:before{opacity:0.3;}
[data-overlay="4"]:before{opacity:0.4;}
[data-overlay="5"]:before{opacity:0.5;}
[data-overlay="6"]:before{opacity:0.6;}
[data-overlay="7"]:before{opacity:0.7;}
[data-overlay="8"]:before{opacity:0.8;}
[data-overlay="9"]:before{opacity:0.9;}
[data-overlay="10"]:before{opacity:1;}
[data-overlay="0"]:before{opacity:0;}
[data-black-overlay]{position:relative;}
[data-black-overlay]:before{position:absolute;content:'';background:#000;width:100%;height:100%;top:0;left:0;z-index:1;}
[data-black-overlay] *:not(.background-image-holder):not(.instafeed--background){z-index:2;}
[data-black-overlay].image--light:before{background:#fff;}
[data-black-overlay].bg--primary:before{background:#425cbb;}
[data-black-overlay="1"]:before{opacity:0.1;}
[data-black-overlay="2"]:before{opacity:0.2;}
[data-black-overlay="3"]:before{opacity:0.3;}
[data-black-overlay="4"]:before{opacity:0.4;}
[data-black-overlay="5"]:before{opacity:0.5;}
[data-black-overlay="6"]:before{opacity:0.6;}
[data-black-overlay="7"]:before{opacity:0.7;}
[data-black-overlay="8"]:before{opacity:0.8;}
[data-black-overlay="9"]:before{opacity:0.9;}
[data-black-overlay="10"]:before{opacity:1;}
[data-black-overlay="0"]:before{opacity:0;}
[data-black-overlay="0"] > div{z-index:5;color:#fff;}
[data-scrim-bottom]{position:relative;}
[data-scrim-bottom]:before{position:absolute;content:'';width:100%;height:80%;background:-moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #232323 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, #232323));background:-webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #232323 100%);background:-o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #232323 100%);background:-ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #232323 100%);background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #232323 100%);bottom:0;left:0;z-index:1;backface-visibility:hidden;}
[data-scrim-bottom]:not(.image--light) h1,
[data-scrim-bottom]:not(.image--light) h2,
[data-scrim-bottom]:not(.image--light) h3,
[data-scrim-bottom]:not(.image--light) h4,
[data-scrim-bottom]:not(.image--light) h5,
[data-scrim-bottom]:not(.image--light) h6{color:#b3b3b3;}
[data-scrim-bottom]:not(.image--light) p,
[data-scrim-bottom]:not(.image--light) span,
[data-scrim-bottom]:not(.image--light) ul{color:#f6f6f6;}
[data-scrim-bottom].image--light:before{background:#fff;}
[data-scrim-bottom="1"]:before{opacity:0.1;}
[data-scrim-bottom="2"]:before{opacity:0.2;}
[data-scrim-bottom="3"]:before{opacity:0.3;}
[data-scrim-bottom="4"]:before{opacity:0.4;}
[data-scrim-bottom="5"]:before{opacity:0.5;}
[data-scrim-bottom="6"]:before{opacity:0.6;}
[data-scrim-bottom="7"]:before{opacity:0.7;}
[data-scrim-bottom="8"]:before{opacity:0.8;}
[data-scrim-bottom="9"]:before{opacity:0.9;}
[data-scrim-bottom="10"]:before{opacity:1;}
[data-scrim-top]{position:relative;}
[data-scrim-top]:before{position:absolute;content:'';width:100%;height:80%;background:-moz-linear-gradient(bottom, #232323 0%, rgba(0, 0, 0, 0) 100%);background:-webkit-gradient(linear, left bottom, left bottom, color-stop(0%, #232323), color-stop(100%, rgba(0, 0, 0, 0)));background:-webkit-linear-gradient(bottom, #232323 0%, rgba(0, 0, 0, 0) 100%);background:-o-linear-gradient(bottom, #232323 0%, rgba(0, 0, 0, 0) 100%);background:-ms-linear-gradient(bottom, #232323 0%, rgba(0, 0, 0, 0) 100%);background:linear-gradient(to bottom, #232323 0%, rgba(0, 0, 0, 0) 100%);top:0;left:0;z-index:1;}
[data-scrim-top]:not(.image--light) h1,
[data-scrim-top]:not(.image--light) h2,
[data-scrim-top]:not(.image--light) h3,
[data-scrim-top]:not(.image--light) h4,
[data-scrim-top]:not(.image--light) h5,
[data-scrim-top]:not(.image--light) h6{color:#b3b3b3;}
[data-scrim-top]:not(.image--light) p,
[data-scrim-top]:not(.image--light) span,
[data-scrim-top]:not(.image--light) ul{color:#f6f6f6;}
[data-scrim-top].image--light:before{background:#fff;}
[data-scrim-top="1"]:before{opacity:0.1;}
[data-scrim-top="2"]:before{opacity:0.2;}
[data-scrim-top="3"]:before{opacity:0.3;}
[data-scrim-top="4"]:before{opacity:0.4;}
[data-scrim-top="5"]:before{opacity:0.5;}
[data-scrim-top="6"]:before{opacity:0.6;}
[data-scrim-top="7"]:before{opacity:0.7;}
[data-scrim-top="8"]:before{opacity:0.8;}
[data-scrim-top="9"]:before{opacity:0.9;}
[data-scrim-top="10"]:before{opacity:1;}
input[type=text],
input[type=email],
input[type=password]{width:100%;}
select{width:100%;}
textarea{resize:vertical;background:#83561c;border:1px solid #83561c;padding:10px;width:100%;font-size:14px;}
::-moz-placeholder{color:#444;font-size:14px;}
.m-0{margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;}
.p-0{padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;}
.mt-0{margin-top:0}
.mt-10{margin-top:10px}
.mt-15{margin-top:15px}
.mt-20{margin-top:20px}
.mt-30{margin-top:30px}
.mt-40{margin-top:40px}
.mt-50{margin-top:50px}
.mt-60{margin-top:60px}
.mt-70{margin-top:70px}
.mt-80{margin-top:80px}
.mt-90{margin-top:90px}
.mt-100{margin-top:100px}
.mt-110{margin-top:110px}
.mt-120{margin-top:120px}
.mt-130{margin-top:130px}
.mt-140{margin-top:140px}
.mt-150{margin-top:150px}
.mr-0{margin-right:0px}
.mr-10{margin-right:10px}
.mr-15{margin-right:15px}
.mr-20{margin-right:20px}
.mr-30{margin-right:30px}
.mr-40{margin-right:40px}
.mr-50{margin-right:50px}
.mr-60{margin-right:60px}
.mr-70{margin-right:70px}
.mr-80{margin-right:80px}
.mr-90{margin-right:90px}
.mr-100{margin-right:100px}
.mr-110{margin-right:110px}
.mr-120{margin-right:120px}
.mr-130{margin-right:130px}
.mr-140{margin-right:140px}
.mr-150{margin-right:150px}
.mb-0{margin-bottom:0}
.mb-10{margin-bottom:10px}
.mb-15{margin-bottom:15px}
.mb-20{margin-bottom:20px}
.mb-30{margin-bottom:30px}
.mb-40{margin-bottom:40px}
.mb-50{margin-bottom:50px}
.mb-60{margin-bottom:60px}
.mb-70{margin-bottom:70px}
.mb-80{margin-bottom:80px}
.mb-90{margin-bottom:90px}
.mb-100{margin-bottom:100px}
.mb-110{margin-bottom:110px}
.mb-120{margin-bottom:120px}
.mb-130{margin-bottom:130px}
.mb-140{margin-bottom:140px}
.mb-150{margin-bottom:150px}
.ml-0{margin-left:0}
.ml-10{margin-left:10px}
.ml-15{margin-left:15px}
.ml-20{margin-left:20px}
.ml-30{margin-left:30px}
.ml-40{margin-left:40px}
.ml-50{margin-left:50px}
.ml-60{margin-left:60px}
.ml-70{margin-left:70px}
.ml-80{margin-left:80px}
.ml-90{margin-left:90px}
.ml-100{margin-left:100px}
.ml-110{margin-left:110px}
.ml-120{margin-left:120px}
.ml-130{margin-left:130px}
.ml-140{margin-left:140px}
.ml-150{margin-left:150px}
.pt-0{padding-top:0}
.pt-10{padding-top:10px}
.pt-15{padding-top:15px}
.pt-20{padding-top:20px}
.pt-30{padding-top:30px}
.pt-40{padding-top:40px}
.pt-50{padding-top:50px}
.pt-60{padding-top:60px}
.pt-70{padding-top:70px}
.pt-80{padding-top:80px}
.pt-90{padding-top:90px}
.pt-100{padding-top:100px}
.pt-110{padding-top:110px}
.pt-120{padding-top:120px}
.pt-130{padding-top:130px}
.pt-140{padding-top:140px}
.pt-150{padding-top:150px}
.pr-0{padding-right:0}
.pr-10{padding-right:10px}
.pr-15{padding-right:15px}
.pr-20{padding-right:20px}
.pr-30{padding-right:30px}
.pr-40{padding-right:40px}
.pr-50{padding-right:50px}
.pr-60{padding-right:60px}
.pr-70{padding-right:70px}
.pr-80{padding-right:80px}
.pr-90{padding-right:90px}
.pr-100{padding-right:100px}
.pr-110{padding-right:110px}
.pr-120{padding-right:120px}
.pr-130{padding-right:130px}
.pr-140{padding-right:140px}
.pb-0{padding-bottom:0}
.pb-10{padding-bottom:10px}
.pb-15{padding-bottom:15px}
.pb-20{padding-bottom:20px}
.pb-30{padding-bottom:30px}
.pb-40{padding-bottom:40px}
.pb-50{padding-bottom:50px}
.pb-60{padding-bottom:60px}
.pb-70{padding-bottom:70px}
.pb-80{padding-bottom:80px}
.pb-90{padding-bottom:90px}
.pb-100{padding-bottom:100px}
.pb-110{padding-bottom:110px}
.pb-120{padding-bottom:120px}
.pb-130{padding-bottom:130px}
.pb-140{padding-bottom:140px}
.pb-150{padding-bottom:150px}
.pl-0{padding-left:0}
.pl-10{padding-left:10px}
.pl-15{padding-left:15px}
.pl-20{padding-left:20px}
.pl-30{padding-left:30px}
.pl-40{padding-left:40px}
.pl-50{padding-left:50px}
.pl-60{padding-left:60px}
.pl-70{padding-left:70px}
.pl-80{padding-left:80px}
.pl-90{padding-left:90px}
.pl-100{padding-left:100px}
.pl-110{padding-left:110px}
.pl-120{padding-left:120px}
.pl-130{padding-left:130px}
.pl-140{padding-left:140px}
.pl-150{padding-left:150px}
.ptb-0{padding:0}
.ptb-10{padding:10px 0}
.ptb-20{padding:20px 0}
.ptb-30{padding:30px 0}
.ptb-40{padding:40px 0}
.ptb-50{padding:50px 0}
.ptb-60{padding:60px 0}
.ptb-70{padding:70px 0}
.ptb-80{padding:80px 0}
.ptb-90{padding:90px 0}
.ptb-100{padding:100px 0}
.ptb-110{padding:110px 0}
.ptb-120{padding:120px 0}
.ptb-130{padding:130px 0}
.ptb-140{padding:140px 0}
.ptb-150{padding:150px 0}
.mtb-0{margin:0}
.mtb-10{margin:10px 0}
.mtb-15{margin:15px 0}
.mtb-20{margin:20px 0}
.mtb-30{margin:30px 0}
.mtb-40{margin:40px 0}
.mtb-50{margin:50px 0}
.mtb-60{margin:60px 0}
.mtb-70{margin:70px 0}
.mtb-80{margin:80px 0}
.mtb-90{margin:90px 0}
.mtb-100{margin:100px 0}
.mtb-110{margin:110px 0}
.mtb-120{margin:120px 0}
.mtb-130{margin:130px 0}
.mtb-140{margin:140px 0}
.mtb-150{margin:150px 0;}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10{float:left;}
.col-1{width:10%;}
.col-2{width:20%;}
.col-3{width:30%;}
.col-4{width:40%;}
.col-5{width:50%;}
.col-6{width:60%;}
.col-7{width:70%;}
.col-8{width:80%;}
.col-9{width:90%;}
.col-10{width:100%;}
.full-screen{height:100vh;}
::-webkit-input-placeholder{color:#909090;}
:-ms-input-placeholder{color:#909090;}
::-moz-placeholder{color:#909090;opacity:0.9;}
:-moz-placeholder{color:#909090;opacity:0.9;}
[data-black-overlay] p,
[data-black-overlay] h1,
[data-black-overlay] h2,
[data-black-overlay] h3,
[data-black-overlay] h4,
[data-black-overlay] h5,
[data-black-overlay] h6{color:#fff;}
[data-black-overlay] > div,
[data-black-overlay] > form,
[data-black-overlay] > section{position:relative;z-index:5;}
p.form-messege{margin-top:15px;font-size:14px}
p.success{color:green;}
p.error{color:red;}
.hs-btn{background:#fff none repeat scroll 0 0;color:#fff;display:inline-block;font-size:16px;font-weight:700;height:40px;line-height:40px;padding:0 46px;position:relative;text-transform:uppercase;transition:all 0.3s ease 0s;z-index:2;}
.hs-btn.btn-light{background:#83561c none repeat scroll 0 0;color:#fff;}
.hs-btn.btn-light.btn-large{height:45px;line-height:45px;padding:0 22px;}
.hs-btn::before{background:#151515 none repeat scroll 0 0;content:"";height:0;left:0;position:absolute;top:0;transition:all 0.3s ease 0s;width:100%;z-index:-1;}
.hs-btn:hover::before{background:#151515 none repeat scroll 0 0;color:#fff;height:100%;width:100%;}
.hs-btn.hs-btn-3{color:#83561c !important;height:36px;line-height:36px;padding:0 18px;font-family:Lato;}
.bg-theme *::-moz-selection{background:#fff none repeat scroll 0 0;color:#83561c;text-shadow:none;}
.giftcards-btn-add{height:32px !important;font-size:15px !important;padding:5px 10px !important;line-height:23px !important;}
.coupon_info{text-align:center;}
.coupon_info span{font-size:16px !important;margin-right:5px}
/* Preload images */
body:after {
  content: url('/themes/w3ni272/assets/css/lightbox/close.png') url('/themes/w3ni272/assets/css/lightbox/loading.gif') url('/themes/w3ni272/assets/css/lightbox/prev.png') url('/themes/w3ni272/assets/css/lightbox/next.png');
  display: none;
}

body.lb-disable-scrolling {
  overflow: hidden;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;

  /* Image border */
  border: 4px solid white;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;

  /* Background color behind image.
     This is visible during transitions. */
  background-color: white;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url('/themes/w3ni272/assets/css/lightbox/loading.gif') no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url('/themes/w3ni272/assets/css/lightbox/prev.png') left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url('/themes/w3ni272/assets/css/lightbox/next.png') right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-caption a {
  color: #4ae;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url('/themes/w3ni272/assets/css/lightbox/close.png') top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/*@import url(/themes/w3ni272/assets/css/animate.css);
@import url(/themes/w3ni272/assets/css/bootstrap.min.css);
@import url(/themes/w3ni272/assets/css/font-awesome.min.css);
@import url(/themes/w3ni272/assets/css/multi-row-grid.css);
@import url(/themes/w3ni272/assets/css/owl.carousel.css);
@import url(/themes/w3ni272/assets/css/menu_bar.css);
@import url(/themes/w3ni272/assets/css/bootstrap-datepicker.css);
@import url(/themes/w3ni272/assets/css/magnific-popup.css);
@import url(/themes/w3ni272/assets/css/selectric.css);
@import url(/themes/w3ni272/assets/css/jquery.fancybox.min.css);*/
/*

    1. Reset

    2. Header

    3. Content

    4. Footer

    */
/**
 * Fonts
 * -----------------------------------------------------------------------------
 */
/*@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&subset=greek,greek-ext,latin-ext,vietnamese');
@import url('https://fonts.googleapis.com/css?family=Dosis:200,300,400,500,600,700,800&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=greek-ext,latin-ext,vietnamese');
@import url('https://fonts.googleapis.com/css?family=Stardos+Stencil');
@import url('https://fonts.googleapis.com/css?family=Great+Vibes|Prata&subset=cyrillic,cyrillic-ext,latin-ext,vietnamese');*/

@font-face {
    font-family: 'simply';
    src: url(/themes/w3ni272/assets/fonts/SIMPLY_0.TTF) format("woff"); 
}
@font-face {
    font-family: 'sanchez';
    src: url(/themes/w3ni272/assets/fonts/Sanchez-Regular.ttf) format("woff"); 
}
@font-face {
    font-family: 'Calisto MT';
    src: url(/themes/w3ni272/assets/fonts/CALIST.TTF) format("woff"); 
}
@font-face {
    font-family: 'elephant';
    src: url(/themes/w3ni272/assets/fonts/ELEPHANT.TTF) format("woff"); 
}
@font-face {
    font-family: 'JaneAust';
    src: url(/themes/w3ni272/assets/fonts/JaneAust.ttf) format("woff"); 
}
@font-face {
    font-family: 'QuinchoScript';
    src: url(/themes/w3ni272/assets/fonts/QuinchoScript.ttf) format("woff"); 
}



/**
 * 1.0 - Reset
 * -----------------------------------------------------------------------------
 */
 html, body, div, span, applet, object, iframe,
 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 a, abbr, acronym, address, big, cite, code,
 del, dfn, em, font, ins, kbd, q, s, samp,
 small, strike, strong, sub, sup, tt, var,
 dl, dt, dd, ol, ul, li,
 fieldset, form, label, legend,
 table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-size: 100%;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline; 
}
body {
    position: relative;
    overflow-x: hidden;
    font-size: 14px;
    font-family: 'Montserrat', 'Roboto', 'Roboto Light', Arial, sans-serif;
    color: #000;
    font-weight: 300;
    
}
.body-audio{
    margin-bottom: 35px;
}
h1, h2, h3, h4, h5, h6 {
    clear: both; 
}


img {
    max-width: 100%;
    height: auto;
    width: auto;
    border: 0;
    vertical-align: middle; 
}

a {
    text-decoration: none;
    color: #333333; 
}

a:hover {
    color: #f9caca;
    text-decoration: none; 
}

a:focus {
    text-decoration: none;
    color: inherit;
    outline: none; 
}

a, button, input {
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s; 
}

*, *:before, *:after {
    box-sizing: border-box; 
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block; 
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box; 
}

::-moz-placeholder {
  opacity: 1;
}

ul {
    list-style: none;
    padding: 0; 
}

ul:after, section:after {
    content: '';
    clear: both;
    display: block; 
}

small {
    font-size: 80%; 
}
.abs-styl{
    position: absolute;
}
.rev-styl{
    position: relative;
}
.zindex-1{
    z-index: 1;
}
.zindex-2{
    z-index: 2;
}
.zindex-3{
    z-index: 3;
}
.zindex-4{
    z-index: 4;
}
.zindex-5{
    z-index: 5;
}
.zindex-9{
    z-index: 9;
}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

.mar-15{
    margin: 15px 0px;
}
.mar-top-15{
    margin-top: 15px;
}
.mar-bottom-15{
    margin-bottom: 15px;
}
.mar-left-15{
    margin-left: 15px;
}
.mar-right-15{
    margin-right: 15px;
}
.pad-15{
    padding: 15px 0px;
}
.pad-top-15{
    padding-top: 15px;
}
.pad-bottom-15{
    padding-bottom: 15px;
}
.pad-left-15{
    padding-left: 15px;
}
.pad-right-15{
    padding-right: 15px;
}
::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

::-webkit-scrollbar
{
    width: 6px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb
{
    background-color: #009846;
    position: relative;
}
.transition{
    transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s; 
}
.transition1{
    transition: all 1s ease-in-out 0s;
    -moz-transition: all 1s ease-in-out 0s;
    -o-transition: all 1s ease-in-out 0s;
    -webkit-transition: all 1s ease-in-out 0s;
    -ms-transition: all 1s ease-in-out 0s; 
}
.transition1-5{
    transition: all 1.5s ease-in-out 0s;
    -moz-transition: all 1.5s ease-in-out 0s;
    -o-transition: all 1.5s ease-in-out 0s;
    -webkit-transition: all 1.5s ease-in-out 0s;
    -ms-transition: all 1.5s ease-in-out 0s; 
}
.transition2{
    transition: all 2s ease-in-out 0s;
    -moz-transition: all 2s ease-in-out 0s;
    -o-transition: all 2s ease-in-out 0s;
    -webkit-transition: all 2s ease-in-out 0s;
    -ms-transition: all 2s ease-in-out 0s; 
}
.transition2-5{
    transition: all 2.5s ease-in-out 0s;
    -moz-transition: all 2.5s ease-in-out 0s;
    -o-transition: all 2.5s ease-in-out 0s;
    -webkit-transition: all 2.5s ease-in-out 0s;
    -ms-transition: all 2.5s ease-in-out 0s; 
}
.transition3{
    transition: all 3s ease-in-out 0s;
    -moz-transition: all 3s ease-in-out 0s;
    -o-transition: all 3s ease-in-out 0s;
    -webkit-transition: all 3s ease-in-out 0s;
    -ms-transition: all 3s ease-in-out 0s; 
}
.transition3-5{
    transition: all 3.5s ease-in-out 0s;
    -moz-transition: all 3.5s ease-in-out 0s;
    -o-transition: all 3.5s ease-in-out 0s;
    -webkit-transition: all 3.5s ease-in-out 0s;
    -ms-transition: all 3.5s ease-in-out 0s; 
}
.transition4{
    transition: all 4s ease-in-out 0s;
    -moz-transition: all 4s ease-in-out 0s;
    -o-transition: all 4s ease-in-out 0s;
    -webkit-transition: all 4s ease-in-out 0s;
    -ms-transition: all 4s ease-in-out 0s; 
}
.mar-left{
    margin-left: -200px;
    opacity: 0;
}
.mar-right{
    margin-right: -200px;
    opacity: 0;
}
.mar-top{
    margin-top: -200px;
    opacity: 0;
}
.mar-bottom{
    margin-bottom: -200px;
    opacity: 0;
}
.abs-left{
    left: -500px;
    opacity: 0;
}
.abs-top{
    top: -500px;
    opacity: 0;
}
.abs-bottom{
    bottom: -500px;
    opacity: 0;
}
.abs-right{
    right: -500px;
    opacity: 0;
}
h2.layout-title{
    text-align: center;
    width: 100%;
    font-size: 30px;
}
h3.sub-layout-title{
    text-align: center;
    margin-top: 50px;
}
.uppercase{
    text-transform: uppercase;
}
/**
* Width
* -----------------------------------------------------------------------------
*/
.width-100{
    width: 100%;
}
.width-75{
    width: 75%;
}
.width-50{
    width: 50%;
}
.width-33{
    width: 33.33333%;
}
.width-25{
    width: 25%;
}
.width-20{
    width: 20%;
}
/** end Width */

/*font-title*/
h1 { 
    display: block;
    font-size: 2em;
    margin-top: 0.67em;
    margin-bottom: 0.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}
h2 {
    display: block;
    font-size: 1.5em;
    margin-top: 0.83em;
    margin-bottom: 0.83em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}
h3 { 
    display: block;
    font-size: 1.17em;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}
h4 { 
    display: block;
    font-size: 1em;
    margin-top: 1.33em;
    margin-bottom: 1.33em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}
h5 { 
    display: block;
    font-size: .83em;
    margin-top: 1.67em;
    margin-bottom: 1.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}
h6 { 
    display: block;
    font-size: .67em;
    margin-top: 2.33em;
    margin-bottom: 2.33em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}
/*end font-title*/

/**
* Position
* -----------------------------------------------------------------------------
*/
.center{
    text-align: center;
}
.txt-left{
    text-align: left;
}
.txt-right{
    text-align: right;
}
.left{
    float: left;
}
.f-none{
    float: none;
}
/** end Position */

/**
* Background
* -----------------------------------------------------------------------------
*/
.background-white{
    background: #ffffff;
}
.background-black{
    background: #000000;
}
.background-eb{
    background: #ebebeb;
}
.background-f9{
    background: #f9f9f9;
}
.background-42{
    background: #424242;
}
/** end Background */

/**
* Border
* -----------------------------------------------------------------------------
*/
.border-dashed-cc{
    border: 1px dashed #ccc;
}
.border-dashed-eb{
    border: 1px dashed #ebebeb;
}

.border-solid-cc{
    border: 1px solid #ccc;
}
.border-solid-eb{
    border: 1px solid #ebebeb;
}
/** end Border */

/**
* Box-shadow
* -----------------------------------------------------------------------------
*/
.box-shadow{
    box-shadow: 0px 4px 10px #ebebeb;
}
/** end Box-shadow */

/**
* Padding
* -----------------------------------------------------------------------------
*/
.pad-15{
    padding: 15px;
}
.pad-5{
    padding: 5px;
}
.pad-10{
    padding: 10px;
}
.pad-vertical-15{
    padding-top: 15px;
    padding-bottom: 15px;
}
.pad-horizontal-15{
    padding-left: 15px;
    padding-right: 15px;
}
.pad-vertical-5{
    padding-top: 5px;
    padding-bottom: 5px;
}
.pad-horizontal-5{
    padding-left: 5px;
    padding-right: 5px;
}
.pad-vertical-10{
    padding-top: 10px;
    padding-bottom: 10px;
}
.pad-horizontal-10{
    padding-left: 10px;
    padding-right: 10px;
}
.pad-0{
    padding: 0px;
}
/** end Padding */

/**
* Margin
* -----------------------------------------------------------------------------
*/
.mar-15{
    margin: 15px;
}
.mar-5{
    margin: 5px;
}
.mar-10{
    margin: 10px;
}
.mar-vertical-15{
    margin-top: 15px;
    margin-bottom: 15px;
}
.mar-horizontal-15{
    margin-left: 15px;
    margin-right: 15px;
}
.mar-vertical-5{
    margin-top: 5px;
    margin-bottom: 5px;
}
.mar-horizontal-5{
    margin-left: 5px;
    margin-right: 5px;
}
.mar-vertical-10{
    margin-top: 10px;
    margin-bottom: 10px;
}
.mar-horizontal-10{
    margin-left: 10px;
    margin-right: 10px;
}
.mar-0{
    padding: 0px;
}
.mar-left-10{
    margin-left: 10px;
}
.mar-right-10{
    margin-right: 10px;
}
/** end Padding */

/**
* Display
* -----------------------------------------------------------------------------
*/
.block{
    display: block;
}
.inline-block{
    display: inline-block;
}
.flex{
    display: flex;
}
.ds-table{
    display: table;
    width: 100%;
}
.vertical{
    display: table-cell;
    vertical-align: middle;
}
.none{
    display: none;
}
/** end Display */

/*effect menu 1*/
.menu-effect-1{

}
.menu-effect-1 ul{
    
}
.menu-effect-1 ul li{
    
}
.menu-effect-1 ul li a{
    border: 1px solid transparent;
}
.menu-effect-1 ul li a i{
    margin-right: 6px;
}
.menu-effect-1 ul li a:hover{
    border: 1px solid #ebebeb;
    border-radius: 5px;
}
.menu-effect-1 ul li.active a{
    border: 1px solid #ebebeb;
    border-radius: 5px;
}
/*end effect menu 1*/

/*menu side bar mobile*/
.content-side-menu{
    float: left;
    width: 100%;
    position: relative;
    z-index: 99;
}
.shadow-mobile {
    position: absolute;
    background: rgba(0, 0, 0, 0.49);
    z-index: 9999;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    display: none;
    cursor: pointer;
}
/*end menu side bar mobile*/

/*effect img*/
.eff-v3:hover:before, .eff-v3:hover:after {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.eff-v3:before {
    border-bottom: 1px solid rgba(255, 255, 255, 0.48);
    border-top: 1px solid rgba(255, 255, 255, 0.48);
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
}
.eff-v3:after {
    border-left: 1px solid rgba(255, 255, 255, 0.48);
    border-right: 1px solid rgba(255, 255, 255, 0.48);
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
}
.eff-v3:before, .eff-v3:after {
    bottom: 20px;
    content: "";
    left: 20px;
    opacity: 0;
    position: absolute;
    right: 20px;
    top: 20px;
    -webkit-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
    -o-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
    transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
    z-index: 1;
}
.eff-v3 {
    background-color: #000;
    overflow: hidden;
    position: relative;
}
.eff-v3 img {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: opacity 0.35s ease 0s;
    -o-transition: opacity 0.35s ease 0s;
    transition: opacity 0.35s ease 0s;
}
.eff-v3:hover img {
    opacity: 0.5;
    filter: alpha(opacity=50);
}
/*end effect img*/

/**
* 2.0 - Header
* -----------------------------------------------------------------------------
*/

.welcome-text {
    font-size: 13px;
    font-family: 'Roboto', 'Roboto Light', Arial, sans-serif;
    color: #000;
    font-weight: 300;
}
.contact-link{
    font-size: 13px;
    font-family: 'Roboto', 'Roboto Light', Arial, sans-serif;
    color: #000;
    font-weight: 300;
}
/** end Header */

/**
* 3.0 - logo
* -----------------------------------------------------------------------------
*/
.logo img{
    width: 200px;
}
/** end Header */

/*Banner slider index*/
.banner-slider-index{
    float: left;
    width: 100%;
}
.tp-banner-container{
    position: relative;
}
/*end slider*/

/*main content*/
.audio-bg{
    float: left;
    width: 100%;
    position: fixed;
    bottom: 0px;
    z-index: 9999999999;
}
.audio-bg audio{
    float: left;
    width: 100%;
}
/*end main content*/

/*footer*/
.footer-2 .footer-col{
    float: left;
    width: 50%;
}
.footer-3 .footer-col{
    float: left;
    width: 33.333333%;
}
.footer-4 .footer-col{
    float: left;
    width: 25%;
}
.footer-col h2{
    font-family: "Open Sans";
    color: rgb(102, 102, 102);
}
.footer-col{
    padding-right: 7px;
    padding-left: 7px;
}
.row-7{
    margin-left: -7px; 
    margin-right: -7px;
}
.row-5{
    margin-right: -5px;
    margin-left: -5px;
}
.row-10{
    margin-right: -10px;
    margin-left: -10px;
}
.our-gallery .item-our-gallery{
    float: left;
    width: 50%;
    border: 4px solid transparent;
}
/*end footer*/

/*paginate*/
.paginate{
    float: left;
    width: 100%;
    text-align: center;
}
.paginate ul li{
    display: inline-block;
}
.paginate ul li a {
    display: inline-block;
    padding: 5px;
    border-radius: 50%;
    width: 29px;
    height: 29px;
    border: 1px solid #ccc;
    margin: 0px 3px;
}
.paginate ul li.active a, .paginate ul li:hover a {
    background: #ccc;
    color: #fff;
}
/*end paginate*/

/*error alert*/
.errorMessage {
    text-align: left;
    color: red;
    font-size: 12px;
    margin-bottom: 7px;
}
.subscrible-form .errorMessage{
    display: block;
    text-align: left;
    color: red;
    font-size: 12px;
    margin-bottom: 7px;
    position: absolute;
}
/*end error alert*/
@media screen and (max-width: 1599px) {

}
@media screen and (min-width: 1400px) {

}
@media screen and (max-width: 1399px) {

}
@media screen and (max-width: 1280px) {

}
@media screen and (min-width: 1200px) {

}	

@media screen and (max-width: 1200px) {

	.about-us{
		margin-bottom: 40px;
		margin-top: 40px;
	}
	.cover-about-us{
		position: relative;
		top: 0;
	}

	.left-testimonials-index, .right-testimonials-index{
		padding: 0 15px;
	}

	.bg-testimonials-index{
		background-image: none;
	}
}
@media screen and (max-width: 1024px) {

}
@media screen and (max-width: 992px) {
	.right-testimonials-index{
		margin-top: 20px;
	}

	.des-testimonials{
		width: 100%;
	}

	.list-gallery li{
		width: 50%;
	}
}

@media screen and (max-width: 900px) {
	
}
@media screen and (max-width:850px) {
	
}
@media screen and (max-width : 767px) {

}
@media screen and (max-width : 700px) {
	.tp-rightarrow, .tp-leftarrow {
	    background-size: 21px !important;
	        height: 44px !important;
	}
	.left-ctn-book{
	    float: left;
	    width: 100%;
	}
	.gift-card-step-3 {
	    float: left;
	    width: 86%;
	    padding: 20px;
	    border-radius: 5px;
	    border: 2px solid #999;
	    margin: 30px;
	}
	.box-services-left {
	    float: left;
	    width: 100%;
	    padding-right: 0px;
	}
}

@media screen and (max-width : 620px) {
	.book-btn-care {
	    float: left;
	    width: 100%;
	    padding: 0 15px;
	}
	.group-select {
	    float: left;
	    width: 100%;
	    margin-right: 30px;
	}
	.box-date {
	    margin-right: 0px;
	    width: 50%;
	}
	.left-ctn-book{
	    float: left;
	    width: 100%;
	}
}
@media screen and (max-width : 600px) {
	
}

@media screen and (max-width : 560px) {
	.gallery-style-1>.container>.rev-styl, .content-gallery{
		padding: 0;
	}

	.bg-contact-us-index{
		padding-left: 10px;
		padding-right: 10px;
	}
}


@media screen and (max-width : 500px){
	.list-gallery .col-xs-6{
		width: 100%;
	}
	.business-hour ul li {
	    width: 100%;
	    float: left;
	}
	.cate-gallery ul li {
	    display: inline-block;
	    width: 100%;
	    margin-bottom: 30px;
	}
	.video-page-1 .col-xs-6{
		width: 100%;
	}
	.img-item-video img{
		width: 100%;
	}

	.list-ticket .col-xs-6{
		width:100%;
	}
	.btn-search {
	    float: left;
	    width: 100%;
	    height: 33px;
	    margin-top: 33px;
	    margin-left: 0px;
	    border: none;
	    color: #444;
	    text-transform: uppercase;
	}
	.item-table-services label {
	    float: left;
	    width: 100%;
	    color: #ff6600;
	    font-size: 14px;
	    font-weight: 600;
	    font-family: Open Sans;
	    margin-bottom: 6px;
	}
	.price-services {
	    float: left;
	    width: 100px;
	    color: #7d614d;
	    font-size: 14px;
	    font-weight: 600;
	    font-family: Open Sans;
	    line-height: 19px;
	    margin-top: -5px;
	    margin-bottom: 10px;
	}

	.contact-header-1 .col-lg-5{
		margin-bottom: 5px;	
	}

	.contact-header-1 .col-lg-5, .contact-header-1 .pull-right{
		width: 100%;
		float: left !important;
	}

	.list-business-hour li{
		width: 100%;
	}

}

@media screen and (max-width: 440px) {
	
	.form-input-infor .width-50{
		width: 100%;
		padding-bottom: 0px;
	}
	.list-gallery-page-1 .col-xs-6{
		width: 100%;
	}
}	
@media (min-width: 767px) {
    
}
@media (max-height: 780px) {

}

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

@media (max-width: 500px) {
  
}
.menu-btn-show {
    position: relative;
    top: 10px;
    right: 25px;
    width: 30px;
    height: 30px;
    float: right;
    cursor: pointer;
}
.menu-btn-show .border-style {
    width: 100%;
    height: 4px;
    background: #fff;
    float: left;
    margin-bottom: 5px;
}
.header-container {
	position: fixed;
    z-index: 99999999;
    width: 100%;
}
div#alert-menu {
	margin: 15px 15px -25px 15px;
}
.form-control-wrapper {
    position: relative;
}
.address p a:hover, .address p a:focus, .address p a:active {
    color: #000;
}
/*--------- START cart ---------*/
.btn_cart_order, .btn_cart_order:active, .btn_cart_order:visited {
	background-color: #83561c;
	border-radius: 3px;
	text-transform: uppercase;
	color: #fff;
	font-variant-ligatures: common-ligatures;
}
.btn_cart_order:hover {
	background-color: #fff;
	color: #83561c;
	border-color: #83561c;
}
/*--------- END cart ---------*/
/*--------- START payment ---------*/
.btn-primary-extend, .btn-primary-extend:active, .btn-primary-extend:visited {
	background-color: #f9caca;
	border-color: #f9caca;
	color: #fff;
	border-radius: 3px;
	text-transform: uppercase;
	font-variant-ligatures: common-ligatures;
}
.btn-primary-extend:hover {
	background-color: #fff;
	border-color: #f9caca;
	color: #f9caca;
}
/*--------- END payment ---------*/
/*--------- START giftcards ---------*/
.coupon_page_v1 {
	width: 100%;
	float: left;
}
p.title_giftcard {
	font-weight: bold;
	text-align: center;
	font-size: 26px;
	margin: 10px;
	color: #444343;
}
p.des_giftcard {
	text-align: center;
	margin-bottom: 20px;
}
.service_price_table {
    width: 100%;
    float: left;
}
/*--------- END giftcards ---------*/
/*--------- START slide ---------*/
.sp-title-slide {
	font-family: 'Calisto MT';
	font-size: 100px !important;
	color: #f9caca;
	text-shadow: 4px 3px 5px rgba(0, 0, 0, 0.75);
	text-transform: uppercase;
}
.sp-icon-slide{
	color: #fff;
	font-size: 30px !important; 
}
.sp-icon-slide span {
	color: #fff;
	font-size: 50px;
	position: relative;
	top: -7px;
}
.sp-sub-title-slide {
	font-family: 'elephant';
	font-size: 30px !important;
	color: #fff;
	text-shadow: 4px 3px 5px rgba(0, 0, 0, 0.75);
}
.sp-button-slide {
	font-family: 'Calisto MT';
	font-size: 18px !important;
	color: #fff;
	text-transform: uppercase;
	padding: 10px 40px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	background-color: #f9caca;
}
/*--------- END slide ---------*/
@media screen and (min-width: 1200px) {
	.submit_name_psw {
		padding: 0px 90px;
	}
}
@media screen and (max-width: 1200px) {
	.submit_name_psw {
		padding: 0px 90px;
	}
}
@media screen and (max-width: 1024px) {
	.submit_name_psw {
		padding: 0px 75px;
	}
}
@media screen and (max-width: 900px) {
	.submit_name_psw {
		padding: 0px 50px;
	}
}
@media screen and (max-width : 767px) {
	.submit_name_psw {
		padding: 0px 10px;
	}	
}
@media screen and (max-width : 600px) {
	.submit_name_psw {
		padding: 0px 10px;
	}
}
@media screen and (max-width : 560px) {
	.submit_name_psw {
		padding: 0px 5px;
	}
}
@media screen and (max-width: 440px) {
	.submit_name_psw {
		padding: 0px 5px;
	}
}
@media screen and (max-width: 320px) {
	.submit_name_psw {
		padding: 0px;
	}
}
li.step1.active a i, li.step2.active a i {
	background-color: #83561c;
}
.price-well {
    font-size: 17px;
	color: red;
}
.nextBtn {
    background-color: #83561c;
    border: 1px solid #83561c;
    color: #fff;
    border-radius: 0px;
}
.btn:hover, .btn:focus {
    background-color: #fff;
    border: 1px solid #83561c;
    color: #83561c;
    border-radius: 0px;
}
.w3-form-field {
	margin-bottom: 15px;
}
.btn_contact {
	float: right;
}
li.payment-tab-choose-item.active a span.name-tabs {
	background-color: #83561c;
	color: #fff;
	
}
.fl-flex-label {
	margin: 15px 0pc;
}
.listcatser li {
	padding: 15px;
    margin: 15px 0px;
}
.shadown-img {
    text-align: center;
}
.item-social img {
	width: 45px;
	padding: 5px;
}
.img-info-staff {
    float: left;
    max-width: 150px;
    margin-right: 15px;
}
.info-staff {
    float: left;
    width: 50%;
    margin-bottom: 15px;
}
.title-staff {
	float: left;
}
.portfolio-item {
	padding: 1px !important;
}
.portfolio-container {
	margin-top: 15px;
}
.image-bg {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    padding-bottom: 75%;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-clip: border-box;
    background-origin: padding-box;
    background-position-x: center;
    background-position-y: center;
    background-size: cover;
}
.address table tr td i, .address table tr td a {
    color: #707070;
    font-size: 14px;
}
.w25px {
	width: 25px;
}
form#send_contact .w3-form-field {
	position: relative;
}
li.list_child a:before {
    content: "   - ";
}
.cs_fles{display: flex;
	align-items: center;
	text-align: center;
	justify-content: center;
width: 100%;
}
.cs_fles div{
	padding: 3px;
}

.cs_fles .name_product{
	flex: 1;
}

@media all and (min-width:448px){
	.sitecontact br {
		display:none;
	}
}
/**----------------- Default css for tags -------------------------------------------*/
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0px; padding: 0px;
}
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body {
    margin: 0;
}
.designby {
    text-align: right;
    color: #333;
    font-size:12px;
    padding: 5px 15px;
    font-family: tahoma;
}
.designby a {
    font: normal 12px Arial;   
    text-decoration: none;
    font-style: italic;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden],
template {
    display: none;
}
a {
    background: transparent;
}
a:active,
a:hover {
    outline: 0;
    text-decoration: none;
}
abbr[title] {
    border-bottom: 1px dotted;
}
b,
strong {
    font-weight: bold;
}
dfn {
    font-style: italic;
}
h1 {
    margin: .67em 0;
    font-size: 2em;
}
mark {
    color: #000;
    background: #ff0;
}
small {
    font-size: 80%;
}
sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}
sup {
    top: -.5em;
}
sub {
    bottom: -.25em;
}
img {
    border: 0;
}
svg:not(:root) {
    overflow: hidden;
}
figure {
    margin: 1em 40px;
}
hr {
    height: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
pre {
    overflow: auto;
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font: inherit;
    color: inherit;
}
button {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
button[disabled],
html input[disabled] {
    cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0;
}
input {
    line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
input[type="search"] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
fieldset {
    padding: .35em .625em .75em;
    margin: 0 2px;
    border: 1px solid #c0c0c0;
}
legend {
    padding: 0;
    border: 0;
}
textarea {
    overflow: auto;
    min-height: 150px;
}
optgroup {
    font-weight: bold;
}
table {
    border-spacing: 0;
    border-collapse: collapse;
}
td,
th {
    padding: 0;
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
    font-family: tahoma ,Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 12.9px;
    line-height: 1.62857143;
    color: #333;
    background-color: #fff;
}
input,ul.W3NPager .first, ul.W3NPager .last
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
a {
    color: #428bca;
    text-decoration: none;
}
a:hover,
a:focus {
    color: #83561c;
    text-decoration: none;
}
a:focus {
    outline: none;
}
figure {
    margin: 0;
}
img {
    vertical-align: middle;
 max-width: 100%;
}

ul,
ol {
    margin-top: 0;
    margin-bottom: 10px;
    padding: 0;
    list-style-position: inside;
}
ul ul,
ol ul,
ul ol,
ol ol {
    margin-bottom: 0;
}
p {margin: 0 0 1em 0}
/**----------------- End Default css for tags -------------------------------------------*/
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    display: block;
    width: 100% \9;
    max-width: 100%;
    height: auto;
}
.img-rounded {
    border-radius: 6px;
}
.img-thumbnail {
    display: inline-block;
    width: 100% \9;
    max-width: 100%;
    height: auto;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.img-circle {
    border-radius: 50%;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
    font-weight: normal;
    line-height: 1;
    color: #777;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
    font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
    font-size: 75%;
}
h1,
.h1 {
    font-size: 36px;
}
h2,
.h2 {
    font-size: 30px;
}
h3,
.h3 {
    font-size: 18px;
}
h4,
.h4 {
    font-size: 16px;
}
h5,
.h5 {
    font-size: 14px;
}
h6,
.h6 {
    font-size: 12px;
}
p {
    margin: 0 0 10px;
}
.lead {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
}
@media (min-width: 768px) {
    .lead {
        font-size: 21px;
    }
}
small,
.small {
    font-size: 85%;
}
cite {
    font-style: normal;
}
mark,
.mark {
    padding: .2em;
    background-color: #fcf8e3;
}

/**------------ text help -------------------------------*/

.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.text-center {
    text-align: center;
}
.text-justify {
    text-align: justify;
}
.text-nowrap {
    white-space: nowrap;
}
.text-lowercase {
    text-transform: lowercase;
}
.text-uppercase {
    text-transform: uppercase;
}
.text-capitalize {
    text-transform: capitalize;
}
.text-muted {
    color: #777;
}
.text-primary {
    color: #428bca;
}
a.text-primary:hover {
    color: #3071a9;
}
.text-success {
    color: #3c763d;
}
a.text-success:hover {
    color: #2b542c;
}
.text-info {
    color: #31708f;
}
a.text-info:hover {
    color: #245269;
}
.text-warning {
    color: #8a6d3b;
}
a.text-warning:hover {
    color: #66512c;
}
.text-danger {
    color: #a94442;
}
a.text-danger:hover {
    color: #843534;
}
/**-----------------------------End text help -----------------------------------------*/

/**-----------------------------Back ground color ------------------------------------*/
.bg-primary {
    color: #fff;
    background-color: #428bca;
}
a.bg-primary:hover {
    background-color: #3071a9;
}
.bg-success {
    background-color: #dff0d8;
}
a.bg-success:hover {
    background-color: #c1e2b3;
}
.bg-info {
    background-color: #d9edf7;
}
a.bg-info:hover {
    background-color: #afd9ee;
}
.bg-warning {
    background-color: #fcf8e3;
}
a.bg-warning:hover {
    background-color: #f7ecb5;
}
.bg-danger {
    background-color: #f2dede;
}
a.bg-danger:hover {
    background-color: #e4b9b9;
}

/**-----------------------------End Back ground color ------------------------------------*/

/**------------------------------- List style -------------------------------------------*/
.list-unstyled {
    padding-left: 0;
    list-style: none;
}
.list-inline {
    padding-left: 0;
    margin-left: -5px;
    list-style: none;
}
.list-inline > li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}
/**------------------------------- End list style -------------------------------------------*/

/**------------------------------- containner ----------------------------------------------*/
.container {
    width: 1000px;
    margin: 0px auto;
}

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
/**------------------------------- End containner ----------------------------------------------*/

/**------------------------------- row, column ----------------------------------------------*/
.row {
    margin-right: -15px;
    margin-left: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}
.col-xs-12 {
    width: 100%;
}
.col-xs-11 {
    width: 91.66666667%;
}
.col-xs-10 {
    width: 83.33333333%;
}
.col-xs-9 {
    width: 75%;
}
.col-xs-8 {
    width: 66.66666667%;
}
.col-xs-7 {
    width: 58.33333333%;
}
.col-xs-6 {
    width: 50%;
}
.col-xs-5 {
    width: 41.66666667%;
}
.col-xs-4 {
    width: 33.33333333%;
}
.col-xs-3 {
    width: 25%;
}
.col-xs-2 {
    width: 16.66666667%;
}
.col-xs-1 {
    width: 8.33333333%;
}
.col-xs-pull-12 {
    right: 100%;
}
.col-xs-pull-11 {
    right: 91.66666667%;
}
.col-xs-pull-10 {
    right: 83.33333333%;
}
.col-xs-pull-9 {
    right: 75%;
}
.col-xs-pull-8 {
    right: 66.66666667%;
}
.col-xs-pull-7 {
    right: 58.33333333%;
}
.col-xs-pull-6 {
    right: 50%;
}
.col-xs-pull-5 {
    right: 41.66666667%;
}
.col-xs-pull-4 {
    right: 33.33333333%;
}
.col-xs-pull-3 {
    right: 25%;
}
.col-xs-pull-2 {
    right: 16.66666667%;
}
.col-xs-pull-1 {
    right: 8.33333333%;
}
.col-xs-pull-0 {
    right: auto;
}
.col-xs-push-12 {
    left: 100%;
}
.col-xs-push-11 {
    left: 91.66666667%;
}
.col-xs-push-10 {
    left: 83.33333333%;
}
.col-xs-push-9 {
    left: 75%;
}
.col-xs-push-8 {
    left: 66.66666667%;
}
.col-xs-push-7 {
    left: 58.33333333%;
}
.col-xs-push-6 {
    left: 50%;
}
.col-xs-push-5 {
    left: 41.66666667%;
}
.col-xs-push-4 {
    left: 33.33333333%;
}
.col-xs-push-3 {
    left: 25%;
}
.col-xs-push-2 {
    left: 16.66666667%;
}
.col-xs-push-1 {
    left: 8.33333333%;
}
.col-xs-push-0 {
    left: auto;
}
.col-xs-offset-12 {
    margin-left: 100%;
}
.col-xs-offset-11 {
    margin-left: 91.66666667%;
}
.col-xs-offset-10 {
    margin-left: 83.33333333%;
}
.col-xs-offset-9 {
    margin-left: 75%;
}
.col-xs-offset-8 {
    margin-left: 66.66666667%;
}
.col-xs-offset-7 {
    margin-left: 58.33333333%;
}
.col-xs-offset-6 {
    margin-left: 50%;
}
.col-xs-offset-5 {
    margin-left: 41.66666667%;
}
.col-xs-offset-4 {
    margin-left: 33.33333333%;
}
.col-xs-offset-3 {
    margin-left: 25%;
}
.col-xs-offset-2 {
    margin-left: 16.66666667%;
}
.col-xs-offset-1 {
    margin-left: 8.33333333%;
}
.col-xs-offset-0 {
    margin-left: 0;
}
@media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }
    .col-sm-12 {
        width: 100%;
    }
    .col-sm-11 {
        width: 91.66666667%;
    }
    .col-sm-10 {
        width: 83.33333333%;
    }
    .col-sm-9 {
        width: 75%;
    }
    .col-sm-8 {
        width: 66.66666667%;
    }
    .col-sm-7 {
        width: 58.33333333%;
    }
    .col-sm-6 {
        width: 50%;
    }
    .col-sm-5 {
        width: 41.66666667%;
    }
    .col-sm-4 {
        width: 33.33333333%;
    }
    .col-sm-3 {
        width: 25%;
    }
    .col-sm-2 {
        width: 16.66666667%;
    }
    .col-sm-1 {
        width: 8.33333333%;
    }
    .col-sm-pull-12 {
        right: 100%;
    }
    .col-sm-pull-11 {
        right: 91.66666667%;
    }
    .col-sm-pull-10 {
        right: 83.33333333%;
    }
    .col-sm-pull-9 {
        right: 75%;
    }
    .col-sm-pull-8 {
        right: 66.66666667%;
    }
    .col-sm-pull-7 {
        right: 58.33333333%;
    }
    .col-sm-pull-6 {
        right: 50%;
    }
    .col-sm-pull-5 {
        right: 41.66666667%;
    }
    .col-sm-pull-4 {
        right: 33.33333333%;
    }
    .col-sm-pull-3 {
        right: 25%;
    }
    .col-sm-pull-2 {
        right: 16.66666667%;
    }
    .col-sm-pull-1 {
        right: 8.33333333%;
    }
    .col-sm-pull-0 {
        right: auto;
    }
    .col-sm-push-12 {
        left: 100%;
    }
    .col-sm-push-11 {
        left: 91.66666667%;
    }
    .col-sm-push-10 {
        left: 83.33333333%;
    }
    .col-sm-push-9 {
        left: 75%;
    }
    .col-sm-push-8 {
        left: 66.66666667%;
    }
    .col-sm-push-7 {
        left: 58.33333333%;
    }
    .col-sm-push-6 {
        left: 50%;
    }
    .col-sm-push-5 {
        left: 41.66666667%;
    }
    .col-sm-push-4 {
        left: 33.33333333%;
    }
    .col-sm-push-3 {
        left: 25%;
    }
    .col-sm-push-2 {
        left: 16.66666667%;
    }
    .col-sm-push-1 {
        left: 8.33333333%;
    }
    .col-sm-push-0 {
        left: auto;
    }
    .col-sm-offset-12 {
        margin-left: 100%;
    }
    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-sm-offset-9 {
        margin-left: 75%;
    }
    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-sm-offset-6 {
        margin-left: 50%;
    }
    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-sm-offset-3 {
        margin-left: 25%;
    }
    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-sm-offset-0 {
        margin-left: 0;
    }
}
@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }
    .col-md-12 {
        width: 100%;
    }
    .col-md-11 {
        width: 91.66666667%;
    }
    .col-md-10 {
        width: 83.33333333%;
    }
    .col-md-9 {
        width: 75%;
    }
    .col-md-8 {
        width: 66.66666667%;
    }
    .col-md-7 {
        width: 58.33333333%;
    }
    .col-md-6 {
        width: 50%;
    }
    .col-md-5 {
        width: 41.66666667%;
    }
    .col-md-4 {
        width: 33.33333333%;
    }
    .col-md-3 {
        width: 25%;
    }
    .col-md-2 {
        width: 16.66666667%;
    }
    .col-md-1 {
        width: 8.33333333%;
    }
    .col-md-pull-12 {
        right: 100%;
    }
    .col-md-pull-11 {
        right: 91.66666667%;
    }
    .col-md-pull-10 {
        right: 83.33333333%;
    }
    .col-md-pull-9 {
        right: 75%;
    }
    .col-md-pull-8 {
        right: 66.66666667%;
    }
    .col-md-pull-7 {
        right: 58.33333333%;
    }
    .col-md-pull-6 {
        right: 50%;
    }
    .col-md-pull-5 {
        right: 41.66666667%;
    }
    .col-md-pull-4 {
        right: 33.33333333%;
    }
    .col-md-pull-3 {
        right: 25%;
    }
    .col-md-pull-2 {
        right: 16.66666667%;
    }
    .col-md-pull-1 {
        right: 8.33333333%;
    }
    .col-md-pull-0 {
        right: auto;
    }
    .col-md-push-12 {
        left: 100%;
    }
    .col-md-push-11 {
        left: 91.66666667%;
    }
    .col-md-push-10 {
        left: 83.33333333%;
    }
    .col-md-push-9 {
        left: 75%;
    }
    .col-md-push-8 {
        left: 66.66666667%;
    }
    .col-md-push-7 {
        left: 58.33333333%;
    }
    .col-md-push-6 {
        left: 50%;
    }
    .col-md-push-5 {
        left: 41.66666667%;
    }
    .col-md-push-4 {
        left: 33.33333333%;
    }
    .col-md-push-3 {
        left: 25%;
    }
    .col-md-push-2 {
        left: 16.66666667%;
    }
    .col-md-push-1 {
        left: 8.33333333%;
    }
    .col-md-push-0 {
        left: auto;
    }
    .col-md-offset-12 {
        margin-left: 100%;
    }
    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-md-offset-9 {
        margin-left: 75%;
    }
    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-md-offset-6 {
        margin-left: 50%;
    }
    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-md-offset-3 {
        margin-left: 25%;
    }
    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-md-offset-0 {
        margin-left: 0;
    }
}
@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left;
    }
    .col-lg-12 {
        width: 100%;
    }
    .col-lg-11 {
        width: 91.66666667%;
    }
    .col-lg-10 {
        width: 83.33333333%;
    }
    .col-lg-9 {
        width: 75%;
    }
    .col-lg-8 {
        width: 66.66666667%;
    }
    .col-lg-7 {
        width: 58.33333333%;
    }
    .col-lg-6 {
        width: 50%;
    }
    .col-lg-5 {
        width: 41.66666667%;
    }
    .col-lg-4 {
        width: 33.33333333%;
    }
    .col-lg-3 {
        width: 25%;
    }
    .col-lg-2 {
        width: 16.66666667%;
    }
    .col-lg-1 {
        width: 8.33333333%;
    }
    .col-lg-pull-12 {
        right: 100%;
    }
    .col-lg-pull-11 {
        right: 91.66666667%;
    }
    .col-lg-pull-10 {
        right: 83.33333333%;
    }
    .col-lg-pull-9 {
        right: 75%;
    }
    .col-lg-pull-8 {
        right: 66.66666667%;
    }
    .col-lg-pull-7 {
        right: 58.33333333%;
    }
    .col-lg-pull-6 {
        right: 50%;
    }
    .col-lg-pull-5 {
        right: 41.66666667%;
    }
    .col-lg-pull-4 {
        right: 33.33333333%;
    }
    .col-lg-pull-3 {
        right: 25%;
    }
    .col-lg-pull-2 {
        right: 16.66666667%;
    }
    .col-lg-pull-1 {
        right: 8.33333333%;
    }
    .col-lg-pull-0 {
        right: auto;
    }
    .col-lg-push-12 {
        left: 100%;
    }
    .col-lg-push-11 {
        left: 91.66666667%;
    }
    .col-lg-push-10 {
        left: 83.33333333%;
    }
    .col-lg-push-9 {
        left: 75%;
    }
    .col-lg-push-8 {
        left: 66.66666667%;
    }
    .col-lg-push-7 {
        left: 58.33333333%;
    }
    .col-lg-push-6 {
        left: 50%;
    }
    .col-lg-push-5 {
        left: 41.66666667%;
    }
    .col-lg-push-4 {
        left: 33.33333333%;
    }
    .col-lg-push-3 {
        left: 25%;
    }
    .col-lg-push-2 {
        left: 16.66666667%;
    }
    .col-lg-push-1 {
        left: 8.33333333%;
    }
    .col-lg-push-0 {
        left: auto;
    }
    .col-lg-offset-12 {
        margin-left: 100%;
    }
    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-lg-offset-9 {
        margin-left: 75%;
    }
    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-lg-offset-6 {
        margin-left: 50%;
    }
    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-lg-offset-3 {
        margin-left: 25%;
    }
    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-lg-offset-0 {
        margin-left: 0;
    }
}
/**------------------------------- End row, column ----------------------------------------------*/

/**------------------------------- Table ----------------------------------------------*/
table {
    background-color: transparent;
}
th {
    text-align: left;
}
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #eee;
}
.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #eee;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
    border-top: 0;
}
.table > tbody + tbody {
    border-top: 2px solid #eee;
}
.table .table {
    background-color: #fff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
    padding: 5px;
}
.table-bordered {
    border: 1px solid #eee;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
    border: 1px solid #eee;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
    border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
    background-color: #f5f5f5;
}
table col[class*="col-"] {
    position: static;
    display: table-column;
    float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
    position: static;
    display: table-cell;
    float: none;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
    background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
    background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
    background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
    background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
    background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
    background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
    background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
    background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
    background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
    background-color: #ebcccc;
}
@media screen and (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #eee;
    }
    .table-responsive > .table {
        margin-bottom: 0;
    }
    .table-responsive > .table > thead > tr > th,
    .table-responsive > .table > tbody > tr > th,
    .table-responsive > .table > tfoot > tr > th,
    .table-responsive > .table > thead > tr > td,
    .table-responsive > .table > tbody > tr > td,
    .table-responsive > .table > tfoot > tr > td {
        white-space: nowrap;
    }
    .table-responsive > .table-bordered {
        border: 0;
    }
    .table-responsive > .table-bordered > thead > tr > th:first-child,
    .table-responsive > .table-bordered > tbody > tr > th:first-child,
    .table-responsive > .table-bordered > tfoot > tr > th:first-child,
    .table-responsive > .table-bordered > thead > tr > td:first-child,
    .table-responsive > .table-bordered > tbody > tr > td:first-child,
    .table-responsive > .table-bordered > tfoot > tr > td:first-child {
        border-left: 0;
    }
    .table-responsive > .table-bordered > thead > tr > th:last-child,
    .table-responsive > .table-bordered > tbody > tr > th:last-child,
    .table-responsive > .table-bordered > tfoot > tr > th:last-child,
    .table-responsive > .table-bordered > thead > tr > td:last-child,
    .table-responsive > .table-bordered > tbody > tr > td:last-child,
    .table-responsive > .table-bordered > tfoot > tr > td:last-child {
        border-right: 0;
    }
    .table-responsive > .table-bordered > tbody > tr:last-child > th,
    .table-responsive > .table-bordered > tfoot > tr:last-child > th,
    .table-responsive > .table-bordered > tbody > tr:last-child > td,
    .table-responsive > .table-bordered > tfoot > tr:last-child > td {
        border-bottom: 0;
    }
}
/**------------------------------- End Table ----------------------------------------------*/


/**------------------------------- Form ----------------------------------------------*/

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}
legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
}
input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
}
input[type="file"] {
    display: block;
}
input[type="range"] {
    display: block;
    width: 100%;
}
select[multiple],
select[size] {
    height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control::-moz-placeholder {
    color: #777;
    opacity: 1;
}
.form-control:-ms-input-placeholder {
    color: #777;
}
.form-control::-webkit-input-placeholder {
    color: #777;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #eee;
    opacity: 1;
}
textarea.form-control {
    height: auto;
}
input[type="search"] {
    -webkit-appearance: none;
}
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
    line-height: 34px;
    line-height: 1.42857143 \0;
}
input[type="date"].input-sm,
input[type="time"].input-sm,
input[type="datetime-local"].input-sm,
input[type="month"].input-sm {
    line-height: 30px;
}
input[type="date"].input-lg,
input[type="time"].input-lg,
input[type="datetime-local"].input-lg,
input[type="month"].input-lg {
    line-height: 46px;
}
.form-group {
    margin-bottom: 15px;
}
.radio,
.checkbox {
    position: relative;
    display: block;
    min-height: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.radio label,
.checkbox label {
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-top: 4px \9;
    margin-left: -20px;
}
.radio + .radio,
.checkbox + .checkbox {
    margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    vertical-align: middle;
    cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
    margin-top: 0;
    margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
    cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
    cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
    cursor: not-allowed;
}
.form-control-static {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
    padding-right: 0;
    padding-left: 0;
}
.input-sm,
.form-horizontal .form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
select.input-sm {
    height: 30px;
    line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
    height: auto;
}
.input-lg,
.form-horizontal .form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px;
}
select.input-lg {
    height: 46px;
    line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg {
    height: auto;
}
.has-feedback {
    position: relative;
}
.has-feedback .form-control {
    padding-right: 42.5px;
}
.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
}
.input-lg + .form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px;
}
.input-sm + .form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
    color: #3c763d;
}
.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-success .form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #3c763d;
}
.has-success .form-control-feedback {
    color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
    color: #8a6d3b;
}
.has-warning .form-control {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-warning .form-control:focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #8a6d3b;
}
.has-warning .form-control-feedback {
    color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
    color: #a94442;
}
.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
    color: #a94442;
    background-color: #f2dede;
    border-color: #a94442;
}
.has-error .form-control-feedback {
    color: #a94442;
}
.has-feedback label.sr-only ~ .form-control-feedback {
    top: 0;
}
.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373;
}

@media (min-width: 768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }
    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle;
    }
    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn,
    .form-inline .input-group .form-control {
        width: auto;
    }
    .form-inline .input-group > .form-control {
        width: 100%;
    }
    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }
    .form-inline .radio,
    .form-inline .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }
    .form-inline .radio label,
    .form-inline .checkbox label {
        padding-left: 0;
    }
    .form-inline .radio input[type="radio"],
    .form-inline .checkbox input[type="checkbox"] {
        position: relative;
        margin-left: 0;
    }
    .form-inline .has-feedback .form-control-feedback {
        top: 0;
    }
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
    padding-top: 7px;
    margin-top: 0;
    margin-bottom: 0;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
    min-height: 27px;
}
.form-horizontal .form-group {
    margin-right: -15px;
    margin-left: -15px;
    display: inline-block;
    width: 100%;
}
@media (min-width: 768px) {
    .form-horizontal .control-label {
        padding-top: 7px;
        margin-bottom: 0;
        text-align: right;
    }
}
.form-horizontal .has-feedback .form-control-feedback {
    top: 0;
    right: 15px;
}
@media (min-width: 768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 14.3px;
    }
}
@media (min-width: 768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px;
    }
}

/**------------------------------- End Form ----------------------------------------------*/

/**------------------------------- Button ----------------------------------------------*/

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.btn:hover,
.btn:focus {
    color: #333;
    text-decoration: none;
}
.btn:active,
.btn.active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    pointer-events: none;
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
    background-color: #fff;
    border-color: #ccc;
}
.btn-default .badge {
    color: #fff;
    background-color: #333;
}
.btn-primary {
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #3071a9;
    border-color: #285e8e;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: #428bca;
    border-color: #357ebd;
}
.btn-primary .badge {
    color: #428bca;
    background-color: #fff;
}
.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
    background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
    background-color: #5cb85c;
    border-color: #4cae4c;
}
.btn-success .badge {
    color: #5cb85c;
    background-color: #fff;
}
.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
    background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
    background-color: #5bc0de;
    border-color: #46b8da;
}
.btn-info .badge {
    color: #5bc0de;
    background-color: #fff;
}
.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
    background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
    background-color: #f0ad4e;
    border-color: #eea236;
}
.btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff;
}
.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
    background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
    background-color: #d9534f;
    border-color: #d43f3a;
}
.btn-danger .badge {
    color: #d9534f;
    background-color: #fff;
}
.btn-link {
    font-weight: normal;
    color: #428bca;
    cursor: pointer;
    border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
    border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
    color: #83561c;
    text-decoration: underline;
    background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
    color: #777;
    text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.btn-block {
    display: block;
    width: 100%;
}
.btn-block + .btn-block {
    margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%;
}

/**------------------------------- End Button ----------------------------------------------*/

.dropdown {
    position: relative;
}
.dropdown-toggle:focus {
    outline: 0;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-menu.pull-right {
    right: 0;
    left: auto;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}
.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #428bca;
    outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
    color: #777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.open > .dropdown-menu {
    display: block;
}
.open > a {
    outline: 0;
}
.dropdown-menu-right {
    right: 0;
    left: auto;
}
.dropdown-menu-left {
    right: auto;
    left: 0;
}
.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap;
}
.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990;
}
.pull-right > .dropdown-menu {
    right: 0;
    left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    content: "";
    border-top: 0;
    border-bottom: 4px solid;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px;
}
.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
    position: relative;
    float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
    z-index: 2;
}
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus {
    outline: 0;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
    margin-left: -1px;
}
.btn-toolbar {
    margin-left: -5px;
}
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
    float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
    margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
}
.btn-group > .btn:first-child {
    margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.btn-group > .btn-group {
    float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
    border-radius: 0;
}
.btn-group > .btn-group:first-child > .btn:last-child,
.btn-group > .btn-group:first-child > .dropdown-toggle {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.btn-group > .btn-group:last-child > .btn:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
    outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
    padding-right: 8px;
    padding-left: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
    padding-right: 12px;
    padding-left: 12px;
}
.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn-group.open .dropdown-toggle.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn .caret {
    margin-left: 0;
}
.btn-lg .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0;
}
.dropup .btn-lg .caret {
    border-width: 0 5px 5px;
}
.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
/**------------------------------------------- Nav -------------------------------------------*/

.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.nav > li {
    position: relative;
    display: block;
}
.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
    text-decoration: none;
    background-color: #eee;
}
.nav > li.disabled > a {
    color: #777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
    color: #777;
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    background-color: #eee;
    border-color: #428bca;
}
.nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}
.nav > li > a > img {
    max-width: none;
}
.nav-tabs {
    border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
    float: left;
    margin-bottom: -1px;
}
.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
    border-color: #eee #eee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}
.nav-tabs.nav-justified {
    width: 100%;
    border-bottom: 0;
}
.nav-tabs.nav-justified > li {
    float: none;
}
.nav-tabs.nav-justified > li > a {
    margin-bottom: 5px;
    text-align: center;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto;
}
@media (min-width: 768px) {
    .nav-tabs.nav-justified > li {
        display: table-cell;
        width: 1%;
    }
    .nav-tabs.nav-justified > li > a {
        margin-bottom: 0;
    }
}
.nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
    border: 1px solid #ddd;
}
@media (min-width: 768px) {
    .nav-tabs.nav-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0;
    }
    .nav-tabs.nav-justified > .active > a,
    .nav-tabs.nav-justified > .active > a:hover,
    .nav-tabs.nav-justified > .active > a:focus {
        border-bottom-color: #fff;
    }
}
.nav-pills > li {
    float: left;
}
.nav-pills > li > a {
    border-radius: 4px;
}
.nav-pills > li + li {
    margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #428bca;
}
.nav-stacked > li {
    float: none;
}
.nav-stacked > li + li {
    margin-top: 2px;
    margin-left: 0;
}
.nav-justified {
    width: 100%;
}
.nav-justified > li {
    float: none;
}
.nav-justified > li > a {
    margin-bottom: 5px;
    text-align: center;
}
.nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto;
}
@media (min-width: 768px) {
    .nav-justified > li {
        display: table-cell;
        width: 1%;
    }
    .nav-justified > li > a {
        margin-bottom: 0;
    }
}
.nav-tabs-justified {
    border-bottom: 0;
}
.nav-tabs-justified > li > a {
    margin-right: 0;
    border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
    border: 1px solid #ddd;
}
@media (min-width: 768px) {
    .nav-tabs-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0;
    }
    .nav-tabs-justified > .active > a,
    .nav-tabs-justified > .active > a:hover,
    .nav-tabs-justified > .active > a:focus {
        border-bottom-color: #fff;
    }
}
.tab-content > .tab-pane {
    display: none;
}
.tab-content > .active {
    display: block;
}
.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent;
}
@media (min-width: 768px) {
    .navbar {
        border-radius: 4px;
    }
}
@media (min-width: 768px) {
    .navbar-header {
        float: left;
    }
}
.navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}
.navbar-collapse.in {
    overflow-y: auto;
}
@media (min-width: 768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
    }
    .navbar-collapse.in {
        overflow-y: visible;
    }
    .navbar-fixed-top .navbar-collapse,
    .navbar-static-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        padding-right: 0;
        padding-left: 0;
    }
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
    max-height: 340px;
}
@media (max-width: 480px) and (orientation: landscape) {
    .navbar-fixed-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        max-height: 200px;
    }
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
}
@media (min-width: 768px) {
    .container > .navbar-header,
    .container-fluid > .navbar-header,
    .container > .navbar-collapse,
    .container-fluid > .navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }
}
.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px;
}
@media (min-width: 768px) {
    .navbar-static-top {
        border-radius: 0;
    }
}
.navbar-fixed-top,
.navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
@media (min-width: 768px) {
    .navbar-fixed-top,
    .navbar-fixed-bottom {
        border-radius: 0;
    }
}
.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
}
.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0;
}
.navbar-brand {
    float: left;
    height: 50px;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
}
.navbar-brand:hover,
.navbar-brand:focus {
    text-decoration: none;
}
@media (min-width: 768px) {
    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand {
        margin-left: -15px;
    }
}
.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.navbar-toggle:focus {
    outline: 0;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px;
}
@media (min-width: 768px) {
    .navbar-toggle {
        display: none;
    }
}
.navbar-nav {
    margin: 7.5px -15px;
}
.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
}
@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .navbar-nav .open .dropdown-menu > li > a,
    .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px;
    }
    .navbar-nav .open .dropdown-menu > li > a {
        line-height: 20px;
    }
    .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-nav .open .dropdown-menu > li > a:focus {
        background-image: none;
    }
}
@media (min-width: 768px) {
    .navbar-nav {
        float: left;
        margin: 0;
    }
    .navbar-nav > li {
        float: left;
    }
    .navbar-nav > li > a {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .navbar-nav.navbar-right:last-child {
        margin-right: -15px;
    }
}
@media (min-width: 768px) {
    .navbar-left {
        float: left !important;
    }
    .navbar-right {
        float: right !important;
    }
}
.navbar-form {
    padding: 10px 15px;
    margin-top: 8px;
    margin-right: -15px;
    margin-bottom: 8px;
    margin-left: -15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
}
@media (min-width: 768px) {
    .navbar-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }
    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }
    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle;
    }
    .navbar-form .input-group .input-group-addon,
    .navbar-form .input-group .input-group-btn,
    .navbar-form .input-group .form-control {
        width: auto;
    }
    .navbar-form .input-group > .form-control {
        width: 100%;
    }
    .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }
    .navbar-form .radio,
    .navbar-form .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }
    .navbar-form .radio label,
    .navbar-form .checkbox label {
        padding-left: 0;
    }
    .navbar-form .radio input[type="radio"],
    .navbar-form .checkbox input[type="checkbox"] {
        position: relative;
        margin-left: 0;
    }
    .navbar-form .has-feedback .form-control-feedback {
        top: 0;
    }
}
@media (max-width: 767px) {
    .navbar-form .form-group {
        margin-bottom: 5px;
    }
}
@media (min-width: 768px) {
    .navbar-form {
        width: auto;
        padding-top: 0;
        padding-bottom: 0;
        margin-right: 0;
        margin-left: 0;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .navbar-form.navbar-right:last-child {
        margin-right: -15px;
    }
}
.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.navbar-btn {
    margin-top: 8px;
    margin-bottom: 8px;
}
.navbar-btn.btn-sm {
    margin-top: 10px;
    margin-bottom: 10px;
}
.navbar-btn.btn-xs {
    margin-top: 14px;
    margin-bottom: 14px;
}
.navbar-text {
    margin-top: 15px;
    margin-bottom: 15px;
}
@media (min-width: 768px) {
    .navbar-text {
        float: left;
        margin-right: 15px;
        margin-left: 15px;
    }
    .navbar-text.navbar-right:last-child {
        margin-right: 0;
    }
}
.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
    color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #5e5e5e;
    background-color: transparent;
}
.navbar-default .navbar-text {
    color: #777;
}
.navbar-default .navbar-nav > li > a {
    color: #777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #333;
    background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
}
.navbar-default .navbar-toggle {
    border-color: #ddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #e7e7e7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #555;
    background-color: #e7e7e7;
}
.navbar-right .dropdown-menu {
    left: auto;
    right: 0;
}
@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333;
        background-color: transparent;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #555;
        background-color: #e7e7e7;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #ccc;
        background-color: transparent;
    }
}
.navbar-default .navbar-link {
    color: #777;
}
.navbar-default .navbar-link:hover {
    color: #333;
}
.navbar-default .btn-link {
    color: #777;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
    color: #333;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
    color: #ccc;
}
/**------------------------------------------- End Nav -------------------------------------------*/

/**------------------------------------------- Breadcrumb -------------------------------------------*/
.breadcrumb {
    padding-bottom:10px;
    list-style: none;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom:10px;
	background-color: #fff;
}
.breadcrumb > li {
    display: inline-block;
    font-size: 90%;
    white-space: nowrap;
}
.breadcrumb > li + li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
}
.breadcrumb > .active {
    color: #777;
}
/**------------------------------------------- End Breadcrumb -------------------------------------------*/

/**------------------------------------------- Paging -------------------------------------------*/
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
.pagination > li {
    display: inline;
}
.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #428bca;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    color: #83561c;
    background-color: #eee;
    border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #428bca;
    border-color: #428bca;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.pager {
    padding-left: 0;
    margin: 20px 0;
    text-align: center;
    list-style: none;
}
.pager li {
    display: inline;
}
.pager li > a,
.pager li > span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
    text-decoration: none;
    background-color: #eee;
}
.pager .next > a,
.pager .next > span {
    float: right;
}
.pager .previous > a,
.pager .previous > span {
    float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
}
/**------------------------------------------- End Paging -------------------------------------------*/

/**------------------------------------------- Label -------------------------------------------*/
.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}
a.label:hover,
a.label:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}
.label:empty {
    display: none;
}
.btn .label {
    position: relative;
    top: -1px;
}
.label-default {
    background-color: #777;
}
.label-default[href]:hover,
.label-default[href]:focus {
    background-color: #5e5e5e;
}
.label-primary {
    background-color: #428bca;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
    background-color: #3071a9;
}
.label-success {
    background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
    background-color: #449d44;
}
.label-info {
    background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
    background-color: #31b0d5;
}
.label-warning {
    background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
    background-color: #ec971f;
}
.label-danger {
    background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
    background-color: #c9302c;
}
/**------------------------------------------- End Label -------------------------------------------*/

/**------------------------------------------- Thumbnail -------------------------------------------*/

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
    margin-right: auto;
    margin-left: auto;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
    border-color: #428bca;
}
.thumbnail .caption {
    padding: 9px;
    color: #333;
}
/**------------------------------------------- End Thumbnail -------------------------------------------*/

/**-------------------------------------------- List group -------------------------------------------*/
.list-group {
    padding-left: 0;
    margin-bottom: 20px;
}
.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    /*    background-color: #fff;*/
    border: 1px solid #ddd;
}
.list-group-item .list-group{margin-bottom: 0px;}
.list-group-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}
.list-group-item > .badge {
    float: right;
}
.list-group-item > .badge + .badge {
    margin-right: 5px;
}
a.list-group-item {
    color: #555;
}
a.list-group-item .list-group-item-heading {
    color: #333;
}
a.list-group-item:hover,
a.list-group-item:focus {
    color: #555;
    text-decoration: none;
    background-color: #f5f5f5;
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
    color: #777;
    background-color: #eee;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
    color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
    color: #777;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    z-index: 2;
    color: #fff;
    background-color: #428bca;
    border-color: #428bca;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small {
    color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
    color: #e1edf7;
}
.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8;
}
a.list-group-item-success {
    color: #3c763d;
}
a.list-group-item-success .list-group-item-heading {
    color: inherit;
}
a.list-group-item-success:hover,
a.list-group-item-success:focus {
    color: #3c763d;
    background-color: #d0e9c6;
}
a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d;
}
.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7;
}
a.list-group-item-info {
    color: #31708f;
}
a.list-group-item-info .list-group-item-heading {
    color: inherit;
}
a.list-group-item-info:hover,
a.list-group-item-info:focus {
    color: #31708f;
    background-color: #c4e3f3;
}
a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f;
}
.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
}
a.list-group-item-warning {
    color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading {
    color: inherit;
}
a.list-group-item-warning:hover,
a.list-group-item-warning:focus {
    color: #8a6d3b;
    background-color: #faf2cc;
}
a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b;
}
.list-group-item-danger {
    color: #a94442;
    background-color: #f2dede;
}
a.list-group-item-danger {
    color: #a94442;
}
a.list-group-item-danger .list-group-item-heading {
    color: inherit;
}
a.list-group-item-danger:hover,
a.list-group-item-danger:focus {
    color: #a94442;
    background-color: #ebcccc;
}
a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442;
}
.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px;
}
.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3;
}
.list-group .list-group{padding-left: 10px;}
/**-------------------------------------------- End List group -------------------------------------------*/
/**-------------------------------------------- Panel ---------------------------------------------------*/
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.panel-body {
    padding: 5px 10px;
}
.panel-heading {
    padding: 10px;
    border-bottom: 1px solid transparent;
}
.panel-heading h2, .panel-heading h3,.panel-heading h4{padding: 0; margin:0;}
.panel-heading > .dropdown .dropdown-toggle {
    color: inherit;
}
.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}
.panel-title > a {
    color: inherit;
}
.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.panel > .list-group {
    margin-bottom: 0;
}
.panel > .list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child {
    border-top: 0;
}
.panel > .list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
}
.panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0;
}
.list-group + .panel-footer {
    border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
    margin-bottom: 0;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
    border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
    border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
    border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
    border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive {
    border-top: 1px solid #ddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
    border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
    border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
    border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
    border-bottom: 0;
}
.panel > .table-responsive {
    margin-bottom: 0;
    border: 0;
}
.panel-group {
    margin-bottom: 20px;
}
.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px;
}
.panel-group .panel + .panel {
    margin-top: 5px;
}
.panel-group .panel-heading {
    border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
    border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
    border-bottom: 1px solid #ddd;
}
.panel-default {
    border-color: #ddd;
}
.panel-default > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
    text-transform: uppercase;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
    color: #f5f5f5;
    background-color: #333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ddd;
}
.panel-primary {
    border-color: #428bca;
}
.panel-primary > .panel-heading {
    color: #fff;
    background-color: #428bca;
    border-color: #428bca;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #428bca;
}
.panel-primary > .panel-heading .badge {
    color: #428bca;
    background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #428bca;
}
.panel-success {
    border-color: #d6e9c6;
}
.panel-success > .panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
    color: #dff0d8;
    background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #d6e9c6;
}
.panel-info {
    border-color: #bce8f1;
}
.panel-info > .panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
    color: #d9edf7;
    background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #bce8f1;
}
.panel-warning {
    border-color: #faebcc;
}
.panel-warning > .panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
    color: #fcf8e3;
    background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #faebcc;
}
.panel-danger {
    border-color: #ebccd1;
}
.panel-danger > .panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
    color: #f2dede;
    background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ebccd1;
}

/**-------------------------------------------- End Panel ---------------------------------------------------*/

/**------------------------------------------- Embed -------------------------------------------------------*/
.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.embed-responsive.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}
.embed-responsive.embed-responsive-4by3 {
    padding-bottom: 75%;
}
/**------------------------------------------- End Embed -------------------------------------------------------*/

/**------------------------------------------- Clear -------------------------------------------------------*/
.clearfix:before,
.clearfix:after,
.layout:before,
.layout:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
    display: table;
    content: " ";
}
.clearfix:after,
.layout:after,
.dl-horizontal dd:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
    clear: both;
}
/**------------------------------------------- End clear -------------------------------------------------------*/
.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}
.pull-right {
    float: right !important;
}
.pull-left {
    float: left !important;
}
.hide {
    display: none !important;
}
.show {
    display: block !important;
}
.invisible {
    visibility: hidden;
}
.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}
.hidden {
    display: none !important;
    visibility: hidden !important;
}
.affix {
    position: fixed;
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
@-ms-viewport {
    width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
    display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
    display: none !important;
}

/** ----------------------------------------------- W3N -------------------------------------------------*/
#header{}
#leftCol {
    float: left;
    display: block;
    position: relative;
    width: 200px;
    word-wrap: break-word;
}

.layout-2 #contentCol,.layout-3 #contentCol {
    margin-left: 215px;
}

.layout-2-right #centerCol,.layout-3 #centerCol{
    margin-right: 215px;
}
#rightCol{ 
    float: right;
    width: 200px;
}
.centerContent{padding: 0px 15px; margin-bottom: 10px; background-color: #FFF;min-height: 300px;}
/** -------------------------------------------- LIST -----------------------------------------------------*/
.list{ margin-bottom: 20px;padding: 0px;}
.list-item{
    display: block;
    padding: 10px 0px;
    border-top: dotted 1px #CCC;
    position: relative;
}
.list-item:first-child{border-top: none;}
.list-content{padding: 0px; margin: 0px;display:inline-block; width: 100%;}
/*.list-content:before,.list-content:after{ content: " ";display: table;}
.list-content:after{ clear: both;}*/
.list-content .list-content-box{float:left;width: 100%;}
.list-content .list-content-box:after{content: " ";display: table; clear: both;}
.list-content .list-content-img{ border: 1px solid #e1e1e1;float: left;max-height: 200px;width: 200px; padding: 2px; overflow: hidden;margin: 0px 20px 2px 0px;}
.list-content .list-content-img a{max-height: 100%; height: 100%; overflow: hidden; display: block;}
.list-content .list-content-img img{max-width: 100%; width: 100%; display: block;}
.list-content .list-content-body{ float: none;margin: 0;width: auto;}
.list-content-body .list-content-title{color: inherit; display: block; padding-bottom: 10px;}
.list-content-body .list-content-title a,
.list-content-body .list-content-title p
{color: inherit;text-decoration: none; font-weight: bold;}
.grid .list-content-body .list-content-title a,
.grid .list-content-body .list-content-title p
{font-weight: normal;}
.list-content-body .list-content-title a:hover,
.list-content-body .list-content-title a:active
{text-decoration: none;}
.list-content-body .list-content-detail,.list-content-body .list-content-detail p,.list-content-body .list-content-detail,.list-content-body .list-content-detail a{text-align: justify;}
.list-content-body .list-content-detail p{margin: 0;}
.list-content-body .list-content-viewdetail{position: absolute; right: 0px; margin-top: 10px; bottom: 0;}
.layout-3 .list-content .list-content-img{width: 150px;}
.layout-3 .list-content .list-content-body{margin-left: 165px;}
/**----------------------grid-----------------------------*/
.list.grid{margin: 0px -10px 15px -15px; overflow: hidden;}
.list.grid:before,.list.grid:after{ content: " ";display: table;}
.list.grid:after{ clear: both;}
.list.grid .list-item{float: left; width:25%; display: block;position: relative; border: none; padding: 0px; padding-top: 30px; height: 260px;}
.list.grid .list-item .list-content{margin: 0px 15px;display: block; width: auto; overflow: hidden;}
.list.grid .list-item .list-content-box{width: 100%;}
.list.grid .list-item .list-content-box .list-content-img{padding: 0px; border: none; width: 100%; height: 150px; float: none; position: relative;}
.list.grid .list-content .list-content-img img{position: absolute; top: 0; left:0; right:0; bottom: 0; margin: auto; width: auto; max-width: 100%;}
.list.grid .list-item .list-content-box .list-content-body{margin-left: 0px;}
.list.grid .list-item .list-content-box .list-content-detail{display: none;}
.list.grid .list-item .list-content-box .list-content-viewdetail{display: none;}
.list.grid .list-item .list-content-body .list-content-title{overflow: hidden; max-height:40px; display: block; margin-top: 10px;}
.list.grid .list-item .list-content-body .list-content-title-1{overflow: hidden; height:25px; display: block; margin-top: 10px;}
.list.grid .list-item .list-content-body .list-content-title-1 a{overflow: hidden; display: block; text-overflow: ellipsis; white-space: nowrap; max-height: 100%;}
.list.grid .list-item:hover .list-content-box .list-content-img img{transform: scale(1.15, 1.15); transition: all 0.3s ease 0s}
.list .product-price-box{position: relative;}
.list .product-price{color: #900; font-weight: bold; display: block; margin-bottom: 6px; max-width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

.list.grid.albums .list-item{height: 220px;}
.list.grid.media .list-item{height: 235px;padding-top: 15px;}
.list.grid.media .list-item .list-content-box .list-content-img{height: 150px; padding: 0px;}

.list.list-small .list-content .list-content-img{width: 100px; max-height: 100px; margin-right: 0px;}
.list.list-small .list-content .list-content-body{margin-left: 115px;}
.list.list-small .list-content-body .list-content-title{padding-bottom: 5px;}
/** -------------------------------------------- END LIST -----------------------------------------------------*/

/** -------------------------------------------- Menu ----------------------------------------------------------*/
.menu:before,.menu:after{content:""; display: table; line-height: 0px;}
.menu:after{clear: both;}
.menu{margin:0; background-color: #FFF; list-style: none;}
.menu > li{
    position: relative; 
    /*        display: inline-block; */
    float:left;
}
.menu li + li:before{padding: 0px 10px; content: "|";color: #ddd;}
.menu li a{white-space: nowrap; line-height: 30px; text-decoration: none; color: inherit; font-weight: normal; display: inline-block;}
.menu li a:hover{color: #1047AB;}
.menu li.active > a{color: #1047AB;}
.menu .submenu > a{}
.menu .submenu > a:after{ 
    border-color: transparent;
    border-style: solid;
    border-width: 4px;
    content: " ";
    display: none;
    height: 0;
    margin-top: -3px;
    width: 0;
    position: absolute;
    top: 50%;
    right: -10px;
    border-top: 5px solid;
}
.menu .submenu:hover > a:after{display: block;}
.menu .submenu .menu .submenu > a:after{
    right:0px;
    border-top: 4px solid transparent;
    border-left: 5px solid;
    display: block;

}
.submenu .menu{
    display: none;
    list-style: none outside none;
    position: absolute;
    text-align: left;
    top: 100%;
    left: 10px;
    z-index: 10;
    border: 1px solid #DDD;
    padding:0px;
}
.submenu:first-child .menu{left: 0;}
.submenu .menu .menu{left: 100%; top: -1px;}
.submenu:hover > .menu{display:block;}
.submenu .menu li {width: 220px; display: block; border-top: 1px solid #F1F1F1; padding:8px 0px; float: none;}
.submenu .menu li:first-child{border-top: none;}
.submenu .menu li+li:before{display: none;}
.submenu .menu li a{max-width: 220px; line-height: 20px; padding: 0px 15px; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-left: 10px; margin-left: 0px; border-left: 5px solid transparent;}
.submenu .menu li:hover > a{color: #1047AB; border-left-color: #CCC}

.menu.menu-align-right .submenu .menu{left: inherit; right: -17px;}
.menu.menu-align-right .submenu .menu li a {text-align: right; padding-right: 10px; border-left: none; padding-left: 15px; border-right: 5px solid transparent;}
.menu.menu-align-right .submenu .menu li:hover > a{border-right-color: #CCC}
.menu.menu-align-right .submenu .menu .menu{left: inherit; right: 100%;}

.menu.menu-align-right.menu-list li > a{padding-left: 10px;}
.menu.menu-align-right.menu-list .submenu > a:after,.menu.menu-align-right .submenu .menu .submenu > a:after{
    border-right: 5px solid; border-left: 4px solid transparent;
    right: 100%; margin-right: -6px;
}

.menu.menu-list li{float: none; display:block;padding:0px 10px 0px 0px;}
.menu.menu-list li + li:before{display: none;}
.menu.menu-list .submenu > a:after{
    border-top: 4px solid transparent;
    border-left: 5px solid;
    margin-right: 6px;

}

.menu.menu-list li{float: none; display:block;}
.menu.menu-list li + li:before{display: none;}
.menu.menu-list .submenu .menu{left: 100%; top: -1px;}
.menu.menu-list .submenu .menu li{padding: 5px 0px;}
.menu-list.menu-align-right .submenu .menu{left: inherit; right: 100%;}
.menu .menu-icon{max-height: 20px; padding: 0px 1px 3px 0px;display: inline-block;}
/** -------------------------------------------- END Menu ----------------------------------------------------------*/

/** ------------------------------------------- Jcarousel ---------------------------------------------------------------------------*/
.jcarousel-wrapper{
    margin: 0px auto;
    padding: 20px 35px;
    background-color: #f2f2f2;
    position: relative;
}
.jcarousel {
    height: 100px;
    overflow: hidden;
    position: relative;
}
.jcarousel ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 20000em;
}
.jcarousel li {
    float: left;
    height: 100px;
    margin-right: 5px;
    max-width: 200px;
    overflow: hidden;
    position: relative;
}
.jcarousel img {
    max-height: 100px;
    max-width: none;
}

.jcarousel-control-prev, .jcarousel-control-next{
    display: none;
    height: 20px;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    width: 20px;
    z-index: 2;
}
.jcarousel-control-prev{left: 5px; background: url(/themes/w3ni272/assets/css/images/jprev.png) no-repeat center top transparent;}
.jcarousel-control-next {right: 5px; background: url(/themes/w3ni272/assets/css/images/jnext.png) no-repeat center top transparent;}
.jcarousel-pagination {
    position: absolute;
    bottom: -20px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin: 0;
}
.jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;
    font-size: 11px;
    height: 10px;
    width: 10px;
    line-height: 10px;
    background: #fff;
    color: #4E443C;
    border-radius: 10px;
    text-indent: -9999px;
    margin-right: 7px;
    -webkit-box-shadow: 0 0 2px #4E443C;
    -moz-box-shadow: 0 0 2px #4E443C;
    box-shadow: 0 0 2px #4E443C;
}
.jcarousel-pagination a.active {
    background: #4E443C;
    color: #fff;
    opacity: 1;
    -webkit-box-shadow: 0 0 2px #F0EFE7;
    -moz-box-shadow: 0 0 2px #F0EFE7;
    box-shadow: 0 0 2px #F0EFE7;
}

.bannergroup-style-1 .jcarousel{height: auto;}
.bannergroup-style-1 .jcarousel li{height: auto; width: auto; max-width: 100%; margin-right: 0px; float: none; display: inline;}
.bannergroup-style-1 .jcarousel img{max-height: 100%;}
.bannergroup-style-1 .jcarousel-pagination{bottom: 5px;}
.jcarousel-wrapper-none:hover .jcarousel-control-prev,.jcarousel-wrapper-none:hover .jcarousel-control-next,.jcarousel-wrapper:hover .jcarousel-control-prev,.jcarousel-wrapper:hover .jcarousel-control-next{display: block;}
.banner-one{text-align: center; display: block;}
/** ------------------------------------------- END Jcarousel ---------------------------------------------------------------------------*/
/** ------------------------------------------- NEWS ---------------------------------------------------------------------------*/
.list-news-relation{margin-top: 30px;}
.list-news-relation .news-relation-title{border-bottom: 1px dotted #DDD; margin-bottom: 5px;}
.list-news-relation .news-relation-title h3{display: inline-block; font-weight: 500;}
.list-news-relation .list-group .list-group-item{border:none; display: list-item; list-style: disc; margin-left: 15px; padding: 5px 0;}
.newsdetail,.ndetail{
    padding-top: 20px;overflow: hidden;
    font: inherit;
    margin-bottom: 20px;
}
.newstitle{margin: 0 0 10px 0; font-weight: bold; font-size: 21px; line-height: 24px;}
.newstime{color: #CCC; padding-bottom: 5px;font-size: 12px;}
.ntime{color: #CCC; padding-bottom: 5px; }
.newsdetail li,.page-c-detail li{margin-left: 15px;}
.ntitle{font-weight: bold;font-size: 24px; line-height: 24px;}
.nsordes,.newssordes{font-weight: bold; font-size: inherit; line-height: 22px;}
/** ------------------------------------------- END NEWS ---------------------------------------------------------------------------*/
.alert-box {
    color:#555;
    border-radius:10px;
    font-family:Tahoma,Geneva,Arial,sans-serif;font-size:13px;
    padding:10px 20px 10px 36px;
    margin:10px;
}
#alert-box{z-index: 2000; position: absolute;top: 50px;left: 40%;}
.alert-box span {
    font-weight:bold;
    text-transform:uppercase;
}
#alert-box .alert-box .yj-closeFlash{position: absolute; top: 6px; right: 16px;}
#alert-box .error {
    background:#ffecec url('/themes/w3ni272/assets/css/images/error.png') no-repeat 10px 50%;
    border:1px solid #f5aca6;
}
#alert-box .success {
    background:#e9ffd9 url('/themes/w3ni272/assets/css/images/success.png') no-repeat 10px 50%;
    border:1px solid #a6ca8a;
}
#alert-box .warning {
    background:#fff8c4 url('/themes/w3ni272/assets/css/images/warning.png') no-repeat 10px 50%;
    border:1px solid #f2c779;
}
#alert-box .notice {
    background:#e3f7fc url('/themes/w3ni272/assets/css/images/notice.png') no-repeat 10px 50%;
    border:1px solid #8ed9f6;
}
div.flash-error, div.flash-notice, div.flash-success
{
    padding:.8em;
    margin-bottom:1em;
    border:2px solid #ddd;
}
div.flash-error
{
    background:#FBE3E4;
    color:#8a1f11;
    border-color:#FBC2C4;
}
div.flash-notice
{
    background:#FFF6BF;
    color:#514721;
    border-color:#FFD324;
}

div.flash-success
{
    background:#E6EFC2;
    color:#264409;
    border-color:#C6D880;
}

div.flash-error a
{
    color:#8a1f11;
}

div.flash-notice a
{
    color:#514721;
}

div.flash-success a
{
    color:#264409;
}

/**---------------------------------------------- Pagging ---------------------------------------------------**/
ul.W3NPager
{
    font-size:11px;
    border:0;
    margin:0;
    padding:0;
    line-height:100%;
    margin-top: 30px;
}

ul.W3NPager li
{
    display:inline;
}

ul.W3NPager a:visited
{
    font-weight:bold;
    color:#0e509e;
    padding:1px 6px;
    text-decoration:none;
}
ul.W3NPager li a{padding:5px 10px; display: inline-block; border: 1px solid #CCC; white-space: nowrap;}
ul.W3NPager .page a
{
    font-weight:normal;
}

ul.W3NPager a:hover
{
    background-color: #DDD;
}

ul.W3NPager .selected a,ul.W3NPager .active a
{
    background:#2e6ab1;
    color:#FFFFFF;
    font-weight:bold;
    border: 1px solid #2A61A3;
}

ul.W3NPager .hidden a
{
    border:solid 1px #DEDEDE;
    color:#888888;
}
/**---------------------------------------------- End Pagging ---------------------------------------------------**/
.errorMessage{color: #B94A48;}
.required *{color: #D40D17;}

.container-out{position: fixed;top: 10px; padding: 10px;overflow-x: hidden;}
.container-out img,.container-out iframe,.container-out object{max-width: 100%;}
.container-out-left{left: 0px;}
.container-out-right{right: 0px;}

@media (max-width: 1100px) {
    .container-out{display: none;}
}

.social{margin: 10px 0;}
.social .social-item{vertical-align: top !important; margin-right: 5px;}

/**---------------------------------------------------------- Product ---------------------------------------------------------------------*/
.product-detail{padding: 10px 0px;}
.product-detail .product-detail-box{display:inline-block; width:100%;}
.product-detail .product-detail-box .product-detail-img{float:left; width: 330px;}
.product-detail .product-detail-box .product-detail-img img{max-width: 100%;max-height: 100%;margin: auto; position: absolute; top: 0; left: 0; right: 0;bottom: 0; display: block;}
.product-detail .product-detail-box .product-detail-info{margin-left: 345px;}
.product-detail .product-detail-box .product-detail-img .product-img-main{height: 330px; overflow: hidden; position: relative;}
.product-detail .product-detail-box .product-detail-img .product-img-item{margin: 10px -5px;}
.product-detail .product-detail-box .product-detail-img .product-img-item ul{list-style: none; text-align: center;}
.product-detail .product-detail-box .product-detail-img .product-img-item ul li{display: block; float: left; height:54px; width:54px; vertical-align: top; overflow: hidden; position: relative; padding: 2px; border: 1px solid #ddd; margin: 0px 5px 5px 5px;}
.product-detail .product-detail-box .product-detail-img .product-img-item ul li img{max-width:50px; max-height: 50px; margin: auto; border:none;position: absolute; top: 0px; bottom: 0px; left: 0px; right:0px;}
.product-detail .product-detail-box .product-detail-info label{color: #428bca; margin-right: 5px; margin-bottom: 0px;}
.product-detail .product-detail-box .product-detail-info .product-info-title{margin-bottom: 10px; padding:0px; padding-bottom: 10px; font-size: 21px; border-bottom: 1px dotted #ccc;}
.product-detail .product-detail-box .product-detail-info .product-detail-price{color:#900; font-weight:bold;font-size: 18px;}
.product-detail .product-detail-box .product-detail-info .price-inclue-vat{color: #333;}
.product-detail .product-detail-box .product-detail-info .product-detail-price-market{color: #CCC; text-decoration: line-through;}
.product-detail .product-detail-box .product-detail-info .product-info-conf{margin-bottom: 10px;}
.product-detail-info .product-info-conf .product-info-conf-list,.product-detail-info .product-info-conf .product-info-conf-list .product-info-conf-item{display: inline-block;}
.product-detail-info .product-info-conf .product-info-conf-list .product-info-conf-item a{padding: 5px; border: 1px solid #E1F1F1; margin-right: 5px; display: inline-block; line-height:initial;}
.product-detail-info .product-info-conf .product-info-conf-list .product-info-conf-item a.active{border: 1px solid #B22D12;}
.product-detail-info .product-info-conf .product-info-conf-list .product-info-conf-item a.active:after{  content: '\2713';display: inline-block;float: right; margin-left: 5px; color:#B22D12;padding: 0px;}
.product-detail-info .product-attr-error{display: none;}
.product-detail .product-detail-more{margin-top: 20px;}
.product-detail-more table td{border: 1px solid #f3f3f3;padding: 5px;text-align: left;}

.tab{display: inline-block; width:100%;}
.tab .nav-tabs{margin-bottom: 10px;}

.product-price{color:#900;}
.product-price label{color: #333;margin-bottom: 0;margin-right: 5px;}
.product-price-market{color: #CCC; text-decoration: line-through;padding-top: 3px;display: block;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; line-height: 19px;}

.list-product-relation{margin-top: 30px;}
.list-product-relation .product-relation-title,.viewed-product .viewed-product-title{border-bottom: 1px dotted #DDD; margin-bottom: 5px;}
.list-product-relation .product-relation-title h3,.viewed-product .viewed-product-title h3{display: inline-block; font-weight: 500;}
.CartActionAdd{padding-top: 10px;}
.CartActionAdd a {
    background-color: #f46a26;
    color: #fff;
    display: inline-block;
    padding: 8px 12px;
}
.CartActionAdd a:hover {
    background-color: #232323;
}
/**---------------------------------------------------------- Product ---------------------------------------------------------------------*/

/*
Colorbox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; border: none; padding: 0px;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
#cboxContent{margin-top:20px;background:#000;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{border:5px solid #000; background:#fff;}
#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
#cboxLoadingGraphic{background:url(/themes/w3ni272/assets/css/images/loading.gif) no-repeat center center;}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(/themes/w3ni272/assets/css/images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:bottom left;}
#cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(/themes/w3ni272/assets/css/images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
#cboxNext:hover{background-position:bottom right;}
#cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(/themes/w3ni272/assets/css/images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px; border-radius: 0px;}
#cboxClose:hover{background-position:bottom center;}

.list-album{display: inline-block; width: 100%;}
.albums .album-item{border: 1px solid #CCC; padding: 3px; margin-bottom: 30px;}
.albums .album-item .album-item-link{position: relative; display: block;}
.albums .album-item .album-item-name{position: absolute; bottom: 0; padding:5px; width: 100%; color: #FFF; font-weight: bold; background-color: #666; opacity: 0.7; filter:alpha(opacity=70); max-height: 60px; overflow: hidden;}
.albums .album-item .album-item-avatar{height: 200px; width: 100%; display: block; background-repeat: no-repeat; background-size: cover; background-position: 50% 25%;}
.album-title{text-align: center; margin-bottom: 10px;}
.album-title h2{font-size: 20px; padding:10px 0px; margin: 0px;}
.image-list{margin: 0 -5px;}
.image-list .imageitem{padding: 0px 5px;}
.image-list .imageitem .imageitem-a{margin-bottom: 10px;}
/**------------------------------------------- Banner -----------------------------------------------------**/
#rightCol .banner > *, #leftCol .banner > *, #left .banner > *{margin-bottom: 10px;}
.banner a, .banner frame {display: block;}
/**------------------------------------------- End Banner -----------------------------------------------------**/
.logo h1 .hide-text{text-indent: -9999px; display: none;}
/**------------------------------------------- Statisic -----------------------------------------------------**/
.statistic .uc-title{display: inline-block; width: 130px;}
.statistic .useraccess p{margin-bottom: 5px;}
/**------------------------------------------- End Statistic -----------------------------------------------------**/
/**------------------------------------------- Download -----------------------------------------------------**/
.download .listfile{display: inline-block; width: 100%; padding-top: 10px;}
.download .listfile .folder-link{font-weight: bold; max-width:100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: inline-block;}
.download table thead{background-color: #DDD;}
/**------------------------------------------- End Download -----------------------------------------------------**/
/**------------------------------------------- Video -----------------------------------------------------**/
.video-detail{text-align: center;}
.video-detail .video-title h2{font-size: 25px; margin: 10px 0px;}
.video-detail .video-player{width: 100%; height: 350px; max-height: 350px; overflow: hidden;}
.video-detail .video-description{text-align: left;}
/**------------------------------------------- End Video -----------------------------------------------------**/

/**------------------------------------------- User -----------------------------------------------------**/
.header-title{margin-bottom: 30px; padding: 10px 0px 10px 0px; border-bottom: 2px solid #0A4BB3; font-size: 24px; color: #333;}
.user-title{font-size: 16; margin: 10px 0px 20px 0px;}
/**------------------------------------------- End user -----------------------------------------------------**/

/**------------------------------------------- End Shopping cart -----------------------------------------------------**/
.ico{background: url(/themes/w3ni272/assets/css/images/icons.png) no-repeat 0 0 transparent;display: inline-block; width: 18px; height: 18px;}
.ico-refrest{background-position: 1px 0px;}
.ico-delete{background-position: -18px 0px}

.sc-quantity{max-width:60px;}
.sc-totalprice-text{text-align: right;}
.sc-totalprice{font-weight: bold;}
.sc .sc-title{margin-bottom: 30px; padding: 10px 0px 10px 0px; border-bottom: 2px solid #0A4BB3; font-size: 24px; color: #333;}
.sc-userinfo{margin-bottom: 30px;}
.sc-userinfo .sc-account-box{border-right: 1px solid #CCC;}
.sc-account-box .sc-account-text{font-weight: bold; margin: 0 0 20px 0; font-size: 16px;}
.sc-userinfo .sc-user-login{padding-left: 15px;}
.sc-userinfo .sc-user-text{font-size: 16px; font-weight: bold; margin: 0 0 20px;}
.sc .sc-billing-text,.sc .sc-shipping-text{font-size: 16px; font-weight: bold; margin: 0 0 20px;}
.sc .sc-ck-info{padding-bottom: 30px; margin-bottom: 20px; border-bottom: 2px solid #0A4BB3; }
.sc .sr-method-text{font-size: 14px; font-weight: bold; margin: 0 0 15px;}
.checkout .payment{border-right: 1px solid #CCC;}
.checkout .transport{padding-left: 30px;}
.checkout .ps{margin-bottom: 30px;}

.no-margin{margin: 0px !important;}
.no-margin-left{margin-left: 0px !important;}
.no-margin-right{margin-right: 0px !important;}
.no-margin-top{margin-top: 0px !important;}
.no-margin-bottom{margin-bottom: 0px !important;}
.sc .attr dl dt,.w3n-order .attr dl dt,.sc .attr dl dd,.w3n-order .attr dl dd{display: inline-block;float: left;margin-right: 10px;}
.sc .product-name, .w3n-order .product-name{font-weight: bold;}
/**------------------------------------------- End Shopping cart -----------------------------------------------------**/
/**------------------------------------------- Job -------------------------------------------------------------------**/
.job-info-text{color: #666;}
.job-separate{padding:0px 10px;}
.jobs .list-content-body .list-content-title a,.jobs .list-content-body .list-content-title p{font-size: 120%;}
.job-position{font-size: 120%;}
.td-job-position{width: 160px;}
.jobdetail {padding: 20px 0px;}
/**------------------------------------------- End Job -------------------------------------------------------------------**/
/**------------------------------------------- Input group -------------------------------------------------------------------**/
.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}
.input-group[class*="col-"] {
    float: none;
    padding-left: 0;
    padding-right: 0;
}
.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
    height: 46px;
    line-height: 46px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
    height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
    height: 30px;
    line-height: 30px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
    height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
    display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0;
}
.input-group-addon,
.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}
.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555555;
    text-align: center;
    background-color: #eeeeee;
    border: 1px solid #cccccc;
    border-radius: 4px;
}
.input-group-addon.input-sm {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px;
}
.input-group-addon.input-lg {
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 6px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
    margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.input-group-addon:first-child {
    border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.input-group-addon:last-child {
    border-left: 0;
}
/**------------------------------------------- END Input group -------------------------------------------------------------------**/
.shake {
    display: inline-block;
    -moz-animation: ringing 2.0s 3 ease 1.0s;
    -webkit-animation: ringing 2.0s 3 ease 1.0s;
    -o-animation: ringing 2.0s 3 ease 1.0s;
    -ms-animation: ringing 2.0s 3 ease 1.0s;
    animation: ringing 2.0s 3 ease 1.0s;
    -moz-transform-origin: 50% 0;
    -webkit-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
}

@-moz-keyframes ringing {
    0% {-moz-transform: rotate(-15deg);}
    2% {-moz-transform: rotate(15deg);}
    4% {-moz-transform: rotate(-18deg);}
    6% {-moz-transform: rotate(18deg);}
    8% {-moz-transform: rotate(-22deg);}
    10% {-moz-transform: rotate(22deg);}
    12% {-moz-transform: rotate(-18deg);}
    14% {-moz-transform: rotate(18deg);}
    16% {-moz-transform: rotate(-12deg);}
    18% {-moz-transform: rotate(12deg);}
    20% {-moz-transform: rotate(0deg);}
}
@-webkit-keyframes ringing {
    0% {-webkit-transform: rotate(-15deg);}
    2% {-webkit-transform: rotate(15deg);}
    4% {-webkit-transform: rotate(-18deg);}
    6% {-webkit-transform: rotate(18deg);}
    8% {-webkit-transform: rotate(-22deg);}
    10% {-webkit-transform: rotate(22deg);}
    12% {-webkit-transform: rotate(-18deg);}
    14% {-webkit-transform: rotate(18deg);}
    16% {-webkit-transform: rotate(-12deg);}
    18% {-webkit-transform: rotate(12deg);}
    20% {-webkit-transform: rotate(0deg);}
}
@-ms-keyframes ringing {
    0% {-ms-transform: rotate(-15deg);}
    2% {-ms-transform: rotate(15deg);}
    4% {-ms-transform: rotate(-18deg);}
    6% {-ms-transform: rotate(18deg);}
    8% {-ms-transform: rotate(-22deg);}
    10% {-ms-transform: rotate(22deg);}
    12% {-ms-transform: rotate(-18deg);}
    14% {-ms-transform: rotate(18deg);}
    16% {-ms-transform: rotate(-12deg);}
    18% {-ms-transform: rotate(12deg);}
    20% {-ms-transform: rotate(0deg);}
}
@keyframes ringing {
    0% {transform: rotate(-15deg);}
    2% {transform: rotate(15deg);}
    4% {transform: rotate(-18deg);}
    6% {transform: rotate(18deg);}
    8% {transform: rotate(-22deg);}
    10% {transform: rotate(22deg);}
    12% {transform: rotate(-18deg);}
    14% {transform: rotate(18deg);}
    16% {transform: rotate(-12deg);}
    18% {transform: rotate(12deg);}
    20% {transform: rotate(0deg);}
}
/**------------------------------------------- Font -------------------------------------------------------------------**/
.font-tahoma{font-family: tahoma !important;}
.font-helvetica{font-family:Helvetica !important;}
.font-arial{font-family: arial !important;}
.font-lucida-grande{font-family: 'lucida grande' !important;}
.font-verdana{font-family: 'verdana' !important;}
.font-sans-serif{font-family: sans-serif !important;}
.padding-5{padding: 5px;}
.padding-10{padding:10px;}
.padding-15{padding:15px;}
.padding-20{padding: 20px;}
.padding-bottom-10{padding-bottom: 10px;}
.padding-bottom-20{padding-bottom: 20px;}
/**------------------------------------------- END Font -------------------------------------------------------------------**/
/**------------------------------------------- Map -------------------------------------------------------------------**/
.sitecontact{padding-bottom: 20px;}
.post-font{font: 16px/25px tahoma;}

.map{min-height: 450px; height: 100%;}
.map-info{width: 300px;display: inline-block;}
.map-info .map-info-name{font-size: 16px; margin:0px;padding: 5px 0px;}
.map-info .map-info-more{margin: 0px; padding: 0px; padding-top: 0px; color: #999;}
.searchbox{}
.searchbox .form-control{outline: none;font-size: inherit; border: none; height: 32px;margin-left: 0px;border: 1px solid #ccc; border-radius: 4px 0px 0px 4px;-webkit-border-radius: 4px 0px 0px 4px; border-right: none;box-shadow: none; -webkit-box-shadow: none;}
.searchbox .submitForm{ background: url("/themes/w3ni272/assets/css/images/icon-search.png") no-repeat scroll center center transparent;height: 32px;width: 30px; text-indent: -9999px; border: 1px solid #ccc; border-radius: 0px 4px 4px 0px;-webkit-border-radius: 0px 4px 4px 0px; border-left: none;}
.searchbox .submitForm.text{background: none; width: auto; height: 32px; text-indent: 1px; padding: 0px 10px; border-left: 1px solid #ccc;}
.searchbox .search-category{float: left; display: inline-block; overflow: hidden; border-right: none; height: 32px; border: 1px solid #ccc; border-radius: 4px 0px 0px 4px;-webkit-border-radius: 4px 0px 0px 4px;}
.searchbox .search-category .search-category-select{display: inline-block;position: relative;height: 100%;}
.searchbox .search-category .search-category-select .down-arrow{ 
    border-color: transparent;
    border-style: solid;
    border-width: 4px;
    content: " ";
    height: 0;
    margin-top: -2px;
    width: 0;
    position: absolute;
    top: 50%;
    right: 5px;
    border-top: 5px solid;
    z-index: 10;
}
.searchbox .search-category .search-category-text{
    display: inline-block;
    height: 100%;
    line-height: 32px;
    margin: 0px 21px 0px 9px;
    text-indent: 1px;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 180px;
    overflow: hidden;
    z-index: 10;
}
.searchbox .search-category .searchSelect{
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: visible;
    margin: 0;
    outline: 0 none;
    padding: 0;
    position: absolute;
    cursor: pointer;
    height: 100%;
    left: 0px;
    top: 0px;
    width: auto;
    z-index:1;
}
.searchbox .search-category .searchSelect option{padding:2px 5px;}
.searchbox .has-feedback,.searchbox .search-inputbox{overflow: hidden;}
.searchbox .has-feedback .form-control-feedback{width: auto;}
.searchbox .search-category + .search-inputbox .form-control{border-radius:0px; -webkit-border-radius: 0px; border-left: none;}
.searchbox .search-input-submit{float: right;display: inline-block;}
.searchbox .search-input-content{overflow: hidden;}
/**------------------------------------------- END Map -------------------------------------------------------------------**/
/**------------------------------------------- MenuFooter -------------------------------------------------------------------**/
.menu-footer a{color: #333;}
.menu-footer .list-group-item{border: none; padding: 3px 0px;}
.menu-footer .list-group-item.active, .menu-footer .list-group-item.active:hover, .menu-footer .list-group-item.active:focus{color: inherit; background-color: transparent;}
.menu-footer .list-group .list-group{padding-left: 5px;}
.menu-footer .menu-col  .menu-origin > a{font-weight: bold;}
.menu-footer .list-group .list-group-item a{padding-left:0px;}
.menu-footer .list-group .list-group-item a:before{border-width:4px; border-style: solid; border-color: transparent; border-left: 5px solid; content: " "; display: inline-block; width:0px; height: 0px;}
.menu-footer .list-group .menu-origin > a:before{border: none;}
/**------------------------------------------- END MenuFooter -------------------------------------------------------------------**/
.ivslider{height: 400px;}
.cf-heading{font-size: 15px;}
/**------------------------------------------- Introduce -------------------------------------------------------------------**/
.introducebox{margin-bottom: 20px;}
.introducebox .introduceinfo{display: inline-block; width: 100%;}
.introducebox .introducetitle{margin-top: 0px; font-size: 20px;}
.introducebox .introduceimage{width: 300px; float: left;}
.introducebox .introducecontent{margin-left: 320px; padding-bottom: 20px; position: relative;}
.introducebox .introducecontent .viewmore{position: absolute; bottom: 0px; right: 0px;}
/**------------------------------------------- End Introduce -------------------------------------------------------------------**/
/**------------------------------------------- POPUP -------------------------------------------------------------------**/
.LOpopup{background-color: rgba(0, 0, 0, 0.7);bottom: 0;display: none;left: 0;overflow-y: hidden;padding: 0px 0 0;position: fixed;right: 0;top: 0px;vertical-align: middle;width: 100%;z-index: 9999;}
.LOpopup .LOpopupDialogClass {background-color: white;border: 4px solid #272727;box-shadow: 0 0 1px rgba(0, 0, 0, 0.25), 0 1px 5px 3px rgba(0, 0, 0, 0.05), 0 5px 4px -3px rgba(0, 0, 0, 0.06);width: 800px;margin: 60px auto;}
.LOpopup .LOpopupDialogHead {background: none repeat scroll 0 0 #0070cc;color: #FFFFFF;font-size: 13px;font-weight: bold;padding: 6px 0 7px 10px !important;border-top: 1px solid #209aff;}
.LOpopup .closepopup{color: #8BCAFF;cursor: pointer;float: right;font-size: 11px;font-weight: bold;margin-right: 10px;margin-top: -26px;}
.LOpopup .loading{display: none;background-image: url(/themes/w3ni272/assets/images/loading.gif);height: 25px;width: 23px;background-repeat: no-repeat;margin-top: 8px;margin-left: 6px;}
.LOpopup .LOpopupDialogBody{overflow-x: hidden;overflow-y: auto;max-height: 600px;min-height: 195px;}
/**------------------------------------------- END POPUP -------------------------------------------------------------------**/
.newsletters .input-group-addon .btn{background:none;}
.image-box .imageitem img{width: 100%;}
.scrollup {width: 40px;height: 40px;opacity: 0.4;filter:alpha(opacity=40);position: fixed;bottom: 50px;right: 25px;display: none;text-indent: -9999px;background: url('/themes/w3ni272/assets/css/images/icon_top.png') no-repeat;z-index: 9999;}
.support-item .sp-icon{text-indent: -9999px;background: url('/themes/w3ni272/assets/css/images/icons.png') no-repeat; width: 16px; height: 16px; display: inline-block;margin-right: 3px;vertical-align: middle;}
.support-phone .sp-icon{background-position: -1px -57px;}
.support-fb .sp-icon{background-position: -1px -20px;}
.support-googleplus .sp-icon{background-position: -1px -38px;}
.support-twitter .sp-icon{background-position: -1px -75px;}
.support-skype .sp-icon{background-position: -21px -20px;}
.support-yahoo .sp-icon{width: 12px; height: 12px; margin-right: 7px;}
.support-address .sp-icon{background-position: -21px -38px;}
.supportbox h3{font-size: inherit;}
.username-title{ border-bottom: 1px solid #f1f1f1;margin-bottom: 20px;padding: 10px 0;}

.attr-color,.attr-image{display: inline-block; height: 20px; max-width: 50px; min-width: 20px;line-height: 20px;}
.attr-color{border: 1px solid #ccc;padding: 0 5px;text-align: center;}
#slider a{ display:block;}


/*****product******/
.box-left {
    position: relative;
}
.border-bottom {
    border-bottom: 1px solid #ddd;
}
.box-left .title_style i{margin-right: 20px;font-weight: normal; margin-left: 7px;}
.side-bar-left .sub-menu {padding: 10px 0; list-style:none; margin:0;}
.side-bar-left .sub-menu .border-bottom{ border-bottom:none}
.side-bar-left .sub-menu a{ display: block; padding:8px 15px 8px 0; margin-left: 50px;border-top: 1px dotted #ddd; }
.box-left .nav li.active .sub-menu a{color: #333;}
.box-left .nav li.active .sub-menu a.active,.box-left .nav li.active .sub-menu a:hover{color:#ed1c24;}
.side-bar-left .sub-menu a:hover{color: #ed1c24;}
.hide-toggler-cont{display: none;}
.side-bar-left .nav li{position: relative;}
.btn-hide-toggle-sub-menu{    width: 40px;
    height: 40px;
    position: absolute !important;
    right: 0;
    top: 0;}
   .btn-hide-toggle-sub-menu:hover,.btn-hide-toggle-sub-menu:focus{background: none !important}
   .btn-hide-toggle-sub-menu.open{transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg);}
.border {
    border: 1px solid #ddd;
}

/********box product-view-3********/
 .box-product-view-3{margin-bottom: 60px;margin-top: 60px;border: 1px solid #ddd;border-top-width: 3px;}
 .nav-left-product{padding: 0;background: #f5f5f5;border: 1px solid #ddd;border-top: none;border-left: none;border-bottom: none;}
 .title-nav-left-p{color: #fff; font-size: 14px; text-transform: uppercase;;font-weight: bold; padding: 21px 15px 22px 15px; margin: 0;border-bottom: 1px solid #b71c1c; }
.title-nav-left-p a{color: #fff; margin: 0; }
.tab-nav-left li{list-style: none;width:50%; float: left;}
.tab-nav-left li:first-child{border-right: 1px solid #ddd;}
.tab-nav-left li a{font-size: 14px; text-transform: uppercase; padding:12px 15px; display: block;color: #555555;}
.tab-nav-left{margin-bottom: 0;border-bottom: 1px solid #ddd;}
.tab-nav-left li.active a{color: #ed1c24;}
.item-tab-nav-left{font-size: 14px; color: #383838; border-bottom: 1px dotted #ddd; display: block; padding:12px 0; margin: 0 15px;}
.item-tab-nav-left:hover{color: #ed1c24;}
.content-box-product-view-3{padding: 0;}
.tab-nav-left.tab-brand-box-sp li:first-child { border: none;}
.tab-nav-left.tab-brand-box-sp{border-bottom: none;}
.banner-left,.detail-box-sp{padding: 0;}
.noPadding{padding: 0;}
.item-product.style-view-3{text-align: center;     padding-bottom: 10px;margin-bottom: 0;border-left: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.fr{float: right;}
.show-mobile{display: none;}
.top-list-product-subpage{min-height: 50px;background: #f0f0f0;border: 1px solid #ddd; margin-bottom: 30px;}
.title-sub-category{font-size: 18px;text-transform: uppercase; color: #424242;font-weight: bold; margin-top: 15px; padding-left: 15px;}
.title-sub-category span.number{font-size: 14px; color: #888888; text-transform: none; margin-top: 0;font-weight: normal;font-size: 14px;}
.subpage{margin-bottom: 50px;}
.sort-by-product .item-dropdown a{font-size: 14px;color: #444444;}
.view-style .btn-view{color: #444; padding: 15px;display: inline-block;border-left: 1px solid #ddd;}
.sort-by-product{padding:7px 20px;}
.list-item .box-rate{margin-bottom: 10px;}
.box-left{margin-bottom: 30px;}
/*******View_product-4*********/
.style-view-small .title-product{margin: 0; color: #444;text-transform: uppercase;}
.style-view-small .title-product a{font-weight: bold; }
.style-view-small .info{padding-left: 15px;}
.style-view-small .box-rate{margin-bottom: 20px;}
/**********/
.nav_title li a.btn-toggle-cont-box-left{position: absolute;top: 0;bottom: 0; right: 15px; margin: auto;display: inline;}
.nav_title li a.btn-toggle-cont-box-left.open .icon-minus-3:before{content: '\edfa';}
.box-left .nav_title{position: relative;}
.btn-toggle-cont-box-left:before{display: none;}
/**********thuong hieu*****/
.trademark-filter .cont{ max-height:230px; }
.trademark-filter .cont ul li{ list-style:none;}
.trademark-filter .cont ul li a{ color:#333;padding-left:20px; font-weight:400; font-size:13px;}
.trademark-filter .checkbox{ margin:6px 0;}
.search-trademark{ margin-bottom:10px;}
.search-trademark .form-control{ height:30px; box-shadow:none;border-radius:3px 0 0 3px; font-size:12px; font-style:italic;}
.search-trademark .search-input-submit .btn-default{ height:30px; border-radius:0 3px 3px 0;}
.search-trademark .search-input-submit{ width:30px; height:30px;}
.search-trademark .search-input-content{ margin-right:30px;}
.trademark-filter{ padding-bottom:20px;}

/*******/
.me-select {position: relative;margin: 0 auto;}
.me-select ul {list-style: none;padding: 0;width: 100%;}
.me-select li {margin: 0 auto;position: relative;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;float: left;}
.me-select li.selected {box-shadow: inset 0 0 0 40px rgba(255,246,0,0.1);}
.me-select label.icon-check {
    display: inline-block;
    width: 100%;
    position: relative;
    padding: 4px 5px 0 25px;
    vertical-align: top;
    cursor: pointer;
    font-weight: 400;
    color: #333;
    font-size: 14px;
    line-height: 1;
}
.me-select label.icon-check:hover{color:#ed1c24;}
.me-select label.icon-check span {vertical-align: middle;display: inline-block;}
.me-select label.icon-check span:first-child {width: 30%;color: rgba(97,107,107,0.7);}
.me-select label.icon-check span:nth-child(2),
.me-select label.icon-check a {width: 60%;color: #31d2d4;}
.me-select label.icon-check span:last-child {font-size:80%;}
.me-select input[type="checkbox"],.me-select label.icon-check::before,.me-select input[type="checkbox"]:checked + label.icon-check::after {width: 15px;height: 15px;top: 50%;left: 2px;margin-top: -8px;position: absolute;cursor: pointer;border-radius:3px;}
.me-select  input[type="checkbox"] {opacity: 0;-webkit-appearance: none;display: inline-block;vertical-align: middle;z-index: 100;}
.me-select label.icon-check::before {content: '';border:1px solid #999;}
.me-select input[type="checkbox"]:checked + label.icon-check::after {content: '\2713';text-align: center;line-height: 18px;color: #fff; font-weight: bold;font-size: 10px; background:#ed1c24;left: 2px;}
.search-brand {background: #f8f8f8;border: 1px solid #ddd; margin-bottom: 10px;}
.search-brand .btn-default{width:50px;float: right; border: none; background:none;}
.search-brand .form-group{margin-right: 50px;border: none; background:none; margin-bottom: 0;}
.search-brand .form-group .form-control{background:none;border: none; box-shadow: none;}
/*********/
/********filter color********/
.list-color-filter{margin: 0 -5px;}
.item-color {
    width: 20%;
    float: left; text-align:center;
}
.item-color:nth-child(2n+5) {}
.item-color span{display: inline-block; margin:0 5px; border-radius: 3px; padding: 2px;border: 1px solid #ddd; margin-bottom: 10px;width:33px; height: 33px;}
.item-color span.red{background: #f70006;}
.item-color span.blue{background: #0b2b72;}
.item-color span.gray{background: #666;}
.item-color span.yellow{background: #d7ef0f;}
.item-color span.black{background: #000;}
.item-color span.white{background: #fff;}
/*****list view product*****/
.list-item { padding: 0; }
.list-item.view-list{ width:100%; float:none;}
.list-item.view-list .img{ width:33.33333%; float:left;}
.list-item.view-list .item-product .info{ margin-left:33.333333%; text-align:left; padding-left:30px;}
.list-item.view-list .title-product{ margin-top:0;}
.desc-product-thumb{ margin-top:10px; margin-bottom:20px;}
.desc-product-thumb p{ font-size:12px; color:#666; padding-left:15px; position:relative; margin-bottom:5px;}
.desc-product-thumb p:before{ content:''; width:4px; height:4px; border-left:4px solid #666; border-top:4px solid transparent; border-bottom:4px solid transparent; position:absolute; top:4px; left:0;}
.btn-main-2{ border-radius:30px; padding:12px 46px}
.btn-black-2{ background-color:#383838; color:#fff; text-transform:uppercase; font-size:14px;}
.btn-black-2:hover{ background-color:#ed1c24;}
.show-list{ display:none;}
.list-item.view-list .show-list{ display:block;}
/*********filter price*********/
.input-value-price-filter{margin-top: 20px;}
.input-value-price-filter label{margin: 0 5px;}
.input-value-price-filter .form-control{max-width: 90px; border-radius: 0px; box-shadow: none; height: 40px; border-color: #ddd; margin-bottom: 10px;}
/********/
.box-left .title_style i{margin-right: 20px;font-weight: normal; margin-left: 7px;}
.side-bar-left .sub-menu {padding: 10px 0; list-style:none; margin:0;}
.side-bar-left .sub-menu .border-bottom{ border-bottom:none}
.side-bar-left .sub-menu a{ display: block; padding:8px 15px 8px 0; margin-left: 50px;border-top: 1px dotted #ddd; }
.box-left .nav li.active .sub-menu a{color: #333;}
.box-left .nav li.active .sub-menu a.active,.box-left .nav li.active .sub-menu a:hover{color:#ed1c24;}
.side-bar-left .sub-menu a:hover{color: #ed1c24;}
.hide-toggler-cont{display: none;}
.side-bar-left .nav li{position: relative;}
.btn-hide-toggle-sub-menu{    width: 40px;
    height: 40px;
    position: absolute !important;
    right: 0;
    top: 0;}
   .btn-hide-toggle-sub-menu:hover,.btn-hide-toggle-sub-menu:focus{background: none !important}
   .btn-hide-toggle-sub-menu.open{transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg);}
   /***Product-detail***/
.thub-image {padding:0 30px 15px}
.top-detail-product{margin-bottom: 40px;}
.product-detail{min-height: 600px;}
.box-slide-images-detail{ border:1px solid #ddd; text-align: center;
    padding: 5px;
    max-height: 100%;}
.thub-image img{max-width: 85px;border: 1px solid #ddd;}
.thub-image .item{ text-align: center;}
.thub-image .owl-theme .owl-controls .owl-buttons div{background-color: transparent;}
.thub-image .owl-theme .owl-controls .owl-buttons div.owl-prev{left:-30px;}
.thub-image .owl-theme .owl-controls .owl-buttons div.owl-next{right:-24px;}

.detail-thongsokithuat{margin-top: 30px; margin-bottom: 40px;}
.box-thongso .row-tso{ display: table;     border-bottom: 1px dotted #ddd; width:100%; padding:4px 0 10px 0;}
.box-thongso .row-tso strong{width:160px;}
.box-thongso .row-tso strong, .box-thongso .row-tso span{display: table-cell; vertical-align: middle;}
.title-desc-detail{font-size: 16px;text-transform: uppercase; margin: 30px 0}
.detail-binhluan textarea.form-control{min-height: 160px;}
.btn-send-cmt{height: 45px; max-width: 200px;}
.title-main h2 {
    font-size: 16px;
    color: #383838;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    margin: 0;
}
.title-name-product{font-size: 24px; font-weight: bold; margin-top: 0;}
.title-name-product span.number{font-size: 14px;}
.price-main{font-size: 24px; color: #ed1c24;}
.dvt{font-size: 14px; color: #333333;}
.price-detail-page{padding-bottom: 20px; border-bottom: 1px solid #ddd;}
.btn-ver{color: #555555;background: #f0f0f0; border:1px solid #ddd; padding: 4px 12px; border-radius: 3px;margin-right: 10px;}
.opticon-select li:hover .btn-ver,.opticon-select li.active .btn-ver{color: #fff;border:1px solid transparent; position: relative;}
.btn-ver.active:before{content: ''; width:20px; height: 10px; border-bottom: 15px solid #f0f0f0; border-left: 15px transparent solid; border-right: 15px transparent solid; position: absolute;bottom: -32px; z-index: 2; left: 0; right: 0; margin: auto;}

.btn-ver.active:after{content: ''; width:20px; height: 10px; border-bottom: 15px solid #ddd; border-left: 15px transparent solid; border-right: 15px transparent solid; position: absolute;bottom: -31px; z-index: 1;margin: auto;left: 0; right: 0;}
.title-ver{margin-right: 30px; position: relative; top: 3px;}
.item-p-vailable{text-align: center; margin-bottom: 15px;}
.item-p-vailable .price{margin: 10px 0;}
.select2-container-active .select2-choice,.select2-offscreen, .select2-offscreen:focus{outline: none;}
.product-available{background: #f0f0f0; padding: 15px 40px 0; border:1px solid #ddd;border-radius: 3px; margin:30px 0;}
.btn-pay.btn-default{font-size: 16px; height: 46px; border-radius: 0px; border:none; background-color: #000; color: #fff; text-transform: uppercase;line-height: 33px;}
.btn-icon{width:46px; height: 46px; border:1px solid #ddd; color: #888888;display: inline-block;font-size: 16px; text-align: center; line-height: 46px;  position: relative;top: 3px;margin-left: 10px;}
.product-available .owl-item .item{ padding:0 10px}

.nav_title{border-bottom: 1px solid #ddd;margin-bottom: 30px;}
.nav_title li{list-style: none; float: left; padding: 0 30px;}
.nav_title li a{font-size: 16px;color: #383838; font-weight: bold;text-transform: uppercase;display:block; padding: 8px 0px; position: relative;}
.nav_title li a:before, .box-product-style2 h3:before{content: ''; width: 100%; height: 3px; position: absolute; bottom: 0; opacity: 0;}
.box-product-style2 h3:before {opacity: 1;top: 26px;}
.nav_title li.active a:before{ opacity:1;}
.nav_title li a:hover:before{opacity: 1; transition:.4s all ease; -webkit-transition:.4s all ease; -moz-transition:.4s all ease; -o-transition:.4s all ease;}
.nav_title li:first-child{padding-left: 0;}
.owl-theme .owl-controls .owl-buttons div{ background:none;
      font-family: "fonts_vnsitecss";
      font-style: normal;
      font-weight: normal;
      speak: none; color:transparent;
     
      display: inline-block;
      text-decoration: inherit;
      width: 1em; outline:none;
     
      text-align: center;
      font-variant: normal;
      text-transform: none;
      line-height: 1em; font-size:16px;
    
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; 
}
.owl-theme .owl-controls .owl-buttons div:before { opacity:.5; }
.owl-theme .owl-controls .owl-buttons div:hover:before { opacity:1; }
.box-product {position:relative;}
.box-product .owl-carousel {position:inherit}
.slider-product.owl-theme .owl-controls .owl-buttons div{height:auto;top:0;bottom: inherit;}
.slider-product.owl-theme .owl-controls .owl-buttons div.owl-prev{ right:30px; left:inherit;}
.slider-product.owl-theme .owl-controls .owl-buttons div.owl-next{ right:10px;}
.slider-product.owl-theme .owl-controls .owl-buttons div.owl-prev:before { content: '\ea80'; }
.slider-product.owl-theme .owl-controls .owl-buttons div.owl-next:before{content: '\ea7f';}
#Slider .owl-theme .owl-controls .owl-buttons div:before {font-size:50px}
#Slider .owl-theme .owl-controls .owl-buttons div.owl-prev:before { content: '\eaa5'; }
#Slider .owl-theme .owl-controls .owl-buttons div.owl-next:before{content: '\eaa6';}

#Slider_detail.owl-theme .owl-controls .owl-buttons div, .slider-product-available .owl-buttons div{ width:30px;top: 50%;margin-top: -15px;}
#Slider_detail.owl-theme .owl-controls .owl-buttons div:before, .slider-product-available .owl-buttons div:before {font-size:30px}
#Slider_detail.owl-theme .owl-controls .owl-buttons div.owl-prev:before, .slider-product-available .owl-buttons div.owl-prev:before { content: '\eaa5'; }
#Slider_detail.owl-theme .owl-controls .owl-buttons div.owl-next:before, .slider-product-available .owl-buttons div.owl-next:before{content: '\eaa6';}
.slider-product-available.owl-theme .owl-controls .owl-buttons div.owl-prev {left:-30px}
.slider-product-available.owl-theme .owl-controls .owl-buttons div.owl-next {right:-20px}
/*********item product********/
.title-product a{ font-size:13px; color:#383838; font-weight:normal;display: inline-block;line-height: 1.4;}
.item-product.style-view-1{ padding:20px;}
.content-tab-product{ margin:0 -15px;}
.content-tab-product .item{ padding:0 15px;}
.item-product{ position:relative; margin-bottom:30px;}
.border{ border:1px solid #ddd;}
.price-before{ text-decoration:line-through; opacity:.5; margin-bottom:0;}
.price-well{ font-size:16px; font-weight:bold;margin-bottom: 0;}
.item-product.style-view-1 .box-rate{ margin-bottom:20px;}
.item-product .img{ text-align:center; vertical-align:middle; overflow:hidden}
.style-view-small.item-product .img{min-height: 80px;}
.box-rate i{color:#ffa800; font-size:12px;}
.number-rate{ font-size:12px; color:#999;}
.status-product{ font-size:13px; color:#fefefe; display:block; width:60px; height:30px; background:#383838; position:absolute; top:0; left:0; text-align:center; line-height:30px; z-index:9;}
.bg-red{background-color: #ed1c24;}
.price-inline p{ display:inline;}
.item-product.style-view-2{ text-align:center;}
.item-product .info{padding: 0 5px; margin:0;}
.item-product.style-view-2 .img{ position:relative; overflow:hidden;}
.title-product {
    height: 32px;
    overflow: hidden;
}
.action-product{ width:100%; height:78px; position:absolute; bottom:0; padding:20px 0; text-align:center;}
.action-product a{ color:#fff; font-size:16px; width:38px; height:38px; border-radius:50px; border:1px solid #fff; margin:0 5px; display:inline-block; line-height:38px;}
.action-product a:hover{ background:#fff; color:#ed1c24}
.hover-action-product .action-product{ left: 0;opacity:0;transition:.4s ease all; -webkit-transition:.4s ease all; -moz-transition:.4s ease all; -o-transition:.4s ease all; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); -o-transform:scale(0);}
.hover-action-product:hover .action-product{ opacity:1; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1);}

.nav_title li a:hover:before {
    opacity: 1;
    transition: .4s all ease;
    -webkit-transition: .4s all ease;
    -moz-transition: .4s all ease;
    -o-transition: .4s all ease;
}

.nav_title li.active a:before {
    opacity: 1;
}

.bg-main, .fancybox-gallery:hover .image-hover, .nav-tabs-03.nav-tabs>li.active>a, .nav-tabs-03.nav-tabs>li.active>a:focus, .nav-tabs-03.nav-tabs>li.active>a:hover, .box-step ul li.active .demo-icon, .nav_title li a::before, .box-product-style2 h3:before, .title_style2 h3::after, .opticon-select li:hover .btn-ver, .opticon-select li.active .btn-ver, .nav-tabs-01 .nav-tabs li.active span, .list-bank li label:before {
    background-color: #5b3d24;
}

.item-product-height .img {
    height: 190px;
    width: 100%;
    text-align: center;
    background: #fff;
}
.item-product-height.style-view-1 .img {
    height: 150px;
}
.item-product-height .img img {
    max-width: 100%;
    max-height: 100%;
}

.status-product {
    width: auto;
    height: auto;
    position: absolute;
    display: inline-table;
    top: 10px;
    left: 0px;
    background: none;
}
.status-product .status-product-item {
    width: 100%;
    height: 20px;
    line-height: 22px;
    font-size: 13px;
    color: #fefefe;
    display: block;
    margin-bottom: 5px;
    padding: 0px 10px;
    text-transform: uppercase;
}
.status-product .status-product-item.promotional {
    background-color:#2ecc71;
}
.status-product .status-product-item.hot {
    background-color:#e74c3c;
}
.status-product .status-product-item.viewmore {
    background-color:#e67e22;
}
.status-product .status-product-item.markettrend {
    background-color:#663399;
}
.status-product .status-product-item.bestseller {
    background-color:#f9bf3b;
}
.status-product .status-product-item.new {
    background-color:#3498db;
}


.list-item:first-child{border-top: inherit;}

.price-old {
    font-size: 12px;
    font-weight: 300;
    color: #888888;
    text-decoration: line-through;
    padding-right: 5px;
}

.clearfix:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0
}
* html .clearfix, :first-child+html .clearfix {
	zoom:1
}
.container {position:relative}
.item-color span { position:relative}
.item-color span:before {	
	font-family: "fonts_vnsitecss";
    font-style: normal;
    font-weight: normal;
    color: #fff;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    font-size: 10px;
    position: absolute; display:none;
    left: 50%;
    top: 50%;
    content: '\e832';margin: -5px 0 0 -5px;
}
.item-color.active span:before { display:block;}
.news-top {margin-bottom:15px}
.news-top h3 { font-size:15px; margin:0; padding:10px 0}
.news-top h3 a{ color:#333}
.news-top p{ color:#777; font-size:13px;}
.news-bottom ul {list-style:none; margin:0; padding:0}
.news-bottom ul a{ border-top:1px solid #ddd; color:#333; padding:5px 10px 5px 20px; display:block; position:relative}
.news-bottom ul a:hover{ color:#66d0e6;}
.news-bottom ul a::before {
    font-family: "fonts_vnsitecss";
    font-style: normal;
    font-weight: normal;
    color: #66d0e6;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    font-size: 10px;
    position: absolute;
    left: 0;
    top: 50%;
    content: '\e959';
    margin-top: -5px;
}
.box-news-style1 {margin-bottom:25px}
.top-page {text-align:right; padding-top:18px;}
.top-page a{ color:#fff}
.top-page a strong{ font-weight:normal; text-transform:uppercase; font-size:12px;}
.top-page i{ font-size:12px;}
.box-new-cont {padding:15px}
.box-new-cont .img-news {margin:-15px -15px 0; display:block;}
.box-new-cont .img-news img{ width:100%}
.product-more a {
    color: #888;
    display: block;
    position: absolute;
    top: 40%;
    width: 150px;
    margin: 0 0 0 -75px;
    left: 50%;
}
.product-more i, .product-more strong { color:#66d0e6}
.product-more { background:#3e3e3e;min-height:287px; text-align:center}
.bg-gray {background:#eeeeec}
.img-circle img{border-radius: 50%;}
.product-more i {font-size:40px}
.box-category {text-align:center; padding:50px 0}
.box-category [class^="col-sm-"]{ margin-bottom:15px;}
.box-category a { color:#333; text-transform:uppercase}
.box-category img {
    border: none;
}
.box-category .btn {
    border: 1px solid #fff;
    border-radius: 50px;
    text-transform: inherit;
    padding: 2px 15px;
}
.box-category .nav li a {
    text-transform: inherit;
    padding: 5px 0; font-size:13px;
}
.box-tab-style2 .tab-product .nav_title {margin-bottom:0}
.box-tab-style2 .nav_title li{ width:50%; padding:0;}
.box-tab-style2 .nav_title li a{text-align:center; background:#3e3e3e; color:#fff; font-size:14px;}
.box-tab-style2 .nav_title li a::before { display:none}
.box-tab-style2 .nav_title li.active a { background:#66d0e6;}
.box-tab-style2 {margin-bottom:25px}
.box-tab-style2 .price-well {
    margin-bottom: 10px;
}
.box-tab-style2 .box-rate {
    margin-bottom: 0;
}
.button-category {padding-top:10px}
.button-cart {margin-bottom:15px}
.list-media { max-height:300px; overflow-y:auto; margin-bottom:15px;}
.btn-fill {background-color:#f0f0f0; border:1px solid #ddd; color:#333; border-radius:0; padding:6px 20px}
.media-left { float:left}
.list-download .media-heading { font-weight:bold}
.bottom-download span{padding-right:20px;}
.bottom-download i{ color:#777}
.bottom-download {
    margin-bottom: 20px;
}
.file-download, .btn-download { text-align:center; margin-top:50px;}
.file-download span, .btn-download span{display:block; color:#333}
.file-download .demo-icon, .btn-download .demo-icon{ font-size:30px;}
.item-download {
    background-color: #f0f0f0;
    position:relative; margin-bottom:20px;
}
.item-download .media { margin:0; padding:0; border:none}
.item-download .media-body {padding:15px}
.btn-download a {color:#333}
.item-download .media-body .media-heading a {padding-top: 0;}
.item-download:before, .item-download:after {content:""; position:absolute; height:100%; width:1px; background-color:#ddd; top:0;}
.item-download:before {right:15%}
.item-download:after {right:33%}
.botton-detail-download {padding:20px 0; text-align:right}
.botton-detail-download .btn{ border-radius:0; min-width:120px;}
.title-download {margin:0 0 10px; font-size:24px;}
.box-right-download {
    background-color: #f0f0f0;
}
.box-right-download .media{
	border:none; padding-bottom:0;
}
.box-right-download-cont {padding:15px}
.box-right-download .media-heading {
    height: 47px;
    overflow: hidden;
}
.btn-red {
    background-color: #cf0b1d;
    border: 1px solid #cf0b1d;
    color: #fff;
}
.couwn-down-style2 .timer .table-cell{width: 104px;margin: 0 auto;display: block;}
.couwn-down-style2 .timer .table-cell .tab-unit {float:left;}
.couwn-down-style2 .timer .table-cell .tab-val {float:left; margin:0 20px 10px 0; font-size:20px;}
.couwn-down-style2.couwn-down, .couwn-down-style3.couwn-down { margin-bottom: 0;}
.couwn-down-style2 .ratiing-time {top:15%}
.couwn-down img.couwn-down-img1 {min-width:inherit}
.couwn-decript {margin-bottom:20px}
.box-couwn-down-style1 .couwn-down-title { margin:30px 0;}
.couwn-down-style3 .ratiing-time {
    top: inherit;
    left: inherit;
    right: 25px;
    width: 240px;
    bottom: 20px;
}
.couwn-down-style3 .timer .table-cell .tab-unit {margin-top:5px}
/* CSS Light popup*/
@-webkit-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-moz-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-ms-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@-moz-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@-ms-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
.lg-outer.lg-right-end .lg-object {
  -webkit-animation: lg-right-end 0.3s;
  -o-animation: lg-right-end 0.3s;
  animation: lg-right-end 0.3s;
  position: relative;
}
.lg-outer.lg-left-end .lg-object {
  -webkit-animation: lg-left-end 0.3s;
  -o-animation: lg-left-end 0.3s;
  animation: lg-left-end 0.3s;
  position: relative;
}

.lg-toolbar {
  z-index: 1082;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.45);
}
.lg-toolbar .lg-icon {
  color: #999;
  cursor: pointer;
  float: right;
  font-size: 24px;
  height: 47px;
  line-height: 27px;
  padding: 10px 0;
  text-align: center;
  width: 50px;
  text-decoration: none !important;
  outline: medium none;
  -webkit-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
}
.lg-toolbar .lg-icon:hover {
  color: #FFF;
}
.lg-toolbar .lg-close:after {
  content: "\e070";
}
.lg-toolbar .lg-download:after {
  content: "\e0f2";
}

.lg-sub-html {
  background-color: rgba(0, 0, 0, 0.45);
  bottom: 0;
  color: #EEE;
  font-size: 16px;
  left: 0;
  padding: 10px 40px;
  position: fixed;
  right: 0;
  text-align: center;
  z-index: 1080;
}
.lg-sub-html h4 {
  margin: 0;
  font-size: 13px;
  font-weight: bold;
}
.lg-sub-html p {
  font-size: 12px;
  margin: 5px 0 0;
}

#lg-counter {
  color: #999;
  display: inline-block;
  font-size: 16px;
  padding-left: 20px;
  padding-top: 12px;
  vertical-align: middle;
}

.lg-toolbar, .lg-prev, .lg-next {
  opacity: 1;
  -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
}

.lg-hide-items .lg-prev {
  opacity: 0;
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
}
.lg-hide-items .lg-next {
  opacity: 0;
  -webkit-transform: translate3d(10px, 0, 0);
  transform: translate3d(10px, 0, 0);
}
.lg-hide-items .lg-toolbar {
  opacity: 0;
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5);
  opacity: 0;
  -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1;
}

.lg-outer .lg-thumb-outer {
  background-color: #0D0A0A;
  bottom: 0;
  position: absolute;
  width: 100%;
  z-index: 1080;
  max-height: 350px;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
}
.lg-outer.lg-thumb-open .lg-thumb-outer {
  -webkit-transform: translate3d(0, 0%, 0);
  transform: translate3d(0, 0%, 0);
}
.lg-outer .lg-thumb {
  padding: 10px 0;
  height: 100%;
  margin-bottom: -5px;
}
.lg-outer .lg-thumb-item {
  border-radius: 5px;
  cursor: pointer;
  float: left;
  overflow: hidden;
  height: 100%;
  border: 2px solid #FFF;
  border-radius: 4px;
  margin-bottom: 5px;
}
@media (min-width: 1025px) {
  .lg-outer .lg-thumb-item {
    -webkit-transition: border-color 0.25s ease;
    -o-transition: border-color 0.25s ease;
    transition: border-color 0.25s ease;
  }
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
  border-color: #a90707;
}
.lg-outer .lg-thumb-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.lg-outer.lg-has-thumb .lg-item {
  padding-bottom: 120px;
}
.lg-outer.lg-can-toggle .lg-item {
  padding-bottom: 0;
}
.lg-outer.lg-pull-caption-up .lg-sub-html {
  -webkit-transition: bottom 0.25s ease;
  -o-transition: bottom 0.25s ease;
  transition: bottom 0.25s ease;
}
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
  bottom: 100px;
}
.lg-outer .lg-toogle-thumb {
  background-color: #0D0A0A;
  border-radius: 2px 2px 0 0;
  color: #999;
  cursor: pointer;
  font-size: 24px;
  height: 39px;
  line-height: 27px;
  padding: 5px 0;
  position: absolute;
  right: 20px;
  text-align: center;
  top: -39px;
  width: 50px;
}
.lg-outer .lg-toogle-thumb:after {
  content: "\e1ff";
}
.lg-outer .lg-toogle-thumb:hover {
  color: #FFF;
}

.lg-outer .lg-video-cont {
  display: inline-block;
  vertical-align: middle;
  max-width: 1140px;
  max-height: 100%;
  width: 100%;
  padding: 0 5px;
}
.lg-outer .lg-video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}
.lg-outer .lg-video .lg-object {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.lg-outer .lg-video .lg-video-play {
  width: 84px;
  height: 59px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -42px;
  margin-top: -30px;
  z-index: 1080;
  cursor: pointer;
}
.lg-outer .lg-has-vimeo .lg-video-play {
  background: url("/themes/w3ni272/assets/images/play.png") no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-vimeo:hover .lg-video-play {
  background: url("/themes/w3ni272/assets/images/play.png") no-repeat scroll 0 -58px transparent;
}
.lg-outer .lg-has-html5 .lg-video-play {
  background: transparent url("/themes/w3ni272/assets/images/play.png") no-repeat scroll 0 0;
  height: 64px;
  margin-left: -32px;
  margin-top: -32px;
  width: 64px;
  opacity: 0.8;
}
.lg-outer .lg-has-html5:hover .lg-video-play {
  opacity: 1;
}
.lg-outer .lg-has-youtube .lg-video-play {
  background: url("/themes/w3ni272/assets/images/play.png") no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-youtube:hover .lg-video-play {
  background: url("/themes/w3ni272/assets/images/play.png") no-repeat scroll 0 -60px transparent;
}
.lg-outer .lg-video-object {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}
.lg-outer .lg-has-video .lg-video-object {
  visibility: hidden;
}
.lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play {
  display: none;
}
.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
  visibility: visible;
}

.lg-progress-bar {
  background-color: #333;
  height: 5px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1083;
  opacity: 0;
  -webkit-transition: opacity 0.08s ease 0s;
  -moz-transition: opacity 0.08s ease 0s;
  -o-transition: opacity 0.08s ease 0s;
  transition: opacity 0.08s ease 0s;
}
.lg-progress-bar .lg-progress {
  background-color: #a90707;
  height: 5px;
  width: 0;
}
.lg-progress-bar.lg-start .lg-progress {
  width: 100%;
}
.lg-show-autoplay .lg-progress-bar {
  opacity: 1;
}

.lg-autoplay-button:after {
  content: "\e01d";
}
.lg-show-autoplay .lg-autoplay-button:after {
  content: "\e01a";
}

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
}
.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

#lg-zoom-in:after {
  content: "\e311";
}

#lg-actual-size {
  font-size: 20px;
}
#lg-actual-size:after {
  content: "\e033";
}

#lg-zoom-out {
  opacity: 0.5;
  pointer-events: none;
}
#lg-zoom-out:after {
  content: "\e312";
}
.lg-zoomed #lg-zoom-out {
  opacity: 1;
  pointer-events: auto;
}

.lg-outer .lg-pager-outer {
  bottom: 60px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  z-index: 1080;
  height: 10px;
}
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
  overflow: visible;
}
.lg-outer .lg-pager-cont {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  position: relative;
  vertical-align: top;
  margin: 0 5px;
}
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
  box-shadow: 0 0 0 2px white inset;
}
.lg-outer .lg-pager-thumb-cont {
  background-color: #fff;
  color: #FFF;
  bottom: 100%;
  height: 83px;
  left: 0;
  margin-bottom: 20px;
  margin-left: -60px;
  opacity: 0;
  padding: 5px;
  position: absolute;
  width: 120px;
  border-radius: 3px;
  -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
  -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s;
  transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
  -webkit-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0);
}
.lg-outer .lg-pager-thumb-cont img {
  width: 100%;
  height: 100%;
}
.lg-outer .lg-pager {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
  display: block;
  height: 12px;
  -webkit-transition: box-shadow 0.3s ease 0s;
  -o-transition: box-shadow 0.3s ease 0s;
  transition: box-shadow 0.3s ease 0s;
  width: 12px;
}
.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus {
  box-shadow: 0 0 0 8px white inset;
}
.lg-outer .lg-caret {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px dashed;
  bottom: -10px;
  display: inline-block;
  height: 0;
  left: 50%;
  margin-left: -5px;
  position: absolute;
  vertical-align: middle;
  width: 0;
}

.lg-fullscreen:after {
  content: "\e20c";
}
.lg-fullscreen-on .lg-fullscreen:after {
  content: "\e20d";
}

.lg-outer #lg-dropdown-overlay {
  background-color: rgba(0, 0, 0, 0.25);
  bottom: 0;
  cursor: default;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1081;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
  -o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
  transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
}
.lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active #lg-dropdown-overlay {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transform: translate3d(0, 0px, 0);
  -o-transform: translate3d(0, 0px, 0);
  -ms-transform: translate3d(0, 0px, 0);
  -webkit-transform: translate3d(0, 0px, 0);
  transform: translate3d(0, 0px, 0);
  opacity: 1;
  visibility: visible;
}
.lg-outer.lg-dropdown-active #lg-share {
  color: #FFF;
}
.lg-outer .lg-dropdown {
  background-color: #fff;
  border-radius: 2px;
  font-size: 14px;
  list-style-type: none;
  margin: 0;
  padding: 10px 0;
  position: absolute;
  right: 0;
  text-align: left;
  top: 50px;
  opacity: 0;
  visibility: hidden;
  -moz-transform: translate3d(0, 5px, 0);
  -o-transform: translate3d(0, 5px, 0);
  -ms-transform: translate3d(0, 5px, 0);
  -webkit-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0);
  -webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
  -moz-transition: -moz-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
  -o-transition: -o-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
  transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
}
.lg-outer .lg-dropdown:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  border: 8px solid transparent;
  border-bottom-color: #FFF;
  right: 16px;
  top: -16px;
}
.lg-outer .lg-dropdown > li:last-child {
  margin-bottom: 0px;
}
.lg-outer .lg-dropdown > li:hover a, .lg-outer .lg-dropdown > li:hover .lg-icon {
  color: #333;
}
.lg-outer .lg-dropdown a {
  color: #333;
  display: block;
  white-space: pre;
  padding: 4px 12px;
  font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 12px;
}
.lg-outer .lg-dropdown a:hover {
  background-color: rgba(0, 0, 0, 0.07);
}
.lg-outer .lg-dropdown .lg-dropdown-text {
  display: inline-block;
  line-height: 1;
  margin-top: -3px;
  vertical-align: middle;
}
.lg-outer .lg-dropdown .lg-icon {
  color: #333;
  display: inline-block;
  float: none;
  font-size: 20px;
  height: auto;
  line-height: 1;
  margin-right: 8px;
  padding: 0;
  vertical-align: middle;
  width: auto;
}
.lg-outer #lg-share {
  position: relative;
}
.lg-outer #lg-share:after {
  content: "\e80d";
}
.lg-outer #lg-share-facebook .lg-icon {
  color: #3b5998;
}
.lg-outer #lg-share-facebook .lg-icon:after {
  content: "\e901";
}
.lg-outer #lg-share-twitter .lg-icon {
  color: #00aced;
}
.lg-outer #lg-share-twitter .lg-icon:after {
  content: "\e904";
}
.lg-outer #lg-share-googleplus .lg-icon {
  color: #dd4b39;
}
.lg-outer #lg-share-googleplus .lg-icon:after {
  content: "\e902";
}
.lg-outer #lg-share-pinterest .lg-icon {
  color: #cb2027;
}
.lg-outer #lg-share-pinterest .lg-icon:after {
  content: "\e903";
}

.lg-group:after {
  content: "";
  display: table;
  clear: both;
}

.lg-outer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}
.lg-outer * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.lg-outer.lg-visible {
  opacity: 1;
}
.lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current {
  -webkit-transition-duration: inherit !important;
  transition-duration: inherit !important;
  -webkit-transition-timing-function: inherit !important;
  transition-timing-function: inherit !important;
}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
  opacity: 1;
}
.lg-outer.lg-grab img.lg-object {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lg-outer.lg-grabbing img.lg-object {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}
.lg-outer .lg {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  max-height: 100%;
}
.lg-outer .lg-inner {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap;
}
.lg-outer .lg-item {
  background: url("/themes/w3ni272/assets/img/loading.gif") no-repeat scroll center center transparent;
  display: none !important;
}
.lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide {
  display: inline-block !important;
}
.lg-outer.lg-css .lg-current {
  display: inline-block !important;
}
.lg-outer .lg-item, .lg-outer .lg-img-wrap {
  display: inline-block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
}
.lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}
.lg-outer .lg-img-wrap {
  position: absolute;
  padding: 0 5px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.lg-outer .lg-item.lg-complete {
  background-image: none;
}
.lg-outer .lg-item.lg-current {
  z-index: 1060;
}
.lg-outer .lg-image {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  width: auto !important;
  height: auto !important;
}
.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play {
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
  opacity: 1;
}
.lg-outer .lg-empty-html {
  display: none;
}
.lg-outer.lg-hide-download #lg-download {
  display: none;
}

.lg-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1040;
  background-color: #000;
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}
.lg-backdrop.in {
  opacity: .95;
}

.lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current {
  -webkit-transition: none 0s ease 0s !important;
  -moz-transition: none 0s ease 0s !important;
  -o-transition: none 0s ease 0s !important;
  transition: none 0s ease 0s !important;
}
.lg-css3.lg-use-css3 .lg-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.lg-css3.lg-use-left .lg-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.lg-css3.lg-fade .lg-item {
  opacity: 0;
}
.lg-css3.lg-fade .lg-item.lg-current {
  opacity: 1;
}
.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
  -webkit-transition: opacity 0.1s ease 0s;
  -moz-transition: opacity 0.1s ease 0s;
  -o-transition: opacity 0.1s ease 0s;
  transition: opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item {
  opacity: 0;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-left .lg-item {
  opacity: 0;
  position: absolute;
  left: 0;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
  left: -100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
  left: 100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  left: 0;
  opacity: 1;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.image-wrapper .icon-eye-1:before {
    content: '\ea3e';
    top: -7px;
    font-size: 20px;
    position: relative;
}
.image-wrapper .icon-eye-1 {
    border: 1px solid #fff;
    border-radius: 50%;
}
/*END Light Popup*/

/* animat vnsite*/
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    -ms-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    -ms-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    -ms-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    -ms-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    -ms-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    -ms-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    -ms-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    -ms-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    -ms-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    -ms-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    -ms-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    -ms-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    -ms-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    -ms-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    -ms-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    -ms-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    -ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    -ms-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    -ms-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    -ms-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    -ms-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    -ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    -ms-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -ms-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    -ms-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    -ms-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    -ms-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    -ms-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    -ms-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    -ms-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    -ms-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    -ms-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    -ms-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    -ms-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    -ms-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    -ms-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    -ms-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    -ms-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    -ms-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    -ms-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    -ms-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    -ms-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    -ms-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -ms-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    -ms-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    -ms-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -ms-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    -ms-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -ms-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    -ms-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -ms-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    -ms-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    -ms-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -ms-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -ms-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -ms-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -ms-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -ms-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -ms-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    -ms-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    -ms-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    -ms-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    -ms-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    -ms-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    -ms-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    -ms-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    -ms-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    -ms-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    -ms-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    -ms-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    -ms-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    -ms-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    -ms-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    -ms-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    -ms-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    -ms-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    -ms-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

/* END animat VNSITE*/
html {
    overflow-y: scroll;
    overflow-x: hidden;
}
body {overflow-x:hidden}
img{ max-width:100%;}
.box-gallery-cont a { position:relative; color:#fff;}
.image-title {position:absolute; width:100%; height:32px; overflow:hidden}
.image-wrapper {
	position: relative;
	clear: both;
	margin-bottom: 20px;
	display: inline-block;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	height: 260px;
}
.image-wrapper a {
	text-decoration: none; display:block;
}

.image-wrapper img {
	width: 100%;
	display: block;min-height: 260px;
}
.image-wrapper img {
	border: 0;
	box-shadow: none
}
.image-title {
	position: absolute;
	bottom: 12px;
	left: 10px;
	z-index: 1;
	padding: 10px;
	text-align: left;
	color: #fff;
	text-decoration: none;
	font-size: 14px
}
.image-title {
	bottom: 10px;
	left: 0;
	right: 0;
	margin: 0;
	text-align: center;
	opacity: 0;
	background: 0 0
}
.image-wrapper:hover .image-title {
	opacity: 1
}
.image-hover {
	position: absolute; display:block;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(0, 0, 0, 0);
	-webkit-transition: background-color .3s ease;
	-moz-transition: background-color .3s ease;
	transition: background-color .3s ease
}
.image-hover {
	top: 0;
	left: 0;
	bottom: 0;
	right: 0
}
.image-hover i[class*=icon-] {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -20px 0 0 -20px;
	font-size: 42px;
	line-height: 42px;
	overflow: hidden;
	color: #fff;
	opacity: 0;
	-webkit-transition: opacity-color .5s ease;
	-moz-transition: opacity-color .5s ease;
	transition: opacity-color .5s ease
}
.fancybox-gallery:hover .image-hover i[class*=icon-] {
	opacity: 1
}
.fancybox-gallery:hover .image-hover { opacity:.65;}
.nav-tabs-03.nav-tabs {border-bottom:none}
.nav-tabs-03.nav li a {
    background: #f0f0f0;
    padding: 7px 15px;
    border-radius: 0; margin-right:10px;
    border: 1px solid #ddd;
}
.nav-tabs-03.nav-tabs>li.active>a, .nav-tabs-03.nav-tabs>li.active>a:focus, .nav-tabs-03.nav-tabs>li.active>a:hover {
    border: transparent;
    color: #fff;
}
.title-tab-02 {
    margin-bottom: 25px;
}
.bg-none {background:none}
.nobor {border:none!important}
.nobor-right {border-right:none!important}
.btn-social .btn {height:50px; position:relative; color:#fff; border:none;}
.btn-social .btn i {
    position: absolute;
    width: 50px;
    height: 50px;
    left: 0;
    top: 0;
    font-size: 20px;
    line-height: 50px;
}
.line-or {
    height: 1px;
    background-color: #ddd;
    margin: 30px 0;
    text-align: center; text-transform:uppercase;
}
.line-or span {
    display: inline-block;
    background: #fff;
    position: relative;
    top: -10px;
    padding: 0 10px;
}
.btn-facebook {background-color:#3b5998}
.btn-google {background-color:#b53d2f}
.button-login {text-align:center}
.name-forgot a {color:#ea0009}
.popup-style1 .modal-dialog { max-width:400px}
.popup-style1 .close {display:none}
.nav-tabs-02 { display:inline-block; width:100%}
.width50 {width:50%}
.nav-tabs-02.nav li a {
    background: #999999;
    border-radius: 0;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff; margin:0;
}
.popup-style1 .modal-dialog {
    border: 5px solid rgb(0,0,0,.2);
    border-radius: 5px;
}
.nav-tabs-02.nav-tabs > li.active > a, .nav-tabs-02.nav-tabs > li.active > a:focus, .nav-tabs-02.nav-tabs > li.active > a:hover {background: #fff; color:#333;}
.popup-style1 .modal-header {
    padding: 0;
    border-bottom: none;
}
.btn-social .btn.btn-facebook i {background-color:#30497d}
.btn-social .btn.btn-google i {background-color:#dd4b39}
.dropdown-menu.menu-currency {padding: 10px;}
.dropdown-menu.menu-currency li { margin-bottom:15px;}
.dropdown-menu.menu-currency li p{ margin-bottom:5px; font-size:13px; opacity:.6}
.item-dropdown .dropdown-menu.menu-currency a { color:#333; font-size:14px;}
.lang a, .currency a {margin-right:15px}
.pagination {
    list-style: none;
}
.pagination>li>a span.demo-icon {right:0}
.box-product-style2 .tab-product{border-bottom: 1px solid #ddd;margin-bottom: 30px; position:relative}
.box-product-style2 .tab-product .pull-left{ height:39px;}
.box-product-style2 .tab-product .pull-right .hidden-pc{position: absolute;right: 0;top: 0;}
.box-product-style2 h3 {
    font-size: 16px;
    color: #383838;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
    position: relative;
    top: 10px;
}
.nav_desktop ul ul { background:#fff; top:50px; left:0; position:absolute; z-index:9; min-width:200px; border:1px solid #ddd;}
.nav_desktop ul ul { border:none;
opacity: 0;
	pointer-events: none;
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transition: all 0.3s ease;
}
.nav_desktop ul li:hover ul { 
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);z-index: 99;
}

.nav_desktop ul li.sub-menu-style1:hover ul ul { border:none;
opacity: 0;
	pointer-events: none;
	-webkit-transform: translateX(10px);
	transform: translateX(10px);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transition: all 0.3s ease; top:0; left:200px;
}
.nav_desktop ul li.sub-menu-style1:hover ul li:hover ul { 
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translateX(0px);
	transform: translateX(0px);
}
/*****menu vetical****/
.menu-vetical .nav_desktop {
    min-width: 240px;    border-radius: 0px;
    margin: 0;
}
.menu-vetical .dropdown-toggle {
    color: #fff;
    height: 50px;
    line-height: 50px;
    text-transform: uppercase;
    font-weight: bold;
}
.menu-vetical .nav_desktop ul ul { 
	-webkit-transform: translateX(10px);
	transform: translateX(10px);
	transition: all 0.3s ease; top:0; left:238px;
}
.menu-vetical .nav_desktop li a:after{ display:none;}
.menu-vetical .nav_desktop ul li:hover ul { 
	opacity: 1;
	-webkit-transform: translateX(0px);
	transform: translateX(0px);
}
.menu-vetical .nav_desktop li {float:none}
.menu-vetical .nav_desktop li a { color:#333; border-bottom:1px solid #ddd; text-transform:none; position:relative;}
.menu-vetical .nav_desktop li a:before{ content:''; width:1px; background:#fff; height:100%; position:absolute; right:-1px; top:0; display:none;}

.arow-right-sub-menu{ position:absolute; top:0; bottom:0; right:10px; display:table; margin:auto; display:none; height:5px;}
.menu-vetical .nav_desktop li a .arow-right-sub-menu{ display:block;}

.title-nav-sub{ margin-top:0; }
.sub-menu-vetical{ position:absolute; top:0; left:100%; height:100%; background:#fff; width:900px; border-left:1px solid #ddd; padding:20px 20px; display:none; min-height:300px;}
.menu-vetical .nav_desktop li:hover  > .sub-menu-vetical{ display:block;}
.box-nav-sub{text-transform: uppercase;font-size: 12px;}
.title-nav-sub a{font-weight: bold;color: #1e1e1e; display: block;border-bottom: 1px solid #ddd;text-transform:uppercase !important;}
.banner-sub-menu{ border-bottom:none !important; }
.title-img-banner-sub{font-weight:bold; text-align:center;}
.list-sub-menu .view-all-list{ text-transform:none !important;}
.menu-vetical .nav_desktop .list-sub-menu a{ border-bottom:none;font-size:12px; text-transform:uppercase; padding:8px 12px; color:#1e1e1e;}
.menu-vetical .nav_desktop .list-sub-menu a:hover{ color:#ed1c24;}
.menu-vetical .nav_desktop ul.first-ul{ box-shadow:0 0 5px rgba(0, 0, 0, 0.27);}

.icon-category{ text-align:center; margin-right:15px;}
/*****end menu vetical*****/
.nav_desktop ul li.sub-menu-style2 ul {width:100%;}
.nav_desktop ul li.sub-menu-style2 ul li { padding:10px 15px}
.nav_desktop ul li.sub-menu-style2 ul li{float:left}
.nav_desktop ul li.sub-menu-style2 ul li a{ padding:15px 0; font-weight:bold}
.nav_desktop ul li.sub-menu-style2 ul li a:hover, .nav_desktop ul li.sub-menu-style2:hover ul li a:hover{ background:inherit;}
.nav_desktop ul li.sub-menu-style2 ul li li{float:none; padding:0}
.nav_desktop ul li.sub-menu-style2 ul li li a{ border:none; padding:5px 15px; font-weight:normal}
.nav_desktop ul li ul li { float:none; position:relative}
.nav_desktop ul li.sub-menu-style1 ul li a{ border-bottom:1px solid #ddd; padding:10px;}
.nav_desktop ul li ul li a:after {display:none}
.nav_desktop ul li:first-child a {margin-left:0}
.nav_desktop ul li.active ul li a, .nav_desktop ul li:hover ul li a { color:#333; text-transform:inherit;}
.nav_desktop li.sub-menu-style1 {position:relative}
.table-normal>tbody>tr>td, .table-normal>tbody>tr>th, .table-normal>tfoot>tr>td, .table-normal>tfoot>tr>th, .table-normal>thead>tr>td, .table-normal>thead>tr>th { border:none}
.table-normal tr{background-color:#f8f8f8;}
.table-normal > tbody > tr:nth-of-type(2n+1) {
    background-color: #fff;
}
.owl-theme .owl-controls .owl-buttons div {background-color:inherit}
.list-item.view-list {display:inline-block; width:100%; margin-bottom:15px;}
.dropdown-menu li ul {list-style:none; margin:0; padding:0 0 0 10px}
.dropdown-menu li ul li a {
    color: #333;
    font-size: 12px;
    padding: 5px 0;
    display: block;
    font-weight: 300;
}
/*.dropdown-menu li ul li a:before { content:'\e8c2';font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}*/

.font-medium {font-size:120%}
.table-nobor td {border:none !important;vertical-align: middle !important; padding:10px 5px !important}
.bor-top td, .bor-top{border-top:1px solid #ddd}
.price {color:#f00}
.table-normal {margin:10px 0 0;}
.dropdown-menu>li>a {padding:7px 10px}
.dropdown-menu {padding:0; margin:0;}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    background-color: #ed1c24;
}
.shoppingcart-box {
    width: 290px;
    max-height: 400px;
    padding: 0 20px 20px;
}
.shoppingcart-box .list {
    padding: 0;
    list-style-type: none;
}
.shoppingcart-box .item {
    padding: 12px 0;
    overflow: hidden;
    border-bottom: 1px solid #f5f5f5; position:relative;
}
.shoppingcart-box .item .icon-product-delete, .shoppingcart-box .item .icon-product-edit {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 17px;
    color: #fff;
}
.shoppingcart-box .item .icon-product-delete {
    position: absolute;
    top: 10px;
    right: -2px;
    font-size: 17px;
    color: #fff;
}
.shoppingcart-box .price {
    display: block;
    padding-top: 8px;
    font-size: 1em;
}
.shoppingcart-box a {
    font-size: 15px;
    white-space:inherit;
}
.shoppingcart-box .preview {
    width: 65px;
    display: block;
    float: left;
}
.shoppingcart-box .description {
    margin-left: 80px;
    font-size: 13px; padding-right:15px;
}
.shoppingcart-box .total {
    text-align: right;
    padding: 6px 0 12px;
}
.shoppingcart-box .btn-mega {
    float: right;
}
.shoppingcart-box .view-link {
    padding-top: 11px;
}
.title-main {background-color:#f0f0f0; padding:10px 0}
.title-main h1{
	font-size: 16px;
	color: #383838;
	font-weight: bold;
	text-transform: uppercase;
	position: relative; margin:0;	
}
.right-style-1 {padding-left:30px}
.box-style-1 .demo-icon {
    float: left;
    
    font-size: 20px;
}
.box-step3 {border:2px solid #ddd; padding:15px;}
.box-step3 .title_style4 {
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}
.box-step3 .title_style4 h3 { margin:0; padding:0}
.box-step3 .title_style4 a { color:#989898;}
.bg_clolor {background:#ed1c24}
.padding { padding:15px;}
.no-padd {padding:0 !important}
label {font-weight:300}
.clred {color:#f00}
.tab-title {margin-bottom:30px}
.padd10 {padding:10px 0 !important}
div .no-pad-right {padding-right:0}
.select2-container .select2-choice {
    border: none;
    background: none;
}
.select2-container.form-control {
    padding-left: 0;
}
.select2-container .select2-choice .select2-arrow b {background:url(/themes/w3ni272/assets/images/select2.png) no-repeat 10px 8px;}
.select2-container .select2-choice .select2-arrow {
    border: none;
    background: none;
}
.input-icon {
    position: absolute;
    right: 3px;
    z-index: 2;
    top: 7px;
}
.inline-block {display:inline-block}
.cicle {border-radius:50%; width:80px; height:80px; line-height:80px; font-size:30px;; color:#fff; text-align:center;}
.title_style2 {position:relative}
.title_style2::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 160px;
    background: #383838;
    top: 35px;
    left: 50%;
    margin-left: -80px;
}
.title_style2 h3::after {
    content: "";
    position: absolute;
    height: 4px;
    width: 60px;
    top: 34px;
    left: 50%;
    margin-left: -30px;
    z-index: 2;
}
.box-cont {padding:50px 0}
.border-bottom {border-bottom:1px solid #ddd}
.nav li a {
	color:#333; font-weight:400;
}
.nav li a .demo-icon {
    padding-right: 5px;
    display: inline;
}
.title_style h2, .title_style h3, .title_style h4 {
	background-color:#383838;
    font-size: 16px;
    color: #fff; margin:0;
    font-weight: bold;
    text-transform: uppercase;
    display: block;padding: 10px 15px;
    position: relative;
}
.title_style2 h2, .title_style2 h3, .title_style2 h4 {
    font-size: 16px;
    color: #383838;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
    position: relative;
}
.title_style3 h2, .title_style3 h3, .title_style3 h4 {
    font-size: 16px;
    color: #383838;
    font-weight: bold;
    text-transform: uppercase;
    display: block; border-bottom:1px solid #ddd; padding-bottom:10px; margin:0 0 5px;
    position: relative;
}
.title_style4 h2, .title_style4 h3, .title_style4 h4 {
    font-size: 16px;
    color: #383838;
    font-weight: bold;
    text-transform: uppercase;
    display: block; margin:0 0 10px; padding:10px; border-bottom:1px solid #ddd;
    position: relative;
}
.box-style-1 .title_style4 h2, .box-style-1 .title_style4 h3, .box-style-1 .title_style4 h4, .box-forget .title_style4 h2, .box-forget .title_style4 h3, .box-forget .title_style4 h4 {
    padding:0; border-bottom:inherit;
}
.title_style1 h2 { font-size:40px;margin: 0 0 15px;}
.title_style1 strong, .title_style2 h3 strong { color:#ed1c24;}
.bottom {margin-bottom:25px}
.breadcrumb {margin:0; padding:0; background:none; font-size:12px;}
.box_bor_style1 {
    border: 5px solid #ddd;
    padding: 50px 25px 125px 30%;
    width: 130%;
    left: -30%;
    position: relative;
}
.welcome {padding:50px 0}
.welcome p { font-weight:300;}
.img_intro1 {
    position: absolute;
    top: 30px;
    z-index: 2;
}
.bg_gray {background:#f0f0f0;}
.box_location {padding:50px 0}
.bg_gray2 {background:#f8f8f8;}
.nav-tabs-style1.nav-tabs {border:none; display:inline-block;}
.nav-tabs-style1 li a { background:#383838;display:block; width:50px; height:2px;padding:0;}
.nav-tabs-style1.nav-tabs > li.active > a, .nav-tabs-style1.nav-tabs > li.active > a:focus, .nav-tabs-style1.nav-tabs > li.active > a:hover{ background:#ed1c24;}
.bt { font-size:14px; border:none; min-width:50px;line-height: 35px; padding:0 10px}
#btn-process-payment {margin-left:5px}
a.bt { display:inline-block; padding:0 10px !important}
.nav-tabs-01 .nav li a {
    padding: 0 0 0 39px;
    background: none !important;
    border: none !important; display:inline-block;
}
.nav-tabs-01 .nav-tabs {border:none}
.title_style3.bottom0 h3 {margin-bottom:0}
.owl-carousel .owl-wrapper-outer {padding-bottom:2px}

.list-bank li {
    float: left;
    width: 20%;
    text-align: center; background:#fff;
}

.list-bank li label {
    line-height: 3.5;
    position: relative
}

.list-bank img {
    width: 100%;
    max-width: 200px;
    height: auto
}
ul.list-bank {
    margin: 0;
    padding: 0;list-style: none;
    border-left: 1px solid #ddd;border-top: 1px solid #ddd;
    position: relative;
    left: 1px;
}

.list-bank li label {
    display: block;
    border-bottom: 1px solid #ddd;
    margin: 0;
    border-right: 1px solid #ddd;
    vertical-align: middle;
    padding: 40px 0 ;
    cursor: pointer; position:relative;
}

.list-bank li label input {
    border: none;
    background:url(/themes/w3ni272/assets/images/trans.png) 0 0 repeat;
    color: #fff;
    position: absolute;
    width: 100%; display:none;
    height: 100%;
    top: 0; font-size:0; z-index:2;
    left: 0; 
}
.nav-tabs-01 {
    margin-bottom: 25px;
    padding: 15px 0;
    border-bottom: 1px solid #ddd;
}
.note-cart{ padding-top:15px}
.list-bank li label:before {	
	font-family: "fonts_vnsitecss";
    font-style: normal;
    font-weight: normal; border-radius:50%; padding:5px;
    color: #fff;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    font-size: 10px;
    position: absolute; display:none;
    right: 10px;
    top: 15px;
    content: '\e832';margin: -5px 0 0 -5px;
}
.list-bank li.active label:before, .list-bank li:hover label:before { display:block;}
.nav-tabs-01 .nav-tabs li { width:100%;}
.tabs-menu-01:before {content:""; width:1px; background:#ddd; height:100%; position:absolute; right:0; top:0;}
.nav-tabs-01 .nav-tabs li.active .icon-circle-empty, .nav-tabs-01 .nav-tabs li .icon-dot-circled{display:none}
.nav-tabs-01 .nav-tabs li.active i.icon-dot-circled {display:block;}
.nav-tabs-01 .nav-tabs li .demo-icon { position:absolute;}
.nav-tabs-01 .nav-tabs li .icon-circle-empty, .nav-tabs-01 .nav-tabs li .icon-dot-circled { left:10px; top:10px;}
.nav-tabs-01 .nav-tabs li .icon-circle-empty { left:10px; top:10px; color:#999}
.nav-tabs-01 .nav-tabs li span {
    display: block;
    background: #eeeeec; border:1px solid #ddd;
    padding: 5px 15px;
    border-radius: 4px;
    color: #555; text-align:left;
}
.nav-tabs-01 .tab-content { padding:20px 0;}
.nav-tabs-01 .nav-tabs li span .demo-icon {
    width: 25px;
    height: 25px;
    line-height: 25px;
    left: 5px;
    padding: 0;
    text-align: center;
    border-radius: 50%;
    top:4px;
}
.nav-tabs-01 .nav-tabs li span .demo-icon.icon-wallet {color:#3e3e3e}
.nav-tabs-01 .nav-tabs li span .demo-icon.icon-visa {color:#ed1c24}
.nav-tabs-01 .nav-tabs li span .demo-icon.icon-paypal {color:#00e5ff}
.nav-tabs-01 .nav-tabs li span .demo-icon.icon-mastercard {color:#4caf50}
.nav-tabs-01 .nav-tabs li span .demo-icon.icon-atm {color:#ffc212}
.nav-tabs-01 .nav-tabs li.active span .demo-icon {background: #fff;}
.nav-tabs-01 .nav-tabs li span .icon-cc-visa:before {
    right: 2px;
    position: relative;
}
.nav-tabs-01 .nav-tabs li{
    padding: 10px 0;
}
.nav-tabs-01 .nav-tabs li span {
	position:relative;
}
.arrow-left, .arrow-left::after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
.arrow-left {
    top: 50%;
    left: -21px; display:none;
    margin-top: -11px;
    border-right-color: #ddd;
		border-left-width: 0;		
	border-width: 11px;
}
.arrow-left::after {
    bottom: -12px;
    left: -11px;
    content: " ";
    border-right-color: #eeeeec;
    border-left-width: 0; content:"";border-width: 12px;
}
.nav-tabs-01 li.active .arrow-left {display:block}
.nav-tabs-01 .nav-tabs li.active span {color:#fff}
.icon-flag {
	display: inline;
	font-size: 9px!important;
	padding: 0 7px;
	position: relative;
	top: -1px;
	background: url(/themes/w3ni272/assets/images/icons-flags.png) no-repeat 0 0
}
.item-dropdown .icon-flag:before {display:none}
.icon-flag-en {
	background-position: 0 0
}
.icon-flag-de {
	background-position: 0 -22px
}
.icon-flag-fr {
	background-position: 0 -44px
}
.icon-flag-da {
	background-position: 0 -66px
}
.icon-flag-el {
	background-position: 0 -88px
}
.icon-flag-es {
	background-position: 0 -110px
}
.icon-flag-it {
	background-position: 0 -132px
}
.icon-flag-nl {
	background-position: 0 -154px
}
.icon-flag-pl {
	background-position: 0 -176px
}
.icon-flag-pt {
	background-position: 0 -198px
}
.icon-flag-ru {
	background-position: 0 -220px
}
.icon-flag-sv {
	background-position: 0 -242px
}
.icon-flag-vi {
	background-position: 0 -261px
}
.btn-normal {background-color:#dedede; border:1px solid #ccc;line-height: 30px;}
.txt-upper {text-transform:uppercase}
.form-control {
    box-shadow: inherit;
    border-radius: 0;
    border-color: #ddd;
}
.cicle-icon {
    color: #fff;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    line-height: 20px;
}
th {text-align:inherit}
.title-table-01 th {background:#dedede}
.bottom-big {margin-bottom:30px}
.img-80, .img-80-bor {width:80px; height:80px;}
.img-80-bor { border:1px solid #ddd; padding:1px;}
.input-cart {
    width: 30px;
    text-align: center;
    position: absolute;
    right: 0;
    top: 50%;
    border: 1px solid #ddd;
    height: 30px;
    margin-top: -20px;
}
.media-body .media-heading a {
    font-size: 15px;
    color: #333;
    display: block;
}
.box-cart-right-cont .media-body .media-heading {padding-top:15px; padding-right:30px}
.box-cart-right-cont .media-body .price-well {padding-right:30px}
.media {
    position: relative;
    padding-bottom: 10px;
    border-bottom: 1px dotted #ddd;
    margin-bottom: 10px;
}
.box-cart-right {
    border: 1px solid #ddd;
}
title_style4 h3 {
    padding: 0;
    margin: 0 0 5px;
}
.font-small {font-size:13px; text-transform:capitalize; color:#777; font-weight:normal}
.box-cart-right-cont {padding:15px}
.title-promotion, .item-cart, .item-promotion {
    margin-bottom:15px;
}
.item-promotion {
    padding: 10px;
    background: #f8f8f8;
}
.media-left a{display:block}
.box-cart-left {
    padding: 15px;
    margin: 0 0 20px;
    background: #f8f8f8;
}
.box-step {padding:50px 0 80px}
.box-step ul {
    list-style: none;
    margin: 0;
    height: 2px; position:relative;
    padding: 0;
    background: #ddd;
}
.box-step ul li {float:left; width:33.3333333%}
.box-step ul li .demo-icon {
    position: absolute;
    width: 40px;
    height: 40px;
    top: -20px;
    border-radius: 50%;margin-left: -20px;
    line-height: 40px;
    color: #fff;
    background: #999999;
    border: 2px solid #ddd;
}
.box-step ul li span {
    position: absolute;
    top: 20px; color:#333;
}
li.step1 span {left:-59px}
li.step2 span {
    left: 50%;
    width: 136px;
    margin-left: -71px;
}
li.step3 span {
    right: -15px;
}

li.step1 i{left:0}
li.step2 i{left:50%}
li.step3 i{right:0}
.box-cart .cart-left:after {
    position: absolute;
    content: "";
    width: 1px;
    right: 0;
    background: #ddd;
    top: 0;
    height: 100%;
}
.bottom0 {margin:0 !important; padding:0 !important}
.bg-white {background:#fff}
.owl-carousel {position:inherit}
#Slider .owl-carousel {position:relative}
.slider-product.owl-theme .owl-controls .owl-buttons div {
    top: 10px;
}
.slider-product.owl-theme .owl-controls .owl-buttons div.owl-prev {
    right: 20px;
}
.slider-product.owl-theme .owl-controls .owl-buttons div.owl-next {
    right: 0;
}
.box-product-style2 {position:relative}
.box-left {position:relative}
.box-left .slider-product.owl-theme .owl-controls .owl-buttons div {
    top: -55px;
}
@media(min-width:768px){
	.box-product-style2 .tab-product .nav_title { margin-right:20px !important;}
	#Nav-desktop .container {position:relative}
	#Nav-desktop .col-lg-10 {width:100%}
	#Nav-desktop .col-lg-2 {position:absolute; right:0; top:0}
}
@media(min-width:768px){
	.content-box-left {display:inline-block; width:100%}	
	.nav_title.collapse {display:block}
	.hidden-pc {display:none}	
.nav_desktop {margin-left:-15px}
	.box-step3 { margin-bottom:50px;}	
	.cart-right {
    padding-left: 10px;
}
.cart-left {
    padding-right: 10px;
}
	.box-forget {padding:80px 0}
	.col-sm-20 {width:20%; float:left;padding-left: 15px;}
	.col-sm-20.last .form-group{padding-right: 15px;}
.no_pad_right { padding-right:0 !important}
.box_dates .col-sm-4 {padding-right:0}
.box_dates .col-sm-4.item_year {padding-right:15px}
.form-control.col-sm-11 {
	width: 91.66666667%; float:none;
}
.form-control.col-sm-10 {
	width: 83.33333333%; float:none;
}
.form-control.col-sm-9 {
	width: 75%; float:none;
}
.form-control.col-sm-8 {
	width: 66.66666667%; float:none;
}
.form-control.col-sm-7 {
	width: 58.33333333%; float:none;
}
.form-control.col-sm-6 {
	width: 50%; float:none;
}
.form-control.col-sm-5 {
	width: 41.66666667%; float:none;
}
.form-control.col-sm-4 {
	width: 33.33333333%; float:none;
}
.form-control.col-sm-3 {
	width: 25%; float:none;
}
.form-control.col-sm-2 {
	width: 16.66666667%; float:none;
}
.form-control.col-sm-1 {
	width: 8.33333333%; float:none;
}
}
@media(max-width:1199px){
.sub-menu-vetical{ width:730px;}
}
@media(max-width:1024px){
	.container {width:auto}	
}
@media (max-width: 992px) and (min-width: 768px){
.title_style h3{font-size: 10px;}
.img-80, .img-80-bor {
    width: 50px;
    height: 50px;
}
.box-cart-right-cont .media-body .media-heading {
    padding-top: 0;
}
.box-cart-right-cont {
    padding: 10px 5px;
}
}
@media(max-width:767px){
	.box-product-style2 .tab-product .pull-left {float:none !important}
	.tab-product {margin-bottom:15px}
	.list-bank li { width:33.33333%}
.tab-product {min-height:40px}	
.cart-left .form-group .row .col-sm-6{margin-bottom:15px}
.box-product-style2 .tab-product .pull-right{ margin-right:30px;}
.box-ad [class^="col-sm-"] {margin-bottom:15px}
	#simple_timer2.timer {
		text-align: right;
	}
	.box-product-style2 .tab-product .pull-right { margin-right: 20px; float:none !important}
	.item-download:before, .item-download:after {display:none}
	.item-download .media-left {
		float: none;
		width: 100%;
		display: inline-block;
		text-align: center;
	}
	.item-download .media-object {
		display: inline-block;
	}
	.file-download {float:left; margin:0 0 0 15px}
	.btn-download {float:right; margin:0 15px 0 0}
	.item-download {
		padding: 15px 0;
	}
	.btn-social .btn {
    padding-left: 45px;
}
	.box-forget { padding: 30px 0;}
	.pagination>li>a, .pagination>li>span {margin:0 2px; padding:0; min-width:30px; height:30px; line-height:30px;}
	.nav-page {text-align:center}
	.Compe-product .table>tbody>tr>td {min-width:150px} 
	.Compe-product { overflow-x: auto;}
	.nav-tabs-01 .input-group {
		display: inline-block;
		margin-bottom: 15px;
		width: 100%;
	}

	.box_dates .col-sm-4 {padding-right:0}
.box_dates .col-sm-4.item_year {padding-right:15px}
	.box-product-style2 .tab-product .pull-right .nav_title.collapse.in {display:block}
	.hidden-pc {display:block}
	.box-product-style2 h3 { top: -8px;}
	.box-product-style2 .owl-theme .owl-controls {display:none !important}
	.box_dates .col-sm-4 {float:left; width:33.3333%;}
.title_style1 h2 {
    font-size: 30px;
}
.img_intro1 {
	margin-bottom:20px;position:inherit
}
.box_bor_style1 { padding:20px; position:inherit; left:0; width:auto}
.welcome {
    padding: 10px 0;
}
.box-step {
    width: 80%;
    margin: 0 auto;
}
#Slider .owl-theme .owl-controls .owl-buttons div{ width:30px; top:25%;}
}
@media(max-width:481px){
	#header .hotline {
		margin: 0px 10px;
	}
	#header .box-right {
    margin-right: 10px;
}
	.nav_title li{  width:inherit}
	.nav-tabs-03.nav li a, .btn-fill {
    padding: 5px 5px;
    font-size: 12px; margin-right:4px;
}
	.couwn-down-title h2 {font-size:16px}
	.box-couwn-down-style1 .couwn-down-title {
		margin: 10px 0;
	}
	.box-couwn-down-style1 {padding:15px 0}
	.couwn-decript {display:none}
	#Slider .owl-theme .owl-controls .owl-buttons div::before {
		font-size: 30px;
	}
	.couwn-down-style3 .timer .table-cell .tab-val {
		font-size: 16px !important;
		width: 30px;
		height: 30px;
		line-height: 30px;
	}
	.couwn-down-style3 .ratiing-time {
		right: 0;
		bottom: 0;
	}
	.couwn-down-style3 .timer .table-cell .tab-unit {
		margin-top: 0;
	}
	.couwn-down-style3 .timer .table-cell {
    min-width: 40px;
}
.box-step {
    width: 85%;
    margin: 0 auto; font-size:12px;
}
li.step1 span {
    left: -28px;
    width: 54px;
}
li.step2 span {
    width: 70px;
    margin-left: -35px;
}
li.step3 span {
    right: -8px;
}
}
@media(max-width:321px){
	.box-gallery .title-tab-02 {
		margin-right: -13px;
		margin-left: -11px;
	}
li.step1 span {
    left: -26px;
}
li.step3 span {
    right: -8px;
}
.couwn-down-style3 .timer .table-cell {
    min-width: 30px;
}
.couwn-down-style3 .timer .table-cell .tab-val { margin:0}
.couwn-down-style3 .timer .table-cell .tab-unit {font-size:12px}
}
.panel-account {
	background-color: #fff;
    padding: 15px;
	margin: 15px 0px;
    width: 100%;
}
.mlr-auto {
	margin: 0px;
	padding: 0px;
}

.codrops-header,
.codrops-top {
	font-family: 'Lato', Arial, sans-serif;
}

.codrops-header {
	margin: 0 auto;
	padding: 2em;
	background: rgba(0,0,0,0.01);
	text-align: center;
}

.codrops-header h1 {
	margin: 0;
	font-weight: 300;
	font-size: 2.625em;
	line-height: 1.3;
}

.codrops-header span {
	display: block;
	padding: 0 0 0.6em 0.1em;
	font-size: 60%;
	opacity: 0.7;
}

/* To Navigation Style */
.codrops-top {
	width: 100%;
	background: #91cfa1;
	background: rgba(255, 255, 255, 0.1);
	text-transform: uppercase;
	font-size: 0.69em;
	line-height: 2.2;
}

.codrops-top a {
	display: inline-block;
	padding: 0 1em;
	color: #fff;
	text-decoration: none;
	letter-spacing: 0.1em;
}

.codrops-top a:hover {
	background: rgba(255,255,255,0.95);
	color: #333;
}

.codrops-top span.right {
	float: right;
}

.codrops-top span.right a {
	display: block;
	float: left;
}

.codrops-icon:before {
	margin: 0 4px;
	text-transform: none;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-family: 'codropsicons';
	line-height: 1;
	speak: none;
	-webkit-font-smoothing: antialiased;
}

.codrops-icon-drop:before {
	content: "\e001";
}

.codrops-icon-prev:before {
	content: "\e004";
}

/* Demo Buttons Style */
.codrops-demos {
	padding-top: 1em;
	font-size: 1.1em;
}

.codrops-demos a {
	display: block;
	float: left;
	clear: both;
	margin: 0.5em 0.5em 0.5em 1.9em;
	padding: 1em 1.1em;
	width: 280px;
	outline: none;
	color: #fff;
	background: #336ca6;
	text-align: center;
	text-decoration: none;
	font-weight: 700;
}

.codrops-demos a:hover,
.codrops-demos a.current-demo,
.codrops-demos a.current-demo:hover {
	opacity: 0.6;
}

.content {
	max-width: 1920px;
	margin: 0 auto;
}

.block {
	float: left;
	padding: 1em 3em;
}

.block-40 {
	width: 40%;
}

.block-60 {
	width: 60%;
}

.block p {
	margin: 0;
	padding: 0 1em 0.6em;
	font-size: 1.8em;
	line-height: 1.5;
}

.info {
	text-align: center;
	font-size: 1.5em;
	margin-top: 3em;
	clear: both;
	padding-top: 3em;
	color: rgba(255,255,255,0.5);
}

.info a {
	font-weight: 700;
	font-size: 0.9em;
}

.info a:hover {
	color: #336ca6;
}

@media screen and (max-width: 69em) {
	.content .block {
		float: none;
		width: 100% ;
		padding: 1em 0 0 1em ;
	}
}

@media screen and (max-width: 25em) {
	.codrops-icon span {
		display: none;
	}

}
@font-face {
	font-family: 'linecons';
	src:url('/themes/w3ni272/assets/fonts/linecons.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

.icon:before {
	font-family: 'linecons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	display: inline-block;
	margin-right: 0.6em;
	-webkit-font-smoothing: antialiased;
}
.icon-female:before {
	content: "\f182";
}
.icon-male:before {
	content: "\f183";
}
.icon-arrow-left:before {
	content: "\e032";
}
.icon-arrow-left-2:before {
	content: "\e034";
}
.icon-arrow-left-3:before {
	content: "\e036";
}
.icon-arrow-left-4:before {
	content: "\e038";
}
.icon-arrow-right:before {
	content: "\e035";
}
.icon-arrow-right-2:before {
	content: "\e037";
}
.icon-arrow-right-3:before {
	content: "\e039";
}
.icon-arrow-right-4:before {
	content: "\e033";
}

.icon-phone:before {
	content: "\e000";
}
.icon-news:before {
	content: "\e001";
}
.icon-photo:before {
	content: "\e002";
}
.icon-shop:before {
	content: "\e003";
}
.icon-wallet:before {
	content: "\e004";
}
.icon-t-shirt:before {
	content: "\e005";
}
.icon-heart:before {
	content: "\e006";
}
.icon-cloud:before {
	content: "\e007";
}
.icon-display:before {
	content: "\e008";
}
.icon-diamond:before {
	content: "\e009";
}
.icon-banknote:before {
	content: "\e00a";
}
.icon-data:before {
	content: "\e00b";
}
.icon-music:before {
	content: "\e00c";
}
.icon-location:before {
	content: "\e00d";
}
.icon-star:before {
	content: "\e00e";
}
.icon-tv:before {
	content: "\e00f";
}
.icon-eye:before {
	content: "\e010";
}
.icon-megaphone:before {
	content: "\e011";
}
.icon-study:before {
	content: "\e012";
}
.icon-bubble:before {
	content: "\e013";
}
.icon-sound:before {
	content: "\e014";
}
.icon-video:before {
	content: "\e015";
}
.icon-stack:before {
	content: "\e016";
}
.icon-lab:before {
	content: "\e017";
}
.icon-food:before {
	content: "\e018";
}
.icon-cup:before {
	content: "\e019";
}
.icon-trash:before {
	content: "\e01a";
}
.icon-user:before {
	content: "\e01b";
}
.icon-key:before {
	content: "\e01c";
}
.icon-fire:before {
	content: "\e01d";
}
.icon-clip:before {
	content: "\e01e";
}
.icon-mail:before {
	content: "\e01f";
}
.icon-search:before {
	content: "\e020";
}
.icon-settings:before {
	content: "\e021";
}
.icon-like:before {
	content: "\e022";
}
.icon-calendar:before {
	content: "\e023";
}
.icon-camera:before {
	content: "\e024";
}
.icon-tag:before {
	content: "\e025";
}
.icon-note:before {
	content: "\e026";
}
.icon-clock:before {
	content: "\e027";
}
.icon-lock:before {
	content: "\e028";
}
.icon-vynil:before {
	content: "\e029";
}
.icon-truck:before {
	content: "\e02a";
}
.icon-paperplane:before {
	content: "\e02b";
}
.icon-bulb:before {
	content: "\e02c";
}
.icon-pen:before {
	content: "\e02d";
}
.icon-params:before {
	content: "\e02e";
}
.icon-world:before {
	content: "\e02f";
}


.scroller,
.scroller-inner {
	position: relative;
}
.menu-trigger {
	position: relative;
	padding-left: 60px;
	font-size: 0.9em;
}

.menu-trigger:before {
	position: absolute;
	top: 2px;
	left: 0;
	width: 40px;
	height: 6px;
	background: #fff;
	box-shadow: 0 6px transparent, 0 12px #fff, 0 18px transparent, 0 24px #fff;
	content: '';
}

.mp-pusher {
	position: relative;
	left: 0;
	height: 100%;
}

.mp-menu {
	position: absolute; /* we can't use fixed here :( */
	top: 0;
	left: 0;
	z-index: 1;
	width: 250px;
	height: 100%;
	-webkit-transform: translate3d(-100%, 0, 0);
	-moz-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}

.mp-level {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #333;
	-webkit-transform: translate3d(-100%, 0, 0);
	-moz-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}

/* overlays for pusher and for level that gets covered */
.mp-pusher::after,
.mp-level::after,
.mp-level::before {
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	content: '';
	opacity: 0;
}

.mp-pusher::after,
.mp-level::after {
	background: rgba(0,0,0,0.6);
	-webkit-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
	-moz-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
	transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
}

.mp-level::after {
	z-index: -1;
}

.mp-pusher.mp-pushed::after,
.mp-level.mp-level-overlay::after {
	width: 100%;
	height: 100%;
	opacity: 1;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.mp-level.mp-level-overlay {
	cursor: pointer;
}

.mp-level.mp-level-overlay.mp-level::before {
	width: 100%;
	height: 100%;
	background: transparent;
	opacity: 1;
}

.mp-pusher,
.mp-level {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

/* overlap */
.mp-overlap .mp-level.mp-level-open {
	box-shadow: 1px 0 2px rgba(0,0,0,0.2);
	-webkit-transform: translate3d(-40px, 0, 0);
	-moz-transform: translate3d(-40px, 0, 0);
	transform: translate3d(-40px, 0, 0);
}

/* First level */
.mp-menu > .mp-level,
.mp-menu > .mp-level.mp-level-open,
.mp-menu.mp-overlap > .mp-level,
.mp-menu.mp-overlap > .mp-level.mp-level-open {
	box-shadow: none;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

/* cover */
.mp-cover .mp-level.mp-level-open {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.mp-cover .mp-level.mp-level-open > ul > li > .mp-level:not(.mp-level-open) {
	-webkit-transform: translate3d(-100%, 0, 0);
	-moz-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}

/* content style */
.mp-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.mp-menu h2 {
	margin: 0;
	padding: 1em;
	color: #fff;
	text-shadow: 0 0 1px rgba(0,0,0,0.1);
	font-weight: 300;
	font-size: 2em;
}

.mp-menu.mp-overlap h2::before {
	position: absolute;
	top: 0;
	right: 0;
	margin-right: 8px;
	font-size: 75%;
	line-height: 1.8;
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.1s 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.1s 0.3s;
	transition: opacity 0.3s, transform 0.1s 0.3s;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	transform: translateX(-100%);
}

.mp-menu.mp-cover h2 {
	text-transform:uppercase;
	font-weight: 400;
	letter-spacing: 1px;
	font-size: 14px;
}
.mp-menu.mp-cover h2 a{ color:#fff;}
.mp-overlap .mp-level.mp-level-overlay > h2::before {
	opacity: 1;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	transform: translateX(0);
}

.mp-menu ul li > a {
	display: block;
	padding: 0.7em 1em 0.7em 1.8em;
	outline: none;
	box-shadow: inset 0 -1px rgba(0,0,0,0.2);
	text-shadow: 0 0 1px rgba(255,255,255,0.1);
	font-size: 14px;
	-webkit-transition: background 0.3s, box-shadow 0.3s;
	-moz-transition: background 0.3s, box-shadow 0.3s;
	transition: background 0.3s, box-shadow 0.3s;
	color:#fff;
}

.mp-menu ul li::before {
	position: absolute;
	right: 0px;
	z-index: -1;
	color: #fff;
	line-height: 2.5;
	font-size:18px;
}

.mp-level > ul > li:first-child > a {
	box-shadow: inset 0 -1px rgba(0,0,0,0.2), inset 0 1px rgba(0,0,0,0.2);
}

.mp-menu ul li a:hover,
.mp-level > ul > li:first-child > a:hover {
	background: rgba(0,0,0,0.2);
	box-shadow: inset 0 -1px rgba(0,0,0,0);
}

.mp-menu .mp-level.mp-level-overlay > ul > li > a,
.mp-level.mp-level-overlay > ul > li:first-child > a {
	box-shadow: inset 0 -1px rgba(0,0,0,0);
}

.mp-level > ul > li:first-child > a:hover,
.mp-level.mp-level-overlay > ul > li:first-child > a {
	box-shadow: inset 0 -1px rgba(0,0,0,0), inset 0 1px rgba(0,0,0,0);
} /* seems like Chrome 34.0.1847.131 needs the second shadow otherwise the transition breaks */

.mp-back {
	background: rgba(0,0,0,0.1);
	outline: none;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 400;
	display: block;
	font-size: 10px;
	padding: 1em;
	position: relative;
	box-shadow: inset 0 1px rgba(0,0,0,0.1);
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	transition: background 0.3s;
	padding-left:30px;
}

.mp-back::after {
	font-family: 'linecons';
	position: absolute;
	content: "\e037";
	left: 10px;
	top:8px;
	font-size: 1.3em;
	color:#fff;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
}

.mp-menu .mp-level.mp-level-overlay > .mp-back,
.mp-menu .mp-level.mp-level-overlay > .mp-back::after {
	background: transparent;
	box-shadow: none;
	color: transparent;
}

/* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */
/* We'll show the first level only */
.no-csstransforms3d .mp-pusher,
.no-js .mp-pusher {
	padding-left: 300px;
}

.no-csstransforms3d .mp-menu .mp-level,
.no-js .mp-menu .mp-level {
	display: none;
}

.no-csstransforms3d .mp-menu > .mp-level,
.no-js .mp-menu > .mp-level {
	display: block;
}
@media(min-width:993px){
		.scroller, .scroller-inner{ display:none;}
	}
@media(max-width:992px){
		.block p{display: table;
    float: left;margin-top: 15px;}
		
		
	}
body{font-family: 'Roboto', sans-serif, 'Roboto Condensed';}
@font-face {
	font-family: 'UTM Beautiful Caps';
	src:url(/themes/w3ni272/assets/fonts/UTM%20Beautiful%20Caps.ttf) format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'ALTER-GOTHIC';
    src:url(/themes/w3ni272/assets/fonts/ALTER-GOTHIC.woff) format('truetype');
    font-weight: normal;
    font-style: normal;
}
.w_caption{
    font-size: 120px;
}
.title h2 {
    font-size: 20px;
}
.title .more-title {
    font-size: 20px;
}
@media(min-width:480px){
    .w_caption{
        font-size: 80px;
    }
    .title h2, .title .more-title {
    font-size: 25px;
    }
}
.clear{ clear:both;}
li{ list-style:none;}
.container{ background:none; width:1200px;}
.top-header{ background:url(/themes/w3ni272/assets/css/images/bg-top-header.jpg) repeat-x; height:35px; position:relative; z-index:2;}
.top-header-left{width:35%; float:left;}
.top-headder-right{ width:65%; float:right; position:relative;}
.top-headder-right .hotline{ background:none;}
.top-header .container,.cont-header .container{ position:relative;}
.mp-menu{ display:none;}
.cont-header .container:before{ background:url(/themes/w3ni272/assets/css/images/container-bf.png) no-repeat; width:199px; height:100px; display:block;  z-index:1; position:absolute; right:-130px; content:''; top:0px; }
.login,.hotline{ float:right;}
.hotline a, .login ul li a, .sologan{ color:#e6abb0;}
.sologan h5,.title .more-title {
    font-family: 'UTM Beautiful Caps';

}
.sologan h5{ font-size: 20px;
    line-height: 8px;
    padding: 0;}
    .sologan h5 span{ font-size:14px;}
    .hotline a{ font-size:14px; line-height:35px;}
    .login{ padding-left:20px; position:relative;}
    .hotline{ margin-right:25px; position:relative;}
    .hotline:before{ content:''; width:28px; height:28px; background:url(/themes/w3ni272/assets/css/images/icon.png) no-repeat; background-position:0 0; display:block; top:9px; left:-21px; position:absolute;}
    .login:before{ content:''; position:absolute; top:10px; left:0; height:16px; width:1px; background:#be464f;}
    .login ul li a{ font-size:12px; padding:5px 10px; line-height:35px;}
    .login ul li:hover>a{ color:#fff;}
    .login ul li{ float:left;}
    .logo{ width:20%; height:100px; float:left; position:relative;}
    .logo images{ position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; max-height:100%;}
    .box-nav{width:80%; float:right;}
    .cont-header{
        background: url(/themes/w3ni272/assets/css/images/bg-nav.jpg);*/
        height:100px;
    }
    .mp-pushe{ z-index:999; height:100%;}
    .icon-header{ position:absolute; top:-5px; right:-20px; z-index:1;}
    /*****MENU DESKTOP******/
    .nav-desktop { z-index:2; }
    .nav-desktop ul li a{ color:#fff; text-transform:uppercase; font-size:15px; padding:8px 12px; border-radius:20px;border:2px  solid transparent; transition:.5s all ease; -webkit-transition:.5s all ease; -moz-transition:.5s all ease; z-index:99;}
    /*.nav-desktop ul li:hover>a,.nav-desktop ul li.active a{ border:2px  solid #fff;}*/
    .nav-desktop ul li{ float:left; margin:0 3px; height:63px;  }
    .nav-desktop { padding-top: 37px; padding-left: 50px;width: 100%;position: relative;}
    .nav-desktop ul{ margin-bottom:0;}
    .nav_dropdown{ position:absolute; left:-4000px; top:100px; height:0;  right:0; margin:auto; width:1000px; background:#fff; padding:15px; border-top:4px solid #FB7C87;  z-index:2;  opacity:0; height:0; overflow:hidden; box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }
    .nav-desktop ul li:hover .nav_dropdown{   opacity:1; height:auto;transition:.3s all ease; -webkit-transition:.3s all ease; -moz-transition:.3s all  ease; left:-220px;  }
    .nav_dropdown ul > li{ float:left; height:auto; width:31%; margin:0 1% 15px 1%; }
    .nav_dropdown ul > li>a{ background:#AE0E1B; margin-bottom:0px; width:100%; display:block;}
    .nav_dropdown ul li li{ float:none; height:30px; margin-bottom:0; margin:0; width:100%; border-bottom:1px dotted #ccc; }
    .nav_dropdown ul li li a{ background:none; color:#424242; text-transform:none;}
    .nav_dropdown ul li li a:first-letter{text-transform: uppercase; }

    .nav_dropdown ul li li:hover a{ color:#AE0E1B;}
    .nav_dropdown ul li a{ text-transform:none; border:none; border-radius:0px; padding:5px 10px; color:#fff; text-transform:uppercase; font-size:14px;}
    .nav_dropdown ul li:hover>a{ border:none;}
    /*******Tìm kiếm*****/
    .box-timkiem {
        position: absolute;
        z-index: 999;
        top: 28px;
        right: 0;
    }
    .timkiem:before{ content:''; position:absolute; top:-8px; right:16px; width:6px; height:4px; border-bottom:6px solid #7a0811; border-left:4px solid transparent; border-right:4px solid transparent; display:block;}
    .timkiem {
     display:none;
     width: 316px;
     position:absolute;
     bottom:-50px; right:8px; z-index:9;
     padding:8px; background:#fff;
     border-top: 2px solid #7a0811
 }
 .timkiem .form-control {
    width: 220px;
    float: left;
    font-size: 12px;
    font-family: tahoma;
    border-radius: 0;
    border-right: none;
}
.timkiem .btn-default {
    width: 80px;
    border-radius: 0px;
    border-color: rgba(0,0,0,0);
    border-radius: 0;
    background: #AF0E1B;
    color: #fff;
}
.icon-tk{ background:url(/themes/w3ni272/assets/css/images/icon-s.png) no-repeat; width:30px; height:30px; display:block;margin: 10px 10px 0 0; cursor:pointer;}
.timkiem.abc{ display:block;box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.42);}
.support{ height:0;}
.support.abc{ display:block;}
.support.abc ul{position: absolute;
    left: 0;
    top: 35px;}
    /*******/
    /****slider***/

    .jssorb21 {
        position: absolute;
    }
    .jssorb21 div, .jssorb21 div:hover, .jssorb21 .av {
        position: absolute;
        /* size of bullet elment */
        width: 19px;
        height: 19px;
        text-align: center;
        line-height: 19px;
        color: white;
        font-size: 12px;
        background: url(/themes/w3ni272/assets/css/images/b21.png) no-repeat;
        overflow: hidden;
        cursor: pointer;
    }
    .jssorb21 div { background-position: -5px -5px; }
    .jssorb21 div:hover, .jssorb21 .av:hover { background-position: -35px -5px; }
    .jssorb21 .av { background-position: -65px -5px; }
    .jssorb21 .dn, .jssorb21 .dn:hover { background-position: -95px -5px; }


    .jssora21l, .jssora21r {
        display: block;
        position: absolute;
        /* size of arrow element */
        width: 55px;
        height: 55px;
        cursor: pointer;
        background: url(/themes/w3ni272/assets/css/images/a21.png) center center no-repeat;
        overflow: hidden;
    }
    .jssora21l { background-position: -3px -33px; }
    .jssora21r { background-position: -63px -33px; }
    .jssora21l:hover { background-position: -123px -33px; }
    .jssora21r:hover { background-position: -183px -33px; }
    .jssora21l.jssora21ldn { background-position: -243px -33px; }
    .jssora21r.jssora21rdn { background-position: -303px -33px; }
    /*********END SLIDER **************/
    /***VỀ CHÚNG T��?I******/
    .about{ padding:30px 0;}
    .title  h2{ display:table; margin:0 auto; font-size:25px; font-weight:300; position:relative; text-transform:uppercase; color:#333; margin-bottom:30px;}
    .title .more-title{ display:table; margin:0 auto; color:#817f7f; font-size:25px;}
    .title h2:before{ content:''; position:absolute; bottom:-25px; left:0; right:0; margin:0 auto; background:url(/themes/w3ni272/assets/css/images/icon-title-2.png) no-repeat; width:127px; height:20px;opacity:.7;}
    .about .title{ margin-bottom:30px;}
    .owl-theme .owl-controls{ display:none !important;}
    .box-images{ height:270px; position:relative; }
    .box-images images{ position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; max-height:100%; max-width:100%;}
    .about .box-images images{ max-height:208px; max-width:208px;}
    .about .box-images:before{ content:''; position:absolute; width:215px; height:215px; border-radius:5000px;background: #402806; top:-3px; left:-8px; bottom:0; right:0; margin:auto;transform:translateY(0px); -webkit- transform:translateY(0px); -moz- transform:translateY(0px); transition:.5s all ease; -webkit- transition:.5s all ease; -moz- transition:.5s all ease;}
    .about .box-images:after{ background:url(/themes/w3ni272/assets/css/images/shadown-about.png) no-repeat; width:140px; height:40px; content:''; position:absolute; bottom:2px; left:0; right:0; margin:0 auto;}
    .about .box-images images{ width:208px; height:208px;}
    .about .box-images, .about .box-images images{ border-radius:5000px; transform:translateY(0px); -webkit- transform:translateY(0px); -moz- transform:translateY(0px); transition:.5s all ease; -webkit- transition:.5s all ease; -moz- transition:.5s all ease;}
    .about .item:hover .box-images images{ transform:translateY(-10px); -webkit-transform:translateY(-10px); -moz-transform:translateY(-10px)}
    .about .item:hover .box-images:before{transform:translateY(-10px); -webkit-transform:translateY(-10px); -moz-transform:translateY(-10px)}

    .box-info h4:hover a{ color:#b40e1c;}
    .about .box-info{width: 215px;
        margin: 0 auto;}
        /*****procedure******/
        .procedure{background-image: url(/themes/w3ni272/assets/css/images/bg-procedure.jpg);padding:30px 0;}
        .procedure .title{ margin-bottom:20px;}
        .title-item{background-image: url(/themes/w3ni272/assets/css/images/title.jpg); border-right: 1px solid #fff;    margin-top: 20px;}
    .procedure .owl-item:nth-child(1) .title-item/*, .procedure .owl-item:nth-child(5) .title-item, .procedure .owl-item:nth-child(9) .title-item, .procedure .owl-item:nth-child(13) .title-item*/{/* background-color:#d34335; */}
    .procedure .owl-item:nth-child(2) .title-item/*, .procedure .owl-item:nth-child(6) .title-item, .procedure .owl-item:nth-child(10) .title-item, .procedure .owl-item:nth-child(14) .title-item*/{ }
    .procedure .owl-item:nth-child(3) .title-item/*, .procedure .owl-item:nth-child(7) .title-item, .procedure .owl-item:nth-child(11) .title-item, .procedure .owl-item:nth-child(15) .title-item*/{ }
    .procedure .owl-item:nth-child(4) .title-item/*, .procedure .owl-item:nth-child(8) .title-item, .procedure .owl-item:nth-child(12) .title-item, .procedure .owl-item:nth-child(16) .title-item*/{ }
    .procedure .title-item h3 a{display:inline-block; position:relative; margin-left:30px;}
    .procedure .owl-item:nth-child(1) .title-item  h3 a:before,.procedure .owl-item:nth-child(2) .title-item  h3 a:before,.procedure .owl-item:nth-child(3) .title-item  h3 a:before,.procedure .owl-item:nth-child(4) .title-item  h3 a:before{ position:absolute; content:''; top:-2px; left:-35px; background:url(/themes/w3ni272/assets/css/images/icon.png) no-repeat ;width:28px; height:25px; display:block;}
    .procedure .owl-item:nth-child(1) .title-item  h3 a:before{ background-position:3px -32px;}
    .procedure .owl-item:nth-child(2) .title-item  h3 a:before{ background-position:3px -82px;}
    .procedure .owl-item:nth-child(3) .title-item  h3 a:before{ background-position:3px -129px;}
    .procedure .owl-item:nth-child(4) .title-item  h3 a:before{ background-position:3px -182px;}
    .cont-item{ border-right:1px solid #eee;}
    .title-item h3 {
        text-align: center;
        padding: 8px 10px 12px 10px;
        margin: 0;
        height: 43px;
        overflow: hidden;
    }
    .trademark{text-align: center;}
    .title-item h3 a{ font-size:15px; color:#fff; text-transform:uppercase; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.32);}
    .box-imagesdv{ position:relative; height:173px; width:100%; width:273px; margin:10px auto 0 auto; }
    .box-imagesdv images{width:273px; height: 173px; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; max-width:100%;  max-height:100%;}
    #owl-demo1 .box-info{ padding:0; margin-top:20px;}
    .box-info h4{ font-size:13px;color:#777; text-align:left; font-weight:400; 
        line-height:20px; height: 30px;overflow: hidden; padding-left: 10px;}
        .view{ text-align:center;}
        .view a{ color:#f25d08; font-size:11px; text-transform:uppercase;letter-spacing: 5px;}
        .view a:hover{ color:#0081ff;}
        #owl-demo1 .item {
            padding: 0;
            margin-top: -20px;
            margin-bottom: 20px;
        }
        #owl-demo1{ border-bottom:3px solid #ddd; border-radius:3px;}
        #owl-demo1{ background:#fff;}
        .procedure #demo{ padding:0 12px;}
        .owl-wrapper-outer{ position:relative;}
        .owl-wrapper-outer:before{ content:''; position:absolute; height:260px; width:1px; background:#fff; z-index:99; top:40px; right:0px;}
        .view-dv {
            width: 273px;
            height: 173px;
            z-index: 999;
            position: absolute;
            top: 0px;
            left: 0;
            background: rgba(0, 0, 0, 0.5);
            bottom: 0;
            right: 0;
            margin: auto;
            text-align: center;
            opacity:0;
            transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0);
            transition:all ease .3s; -webkit-transition:all ease .3s; -moz-transition:all ease .3s;
        }
        .procedure #owl-demo1 .item:hover .view-dv{ opacity:.75; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);}
		.procedure #owl-demo1 .item:hover .view-dv{ margin-top:45px; height:auto; margin-bottom:129px; width:auto; margin-left:3px; margin-right:3px; }
        .view-dv a{ color:#fff; line-height:173px; text-transform:uppercase; padding:5px 10px; border:1px solid #fff; font-size:14px;}
        /*********service******/
        .service{ background:#f2f2f2 ; padding:30px 0; }
        .service .container{ position:relative;}
        .service .container:before{ background:url(/themes/w3ni272/assets/css/images/bg-service.png) no-repeat;  position:absolute; left:230px; top:-30px; content:''; width:1040px; height:296px;}
        .service .title{ margin-bottom:20px;}
        .box-service .box-images{ width:100%; max-width:270px;height:206px; border-radius:10px;    box-shadow: 0 0 0 0 rgba(200, 95, 66, 0.4) inset, 0 0 0 16px rgba(255, 255, 255, 0.6) inset, 0 1px 2px rgba(0, 0, 0, 0.1); -webkit- box-shadow: 0 0 0 0 rgba(200, 95, 66, 0.4) inset, 0 0 0 16px rgba(255, 255, 255, 0.6) inset, 0 1px 2px rgba(0, 0, 0, 0.1); -moz- box-shadow: 0 0 0 0 rgba(200, 95, 66, 0.4) inset, 0 0 0 16px rgba(255, 255, 255, 0.6) inset, 0 1px 2px rgba(0, 0, 0, 0.1); display:block; z-index:2; margin: 0 auto;}
        .box-service .box-images:hover{    box-shadow: 0 0 0 0 rgba(200, 95, 66, 0.4) inset, 0 0 0 16px rgba(255, 255, 255, 0.8) inset, 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-    box-shadow: 0 0 0 0 rgba(200, 95, 66, 0.4) inset, 0 0 0 16px rgba(255, 255, 255, 0.8) inset, 0 1px 2px rgba(0, 0, 0, 0.1); -moz-    box-shadow: 0 0 0 0 rgba(200, 95, 66, 0.4) inset, 0 0 0 16px rgba(255, 255, 255, 0.8) inset, 0 1px 2px rgba(0, 0, 0, 0.1); transition:.2s all ease; -webkit- transition:.2s all ease; -moz- transition:.2s all ease;}
        .shadown-images{ display:table; margin:0 auto; margin-top: -7px; z-index:1; width:270px; height:13px;}
        .title-dv h4{ text-align:center; font-size: 16px;}
        .title-dv h4 a{ color:#333; font-size:16px; font-weight:normal; transition:.2s  all ease; -webkit-transition:.2s  all ease; -moz-transition:.2s  all ease; }
        .title-dv h4:hover a{ color:#b60e1c;}
        .service .col-md-3{ margin-bottom:50px; height:300px;}
        .title-dv{ min-height:35px;}
        .view-detail{ margin-top:10px; text-align:center;}
        .view-detail a{ text-transform:uppercase; font-size:14px; color:#fff; border-radius:5px;background: url(/themes/w3ni272/assets/css/images/chitiet.png); padding:7px 15px; transition:.2s  all ease; -webkit-transition:.2s  all ease; -moz-transition:.2s  all ease;}
    .view-detail:hover a{/* background: #876609; */}
    /*****Video******/
    .title-2{border-bottom: 1px solid #4b3609; position:relative; margin-left:30px; margin-bottom:30px;}
    .title-2:before{ background:url(/themes/w3ni272/assets/css/images/title-2.png) no-repeat; content:''; position:absolute; bottom:-16px; left:-30px; width:41px; height:31px;}
    .title-2 h2{ margin-bottom:0px; padding-left:5px; }
    .title-2 h2 a{ color:#413629; font-size:23px;font-family: 'Roboto Condensed'; font-weight:300; text-transform:uppercase;}
    /******h�?i đap******/
    .answer ul li{ padding-left:35px; position:relative;}
    .answer ul li:before{ content:''; position:absolute; top:5px; left:12px; background:url(/themes/w3ni272/assets/css/images/icon.png) no-repeat -8px -236px; width:15px; height:20px;transition:.2s  all ease; -webkit-transition:.2s  all ease; -moz-transition:.2s  all ease;}
    .answer ul li a{ font-size:14px; color:#707070; line-height:16px;display: inline-block; padding:6px 0;}
    .answer ul li a::first-letter{text-transform: uppercase;}

    .answer ul li:hover a{ color:#b60e1c;}
    .answer ul li:hover:before{ background-position:-8px -277px;}
    /*****Tin tức*******/
    .box-images-news{width:100px; height:70px; position:relative; float:left;}
    .box-images-news images{ position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; max-height:100%;}
    .box-info-news{ margin-left:115px;}
    .box-info-news h4{ margin:0 0 6px 0;}
    .box-info-news p{ line-height:16px; font-size:12px; color:#666;height: 32px; overflow: hidden;}
    .box-info-news h4 a{ color:#444444; font-size:13px; font-weight:bold;}
    .box-info-news h4:hover a{ color:#b60e1c;}
    .box-news{ border-bottom:1px solid #Eee; margin-bottom:15px;}
    .box-news:last-child{ border:none;}
    .news-all{ /*content:''; position:absolute; top:0; left:0; right:0*/ background:url(/themes/w3ni272/assets/css/images/bg-bt.png) no-repeat top center; margin-top:15px;    margin-bottom: 30px;}
    /******Hoạt �?ộng Thẩm Mỹ****/
    .description{ position:absolute; bottom:0; left:0;padding: 0 4px; width:100%;}
    .aesthetic-operations #demo a{ display:block;}
    .aesthetic-operations .box-images{ position:static; width:100%; height:100%; max-height:273px;}
    .aesthetic-operations .box-images images{ width:100%; height:100%; position:static;}
    .description{ color:#fff; font-size:14px; padding:11px 13px; background:rgba(0,0,0,.56); width:100%; display:block;}
    .aesthetic-operations  .owl-theme .owl-controls{ display:block !important;}
    .aesthetic-operations .owl-pagination{ display:none;}
    .aesthetic-operations .owl-theme .owl-controls .owl-buttons{display: table;
        position: absolute;
        top: -65px;
        right: 0;}
        .aesthetic-operations .owl-theme .owl-controls .owl-buttons div{ color:transparent; padding:3px 2px; opacity:.9}
        .aesthetic-operations .owl-theme .owl-controls .owl-buttons div.owl-prev{ background:url(/themes/w3ni272/assets/css/images/hdl.png) no-repeat;}
        .aesthetic-operations .owl-theme .owl-controls .owl-buttons div.owl-next{background:url(/themes/w3ni272/assets/css/images/hdn.png) no-repeat;}
        /***Slider images ***/
        #slider2_container{ overflow:inherit !important;}
        .jssort07 {
            position: absolute;
            /* size of thumbnail navigator container */
            width:770px;
            height: 100px;
            bottom: -95px !important;
        }

        .jssort07 .p {
            position: absolute;
            top: 0;
            left: 0;
            width: 117px;
            height: 65px;

        }

        .jssort07 .i {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 117px;
            height: 65px;
            filter: alpha(opacity=80);
            opacity: .8;
        }

        .jssort07 .p:hover .i, .jssort07 .pav .i {
            filter: alpha(opacity=100);
            opacity: 1;
        }

        .jssort07 .o {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 117px;
            height: 65px;
            border:none;
            transition: border-color .6s;
            -moz-transition: border-color .6s;
            -webkit-transition: border-color .6s;
            -o-transition: border-color .6s;
        }

        .jssort07 .pav .o {
            border:2px solid #ed1c24; top:1px; left:2px;
        }

        .jssort07 .p:hover .o {
            border-color: #f87a7e;
            transition: none;
            -moz-transition: none;
            -webkit-transition: none;
            -o-transition: none;
        }

        .jssort07 .p.pdn .o {
            border-color: #0099ff;
        }

        * html .jssort07 .o {
            /* ie quirks mode adjust */
            width /**/: 99px;
            height /**/: 66px;
        }
        /****/

        .jssora11l, .jssora11r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 37px;
            height: 37px;
            cursor: pointer;
            background: url(/themes/w3ni272/assets/css/images/a11.png) no-repeat;
            overflow: hidden;
        }

        .jssora11l {
            background-position: -11px -41px;
        }

        .jssora11r {
            background-position: -71px -41px;
        }

        .jssora11l:hover {
            background-position: -131px -41px;
        }

        .jssora11r:hover {
            background-position: -191px -41px;
        }

        .jssora11l.jssora11ldn {
            background-position: -251px -41px;
        }

        .jssora11r.jssora11rdn {
            background-position: -311px -41px;
        }
        /************/
        /******Danh giá của khách hàng****/
        /****/
        .evaluate {
          position: relative;
          height: 262px;
          background-image: url(/themes/w3ni272/assets/css/images/parallax.jpg);
          background-size: 100%;
          background-position: top center;
          overflow: hidden; }
          .box-avatar{width:230px; height:160px; float:left;}
          .box-avatar images{ width:123px; height:123px; border-radius:5000px; display:table; margin:auto;}
          .box-evaluate{ margin-left:250px;}
          .box-evaluate .top-evaluate>span{text-transform: capitalize;}
          .evaluate .owl-wrapper-outer:before{ display:none;}
          .top-evaluate{ font-size:16px; color:#fff; font-weight:600; position:relative; display:table; margin-bottom:10px;}
          .top-evaluate:before{ position:absolute; content:''; bottom:-4px; left:0; width:100%; height:1px; background:#fff;}
          .evaluate-detail{ font-size:14px; color:#fff;padding-right: 35px;}
          .evaluate #demo{ border:1px dashed #fff; margin:30px 0;padding: 0 10px;}
          .evaluate .owl-item{ padding-top:20px;}
          .evaluate .owl-theme .owl-controls{ display:block !important;}
          .evaluate .owl-pagination{ display:none;}
          .evaluate .owl-theme .owl-controls .owl-buttons div.owl-prev{ position:absolute; top:50px; left:-75px;  background:url(/themes/w3ni272/assets/css/images/icon-prev.png) no-repeat !important; color:rgba(0,0,0,0);width:47px; height:47px;}
          .evaluate .owl-theme .owl-controls .owl-buttons div.owl-next{ position:absolute; top:50px; right:-75px; width:47px; height:47px; background:url(/themes/w3ni272/assets/css/images/icon-next.png) no-repeat !important; color:rgba(0,0,0,0);}
          .evaluate .owl-theme .owl-controls .owl-buttons div{ color:transparent; }
          /******�?�?I T�?C*****/
          .customer {box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); padding-bottom:10px;}
          .box-images-dt{ width:100%; height:150px; position:relative;}
          .box-images-dt images{ max-width:90%; max-height:80px; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto;}
          /******Site-map*****/
          .site-map ul li{ position:relative; padding-left:20px; font-size: 14px;}
          .site-map ul li:before{ position:absolute; content:''; width:20px; height:20px; background:url(/themes/w3ni272/assets/css/images/icon.png) no-repeat -4px -307px; left:0; top:3px;}
          .site-map ul li a{ font-size:14px; color:#666; padding:3px 0; line-height:30px;}
          .site-map ul li:first-letter{text-transform: uppercase; display: block;}
          .site-map ul li:hover>a{ color:#b60e1c;}
          /******/
          .bottom-main{ padding:30px 0;}
          /***************FOOTER**************/
          .company{width:186px; height:60px; position:relative;}
          .company images{ position:absolute; top:0; left:0; bottom:0; margin:auto; max-height:100%;}
          #footer { background:#1c1c1c; padding-top:20px;}
          #footer .bottom-footer .container{ position:relative;}
          #footer .bottom-footer .container:before{ content:''; position:absolute; top:0px; left:0; width:100%; height:3px; background:#707070;}
          #footer .bottom-footer .container:after{ content: '';
          position: absolute;
          top: -12px;
          left: 0;
          right: 0;
          margin: auto;
          width: 45px;
          height: 30px;
          background: #1C1C1F url(/themes/w3ni272/assets/css/images/icon.png) no-repeat 7px -511px;}
          #footer .col-sm-4{ padding-top:30px;}
          #footer{ position:relative; z-index:1}
          #footer:before{ background: url(/themes/w3ni272/assets/css/images/bf-ft.png) no-repeat;
            width: 421px;
            height: 211px;
            bottom: 0px;
            right: 0px;
            position: absolute;
            z-index:-1;}
            .business ::-webkit-input-placeholder{color: #707070 !important;}
            .business .searchbox:-moz-placeholder{color:#707070 !important;}
            .business ::-moz-placeholder{color:#707070 !important;}
            .business :-ms-input-placeholder{color:#707070 !important;}
            .title-bt span {
                font-size: 14px;
                color: #a2a2a2;
                font-weight: 500;
                padding-bottom: 2px;
                text-transform: uppercase;
                position:relative;
            }
            .title-bt span:before{ content: '';
            position: absolute;
            right: -22px;
            top: 4px;
            width: 14px;
            height: 14px;
            background: url(/themes/w3ni272/assets/css/images/icon.png) no-repeat -5px -482px;}
            .ggmap-cont {
                margin-top: 20px;
                border:3px solid #fff;
                border-radius:3px;
            }
            .bottom-footer{  padding:0px 0px 30px 0px; margin-top:20px;}
            .top-footer .container{ background:#fff; padding:40px;}
            .address ul li{ color:#707070; font-size:14px; padding-left:30px; padding-bottom: 10px; }
            .address ul li.dc{ background:url(/themes/w3ni272/assets/css/images/icon.png) no-repeat 0px -345px;}
            .address ul li.tel{background:url(/themes/w3ni272/assets/css/images/icon.png) no-repeat 0px -398px;}
            .address ul li.email{background:url(/themes/w3ni272/assets/css/images/icon.png) no-repeat 0px -440px;}
            .list-content .list-content-images{ position:relative; height:130px;}
            .list-content .list-content-images images{ position:absolute; top:0; left:0; bottom:0; right:0; margin:auto;height: 100%;
              width: 100%;}
              .list-content .list-content-body{ margin-left:220px;}
              .newsletters-title h2{ font-size: 14px;
                  color: #666;
              }
              .newsletters-text {
                  color: #707070;
                  width:250px;
                  padding-top:10px;
              }
              #footer #newslettersubmit{padding:0; background:#b60e1c; color:#fff; border-radius: 0px;  display: block;}
              #footer .form-control {
                  width: 320px;
                  float: left;
                  font-size: 12px;
                  font-family: tahoma;
                  border-radius: 0;
                  border-right: none;
              }
              #footer .form-control {
                  width: 100%;
                  border-radius: 3px 0 0 3px;
                  background:none;border-color: #777;
              }
              #footer .form-group>.form-control {
                  border: 1px solid #777;
                  border-right: 1px solid #777;
                  border-radius: 3px;
                  width:250px;
                  background:none;
              }
              #footer .input-group-addon {
                  background-color: #b60e1c; border: 1px solid #777;
              }
              .input-group{width:250px;}


              #footer .facebook images{ width:100%;}
              .footer-f {  height:25px; background:#191919;}
              .coppyright{ float:left; color:#707070; text-transform:uppercase; font-size:12px;}
              .nano { float:right;}
              .nano a{color:#707070;font-size:12px;}

              /***********END-FOOTER***********/
              /*********Trang Trong**********/
              .content{  padding:0 5px}
              #main .content{margin-top: 20px;}
              .banner images{ border:1px solid #e3e3e3; border-top:none; }
              .left{ width:300px; float:left; }
              .left .album, left .categories,.categories .menu{ background:#f7f7f7;}
              .makeup .panel-default , .album .panel-default{ background:none;}

              .right{ margin-left:330px; }
              .categories .panel-default > .panel-heading h2, .featured .panel-default > .panel-heading h2, .album .panel-default > .panel-heading h2{
                  color: #fff;
                  font-size: 16px;
                  font-weight: 400;
                  text-transform: uppercase;
                  margin: 0;
                  padding:5px 0 5px 10px;
              }
              .panel-heading {
                  padding: 5px 5px 5px 10px;
              }
              .list.grid{ margin-left:-10px;}
              .categories .panel-body, .featured .panel-body, .album .panel-body{ padding:0;}
              .categories .panel-default > .panel-heading, .featured .panel-default > .panel-heading, .album .panel-default > .panel-heading{ background:#CE0A0A;}
              .categories .menu li > a{ font-size:14px; color:#333; text-transform:uppercase;padding: 4px 10px 4px 12px;}
              .categories .menu li ul li{ color:#FFF !important; border-top:1px solid rgba(208, 208, 208, 0.38);}
              .categories .submenu .menu li{ width:270px;}
              .categories .menu li ul li:hover { background:#E02B2B  !important;}
              .submenu .menu li:hover > a{ border-left:none;}
              .categories .menu.menu-list > li{ border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3;}
              /*.categories .menu.menu-list li:hover, .left .menu.menu-list li.active{ border-right:none;}*/
              .categories .menu.menu-list li:hover a, .left .menu.menu-list li.active a{ color:#fff;}
              .categories .menu.menu-list li:hover, .categories .menu.menu-list li:hover li{ background:#CE0A0A}
              .categories .menu li ul li:hover a{ color:#fff !important; padding-left:23px;}
              .categories .panel{border-color:#e3e3e3; border-bottom:none; border-right:none;}
              .list.grid .list-item{  width:33.3333333%; height:325px; padding-top:10px;}
              .list.grid .list-item .list-content{ border:1px solid #e3e3e3; margin:0 10px; padding-bottom:10px;}
              .list.grid .product-price{ color:#eb0000; margin-bottom:0; padding-top:5px;}
              .list.grid .product-price-market{ padding-top:0;}
              .list.grid .list-item .list-content-box .list-content-images{ height:190px;}
              .list.grid .list-item .list-content:hover {border:1px solid #A12C60;}
              .right .centerContent{ padding:0px; margin:0;}
              .breadcrumb > li a{ color:#666;}
              .breadcrumb > li:hover a{ color:#222;}
              .album ul{ margin-top:15px;}
              .album li {
                  list-style: none;
                  padding-left: 65px;
                  line-height: 40px;
                  margin-bottom: 10px;    float: none;
              }
              .hotline, .yahoo, .skype, .email {
                  background: url(/themes/w3ni272/assets/css/images/icon-support.png) no-repeat;
              }
              .hotline {
                  background-position: 10px -149px;
              }
              .yahoo {
                  background-position: 10px -50px;
              }
              .email {
                  background-position: 10px -100px;
              }
              .skype {
                  background-position: 10px 0px;
              }
              .album .everslider.es-slides-ready{ height:auto;}
              .album.video .panel-default{ border:none;}
              .album.video .panel{ box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;}
              .album.video .fullwidth-title{ background:rgba(0,0,0,0.4)}
              .album .es-navigation .es-prev{ right:inherit; left:0;}
              .album .fullwidth-slider .es-navigation a{ top:45%;}
              .album ul li a{ color:#333;}
              ul.W3NPager .active a {
                  background: #CE0A0A;
                  border: 1px solid #A90000;
                  color: #fff;
              }
              ul.W3NPager li{ margin-right:5px;}
              .box-product-page{ margin-bottom:30px;}
              .centerContent .welcome {
                  margin: 0;
                  padding-bottom: 35px;
                  border-bottom: 1px solid #e3e3e3;
                  margin-bottom: 10px;
              }
              .title-w h2{ font-size:18px; color:#CE0A0A; font-weight:bold; text-transform:uppercase;}
              .list-content-body .list-content-title a{color:#CE0A0A; font-size:14px; }

              .makeup .panel-default{ border:none;}
              .makeup .cont{ padding-top:15px;}
              .right .list-content-body .list-content-title{ margin:0;}
              /*********End-Trang Trong***********/
              /************Chi tiết sp***********/
              .social .social-item{ float:left;}
              .fb-comments iframe, .fb-comments span{ width: 100% !important;}
              .news-relation-title h2{ color:#A12C60; font-size:16px; text-transform:uppercase;}

              .list-news-relation{ background:#fff; padding:20px; margin-top:0;}
              .list-news-relation .box-title{ padding-left:20px;}
              .list-news-relation .box-title a{color:#A12C60; font-size:14px;}
              .box-banner images{ margin-bottom:20px;}
              .content-w-nd p,.list-content-detail p{ font-size:13px;}
              .consult{ margin-bottom:20px; background:#CE0A0A; padding:20px;}
              .consult .form-control{ height:28px; border-radius:0px; box-shadow:none;}
              .consult textarea{ min-height:110px;}
              .consult .form-horizontal .form-group{ margin-bottom:7px;}
              .col-left{ padding-top:29px;}
              .form-horizontal .form-group.buttom-send{ text-align:right; margin-top:15px;}
              .title-dktv{ font-size:13px; color:#fff; padding:0 15px;}
              .required{ color:#fff; font-size:14px;}
              .form-horizontal .form-group.buttom-send .rewrite-contact{ background:#630808;}
              .form-horizontal .form-group.buttom-send .rewrite-contact:hover {background: #4C0808;}

              /************END- CHi tiết sp*******/
              /*********LIÊN HỆ****/
              .colright{width:40%; float:right;}
              .colleft{width:60%; float:left;}
              .submit-contact {background-color: #ED1C24; border:none;}
              .rewrite-contact{background-color: #555; border:none;}
              .contact .right{ margin-left:0;}
              .contact .right .form-control{ border-right:1px solid #ccc; width:450px;}

              .col-sm-4 .google-map .cont{width:354px; height: 200px;}
              .list-item span.list-content-description{display: inline-block; height: 40px; overflow: hidden;}    
              ul.W3NPager{margin-bottom: 30px;}  
              .cont .box-info h4 {text-align: center;}    
              .cont .box-info h4 a{ font-size: 16px; text-transform: uppercase;color: #333;line-height: 22px; text-align: center;}
              .cont .cont2 .box-info h4{  text-align: center;    margin-top: 0; height: 86px !important; text-align: left;}
              .cont .cont2 .box-info h4 a{font-size:13px; color:#333; line-height:22px;text-transform: none;}
              /* phan chinh sua them trang trong*/
              .list-content-body .list-content-title a{color: #333;}     
              .list-content-description p a{color: #666; display: block;}
              .procedure .title .more-title{color: #fff; text-align:center; }
              .procedure .title h2{color: #fff; text-align:center; }      
              .box-info-news p a{color: #444444;font-size: 14px; font-weight: bold;}    
              .whtml>p{margin-top: 1px;color: #e6abb0;}
              h4{font-size:14px;}    
              .list-content-body span.list-content-title{font-size: 14px;}    
              .box-info-news p{font-size: 14px;}
              .consult{height: 280px; }
              .evaluate .evaluate-detail>p span{color: #fff !important;}

              @media(min-width:1400px){

                 .service .container:before{ width:1187px;}
             }
             @media(max-width:1400px){.cont-header .container:before{ right:0;}}
             @media(max-width:1200px){
                 .container{ width:100%;}
                 .nav-desktop ul li a{ font-size:13px;}
                 .service .container:before{ display:none;}
                 .cont-header .container:before{ display:none;}
                 .bottom-main .row .row{ margin:0}
             }
             @media(max-width:1100px){
                 .nav-desktop ul li a{ font-size:12px;}
             }
             @media(max-width:1000px){.nav_dropdown{width:900px;}	}
             @media(max-width:992px){
              .nav-desktop{ display:none;}
              .logo{ position:absolute; left:0; right:0; margin:0 auto; width:200px;    z-index: 99999; top: 15px;     top: 15px;}	
              .box-nav{ float:left; width: 100%; }
              .box-avatar{ max-width:150px;}
              .box-evaluate{ margin-left:160px;}
              .box-info-news p{ display:none;}
              .box-news{ float:left; width:100%;}
              .mp-menu{ display:block;}
              .cont-header .container{ position:static;}
              .box-timkiem{ top:63px;}
              .left{width:220px;}
              .right{ margin-left:240px;}
              .album{ overflow:hidden;}
          }
          @media(max-width:768px){
             .list-content .list-content-images{ width:100px; height:65px;}
             .list-content .list-content-body{ margin-left:115px;}
             .list-content-body .list-content-detail p{ display:none;}
             .left { display:none; }
             .right{ margin-left:0;}
             .box-timkiem{ top:37px;}
             .aesthetic-operations .box-images{ max-height:inherit;}
             .sologan{ display:none;}
             .top-headder-right{ width:100%;}
             .hotline{ float:left;    margin-left: 40px;margin-right: 0;}
             .logo{ width:100px; height:50px;}
             .cont-header{ height:50px;}
             .menu-trigger:before {
                position: absolute;
                top: 0px;
                left: 0;
                width: 30px;
                height: 3px;
                background: #fff;
                box-shadow: 0 3px transparent, 0 9px #fff, 0 13px transparent, 0 18px #fff;
                content: '';
            }
            .block p{ margin-top:-10px; padding:0;}
            .owl-theme .owl-controls{ display:block !important;}
            .owl-buttons{ display:none;}
            .box-news {
                float: left;
                width: 100%;
                padding-bottom: 10px;
            }
            .evaluate{ height:auto;    padding-bottom: 33px;}
            .box-info-news p{ display:block;}
            .col-right .required,.consult .col-right .width-r,.form-horizontal .form-group.buttom-send .rewrite-contact{ margin:0 15px;}
        }
        @media(max-width:765px) {
            .consult {
                height: auto;
            }
        }
        @media(max-width:480px){
         .evaluate  { display:none;}
         .service .col-xs-6{width:100%; float:none;}
         .shadown-images{ margin-top:-1px;}
         .timkiem{width:280px;}
         .timkiem .form-control{width:183px;}
         .nav-desktop{
            padding-top: 0px; padding-left: 0px;
            position: relative;
            left: 0px;
            height: auto;
            width: 100%;
            float: left;
            opacity: 1;
            top: 0px;
        }

        .nav-desktop ul li{
          float: none;
          height: 35px;
          margin: 0px;
          width: 100%;
          float: left;
          height: auto;
      }
      .nav-desktop ul li a{color: black; display: block; border: none;}
      .nav-desktop ul li:hover .nav_dropdown,
      .nav-desktop ul li:active .nav_dropdown{
        /* display: none; */
        left: 0px;
        width: 100%;

    }

    .nav-desktop ul li:hover>a, .nav-desktop ul li.active a, .nav-desktop ul li a{
        border:none;
    }

    
}

.whtml>p {
	color: #999;
}
h2, .h2 {
	font-size: 18px;
}
.consult {
	background: #83561c;
}
.google-map iframe {
	width: 100%;
}
.title-item h3 a::before {
	background: none !important
}
.company h3 a, .company h3 a:hover {
	color: #999;
}
.address ul li a, .address ul li a:hover {
	color: #707070;
}
 /*------------ Blog page -------------*/
.blog-page{
	margin-top: 40px;
	width: 100%;
	float: left;
}

.list-blog-page{
	width: 100%;
	float: left;
}        

.list-blog-page li{
	float: left;
	width: 100%;
}

.blog-page-img{
	width: 50%;
	float: left;
}

.list-blog-page li:nth-child(even) .blog-page-img{
	float: right;
}

.blog-page-img a, .blog-page-img img{
	width: 100%;
	display: inline-block;
	height: 310px;
}

.blog-page-caption{
	width: 50%;
	padding-left: 30px;
	float: left;
}

.blog-page-link{
	font-family: 'Calisto MT';
	text-transform: uppercase;
	color: #010101;
	margin-top: 30px;
	font-weight: bold;
	display: inline-block;
}

.blog-page-sub-info{
	margin-top: 10px;
	width: 100%;
	display: inline-block;
}

.blog-page-sub-info p{
	display: inline-block;
	margin-right: 15px;
	font-size: 12px;
	color: #333333;
	font-family: 'Calisto MT';
}

.blog-page-sub-info p i{
	margin-right: 5px;
	display: inline-block;
}

.blog-page-des{
	font-family: 'Calisto MT';
	color: #FFFFFF;
	line-height: 1.8;
	margin-top: 15px;
	width: 100%;
}

.blog-page-read-more{
	background-color: #83561c;
	font-family: 'Calisto MT';
	color: #FFFFFF;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	padding: 8px 40px;
	display: inline-block;
	margin-top: 20px;
}
/*------------ End Blog page --------------*/
.nav_dropdown ul li li a.active {
	background: #AE0E1B;
    margin-bottom: 0px;
    width: 100%;
    display: block;
    border: none;
    border-radius: 0px;
    padding: 5px 10px;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
}
ul.listcatser li.active, ul.listcatser li.active:hover {
    background: #83561c;
}
ul.listcatser li.active a, ul.listcatser li.active:hover a {
    color: #fff;
}
.box-service .box-img {
    width: 100%;
    max-width: 270px;
    height: 206px;
    border-radius: 10px;
    box-shadow: 0 0 0 0 rgba(200, 95, 66, 0.4) inset, 0 0 0 16px rgba(255, 255, 255, 0.6) inset, 0 1px 2px rgba(0, 0, 0, 0.1);
    display: block;
    z-index: 2;
    margin: 0 auto;
}
.box-img {
    height: 270px;
    position: relative;
}
.box-service .box-img:hover {
    box-shadow: 0 0 0 0 rgba(200, 95, 66, 0.4) inset, 0 0 0 16px rgba(255, 255, 255, 0.8) inset, 0 1px 2px rgba(0, 0, 0, 0.1);
    transition: .2s all ease;
}
/* global */
img {
    max-width: 100%;
}

.relative {
    position: relative;
}

.pointer {
    cursor: pointer;
}

.relative.w100 {
    min-width: 100%;
}

.form-tooltip-error ul, .form-tooltip-error ul li {
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
}

.maxlength-error {
    color: #f00;
}

.relative .fa-calendar {
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -9px;
}

/* Waiting Dialog */
.modal-dialog .modal-content {
    background-color: #fff;
}

.progress-bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #007bff;
    transition: width .6s ease;
}

.progress-striped .progress-bar {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem;

    -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite;
}

/* Menu Button Mobile */
.mean-container .mean-bar {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.mean-container a.meanmenu-reveal {
    position: absolute;
    top: 50%;
    right: 0;
    width: 50px;
    height: 50px;
    padding: 0;
    margin: -25px 5px 0 0;
    display: inline-flex;
    align-items: center;
    border: 1px solid;
    border-radius: 3px;
}

.mean-container a.meanmenu-reveal > span,
.mean-container a.meanmenu-reveal > span:before,
.mean-container a.meanmenu-reveal > span:after {
    position: relative;
    width: 40px;
    margin: auto;
    height: 4px;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    z-index: 1;
    border-radius: 1px;
}

.mean-container a.meanmenu-reveal > span:before, .mean-container a.meanmenu-reveal > span:after {
    position: absolute;
    z-index: 2;
}

.mean-container a.meanmenu-reveal > span:before {
    top: -9px;
}

.mean-container a.meanmenu-reveal > span:after {
    bottom: -9px;
}

.mean-container a.meanmenu-reveal.meanclose > span:before {
    top: 0;
    transform: rotate(45deg);
}

.mean-container a.meanmenu-reveal.meanclose > span:after {
    top: -8px;
    transform: rotate(-45deg);
}

/* Menu Mobile Scroll */
.mobile-menu-scroll {
    overflow: scroll hidden;
}

.mobile-menu-scroll ul {
    display: flex;
}

.mobile-menu-scroll ul, .mobile-menu-scroll ul li {
    margin: auto;
    padding: 0;
    list-style: none;
}

.mobile-menu-scroll ul li a {
    display: block;
    padding: 15px;
    line-height: 1;
    color: #171717;
    white-space: nowrap;
    text-transform: uppercase;
    font-weight: bold;
}

.mobile-menu-scroll ul li a:hover, .mobile-menu-scroll ul li a:focus {
    color: #171717;
}

.mobile-menu-scroll ul li.active a {
    color: #f5f5f5;
    background-color: #171717;
}

/* Social */
ul.social, ul.social li {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: auto;
}

ul.social li {
    padding: 5px;
}

/* Slider Pro */
.section-slider {
    border: none;
    box-sizing: content-box;
    padding: 0;
    margin: 0;
}

.sp-slide-content {
    display: table;
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
}

.sp-buttons {
    margin-top: -60px;
    padding-bottom: 29px;
}

.sp-button {
    border: 2px solid #fff;
    width: 10px;
    height: 10px;
    box-shadow: 0 0 2px #000;
}

.slider-width-height .fixed {
    height: 0; /* Auto height */
}

/*freeze footer*/
.freeze-footer {
    position: fixed;
    right: 15px;
    bottom: 60px;
    padding: 0;
    display: inline-block;
    z-index: 1021;
}

.freeze-footer ul {
    margin: 0;
    padding: 0;
}

.freeze-footer ul li {
    list-style-type: none;
}

.freeze-footer .icon {
    display: inline-flex;
}

.freeze-footer a {
    width: 100%;
    margin-bottom: 15px;
}

@media ( max-width: 767px ) {
    .freeze-footer {
        left: 0;
        top: auto;
        right: 0;
        bottom: 0;
    }

    .freeze-footer ul {
        display: flex;
    }

    .freeze-footer ul li {
        width: 50%;
        padding: 0 15px;
        margin-left: auto;
        display: block;
    }
}

/*freeze header*/
.freeze-header {
    position: fixed;
    z-index: 1021;
    left: 0;
    top: 0;
    width: 100%;
}

.freeze-header.with-bg {
    -webkit-box-shadow: 0px 1px 1px #eee;
    -moz-box-shadow: 0px 1px 1px #eee;
    box-shadow: 0px 1px 1px #eee;

    width: 100%;
}

/* Open hour - Contact info */
.foh-wrap,
.fci-wrap {
    display: inline-table;
    text-align: left;
}

.foh-row,
p.foh-row,
span.foh-row,
div.foh-row,
.fci-row,
p.fci-row,
span.fci-row,
div.fci-row {
    line-height: 1.5;
    display: table-row;
}

.foh-row .foh-date,
p.foh-row .foh-date,
span.foh-row .foh-date,
div.foh-row .foh-date,
.foh-row .foh-time,
p.foh-row .foh-time,
span.foh-row .foh-time,
div.foh-row .foh-time,
.fci-row .fci-title,
p.fci-row .fci-title,
span.fci-row .fci-title,
div.fci-row .fci-title,
.fci-row .fci-content,
p.fci-row .fci-content,
span.fci-row .fci-content,
div.fci-row .fci-content {
    display: table-cell;
    padding: 0;
    padding-bottom: 10px;
    text-transform: initial;
}

.foh-row .foh-date,
p.foh-row .foh-date,
span.foh-row .foh-date,
div.foh-row .foh-date,
.fci-row .fci-title,
p.fci-row .fci-title,
span.fci-row .fci-title,
div.fci-row .fci-title {
    padding-right: 15px;
    font-weight: bold;
}

/* Youtube iframe */
.youtube-player {
    position: relative;
    padding-bottom: 56.25%; /* Use 75% for 4:3 videos */
    width: 100%;
    max-width: 100%;
    height: 0;
    background: #000;
    margin: 15px auto;
    overflow: hidden;
}

.youtube-player iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: transparent;
}

/*Service*/
.service-line {
    padding-bottom: 15px;
}

.service-image-wrap {
    text-align: center;
}

.service-image {
    margin: auto;
    margin-bottom: 15px;
    width: 100%;
    display: inline-block;
    max-width: 240px;
}

.service-image.circle {
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid;
}

.service-image.square {
    border: 3px solid;
}

.service-image-bg {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-clip: border-box;
    background-origin: padding-box;
    background-position-x: center;
    background-position-y: center;
    background-size: cover;
}

.service-image-bg img {
    display: none !important;
}

.service-name {
    font-weight: bold;
    font-style: normal;
    line-height: 1;
    padding: 0 0 10px 0;
    margin-bottom: 15px;
    border-bottom: 1px solid;
}

.service-desc {
    font-weight: normal;
    margin: -15px 0 15px;
}

.detail-container {
    display: flex;
    margin-bottom: 15px;
}

.detail-thumb {
    margin: 3px 7px 7px 0;
    max-width: 110px;
}

.detail-no-thumb {
    display: none;
}

.detail-text {
    flex: 1;
}

.detail-price-item {
    display: flex;
    width: 100%;
    padding: 0 0 15px;
}

.detail-desc-item {
    margin: -15px 0 15px;
}

.detail-container .detail-price-item {
    padding-bottom: 0;
}

.detail-container .detail-desc-item {
    margin: 15px 0 0;
}

.detail-price-dots {
    height: 15px;
    flex: 1;
    border-bottom: 1px dotted;
}

.detail-price-number {
    padding-left: 5px;
    font-weight: bold;
}

.detail-price-name {
    padding-right: 5px;
    font-size: 15px;
    font-weight: bold;
}

.detail-price-number span {
    padding: 3px;
}

.detail-price-number .old {
    text-decoration: line-through;
    font-size: 90%;
}

.service-name, .service-desc, .detail-price-item, .detail-desc-item, .detail-price-dots,
.detail-price-number, .detail-price-name, .detail-price-number span, .detail-price-number .old {
    min-height: 1px;
}

.service-list-sub {
    padding-left: 15px;
}

.service-btn-group {
    padding-top: 15px;
    padding-bottom: 15px;
}

.service-btn-group .btn {
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    .right.service-image-wrap {
        text-align: right;
    }

    .left.service-image-wrap {
        text-align: left;
    }

    .service-image.circle {
        max-width: 320px;
    }

    .service-image.square {
        max-width: 100%;
    }
}

/* Gallery */
.m-category-tab {
    list-style-type: none;
    text-align: center;
    padding: 0;
    margin: 0 0 15px;
}

.m-gallery-content {
    position: relative;
}

.m-category-tab li, .m-category-tab li.active, .m-category-tab li:hover {
    display: inline-block;
    padding: 5px 15px;
    cursor: pointer;
    margin: 5px;
    border-radius: 5px;
    border: 1px solid #000;
}

.m-gallery-content, .m-gallery-listing, .m-gallery-paging {
    text-align: center;
}

@media ( max-width: 475px ) {
    .m-category-tab li {
        width: 100%;
    }
}

.m-gallery-box-wrap {
    padding: 0 10px;
    margin: 0 0 15px 0;
    overflow: initial;
}

.m-gallery-box {
    position: relative;
    margin: 0 -10px 10px;

    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.m-image-bg, .m-gallery-box .m-image-bg {
    width: 100%;
    height: auto;

    margin: 0;
    padding: 0;
    padding-bottom: 75%;

    background-repeat: no-repeat;
    background-attachment: scroll;
    background-clip: border-box;
    background-origin: padding-box;
    background-position-x: center;
    background-position-y: center;
    background-size: cover;
}

.m-image-bg img, .m-gallery-box .m-image-bg img {
    display: none !important;
}

.m-image-title, .m-gallery-box .m-image-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;

    background: rgba(3, 3, 3, 0.3);
    filter: alpha(opacity=30);
    max-height: 60px;
    padding: 5px;
    margin: 0;
    overflow: hidden;
}

.m-gallery-box:hover, .m-gallery-box:focus {
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

/* Coupon */
.m-coupon-box {
    position: relative;
    z-index: 0;

    margin: 0;
    margin-bottom: 30px;

    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.m-giftcards {
    margin-bottom: 30px;
}

.m-giftcards .m-coupon-box {
    margin-bottom: 15px;
}

.m-coupon-info {
    text-align: center;
}

.m-coupon-box:hover, .m-coupon-box:focus {
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.m-coupon-price {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    padding: 5px;
}

/*Old Booking*/
.item-booking {
    width: auto;
}

.addButton, .removeButton {
    display: inline-block;
}

.email-booking .multi select {
    height: 256px;
}

.email-booking .group-select optgroup {
    font-weight: bold;
}

.email-booking .group-select optgroup, .email-booking .group-select option {
    height: auto;
    white-space: normal;
}

.sms-booking #btn_search_booking .btn-search {
    width: 100%;
    height: 54px;
    line-height: 1;
}

.sms-booking .item-booking.is-more {
    position: relative;
    z-index: 0;
}

.sms-booking .item-booking .remove-services {
    position: absolute;
    left: 15px;
    top: 0;
    z-index: 1;
    cursor: pointer;
}

.sms-booking .item-booking.is-more .booking-service label {
    padding-left: 30px;
}

#booking_info {
    padding-top: 30px;
}

#booking_info .note-time {
    color: #f00;
    font-style: italic;
}

.box_account_v1 {
    padding: 15px;
}

.smsBookingConfirm .btn {
    margin-bottom: 15px;
}

.time_work_staff_v1 ul {
    padding: 0;
}

.time_work_staff_v1 ul li {
    list-style-type: none;
}

.time_work_staff_v1 ul li {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
}

.time_work_staff_v1 ul li > a {
    padding: 10px;
    margin: 0;
    font-size: 14px;
    line-height: 1;
    text-decoration: none;
    display: inline-block;
    border-radius: 5px;
    border: 1px solid;
}

.time_work_staff_v1 ul li > span {
    text-decoration: line-through;
}

/*.btn.focus, .btn:focus, .btn:hover {
    color: inherit;
}*/

@media ( max-width: 575px ) {
    .email-booking .multi select {
        max-height: 54px;
    }
}

/* Booking */
.form-input-group {
    position: relative;
}

.form-input-group .form-text {
    padding-right: 45px;
}

.form-input-group .form-icon {
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 15px;
    margin-top: -9px;
}

.form-booking .group-select, .form-booking-confirm .group-select,
.form-booking-confirm .btn-confirm, .form-booking-confirm .btn-cancel {
    margin-bottom: 15px;
}

.form-booking .btn-search, .form-booking-confirm .btn-confirm, .form-booking-confirm .btn-cancel {
    display: block;
    width: 100%;
    border-color: #ced4da;;
}

.form-booking .btn-search, .form-booking .btn-search:hover, .form-booking .btn-search:focus,
.form-booking-confirm .btn-confirm, .form-booking-confirm .btn-confirm:hover, .form-booking-confirm .btn-confirm:focus {
    background-color: #ef2b53;
    color: #fff;
}

.form-booking-confirm .btn-cancel, .form-booking-confirm .btn-cancel:hover, .form-booking-confirm .btn-cancel:focus {
    background-color: #d7d7d7;
    border-color: #ced4da;;
    color: #333;
}

.form-booking .form-control, .form-booking .btn-search,
.form-booking-confirm .form-control, .form-booking-confirm .btn-confirm, .form-booking-confirm .btn-cancel {
    border-radius: 0;
    min-height: 54px;
}

.form-booking .form-control[multiple] {
    min-height: 155px;
}

.form-booking .form-control[multiple] optgroup, .form-booking .form-control[multiple] option {
    height: auto;
}

.form-booking .form-control[multiple] option {
    padding: 7px 0;
}

.form-booking .booking-service-staff.is-more {
    position: relative;
}

.form-booking .booking-service-staff .remove-services {
    position: absolute;
    z-index: 2;
    left: 15px;
    top: 0;
    min-width: 175px;
    min-height: 24px;
    line-height: 24px;
    cursor: pointer;
}

.form-booking .booking-service-staff.is-more .booking-service label {
    padding-left: 20px;
}

.add-services {
    display: inline-block;
}

.box-booking-info {
    padding-top: 30px;
}

.booking-info-title {
    position: relative;
    text-align: center;
}

.booking-info-title:before {
    content: "";
    position: absolute;
    z-index: 2;
    left: 50%;
    bottom: -5px;
    height: 3px;
    width: 100px;
    margin-left: -50px;
    background-color: #ced4da;
}

.box-service-staff {
    display: flex;
    flex-wrap: wrap;
}

.service-staff {
    background-color: #f8f9fa;
    margin: 15px 15px 15px 0;
    padding: 15px 15px 15px 0;
    border-left: 3px solid #efefef;
    display: inline-flex;
    min-width: calc(24.999% - 30px);
}

.service-staff .service-staff-avatar {
    float: left;
    max-width: 100px;
    margin: 5px 0 15px 15px;
}

.service-staff .service-staff-avatar.no-photo {
    display: none;
}

.service-staff .service-staff-info {
    margin-left: 15px;
}

.service-staff .service-staff-info p {
    line-height: 1.5;
}

.date-info, .time-info {
    margin-bottom: 15px;
}

.time-info .time-note {
    color: #f00;
    font-size: 13px;
}

.time-info .time-items, .time-info .time-items li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.time-info .time-items li {
    padding: 5px;
    display: inline-block;
}

.time-items li > a, .time-items li > span {
    color: #333;
    font-size: 14px;
    line-height: 1;
}

.time-items li > a {
    display: inline-block;
    padding: 10px;
    margin: 0;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    background: #fff;
    text-decoration: none;
}

.time-items li > span {
    text-decoration: line-through;
}

.box-booking-confirm {
    background: #fff;
    padding: 15px;
    text-align: left;
}

@media ( max-width: 767px ) {
    .booking-confirm-title {
        font-size: 35px;
    }

    .booking-confirm-note {
        font-size: 17px;
    }
}

@media ( max-width: 575px ) {
    .booking-confirm-title {
        font-size: 20px;
    }

    .booking-confirm-note {
        font-size: 15px;
    }

    .service-staff {
        min-width: calc(50% - 30px);
    }
}
/*
* News Module
*/
.section-news .n-item {
    margin-bottom: 30px;
}
.section-news .n-item .n-info {
    padding: 0;
}
.section-news .n-info h3 {
    font-size: 15px;
    margin-bottom: 5px;
}
.section-news .n-item .n-author span {
    text-transform: initial;
    font-size: 13px;
    font-weight: normal;
}
.n-author { font-size: 12px;}
.n-author a { color: inherit; }

.section-news .n-inner {
    padding-left: 60px;
    position: relative;
    margin-top: 20px;
}
.section-news .n-thumb img { width: 100%; }
.section-news .n-meta {
    position: absolute;
    top:0;
    left: 0;
    display: inline-block;
    width: 50px;
    padding: 5px 0;
    margin-bottom: 15px;
    vertical-align: top;
    max-width: 100%;
    border: 2px solid;
    text-align: center;
}
.section-news .n-meta .date-d {
    padding: 0 5px;
    margin-bottom: -4px;
    font-size: 24px;
}
.section-news .n-meta .date-m {
    padding: 0 5px;
    font-size: 11px;
    text-transform: uppercase;
}
.section-news .n-thumb {
    position: relative;
}
.section-news .n-thumb a { display: block; }
.section-news .n-thumb a:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.6);
    visibility: hidden;
    opacity: 0;
    transition: all 0.25s ease-in-out;
}
.section-news .n-item:hover .n-thumb a:after {
    visibility: visible;
    opacity: 1;
    transition: all 0.25s ease-in-out;
}

.n-content ul, .n-content ul:not(.pagination), .n-content ol {
    list-style-position: outside;
}

.n-content ul, .n-content ul:not(.pagination) {
    list-style-type: disc;
}

.n-content ol {
    list-style-type: decimal;
}

.n-content ul, .n-content ol,
.n-content ul ul, .n-content ol ol,
.n-content ul ol, .n-content ol ul {
    margin-left: 15px;
}

.n-content ul li, .n-content ol li {
    margin-left: 10px;
}

/*.section-news .n-detail h1 {
    display: block;
    font-size: 2em;
    margin-top: 0.67em;
    margin-bottom: 0.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}
.section-news .n-detail h2 {
    display: block;
    font-size: 1.5em;
    margin-top: 0.83em;
    margin-bottom: 0.83em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}
.section-news .n-detail h3 {
    display: block;
    font-size: 1.17em;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}
.section-news .n-detail h4 {
    display: block;
    margin-top: 1.33em;
    margin-bottom: 1.33em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}
.section-news .n-detail h5 {
    display: block;
    font-size: .83em;
    margin-top: 1.67em;
    margin-bottom: 1.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}
.section-news .n-detail h6 {
    display: block;
    font-size: .67em;
    margin-top: 2.33em;
    margin-bottom: 2.33em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}*/
.box_news_details {
    margin-top: 20px;
    text-align: justify;
}
.box_news_details .news_content , .box_news_details .news_content p, .box_news_details .news_content span {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
}

.box_news_details>h3 {
    /*font-size: 23px;*/
    text-transform: uppercase;
    font-variant-ligatures: common-ligatures;
    color: #333;
}

.box_news_details blockquote {
    border-left: 2px solid;
    /*font-size: 16px;*/
    line-height: 26px;
    margin: 23px 0;
    padding: 14px 50px;
}

.news_comment_v1 {
    margin-top: 60px;
}

.news_comment_v1 h3.leave_comment_v1,
.box_comment_new_v1 h3.leave_comment_v1,
.search_area_bar h3.leave_comment_v1,
.recent_area_bar h3.leave_comment_v1,
.category_news_v1 h3.leave_comment_v1,
.tag_news_v1 h3.leave_comment_v1 {
    border-bottom: 1px solid;
    display: block;
    font-size: 18px;
    margin-bottom: 15px;
    padding-bottom: 10px;
    position: relative;
}

.news_comment_v1 h3.leave_comment_v1::before,
.box_comment_new_v1 h3.leave_comment_v1::before,
.search_area_bar h3.leave_comment_v1::before,
.recent_area_bar h3.leave_comment_v1::before,
.category_news_v1 h3.leave_comment_v1::before,
.tag_news_v1 h3.leave_comment_v1::before {
    bottom: -2px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    right: 0;
    transition: all 0.4s ease 0s;
    width: 40px;
}

.news_top_comment .msg_avatar_v1 {
    display: inline-block;
    float: left;
    text-align: center;
}

.news_top_comment .msg_avatar_v1 img {
    border-radius: 100%;
    width: 100%;
}

.news_details_title_v1 {
    padding-left: 90px;
}

.news_details_title_v1 .first_title_v1 h3 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 6px;
    text-transform: capitalize;
}

.news_details_title_v1 .first_title_v1 span {
    display: block;
    margin-bottom: 7px;
}

.news_top_comment.middle_comment {
    margin: 32px 0 33px 90px;
}

.box_comment_new_v1 {
    margin-top: 60px;
}

.box_comment_new_v1 .leave_form input {
    background: transparent none repeat scroll 0 0;
    border: 1px solid;
    font-size: 14px;
    height: 35px;
    margin-bottom: 30px;
    padding: 0 20px;
    width: 100%;
    outline: none;
}

.box_comment_new_v1 .text_leave textarea {
    background: transparent none repeat scroll 0 0;
    border: 1px solid;
    font-size: 14px;
    height: 165px;
    margin-bottom: 30px;
    padding: 20px;
}

.box_comment_new_v1 .text_leave button.submit {
    border: 1px solid;
    font-size: 12px;
    line-height: inherit;
    padding: 7px 30px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    outline: none;
}

.search_area_bar>form {
    position: relative;
}

.search_area_bar input[type="text"] {
    border: 1px solid;
    color: #666666;
    height: 40px;
    line-height: 40px;
    margin: 0;
    outline: none;
    padding: 5px 48px 5px 15px;
    position: relative;
    transition: all 0.4s ease 0s;
    width: 100%;
}

.search_area_bar button.submit {
    border: 1px solid;
    height: 40px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.3s ease 0s;
    width: 45px;
    outline: none;
}

.recent_area_bar {
    margin-top: 30px;
    margin-bottom: 30px;
}

.recent_area_bar .signle_post_v1 {
    display: block;
    margin-bottom: 15px;
    overflow: hidden;
}

.signle_post_v1 .img_post_rc_v1 {
    display: inline-block;
    float: left;
    width: 34%;
}

.signle_post_v1 .img_post_rc_v1 img{
    width: 100%;
    max-width: 100%;
}

.signle_post_v1 .txt_post_rc_v1 {
    display: inline-block;
    padding-left: 15px;
    width: 66%;
}

.signle_post_v1 .txt_post_rc_v1 h3 {
    margin-top: 0;
    font-size: 20px;
}

.signle_post_v1 .txt_post_rc_v1 h3 a {
    text-decoration: none;
    font-size: 15px;
    line-height: 1;
}

.signle_post_v1 .txt_post_rc_v1 span {
    font-size: 13px;
}
.category_news_v1 ul li {
    list-style-type: none;
    text-decoration: none;
}
.category_news_v1 ul li a {
    color: #333;
    text-decoration: none;
    font-weight: 400;
    border-bottom: 1px solid;
    display: block;
    font-size: 14px;
    padding: 10px 0;
    position: relative;
    transition: all 0.3s ease 0s;
}

.category_news_v1 i {
    margin-right: 5px;
}
.list-category-news, .list-category-tags {
    margin: 0;
    padding: 0;
}
.tag_news_v1 {
    margin-top: 30px;
}
.tag_news_v1 ul li {
    float: left;
    margin: 0 8px 8px 0;
    list-style-type: none;
    text-decoration: none;
}

.tag_news_v1 ul li a {
    border-radius: 2px;
    display: block;
    font-size: 14px;
    line-height: 24px;
    opacity: 1;
    padding: 8px 15px;
    text-transform: capitalize;
    transition: all 0.2s linear 0s;
    text-decoration: none;
}

.section-news .nearby {
    border-top: 1px solid;
    border-bottom: 1px solid;
    padding: 15px 0;
}
.section-news .nearby h3 {
    font-size: 15px;
}
.section-news .prev-title, .section-news .next-title {
    display: inline-flex;
    align-items: center;
    margin-bottom: 5px;
}
.section-news .prev-inner {
    text-align: left;
}
.section-news .next-inner {
    text-align: right;
}
.section-news .prev-inner i, .section-news .next-inner i {
    font-size: 80%;
}
.section-news .prev-inner i {
    padding-right: 5px;
}
.section-news .next-inner i {
    padding-left: 5px;
}
.break-row {
    float: left;
}
@media (min-width: 768px) {
    .section-news-row .break-row.break-2, .section-news-row .break-row.break-4
    , .section-news-row .break-row.break-6, .section-news-row .break-row.break-8,
    .section-news-row .break-row.break-10, .section-news-row .break-row.break-12{
        width: 100%;
    }
}

@media (min-width: 992px) {
    .news_sidebar_left {
        padding-left: 15px;
        border-left: 1px solid;
    }
}

/* Mobile fix */
.section-news .n-item .n-info {
    min-height: 80px;
}
.section-news .n-item.n-detail .n-info.n-content {
    margin-left: -60px;
    overflow: hidden;
}
@media (max-width: 767px) {
    .section-news, .section-news h3, .section-news .n-author, .section-news .n-desc, .section-news .n-item .n-author span,
    .signle_post_v1 .txt_post_rc_v1 h3 a, .category_news_v1 ul li a, .tag_news_v1 ul li a {
        font-size: 16px;
        line-height: 1.5;
    }
    .signle_post_v1 .txt_post_rc_v1 span {
        font-size: 14px;
        line-height: 1.5;
    }
}

/*Table of content*/
#toc_container {
    border: 1px solid;
    display: table;
    font-size: 95%;
    margin-bottom: 15px;
    padding: 15px;
    width: auto;
}

#toc_container .toc_title {
    font-weight: 700;
    text-align: center;
    margin: 0 0 5px;
    padding: 0;
}

#toc_container ul, #toc_container li {
    margin: 0;
    padding: 0;
    list-style: none;
}

#toc_container li + li, #toc_container li > ul {
    padding-top: 5px;
}

#toc_container li > ul {
    padding-left: 15px;
}

#toc_container li > a {
    color: inherit;
}
.pagination_v1 a {
    background-color: #fff;
    color: #000;
}

.pagination_v1 a:hover, .pagination_v1 li.active a, .pagination_v1 li.pagination_v1_icon a i:hover {
    background-color: #feca2f;
    border: 1px solid #feca2f;
    color: #fff;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #feca2f;
    border-color: #feca2f;
}

h3.related-post-title::before {
    background: #feca2f none repeat scroll 0 0;
    bottom: -2px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    right: 0;
    transition: all 0.4s ease 0s;
    width: 40px;
}

.nowrap-ellipsis {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.related-post-item {
    padding: 0 0 10px 0;
}

.related-post-item .img_post img {
    width: 100%;
    max-width: 120px;
    max-height: 120px;
}

.related-post-head {
    margin: 30px 0 0 0;
}

h3.related-post-title {
    border-bottom: 1px solid #2a2a2c;
    display: block;
    font-size: 18px;
    margin-bottom: 30px;
    padding-bottom: 10px;
    position: relative;
    font-family: 'Lato', sans-serif;
}

.news_page_v1 .n-item .n-info h3 {
    font-size: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
/* global */
img {
    max-width: 100%;
}

.relative {
    position: relative;
}

.pointer {
    cursor: pointer;
}

.relative.w100 {
    min-width: 100%;
}

.form-tooltip-error ul, .form-tooltip-error ul li {
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
}

.maxlength-error {
    color: #f00;
}

.relative .fa-calendar {
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -9px;
}

/* Waiting Dialog */
.modal-dialog .modal-content {
    background-color: #fff;
}

.progress-bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #007bff;
    transition: width .6s ease;
}

.progress-striped .progress-bar {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem;

    -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite;
}

/* Menu Button Mobile */
.mean-container .mean-bar {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.mean-container a.meanmenu-reveal {
    position: absolute;
    top: 50%;
    right: 0;
    width: 50px;
    height: 50px;
    padding: 0;
    margin: -25px 5px 0 0;
    display: inline-flex;
    align-items: center;
    border: 1px solid;
    border-radius: 3px;
}

.mean-container a.meanmenu-reveal > span,
.mean-container a.meanmenu-reveal > span:before,
.mean-container a.meanmenu-reveal > span:after {
    position: relative;
    width: 40px;
    margin: auto;
    height: 4px;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    z-index: 1;
    border-radius: 1px;
}

.mean-container a.meanmenu-reveal > span:before, .mean-container a.meanmenu-reveal > span:after {
    position: absolute;
    z-index: 2;
}

.mean-container a.meanmenu-reveal > span:before {
    top: -9px;
}

.mean-container a.meanmenu-reveal > span:after {
    bottom: -9px;
}

.mean-container a.meanmenu-reveal.meanclose > span:before {
    top: 0;
    transform: rotate(45deg);
}

.mean-container a.meanmenu-reveal.meanclose > span:after {
    top: -8px;
    transform: rotate(-45deg);
}

/* Menu Mobile Scroll */
.mobile-menu-scroll {
    overflow: scroll hidden;
}

.mobile-menu-scroll ul {
    display: flex;
}

.mobile-menu-scroll ul, .mobile-menu-scroll ul li {
    margin: auto;
    padding: 0;
    list-style: none;
}

.mobile-menu-scroll ul li a {
    display: block;
    padding: 15px;
    line-height: 1;
    color: #171717;
    white-space: nowrap;
    text-transform: uppercase;
    font-weight: bold;
}

.mobile-menu-scroll ul li a:hover, .mobile-menu-scroll ul li a:focus {
    color: #171717;
}

.mobile-menu-scroll ul li.active a {
    color: #f5f5f5;
    background-color: #171717;
}

/* Social */
ul.social, ul.social li {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: auto;
}

ul.social li {
    padding: 5px;
}

/* Slider Pro */
.section-slider {
    border: none;
    box-sizing: content-box;
    padding: 0;
    margin: 0;
}

.sp-slide-content {
    display: table;
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
}

.sp-buttons {
    margin-top: -60px;
    padding-bottom: 29px;
}

.sp-button {
    border: 2px solid #fff;
    width: 10px;
    height: 10px;
    box-shadow: 0 0 2px #000;
}

.slider-width-height .fixed {
    height: 0; /* Auto height */
}

/*freeze footer*/
.freeze-footer {
    position: fixed;
    right: 15px;
    bottom: 60px;
    padding: 0;
    display: inline-block;
    z-index: 1021;
}

.freeze-footer ul {
    margin: 0;
    padding: 0;
}

.freeze-footer ul li {
    list-style-type: none;
}

.freeze-footer .icon {
    display: inline-flex;
}

.freeze-footer a {
    width: 100%;
    margin-bottom: 15px;
}

@media ( max-width: 767px ) {
    .freeze-footer {
        left: 0;
        top: auto;
        right: 0;
        bottom: 0;
    }

    .freeze-footer ul {
        display: flex;
    }

    .freeze-footer ul li {
        width: 50%;
        padding: 0 15px;
        margin-left: auto;
        display: block;
    }
}

/*freeze header*/
.freeze-header {
    position: fixed;
    z-index: 1021;
    left: 0;
    top: 0;
    width: 100%;
}

.freeze-header.with-bg {
    -webkit-box-shadow: 0px 1px 1px #eee;
    -moz-box-shadow: 0px 1px 1px #eee;
    box-shadow: 0px 1px 1px #eee;

    width: 100%;
}

/* Open hour - Contact info */
.foh-wrap,
.fci-wrap {
    display: inline-table;
    text-align: left;
}

.foh-row,
p.foh-row,
span.foh-row,
div.foh-row,
.fci-row,
p.fci-row,
span.fci-row,
div.fci-row {
    line-height: 1.5;
    display: table-row;
}

.foh-row .foh-date,
p.foh-row .foh-date,
span.foh-row .foh-date,
div.foh-row .foh-date,
.foh-row .foh-time,
p.foh-row .foh-time,
span.foh-row .foh-time,
div.foh-row .foh-time,
.fci-row .fci-title,
p.fci-row .fci-title,
span.fci-row .fci-title,
div.fci-row .fci-title,
.fci-row .fci-content,
p.fci-row .fci-content,
span.fci-row .fci-content,
div.fci-row .fci-content {
    display: table-cell;
    padding: 0;
    padding-bottom: 10px;
    text-transform: initial;
}

.foh-row .foh-date,
p.foh-row .foh-date,
span.foh-row .foh-date,
div.foh-row .foh-date,
.fci-row .fci-title,
p.fci-row .fci-title,
span.fci-row .fci-title,
div.fci-row .fci-title {
    padding-right: 15px;
    font-weight: bold;
}

/* Youtube iframe */
.youtube-player {
    position: relative;
    padding-bottom: 56.25%; /* Use 75% for 4:3 videos */
    width: 100%;
    max-width: 100%;
    height: 0;
    background: #000;
    margin: 15px auto;
    overflow: hidden;
}

.youtube-player iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: transparent;
}

/*Service*/
.service-line {
    padding-bottom: 15px;
}

.service-image-wrap {
    text-align: center;
}

.service-image {
    margin: auto;
    margin-bottom: 15px;
    width: 100%;
    display: inline-block;
    max-width: 240px;
}

.service-image.circle {
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid;
}

.service-image.square {
    border: 3px solid;
}

.service-image-bg {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-clip: border-box;
    background-origin: padding-box;
    background-position-x: center;
    background-position-y: center;
    background-size: cover;
}

.service-image-bg img {
    display: none !important;
}

.service-name {
    font-weight: bold;
    font-style: normal;
    line-height: 1;
    padding: 0 0 10px 0;
    margin-bottom: 15px;
    border-bottom: 1px solid;
}

.service-desc {
    font-weight: normal;
    margin: -15px 0 15px;
}

.detail-container {
    display: flex;
    margin-bottom: 15px;
}

.detail-thumb {
    margin: 3px 7px 7px 0;
    max-width: 110px;
}

.detail-no-thumb {
    display: none;
}

.detail-text {
    flex: 1;
}

.detail-price-item {
    display: flex;
    width: 100%;
    padding: 0 0 15px;
}

.detail-desc-item {
    margin: -15px 0 15px;
}

.detail-container .detail-price-item {
    padding-bottom: 0;
}

.detail-container .detail-desc-item {
    margin: 15px 0 0;
}

.detail-price-dots {
    height: 15px;
    flex: 1;
    border-bottom: 1px dotted;
}

.detail-price-number {
    padding-left: 5px;
    font-weight: bold;
}

.detail-price-name {
    padding-right: 5px;
    font-size: 15px;
    font-weight: bold;
}

.detail-price-number span {
    padding: 3px;
}

.detail-price-number .old {
    text-decoration: line-through;
    font-size: 90%;
}

.service-name, .service-desc, .detail-price-item, .detail-desc-item, .detail-price-dots,
.detail-price-number, .detail-price-name, .detail-price-number span, .detail-price-number .old {
    min-height: 1px;
}

.service-list-sub {
    padding-left: 15px;
}

.service-btn-group {
    padding-top: 15px;
    padding-bottom: 15px;
}

.service-btn-group .btn {
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    .right.service-image-wrap {
        text-align: right;
    }

    .left.service-image-wrap {
        text-align: left;
    }

    .service-image.circle {
        max-width: 320px;
    }

    .service-image.square {
        max-width: 100%;
    }
}

/* Gallery */
.m-category-tab {
    list-style-type: none;
    text-align: center;
    padding: 0;
    margin: 0 0 15px;
}

.m-gallery-content {
    position: relative;
}

.m-category-tab li, .m-category-tab li.active, .m-category-tab li:hover {
    display: inline-block;
    padding: 5px 15px;
    cursor: pointer;
    margin: 5px;
    border-radius: 5px;
    border: 1px solid #000;
}

.m-gallery-content, .m-gallery-listing, .m-gallery-paging {
    text-align: center;
}

@media ( max-width: 475px ) {
    .m-category-tab li {
        width: 100%;
    }
}

.m-gallery-box-wrap {
    padding: 0 10px;
    margin: 0 0 15px 0;
    overflow: initial;
}

.m-gallery-box {
    position: relative;
    margin: 0 -10px 10px;

    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.m-image-bg, .m-gallery-box .m-image-bg {
    width: 100%;
    height: auto;

    margin: 0;
    padding: 0;
    padding-bottom: 75%;

    background-repeat: no-repeat;
    background-attachment: scroll;
    background-clip: border-box;
    background-origin: padding-box;
    background-position-x: center;
    background-position-y: center;
    background-size: cover;
}

.m-image-bg img, .m-gallery-box .m-image-bg img {
    display: none !important;
}

.m-image-title, .m-gallery-box .m-image-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;

    background: rgba(3, 3, 3, 0.3);
    filter: alpha(opacity=30);
    max-height: 60px;
    padding: 5px;
    margin: 0;
    overflow: hidden;
}

.m-gallery-box:hover, .m-gallery-box:focus {
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

/* Coupon */
.m-coupon-box {
    position: relative;
    z-index: 0;

    margin: 0;
    margin-bottom: 30px;

    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.m-giftcards {
    margin-bottom: 30px;
}

.m-giftcards .m-coupon-box {
    margin-bottom: 15px;
}

.m-coupon-info {
    text-align: center;
}

.m-coupon-box:hover, .m-coupon-box:focus {
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.m-coupon-price {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    padding: 5px;
}

/*Old Booking*/
.item-booking {
    width: auto;
}

.addButton, .removeButton {
    display: inline-block;
}

.email-booking .multi select {
    height: 256px;
}

.email-booking .group-select optgroup {
    font-weight: bold;
}

.email-booking .group-select optgroup, .email-booking .group-select option {
    height: auto;
    white-space: normal;
}

.sms-booking #btn_search_booking .btn-search {
    width: 100%;
    height: 54px;
    line-height: 1;
}

.sms-booking .item-booking.is-more {
    position: relative;
    z-index: 0;
}

.sms-booking .item-booking .remove-services {
    position: absolute;
    left: 15px;
    top: 0;
    z-index: 1;
    cursor: pointer;
}

.sms-booking .item-booking.is-more .booking-service label {
    padding-left: 30px;
}

#booking_info {
    padding-top: 30px;
}

#booking_info .note-time {
    color: #f00;
    font-style: italic;
}

.box_account_v1 {
    padding: 15px;
}

.smsBookingConfirm .btn {
    margin-bottom: 15px;
}

.time_work_staff_v1 ul {
    padding: 0;
}

.time_work_staff_v1 ul li {
    list-style-type: none;
}

.time_work_staff_v1 ul li {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
}

.time_work_staff_v1 ul li > a {
    padding: 10px;
    margin: 0;
    font-size: 14px;
    line-height: 1;
    text-decoration: none;
    display: inline-block;
    border-radius: 5px;
    border: 1px solid;
}

.time_work_staff_v1 ul li > span {
    text-decoration: line-through;
}

/*.btn.focus, .btn:focus, .btn:hover {
    color: inherit;
}*/

@media ( max-width: 575px ) {
    .email-booking .multi select {
        max-height: 54px;
    }
}

/* Booking */
.form-input-group {
    position: relative;
}

.form-input-group .form-text {
    padding-right: 45px;
}

.form-input-group .form-icon {
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 15px;
    margin-top: -9px;
}

.form-booking .group-select, .form-booking-confirm .group-select,
.form-booking-confirm .btn-confirm, .form-booking-confirm .btn-cancel {
    margin-bottom: 15px;
}

.form-booking .btn-search, .form-booking-confirm .btn-confirm, .form-booking-confirm .btn-cancel {
    display: block;
    width: 100%;
    border-color: #ced4da;;
}

.form-booking .btn-search, .form-booking .btn-search:hover, .form-booking .btn-search:focus,
.form-booking-confirm .btn-confirm, .form-booking-confirm .btn-confirm:hover, .form-booking-confirm .btn-confirm:focus {
    background-color: #ef2b53;
    color: #fff;
}

.form-booking-confirm .btn-cancel, .form-booking-confirm .btn-cancel:hover, .form-booking-confirm .btn-cancel:focus {
    background-color: #d7d7d7;
    border-color: #ced4da;;
    color: #333;
}

.form-booking .form-control, .form-booking .btn-search,
.form-booking-confirm .form-control, .form-booking-confirm .btn-confirm, .form-booking-confirm .btn-cancel {
    border-radius: 0;
    min-height: 54px;
}

.form-booking .form-control[multiple] {
    min-height: 155px;
}

.form-booking .form-control[multiple] optgroup, .form-booking .form-control[multiple] option {
    height: auto;
}

.form-booking .form-control[multiple] option {
    padding: 7px 0;
}

.form-booking .booking-service-staff.is-more {
    position: relative;
}

.form-booking .booking-service-staff .remove-services {
    position: absolute;
    z-index: 2;
    left: 15px;
    top: 0;
    min-width: 175px;
    min-height: 24px;
    line-height: 24px;
    cursor: pointer;
}

.form-booking .booking-service-staff.is-more .booking-service label {
    padding-left: 20px;
}

.add-services {
    display: inline-block;
}

.box-booking-info {
    padding-top: 30px;
}

.booking-info-title {
    position: relative;
    text-align: center;
}

.booking-info-title:before {
    content: "";
    position: absolute;
    z-index: 2;
    left: 50%;
    bottom: -5px;
    height: 3px;
    width: 100px;
    margin-left: -50px;
    background-color: #ced4da;
}

.box-service-staff {
    display: flex;
    flex-wrap: wrap;
}

.service-staff {
    background-color: #f8f9fa;
    margin: 15px 15px 15px 0;
    padding: 15px 15px 15px 0;
    border-left: 3px solid #efefef;
    display: inline-flex;
    min-width: calc(24.999% - 30px);
}

.service-staff .service-staff-avatar {
    float: left;
    max-width: 100px;
    margin: 5px 0 15px 15px;
}

.service-staff .service-staff-avatar.no-photo {
    display: none;
}

.service-staff .service-staff-info {
    margin-left: 15px;
}

.service-staff .service-staff-info p {
    line-height: 1.5;
}

.date-info, .time-info {
    margin-bottom: 15px;
}

.time-info .time-note {
    color: #f00;
    font-size: 13px;
}

.time-info .time-items, .time-info .time-items li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.time-info .time-items li {
    padding: 5px;
    display: inline-block;
}

.time-items li > a, .time-items li > span {
    color: #333;
    font-size: 14px;
    line-height: 1;
}

.time-items li > a {
    display: inline-block;
    padding: 10px;
    margin: 0;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    background: #fff;
    text-decoration: none;
}

.time-items li > span {
    text-decoration: line-through;
}

.box-booking-confirm {
    background: #fff;
    padding: 15px;
    text-align: left;
}

@media ( max-width: 767px ) {
    .booking-confirm-title {
        font-size: 35px;
    }

    .booking-confirm-note {
        font-size: 17px;
    }
}

@media ( max-width: 575px ) {
    .booking-confirm-title {
        font-size: 20px;
    }

    .booking-confirm-note {
        font-size: 15px;
    }

    .service-staff {
        min-width: calc(50% - 30px);
    }
}
/**
* Service
*/
.service-line {
    padding-bottom: 15px;
}

.service-image-wrap {
    text-align: center;
}

.service-image {
    margin: auto;
    margin-bottom: 15px;
    width: 100%;
    display: inline-block;
    max-width: 240px;
}

.service-image.circle {
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid;
}

.service-image.square {
    border: 3px solid;
}

.service-image-bg {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-clip: border-box;
    background-origin: padding-box;
    background-position-x: center;
    background-position-y: center;
    background-size: cover;
}

.service-image-bg img {
    display: none !important;
}

.service-name {
    font-weight: bold;
    font-style: normal;
    line-height: 1;
    padding: 0 0 10px 0;
    margin-bottom: 15px;
    border-bottom: 1px solid;
}

.service-desc {
    font-weight: normal;
    margin: -15px 0 15px;
}

.detail-price-item {
    display: flex;
    width: 100%;
    padding: 0 0 15px;
}

.detail-desc-item {
    margin: -15px 0 15px;
}

.detail-price-dots {
    height: 15px;
    flex: 1;
    border-bottom: 1px dotted;
}

.detail-price-number {
    padding-left: 5px;
    font-weight: bold;
}

.detail-price-name {
    padding-right: 5px;
    font-size: 15px;
    font-weight: bold;
}

.detail-price-number span {
    padding: 3px;
}

.detail-price-number .old {
    text-decoration: line-through;
    font-size: 90%;
}

.service-list-sub {
    padding-left: 15px;
}

.service-btn-group {
    padding-top: 15px;
    padding-bottom: 15px;
}

.service-btn-group .btn {
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    .right.service-image-wrap {
        text-align: right;
    }

    .left.service-image-wrap {
        text-align: left;
    }

    .service-image.circle {
        max-width: 320px;
    }

    .service-image.square {
        max-width: 100%;
    }
}
.service-name {
    font-size: 30px;
}
.service-image.circle, .service-image.square {
    border-color: #83561c;
}

.service-name {
    color: #83561c;
}

.detail-price-dots {
    border-color: #e7e7e7;
}

.detail-desc-item, .service-desc {
    font-style: italic;
}

.service-btn {
    text-align: right;
}
/* Booking */
.policy-booking-phone {
    font-weight: normal;
    font-style: italic;
    font-size: 13px;
    line-height: 1.35;
}

/* Gallery */
#slider2_container {
    margin-bottom: 100px;
}

#slider2_container .jssort07 {
    overflow: hidden;
}
/*BEG: btn-back-to-top*/
#back-top {
    position: fixed;
    bottom: 15px;
    right: 30px;
    z-index: 1021;
}

#back-top a {
    width: 50px;
    height: 50px;
    background: #000;
    display: block;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
    opacity: 0.5;
    border-radius: 50%;
    text-align: center;
    color: #FFFFFF;
    line-height: 50px;
}

/*END: btn-back-to-top*/

/*BEG: home-slide*/
.sp-slide-content {
    display: table;
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
}

.sp-slide-text {
    display: table-cell;
    height: 100%;
    vertical-align: bottom;
}

.sp-slide-title-text {
    position: relative;
    font-size: 44px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.8;
    opacity: .9;
    color: #fff;
    text-align: left;
    padding-left: 10%;
    padding-bottom: 70px;
    text-shadow: 1px 1px 3px #000;
}

.sp-slide-description-text {
    margin-top: 0;
    position: relative;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    opacity: .75;

}

.sp-buttons {
    margin-top: -60px;
    padding-bottom: 29px;
}

.sp-button {
    border: 2px solid #fff;
    width: 8px;
    height: 8px;
}

.sp-selected-button {
    background-color: #fff;
}

.mb-50 {
    margin-bottom: 90px;
}

@media only screen and (max-width: 767px) {
    .sp-slide-title-text {
        font-size: 24px;
        padding-bottom: 40px;
        text-align: center;
        padding-left: 0;
    }

    .sp-buttons {
        margin-top: -40px;
        padding-bottom: 7px;
    }

    .mb-xs-30 {
        margin-bottom: 30px;
    }

    .mb-xs-20 {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 568px) and (min-width: 320px) {
    .sp-button {
        width: 10px;
        height: 10px;
    }
}

/*END: home-slide*/

/*BEG: home-slide-gallery*/
span.jssora11l {
    left: -10px !important;
}

span.jssora11r {
    right: -10px !important;
}

/*END: home-slide-gallery*/

/*BEG: css for Gallery-Html*/

.youtube-wrapper {
    left: 0;
    top: 0;
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
    max-height: 100%;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    position: relative;
}

.youtube-wrapper .youtube-inner {
    left: 0;
    top: 0;
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
    max-height: 100%;
    justify-content: center;
    align-items: center;
    position: absolute;
    display: flex;
}

.youtube-wrapper .youtube-inner iframe {
    left: 0;
    top: 0;
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
    max-height: 100%;
    justify-content: center;
    align-items: center;
    position: absolute;
    display: flex;
}

/*END: css for Gallery-Html*/

/*BEG: home-slide-evaluation*/
div#owl-demo2 .owl-nav {
    display: flex;
    justify-content: center;
    margin-top: 15px;
}

div#owl-demo2 .owl-nav > div.owl-prev {
    position: absolute;
    color: rgba(0, 0, 0, 0);
    width: 47px;
    height: 47px;
    top: 43%;
    left: -43px;
    background: url(/themes/w3ni272/assets/custom/images/icon-prev.png) no-repeat;
}

div#owl-demo2 .owl-nav > div.owl-next {
    position: absolute;
    color: rgba(0, 0, 0, 0);
    width: 47px;
    height: 47px;
    top: 43%;
    right: -43px;
    background: url(/themes/w3ni272/assets/custom/images/icon-next.png) no-repeat;
}

/*END: home-slide-evaluation*/

/*BEG: module_gallery*/
.m-category-tab {
    list-style-type: none;
    text-align: center;
    padding: 0;
    margin: 0 0 15px;
}

.m-category-tab li, .m-category-tab li.active, .m-category-tab li:hover {
    display: inline-block;
    width: max-content;
    padding: 5px 15px;
    cursor: pointer;
    margin: 5px;
    border-radius: 0;
    border: 1px solid #000;
}

.m-category-tab li {
    background-color: #fff;
    color: #000;
}

.m-category-tab li.active, .m-category-tab li:hover {
    background-color: #83561c;
    color: #fff;
}

.m-gallery-box-wrap .col-xs-6.col-sm-6.col-md-4 {
    aspect-ratio: 1.35 / 1; /* defining the aspect ratio of the image */
    object-fit: cover; /* making sure the image isn't distorted */
}

body.site-sub-page.site-gallery .list-gallery .col-md-3.col-xs-6 {

    aspect-ratio: 1.35 / 1; /* defining the aspect ratio of the image */
    object-fit: cover; /* making sure the image isn't distorted */
}

.pagination_v1 a {
    background-color: #fff;
    color: #000;
}

.pagination_v1 a:hover, .pagination_v1 li.active a, .pagination_v1 li.pagination_v1_icon a i:hover {
    background-color: #83561c;
    border: 1px solid #83561c;
    color: #fff;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #83561c;
    border-color: #83561c;
}

ul.m-category-tab a {
    color: #111;
}

ul.m-category-tab a:hover {
    color: #fff;
}

ul.m-category-tab li.active a {
    color: #fff;
}

/*BEG: btn-view-more*/
a.btn_view_more {
    background: #83561c;
    color: #fff;
    border-radius: 25px;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
    padding: 0 30px;
    transition: all 0.3s ease;
    font-weight: 700;
    display: inline-block;
    position: relative;
    border: 0;
}

/*END: btn-view-more*/

/*END: module_gallery*/

/*BEG: module_service*/
.right.service-image-wrap {
    margin: 0;
}

/*END: module_service*/

/*BEG: btn close popup*/
section#popupBookingConfirm {
    overflow: revert;
}

/*BEG: btn close popup*/

/*BEG: module_giftcards*/
.coupon_info {
    margin-top: 20px;
    text-align: center;
    padding: 5px;
}

a.hs-btn.btn_2.btn-light.giftcards-btn-add {
    background: #ccc;
    color: #fff;
    padding: 10px;
}

.giftcard-items {
    margin-bottom: 10px;
    position: relative;
}

.promotion_price {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 7px;
    background: red;
    color: #fff;
    font-size: 18px;
}

.custom-price-note, .gift-price-note, .gift-price-note p, p.small-sm.custom_price_note_container {
    color: #f00;
    font-size: 90%;
    margin-top: 0;
}

/*END: module_giftcards*/

/*BEG: modul_booking*/
section#boxBookingForm .group-select, #formBookingConfirm .group-select {
    float: left;
    width: 100%;
    margin-right: 30px;
}

section#boxBookingForm .group-select .fa-calendar {
    position: absolute;
    margin-top: 0px;
    right: 10px;
    top: 52px;
    font-size: 18px;
}

/*END: modul_booking*/

/*BEG: module_booking*/
.group_date {
    position: relative;
}

span.fa.fa-calendar.calendar {
    position: absolute;
    top: 10px;
    right: 10px;
}

p.title_appointment {
    font-weight: bold;
    font-size: 30px;
    margin: 0 15px 20px 15px;
    text-align: center;
    line-height: 30px;
}

.content-shop-booking {
    background: #f5f3f3;
    margin: 20px 0;
}

@media screen and (min-width: 768px) {
    .content-shop-booking {
        padding: 40px;
    }
}

select.form-control.list_service {
    height: 183px;
}

/***begin***/

select.s_error {
    border-color: #f00;
}

.form-tooltip-serror ul {
    margin: 0;
}

.form-tooltip-serror {
    background: #f95858;
    padding: 5px 8px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    position: absolute;
    right: 0;
    bottom: 100%;
    margin-bottom: 8px;
    max-width: 230px;
    font-size: 14px;
    line-height: 20px;
}

.form-tooltip-serror:before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    bottom: -4px;
    margin-left: -5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0;
    border-color: #f95858 transparent transparent
}

.form-group-checkbox .form-tooltip-serror {
    right: 100%;
    bottom: 0;
    margin-bottom: 0;
    margin-right: 10px;
    min-width: 150px
}

.form-group-checkbox .form-tooltip-serror:before {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    margin: 0 !important;
    left: auto;
    right: -7px;
    bottom: 9px
}

.form-label .form-tooltip-serror {
    position: relative;
    display: inline-block;
    margin: -4px 0 -4px 8px
}

.form-label .form-tooltip-serror:before {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    bottom: 50%;
    margin: 0 0 -2px !important;
    left: -7px
}

.form-tooltip-serror, .form-tooltip-serror * {
    color: #fff !important;
}

button.btn.btn-search.search_booking {
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    float: left;
    min-width: 100px;
    width: 100%;
    height: 40px;
    color: #fff;
    text-transform: uppercase;
    outline: none;
    background-color: #83561c;
    background-image: none;
    padding: 6px 12px;
    margin: 33px 0 0 0;
}

#open_booking {
    overflow: visible;
    padding: 0;
}

form#surveyForm .group-select {
    float: left;
    margin-right: 0;
    width: 50%;
    position: relative;
    margin-bottom: 15px;
}

form#surveyForm .group-select.box-date {
    float: left;
    margin-right: 0;
    width: 100%;
    position: relative;
    margin-bottom: 15px;
    padding-left: 10px;
}

.item-booking .group-select {
    padding-left: 10px;
}

@media (max-width: 575px) {
    .content-shop-booking {
        padding: 15px;
    }
    form#surveyForm .group-select {
        width: 100%;
    }

    .item-booking .group-select {
        padding-right: 0px;
    }
}

/*END: module_booking*/

/*BEG: footer*/
.bottom-footer, .bottom-footer .company, .bottom-footer, .bottom-footer .address, .bottom-footer, .bottom-footer .business {
    color: #707070;
    font-size: 14px;
}
/*END: footer*/
.youtube-wrapper {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.youtube-wrapper .youtube-inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}