@import url('font-awesome.css');
@import url('flaticon.css');
@import url('animate.css');
@import url('owl.css');
@import url('animation.css');
@import url('jquery-ui.css');
@import url('custom-animate.css');
@import url('jquery.fancybox.min.css');
@import url('jquery.bootstrap-touchspin.css');
@import url('jquery.mCustomScrollbar.min.css');

/*** 

====================================================================
	Reset
====================================================================

 ***/
 
* {
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
}

/*** 

====================================================================
	Global Settings
====================================================================

 ***/

body {
	 font-family: MyriadPro-Regular;
	font-size:14px;
	
	line-height:1.7em;
	font-weight:400;
	/*background:#171415;*/
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
}

.bordered-layout .page-wrapper{
	padding:0px 50px 0px;
}

a{
	text-decoration:none;
	cursor:pointer;
	color:#c19d60;
}

button,
a:hover,a:focus,a:visited{
	text-decoration:none;
	outline:none !important;
}

h1,h2,h3,h4,h5,h6 {
	position:relative;
	font-weight:normal;
	margin:0px;
	background:none;
	font-family: humnst777-cn-bt-bold;
}

input,button,select,textarea{
	
}

textarea{
	overflow:hidden;
}

p{
	position:relative;
	line-height:1.7em;
	
	font-size:16px;
	 font-family: MyriadPro-Regular;
}

.text{
	position:relative;
	line-height:1.7em;
	color:#999898;
	font-size:16px;
}

/* Typography */

h1{
	font-size:100px;
	line-height:1em;
}

h2{
	font-size:36px;
	font-weight:700;
	line-height:1.2em;
}

h3{
	font-size:30px;
	font-weight:700;
	line-height:1.2em;
}

h4{
	font-size:24px;
	font-weight:700;
	line-height:1.3em;
}

h5{
	font-size:20px;
	font-weight:700;
}

h6{
	font-size:18px;
	font-weight:700;
	line-height:1.6em;
}

.auto-container{
	position:static;
	    max-width: 1725px;
	padding:0px 15px;
	margin:0 auto;
	
}

.medium-container{
	max-width:850px;
}

.page-wrapper{
	position:relative;
	margin:0 auto;
	width:100%;
	min-width:300px;
}

ul,li{
	list-style:none;
	padding:0px;
	margin:0px;	
}

img{
	display:inline-block;
	max-width:100%;
}

.theme-btn{
	cursor:pointer;
	display:inline-block;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.centered{
	text-align:center;	
}

/***

====================================================================
	Scroll To Top style
====================================================================

***/

.scroll-to-top{
	position:fixed;
	bottom:15px;
	right:15px;
	width:40px;
	height:40px;
	color:#c19d60;
	font-size:13px;
	text-transform:uppercase;
	line-height:38px;
	text-align:center;
	z-index:100;
	cursor:pointer;
	background:#ffffff;
	display:none;
	border-radius:50px;
	box-shadow:0px 0px 10px rgba(0,0,0,0.15);
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.scroll-to-top:hover{
	color:#ffffff;
	background:#c19d60;
}

.scroll-to-top.style-two{
	color:#fd9d3e;
}

.scroll-to-top.style-two:hover{
	color:#ffffff;
	background-color:#fd9d3e;
}

/* List Style One */

.list-style-one{
	position:relative;
}

.list-style-one li{
	position:relative;
	color:#000000;
	font-size:16px;
	padding-left:30px;
	font-weight:700;
	line-height:1.6em;
	margin-bottom:10px;
}

.list-style-one li:before{
	position:absolute;
	content: "\f123";
	left:0px;
	top:2px;
	color:#c19d60;
	font-size:14px;
	font-family: "Flaticon";
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

/* List Style Two */

.list-style-two{
	position:relative;
}

.list-style-two li{
	position:relative;
	color:#111111;
	font-size:16px;
	padding-left:30px;
	font-weight:600;
	line-height:1.6em;
	margin-bottom:10px;
}

.list-style-two li:before{
	position:absolute;
	content: "\f187";
	left:0px;
	top:2px;
	color:#fd9d3e;
	font-size:14px;
	font-family: "Flaticon";
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.list-style-two li:last-child{
	margin-bottom:0px;
}

/* List Style Three */

.list-style-three{
	position:relative;
}

.list-style-three li{
	position:relative;
	color:#ffffff;
	font-size:16px;
	padding-left:30px;
	font-weight:400;
	line-height:1.6em;
	margin-bottom:10px;
	text-align:left;
}

.list-style-three li:before{
	position:absolute;
	content: "\f187";
	left:0px;
	top:2px;
	color:#fd9d3e;
	font-size:14px;
	font-family: "Flaticon";
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.list-style-three li:last-child{
	margin-bottom:0px;
}

/* List Style Four */

.list-style-four{
	position:relative;
}

.list-style-four li{
	position:relative;
	color:#ffffff;
	font-size:16px;
	padding-left:30px;
	font-weight:400;
	line-height:1.6em;
	margin-bottom:20px;
}

.list-style-four li .icon{
	position:absolute;
	left:0px;
	top:5px;
	color:#94592d;
	font-size:18px;
	line-height:1em;
	font-weight:300;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

/*Btn Style One*/

.btn-style-one{
	position: relative;
	display: inline-block;
	font-size: 18px;
	line-height: 30px;
	color: #ffffff;
	padding: 14px 36px;
	font-weight: 700;
	overflow: hidden;
	border-radius: 0px;
	overflow:hidden;
	background:none;
	border: 2px solid #f5f5f5;
	text-transform: capitalize;
	font-family: 'Lato', sans-serif;
}

.btn-style-one:before{
	position: absolute;
	content: '';
	left: 98%;
	top:0px;
	width:100%;
	height:100%;
	z-index: 1;
	opacity: 1;
	background-color: #072d80;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	transform: skewX(0deg);
}

.btn-style-one .txt{
	position:relative;
	z-index:1;
}

.btn-style-one:hover::before{
	left:0%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.btn-style-one:hover{
	color: #ffffff;
	border-color:#c19d60;
}

/* Btn Style Two */

.btn-style-two{
	position: relative;
	display: inline-block;
	font-size: 18px;
	line-height: 30px;
	color: #ffffff;
	padding: 12px 40px;
	font-weight: 700;
	overflow: hidden;
	border-radius: 0px;
	overflow:hidden;
	padding: 16px 36px;
	background-color: #c19d60;
	text-transform: capitalize;
	font-family: 'Lato', sans-serif;
}

.btn-style-two:before{
	position: absolute;
	content: '';
    left: 98%;
    top:0px;
	width:100%;
	height:100%;
    z-index: 1;
    opacity: 1;
    background-color: #ffffff;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.btn-style-two .txt{
	position:relative;
	z-index:1;
}

.btn-style-two:hover::before{
	left:0%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.btn-style-two:hover{
	color: #c19d60;
}

.btn-style-two.style-two{
	background-color:#fd9d3e;
}

.btn-style-two.style-two:hover{
	color:#ffffff;
}

.btn-style-two.style-two:before{
	background-color:#111111;
}

/* Btn Style Three */

.btn-style-three{
	position: relative;
	display: inline-block;
	font-size: 26px;
	line-height: 30px;
	color: #ffffff;
	padding: 12px 40px;
	font-weight: 700;
	overflow: hidden;
	border-radius: 0px;
	overflow:hidden;
	padding: 15px 38px;
	background-color: #04163D;
	text-transform: capitalize;
	font-family: 'Lato', sans-serif;
	width: 100%;
	border-radius: 36px;
	text-transform: uppercase;
}

.btn-style-three:before{
	position: absolute;
	content: '';
	left: 108%;
	top:0px;
	width:100%;
	height:100%;
	z-index: 1;
	opacity: 1;
	background-color: #111111;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.btn-style-three .txt{
	position:relative;
	z-index:1;
}

.btn-style-three:hover::before{
	left:0%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.btn-style-three:hover{
	color: #ffffff;
}

/* Btn Style Four */

.btn-style-four{
position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 30px;
    color: #ffffff;
    padding: 7px 24px;
    font-weight: 400;
    overflow: hidden;
    border-radius: 34px;
    overflow: hidden;
    letter-spacing: 1px;
    text-transform: capitalize;
    background-color: #de7338;
	
}

.btn-style-four:before{
	position: absolute;
	content: '';
    top: -2px;
    left: -2px;
    right:-2px;
	bottom:-2px;
    z-index: 1;
    opacity: 0;
    background-color: #ffffff;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: scale(0.2, 1);
    transform: scale(0.2, 1);
}

.btn-style-four .txt{
	position:relative;
	z-index:1;
}

.btn-style-four:hover::before{
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.btn-style-four:hover{
	color: #fd9d3e;
}

/* Btn Style Five */

.btn-style-five{
	position: relative;
	display: inline-block;
	font-size: 18px;
	line-height: 30px;
	color: #ffffff;
	padding: 12px 40px;
	font-weight: 700;
	overflow: hidden;
	border-radius: 0px;
	overflow:hidden;
	padding: 15px 38px;
	background-color: #fd9d3e;
	text-transform: capitalize;
	font-family: 'Lato', sans-serif;
}

.btn-style-five:before{
	position: absolute;
	content: '';
    left: 98%;
    top:0px;
	width:100%;
	height:100%;
    z-index: 1;
    opacity: 1;
    background-color: #ffffff;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.btn-style-five .txt{
	position:relative;
	z-index:1;
}

.btn-style-five:hover::before{
	left:0%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.btn-style-five:hover{
	color: #fd9d3e;
}

/* Btn Style Six */

.btn-style-six{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 700;
	overflow: hidden;
	background:none;
	border-radius:0px;
	padding: 12px 36px;
	text-transform: capitalize;
	background-color:#000000;
}

.btn-style-six:before{
	position: absolute;
	content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: scale(0.2, 1);
    transform: scale(0.2, 1);
	background-color:#94592d;
}

.btn-style-six .txt{
	position:relative;
	z-index:1;
}

.btn-style-six:hover::before{
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.btn-style-six:hover{
	color: #ffffff;
}

/* Btn Style Seven */

.btn-style-seven{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 700;
	overflow: hidden;
	background:none;
	border-radius:0px;
	padding: 12px 36px;
	text-transform: capitalize;
	border-left:2px solid #94592d;
	border-right:2px solid #94592d;
	background-color:rgba(255,255,255,0.20);
}

.btn-style-seven:before{
	position: absolute;
	content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: scale(0.2, 1);
    transform: scale(0.2, 1);
	background-color:#94592d;
}

.btn-style-seven .txt{
	position:relative;
	z-index:1;
}

.btn-style-seven:hover::before{
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.btn-style-seven:hover{
	color: #ffffff;
}

/* Btn Style Eight */

.btn-style-eight{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 700;
	overflow: hidden;
	background:none;
	border-radius:0px;
	padding: 12px 36px;
	text-transform: capitalize;
	background-color:#94592d;
}

.btn-style-eight:before{
	position: absolute;
	content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: scale(0.2, 1);
    transform: scale(0.2, 1);
	background-color:#ffffff;
}

.btn-style-eight .txt{
	position:relative;
	z-index:1;
}

.btn-style-eight:hover::before{
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.btn-style-eight:hover{
	color: #94592d;
}

/* Btn Style Nine */

.btn-style-nine{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 700;
	overflow: hidden;
	background:none;
	border-radius:0px;
	padding: 12px 36px;
	text-transform: capitalize;
	border-left:2px solid #ffffff;
	border-right:2px solid #ffffff;
	background-color:rgba(255,255,255,0.20);
}

.btn-style-nine:before{
	position: absolute;
	content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: scale(0.2, 1);
    transform: scale(0.2, 1);
	background-color:#ffffff;
}

.btn-style-nine .txt{
	position:relative;
	z-index:1;
}

.btn-style-nine:hover::before{
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.btn-style-nine:hover{
	color: #111111;
}

/* Social Icon One */

.social-icon-one{
	position: relative;
	display: block;
}

.social-icon-one .title{
	position: relative;
	font-size: 20px;
	line-height: 26px;
	color: #ffffff;
	font-weight: 700;
	margin-right: 15px;
}

.social-icon-one li{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 24px;
	color: #ffffff;
	margin-right: 22px;
}

.social-icon-one li:last-child{
	margin-right: 0;
}

.social-icon-one li a{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 24px;
	color: #ffffff;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.social-icon-one li a:hover{
	color: #c19d60;
}

.theme_color{
	color:#c19d60;
}

.preloader{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:999999; background-color:#ffffff; background-position:center center; background-repeat:no-repeat; background-image:url(../images/icons/preloader.svg); background-size:140px; }

img{
	display:inline-block;
	max-width:100%;
	height:auto;	
}

/*** 

====================================================================
	Section Title
====================================================================

***/

.sec-title{
	position:relative;
	margin-bottom:40px;
}

.sec-title .title{
	position: relative;
    color: #de7338;
    font-size: 20px;
    font-weight: 900;
    padding-right: 57px;
    display: inline-block;
    text-transform: capitalize;
  
}

.sec-title .title:before{
	position:absolute;
	content:'';
	right:0px;
	bottom:10px;
	height:1px;
	width:45px;
background-color: #d4d4d3;
}

.sec-title.centered .title{
	padding-left:55px;
}

.sec-title.centered .title:after{
	position:absolute;
	content:'';
	left:0px;
	bottom:10px;
	height:1px;
	width:45px;
	background-color: #d4d4d3;
}

.sec-title h2{
    position: relative;
    color: #04163D;
    font-weight: 700;
    line-height: 1.3em;
    margin-top: 0px;
    margin-bottom: 12px;
    font: normal normal bold 40px/48px Lato;
    text-transform: uppercase;
}

.sec-title .text{
	position: relative;
    color:#777777;
    font-weight: 400;
    line-height: 1.7em;
	margin-top:16px;
	font-size:18px;
}

.sec-title.light .text,
.sec-title.light .title,
.sec-title.light h2{
	color:#ffffff;
}

.sec-title.centered{
	text-align: center !important;
}

.sec-title.style-two .title{
	color:#fd9d3e;
	padding-right:0px;
}

.sec-title.style-two.centered .title:after,
.sec-title.style-two .title:before{
	display:none;
}

.sec-title.style-two.centered .title{
	padding-left:0px;
}

/*** 

====================================================================
	Section Title Two
====================================================================

***/

.sec-title-two{
	position:relative;
	margin-bottom:40px;
}

.sec-title-two .title{
	position:relative;
	color:#94592d;
	font-size:24px;
	font-weight:400;
	display:inline-block;
	text-transform:capitalize;
	font-family: 'Kaushan Script', cursive;
}

.sec-title-two h2{
    color:#000000;
    line-height: 1.3em;
	margin-top:10px;
}

.sec-title-two .text{
	position: relative;
    color:#777777;
    font-weight: 400;
    line-height: 1.7em;
	margin-top:16px;
	font-size:18px;
}

.sec-title-two .separator{
	position:relative;
	width:114px;
	height:30px;
	margin-top:18px;
	background:url(../images/icons/separater.png) no-repeat;
}

.sec-title-two .separator.style-two{
	background:url(../images/icons/separater-1.png) no-repeat;
}

.sec-title-two.light .text,
.sec-title-two.light .title,
.sec-title-two.light h2{
	color:#ffffff;
}

.sec-title-two.centered{
	text-align: center !important;
}

.sec-title-two.centered .separator{
	margin:0 auto;
	margin-top:18px;
}

/*** 

====================================================================
	Main Header style
====================================================================

***/

.main-header{
	position:relative;
	z-index:99;
	width:100%;
}

/* Header Top */

.main-header .header-top{
	position:relative;
	background-color:#111111;
}

.main-header .header-top .outer-container{
	position:relative;
	padding:0px 60px;
}

.main-header .header-top .top-right{
	position: relative;
	float:right;
	padding:13px 0px;
}

.main-header .header-top .info-list{
	position:relative;
}

.main-header .header-top .info-list li{
	position: relative;
	color:#999898;
	font-size:16px;
	margin-right:30px;
	display:inline-block;
}

.main-header .header-top .info-list li:last-child{
	margin-right:0px;
}

.main-header .header-top .info-list li .icon{
	position:absolute;
	left:0px;
	top:-2px;
	color:#c19d5f;
	font-size:16px;
}

.main-header .header-top .info-list li a{
	position: relative;
	color:#999898;
	font-size:14px;
	padding-left:28px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-header .header-top .info-list li a:hover{
	color:#ffffff;
}

.main-header .header-top .top-left{
	position: relative;
	float:left;
	padding:10px 0px;
}

.main-header .header-top .top-left .social-box{
	position: relative;
}

.main-header .header-top .top-left .social-box .follow{
	position: relative;
	color:#ffffff;
	font-size:16px;
	margin-right:10px;
	display:inline-block;
}

.main-header .header-top .top-left .social-box li{
	position: relative;
	margin-left:7px;
	display:inline-block;
}

.main-header .header-top .top-left .social-box li a{
	position: relative;
	color:#c19d60;
	font-size:16px;
	width:30px;
	height:30px;
	text-align:center;
	line-height:28px;
	display:inline-block;
	border:1px solid #c19d60;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-header .header-top .top-left .social-box li a:hover{
	color:#ffffff;
	border-color:#c19d5f;
	background-color:#c19d5f;
}

/* Header Top Two */

.main-header .header-top-two{
	position:relative;
	background-color:#111111;
}

.main-header .header-top-two .top-left{
	position: relative;
	float:left;
	padding:13px 0px;
}

.main-header .header-top-two .info-list{
	position:relative;
}

.main-header .header-top-two .info-list li{
	position: relative;
	color:#ffffff;
	font-size:16px;
	margin-right:30px;
	display:inline-block;
}

.main-header .header-top-two .info-list li:last-child{
	margin-right:0px;
}

.main-header .header-top-two .info-list li .icon{
	position:absolute;
	left:0px;
	top:0px;
	color:#ffffff;
}

.main-header .header-top-two .info-list li a{
	position: relative;
	color:#ffffff;
	padding-left:28px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-header .header-top-two .info-list li a:hover{
	color:#ffffff;
}

.main-header .header-top-two .top-right{
	position: relative;
	float:right;
	padding:13px 0px;
}

.main-header .header-top-two .top-right .links-nav{
	position:relative;
}

.main-header .header-top-two .top-right .links-nav li{
	position:relative;
	color:#ffffff;
	line-height:1em;
	margin-right:15px;
	padding-right:15px;
	display:inline-block;
	border-right:1px solid #ffffff;
}

.main-header .header-top-two .top-right .links-nav li a{
	position:relative;
	color:#ffffff;
	font-size:16px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-header .header-top-two .top-right .links-nav li:last-child{
	margin-right:0px;
	padding-right:0px;
	border-right:0px;
}

.main-header .header-top-two .top-right .links-nav li a:hover{
	color:#94592d;
}

.main-header .main-box{
	position:relative;
	padding:0px 0px;
	left:0px;
	top:0px;
	width:100%;
	background:none;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-header .main-box .outer-container{
	position:relative;
	padding:0px 40px;
}

.main-header .main-box .logo-box{
	position:relative;
	float:left;
	left:0px;
	z-index:10;
	padding:30px 0px;
}

.main-header .main-box .logo-box .logo img{
	display:inline-block;
	max-width:100%;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;	
}

.main-header .header-upper{
	position: fixed;
    background-color: #ffffff;
    width: 100%;
}

.main-header .header-upper .outer-container{
	position:relative;
	padding:0px 60px;
}

.main-header .header-upper .upper-right{
	position:relative;
	padding-top:32px;
}

.main-header .info-box{
	position:relative;
	float:left;
	z-index:1;
	min-height:56px;
	margin-left:50px;
	font-size:15px;
	color:#777777;
	text-align:left;
	padding:0px 0px 10px 65px;
}

.main-header .info-box .icon-box{
	position:absolute;
	left:0px;
	top:3px;
	width:50px;
	height:50px;
	color:#ffffff;
	font-size:26px;
	line-height:50px;
	text-align:center;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
	background-color:#000000;
	border-left:1px solid #94592d;
	border-right:1px solid #94592d;
}

.main-header .info-box ul li{
	position:relative;
	line-height:20px;
	color:#132144;
	font-size:16px;
	margin-bottom:8px;
	font-weight:400;
	text-transform:capitalize;
}

.main-header .info-box strong{
	position:relative;
	font-weight:600;
	color:#000000;
	font-size:22px;
	text-transform:capitalize;
	font-family: 'Playfair Display', serif;
}

.main-header .info-box:last-child{
	padding-left:0px;
	margin-left:20px;
}

.main-header .info-box:hover .icon-box{
	background-color:#94592d;
}

.main-header .header-upper .inner-container{
	position:relative;
}

.main-header .nav-outer{
	position:relative;
	float:right;
}

.main-header .header-upper .logo-box{
	position: relative;
	padding:8px 0px 12px;
}

.main-header .header-upper .logo-box .logo{
	position:relative;
	padding-top: 24px;
}

.main-header .outer-box{
	position: relative;
	float:left;
	margin-left:30px;
	padding: 31px 0px;
}

.main-header .cart-box{
	position:relative;
	float:left;
	color:#c19d60;
	font-size:16px;
	background:none;
	display:inline-block;
	margin-left: 25px;
}

.main-header .cart-box .cart-box-btn{
	color:#ffffff;
	cursor: pointer;
	font-size: 15px;
	line-height:50px;
	text-align:center;
	display:inline-block;
	background-color:#c19d60;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
}

.main-header .cart-box .cart-box-btn:after{
	display:none;
}

.main-header .cart-box .cart-box-btn .total-cart{
	position: absolute;
    right: -14px;
    top: 5px;
    width: 16px;
    height: 16px;
    color: #ffffff;
    font-weight: 700;
    font-size: 9px;
    border-radius: 50%;
    text-align: center;
    line-height: 16px;
    background-color: #de7338;
}

.main-header .cart-box .cart-box-btn:hover{
	
}

.main-header .cart-product{
	position:relative;
	margin-bottom:18px;
	min-height:90px;
	border-bottom:1px solid #e4e4e4;
}

.main-header .cart-product .inner{
	position:relative;
	padding-left:90px;
	min-height:70px;
}

.main-header .cart-product .inner .cross-icon{
	position:absolute;
	right:0px;
	top:-2px;
	z-index:1;
	color:#263120;
	font-size:16px;
	cursor:pointer;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-header .cart-product .inner .cross-icon:hover{
	color:#c19d60;
}

.main-header .cart-product .inner .image{
	position:absolute;
	width:70px;
	height:70px;
	left:0px;
	top:0px;
}

.main-header .cart-product .inner h3{
	position:relative;
	font-weight:600;
	font-size:15px;
	margin:0px;
	letter-spacing: 1px;
	text-transform:capitalize;
}

.main-header .cart-product .inner h3 a{
	color:#222222;
	font-family: 'Lato', sans-serif;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
}

.main-header .cart-product .inner h3 a:hover{
	color:#c19d60;
}

.main-header .cart-product .inner .quantity-text{
	position:relative;
	font-weight:300;
	color:#666666;
	font-size: 13px;
	margin-bottom: 0px;
	line-height:1em;
	margin-top:8px;
}

.main-header .cart-product .inner .price{
	position:relative;
	font-weight:700;
	font-size:16px;
	margin:0px;
	color:#222222;
	line-height:1em;
	margin-top:10px;
}

.main-header .cart-box .cart-panel{
	left: auto !important;
	right: 0px !important;
	border-radius:20px;
	padding:20px 20px;
	min-width:300px;
	margin-top:89px;
	z-index: -1;
	box-shadow: 0px 0px 25px rgba(0,0,0,0.15);
	border:3px solid #c19d60;
	-webkit-transform: translate3d(0px, 0px, 0px) !important;
	transform: translate3d(0px, 0px, 0px) !important;
}

.main-header .cart-box .cart-panel .cart-total{
	color:#000000;
	font-size:15px;
	font-weight:400;
	line-height:1em;
	text-align:center;
	text-transform:capitalize;
}

.main-header .cart-box .cart-panel .cart-total span{
	font-weight:800;
	font-size:18px;
}

.main-header .cart-box .cart-panel .btns-boxed{
	position:relative;
	text-align:center;
	margin-top:20px;
}

.main-header .cart-box .cart-panel .btns-boxed li{
	position:relative;
	margin:0px 5px;
	display:inline-block;
}

.main-header .cart-box .cart-panel .btns-boxed li a{
	position:relative;
	color:#ffffff;
	font-weight:500;
	font-size:12px;
	padding:10px 20px 8px;
	border-radius: 2px;
	line-height:20px;
	display:inline-block;
	background-color:#c19d60;
	border:1px solid #c19d60;
	text-transform:uppercase;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
}

.main-header .cart-box .cart-panel .btns-boxed li a:hover{
	color:#c19d60;
	background:none;
}

.main-header .cart-box .icon a{
	color:#999999;
}

/* Search Box Outer */

.main-header .search-box-outer{
	position:relative;
	float:left;
}

.main-header .search-box-btn{
	position:relative;
	top: 0px;
	display:block;
	float:left;
	font-size:25px;
	color:#222222;
	cursor:pointer;
	margin-top:14px;
	background:none;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-header .search-box-btn:after{
	display:none;
}

.main-header .search-box-outer .dropdown-menu{
	top:49px !important;
	right:0px;
	padding:0px;
	width:280px;	
	left: auto !important;
	border-radius:0px;
	border-top:3px solid #c19d60;
	-webkit-transform: translate3d(0px, 0px, 0px) !important;
	transform: translate3d(0px, 0px, 0px) !important;
}

.main-header .btn-box{
	position:relative;
	float:left;
	margin-left:30px;
}

.main-header .header-upper .delivery-box{
	position:relative;
	float:left;
	margin-left:35px;
	padding:0px 0px;
}

.main-header .header-upper .delivery-box .box-inner{
	position:relative;
	padding-left:65px;
	color:#999898;
	font-size:14px;
}

.main-header .header-upper .delivery-box .box-inner .icon{
	position:absolute;
	left:0px;
	top:0px;
	color:#c19d5f;
	line-height:1em;
	font-size:56px;
}

.main-header .header-upper .delivery-box .box-inner a{
	position:relative;
	color:#000000;
	font-size:24px;
	font-weight:700;
	margin-top:8px;
	display:inline-block;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
}

.main-header .header-upper .delivery-box .box-inner a:hover{
	color:#c19d60;
}

/* Header Lower */

.main-header .header-lower .search-box{
	float:right;
}

.main-header .header-lower .search-box .form-group{
	position:relative;
	margin:0px;
	top:-1px;
}

.main-header .header-lower .search-box .form-group input[type="text"],
.main-header .header-lower .search-box .form-group input[type="search"]{
	position:relative;
	line-height:28px;
	padding:10px 50px 10px 25px;
	background:none;
	display:block;
	font-size:14px;
	width:200px;
	height:74px;
	color:#222222;
	font-weight:400;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	background-color:#ffffff;
	border-radius:0px 50px 50px 0px;
}

.main-header .header-lower .search-box .form-group button{
	position:absolute;
	right:0px;
	top:0px;
	height:74px;
	width:45px;
	font-size:14px;
	color:#000048;
	line-height:100%;
	background:none;
	display:inline-block;
	font-weight:normal;
	text-align:left;
	cursor:pointer;
}

/* Main Menu */

.main-menu{
    position: relative;
    float: left;
    padding-right: 60px;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
    height: 32px;
    top: 25px;
}

.main-menu .navbar-collapse{
	padding:0px;
	float: left;
	display:block !important;
}

.main-menu .navigation{
	position:relative;
	margin:0px;
	    margin-top: 2px;
}

.main-menu .navigation > li{
	position:relative;
	float:left;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-menu .navigation > li:last-child{
	margin-right:0px;
}


.sticky-header .main-menu .navigation > li > a{
	color: #ffffff !important;
}

.sticky-header .main-menu .navigation > li:hover > a,
.sticky-header .main-menu .navigation > li.current > a{
	color:#c19d60;
	background-color:inherit !important;
}

.sticky-header .nav-outer .options-box{
	margin-top:45px;
}

/*Sticky Header*/

.sticky-header{
	position:fixed;
	opacity:0;
	visibility:hidden;
	left:0px;
	top:0px;
	width:100%;
	padding:0px 0px;
	background: #000000;
	z-index:0;
	border-bottom: none;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.sticky-header .logo{
	padding: 12px 0px 8px;
}

.fixed-header .sticky-header{
	z-index:999;
	opacity:1;
	visibility:visible;
	-ms-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-op-animation-name: fadeInDown;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	-ms-animation-duration: 500ms;
	-moz-animation-duration: 500ms;
	-op-animation-duration: 500ms;
	-webkit-animation-duration: 500ms;
	animation-duration: 500ms;
	-ms-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-op-animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-ms-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-op-animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;	
}

.main-menu .navigation > li > a{
	position:relative;
	display:block;
	color:#000000;
	text-align:center;
	line-height:30px;
	/* text-transform: capitalize; */
	letter-spacing:0px;
	opacity:1;
	font-weight:300;
	padding: 5px 10px;
	font-size:15px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	font-family: 'Lato', sans-serif;
}

.sticky-header .main-menu .navigation > li{
	position:relative;
	margin-left:30px;
	margin-right:0px;
}

.sticky-header .main-menu .navigation > li:before,
.sticky-header .main-menu .navigation > li:after{
	
}

.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a{
	opacity:1;
	color:#c19d60;
	background-color:#2E2E2E;
	border-radius":30px;
	
}

.main-menu .navigation > li > ul{
	position:absolute;
	left:-30px;
	top:100%;
	width:230px;
	z-index:100;
	display:none;
	opacity: 0;
    visibility: hidden;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
	padding:20px 15px;
	border-radius:0px;
	background-color: #ffffff;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.10);
}

.main-menu .navigation > li > ul.from-right{
	left:auto;
	right:0px;	
}

.main-menu .navigation > li > ul > li{
	position:relative;
	width:100%;
	border-bottom:1px solid #f9f9f9;
}

.main-menu .navigation > li > ul > li:last-child{
	border-bottom:none;
}

.main-menu .navigation > li > ul > li > a{
	position:relative;
	display:block;
	padding:10px 18px;
	line-height:24px;
	font-weight:600;
	font-size:16px;
	text-transform:capitalize;
	color:#000000;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	/*font-family: 'Playfair Display', serif;*/
}

.sticky-header .main-menu .navigation > li > a{
	padding:19px 0px;
}

.main-menu .navigation > li > ul > li > a:before{
	position:absolute;
	content:'//';
	left:10px;
	top:8px;
	opacity:0;
	color:#c19d60;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li:hover > a::before{
	opacity:1;
}

.sticky-header .main-menu .navigation > li > a:before{
	top:18px !important;
}

.main-menu .navigation > li > ul > li:hover > a{
	color: #565450;
	padding-left:30px;
}

.main-menu .navigation > li > ul > li.dropdown > a:after{
	font-family: 'FontAwesome';
	content: "\f105";
	position:absolute;
	right:15px;
	top:13px;
	width:10px;
	height:20px;
	display:block;
	color:#253d4a;
	line-height:20px;
	font-size:16px;
	font-weight:normal;
	text-align:center;
	z-index:5;	
}

.main-menu .navigation > li > ul > li.dropdown:hover > a:after{
	color:#222222;
}

.main-menu .navigation > li > ul > li > ul{
	position:absolute;
	left:120%;
	top:0%;
	width:230px;
	z-index:100;
	display:none;
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
	padding:20px 15px;
	border-radius:0px;
	background-color: #ffffff;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.10);
}

.main-menu .navigation > li > ul > li > ul.from-right{
	left:auto;
	right:0px;	
}

.main-menu .navigation > li > ul > li > ul > li{
	position:relative;
	width:100%;
	border-bottom:1px solid #f9f9f9;
}

.main-menu .navigation > li > ul > li > ul > li:last-child{
	border-bottom:none;	
}

.main-menu .navigation > li > ul > li > ul > li > a{
	position:relative;
	display:block;
	padding:10px 18px;
	line-height:24px;
	font-weight:600;
	font-size:16px;
	text-transform:capitalize;
	color:#000000;
	padding-left:10px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	/*font-family: 'Playfair Display', serif;*/
}

.main-menu .navigation > li > ul > li > ul > li:hover > a{
	color:#c19d60;
}

.main-menu .navigation > li > ul > li > ul > li > a:before{
	position:absolute;
	content:'//';
	left:10px;
	top:8px;
	opacity:0;
	color:#c19d60;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li > ul > li:hover > a::before{
	opacity:1;
}

.main-menu .navigation > li > ul > li > ul > li:hover > a{
	color:#c19d60;
	padding-left:30px;
}

.main-menu .navigation > li.dropdown:hover > ul{
	visibility:visible;
	opacity:1;
	left:0px;
	-moz-transform: rotateX(0deg);
	-webkit-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
    transform: rotateX(0deg);
}

.main-menu .navigation li > ul > li.dropdown:hover > ul{
	visibility:visible;
	opacity:1;
	top:0;
	left:100%;
	-moz-transform: rotateX(0deg);
	-webkit-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	transform: rotateX(0deg);
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;	
}

.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
	position:absolute;
	right:10px;
	top:6px;
	width:30px;
	height:30px;
	text-align:center;
	color:#ffffff;
	line-height:28px;
	border:1px solid #ffffff;
	background-size:20px;
	cursor:pointer;
	z-index:5;
	display:none;
}

.main-header .search-box{
	position:relative;
	float:left;
	width:160px;
	padding:33px 0px;
}

.main-header .search-box .form-group{
	position:relative;
	margin:0px;	
}

.main-header .search-box .form-group input[type="text"],
.main-header .search-box .form-group input[type="search"]{
	position:relative;
	line-height:38px;
	padding:10px 50px 10px 20px;
	background:none;
	display:block;
	font-size:14px;
	width:100%;
	height:30px;
	color:#ffffff;
	border-radius:0px;
	font-weight:600;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	border-left:1px solid #c19d60;
}

.main-header .search-box .form-group textarea::-webkit-input-placeholder,
.main-header .search-box .form-group input::-webkit-input-placeholder{
	color:#ffffff;
}

.main-header .search-box .form-group button{
	position:absolute;
	right:0px;
	top:8px;
	display:block;
	font-size:16px;
	color:#ffffff;
	cursor:pointer;
	line-height:100%;
	font-weight:normal;
	background:none;
}

/* Header Style Two */

.main-header.header-style-two{
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	background-color:rgba(0,0,0,0.50);
}

.main-header.header-style-two .main-menu .navigation > li > a{
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 30px;
    color: #ffffff;
    padding: 2px 22px;
    font-weight: 400;
    overflow: hidden;
    border-radius: 34px;
    overflow: hidden;
    letter-spacing: 1px;
    /* text-transform: capitalize; */
}

.main-header.header-style-two .header-upper{
	    background: #000;
}

.main-header.header-style-two .outer-box{
	padding: 14px 0px 25px;
}

.main-header.header-style-two .search-box-btn{
	color: #ffffff;
	margin-right: 2px;
	font-size: 15px;
	line-height:48px;
	text-align:center;
	margin-left:15px;
	margin-top:0px;
	/* border:1px solid #fd9d3e; */
	display: none;
}

.main-header.header-style-two .sticky-header .cart-box .cart-box-btn,
.main-header.header-style-two .sticky-header .search-box-btn{
	color:#fd9d3e !important;
}

.main-header.header-style-two .login-box{
	
font-size: 15px;
	
margin-left:15px;
	
line-height:48px;
	
text-align:center;
	
margin-top:0px;
	
margin-right: 2px;
	
transition:all 500ms ease;
	
-moz-transition:all 500ms ease;
	
-webkit-transition:all 500ms ease;
	
-ms-transition:all 500ms ease;
	
-o-transition:all 500ms ease;
	
display: none;
}

.main-header.header-style-two .login-box a{
	color: #ffffff;
	display:block;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-header.header-style-two .cart-box{
	color:#fd9d3e;

	margin-left:15px;
	font-size:22px;
	line-height:48px;
	text-align:center;
	/* border:1px solid #fd9d3e; */
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-header.header-style-two .cart-box .cart-box-btn{
	color: #ffffff;
	background:none;
}

.main-header.header-style-two .login-box:hover a,
.main-header.header-style-two .cart-box .cart-box-btn:hover{
	color:#ffffff;
}

.main-header.header-style-two .search-box-btn:hover,
.main-header.header-style-two .login-box:hover,
.main-header.header-style-two .cart-box:hover{
	color:#ffffff !important;
    background-color: transparent;
}

.main-header.header-style-two .sticky-header .cart-box:hover .cart-box-btn{
	color:#ffffff !important;
}

.main-header.header-style-two .cart-box .cart-panel{
	margin-top:90px;
	border-color:#fd9d3e;
}

.main-header.header-style-two .cart-product .inner h3 a:hover,
.main-header.header-style-two .cart-product .inner .cross-icon:hover{
	color:#fd9d3e;
}

.main-header.header-style-two .cart-box .cart-panel .btns-boxed li a:hover{
	color:#fd9d3e;
}

.main-header.header-style-two .cart-box .cart-panel .btns-boxed li a{
	border-color:#fd9d3e;
	background-color:#fd9d3e;
}

.main-header.header-style-two .sticky-header .outer-box{
	padding:0px 0px;
	margin-top:-1px;
}

.main-header.header-style-three .header-lower{
	position:absolute;
	left:0px;
	bottom:0px;
	top:100%;
	right:0px;
}

.main-header.header-style-three .header-lower:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	height:40px;
	background-color:#ffffff;
}

.main-header.header-style-three .header-lower .nav-outer{
	width:100%;
	padding-left:30px;
	padding-right:30px;
	background-color:#000000;
}

.main-header.header-style-three .header-lower .outer-box{
	float:right;
	padding:15px 0px;
}

.main-header.header-style-three .login-box a{
	color:#ffffff;
}

.main-header.header-style-three .main-menu .navigation > li{
	margin-right:32px;
}

.header-style-three .sticky-header .main-menu .navigation > li{
	margin-left:0px;
	margin-right:25px;
}

.main-header.header-style-three .main-menu .navigation > li > a{
	padding:25px 0px;
	color:#ffffff;
}

.main-header.header-style-three .login-box{
	margin-top:15px;
}

.main-header.header-style-three .cart-box .cart-box-btn{
	width:50px;
	height:50px;
	color:#ffffff;
	text-align:center;
	background-color:#94592d;
}

.main-header.header-style-three .cart-box .cart-box-btn .total-cart{
	color:#111111;
	background-color:#ffffff;
}

.main-header.header-style-three .header-lower .grid-box{
	position:relative;
	float:left;
}

.main-header.header-style-three .header-lower .grid-box a{
	position:relative;
	color:#ffffff;
	width:50px;
	height:50px;
	font-size:24px;
	text-align:right;
	line-height:54px;
	display:inline-block;
}

.main-header.header-style-three .sticky-header .outer-box{
	padding:17px 0px 13px;
}

.main-header.header-style-three .sticky-header .cart-box .cart-box-btn{
	color:#ffffff !important;
}

.main-header.header-style-three .sticky-header .outer-box .cart-box{
	margin-top:0px;
}

.main-header.header-style-three .sticky-header .login-box a{
	color:#111111;
}

/*** 

====================================================================
	Hidden Sidebar style
====================================================================

***/

.hidden-bar{
	position: fixed;
	top: 0;
	width: 305px;
	height: 100%;
	background: #272727;
	z-index: 9999;
	transition: all 700ms ease;
	-webkit-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	-moz-transition: all 700ms ease;
}

.hidden-bar .mCSB_inside > .mCSB_container{
	margin-right:0px;	
}

.hidden-bar.right-align {
	right: -400px;
}

.hidden-bar.right-align.visible-sidebar{
	right:0px;	
}

.hidden-bar.left-align {
	left: 0px;
}

.hidden-bar .hidden-bar-closer {
	position: absolute;
	top: 10px;
	right:15px;
	background: none;
	color: #ffffff;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	z-index: 999999;
}

.hidden-bar .hidden-bar-closer:hover {
	color: #414857;
}

.hidden-bar .hidden-bar-closer:hover .btn {
	color: #ffffff;
}

.hidden-bar .hidden-bar-closer .btn {
	background-color: transparent;
	border: none;
	color:#ffffff;
	outline: none;
	font-size: 14px;
}

.hidden-bar .social-icons {
	text-align: center;
	margin: 50px 0px 30px;
}

.hidden-bar .social-icons ul {
	font-size: 0;
	margin-left: -5px;
	margin-right: -5px;
}

.hidden-bar .social-icons ul li {
	display: inline-block;
	padding: 0 5px;
}

.hidden-bar .social-icons ul li a {
	display: block;
	width: 36px;
	height: 36px;
	font-size: 16px;
	line-height: 36px;
	text-align: center;
	background: #414857;
	color: #ffffff;
	border-radius: 5px;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.hidden-bar .social-icons ul li a:hover {
	background: #ffffff;
	color:#414857;
}

.hidden-bar .logo {
	padding:40px 30px;
}

.hidden-bar .logo img{
	display:inline-block;
	max-width:100%;	
}

.hidden-bar .side-menu {
	background-color: transparent;
	padding: 0;
	font-size:13px;
	letter-spacing:1px;
}

.hidden-bar .side-menu ul li ul a {
	background: transparent;
}

.hidden-bar .side-menu ul li ul li ul li a {
	background: transparent;
}

.hidden-bar .side-menu a.current {
	color: #ffffff;
}

.hidden-bar .side-menu ul li a {
	background: transparent;
	color: #ffffff;
	display: block;
	font-size:14px;
	font-weight: 400;
	text-transform: capitalize;
	border-top: 1px solid rgba(255,255,255,0.30);
	border-bottom: 1px solid rgba(255,255,255,0.30);
	padding: 10px 15px 10px 20px;
	position: relative;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.hidden-bar .side-menu ul li a:hover,
.hidden-bar .side-menu ul > li.current > a,
.hidden-bar .side-menu ul > li > ul > li.current > a {
	background: rgba(255,255,255,0.10);
	color: #ffffff;
}

.hidden-bar .side-menu ul li a .btn.expander {
	background: none;
	color: #ffffff;
	border: 1px solid rgba(255,255,255,0.80);
	padding: 5px 10px;
	font-size: 14px;
	border-radius: 0px;
	position: absolute;
	top: 6px;
	right: 20px;
	width:32px;
	height:32px;
	outline: none;
}

/*** 

====================================================================
			Mobile Menu
====================================================================

***/

.nav-outer .mobile-nav-toggler{
	position: relative;
	float: right;
	font-size: 36px;
	line-height: 50px;
	cursor: pointer;
	color:#000000;
	display: none;
}

.mobile-menu{
	position: fixed;
	right: 0;
	top: 0;
	width: 300px;
	padding-right:30px;
	max-width:100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	z-index: 999999;
}

.mobile-menu .nav-logo{
	position:relative;
	padding:20px 20px;
	text-align:left;	
}

.mobile-menu .nav-logo img{
	max-width:200px;
}

.mobile-menu-visible{
	overflow: hidden;
}

.mobile-menu-visible .mobile-menu{
	opacity: 1;
	visibility: visible;
}

.mobile-menu .menu-backdrop{
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: rgba(0,0,0,0.90);
	-webkit-transform: translateX(101%);
	-ms-transform: translateX(101%);
	transform: translateX(101%);
}

.mobile-menu-visible .mobile-menu .menu-backdrop{
	opacity: 1;
	visibility: visible;
	-webkit-transition:all 0.7s ease;
	-moz-transition:all 0.7s ease;
	-ms-transition:all 0.7s ease;
	-o-transition:all 0.7s ease;
	transition:all 0.7s ease;
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}

.mobile-menu .menu-box{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	max-height: 100%;
	overflow-y: auto;
	background: #000000;
	padding: 0px 0px;
	z-index: 5;
	opacity: 0;
	visibility: hidden;
	border-radius: 0px;
	-webkit-transform: translateX(101%);
	-ms-transform: translateX(101%);
	transform: translateX(101%);
}

.mobile-menu-visible .mobile-menu .menu-box{
	opacity: 1;
	visibility: visible;
	-webkit-transition:all 0.7s ease 500ms;
	-moz-transition:all 0.7s ease 500ms;
	-ms-transition:all 0.7s ease 500ms;
	-o-transition:all 0.7s ease 500ms;
	transition:all 0.7s ease 500ms;
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}

.mobile-menu .close-btn{
	position: absolute;
	right: 15px;
	top: 15px;
	line-height: 30px;
	width: 30px;
	text-align: center;
	font-size: 14px;
	    color: #fdfdfd;
	cursor: pointer;
	z-index: 10;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
	-webkit-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	transform: translateY(-50px);
}

.mobile-menu-visible .mobile-menu .close-btn{
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}

.mobile-menu .close-btn:hover{
	opacity: 0.50;
}

.mobile-menu .navigation{
	position: relative;
	display: block;
	width:100%;
	border-top: 1px solid rgba(0,0,0,0.10);
}

.mobile-menu .navigation li{
	position: relative;
	display: block;
	border-bottom: 1px solid rgba(0,0,0,0.10);
}

.mobile-menu .navigation li > ul > li:last-child{
	border-bottom: none;
}

.mobile-menu .navigation li > ul > li:first-child{
	border-top: 1px solid rgba(0,0,0,0.10);
}

.mobile-menu .navigation li > a{
	position: relative;
	display: block;
	line-height: 24px;
	padding: 10px 20px;
	font-size: 15px;
	color: #b7b5b5;
	text-transform: capitalize;
}

.mobile-menu .navigation li:hover > a,
.mobile-menu .navigation li.current > a{
	color:#000000;	
}

.mobile-menu .navigation li.dropdown .dropdown-btn{
	position:absolute;
	right:0px;
	top:0px;
	width:44px;
	height:44px;
	text-align:center;
	font-size:16px;
	line-height:44px;
	color:#404040;
	cursor:pointer;
	z-index:5;
}

.mobile-menu .navigation li.dropdown .dropdown-btn:after{
	content:'';
	position:absolute;
	left:0px;
	top:10px;
	width:1px;
	height:24px;
	border-left:1px solid rgba(0,0,0,0.10);
}

.mobile-menu .navigation li > ul,
.mobile-menu .navigation li > ul > li > ul{
	display: none;
}

.sticky-header .navbar-header{
	display:none;
}

/*** 

====================================================================
	Search Popup
====================================================================

***/


.search-popup{
	position: fixed;
	left: 0;
	top: 0;
	height: 100vh;
	width: 100%;
	z-index: 99999;
	margin-top: -540px;
	transform: translateY(-100%);
	background-color: rgba(0,0,0,0.90);
    -webkit-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition: all 1500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
}

.sidenav-bar-visible .search-popup{
	width: 80%;
}


.search-active .search-popup{
	transform: translateY(0%);
	margin-top: 0;
}

.search-popup .close-search{
	position: absolute;
	left: 0;
	right: 0;
	top: 75%;
	margin: 0 auto;
	margin-top: -200px;
	border-radius: 50%;
	text-align: center;
	background-color: #04163D;
	width: 70px;
	cursor:pointer;
	box-shadow: 0 0 10px rgba(0,0,0,0.05);
	border-bottom: 3px solid #ffffff;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	opacity: 0;
	visibility: hidden;
}

.search-popup .close-search span{
	position: relative;
	display: block;
	height: 70px;
	width: 70px;
	font-size: 30px;
	line-height: 70px;
	color: #ffffff;
}

.search-active .search-popup .close-search{
	visibility: visible;
	opacity: 1;
	top: 50%;
	-webkit-transition-delay: 1500ms;
	-moz-transition-delay: 1500ms;
	-ms-transition-delay: 1500ms;
	-o-transition-delay: 1500ms;
	transition-delay: 1500ms;
}

.search-popup form{
	position: absolute;
	max-width: 700px;
	top: 50%;
	left: 15px;
	right: 15px;
	margin:-35px auto 0;
	transform: scaleX(0);
	transform-origin: center;
	background-color: #111111;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.search-active .search-popup form{
	transform: scaleX(1);
	-webkit-transition-delay: 1200ms;
	-moz-transition-delay: 1200ms;
	-ms-transition-delay: 1200ms;
	-o-transition-delay: 1200ms;
	transition-delay: 1200ms;
}

.search-popup .form-group{
	position:relative;
	margin:0px;	
	overflow: hidden;
}

.search-popup .form-group input[type="text"],
.search-popup .form-group input[type="search"]{
	position:relative;
	display:block;
	font-size:18px;
	line-height: 50px;
	color:#000000;
	height:70px;
	width:100%;
	padding: 10px 30px;
	background-color: #ffffff;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
	font-weight:500;
	text-transform:capitalize;
}

.search-popup .form-group input[type="submit"],
.search-popup .form-group button{
	position:absolute;
	right:30px;
	top:0px;
	height:70px;
	line-height: 70px;
	background: transparent;
	text-align:center;
	font-size:24px;
	color:#000000;
	padding: 0;
	cursor:pointer;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.search-popup .form-group input[type="submit"]:hover,
.search-popup .form-group button:hover{
	color: #000000;
}

.search-popup input::placeholder,
.search-popup textarea::placeholder{
	color:#000000;
}

.search-popup .close-search.style-two{
	position: absolute;
	right: 25px;
	left: auto;
	color:#ffffff;
	width:auto;
	height:auto;
	top:25px;
	margin:0px;
	border:none;
	background:none !important;
	box-shadow:none !important;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.search-popup .close-search.style-two span{
	font-size:20px;
	color:#ffffff;
}

.main-header .sticky-header .outer-box{
	float:right;
	margin-left:20px;
	padding:13px 0px;
}

.main-header .sticky-header .outer-box .cart-box{
	color:#000000;
	margin-top:0px;
}

.main-header.header-style-two .sticky-header .outer-box .cart-box{
	margin-top:10px;
}

.main-header .sticky-header .outer-box .cart-box .cart-box-btn,
.main-header .sticky-header .outer-box .cart-box .cart-box-btn:hover{
	
}

.main-header .sticky-header .outer-box .cart-box .cart-box-btn .total-cart{
	background-color:#c19d60;
}

.main-header .sticky-header .search-box-btn{
	color:#000000;
	margin-top:11px;
}

.color-palate .option-box{
	padding-top:0px;
	padding-bottom:10px;
}

.color-palate .option-box > li{
	position: relative;
	color:#ffffff;
	width: 40%;
	margin:0px 3px;
	cursor: pointer;
	margin-bottom: 9px;
	padding:6px 12px;
	display: inline-block;
	background-color: #c19d60;
	text-transform:capitalize;
}

/*** 

====================================================================
	Hidden Sidebar style
====================================================================

***/

.sidebar-info-contents{
	position:relative;
}

.sidebar-info-contents .content-inner{
	position:relative;
}

.sidebar-info-contents .content-inner .logo {
	padding:0px 0px 40px;
}

.sidebar-info-contents .content-inner .logo img{
	display:inline-block;
	max-width:100%;	
}

.sidebar-info-contents .content-inner .content-box{
	position:relative;
}

.sidebar-info-contents .content-inner .content-box h2{
	position:relative;
	font-size:20px;
	color:#ffffff;
	font-weight:500;
	margin-bottom:20px;
}

.sidebar-info-contents .content-inner .content-box .text{
	position:relative;
	font-size:14px;
	color:rgba(255,255,255,0.90);
	margin-bottom:25px;
}

.sidebar-info-contents .content-inner .contact-info{
	position:relative;
	margin-top:60px;
}

.sidebar-info-contents .content-inner .contact-info h2{
	position:relative;
	font-size:20px;
	color:#ffffff;
	font-weight:500;
	margin-bottom:20px;
}

.sidebar-info-contents .content-inner .social-box{
	position:relative;
	margin-top:20px;
	margin-bottom:30px;
}

.sidebar-info-contents .content-inner .social-box li{
	position:relative;
	display:inline-block;
	margin-right:6px;
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}

.sidebar-info-contents .content-inner .social-box li a{
	position:relative;
	width:36px;
	height:36px;
	color:#222222;
	z-index:1;
	font-size:13px;
	line-height:36px;
	text-align:center;
	border-radius:50%;
	display:inline-block;
	background-color:#ffffff;
}

.close-side-widget,
.close-side-widget:hover{
	color:#ffffff;
	font-size:24px;
}

.main-header .header-upper .outer-box .nav-btn{
	position:relative;
	float:left;
	font-size:25px;
	color:#222222;
	cursor:pointer;
	margin-top:19px;
	margin-left:28px;
}

.sticky-header .outer-box .nav-btn{
	position:relative;
	float:right;
	font-size:28px;
	color:#000000;
	cursor:pointer;
	margin-top:9px;
	margin-left:30px;
}

.sticky-header .outer-box .mobile-nav-toggler{
	position:relative;
	float:right;
	font-size:28px;
	color:#000000;
	cursor:pointer;
	margin-top:9px;
	margin-left:30px;
}

.main-header .login-box{
	position:relative;
	float:left;
	color:#000000;
	font-size:24px;
	margin-top:14px;
	margin-left:25px;
}

.main-header .login-box a{
	position:relative;
	color:#000000;
}

.main-header .sticky-header .login-box{
	margin-top:10px;
}

.main-header .sticky-header .cart-box .cart-panel{
	margin-top:45px;
}

/*** 

====================================================================
	Scroll To Top style
====================================================================

***/

.scroll-to-toped{
	position:fixed;
	bottom:15px;
	right:15px;
	width:40px;
	height:40px;
	color:#ffffff;
	font-size:13px;
	text-transform:uppercase;
	line-height:38px;
	text-align:center;
	z-index:100;
	cursor:pointer;
	background:#222222;
	display:none;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;		
}

.scroll-to-toped:hover{
	color:#ffffff;
	background:#000000;
}

.waves {
  position: absolute;
  left:0px;
  bottom:0px;
  width: 100%;
  height: 15vh;
  margin-bottom: -8px;
  min-height: 100px;
  max-height: 150px; }

.waves .content {
  position: relative;
  height: 20vh;
  text-align: center;
  background-color: white; }

/*** 

====================================================================
	Banner Section
====================================================================

***/

.banner-section{
	position:relative;
	overflow:hidden;
}

.banner-section .slide::before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	z-index:2;
	background-color:rgba(0,0,0,0.40);
}

.banner-section .slide{
	position:relative;
	overflow:hidden;
	padding-top:180px;
	padding-bottom:180px;
	background-size:cover;
	background-position:center right;
}

.banner-section .content-column{
	position:relative;
	z-index:10;
}

.banner-section .content-column .inner-column{
	position:relative;
}

.banner-section .content-column .title{
	position:relative;
	color:#c19d60;
	font-size:24px;
	line-height:1.8em;
	margin-bottom:16px;
	font-weight:400;
	opacity: 0;
	padding-right:60px;
	transform: scaleY(0);
	transform-origin: top;
	display:inline-block;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	font-family: 'Kaushan Script', cursive;
}

.banner-section .content-column .title:before{
	position:absolute;
	content:'';
	right:0px;
	bottom:17px;
	height:2px;
	width:50px;
	background-color:#c19d60;
}

.banner-section .content-column.centered .title{
	padding-left:60px;
}

.banner-section .content-column.centered .title:after{
	position:absolute;
	content:'';
	left:0px;
	bottom:17px;
	height:2px;
	width:50px;
	background-color:#c19d60;
}

.banner-section .active .content-column .title{
	opacity: 1;
	transform: scaleY(1);
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}

.banner-section .content-column h1{
	position:relative;
	color:#ffffff;
	font-weight:700;
	line-height:1.1em;
	opacity: 0;
	transform: scaleY(0);
	transform-origin: top;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

.banner-section .active .content-column h1{
	opacity: 1;
	transform: scaleY(1);
	-webkit-transition-delay: 600ms;
	-moz-transition-delay: 600ms;
	-ms-transition-delay: 600ms;
	-o-transition-delay: 600ms;
	transition-delay: 600ms;
}

.banner-section .content-column h1 span{
	color:#c19d60;
}

.banner-section .content-column .text{
	position:relative;
	color:#ffffff;
	font-size:17px;
	line-height:1.9em;
	margin-top:30px;
	margin-bottom:30px;
	font-weight:400;
	opacity: 0;
	transform: scaleY(0);
	transform-origin: top;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

.banner-section .active .content-column .text{
	opacity: 1;
	transform: scaleY(1);
	-webkit-transition-delay: 900ms;
	-moz-transition-delay: 900ms;
	-ms-transition-delay: 900ms;
	-o-transition-delay: 900ms;
	transition-delay: 900ms;
}

.banner-section .content-column .btns-box{
	margin-top:35px;
	opacity: 0;
	transform: scaleY(0);
	transform-origin: top;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

.banner-section .active .content-column .btns-box{
	opacity: 1;
	transform: scaleY(1);
	-webkit-transition-delay: 1200ms;
	-moz-transition-delay: 1200ms;
	-ms-transition-delay: 1200ms;
	-o-transition-delay: 1200ms;
	transition-delay: 1200ms;
}

.banner-section .content-column .theme-btn{
	margin-right:20px;
}

.banner-section .owl-dots{
	position:absolute;
	left:0px;
	right:0px;
	bottom:40px;
	opacity:0;
	text-align:center;
}

.banner-section .owl-dots .owl-dot{
	position:relative;
	width:30px;
	height:6px;
	margin-bottom:10px;
	border-radius:0px;
	margin:0px 5px;
	display:inline-block;
	background-color:#ffffff;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.banner-section .owl-dots .owl-dot.active,
.banner-section .owl-dots .owl-dot:hover{
	background-color:#c19d60;
}

.banner-section .owl-nav{
	position:absolute;
	left:30px;
	top:50%;
	z-index:99999;
	width:100%;
	margin-top:-10px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.banner-section .owl-nav .owl-prev{
	position:relative;
	width:60px;
	height:40px;
	color:#c19d60;
	line-height:36px;
	font-size:24px;
	text-align:center;
	border-radius:0px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	border:2px solid #c19d60;
}

.banner-section .owl-nav .owl-next{
	position:relative;
	width:60px;
	height:40px;
	color:#c19d60;
	line-height:36px;
	font-size:24px;
	text-align:center;
	border-radius:0px;
	margin-top:8px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	border:2px solid #c19d60;
}

.banner-section .owl-nav .owl-prev:hover,
.banner-section .owl-nav .owl-next:hover{
	color:#ffffff;
	border-color:#c19d60;
	background-color:#c19d60;
}

/*** 

====================================================================
	Menu Section
====================================================================

***/

.menu-section{
	position:relative;
	padding:100px 0px 70px;
}

.menu-block{
	position:relative;
	margin-bottom:30px;
}

.menu-block .inner-box{
	position:relative;
}

.menu-block .inner-box .image{
	position:relative;
}

.menu-block .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
}

.menu-block .inner-box .image .overlay-box{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	color:#ffffff;
	text-align:center;
	 transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
	background-color:rgba(0,0,0,0.20);
}

.menu-block .inner-box:hover .overlay-box{
	background-color:rgba(0,0,0,0.80);
}

.menu-block .inner-box .overlay-inner{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:table;
	vertical-align:middle;
	padding:10px 0px;
}

.menu-block .inner-box .overlay-inner .content{
	position:relative;
	display:table-cell;
	vertical-align:middle;
}

.menu-block .inner-box .overlay-box h2{
	margin-bottom:8px;
	transform:translateY(10px);
	text-transform:capitalize;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.menu-block .inner-box .overlay-box h2 a{
	position:relative;
	color:#ffffff;
}

.menu-block .inner-box:hover .overlay-box h2{
	transform:translateY(0px);
}

.menu-block .inner-box .overlay-box .view{
	position:relative;
	color:#ffffff;
	font-size:18px;
	opacity:0;
	display:inline-block;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transform:translateY(-20px);
}

.menu-block .inner-box:hover .overlay-box .view{
	opacity:1;
	transform:translateY(0px);
}

/*** 

====================================================================
	Services Section
====================================================================

***/

.services-section{
    position: relative;
    padding: 100px 0px 70px;
    background-image: url(../images/bg.jpg);
}

.services-section .sec-title{
	margin-bottom:70px;
}

.services-section .row{
	margin:0px -30px;
}

.services-section .service-block{
	padding: 0px;
}

.service-block{
	position:relative;
	margin-bottom: 80px;
}

.service-block .inner-box{
	position:relative;
	padding: 0;
	padding-left: 93px;
	text-align:left;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	/* padding-left: 10px; */
}

.service-block .inner-box:hover{

}

.service-block .inner-box .icon{
	position:absolute;
	left:-30px;
	top:-35px;
	width:60px;
	height:60px;
	color:#000000;
	text-align:center;
	line-height:63px;
	font-size:26px;
	display:inline-block;
	-webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
	background:url(../images/icons/cap-1.png) no-repeat;
}

.service-block .inner-box .icon:before{
	position:relative;
	z-index:1;
}

.service-block .inner-box .icon:after{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:60px;
	height:60px;
	opacity:0;
	-webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
	background:url(../images/icons/cap-2.png) no-repeat;
}

.service-block .inner-box:hover .icon:after{
	opacity:1;
}

.service-block .inner-box:hover .icon{
	color:#c19d60;
}

.service-block .inner-box h4{
	font-weight:600;
	margin-top: 0px;
}

.service-block .inner-box h4 a{
	position:relative;
	color:#000000;
    font-family: 'Lato', sans-serif;
    font-size:18px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.service-block .inner-box:hover h4 a{
	color:#c19d60;
}

.service-block .inner-box .text{
	margin-top: 0px;
	color: #666;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
	font-weight: 600;
}
.left-icone{
	float: left;
	margin-top: 10px;
	margin-left: 10px;
}


/*** 

====================================================================
	Welcome Section
====================================================================

***/

.welcome-section{
	position:relative;
	padding: 0px 0px 20px;
}

.welcome-section .image-column{
	position:relative;
	margin-bottom:40px;
}

.welcome-section .image-column .inner-column{
	position:relative;
	padding:30px 0px 30px 30px;
}

.welcome-section .image-column .inner-column:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:360px;
	bottom:0px;
	border:1px dashed rgba(0,0,0,0.15);
}

.welcome-section .image-column .image{
	position:relative;
	z-index:1;
}

.welcome-section .image-column .image img{
	position:relative;
	width:100%;
	display:block;
}

.welcome-section .image-column .image-two{
	position:absolute;
	left:0px;
	top:0px;
}

.welcome-section .content-column{
	position:relative;
	margin-bottom:40px;
}

.welcome-section .content-column .inner-column{
	position:relative;
	padding-top:30px;
}

.welcome-section .content-column .sec-title{
	margin-bottom:18px;
}

.welcome-section .content-column .inner-column .author-box{
	position:relative;
	margin-top:25px;
}

.welcome-section .content-column .inner-column .author-box .box-inner{
	position:relative;
	padding-left:160px;
}

.welcome-section .content-column .inner-column .author-box .author-image{
	position:absolute;
	left:0px;
	top:0px;
	width:60px;
	height:60px;
}

.welcome-section .content-column .author-box .box-inner .signature{
	position:absolute;
	left:80px;
	top:0px;
}

.welcome-section .content-column .author-box .box-inner h5{
	color:#0b0c26;
}

.welcome-section .content-column .author-box .box-inner .designation{
	position:relative;
	color:#999898;
	margin-top:5px;
}

/*** 

====================================================================
	Trending Section
====================================================================

***/

.trending-section{
	position:relative;
	padding:100px 0px 100px;
	background-size:cover;
	background-attachment:fixed;
}

.trending-section:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background-color:rgba(0,0,0,0.80);
}

.trending-section .btn-box{
	position:relative;
}

.trending-section .btn-box{
	margin-top:10px;
}

.menu-block-two{
	position:relative;
	margin-bottom:30px;
}

.menu-block-two .inner-box{
	position:relative;
	padding:20px 20px;
	background-color:rgba(0,0,0,0.50);
	border:1px dashed #c19d60;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.menu-block-two .inner-box .content{
	position:relative;
	padding-left:130px;
}

.menu-block-two .inner-box .content .menu-image{
	position:absolute;
	left:0px;
	top:0px;
	width:110px;
	height:110px;
}

.menu-block-two .inner-box .price{
	position:absolute;
	right:0px;
	top:0px;
	color:#c19d60;
	font-size:18px;
	font-weight:700;
	line-height:1em;
}

.menu-block-two .inner-box h4{
	font-weight:700;
}

.menu-block-two .inner-box h4 a{
	position:relative;
	color:#ffffff;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.menu-block-two .inner-box:hover h4 a{
	color:#c19d60;
}

.menu-block-two .inner-box .text{
	margin-top:7px;
	color:#ffffff;
	opacity:0.80;
	margin-bottom:10px;
}

.menu-block-two .inner-box .cart-btn{
	position:relative;
	padding:8px 24px;
	color:#c19d60;
	font-size:16px;
	font-weight:700;
	border:1px solid #c19d60;
	font-family: 'Lato', sans-serif;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.menu-block-two .inner-box:hover{
	border:1px solid #c19d60;
}

.menu-block-two .inner-box:hover .cart-btn{
	color:#ffffff;
	background-color:#c19d60;
}

/*** 

====================================================================
	Menu Pricing Section
====================================================================

***/

.menu-pricing-section{
	position:relative;
	padding:100px 0px 100px;
}

.menu-pricing-section .sec-title{
	margin-bottom:70px;
}

.menu-tabs{
	position:relative;	
}

.menu-tabs .tab-btns{
	position:relative;
	text-align:center;
	margin-bottom:40px;
}

.menu-tabs .tab-btns .tab-btn{
	position:relative;
	display:block;
	margin:0px 6px;
	font-size: 14px;
	background:none;
	color: #000;
	font-weight:600;
	border-radius: 30px;
	cursor:pointer;
	margin-bottom:12px;
	display:inline-block;
	padding:12px 40px 12px;
	transition:all 500ms ease;
	    border: 1px solid #04163d;
	text-transform:capitalize;
	/* font-family: 'Playfair Display', serif; */
}

.menu-tabs .tab-btns .tab-btn:before{
	position:absolute;
	content:'';
	left:0px;
	top:-41px;
	right:0px;
	height:39px;
	opacity:0;
	background:url(../images/icons/menu-bg.png);
	background-position:center center;
	background-repeat:no-repeat;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.menu-tabs .tab-btns .tab-btn:hover::before,
.menu-tabs .tab-btns .tab-btn.active-btn::before{
	opacity:1;
}

.menu-tabs .tab-btns .tab-btn:hover,
.menu-tabs .tab-btns .tab-btn.active-btn{
	color: #ffffff;
	background: #04163d;
	border-color:#111111;
}

.menu-tabs .tabs-content{
	position:relative;	
}

.menu-tabs .tabs-content .tab{
	position:relative;
	display:none;
}

.menu-tabs .tabs-content .tab.active-tab{
	display:block;	
}

.menu-block-three{
	position:relative;
	margin-bottom:30px;
}

.menu-block-three .inner-box{
	position:relative;
}

.menu-block-three .inner-box .upper-box{
	position:relative;
}

.menu-block-three .inner-box .upper-box:before{
	position:absolute;
	content:'';
	left:5px;
	top:12px;
	right:5px;
	height:1px;
	border-bottom:1px dashed #999898;
}

.menu-block-three .inner-box .upper-box h6{
	font-weight:500;
	padding-right:12px;
	background-color:#ffffff;
}

.menu-block-three .inner-box .upper-box h6 a{
	position:relative;
	color:#000000;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.menu-block-three .inner-box .upper-box h6 a:hover{
	color:#c19d60;
}

.menu-block-three .inner-box .upper-box .price{
	position:relative;
	color:#c19d60;
	font-size:16px;
	font-weight:700;
	padding-left:5px;
	background-color:#ffffff;
}

.menu-block-three .inner-box .text{
	margin-top:5px;
}

.menu-pricing-section .btn-box{
	margin-top:20px;
}

/*** 

====================================================================
	Team Section
====================================================================

***/

.team-section{
	position:relative;
	padding:100px 0px 70px;
	background-color:#f9f9f9;
}

.team-block{
	position:relative;
	margin-bottom:30px;
}

.team-block .inner-box{
	position:relative;
	overflow:hidden;
}

.team-block .inner-box .image{
	position:relative;
}

.team-block .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
}

.team-block .inner-box .image .overlay-box{
	position:absolute;
	left:15px;
	right:15px;
	bottom:15px;
	transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
}

.team-block .inner-box:hover .image .overlay-box{
	bottom:-150px;
}

.team-block .inner-box .image .overlay-box .content{
	position:relative;
	text-align:center;
	padding:30px 20px;
	outline-offset: -15px;
	background-color:#111111;
	outline: 1px dashed #c19d60;
}

.team-block .inner-box .image .overlay-box .designation{
	position:relative;
	color:#c19d60;
	font-size:14px;
	font-family: 'Kaushan Script', cursive;
}

.team-block .inner-box .image .overlay-box .content h4{
	color:#ffffff;
	margin-top:8px;
}

.team-block .inner-box .image .overlay-box-two{
	position:absolute;
	left:15px;
	top:120%;
	right:15px;
	bottom:15px;
	outline-offset: 0px;
	background-color:rgba(0,0,0,0.70);
	outline: 1px dashed #c19d60;
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
	
	opacity:0;
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}

.team-block .inner-box:hover .image .overlay-box-two{
	top:15px;
	opacity:1;
    visibility: visible;
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}

.team-block .inner-box .image .overlay-box-two .overlay-inner{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:table;
	text-align:center;
	vertical-align:middle;
	padding:10px 0px;
}

.team-block .inner-box .image .overlay-box-two .overlay-inner .content{
	position:relative;
	display:table-cell;
	vertical-align:middle;
}

.team-block .inner-box .image .overlay-box-two .overlay-inner .overlay-designation{
	position:relative;
	color:#c19d60;
	font-size:14px;
	font-family: 'Kaushan Script', cursive;
}

.team-block .inner-box .image .overlay-box-two .overlay-inner .content h4{
	position:relative;
	z-index:1;
	margin-top:10px;
}

.team-block .inner-box .image .overlay-box-two .overlay-inner .content h4 a{
	position:relative;
	color:#ffffff;
}

.team-block .inner-box .image .overlay-box-two .overlay-inner .content .text{
	position:relative;
	color:#e2e2e2;
	font-size:14px;
	margin-top:10px;
	margin-bottom:18px;
}

.team-block .inner-box .image .overlay-box-two .social-links a{
	position:relative;
	display:inline-block;
	font-size:18px;
	width:42px;
	height:42px;
	line-height:42px;
	text-align:center;
	color:#ffffff;
	background:#fc721e;
	margin:0px 0px 0px 5px;
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}

.team-block .inner-box .image .overlay-box-two .social-links a:hover{
	opacity:0.80;
}

.team-block .inner-box .image .overlay-box-two .social-links .facebook{
	background:#3b5998;	
}

.team-block .inner-box .image .overlay-box-two .social-links .twitter{
	background:#33ccfe;	
}

.team-block .inner-box .image .overlay-box-two .social-links .instagram{
	background:#f77a42;	
}

/*** 

====================================================================
	Events Section
====================================================================

***/

.events-section{
	position:relative;
	padding:100px 0px 240px;
	background-attachment:fixed;
	background-size:cover;
}

.events-section:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background-color:rgba(0,0,0,0.80);
}

.event-block{
	position:relative;
	margin-bottom:30px;
}

.event-block .inner-box{
	position:relative;
	padding:44px 30px;
}

.event-block .inner-box:before{
	position:absolute;
	content:'';
	left: 9px;
	top:12px;
	right:0px;
	bottom:12px;
	background-color:rgba(0,0,0,0.15);
	border: 1px dashed #0a35af;
}

.event-block .inner-box:after{
	position:absolute;
	content:'';
	left:0px;
	top:12px;
	/* width:31px; */
	/* bottom:12px; */
	/* background-color:rgba(0,0,0,0.15); */
	/* border: 1px dashed #6160c1; */
}

.event-block .inner-box:hover::before{
	border: 1px solid #032994;
}

.event-block .inner-box .date-box{
	position:absolute;
	left:30px;
	top:0px;
	width:130px;
	color:#ffffff;
	font-size:20px;
	text-align:center;
	padding:27px 10px;
	border: 1px solid #3453ab;
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}

.event-block .inner-box:hover .date-box{
	background-color: #04163D;
}

.event-block .inner-box .date-box span{
	position:relative;
	font-size:54px;
	font-weight:700;
	display:block;
	line-height:40px;
	margin-bottom:18px;
	font-family: 'Playfair Display', serif;
}

.event-block .inner-box .content{
	position:relative;
	text-align:center;
}

.event-block .inner-box .content h4{
	position:relative;
	text-align:center;
}

.event-block .inner-box .content h4 a{
	position:relative;
	color:#ffffff;
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}

.event-block .inner-box:hover .content h4 a{
	color: #496ebf;
}

.event-block .inner-box .content .info-list{
	position:relative;
	margin-top:18px;
}

.event-block .inner-box .content .info-list li{
	position:relative;
	color:#999898;
	font-size:18px;
	padding-left:30px;
	display:inline-block;
}

.event-block .inner-box .content .info-list li .icon{
	position:absolute;
	left:0px;
	top:0px;
	color: #ffffff;
	line-height:1em;
	font-size:18px;
}

.event-block .inner-box .btn-box{
	position:absolute;
	right:40px;
	top:50px;
}

/*** 

====================================================================
	Order Section
====================================================================

***/

.order-section{
	position:relative;
}

.order-section:before{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	right:0px;
	height:100px;
	background-color:#f9f9f9;
}

.order-section.margin-top{
	margin-top:-140px;
}

.order-section .inner-container{
	position:relative;
	padding:50px 60px 50px;
	background-size:cover;
}

.order-section .inner-container:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background-color:rgba(0,0,0,0.80);
}

.order-section .content-box{
	position:relative;
}

.order-section .content-box .title{
	position:relative;
	color:#c19d60;
	font-size:24px;
	padding-right:60px;
	display:inline-block;
	font-family: 'Kaushan Script', cursive;
}

.order-section .content-box .title:before{
	position:absolute;
	content:'';
	right:0px;
	bottom:5px;
	width:45px;
	height:2px;
	background-color:#c19d60;
}

.order-section .content-box h3{
	color:#ffffff;
	margin-top:10px;
}

.order-section .content-box h3 a{
	color:#ffffff;
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}

.order-section .content-box h3 a:hover{
	color:#c19d60;
}

.order-section .content-box .text{
	margin-top:15px;
}

.order-section .btn-box{
	position:relative;
	margin-top:35px;
}

/*** 

====================================================================
	Testimonial Section
====================================================================

***/

.testimonial-section{
	position:relative;
	padding:110px 0px 100px;
	background-color:#f9f9f9;
}

.author-tabs{
	position:relative;	
}

.author-tabs .tab-btns{
	position:absolute;
	left:0px;
	top:50px;
	z-index:1;
	text-align:left;
	margin-bottom:40px;
	display:inline-block;
}

.author-tabs .tab-btns .tab-btn{
	position:relative;
	display:block;
	font-size:22px;
	color:#000000;
	font-weight:700;
	cursor:pointer;
	min-height:86px;
	padding-top:30px;
	padding-left:110px;
	margin-bottom:12px;
	transition:all 500ms ease;
	text-transform:capitalize;
	font-family: 'Kaushan Script', cursive;
}

.author-tabs .tab-btns .tab-btn .designation{
	position:relative;
	font-size:14px;
	font-weight:400;
	color:#999898;
	margin-left:10px;
	display:inline-block;
	font-family: 'Lato', sans-serif;
}

.author-tabs .tab-btns .tab-btn .author-image{
	position:absolute;
	left:0px;
	top:0px;
	width:86px;
	height:86px;
	opacity:0.50;
	overflow:hidden;
	background-color:#c19d60;
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}

.author-tabs .tab-btns .tab-btn .author-image img{
	width:100%;
	display:block;
}

.author-tabs .tab-btns .tab-btn:hover .author-image,
.author-tabs .tab-btns .tab-btn.active-btn .author-image{
	opacity:1;
}

.author-tabs .tab-btns .tab-btn:hover,
.author-tabs .tab-btns .tab-btn.active-btn{
	color:#c19d60;
}

.author-tabs .tabs-content{
	position:relative;
	padding-left:390px;
}

.author-tabs .tabs-content .content{
	
}

.author-tabs .tabs-content .tab{
	position:relative;
	display:none;
}

.author-tabs .tabs-content .tab.active-tab{
	display:block;	
}

.testimonial-block{
	position:relative;
}

.testimonial-block .inner-box{
	position:relative;
}

.testimonial-block .inner-box:before{
	position:absolute;
	content:'';
	left:70px;
	top:50px;
	right:0px;
	bottom:0px;
	border:1px solid #c19d60;
}

.testimonial-block .inner-box .content{
	position:relative;
	padding-left:380px;
	padding-top:110px;
	padding-bottom:60px;
}

.testimonial-block .inner-box .content .image{
	position:absolute;
	left:0px;
	top:0px;
	line-height:1em;
}

.testimonial-block .inner-box .content .quote-icon{
	position:relative;
	font-size:66px;
	line-height:1em;
	color:#c19d60;
}

.testimonial-block .inner-box .content .text{
	color:#000000;
	font-size:26px;
	font-weight:700;
	line-height:1.4em;
	margin-top:15px;
	margin-bottom:25px;
}

.testimonial-block .inner-box .content .designation{
	position:relative;
	color:#c19d60;
	font-size:22px;
	font-family: 'Kaushan Script', cursive;
}

.testimonial-block .inner-box .content .designation span{
	position:relative;
	color:#999898;
	font-size:14px;
	display:block;
	margin-top:10px;
	font-family: 'Lato', sans-serif;
}

/*** 

====================================================================
	News Section
====================================================================

***/

.news-section{
	position:relative;
	padding:100px 0px 70px;
}

.news-block{
	position:relative;
	margin-bottom:30px;
}

.news-block .inner-box{
	position:relative;
	padding:25px 25px;
	border:1px dashed #c19d60;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.news-block .inner-box:hover{
	border:1px solid #c19d60;
}

.news-block .inner-box .image{
	position:relative;
	overflow:hidden;
	background-color:#111111;
}

.news-block .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.news-block .inner-box:hover .image img{
	opacity:0.6;
	transform:scale(1.05,1.05) rotate(3deg);
}

.news-block .inner-box .image .icon{
	position:absolute;
	left:20px;
	top:20px;
	z-index:1;
	font-size:80px;
	line-height:1em;
	color: #072d80;
	text-align:center;
	display:inline-block;
}

.news-block .inner-box .image .icon .date{
	position:absolute;
	left:0px;
	right:0px;
	top:5px;
	color:#ffffff;
	font-size:24px;
	font-weight:500;
	line-height:28px;
	text-align:center;
	font-family: 'Playfair Display', serif;
}

.news-block .inner-box .lower-content{
	position:relative;
	padding-top:28px;
}

.news-block .inner-box .lower-content .post-meta{
	position:relative;
}

.news-block .inner-box .lower-content .post-meta li{
	position:relative;
	padding-left:25px;
	color:#999898;
	font-size:16px;
	margin-right:15px;
	display:inline-block;
}

.news-block .inner-box .lower-content .post-meta li .icon{
	position:absolute;
	left:0px;
	top:0px;
	color: #072d80;
}

.news-block .inner-box .lower-content .post-meta li:last-child{
	margin-right:0px;
}

.news-block .inner-box .lower-content h6{
	margin-top:15px;
	margin-bottom:20px;
}

.news-block .inner-box .lower-content h6 a{
	position:relative;
	color:#000000;
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}

.news-block .inner-box:hover .lower-content h6 a{
	color:#c19d60;
}

.news-block .inner-box .lower-content .theme-btn{
	padding:10px 32px;
}

/*** 

====================================================================
	Reservation Section
====================================================================

***/

.reservation-section{
	position:relative;
	padding:0px 0px 60px;
}

.reservation-section .form-column{
	position:relative;
	margin-bottom:40px;
}

.reservation-section .form-column .inner-column{
	position:relative;
	padding:40px 35px 20px;
	border:1px dashed #c19d60;
}

.reservation-section .form-column .inner-column .sec-title{
	margin-bottom:20px;
}

/*Custom Select*/

.form-group .ui-selectmenu-button.ui-button{
	width:100%;
	font-size:16px;
	font-weight:400;
	font-style:normal;
	height:56px;
	padding: 14px 24px;
	line-height:30px;
	color:#777777;
	border: none;
	border-radius:0px;
	background-color: #ffffff;
	border:1px dashed #c19d60;
}

.form-group .ui-button .ui-icon{
	background:none;
	position:relative;
	top:2px;
	text-indent:0px;
	color:#333333;
}

.form-group .ui-button .ui-icon:before{
	font-family: 'FontAwesome';
	content: "\f0d7";
	position:absolute;
	right:0px;
	top:2px !important;
	top:13px;
	width:10px;
	height:20px;
	display:block;
	color:#c19d60;
	line-height:20px;
	font-size:18px;
	font-weight:normal;
	text-align:center;
	z-index:5;
	font-weight:400;
}

.ui-widget.ui-widget-content{

}

.ui-menu .ui-menu-item{
	font-size:14px;
}

.ui-menu .ui-menu-item:last-child{
	border:none;
}

.ui-state-active, .ui-widget-content .ui-state-active{
	background:#c19d60;
	border-color:#c19d60;
}

.ui-menu .ui-menu-item-wrapper{
	position:relative;
	display:block;
	padding: 10px 24px;
	font-size:14px;
	line-height:24px;
}

.ui-menu-item:hover{
	background-color:#c19d60;
}

/* Default Form */

.default-form{
	position: relative;
	z-index:1;
}

.default-form .form-group{
	position:relative;
	margin-bottom:20px;	
}

.default-form .form-group input[type="text"],
.default-form .form-group input[type="email"],
.default-form .form-group input[type="tel"],
.default-form .form-group input[type="url"],
.default-form .form-group textarea,
.default-form .form-group select{
	position: relative;
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 20px;
    color: #555555;
    font-weight: 400;
    padding: 14px 24px;
	z-index:1;
	height:56px;
    background-color: #ffffff;
	border:1px dashed #c19d60;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.default-form .form-group input:focus,
.default-form .form-group select:focus,
.default-form .form-group textarea:focus{
	border-style:solid;
}

.default-form .form-group textarea{
	height: 90px;
	resize: none;
	border-radius:0px;
}

.default-form .form-group input[type="submit"],
.default-form button{
    margin-top:5px;
}

.default-form .form-group input[type="submit"]:hover,
.default-form button:hover{
	
}

.default-form.style-two .form-group{
	margin-bottom:24px;
}

.default-form.style-two .form-group input[type="text"],
.default-form.style-two .form-group input[type="email"],
.default-form.style-two .form-group input[type="tel"],
.default-form.style-two .form-group input[type="url"],
.default-form.style-two .form-group textarea,
.default-form.style-two .form-group select{
	border:1px solid rgba(255,255,255,0.60);
	background:none;
	color:#ffffff;
}

.default-form.style-two .form-group textarea{
	height:150px;
}

.default-form.style-two .form-group .ui-selectmenu-button.ui-button{
	border:1px solid rgba(255,255,255,0.60);
	background:none;
	color:#ffffff;
}

.default-form.style-two .form-group textarea::-webkit-input-placeholder,
.default-form.style-two .form-group input::-webkit-input-placeholder{
	color:#989693;
}

.default-form.style-two .form-group input:focus,
.default-form.style-two .form-group select:focus,
.default-form.style-two .form-group textarea:focus{
	border-color:#fd9d3e;
}

.default-form.style-two .ui-state-active,
.default-form.style-two .ui-widget-content .ui-state-active{
	border-color:#fd9d3e;
	background-color:#fd9d3e;
}

.reservation-section .info-column{
	position:relative;
	margin-bottom:40px;
}

.reservation-section .info-column .sec-title{
	margin-bottom:20px;
}

.reservation-section .info-column .inner-column{
	position:relative;
	padding:60px 30px 70px;
	background-size:cover;
}

.reservation-section .info-column .inner-column:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background-color:rgba(0,0,0,0.90);
}

.reservation-section .info-column .table-list{
	position:relative;
}

.reservation-section .info-column .table-list li{
	position:relative;
	color:#ffffff;
	font-size:16px;
	padding:20px 0px;
	border-bottom:1px dashed #c19d60;
}

.reservation-section .info-column .table-list li span{
	position:absolute;
	right:0px;
	color:#c19d60;
	font-size:18px;
	font-family: 'Playfair Display', serif;
}

.reservation-section .info-column .btn-box{
	position:relative;
	margin-top:40px;
}

.reservation-section .info-column .btn-box .phone{
	position:relative;
	padding:16px 32px;
	color:#ffffff;
	font-size:16px;
	font-weight:700;
	display:inline-block;
	background-color:#c19d60;
	border-right:3px solid #ffffff;
}

/*** 

====================================================================
	Gallery Section
====================================================================

***/

.gallery-section{
	position:relative;
	padding:0px 0px 0px;
}

.gallery-section .owl-dots,
.gallery-section .owl-nav{
	display:none;
}

.gallery-block{
	position:relative;
	margin-bottom:0px;
}

.gallery-block .inner-box{
	position:relative;
	transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.gallery-block .inner-box .image{
	position:relative;
}

.gallery-block .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
}

.gallery-block .inner-box .image .overlay-box{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	color:#ffffff;
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
	transition: -webkit-transform 0.4s ease;
	transition: transform 0.4s ease;
	transition: transform 0.4s ease, -webkit-transform 0.4s ease;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
	background-color:rgba(0,0,0,0.60);
	background-position:center center;
}

.gallery-block .inner-box:hover .overlay-box{
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
}

.gallery-block .inner-box .overlay-inner{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:table;
	vertical-align:middle;
	padding:10px 30px;
}

.gallery-block .inner-box .overlay-inner .content{
	position:relative;
	display:table-cell;
	vertical-align:middle;
}

.gallery-block .inner-box .overlay-inner .options{
	position:relative;
	text-align:center;
}

.gallery-block .inner-box .overlay-inner .options li{
	position:relative;
	margin:0px -1px;
	display:inline-block;
}

.gallery-block .inner-box .overlay-inner .options li a{
	position:relative;
	width:60px;
	height:60px;
	color:#c19d60;
	font-size:36px;
	line-height:60px;
	text-align:center;
	display:inline-block;
	transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.gallery-block .inner-box .overlay-inner .options li a:hover{
	
}

.gallery-block.style-two .inner-box .image .overlay-box{
	outline-offset: -15px;
	outline: 1px solid #fd9d3e;
}

.gallery-block.style-two .inner-box .overlay-inner .options li a{
	color:#fd9d3e;
}

/*** 

====================================================================
	Main Footer
====================================================================

***/

.main-footer{
	position:relative;
	padding: 20px 0px 0px;
	float: left;
	width: 100%;
	background-color: #221F1F;
}

.main-footer .footer-widget{
	position:relative;
	z-index:1;
	margin-bottom:40px;
}

.main-footer .widgets-section{
	position:relative;
	padding-bottom: 0px;
}

.main-footer .footer-widget h4{
   color: #ffffff;
    margin-bottom: 20px;
    text-transform: capitalize;
    font-size: 22px;
}

.main-footer .logo-widget{
	position:relative;
}

.main-footer .logo-widget .logo{
	position:relative;
	margin-bottom:15px;
}

.main-footer .logo-widget .text{
	color:#999898;
	margin-bottom:20px;
}

.main-footer .logo-widget .social-box{
	position:relative;
}

.main-footer .logo-widget .social-box .connect{
	position:relative;
	display:block;
	color:#ffffff;
	font-size:18px;
	font-weight:700;
	margin-bottom:15px;
	font-family: 'Playfair Display', serif;
}

.main-footer .logo-widget .social-box li{
	position:relative;
	margin-right:6px;
	display:inline-block;
}

.main-footer .logo-widget .social-box li a{
	position:relative;
	width:40px;
	height:40px;
	font-size:16px;
	color:#ffffff;
	line-height:40px;
	text-align:center;
	display:inline-block;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
}

.main-footer .logo-widget .social-box li.facebook a{
	background-color:#1b4195;
}

.main-footer .logo-widget .social-box li.twitter a{
	background-color:#0f72aa;
}

.main-footer .logo-widget .social-box li.pinterest a{
	background-color:#31ade1;
}

.main-footer .logo-widget .social-box li.dribbble a{
	background-color:#cb3463;
}

.main-footer .list-link{
	position:relative;
}

.main-footer .list-link li{
	position:relative;
	margin-bottom:0px;
}

.main-footer .list-link li a{
	position:relative;
	color:#fff;
	font-size:14px;
	padding-left:0px;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
}



.main-footer .list-link li a:hover{
	color:#c19d60;
}

.main-footer .contact-widget .info-list{
	position:relative;
}

.main-footer .contact-widget .info-list li{
	position: relative;
	color:#999898;
	font-size:16px;
	margin-bottom:12px;
	display:block;
}

.main-footer .contact-widget .info-list li:last-child{
	margin-bottom:0px;
}

.main-footer .contact-widget .info-list li .icon{
	position:absolute;
	left:0px;
	top:0px;
	color:#c19d5f;
	font-size:18px;
}

.main-footer .contact-widget .info-list li a{
	position: relative;
	color:#999898;
	padding-left:28px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-footer .contact-widget .info-list li a:hover{
	color:#ffffff;
}

.main-footer .contact-widget h5{
	color:#ffffff;
	margin-top:20px;
	margin-bottom:15px;
}

.main-footer .contact-widget .hours-list{
	position:relative;
}

.main-footer .contact-widget .hours-list li{
	position:relative;
	color:#999898;
	font-size:16px;
	margin-bottom:12px;
}

.main-footer .contact-widget .hours-list li span{
    color: #ffffff !important;
    margin-left: 20px;
    text-align: left;
}

.main-footer .newsletter-widget .text{
	margin-bottom:20px;
}

.main-footer .footer-bottom .footer-nav{
	position:relative;
}

.main-footer .footer-bottom .footer-nav li{
	position:relative;
	padding-right:10px;
	margin-right:10px;
	line-height:1.1em;
	display:inline-block;
	border-right:1px solid rgba(255,255,255,0.60);
}

.main-footer .footer-bottom .footer-nav li a{
	position: relative;
    color: #a59b9b;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
    font-family: 'Lato', sans-serif;
}

.main-footer .footer-bottom .footer-nav li a:hover{
	color:#fd9d3e;
}

.main-footer .footer-bottom .footer-nav li:last-child{
	margin-right:0px;
	padding-right:0px;
	border-right:0px;
}
.mrl50p{
	margin-left:150px;

}
.main-footer .newsletter-widget .social-box li {
    position: relative;
    margin-right: 6px;
    display: inline-block;
}
.main-footer .newsletter-widget .social-box li a {
  position: relative;
    width: 26px;
    height: 10px;
    font-size: 16px;
    color: #9c9c9c;
    line-height: 15px;
    text-align: center;
    display: inline-block;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}


.main-footer.style-two .footer-bottom .copyright a,
.main-footer.style-two .contact-widget .hours-list li span,
.main-footer.style-two .list-link li a:hover{
	color:#fd9d3e;
}

.main-footer.style-two .newsletter-widget .text,
.main-footer.style-two .contact-widget .hours-list li,
.main-footer.style-two .list-link li a,
.main-footer.style-two .logo-widget .text{
    color: #929191;
    font-size: 12px;
	font-family: 'Lato', sans-serif;
}

.main-footer.style-two .newsletter-form .form-group input[type="text"],
.main-footer.style-two .newsletter-form .form-group input[type="tel"],
.main-footer.style-two .newsletter-form .form-group input[type="email"],
.main-footer.style-two .newsletter-form .form-group textarea{
	border-color:#fd9d3e;
}

/* Newsletter Form */

.newsletter-form{
	position:relative;
	margin-bottom:30px;
}

.newsletter-form .form-group{
    position: relative;
    display: block;
    z-index:1;
	margin-bottom: 0px;
}

.newsletter-form .form-group input[type="text"],
.newsletter-form .form-group input[type="tel"],
.newsletter-form .form-group input[type="email"],
.newsletter-form .form-group textarea {
  position: relative;
    width: 100%;
    line-height: 25px;
    padding: 9px 25px;
    height: 42px;
    color: #ffffff;
    display: inline-block;
    font-size: 14px;
    border-radius: 0px;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
    background: none;
    border: 1px solid #de7338;
}

.newsletter-form .form-group textarea::-webkit-input-placeholder,
.newsletter-form .form-group input::-webkit-input-placeholder{
	color:#c19d60;
}

.newsletter-form .form-group input:focus{
	border-color:#ffffff;
}

.newsletter-form .form-group input[type="submit"],
.newsletter-form .form-group button {
    padding: 5px 20px;
    margin-top: 0px;
    position: absolute;
    right: 0;
    top: 1px;
    font-size: 14px;
    background-color: #DE7338;
    border-right: none;
}

.newsletter-form .form-group button:before {
 background-color: transparent;
}

.main-footer .footer-bottom{
	position:relative;
	text-align:center;
	padding:20px 0px;
	border-top: 1px solid #333333;
}

.main-footer .footer-bottom .copyright{
	position:relative;
	color: #a59b9b;
	font-size:12px;
	text-align:left;
}

.main-footer .footer-bottom .copyright a{
	position:relative;
	color:#c19d60;
}

.main-footer.style-two .footer-bottom{
	border-color: #313130;
}

/*** 

====================================================================
	Banner Section Two
====================================================================

***/

.banner-section-two{
	position:relative;
	overflow:hidden;
}

.banner-section-two .slide::before{
	
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	z-index:2;
	
}

.banner-section-two .slide{
	position:relative;
	overflow:hidden;
	/* padding-top: 300px; */
	background-size:cover;
	background-position:center center;
}

.banner-section-two .content-column{
	position:relative;
	z-index:10;
}

.banner-section-two .content-column .inner-column{
	position:relative;
	    text-align: center;
}

.banner-section-two .content-column .title{
	position:relative;
	color:#ffffff;
	font-size:24px;
 font-family: 'Lato', sans-serif;
	line-height:1.8em;
	margin-bottom:10px;
	text-transform:uppercase;
	font-weight:400;
	opacity: 0;
	transform: scaleY(0);
	transform-origin: top;
	display:inline-block;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

.banner-section-two .active .content-column .title{
	opacity: 1;
	transform: scaleY(1);
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}

.banner-section-two .content-column h1{
	color:#ffffff;
	line-height:1.1em;
	font-size:68px;
	    font-family: 'Lato', sans-serif;
	opacity: 0;
	letter-spacing: 1.36px;
color: #FFFFFF;
text-transform: uppercase;
	transform: scaleY(0);
	transform-origin: top;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

.banner-section-two .active .content-column h1{
	opacity: 1;
	transform: scaleY(1);
	-webkit-transition-delay: 600ms;
	-moz-transition-delay: 600ms;
	-ms-transition-delay: 600ms;
	-o-transition-delay: 600ms;
	transition-delay: 600ms;
}

.banner-section-two .content-column h1 span{
	color:#fd9d3e;
}

.banner-section-two .content-column .text{
	position:relative;
	color:#ffffff;
	font-size:17px;
	line-height:1.8em;
	margin-top:15px;
	margin-bottom:20px;
	font-weight:400;
	opacity: 0;
	transform: scaleY(0);
	transform-origin: top;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

.banner-section-two .active .content-column .text{
	opacity: 1;
	transform: scaleY(1);
	-webkit-transition-delay: 900ms;
	-moz-transition-delay: 900ms;
	-ms-transition-delay: 900ms;
	-o-transition-delay: 900ms;
	transition-delay: 900ms;
}

.banner-section-two .content-column .price{
	position:relative;
	color:#fd9d3e;
	font-size:48px;
	line-height:1.2em;
	margin-top:0px;
	margin-bottom:25px;
	font-weight:600;
	opacity: 0;
	transform: scaleY(0);
	transform-origin: top;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	font-family: 'Playfair Display', serif;
}

.banner-section-two .active .content-column .price{
	opacity: 1;
	transform: scaleY(1);
	-webkit-transition-delay: 900ms;
	-moz-transition-delay: 900ms;
	-ms-transition-delay: 900ms;
	-o-transition-delay: 900ms;
	transition-delay: 900ms;
}

.banner-section-two .content-column .price span{
	position:relative;
	top:8px;
	left:-5px;
	color:#ffffff;
	font-size:20px;
	font-weight:400;
	font-family: 'Lato', sans-serif;
}

.banner-section-two .content-column .btns-box{
    margin-top: 30px;
	opacity: 0;
	transform: scaleY(0);
	transform-origin: top;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

.banner-section-two .active .content-column .btns-box{
	opacity: 1;
	transform: scaleY(1);
	-webkit-transition-delay: 1200ms;
	-moz-transition-delay: 1200ms;
	-ms-transition-delay: 1200ms;
	-o-transition-delay: 1200ms;
	transition-delay: 1200ms;
}

.banner-section-two .content-column .btns-box .delivery-box{
	position:relative;
	float:left;
}

.banner-section-two .content-column .btns-box .delivery-box .box-inner{
	position:relative;
	color:#ffffff;
	padding-left:70px;
	font-size:22px;
}

.banner-section-two .content-column .btns-box .delivery-box .box-inner .icon{
	position:absolute;
	left:0px;
	top:0px;
	line-height:1em;
}

.banner-section-two .content-column .btns-box .delivery-box .box-inner a{
	position:relative;
	color:#fd9d3e;
	font-size:18px;
	font-weight:700;
	margin-top:10px;
	display:inline-block;
}

.banner-section-two .content-column .theme-btn{
	
}

.banner-section-two .owl-dots{
	position:absolute;
	left:0px;
	right:0px;
	bottom:40px;
	text-align:center;
}

.banner-section-two .owl-dots .owl-dot{
	position:relative;
	width:30px;
	height:6px;
	margin-bottom:10px;
	border-radius:0px;
	margin:0px 5px;
	display:inline-block;
	background-color:#ffffff;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.banner-section-two .owl-dots .owl-dot.active,
.banner-section-two .owl-dots .owl-dot:hover{
	background-color:#fd9d3e;
}

.banner-section-two .owl-nav{
	position:absolute;
	left:30px;
	top:50%;
	z-index:99999;
	width:100%;
	margin-top:-10px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.banner-section-two .owl-nav .owl-prev{
	position:relative;
	width:60px;
	height:40px;
	color: #ffffff;
	line-height:36px;
	font-size: 84px;
	text-align:center;
	border-radius:0px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	/* border: 2px solid #ffffff; */
}

.banner-section-two .owl-nav .owl-next{
	position: absolute;
	width:60px;
	height:40px;
	color: #ffffff;
	line-height:36px;
	font-size: 84px;
	text-align:center;
	border-radius:0px;
	margin-top: 8px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	/* border: 2px solid #ffffff; */
	right: 70px;
}

.banner-section-two .owl-nav .owl-prev:hover,
.banner-section-two .owl-nav .owl-next:hover{
	color:#04163D;
	
}

/*** 

====================================================================
	Menu Section Four
====================================================================

***/

.menu-section-two{
	position:relative;
	padding:100px 0px 70px;
}

.menu-block-four{
	position:relative;
	margin-bottom:30px;
}

.menu-block-four .inner-box{
	position:relative;
}

.menu-block-four .inner-box .image{
	position:relative;
}

.menu-block-four .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
}

.menu-block-four .inner-box .image .overlay-box{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	color:#ffffff;
	text-align:left;
	 transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
	background-color:rgba(0,0,0,0.20);
}

.menu-block-four .inner-box:hover .overlay-box{
	background-color:rgba(0,0,0,0.80);
}

.menu-block-four .inner-box .overlay-inner{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:table;
	vertical-align:middle;
	padding:10px 0px;
}

.menu-block-four .inner-box .overlay-inner .content{
	position:relative;
	padding-left:190px;
	padding-right:30px;
	display:table-cell;
	vertical-align:middle;
}

.menu-block-four .inner-box .overlay-box h3{
	margin-bottom:10px;
	text-transform:uppercase;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.menu-block-four .inner-box .overlay-box h3 a{
	position:relative;
	color:#ffffff;
}

.menu-block-four .inner-box .overlay-box .price{
	position:relative;
	color:#fd9d3e;
	font-size:18px;
	display:block;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.menu-block-four .inner-box .overlay-box .order-btn{
	position:relative;
	color:#fd9d3e;
	font-size:18px;
	padding:12px 28px;
	margin-top:15px;
	border:1px solid #fd9d3e;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.menu-block-four .inner-box:hover .overlay-box .order-btn{
	color:#ffffff;
	background-color:#fd9d3e;
}

/*** 

====================================================================
	Story Section
====================================================================

***/

.story-section{
	position:relative;
	padding:0px 0px 70px;
}

.story-section .content-column{
	position:relative;
	margin-bottom:40px;
}

.story-section .content-column .inner-column{
	position:relative;
}

.story-section .content-column .inner-column .sec-title{
	margin-bottom:10px;
}

.story-section .content-column .text{
	position:relative;
	color:#111111;
	font-size:16px;
	margin-bottom:15px;
}

.story-section .content-column .timing{
	position:relative;
	color:#111111;
	font-size:18px;
	margin-top:25px;
	margin-bottom:35px;
}

.story-section .content-column .timing span{
	position:relative;
	color:#fd9d3e;
	margin-left:20px;
}

.story-section .image-column{
	position:relative;
	margin-bottom:40px;
}

.case-section .image-column .inner-column{
	position:relative;
}

.story-section .image-column .image{
	position:relative;
	display:inline-block;
	outline-offset: -15px;
	outline: 1px solid rgba(255,255,255,0.80);
}

.story-section .image-column .image-two{
	position:absolute;
	right:15px;
	bottom:50px;
	outline-offset: -15px;
	outline: 1px solid rgba(255,255,255,0.80);
}

/*** 

====================================================================
	mene Section Three
====================================================================

***/

.menu-section-three{
	position:relative;
	padding:100px 0px 70px;
	background-color:#fff;
}

.menu-section-three .menu-tabs-two{
	position:relative;	
}

.menu-tabs-two .tab-btns{
    position: relative;
    text-align: center;
    background-color: #F0F0F0;
    width: 30%;
	margin: 0 auto;
    padding: 10px;
	margin-bottom: 80px;
}

.menu-tabs-two .tab-btns .tab-btn{
	position:relative;
	display:block;
	margin:0px 6px;
	font-size:16px;
	background:none;
	color:#111111;
	font-weight:600;
	cursor:pointer;
	display:inline-block;
	padding:10px 40px 10px;
	transition:all 500ms ease;
	text-transform:capitalize;
	font-family: 'Lato', sans-serif;
	
}
.menu-tabs-two .tawk-to-expert{
  margin-top:20px;
}
.menu-tabs-two .tawk-to-expert a{
    font-size: 14px;
    line-height: 30px;
    color: #ffffff;
    padding: 12px 24px;
    font-weight: 400;
    overflow: hidden;
    border-radius: 34px;
    overflow: hidden;
    letter-spacing: 1px;
    text-transform: uppercase;
    background-color: #de7338;
}

.menu-tabs-two .tab-btns .tab-btn:hover,
.menu-tabs-two .tab-btns .tab-btn.active-btn{
	color:#fff;
	background:#DE7338;
	border-color:#DE7338;
	border-radius: 5px;
}

.menu-tabs-two .tabs-content{
	position:relative;	
}

.menu-tabs-two .tabs-content .tab{
	position:relative;
	display:none;
}

.menu-tabs-two .tabs-content .tab.active-tab{
	display:block;	
}

/* News Block Five */

.menu-block-five{
	position:relative;
	margin-bottom:30px;
}

.menu-block-five .inner-box{
	position:relative;
	min-height:160px;
	background-color:#ffffff;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}


.menu-block-five .inner-box .content{
    position: relative;
    padding-left: 0px;
    float: left;
    width: 50%;
}

.menu-image{
 width: 50%;
   float: right;
}

.menu-block-five .inner-box h4{
	font-weight:700;
}

.menu-block-five .inner-box h4 a{
	position:relative;
	color:#111111;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.menu-block-five .inner-box:hover h4 a{
	color:#fd9d3e;
}

.menu-block-five .inner-box .text{
    margin-top: 7px;
    color: #121212;
    font-size: 20px;
    font-family: 'Lato', sans-serif;
    width: 87%;
}

.menu-block-five .inner-box .side-image{
	position:absolute;
	right:0px;
	bottom:0px;
	opacity:0.10;
	line-height:1em;
}


/*** 

====================================================================
	Services Section Two
====================================================================

***/

.services-section-two{
	position:relative;
	padding:100px 0px 100px;
	background-color:#000000;
	background-repeat:repeat;
}

.services-section-two .lower-button-box{
	position:relative;
	margin-top:10px;
}

.service-block-two{
	position:relative;
	margin-bottom:30px;
}

.service-block-two .inner-box{
	position:relative;
	padding:0px 35px 37px;
	text-align:center;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.service-block-two .inner-box:before{
	position:absolute;
	content:'';
	left:0px;
	top:40px;
	right:0px;
	bottom:0px;
	border:2px solid #ffffff;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.service-block-two .inner-box:hover::before{
	border-color:#fd9d3e;
}

.service-block-two .inner-box .icon-box{
	position:relative;
	width:80px;
	height:80px;
	color:#ffffff;
	font-size:40px;
	line-height:76px;
	margin:0 auto;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	border:2px solid #ffffff;
	background-color:#000000;
}

.service-block-two .inner-box:hover .icon-box{
	color:#ffffff;
	border-color:#fd9d3e;
	background-color:#fd9d3e;
	transform:rotateY(180deg);
}

.service-block-two .inner-box h4{
	margin-top:25px;
}

.service-block-two .inner-box h4 a{
	position:relative;
	color:#ffffff;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.service-block-two .inner-box:hover h4 a{
	color:#fd9d3e;
}

.service-block-two .inner-box .text{
	margin-top:14px;
	color:#989693;
	margin-bottom:16px;
}

.service-block-two .inner-box .btn-box{
	position:relative;
	margin-top:25px;
}

.service-block-two .inner-box .read-more{
	position:relative;
	color:#ffffff;
	font-size:16px;
	padding:10px 30px 12px;
	border:1px solid #ffffff;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.service-block-two .inner-box:hover .read-more{
	border-color:#fd9d3e;
	background-color:#fd9d3e;
}

/*** 

====================================================================
	Team Section Two
====================================================================

***/

.team-section-two{
	position:relative;
	padding:100px 0px 70px;
	background-color:#f9f9f9;
}

.team-block-two{
	position:relative;
	margin-bottom:30px;
}

.team-block-two .inner-box{
	position:relative;
	overflow:hidden;
	padding:15px 15px;
	background-color:#ffffff;
	box-shadow:0px 0px 15px rgba(0,0,0,0.15);
}

.team-block-two .inner-box .image{
	position:relative;
}

.team-block-two .inner-box .image:before{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	right:0px;
	height:60%;
	z-index:1;
	transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
	background: rgba(255,255,255,0);
	background: -webkit-linear-gradient(to bottom, rgba(255,255,255,0) 0%, #000000 100%);
	background: -moz-linear-gradient(to bottom, rgba(255,255,255,0) 0%, #000000 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, #000000 100%);
}

.team-block-two .inner-box:hover .image:before{
	opacity:0;
	visibility:hidden;
}

.team-block-two .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
}

.team-block-two .inner-box .image .overlay-box{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
}

.team-block-two .inner-box:hover .image .overlay-box{
	
}

.team-block-two .inner-box .image .overlay-box .content{
	position:absolute;
	left:15px;
	bottom:15px;
	right:15px;
	text-align:left;
	z-index:1;
	padding:0px 10px 12px;
}

.team-block-two .inner-box .image .overlay-box .designation{
	position:relative;
	color:#fd9d3e;
	font-size:24px;
	font-family: 'Kaushan Script', cursive;
}

.team-block-two .inner-box .image .overlay-box .content h4{
	color:#ffffff;
	margin-top:8px;
}

.team-block-two .inner-box .image .overlay-box .content h4 a{
	color:#ffffff;
}

.team-block-two .inner-box .image .overlay-box-two{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
	transition: -webkit-transform 0.4s ease;
	transition: transform 0.4s ease;
	transition: transform 0.4s ease, -webkit-transform 0.4s ease;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
	background-position:center center;
	background-color:rgba(0,0,0,0.80);
}

.team-block-two .inner-box:hover .image .overlay-box-two{
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
}

.team-block-two .inner-box .image .overlay-box-two .link-box{
	position:absolute;
	right:20px;
	top:20px;
	width:40px;
	height:40px;
	color:#ffffff;
	font-size:20px;
	line-height:40px;
	text-align:center;
	background-color:#fd9d3e;
}

.team-block-two .inner-box .image .overlay-box-two .social-links{
	position:absolute;
	left:-80px;
	top:18px;
	z-index:12;
	opacity:0;
	transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
}

.team-block-two .inner-box:hover .image .overlay-box-two .social-links{
	left:12px;
	opacity:1;
}

.team-block-two .inner-box .image .overlay-box-two .social-links li{
	position:relative;
	margin-bottom:10px;
}

.team-block-two .inner-box .image .overlay-box-two .social-links li a{
	position:relative;
	display:inline-block;
	font-size:18px;
	width:42px;
	height:42px;
	line-height:42px;
	text-align:center;
	color:#ffffff;
	background:#fc721e;
	margin:0px 0px 0px 5px;
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}

.team-block-two .inner-box .image .overlay-box-two .social-links li a:hover{
	opacity:0.80;
}

.team-block-two .inner-box .image .overlay-box-two .social-links li .facebook{
	background:#3b5998;	
}

.team-block-two .inner-box .image .overlay-box-two .social-links li .twitter{
	background:#33ccfe;	
}

.team-block-two .inner-box .image .overlay-box-two .social-links li .instagram{
	background:#f77a42;	
}

.team-block-two .inner-box .image .overlay-box-two .social-links li .linkedin{
	background:#0f72aa;
}

/*** 

====================================================================
	Events Section Two
====================================================================

***/

.events-section-two{
	position:relative;
	padding:100px 0px 70px;
}

.event-block-two{
	position:relative;
	margin-bottom:30px;
}

.event-block-two .inner-box{
	position:relative;
	transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
	box-shadow:0px 0px 10px rgba(0,0,0,0.10);
}

.event-block-two .inner-box:hover{
	box-shadow:0px 0px 15px rgba(0,0,0,0.20);
}

.event-block-two .inner-box .image{
	position:relative;
}

.event-block-two .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
}

.event-block-two .inner-box .image .overlay-box{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background-color:rgba(0,0,0,0.60);
	opacity:0;
	outline-offset: -15px;
	outline: 1px solid #fd9d3e;
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
	-moz-transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}

.event-block-two .inner-box:hover .image .overlay-box{
	opacity:1;
	-moz-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
    visibility: visible;
}

.event-block-two .inner-box .image .overlay-box .link-box{
	position:absolute;
	left:50%;
	top:50%;
	width:50px;
	height:50px;
	color:#ffffff;
	line-height:50px;
	text-align:center;
	margin-left:-25px;
	margin-top:-25px;
	font-size:20px;
	display:inline-block;
	background-color:#fd9d3e;
}

.event-block-two .inner-box .lower-content{
	position:relative;
	padding:30px 25px;
}

.event-block-two .inner-box .lower-content .post-date{
	position:absolute;
	right:30px;
	top:-35px;
	width:60px;
	color:#ffffff;
	padding-bottom:8px;
	font-size:28px;
	font-weight:700;
	padding-top:14px;
	text-align:center;
	background-color:#fd9d3e;
}

.event-block-two .inner-box .lower-content .post-date span{
	position:relative;
	font-size:16px;
	text-transform:uppercase;
}

.event-block-two .inner-box .lower-content h4{
	font-weight:500;
	padding-right:50px;
	margin-bottom:25px;
}

.event-block-two .inner-box .lower-content h4 a{
	position:relative;
	color:#111111;
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}

.event-block-two .inner-box:hover .lower-content h4 a{
	color:#fd9d3e;
}

.event-block-two .inner-box .lower-content .read-more{
	position:relative;
	color:#fd9d3e;
	font-size:16px;
	font-weight:700;
	display:inline-block;
	padding:12px 26px 14px;
	border:2px solid #fd9d3e;
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}

.event-block-two .inner-box:hover .lower-content .read-more{
	color:#ffffff;
	background-color:#fd9d3e;
}

/*** 

====================================================================
	Reservation Section Two
====================================================================

***/

.reservation-section-two{
	position:relative;
	padding:100px 0px 160px;
	background-attachment:fixed;
	background-size:cover;
}

.reservation-section-two:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background-color:rgba(0,0,0,0.85);
}

.reservation-section-two .info-column{
	position:relative;
	margin-bottom:40px;
}

.reservation-section-two .info-column .inner-column{
	position:relative;
	padding:50px 35px 50px;
	background-color:#3a3a3a;
}

.reservation-section-two .info-column .info-list{
	position:relative;
}

.reservation-section-two .info-column .info-list li{
	position:relative;
	padding-left:55px;
	color:#ffffff;
	font-size:16px;
	line-height:1.8em;
	margin-bottom:35px;
}

.reservation-section-two .info-column .info-list li .icon{
	position:absolute;
	left:0px;
	top:0px;
	line-height:1em;
	font-size:36px;
}

.reservation-section-two .info-column .info-list li strong{
	position:relative;
	display:block;
	color:#fd9d3e;
	font-size:24px;
	margin-bottom:10px;
	font-family: 'Playfair Display', serif;
}

.reservation-section-two .info-column .info-list li .text{
	position:relative;
	color:#ffffff;
}

.reservation-section-two .info-column .info-list li:last-child{
	margin-bottom:0px;
}

.reservation-section-two .form-column{
	position:relative;
	margin-bottom:40px;
}

.reservation-section-two .form-column .inner-column{
	position:relative;
}

/*** 

====================================================================
	Deal Section
====================================================================

***/

.deal-section{
	position:relative;
	z-index:1;
}

.deal-section .inner-container{
	position:relative;
	padding:30px 50px;
	margin-top:-130px;
	background-color:#fd9d3e;
	background-repeat:no-repeat;
}

.deal-section .inner-container .content{
	position:relative;
	padding-right:250px;
}

.deal-section .inner-container .content .title{
	position:relative;
	color:#111111;
	font-size:24px;
	line-height:1.3em;
	font-family: 'Kaushan Script', cursive;
}

.deal-section .inner-container .content h2{
	color:#111111;
	margin-top:5px;
	margin-bottom:25px;
}

.deal-section .inner-container .content .time-counter{
	display:inline-block;
}

.deal-section .inner-container .content .btn-box{
	position:relative;
	display:inline-block;
}

.deal-section .inner-container .content .btn-box .order-btn{
	position:relative;
	color:#ffffff;
	font-size:16px;
	font-weight:700;
	padding:16px 35px;
	display:inline-block;
	background-color:#111111;
}

.deal-section .inner-container .content .offbox{
	position:absolute;
	right:0px;
	top:-8px;
	width:100%;
	max-width:230px;
	padding:15px 25px 20px;
	background-color:#111111;
	background-repeat:no-repeat;
	background-position:center center;
}

.deal-section .inner-container .content .offbox .off{
	position:relative;
	color:#fd9d3e;
	font-weight:700;
	line-height:1em;
	font-size:90px;
}

.deal-section .inner-container .content .offbox sup{
	position:absolute;
	top:20px;
	line-height:30px;
	font-size:50px;
	margin-left:10px;
	text-transform:uppercase;
}

.deal-section .inner-container .content .offbox sup i{
	font-style:normal;
	font-size:20px;
}

.deal-section .inner-container .content .text{
	position:relative;
	color:#ffffff;
	font-size:16px;
	line-height:1.6em;
	text-align:center;
	margin-top:10px;
}

.time-counter{
	position:relative;
}

.time-counter .time-countdown{
	position:relative;
}

.time-counter .time-countdown .counter-column{
	position:relative;
	display: inline-block;
	width:88px;
	height:88px;
	font-size:16px;
	line-height: 1em;
	color:#111111;
	text-transform:capitalize;
	font-weight:400;
	text-align: center;
	z-index: 7;
	border-radius: 0px;
	margin-right:35px;
	border:1px solid #111111;
}

.time-counter .time-countdown .counter-column:before{
	position:absolute;
	content:':';
	right:-28px;
	top:0px;
	font-size:70px;
	line-height:1em;
}

.time-counter .time-countdown .counter-column:last-child::before{
	display:none;
}

.time-counter .time-countdown .counter-column .count{
	position:relative;
	display:block;
	font-size:48px;
	line-height:25px;
	padding:10px 0px 20px;
	color:#111111;
	font-weight:700;
	font-family: 'Playfair Display', serif;
}

/*** 

====================================================================
	Testimonial Section
====================================================================

***/

.testimonial-section-two{
    position: relative;
    padding: 35px 0px 100px;
    background-image: url(../images/test-bg.png);
}

.testimonial-section-two .inner-container{
	position:relative;
	
}

.testimonial-section-two .inner-container .image-layer{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	height:400px;
	background-size:cover;
}

.testimonial-section-two .carousel-box{
	position:relative;
	width:100%;
	background-position:right top;
	background-repeat:no-repeat;
}

.testimonial-section-two .carousel-box .owl-dots{
	display:block;
}

.testimonial-section-two .carousel-box .owl-dots{
	position:absolute;
	left:0px;
	right:0px;
	bottom: -40px;
	text-align:center;
}

.testimonial-section-two .carousel-box .owl-dots .owl-dot{
	position:relative;
	margin-bottom:10px;
	border-radius:0px;
	width: 11px;
    height: 11px;
    transform: matrix(0.71, -0.71, 0.71, 0.71, 0, 0);
	margin:0px 5px;
	display:inline-block;
	border:1px solid #fff;
	background-color:transparent;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.testimonial-section-two .carousel-box .owl-dots .owl-dot.active,
.testimonial-section-two .carousel-box .owl-dots .owl-dot:hover{
	background-color:#fff;
}

.testimonial-section-two .owl-nav{

	z-index:99999;
	margin-top:-10px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	float: left;
}

.testimonial-section-two .owl-nav .owl-prev{
	position: relative;
	color: #f1f1f1;
	font-weight: normal;
	font-size: 140px;
	text-align: left;
	border-radius: 0px;
	transition: all 500ms ease;
    -moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}


.testimonial-section-two .owl-prev,
.owl-next {
  position: absolute !important;
  top: 50%;
  transform: translateY(-50%);
}

.testimonial-section-two .owl-prev {
  left: -2rem !important;
}

.testimonial-section-two .owl-next {
  right: -2rem !important;
}
.testimonial-section-two .owl-nav .owl-next{
	position: relative;
	color:#f1f1f1;
	line-height:36px;
	right: 0;
	font-size: 140px;
	 text-align: right;
	border-radius:0px;
	/* margin-top:8px; */
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.testimonial-section-two .owl-nav .owl-prev:hover,
.testimonial-section-two .owl-nav .owl-next:hover{
	color: #000000;
}
.testimonial-section-two .owl-nav span{
 -webkit-text-stroke-width: 5px;
-webkit-text-stroke-color: #E07439;
}
 
.testimonial-block-two{
	position:relative;
}

.testimonial-block-two .inner-box{
	position:relative;
	padding:60px 30px 50px;
}

.testimonial-block-two .inner-box .quote-icon{
	position:relative;
	width:60px;
	height:60px;
	color:#fd9d3e;
	font-size:30px;
	text-align:center;
	line-height:58px;
	display:inline-block;
	border:1px solid #fd9d3e;
}

.testimonial-block-two .inner-box .text{
	color: #FFFFFF;
	font-size:16px;
	margin-top:25px;
	line-height: 28px;
	font-weight:400;
	margin-bottom:20px;
	text-align:center;
	font-family: 'Lato', sans-serif;
	
}
.testimonial-block-two .testimonial-img{ text-align:center; margin-bottom:20px; }
.testimonial-block-two .testimonial-img img{  width: 100px;
border:7px solid #f1c7af; 
border-radius:100%;
margin:0 auto;
height: 100px;}

.testimonial-block-two .inner-box .designation{
	position:relative;
	color:#fff;
	text-transform:uppercase;
	font-size:16px;
	text-align: center;
	font-weight:500;
    font-family: 'Lato', sans-serif;
}

.testimonial-block-two .inner-box .desination-small{
	position:relative;
	color:#fff;
	font-size:12px;
	text-align: center;
	font-weight:500;
    font-family: 'Lato', sans-serif;
}

/*** 

====================================================================
	News Section Two
====================================================================

***/

.news-section-two{
	position:relative;
	padding:100px 0px 70px;
	background-image: url(../images/bg.jpg);
}

.news-block-two{
	position:relative;
	margin-bottom:30px;
}

.news-block-two .inner-box{
	position:relative;
	transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
	
}

.news-block-two .inner-box:hover{
}

.news-block-two .inner-box .image{
	position:relative;
}

.news-block-two .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
}

.news-block-two .inner-box .image .overlay-box{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background-color:rgba(0,0,0,0.60);
	opacity:0;
	outline-offset: -15px;
	outline: 1px solid #fd9d3e;
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
	-moz-transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}

.news-block-two .inner-box:hover .image .overlay-box{
	opacity:1;
	-moz-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
    visibility: visible;
}

.news-block-two .inner-box .image .overlay-box .link-box{
	position: absolute;
    left: 0;
    top: 45%;
    right: 0;
    color: #ffffff;
    text-align: center;
    font-size: 13px;
    display: inline-block;
    font-family: 'Lato', sans-serif;
}

.news-block-two .inner-box .lower-content{
    position: relative;
    padding: 17px 5px;
}

.news-block-two .inner-box .lower-content .category{
	position:absolute;
	right:30px;
	top:-15px;
	color:#ffffff;
	padding:4px 20px;
	font-size:14px;
	font-weight:400;
	background-color:#fd9d3e;
}

.news-block-two .inner-box .lower-content .post-date span{
	position:relative;
	font-size:16px;
	text-transform:uppercase;
}

.news-block-two .inner-box .lower-content h4{
	font-weight:400;
	padding-right:50px;
    margin-bottom: 0px;
	line-height: 11px;
}

.news-block-two .inner-box .lower-content h4 a{
	position:relative;
	color:#000;
    font-family: 'Lato', sans-serif;
    font-size:14px; font-weight:bold;
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}

.news-block-two .inner-box:hover .lower-content h4 a{
	color:#fd9d3e;
	
}

.news-block-two .inner-box .lower-content .date{
    float: left;
    width: 20%;
    border-right: 1px solid #d2d2d2;
    padding-top: 6px;
	height: 72px;
    margin-right: 15px;
}
.news-block-two .inner-box .lower-content .date h4{
    color: #DE7338;
    font-size: 44px;
    font-family: 'Lato', sans-serif;
    font-weight: 900;
    margin: 0;
    padding: 0;
    line-height: 40px;
}
 
   .news-block-two .inner-box .lower-content .date p{
 color:#999999;
 font-size:10px;
 font-family: 'Lato', sans-serif;
 font-weight:300;
}

.news-block-two .inner-box .lower-content .text{
	color: #666666;
    font-size: 12px;
    margin-bottom: 14px;
    font-family: 'Lato', sans-serif;
    line-height: 16px;
    margin-top: 7px;
}

.news-block-two .inner-box .lower-content .post-meta{
	position:relative;
	margin-bottom:22px;
}


/*** 

====================================================================
	Banner Section Three
====================================================================

***/

.banner-section-three{
	position:relative;
	overflow:hidden;
}

.banner-section-three .slide::before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	z-index:2;
	background-color:rgba(0,0,0,0.40);
}

.banner-section-three .slide{
	position:relative;
	overflow:hidden;
	padding-top:180px;
	padding-bottom:240px;
	background-size:cover;
	background-position:center right;
}

.banner-section-three .content-column{
	position:relative;
	z-index:10;
}

.banner-section-three .content-column .inner-column{
	position:relative;
}

.banner-section-three .content-column .title{
	position:relative;
	color:#94592d;
	font-size:24px;
	line-height:1.8em;
	margin-bottom:16px;
	font-weight:400;
	opacity: 0;
	transform: scaleY(0);
	transform-origin: top;
	display:inline-block;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	font-family: 'Kaushan Script', cursive;
}

.banner-section-three .active .content-column .title{
	opacity: 1;
	transform: scaleY(1);
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}

.banner-section-three .content-column h1{
	position:relative;
	color:#ffffff;
	font-weight:700;
	line-height:1.1em;
	opacity: 0;
	font-size:72px;
	transform: scaleY(0);
	transform-origin: top;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

.banner-section-three .active .content-column h1{
	opacity: 1;
	transform: scaleY(1);
	-webkit-transition-delay: 600ms;
	-moz-transition-delay: 600ms;
	-ms-transition-delay: 600ms;
	-o-transition-delay: 600ms;
	transition-delay: 600ms;
}

.banner-section-three .content-column h1 span{
	color:#94592d;
}

.banner-section-three .content-column .text{
	color:#ffffff;
	font-size:20px;
	margin-top:30px;
	margin-bottom:30px;
	font-weight:400;
	opacity: 0;
	max-width:600px;
	transform: scaleY(0);
	transform-origin: top;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

.banner-section-three .active .content-column .text{
	opacity: 1;
	transform: scaleY(1);
	-webkit-transition-delay: 900ms;
	-moz-transition-delay: 900ms;
	-ms-transition-delay: 900ms;
	-o-transition-delay: 900ms;
	transition-delay: 900ms;
}

.banner-section-three .content-column .btns-box{
	margin-top:35px;
	opacity: 0;
	transform: scaleY(0);
	transform-origin: top;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

.banner-section-three .active .content-column .btns-box{
	opacity: 1;
	transform: scaleY(1);
	-webkit-transition-delay: 1200ms;
	-moz-transition-delay: 1200ms;
	-ms-transition-delay: 1200ms;
	-o-transition-delay: 1200ms;
	transition-delay: 1200ms;
}

.banner-section-three .content-column .theme-btn{
	margin-right:20px;
}

.banner-section-three .owl-dots{
	position:absolute;
	left:0px;
	right:0px;
	bottom:40px;
	text-align:center;
}

.banner-section-three .owl-dots .owl-dot{
	position:relative;
	width:30px;
	height:6px;
	margin-bottom:10px;
	border-radius:0px;
	margin:0px 5px;
	display:inline-block;
	background-color:#ffffff;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.banner-section-three .owl-dots .owl-dot.active,
.banner-section-three .owl-dots .owl-dot:hover{
	background-color:#94592d;
}

.banner-section-three .owl-nav{
	position:absolute;
	left:30px;
	top:50%;
	right:30px;
	z-index:99999;
	margin-top:-30px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.banner-section-three .owl-nav .owl-prev{
	position:absolute;
	left:0px;
	width:60px;
	height:60px;
	color:#ffffff;
	line-height:60px;
	font-size:24px;
	text-align:center;
	border-radius:0px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	border-left:2px solid #94592d;
	border-right:2px solid #94592d;
	background-color:rgba(255,255,255,0.20);
}

.banner-section-three .owl-nav .owl-next{
	position:absolute;
	right:0px;
	width:60px;
	height:60px;
	color:#ffffff;
	line-height:60px;
	font-size:24px;
	text-align:center;
	border-radius:0px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	border-left:2px solid #94592d;
	border-right:2px solid #94592d;
	background-color:rgba(255,255,255,0.20);
}

.banner-section-three .owl-nav .owl-prev:hover,
.banner-section-three .owl-nav .owl-next:hover{
	color:#ffffff;
	border-color:#94592d;
	background-color:#94592d;
}

/*** 

====================================================================
	mene Section Four
====================================================================

***/

.menu-section-four{
	position:relative;
	z-index:2;
	padding:0px 0px 50px;
}

.menu-section-four .menu-block-six{
	padding:0px;
	float:left;
}

.menu-section-four .inner-container{
	margin-top:-120px;
}

/* News Block Six */

.menu-block-six{
	position:relative;
	margin-bottom:30px;
}

.menu-block-six .inner-box{
	position:relative;
	box-shadow:0px 0px 15px rgba(0,0,0,0.15);
}

.menu-block-six .inner-box .image{
	position:relative;
}

.menu-block-six .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
}

.menu-block-six .inner-box .image .overlay-box{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	color:#ffffff;
	text-align:center;
	 transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
	background-color:rgba(0,0,0,0.60);
}

.menu-block-six .inner-box:hover .overlay-box{
	background-color:rgba(148,89,45,0.80);
}

.menu-block-six .inner-box .overlay-inner{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:table;
	vertical-align:middle;
	padding:10px 0px;
}

.menu-block-six .inner-box .overlay-inner .content{
	position:relative;
	display:table-cell;
	vertical-align:middle;
}

.menu-block-six .inner-box .overlay-box .title{
	position:relative;
}

.menu-block-six .inner-box .overlay-box h2{
	margin-bottom:15px;
	margin-top:8px;
	text-transform:capitalize;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.menu-block-six .inner-box .overlay-box h2 a{
	position:relative;
	color:#ffffff;
}

.menu-block-six .inner-box .overlay-box .view{
	position:relative;
	color:#ffffff;
	font-size:18px;
	display:inline-block;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

/*** 

====================================================================
	Welcome Section Two
====================================================================

***/

.welcome-section-two{
	position:relative;
	padding:40px 0px 60px;
}

.welcome-section-two .content-column{
	position:relative;
	margin-bottom:40px;
}

.welcome-section-two .content-column .inner-column{
	position:relative;
}

.welcome-section-two .content-column .sec-title-two{
	margin-bottom:18px;
}

.welcome-section-two .content-column .bold-text{
	position:relative;
	color:#000000;
	font-size:18px;
	font-weight:600;
	line-height:1.8em;
}

.welcome-section-two .content-column .text{
	color:#555555;
	margin-top:14px;
	margin-bottom:30px;
}

/* Fact Counter */

.fact-counter{
	position:relative;
	z-index:1;
}

.fact-counter .column{
	position:relative;
	margin-bottom:30px;
}

.fact-counter .column .inner{
	position:relative;
}

.fact-counter .column .inner .content{
	position:relative;
	padding-left:90px;
}

.fact-counter .column .inner .icon{
	position:absolute;
	left:0px;
	top:0px;
	width:70px;
	height:70px;
	color:#ffffff;
	font-size:36px;
	text-align:center;
	line-height:70px;
	font-weight: 400;
	background-color:#000000;
	transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
	
}

.fact-counter .column .inner:hover .icon{
	background-color:#94592d;
	-webkit-transform: scale(-1) rotate(180deg);
    -moz-transform: scale(-1) rotate(180deg);
    -ms-transform: scale(-1) rotate(180deg);
    -o-transform: scale(-1) rotate(180deg);
    transform: scale(-1) rotate(180deg);
}

.fact-counter .count-outer .percentage{
	position:relative;
	font-weight:600;
	color:#222222;
	font-size:30px;
	line-height:1em;
}

.fact-counter .column .inner .count-outer{
	position:relative;
	font-weight:400;
	color:#000000;
	font-size:44px;
	line-height:24px;
	font-family: 'Playfair Display', serif;
}

.fact-counter .column .inner .counter-title{
	position:relative;
	color:#000000;
	font-size:16px;
	font-weight:400;
	margin-top:20px;
	display:block;
}

.welcome-section-two .image-column{
	position:relative;
	margin-bottom:40px;
}

.welcome-section-two .image-column .inner-column{
	position:relative;
	text-align:right;
	padding-bottom:125px;
}

.welcome-section-two .image-column .image-two{
	position:absolute;
	left:0px;
	bottom:0px;
}

/*** 

====================================================================
	Trending Section Two
====================================================================

***/

.trending-section-two{
	position:relative;
	padding:100px 0px 100px;
	background-color:#f9f9f9;
}

.trending-section-two .owl-carousel .owl-stage-outer{
	padding:10px 0px 30px;
}

.trending-section-two .owl-theme .trending-block{
	margin:0px 15px;
}

.trending-section-two .owl-carousel{
	margin:0px -15px;
	width:auto;
}

.trending-section-two .owl-dots{
	display:none;
}

.trending-section-two .owl-nav{
	position:relative;
	text-align:center;
	margin-top:10px;
}

.trending-section-two .owl-nav .owl-prev,
.trending-section-two .owl-nav .owl-next{
	position:relative;
	width:40px;
	height:40px;
	color:#ffffff;
	margin:0px 8px;
	font-size:20px;
	line-height:38px;
	display:inline-block;
	background-color:#000000;
	border-right:2px solid #94592d;
	border-left:2px solid #94592d;
	transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
}

.trending-section-two .owl-nav .owl-prev:hover,
.trending-section-two .owl-nav .owl-next:hover{
	background-color:#94592d;
}

.trending-block{
	position:relative;
	margin-bottom:30px;
}

.trending-block .inner-box{
	position:relative;
}

.trending-block .inner-box .image{
	position:relative;
	margin:0px 20px;
	z-index:1;
}

.trending-block .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
}

.trending-block .inner-box .image .overlay-box{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background-color:rgba(0,0,0,0.80);
	opacity:0;
	outline-offset: -15px;
	outline: 1px dashed rgba(255,255,255,0.50);
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
	-moz-transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}

.trending-block .inner-box:hover .image .overlay-box{
	opacity:1;
	-moz-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
    visibility: visible;
}

.trending-block .inner-box .image .overlay-box .options{
	position:absolute;
	left:50%;
	top:50%;
	transform:translateX(-50%) translateY(-50%);
}

.trending-block .inner-box .image .overlay-box .options a{
	position:relative;
	width:40px;
	height:40px;
	color:#ffffff;
	line-height:40px;
	font-size:18px;
	margin:0px 5px;
	text-align:center;
	display:inline-block;
	border-left:2px solid #94592d;
	border-right:2px solid #94592d;
	background-color:rgba(255,255,255,0.20);
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}

.trending-block .inner-box .image .overlay-box .options a:hover{
	background-color:#94592d;
}

.trending-block .inner-box .lower-content{
	position:relative;
	margin-top:-35px;
	padding:60px 25px 35px;
	background-color:#ffffff;
	box-shadow:0px 0px 10px rgba(0,0,0,0.10);
}

.trending-block .inner-box .lower-content .price{
	position:absolute;
	right:40px;
	top:20px;
	z-index:1;
	color:#ffffff;
	padding:5px 12px;
	font-size:18px;
	font-weight:700;
	background-color:#94592d;
}

.trending-block .inner-box .lower-content h4{
	margin-bottom:10px;
}

.trending-block .inner-box .lower-content h4 a{
	position:relative;
	color:#111111;
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}

.trending-block .inner-box:hover .lower-content h4 a{
	color:#94592d;
}

.trending-block .inner-box .lower-content .text{
	color:#555555;
	margin-bottom:20px;
}

.trending-block .inner-box .lower-content .read-more{
	position:relative;
	color:#ffffff;
	font-size:16px;
	font-weight:700;
	display:inline-block;
	padding:12px 26px 14px;
	background-color:#000000;
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}

.trending-block .inner-box:hover .lower-content .read-more{
	color:#ffffff;
	background-color:#94592d;
}

/*** 

====================================================================
	mene Section Five
====================================================================

***/

.menu-section-five{
	position:relative;
	padding:100px 0px 50px;
	background-size:cover;
}

.menu-section-five:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background-color:rgba(0,0,0,0.80);
}

.menu-section-five .menu-tabs-three{
	position:relative;	
}

.menu-tabs-three .tab-btns{
	position:relative;
	text-align:center;
	margin-bottom:40px;
}

.menu-tabs-three .tab-btns .tab-btn{
	position:relative;
	display:block;
	margin:0px 13px;
	font-size:20px;
	background:none;
	color:#ffffff;
	font-weight:600;
	cursor:pointer;
	margin-bottom:12px;
	display:inline-block;
	padding:14px 30px 14px;
	background-color:#ffffff;
	transition:all 500ms ease;
	text-transform:capitalize;
	border-left:2px solid #94592d;
	border-right:2px solid #94592d;
	font-family: 'Playfair Display', serif;
	background-color:rgba(255,255,255,0.20);
}

.menu-tabs-three .tab-btns .tab-btn .menu-icon{
	position:relative;
	font-weight:400;
	margin-right:12px;
	font-size:24px;
}

.menu-tabs-three .tab-btns .tab-btn:hover,
.menu-tabs-three .tab-btns .tab-btn.active-btn{
	color:#ffffff;
	background:#94592d;
	border-color:#94592d;
}

.menu-tabs-three .tabs-content{
	position:relative;	
}

.menu-tabs-three .tabs-content .tab{
	position:relative;
	display:none;
}

.menu-tabs-three .tabs-content .tab.active-tab{
	display:block;	
}

/*** 

====================================================================
	Menu Section Five
====================================================================

***/

.menu-section-five{
	position:relative;
	padding:100px 0px 100px;
}

.menu-section-five .lower-btn-box{
	position:relative;
	margin-top:10px;
}

.menu-block-seven{
	position:relative;
	margin-bottom:30px;
}

.menu-block-seven .inner-box{
	position:relative;
}

.menu-block-seven .inner-box .image{
	position:relative;
}

.menu-block-seven .inner-box .image:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	z-index:1;
	border:10px solid rgba(255,255,255,0.15);
	transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.menu-block-seven .inner-box:hover .image:before{
	opacity:0;
}

.menu-block-seven .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
}

.menu-block-seven .inner-box .image .overlay-box{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	text-align:center;
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
	transition: -webkit-transform 0.4s ease;
	transition: transform 0.4s ease;
	transition: transform 0.4s ease, -webkit-transform 0.4s ease;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
	background-position:center center;
	border:4px solid #94592d;
	background-color:rgba(0,0,0,0.80);
}

.menu-block-seven .inner-box:hover .overlay-box{
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
}

.menu-block-seven .inner-box .overlay-inner{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:table;
	vertical-align:middle;
	padding:10px 0px;
}

.menu-block-seven .inner-box .overlay-inner .content{
	position:relative;
	display:table-cell;
	vertical-align:middle;
}

.menu-block-seven .inner-box .overlay-box .price{
	position:relative;
	color:#94592d;
	font-size:18px;
	font-weight:700;
}

.menu-block-seven .inner-box .overlay-box h4{
	margin-top:18px;
	margin-bottom:8px;
	text-transform:capitalize;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.menu-block-seven .inner-box .overlay-box h4 a{
	position:relative;
	color:#ffffff;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.menu-block-seven .inner-box .overlay-box h4 a:hover{
	color:#94592d;
}

.menu-block-seven .inner-box .overlay-box .text{
	position:relative;
	color:#b2b2b2;
	font-size:16px;
	margin-top:15px;
	margin-bottom:15px;
}

.menu-block-seven .inner-box .overlay-box .cart{
	position:relative;
	color:#ffffff;
	font-size:16px;
	padding:12px 30px;
	font-weight:700;
	display:inline-block;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	border-left:4px solid #94592d;
	border-right:4px solid #94592d;
	background-color:rgba(255,255,255,0.20);
}

.menu-block-seven .inner-box .overlay-box .cart:hover{
	background-color:#94592d;
}

/*** 

====================================================================
	Services Section Three
====================================================================

***/

.services-section-three{
	position:relative;
	padding:100px 0px 50px;
}

.services-section-three .left-column{
	position:relative;
	margin-bottom:40px;
}

.services-section-three .left-column .inner-column{
	position:relative;
}

.service-block-three{
	position:relative;
	margin-bottom:30px;
}

.service-block-three .inner-box{
	position:relative;
	padding:45px 25px 25px 90px;
}

.service-block-three .inner-box:before{
	position:absolute;
	content:'';
	left:30px;
	top:0px;
	right:0px;
	bottom:0px;
	border-radius:5px;
	box-shadow:0px 0px 15px rgba(0,0,0,0.15);
}

.service-block-three .inner-box .icon-box{
	position:absolute;
	left:0px;
	top:30px;
	width:60px;
	height:60px;
	color:#ffffff;
	font-size:32px;
	text-align:center;
	line-height:60px;
	background-color:#000000;
	transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
}

.service-block-three .inner-box:hover .icon-box{
	background-color:#94592d;
	-webkit-transform: scale(-1) rotate(180deg);
    -moz-transform: scale(-1) rotate(180deg);
    -ms-transform: scale(-1) rotate(180deg);
    -o-transform: scale(-1) rotate(180deg);
    transform: scale(-1) rotate(180deg);
}

.service-block-three .inner-box h4{
	margin-bottom:12px;
}

.service-block-three .inner-box h4 a{
	position:relative;
	color:#000000;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.service-block-three .inner-box:hover h4 a{
	color:#94592d;
}

.service-block-three .inner-box .text{
	color:#555555;
}

.service-block-three .inner-box .side-icon{
	position:absolute;
	right:0px;
	bottom:0px;
	opacity:0.10;
	font-size:70px;
	line-height:1em;
	color:#444444;
	transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
}

.service-block-three .inner-box:hover .side-icon{
	font-size:100px;
	color:#94592d;
	-webkit-transform: scale(-1) rotate(180deg);
    -moz-transform: scale(-1) rotate(180deg);
    -ms-transform: scale(-1) rotate(180deg);
    -o-transform: scale(-1) rotate(180deg);
    transform: scale(-1) rotate(180deg);
}

.service-block-three.style-two .inner-box{
	padding:45px 90px 25px 25px;
	text-align:right;
}

.service-block-three.style-two .inner-box .icon-box{
	right:0px;
	left:auto;
}

.service-block-three.style-two .inner-box:before{
	left:0px;
	right:30px;
}

.service-block-three.style-two .inner-box .side-icon{
	left:0px;
	right:auto;
}

.services-section-three .right-column{
	position:relative;
	margin-bottom:40px;
}

.services-section-three .right-column .inner-column{
	position:relative;
}

.services-section-three .image-column{
	position:relative;
	margin-bottom:40px;
}

.services-section-three .image-column .inner-column{
	position:relative;
}

.services-section-three .image-column .image{
	position:relative;
	margin-top:50px;
	margin-left:-10px;
}

/*** 

====================================================================
	Events Section Three
====================================================================

***/

.events-section-three{
	position:relative;
	padding:100px 0px 100px;
	background-attachment:fixed;
	background-size:cover;
}

.events-section-three:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background-color:rgba(0,0,0,0.85);
}

.events-section-three .lower-btn-box{
	position:relative;
	margin-top:20px;
}

.event-block-three{
	position:relative;
	margin-bottom:30px;
}

.event-block-three .inner-box{
	position:relative;
	overflow:hidden;
	box-shadow:0px 0px 10px rgba(0,0,0,0.10);
}

.event-block-three .inner-box .image{
	position:relative;
}

.event-block-three .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
}

.event-block-three .inner-box .image .posted-date{
	position:absolute;
	left:50%;
	bottom:12px;
	width:80px;
	z-index:1;
	height:80px;
	color:#ffffff;
	padding:12px 2px;
	font-size:32px;
	text-align:center;
	font-weight:700;
	margin-left:-40px;
	border:2px solid #94592d;
	background-color:#000000;
	transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
}

.event-block-three .inner-box:hover .image .posted-date{
	opacity:0;
	bottom:-150px;
}

.event-block-three .inner-box .image .posted-date span{
	position:relative;
	font-size:18px;
	display:block;
	margin-top:8px;
	text-transform:uppercase;
}

.event-block-three .inner-box .image .overlay-box{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
	transition: -webkit-transform 0.4s ease;
	transition: transform 0.4s ease;
	transition: transform 0.4s ease, -webkit-transform 0.4s ease;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
	background-position:center center;
	border:6px solid #94592d;
	background-color:rgba(0,0,0,0.20);
}

.event-block-three .inner-box:hover .image .overlay-box{
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
}

.event-block-three .inner-box .image:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	z-index:1;
	border:12px solid rgba(255,255,255,0.10);
	transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
}

.event-block-three .inner-box:hover .image:before{
	opacity:0;
	visibility:hidden;
}

.event-block-three .inner-box .image .overlay-box .content-box{
	position:absolute;
	left:20px;
	right:20px;
	bottom:0px;
}

.event-block-three .inner-box .image .overlay-box .content-box .post-date{
	position:relative;
	margin:0px;
	width:60px;
	height:60px;
	color:#ffffff;
	padding:8px 2px;
	font-size:28px;
	text-align:center;
	font-weight:700;
	margin:0 auto;
	background-color:#94592d;
}

.event-block-three .inner-box .image .overlay-box .content-box .post-date span{
	position:relative;
	font-size:16px;
	display:block;
	margin-top:3px;
	text-transform:uppercase;
}

.event-block-three .inner-box .image .overlay-box .content-box .post-date:before{
	position:absolute;
	content:'';
	left:0px;
	top:-22px;
	right:0px;
	width:60px;
	height:21px;
	background:url(../images/icons/date-bg.png) no-repeat;
}

.event-block-three .inner-box .image .overlay-box .content-box .content{
	position:relative;
	padding:25px 25px;
	z-index:1;
	background-color:rgba(0,0,0,0.70);
}

.event-block-three .inner-box .image .overlay-box .content-box .content .location{
	position:relative;
	padding-left:25px;
	color:#999898;
	font-size:16px;
}

.event-block-three .inner-box .image .overlay-box .content-box .content .location:before{
	position:absolute;
	content: "\f127";
	left:0px;
	top:0px;
	color:#94592d;
	font-size:18px;
	font-family: "Flaticon";
}

.event-block-three .inner-box .image .overlay-box h4{
	margin-top:14px;
}

.event-block-three .inner-box .image .overlay-box h4 a{
	color:#ffffff;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.event-block-three .inner-box .image .overlay-box h4 a:hover{
	color:#94592d;
}

.event-block-three .inner-box .image .overlay-box .text{
	position:relative;
	margin-top:10px;
	color:#b2b2b2;
	margin-bottom:25px;
}

/*** 

====================================================================
	Testimonial Section Three
====================================================================

***/

.testimonial-section-three{
	position:relative;
	padding:100px 0px 100px;
}

.testimonial-section-three .inner-container{
	position:relative;
	max-width:750px;
	margin:0 auto;
}

.testimonial-section-three .owl-carousel .owl-stage-outer{
	padding:30px 0px 30px;
}

.testimonial-section-three .owl-theme .testimonial-block-three{
	margin:0px 15px;
}

.testimonial-section-three .owl-carousel{
	margin:0px -15px;
	width:auto;
}

.testimonial-section-three .owl-nav{
	position:absolute;
	left:-90px;
	top:50%;
	right:-90px;
	margin-top:-22px;
}

.testimonial-section-three .owl-nav .owl-prev{
	position:absolute;
	left:0px;
	width:44px;
	height:44px;
	color:#ffffff;
	font-size:24px;
	text-align:center;
	line-height:44px;
	display:inline-block;
	background-color:#000000;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.testimonial-section-three .owl-nav .owl-next{
	position:absolute;
	right:0px;
	width:44px;
	height:44px;
	color:#ffffff;
	font-size:24px;
	text-align:center;
	line-height:44px;
	display:inline-block;
	background-color:#000000;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.testimonial-section-three .owl-nav .owl-prev:hover,
.testimonial-section-three .owl-nav .owl-next:hover{
	background-color:#94592d;
}

.testimonial-block-three{
	position:relative;
}

.testimonial-block-three .inner-box{
	position:relative;
	padding:30px 30px;
	min-height:298px;
	overflow:hidden;
	box-shadow:0px 0px 15px rgba(0,0,0,0.15);
}

.testimonial-block-three .inner-box .content{
	position:relative;
	padding-left:260px;
}

.testimonial-block-three .inner-box .content .quote-icon{
	position:absolute;
	right:0px;
	top:-80px;
	color:#94592d;
	line-height:1em;
	font-size:300px;
	opacity:0.10;
	transform:rotate(-5deg);
}

.testimonial-block-three .inner-box .content .image{
	position:absolute;
	left:0px;
	top:0px;
	width:232px;
}

.testimonial-block-three .inner-box h4{
	color:#000000;
}

.testimonial-block-three .inner-box .designation{
	margin-top:4px;
	color:#94592d;
	margin-bottom:15px;
}

.testimonial-block-three .inner-box .text{
	color:#000000;
	font-weight:700;
	font-size:20px;
}

/*** 

====================================================================
	News Section Three
====================================================================

***/

.news-section-three{
	position:relative;
	padding:100px 0px 100px;
	background-color:#f9f9f9;
}

.news-section-three .owl-dots{
	display:none;
}

.news-section-three .owl-nav{
	position:relative;
	text-align:center;
	margin-top:10px;
}

.news-section-three .owl-nav .owl-prev,
.news-section-three .owl-nav .owl-next{
	position:relative;
	width:44px;
	height:44px;
	color:#ffffff;
	font-size:20px;
	margin:0px 8px;
	line-height:44px;
	text-align:center;
	display:inline-block;
	background-color:#000000;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.news-section-three .owl-nav .owl-prev:hover,
.news-section-three .owl-nav .owl-next:hover{
	background-color:#94592d;
}

.news-block-three{
	position:relative;
	margin-bottom:30px;
}

.news-block-three .inner-box{
	position:relative;
}

.news-block-three .inner-box .image{
	position:relative;
}

.news-block-three .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
}

.news-block-three .inner-box .image .overlay-box{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background-color:rgba(0,0,0,0.60);
	opacity:0;
	outline-offset: -15px;
	outline: 1px dashed rgba(255,255,255,0.50);
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
	-moz-transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}

.news-block-three .inner-box:hover .image .overlay-box{
	opacity:1;
	-moz-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
    visibility: visible;
}

.news-block-three .inner-box .image .overlay-box .link-box{
	position:absolute;
	left:50%;
	top:50%;
	width:50px;
	height:50px;
	color:#ffffff;
	line-height:50px;
	text-align:center;
	margin-left:-25px;
	margin-top:-70px;
	font-size:20px;
	display:inline-block;
	border-left:2px solid #94592d;
	border-right:2px solid #94592d;
	background-color:rgba(255,255,255,0.20);
}

.news-block-three .inner-box .lower-content{
	position:relative;
	padding:30px 25px;
	margin-left:30px;
	margin-top:-120px;
	margin-right:30px;
	background-color:#ffffff;
	box-shadow:0px 0px 10px rgba(0,0,0,0.10);
}

.news-block-three .inner-box .lower-content .category{
	position:absolute;
	right:30px;
	top:-15px;
	color:#ffffff;
	padding:4px 20px;
	font-size:14px;
	font-weight:400;
	background-color:#94592d;
}

.news-block-three .inner-box .lower-content .post-date span{
	position:relative;
	font-size:16px;
	text-transform:uppercase;
}

.news-block-three .inner-box .lower-content h6{
	font-weight:700;
	margin-bottom:8px;
}

.news-block-three .inner-box .lower-content h6 a{
	position:relative;
	color:#111111;
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}

.news-block-three .inner-box:hover .lower-content h6 a{
	color:#94592d;
}

.news-block-three .inner-box .lower-content .text{
	color:#111111;
	margin-bottom:20px;
}

.news-block-three .inner-box .lower-content .post-meta{
	position:relative;
	margin-bottom:12px;
}

.news-block-three .inner-box .lower-content .post-meta li{
	position:relative;
	padding-left:25px;
	color:#111111;
	font-size:16px;
	margin-right:15px;
	display:inline-block;
}

.news-block-three .inner-box .lower-content .post-meta li .icon{
	position:absolute;
	left:0px;
	top:0px;
	color:#94592d;
}

.news-block-three .inner-box .lower-content .read-more{
	position:relative;
	color:#ffffff;
	font-size:16px;
	font-weight:700;
	display:inline-block;
	padding:14px 34px 16px;
	background-color:#000000;
	border-left:2px solid #94592d;
	border-right:2px solid #94592d;
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}

.news-block-three .inner-box .lower-content .read-more:hover{
	color:#ffffff;
	background-color:#94592d;
}

/*** 

====================================================================
	Default Section
====================================================================

***/

.default-section{
	position:relative;
	padding:0px 0px 0px;
	background-color:#f9f9f9;
}

.default-section .image-layer{
	position:absolute;
	left:0px;
	top:30px;
	right:0px;
	bottom:30px;
}

.default-section .image-layer:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background-color:rgba(0,0,0,0.80);
}

.default-section .newsletter-column{
	position:relative;
	z-index:1;
}

.default-section .newsletter-column .inner-column{
	position:relative;
	padding:40px 30px;
	background-color:#94592d;
	background-position:right bottom;
	background-repeat:no-repeat;
}

.default-section .newsletter-column .sec-title-two{
	margin-bottom:20px;
}

.default-section .newsletter-column .text{
	color:#ffffff;
	margin-bottom:30px;
}

.default-section .reservation-column{
	position:relative;
	z-index:1;
}

.default-section .reservation-column .inner-column{
	position:relative;
	padding:38.5px 30px;
	background-color:#94592d;
	background-position:right bottom;
	background-repeat:no-repeat;
}

.default-section .reservation-column .sec-title-two{
	margin-bottom:20px;
}

/* Newsletter Form */

.newsletter-form-two{
	position:relative;
	margin-bottom:30px;
}

.newsletter-form-two .form-group{
    position: relative;
    display: block;
    z-index:1;
	margin-bottom: 0px;
}

.newsletter-form-two .form-group input[type="text"],
.newsletter-form-two .form-group input[type="tel"],
.newsletter-form-two .form-group input[type="email"],
.newsletter-form-two .form-group textarea {
    position: relative;
    width: 100%;
    line-height: 28px;
    padding: 10px 25px;
    height: 54px;
	color:#ffffff;
	display:inline-block;
    font-size: 14px;
	letter-spacing:1px;
	border-radius:0px;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
	background:rgba(255,255,255,0.20);
}

.newsletter-form-two .form-group textarea::-webkit-input-placeholder,
.newsletter-form-two .form-group input::-webkit-input-placeholder{
	color:#ffffff;
}

.newsletter-form-two .form-group input:focus{
	border-color:#ffffff;
}

.newsletter-form-two .form-group input[type="submit"],
.newsletter-form-two .form-group button {
	padding:13px 38px;
	margin-top:30px;
}

/* Reservation Form */

.reservation-form{
	position: relative;
	z-index:1;
}

.reservation-form .form-group{
	position:relative;
	margin-bottom:15px;	
}

.reservation-form .form-group input[type="text"],
.reservation-form .form-group input[type="email"],
.reservation-form .form-group input[type="tel"],
.reservation-form .form-group input[type="url"],
.reservation-form .form-group textarea,
.reservation-form .form-group select{
	position: relative;
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 20px;
    color: #ffffff;
    font-weight: 400;
    padding: 14px 24px;
	z-index:1;
	height:40px;
    background-color: rgba(255,255,255,0.20);
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.reservation-form .form-group input:focus,
.reservation-form .form-group select:focus,
.reservation-form .form-group textarea:focus{
	
}

.reservation-form .form-group textarea{
	height: 90px;
	resize: none;
	border-radius:0px;
}

.reservation-form .form-group input[type="submit"],
.reservation-form button{
    margin-top:0px;
}

.reservation-form .form-group input[type="submit"]:hover,
.reservation-form button:hover{
	
}

.reservation-form .form-group textarea::-webkit-input-placeholder,
.reservation-form .form-group input::-webkit-input-placeholder{
	color:#ffffff;
}

/*** 

====================================================================
	Footer Style Two
====================================================================

***/

.footer-style-two{
	position:relative;
	padding:110px 0px 0px;
	background-size:cover;
	margin-top:-30px;
}

.footer-style-two .upper-box{
	position:relative;
	text-align:center;
	margin-bottom:35px;
}

.footer-style-two .upper-box .logo{
	position:relative;
}

.footer-style-two .upper-box .upper-text{
	position:relative;
	color:#ffffff;
	opacity:0.80;
	font-size:18px;
	line-height:1.7em;
	margin-top:15px;
}

.footer-style-two:before{
	position:absolute;
	content:'\f1a2';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background-color:rgba(0,0,0,0.80);
}

.footer-style-two .footer-widget{
	position:relative;
	z-index:1;
	margin-bottom:40px;
}

.footer-style-two .widgets-section{
	position:relative;
	padding-bottom:50px;
}

.footer-style-two .footer-widget h4{
	color:#ffffff;
	margin-bottom:20px;
	text-transform:capitalize;
}

.footer-style-two .logo-widget{
	position:relative;
}

.footer-style-two .logo-widget .logo{
	position:relative;
	margin-bottom:15px;
}

.footer-style-two .logo-widget .text{
	color:#999898;
	margin-bottom:20px;
}

.footer-style-two .contact-widget .social-box{
	position:relative;
}

.footer-style-two .contact-widget .social-box .connect{
	position:relative;
	display:block;
	color:#ffffff;
	font-size:18px;
	font-weight:700;
	margin-top:25px;
	margin-bottom:20px;
	font-family: 'Playfair Display', serif;
}

.footer-style-two .contact-widget .social-box li{
	position:relative;
	margin-right:6px;
	display:inline-block;
}

.footer-style-two .contact-widget .social-box li a{
	position:relative;
	width:40px;
	height:40px;
	font-size:16px;
	color:#ffffff;
	line-height:40px;
	text-align:center;
	display:inline-block;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	border-left:2px solid #94592d;
	border-right:2px solid #94592d;
	background-color:rgba(255,255,255,0.20);
}

.footer-style-two .contact-widget .social-box li a:hover{
	background-color:#94592d;
}

.footer-style-two .list-link{
	position:relative;
}

.footer-style-two .list-link li{
	position:relative;
	margin-bottom:10px;
}

.footer-style-two .list-link li a{
	position:relative;
	color:#ffffff;
	font-size:16px;
	padding-left:28px;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
}

.footer-style-two .list-link li a:before{
	position:absolute;
	content: "\f123";
	left:0px;
	top:0px;
	color:#94592d;
	font-family: "Flaticon";
}

.footer-style-two .list-link.style-two li a:before{
	content:'\f187';
	color:#fd9d3e;
	font-size:14px;
}

.footer-style-two .list-link li a:hover{
	color:#94592d;
}

.footer-style-two .contact-widget .info-list{
	position:relative;
}

.footer-style-two .contact-widget .info-list li{
	position: relative;
	color:#999898;
	font-size:16px;
	margin-bottom:12px;
	display:block;
}

.footer-style-two .contact-widget .info-list li:last-child{
	margin-bottom:0px;
}

.footer-style-two .contact-widget .info-list li .icon{
	position:absolute;
	left:0px;
	top:0px;
	color:#94592d;
	font-size:18px;
}

.footer-style-two .contact-widget .info-list li a{
	position: relative;
	color:#999898;
	padding-left:28px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.footer-style-two .contact-widget .info-list li a:hover{
	color:#ffffff;
}

.footer-style-two .contact-widget h5{
	color:#ffffff;
	margin-top:20px;
	margin-bottom:15px;
}

.footer-style-two .contact-widget .hours-list{
	position:relative;
}

.footer-style-two .contact-widget .hours-list li{
	position:relative;
	color:#999898;
	font-size:16px;
	margin-bottom:12px;
}

.footer-style-two .contact-widget .hours-list li span{
	position:absolute;
	right:0px;
	color:#a97a57;
}

/* Instagram Widget */

.footer-style-two .instagram-widget .post-thumb{
	 position:relative;
	 width:29%;
	 float:left;
	 overflow:hidden;
	 margin:0px 5px 10px;
}

.footer-style-two .instagram-widget .post-thumb .overlay-box{
	position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: block;
    color: #ffffff;
    font-size: 18px;
    opacity: 0;
    text-align: center;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    background-color: rgba(0,0,0,0.70);
}

.footer-style-two .instagram-widget .post-thumb .overlay-box .fa{
	top: 50%;
    position: relative;
    margin-top: -12px;
    display: block;
}

.footer-style-two .instagram-widget .post-thumb:hover .overlay-box{
	opacity:1;
}

.footer-style-two .instagram-widget .post-thumb img{
	display:block;
	width:100%;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.footer-style-two .footer-bottom{
	position:relative;
	text-align:center;
	padding:20px 0px;
	border-top:1px solid #94592d;
}

.footer-style-two .footer-bottom .copyright{
	position:relative;
	color:#ffffff;
	font-size:16px;
}

.footer-style-two .footer-bottom .copyright a{
	position:relative;
	color:#94592d;
}






.team-block-three{
	position:relative;
	margin-bottom:30px;
}

.team-block-three .inner-box{
	position:relative;
}

.team-block-three .inner-box .image{
	position:relative;
	overflow:hidden;
	border-radius:15px 15px 0px 0px;
	box-shadow:0px 0px 15px rgba(0,0,0,0.15);
}

.team-block-three .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
}

.team-block-three .inner-box .image .overlay-box{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	opacity:0;
	color:#ffffff;
	text-align:center;
	 transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
	-moz-transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}

.team-block-three .overlay-box:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	opacity:0.80;
	background-color:#111111;
}

.team-block-three .inner-box:hover .overlay-box{
	opacity:1;
	-moz-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
    visibility: visible;
}

.team-block-three .inner-box .image .overlay-inner{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:table;
	vertical-align:middle;
	padding:10px 0px;
}

.team-block-three .inner-box .image .overlay-inner .content{
	position:relative;
	display:table-cell;
	vertical-align:middle;
}

.team-block-three .inner-box .social-box{
	position:relative;
}

.team-block-three .inner-box .social-box li{
	position:relative;
	margin:0px 3px;
	display:inline-block;
}

.team-block-three .inner-box .social-box li a{
	position:relative;
	width:40px;
	height:40px;
	font-size:18px;
	color:#ffffff;
	line-height:40px;
	text-align:center;
	border-radius:5px;
	display:inline-block;
	background-color:#1b4195;
}

.team-block-three .inner-box .social-box li.twitter a{
	background-color:#31ade1;
}

.team-block-three .inner-box .social-box li.linkedin a{
	background-color:#0f72aa;
}

.team-block-three .inner-box .social-box li.instagram a{
	background-color:#db2f4f;
}

.team-block-three .inner-box .lower-content{
	position:relative;
	margin-top:-25px;
	margin-left:20px;
	margin-right:20px;
	text-align:center;
	padding:20px 20px 25px;
	background-color:#ffffff;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	border-radius:0px 0px 15px 15px;
	border-bottom:4px solid transparent;
	box-shadow:0px 5px 15px rgba(0,0,0,0.10);
}

.team-block-three .inner-box .lower-content h4{
	font-weight:700;
	line-height:1.2em;
}

.team-block-three .inner-box .lower-content h4 a{
	position:relative;
	color:#000000;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

.team-block-three .inner-box .lower-content h4 a:hover{
	color:#94592d;
}

.team-block-three .inner-box .lower-content .designation{
	position:relative;
	color:#555555;
	font-size:16px;
	margin-top:5px;
	display:block;
}

.team-block-three .inner-box:hover .lower-content{
	border-color:#94592d;
}

/*** 

====================================================================
	Page Title
====================================================================

***/

.page-title{
	position:relative;
	overflow:hidden;
       padding: 280px 0px 130px;
	background-size:cover;
	background-position:right center;
}

.page-title:before{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	top:0px;
	right:0px;

}

.page-title .auto-container{
	position:relative;
}

.page-title h1{
	color:#ffffff;
	font-size:56px;
	text-transform:capitalize;
}

.page-breadcrumb{
	position:relative;
	margin-top:20px;
}

.page-breadcrumb li{
	position:relative;
	display:inline-block;
	margin-right:10px;
	padding-right:15px;
	color:#ffffff;
	font-size:18px;
	font-weight:400;
	text-transform:capitalize;
}

.page-breadcrumb li:after{
	position:absolute;
	content: "|";
	right:-2px;
	top:-1px;
	color:#ffffff;
	font-size:14px;
	font-weight:700;
	font-family: 'FontAwesome';
}

.page-breadcrumb li:last-child::after{
	display: none;
}

.page-breadcrumb li:last-child{
	padding-right:0px;
	margin-right:0px;
}

.page-breadcrumb li a{
	color:#ffffff;
	font-weight:400;
	text-transform: capitalize;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.page-breadcrumb li a:hover{
	color:#c19d60;
}

/*** 

====================================================================
	Offer Section
====================================================================

***/

.offer-section{
	position:relative;
	padding:110px 0px 10px;
	background-color:#f9f9f9;
}

.offer-section .blocks-column{
	position:relative;
	margin-bottom:40px;
}

.offer-section .blocks-column .sec-title{
	margin-bottom:50px;
}

.offer-section .blocks-column .inner-column{
	position:relative;
}

.offer-section .blocks-column .inner-column .row{
	margin:0px -25px;
}

.offer-section .blocks-column .inner-column .offer-block{
	padding:0px 25px;
}

.offer-block{
	position:relative;
	margin-bottom:60px;
}

.offer-block .inner-box{
	position:relative;
	padding:40px 20px 25px 30px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.offer-block .inner-box .icon{
	position:absolute;
	left:-30px;
	top:-35px;
	width:60px;
	height:60px;
	color:#000000;
	text-align:center;
	line-height:63px;
	font-size:26px;
	display:inline-block;
	-webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
	background:url(../images/icons/cap-1.png) no-repeat;
}

.offer-block .inner-box .icon:before{
	position:relative;
	z-index:1;
}

.offer-block .inner-box .icon:after{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:60px;
	height:60px;
	opacity:0;
	-webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
	background:url(../images/icons/cap-2.png) no-repeat;
}

.offer-block .inner-box:hover .icon:after{
	opacity:1;
}

.offer-block .inner-box:hover .icon{
	color:#c19d60;
}

.offer-block .inner-box:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background-color:#ffffff;
	border:1px dashed #c19d60;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.offer-block .inner-box:hover::before{
	border-style:solid;
}

.offer-block .inner-box h4{
	font-weight:600;
}

.offer-block .inner-box h4 a{
	position:relative;
	color:#000000;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.offer-block .inner-box:hover h4 a{
	color:#c19d60;
}

.offer-block.style-two .inner-box h4{
	font-size:18px;
}

.offer-block .inner-box .text{
	margin-top:15px;
}

.offer-section .images-column{
	position:relative;
	margin-bottom:40px;
	text-align:right;
}

.offer-section .images-column .inner-column{
	position:relative;
	padding-bottom:120px;
}

.offer-section .images-column .image{
	position:relative;
}

.offer-section .images-column .image-two{
	position:absolute;
	left:15px;
	bottom:0px;
}

/*** 

====================================================================
	Video Section
====================================================================

***/

.video-section{
	position:relative;
	text-align:center;
	padding:120px 0px 120px;
	background-attachment:fixed;
	background-size:cover;
}

.video-section:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background-color:rgba(0,0,0,0.75);
}

.video-section .video-box{
	position:relative;
	color:#ffffff;
	font-size:24px;
	text-align:center;
	border-radius:50%;
	line-height: 100px;
	display:inline-block;
	z-index:1;
	width:100px;
	height:100px;
	padding-left:5px;
	background-color:#c19d60;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.video-section .video-box .overlay-box span{
	position: absolute;
	left:50%;
    top: 50%;
	z-index:99;
	color: #ffffff;
	font-weight:400;
	font-size:16px;
	text-align: center;
	border-radius:10px;
	padding-left:7px;
	display: inline-block;
	margin-top: -50px;
	margin-left:-50px;
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
	box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}

.video-section .video-box .ripple,
.video-section .video-box .ripple:before,
.video-section .video-box .ripple:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width:100px;
	height:100px;
	margin-left:.5px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255 , 255, .4);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
    -webkit-animation: ripple 3s infinite;
    -moz-animation: ripple 3s infinite;
    -ms-animation: ripple 3s infinite;
    -o-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
}

.video-section .video-box .ripple:before {
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s;
    -ms-animation-delay: .9s;
    -o-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute;
}

.video-section .video-box .ripple:after {
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -ms-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s;
    content: "";
    position: absolute;
}

@-webkit-keyframes ripple {
    70% {box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);}
    100% {box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);}
}

@keyframes ripple {
    70% {box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);}
    100% {box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);}
}

/*** 

====================================================================
	Video Section
====================================================================

***/

.specialist-section{
	position:relative;
	padding:100px 0px 70px;
}

.specialist-block{
	position:relative;
	margin-bottom:30px;
}

.specialist-block .inner-box{
	position:relative;
	padding:25px 25px 25px;
	border:1px dashed #c19d60;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.specialist-block .inner-box:hover{
	border-style:solid;
}

.specialist-block .inner-box .image{
	position:relative;
	overflow:hidden;
	background-color:#c19d60;
}

.specialist-block .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.specialist-block .inner-box:hover .image img{
	opacity:0.5;
	transform:scale(1.05,1.05) rotate(3deg);
}

.specialist-block .inner-box .lower-content{
	position:relative;
	padding-top:25px;
}

.specialist-block .inner-box .lower-content h6{
	margin-bottom:10px;
}

.specialist-block .inner-box .lower-content h6 a{
	position:relative;
	color:#000000;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.specialist-block .inner-box:hover .lower-content h6 a{
	color:#c19d60;
}

.specialist-block .inner-box .lower-content .text{
	position:relative;
	margin-bottom:20px;
}

.specialist-block .inner-box .lower-content .read-more{
	position:relative;
	color:#c19d60;
	font-size:16px;
	padding:12px 30px;
	font-weight:700;
	border:2px solid #c19d60;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.specialist-block .inner-box:hover .lower-content .read-more{
	color:#ffffff;
	background-color:#c19d60;
}

/*** 

====================================================================
	Team Page Section
====================================================================

***/

.team-page-section{
	position:relative;
	padding:100px 0px 100px;
}

.team-page-section .styled-pagination{
	margin-top:40px;
}

/*** 

====================================================================
	Styled Pagination
====================================================================

***/

.styled-pagination{
	position:relative;
}

.styled-pagination li{
	position:relative;
	margin:0px 6px 10px;
	display:inline-block;
}

.styled-pagination li a{
	position:relative;
	width:40px;
	height:40px;
	color: #072d80;
	font-size:20px;
	font-weight:400;
	line-height:38px;
	text-align:center;
	display:inline-block;
	border: 1px solid #072d80;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

/* .styled-pagination li a:before{
	position:absolute;
	content:'';
	left:-7px;
	top:-29px;
	width:53px;
	height:29px;
	opacity:0;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	background:url(../images/icons/pagination.png);
	background-repeat:no-repeat;
}


.styled-pagination li a:hover::before,
.styled-pagination li.active a::before{
	opacity:1;
} */

.styled-pagination li.active a,
.styled-pagination li:hover a{
	color:#ffffff;
	background-color: #072d80;
}

.styled-pagination li.prev a{
	width:60px;
	height:40px;
	top:0px;
	font-size:22px;
	color: #072d80;
	font-weight:600;
	border-radius:0px;
	border: 1px solid #072d80;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.styled-pagination li.next a{
	width:60px;
	height:40px;
	top:0px;
	font-size:22px;
	color: #072d80;
	font-weight:600;
	border-radius:0px;
	border: 1px solid #072d80;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.styled-pagination li.prev a:hover,
.styled-pagination li.next a:hover{
	color:#ffffff;
	background-color: #072d80;
}

.styled-pagination li.prev a::before,
.styled-pagination li.next a::before{
	left:4px;
}

/*** 

====================================================================
	Team Detail Section
====================================================================

***/

.team-detail-section{
	position:relative;
	padding:100px 0px 100px;
}

.team-detail-section .upper-box{
	position:relative;
	padding:20px 20px;
	background-position:right bottom;
	background-repeat:no-repeat;
	border:1px solid #c19d60;
}

.team-detail-section .upper-box .image-column{
	position:relative;
}

.team-detail-section .upper-box .image-column .inner-column{
	position:relative;
}

.team-detail-section .upper-box .image-column .image{
	position:relative;
}

.team-detail-section .upper-box .image-column .image img{
	position:relative;
	width:100%;
	display:block;
}

.team-detail-section .upper-box .content-column{
	position:relative;
}

.team-detail-section .upper-box .content-column .inner-column{
	position:relative;
}

.team-detail-section .upper-box .content-column h3{
	font-weight:700;
	color:#000000;
	margin-bottom:12px;
}

.team-detail-section .upper-box .content-column .designation{
	position:relative;
	color:#c19d60;
	font-size:24px;
	font-family: 'Kaushan Script', cursive;
}

.team-detail-section .upper-box .content-column .text{
	font-size:16px;
	margin-top:15px;
	margin-bottom:15px;
}

.team-detail-section .upper-box .content-column .info-list{
	position:relative;
}

.team-detail-section .upper-box .content-column .info-list li{
	position:relative;
	margin-bottom:11px;
	font-size:16px;
}

.team-detail-section .upper-box .content-column .info-list li span{
	position:relative;
	width:140px;
	color:#000000;
	font-size:18px;
	font-weight:700;
	display:inline-block;
	font-family: 'Playfair Display', serif;
}

.team-detail-section .upper-box .content-column .info-list li:last-child{
	margin-bottom:0px;
}

.team-detail-section .upper-box .content-column .social-box{
	position:relative;
	margin-top:20px;
}

.team-detail-section .upper-box .content-column .social-box li{
	position:relative;
	margin-right:6px;
	display:inline-block;
}

.team-detail-section .upper-box .content-column .social-box li a{
	position:relative;
	width:40px;
	height:40px;
	font-size:16px;
	color:#ffffff;
	line-height:40px;
	text-align:center;
	display:inline-block;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
}

.team-detail-section .upper-box .content-column .social-box li.facebook a{
	background-color:#1b4195;
}

.team-detail-section .upper-box .content-column .social-box li.twitter a{
	background-color:#0f72aa;
}

.team-detail-section .upper-box .content-column .social-box li.pinterest a{
	background-color:#31ade1;
}

.team-detail-section .upper-box .content-column .social-box li.dribbble a{
	background-color:#cb3463;
}

.team-detail-section .lower-box{
	position:relative;
	padding-top:35px;
}

.team-detail-section .lower-box .two-column{
	position:relative;
	margin-bottom:20px;
	margin-top:25px;
}

.team-detail-section .lower-box h4{
	position:relative;
	color:#000000;
	margin-bottom:20px;
}

.team-detail-section .lower-box .text{
	margin-top:12px;
	margin-bottom:15px;
}

.team-detail-section .lower-box .education-list{
	position:relative;
	margin-bottom:15px;
}

.team-detail-section .lower-box .education-list li{
	position:relative;
	color:#555555;
	padding-left:30px;
	font-size:14px;
	margin-bottom:5px;
}

.team-detail-section .lower-box .education-list:before{
	position:absolute;
	content:'';
	left:0px;
	top:9px;
	width:8px;
	height:8px;
	background-color:#c19d60;
}

.team-detail-section .lower-box .education-list li strong{
	position:relative;
	display:block;
	color:#000000;
	font-weight:700;
	font-size:18px;
	font-family: 'Playfair Display', serif;
}

.team-detail-section .lower-box .chef-contact-box{
	position:relative;
	padding:40px 40px 30px;
	border:1px solid #c19d60;
}

.skills{
	position:relative;
	margin-bottom:25px;
}

.skills .skill-item{
	position:relative;
	margin-bottom:20px;
}

.skills .skill-item:last-child{
	margin-bottom:0px;
}

.skills .skill-item .skill-bar{
	position:relative;
	width:100%;
	height:10px;
	overflow:hidden;
	border-radius:0px;
	padding:1px;
	border:1px solid #c19d60;
}

.skills .skill-item .skill-bar .bar-inner{
	position:relative;
	width:100%;
	height:6px;
	background:#c19d60;
}

.skills .skill-item .skill-bar .bar-inner .bar{
	position:absolute;
	left:0px;
	top:0px;
	height:6px;
	width:0px;
	background-color:#c19d60;
	-webkit-transition:all 2000ms ease;
	-ms-transition:all 2000ms ease;
	-o-transition:all 2000ms ease;
	-moz-transition:all 2000ms ease;
	transition:all 2000ms ease;
}

.skills .skill-item .skill-header{
	position:relative;
	margin-bottom:8px;
}

.skills .skill-item .skill-header .skill-title{
	position:relative;
	float:left;
	color:#000000;
	font-size:16px;
	font-weight:700;
	line-height:1.4em;
	text-transform:capitalize;
}

.skills .skill-item .skill-header .skill-percentage{
	position:relative;
	float:right;
	font-weight:700;
	color:#000000;
	font-size:16px;
	text-transform:uppercase;
}

.skills .skill-item .skill-bar .bar-inner{
	background-color:#ffffff;
}

/* Reservation Form */

.chef-contact-form{
	position: relative;
	z-index:1;
}

.chef-contact-form .form-group{
	position:relative;
	margin-bottom:25px;	
}

.chef-contact-form .form-group input[type="text"],
.chef-contact-form .form-group input[type="email"],
.chef-contact-form .form-group input[type="tel"],
.chef-contact-form .form-group input[type="url"],
.chef-contact-form .form-group textarea,
.chef-contact-form .form-group select{
	position: relative;
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    font-weight: 400;
    padding: 14px 24px;
	z-index:1;
	height:54px;
    border:1px dashed #c19d60;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.chef-contact-form .form-group input:focus,
.chef-contact-form .form-group select:focus,
.chef-contact-form .form-group textarea:focus{
	border-style:solid;
}

.chef-contact-form .form-group textarea{
	height: 150px;
	resize: none;
	border-radius:0px;
}

.chef-contact-form .form-group input[type="submit"],
.chef-contact-form button{
    margin-top:0px;
}

.chef-contact-form .form-group input[type="submit"]:hover,
.chef-contact-form button:hover{
	
}

.chef-contact-form .form-group textarea::-webkit-input-placeholder,
.chef-contact-form .form-group input::-webkit-input-placeholder{
	
}

/*** 

====================================================================
	Sidebar Page Container
====================================================================

***/

.sidebar-page-container{
	position:relative;
	padding:100px 0px 70px;
}

.sidebar-page-container .content-side,
.sidebar-page-container .sidebar-side{
	margin-bottom:40px;
}

.sidebar-page-container .sidebar-side .sidebar-inner{
	position:relative;
	padding-left:20px;
}

.sidebar-page-container .sidebar-side .sidebar-inner{
	position:relative;
}

.sticky-top{
	top:90px;
	z-index:1;
}

.event-list .styled-pagination{
	margin-top:50px;
}

.event-block-four{
	position:relative;
	margin-bottom:30px;
}

.event-block-four .inner-box{
	position:relative;
	overflow:hidden;
	padding:25px 25px;
	border:1px dashed #c19d60;
}

.event-block-four .inner-box:hover{
	border-style:solid;
}

.event-block-four .inner-box .content{
	position:relative;
	padding-left:225px;
}

.event-block-four .inner-box .event-image{
	position:absolute;
	left:0px;
	top:0px;
	width:200px;
	overflow:hidden;
	background-color:#c19d60;
}

.event-block-four .inner-box .event-image img{
	position:relative;
	width:100%;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.event-block-four .inner-box:hover .event-image img{
	opacity:0.50;
	transform:scale(1.04,1.04) rotate(3deg);
}

.event-block-four .inner-box .event-image .ticket-price{
	position:absolute;
	left:10px;
	top:10px;
	z-index:1;
	color:#ffffff;
	font-size:16px;
	padding:6px 10px;
	background-color:#000000;
	font-family: 'Kaushan Script', cursive;
}

.event-block-four .inner-box .content h4{
	margin-bottom:8px;
}

.event-block-four .inner-box .content h4 a{
	position:relative;
	color:#000000;
	-webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.event-block-four .inner-box:hover .content h4 a{
	color:#c19d60;
}

.event-block-four .inner-box .content .post-meta{
	position:relative;
	margin-bottom:8px;
}

.event-block-four .inner-box .content .post-meta li{
	position:relative;
	margin-right:15px;
	padding-left:22px;
	color:#999898;
	display:inline-block;
}

.event-block-four .inner-box .content .post-meta li .icon{
	position:absolute;
	left:0px;
	top:0px;
	color:#c19d60;
}

.event-block-four .inner-box .content .text{
	color:#555555;
	line-height:1.6em;
	margin-bottom:15px;
}

.event-block-four .inner-box .content .ticket-btn{
	position:relative;
	color:#c19d60;
	font-size:16px;
	padding:10px 24px;
	font-weight:700;
	display:inline-block;
	border:1px solid #c19d60;
	-webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.event-block-four .inner-box:hover .content .ticket-btn{
	color:#ffffff;
	background-color:#c19d60;
}

/* Sidebar Widget */

.sidebar-widget{
	margin-bottom:30px;
}

.sidebar-widget .widget-content{
	position:relative;
	padding:20px 20px;
	border:1px dashed #c19d60;
}

.sidebar-widget:last-child{
	margin-bottom:0px;
}

.sidebar-title{
	position:relative;
	margin-bottom:20px;
}

.sidebar-title h5{
	color:#000000;
	font-weight:700;
}

.sidebar-title .text{
	margin-top:10px;
}

/*Search Box Widget*/

.sidebar .search-box{
	position:relative;
}

.sidebar .search-box .form-group{
	position:relative;
	margin:0px;	
}

.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"]{
	position:relative;
	line-height:28px;
	padding:10px 50px 10px 25px;
	background:#ffffff;
	display:block;
	font-size:15px;
	width:100%;
	height:50px;
	border-radius:0px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	border:1px dashed #c19d60;
}

.sidebar .search-box .form-group button{
	position:absolute;
	right:0px;
	top:0px;
	height:50px;
	width:50px;
	display:block;
	font-size:16px;
	color:#c19d60;
	cursor:pointer;
	line-height:100%;
	font-weight:normal;
	background:none;
	border-radius:0px;
	border:1px solid #c19d60;
}

/* Blog Cat */

.blog-cat{
	position:relative;
}

.blog-cat li{
	position:relative;
	margin-bottom:10px;
}

.blog-cat li:last-child{
	margin-bottom:0px;
}

.blog-cat li a{
	position:relative;
	color:#999898;
	font-size:16px;
	font-weight:400;
	padding-left:25px;
	display:block;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;	
}

.blog-cat li a:before{
	position:absolute;
	content:'\f123';
	left:0px;
	top:5px;
	color:#c19d60;
	font-size:14px;
	line-height:1em;
	font-family: "Flaticon";
}

.blog-cat li a:hover{
	color:#c19d60;
}

/* Post Widget */

.post-widget .post{
	position: relative;
	min-height: 80px;
	padding-left: 90px;
	margin-bottom: 15px;
}

.post-widget .post:last-child{
	margin-bottom: 0;
}

.post-widget .post .thumb{
	position: absolute;
	left: 0px;
	top: 2px;
	height: 70px;
	width: 70px;
	overflow: hidden;
}

.post-widget .post .thumb a{
	display: block;
}

.post-widget .post .thumb img{
	display: block;
	width: 100%;
	height: auto;
}

.post-widget .post h6{
	color: #000000;
	font-size:16px;
	font-weight: 500;
	margin-bottom:3px;
}

.post-widget .post h6 a{
	color:#000000;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.post-widget .post h6 a:hover{
	color: #c19d60;
}

.post-widget .post .post-date{
	position: relative;
	display: block;
	font-size: 14px;
	color: #999898;
}

.post-widget .post .rating{
	position:relative;
	color:#fdb819;
}

/* Organizer Box */

.organizer-box{
	position:relative;
}

.organizer-box .organizer-image{
	position:relative;
}

.organizer-box .organizer-image img{
	position:relative;
	width:100%;
	display:block;
}

.organizer-box .lower-box{
	position:relative;
	padding-top:18px;
}

.organizer-box .lower-box h6{
	font-weight:500;
}

.organizer-box .lower-box h6 a{
	position:relative;
	color:#000000;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.organizer-box .lower-box h6 a:hover{
	color:#c19d60;
}

.organizer-box .lower-box .email{
	position:relative;
	color:#c19d60;
	text-transform:capitalize;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.organizer-box .lower-box .email:hover{
	color:#000000;
}

.organizer-box .lower-box .profile-btn{
	position:relative;
	color:#c19d60;
	font-size:16px;
	padding:12px 26px;
	font-weight:700;
	margin-top:16px;
	display:inline-block;
	border:1px solid #c19d60;
	-webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.organizer-box .lower-box .profile-btn:hover{
	color:#ffffff;
	background-color:#c19d60;
}



.tag-list{
	position: relative;
	display: block;
}

.tag-list li{
	position: relative;
	margin-bottom: 10px;
	margin-right: 6px;
	display:inline-block;
} 

.tag-list li a{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 20px;
	color: #c19d60;
	font-weight: 400;
	padding: 8px 16px;
	border-radius:0px;
	border:1px dashed #c19d60;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.tag-list li a:hover{
	background-color: #c19d60;
	border-color: #c19d60;
	color:#ffffff;
}

/* Event Detail */

.event-detail{
	position:relative;
}

.event-detail .inner-box{
	position:relative;
}

.event-detail .inner-box .image{
	position:relative;
}

.event-detail .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
}

.event-detail .inner-box .image .events-overlay-box{
	position:absolute;
	left:0px;
	right:0px;
	bottom:0px;
	padding:15px 25px;
	background-color:rgba(17,17,17,0.80);
}

.event-detail .inner-box .image .events-overlay-box .box-inner{
	position:relative;
}

.event-detail .inner-box .image .events-overlay-box .box-inner h2{
	position:relative;
	color:#ffffff;
	padding-top:15px;
}

.event-detail .inner-box .lower-content{
	position:relative;
	padding-top:30px;
}

.event-detail .inner-box .lower-content h3{
	color:#000000;
	margin-bottom:18px;
}

/* Time Counter Two */

.time-counter-two{
	position:relative;
}

.time-counter-two .time-countdown-two{
	position:relative;
}

.time-counter-two .time-countdown-two .counter-column{
	position:relative;
	display: inline-block;
	width:80px;
	height:88px;
	font-size:22px;
	line-height: 1em;
	color:#c19d60;
	text-transform:capitalize;
	font-weight:400;
	text-align: center;
	z-index: 7;
	border-radius: 0px;
	margin-right:35px;
}

.time-counter-two .time-countdown-two .counter-column:last-child{
	margin-right:0px;
}

.time-counter-two .time-countdown-two .counter-column:before{
	position:absolute;
	content:':';
	right:-22px;
	top:0px;
	font-size:60px;
	line-height:1em;
}

.time-counter-two .time-countdown-two .counter-column:last-child::before{
	display:none;
}

.time-counter-two .time-countdown-two .counter-column .count{
	position:relative;
	display:block;
	font-size:28px;
	line-height:25px;
	padding:10px 0px 10px;
	color:#ffffff;
	font-weight:700;
	font-family: 'Playfair Display', serif;
}

.event-detail .inner-box .lower-content .post-meta{
	position:relative;
	margin-bottom:15px;
}

.event-detail .inner-box .lower-content .post-meta li{
	position:relative;
	margin-right:15px;
	padding-left:24px;
	color:#999898;
	font-size:16px;
	display:inline-block;
}

.event-detail .inner-box .lower-content .post-meta li .icon{
	position:absolute;
	left:0px;
	top:0px;
	color:#c19d60;
}

.event-detail .inner-box .lower-content p{
	position:relative;
	color:#999898;
	font-size:16px;
	margin-bottom:15px;
}

.event-detail .inner-box .lower-content .event-info-box{
	position:relative;
	padding:30px 20px 20px;
	margin-top:25px;
	margin-bottom:30px;
	background-color:#fffefb;
	border:1px dashed #c19d60;
}

.event-detail .inner-box .lower-content .event-info-box h4{
	color:#ffffff;
	display:block;
	padding:12px 10px;
	text-align:center;
	margin-bottom:25px;
	background-color:#c19d60;
}

.event-detail .inner-box .lower-content .event-info-box .event-list{
	position:relative;
	margin-bottom:15px;
}

.event-detail .inner-box .lower-content .event-info-box .event-list li{
	position:relative;
	color:#999898;
	font-size:16px;
	margin-bottom:3px;
	text-align:center;
}

.event-detail .inner-box .lower-content .event-info-box .event-list li span{
	position:relative;
	color:#000000;
}

.event-detail .inner-box .lower-content .event-info-box .event-list li a{
	position:relative;
	color:#c19d60;
	-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.event-detail .inner-box .lower-content .event-info-box .event-list li a:hover{
	color:#111111;
}

.event-detail .inner-box .lower-content .event-gallery{
	position:relative;
	margin-top:25px;
	margin-bottom:10px;
}

.event-detail .inner-box .lower-content .event-gallery .row{
	margin:0px -8px;
}

.event-detail .inner-box .lower-content .event-gallery .gallery-image{
	padding:0px 8px;
	margin-bottom:15px;
}

.event-detail .inner-box .lower-content .event-gallery .gallery-image img{
	position:relative;
	width:100%;
	display:block;
}

.event-team-block{
	position:relative;
}

.event-team-block .block-inner{
	position:relative;
	padding:35px 15px;
	text-align:center;
	border:1px dashed #c19d60;
}

.event-team-block .block-inner:hover{
	border-style:solid;
}

.event-team-block .block-inner .icon{
	position:relative;
	color:#c19d60;
	font-size:64px;
	line-height:1em;
	margin-bottom:10px;
}

.event-team-block .block-inner .price{
	position:relative;
	color:#000000;
	font-size:60px;
	line-height:1em;
	font-weight:600;
	font-family: 'Playfair Display', serif;
}

.event-team-block .block-inner .price sup{
	position:relative;
	font-size:26px;
}

.event-team-block .block-inner h4{
	position:relative;
	color:#000000;
	font-size:24px;
	font-weight:500;
	margin-top:20px;
	margin-bottom:20px;
}

.event-team-block .block-inner .event-list{
	position:relative;
	padding-left:20px;
}

.event-team-block .block-inner .event-list li{
	position:relative;
	text-align:left;
	color:#999898;
	font-size:16px;
	padding-left:25px;
	margin-bottom:10px;
}

.event-team-block .block-inner .event-list li:before{
	position:absolute;
	content:'\f123';
	left:0px;
	top:5px;
	color:#c19d60;
	font-size:14px;
	line-height:1em;
	font-family: "Flaticon";
}

.event-team-block .block-inner .buy-btn{
	position:relative;
	color:#c19d60;
	font-size:16px;
	font-weight:700;
	margin-top:14px;
	padding:12px 32px 14px;
	display:inline-block;
	border:1px solid #c19d60;
	-webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.event-team-block .block-inner:hover .buy-btn{
	color:#ffffff;
	background-color:#c19d60;
}

.event-team-block.style-two .block-inner h4{
	font-size:30px;
	font-weight:700;
}

.event-team-block.style-two .block-inner .price{
	margin-bottom:20px;
}

/* post share options */

.event-detail .post-share-options{
	position:relative;
	margin-top: 40px;
	padding:30px 0px 25px;
	border-top:1px dashed #c19d60;
}

.event-detail .post-share-options .post-title{
	position:relative;
	padding-top:6px;
	color:#000000;
	font-size:20px;
	font-weight:600;
	float:left;
	margin-right:10px;
	font-family: 'Playfair Display', serif;
}

.event-detail .post-share-options .tags{
	position:relative;
	float:left;
}

.event-detail .post-share-options .tags li{
	position:relative;
	margin-right:4px;
	display:inline-block;
}

.event-detail .post-share-options .tags li a{
	position:relative;
	color:#c19d60;
	font-size:16px;
	padding:6px 14px 8px;
	display:inline-block;
	border:1px dashed #c19d60;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.event-detail .post-share-options .tags li a:hover{
	color:#ffffff;
	background-color:#c19d60;
	border-color:#c19d60;
}

.event-detail .social-box{
	position:relative;
}

.event-detail .post-share-options .social-box li.share{
	color:#000000;
	font-weight:600;
	font-size:20px;
	padding-top:6px;
	font-family: 'Playfair Display', serif;
}

.event-detail .post-share-options .social-box li{
	position:relative;
	margin-left:5px;
	display:inline-block;
}

.event-detail .post-share-options .social-box li a{
	position:relative;
	width:40px;
	height:40px;
	display:block;
	color:#ffffff;
	line-height:40px;
	text-align:center;
	border-radius:0px;
	background-color:#fe4c1c;
}

.event-detail .post-share-options .social-box li.facebook a{
	background-color:#3d548e;
}

.event-detail .post-share-options .social-box li.twitter a{
	background-color:#44b1e4;
}

.event-detail .post-share-options .social-box li.linkedin a{
	background-color:#ff2e2e;
}

.event-detail .post-share-options .social-box li.pinterest a{
	background-color:#c62026;
}

.event-detail .event-more-posts{
	position:relative;
}

/* Prev Posts */

.event-detail .prev-post{
	position:relative;
	padding:20px 20px;
	border:1px dashed #c19d60;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.event-detail .prev-post .post-inner{
	position:relative;
	padding-left:80px;
}

.event-detail .prev-post .post-inner .new-post-image{
	position:absolute;
	left:0px;
	top:0px;
	width:60px;
	height:60px;
	overflow:hidden;
}

.event-detail .prev-post .post-inner h6{
	font-weight:600;
}

.event-detail .prev-post .post-inner h6 a{
	position:relative;
	color:#000000;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.event-detail .prev-post .post-inner .post-title{
	color:#999898;
	font-size:14px;
	margin-bottom:6px;
}

.event-detail .prev-post:hover{
	border-style:solid;
}

.event-detail .prev-post:hover .post-inner h6 a{
	color:#c19d60;
}

/* Next Posts */

.event-detail .next-post{
	position:relative;
	padding:20px 20px;
	border:1px dashed #c19d60;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.event-detail .next-post .post-inner{
	position:relative;
	text-align:right;
	padding-right:80px;
}

.event-detail .next-post .post-inner .new-post-image{
	position:absolute;
	right:0px;
	top:0px;
	width:60px;
	height:60px;
	overflow:hidden;
}

.event-detail .next-post .post-inner h6{
	font-weight:600;
}

.event-detail .next-post .post-inner h6 a{
	position:relative;
	color:#000000;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.event-detail .next-post:hover .post-inner h6 a{
	color:#c19d60;
}

.event-detail .next-post:hover{
	border-style:solid;
}

.event-detail .next-post .post-inner .post-title{
	color:#999898;
	font-size:14px;
	margin-bottom:6px;
}

/*** 

====================================================================
	Comments Area
====================================================================

 ***/

.sidebar-page-container .comments-area{
	position:relative;
	margin-top:30px;
	margin-bottom:50px;
	padding:30px 30px 45px;
	border:1px solid #c19d60;
}

.sidebar-page-container .group-title{
	position:relative;
}

.sidebar-page-container .group-title h4{
	margin-bottom:20px !important;
	color:#000000;
}

.sidebar-page-container .comments-area .comment-box{
	position:relative;
	padding:0px 0px 0px;
	margin-bottom:30px;
	border-bottom:1px dashed #c19d60;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.sidebar-page-container .comments-area .comment-box:last-child{
	margin-bottom:0px;
	border-bottom:0px;
}

.sidebar-page-container .comments-area .comment-box:last-child .comment{
	padding-bottom:0px;
	min-height:auto;
}

.sidebar-page-container .comments-area .comment{
	position:relative;
	font-size:14px;
	min-height:140px;
	padding:5px 0px 24px 90px;
}

.sidebar-page-container .comments-area .reply-comment{
	margin-left:60px;	
}

.sidebar-page-container .comments-area .comment-box .author-thumb{
	position:absolute;
	left:0px;
	top:0px;
	width:70px;
	border-radius:0px;
	margin-bottom:20px;
	overflow:hidden;
}

.sidebar-page-container .comments-area .comment-box .author-thumb img{
	width:100%;
	display:block;
}

.sidebar-page-container .comments-area .comment-info{
	margin-bottom:5px;
}

.sidebar-page-container .comments-area .comment-box strong{
	font-size:18px;
	font-weight:600;
	color:#010101;
	display:block;
	line-height:1.3em;
	display:block;
	text-transform:capitalize;
	font-family: 'Playfair Display', serif;
}

.sidebar-page-container .comments-area .comment-box .text{
	color:#555555;
	font-size:16px;
	line-height:1.7em;
	margin-bottom:0px;
	padding-top:0px;
}

.sidebar-page-container .comments-area .comment-info .comment-time{
	font-size:15px;
	color:#c19d60;
	margin-top:5px;
	display:block;
	font-weight:500;
}

.sidebar-page-container .comments-area .comment-box .theme-btn{
	position:absolute;
	right:0px;
	top:0px;
	font-size:16px;
	color:#000000;
	font-weight:400;
	text-transform:capitalize;
}

.sidebar-page-container .comments-area .comment-box .theme-btn .icon{
	margin-right:8px;
	color:#c19d60;
}

.sidebar-page-container .comments-area .comment-box .theme-btn:hover{
	color:#c19d60;
}

/*** 

====================================================================
	Comment Form
====================================================================

***/

.comment-form-box{
	padding:30px 30px;
	border:1px solid #c19d60;
}

.comment-form-box .group-title .comment-text{
	position:relative;
	color:#999898;
	font-size:16px;
	margin-top:0px;
	margin-bottom:25px;
}

/* Comment Form */

.comment-form{
	position:relative;
}

.comment-form .group-title{
	margin-bottom:25px;
}

.comment-form .form-group{
	position:relative;
	margin-bottom:20px;
}

.comment-form .form-group:last-child{
	margin-bottom:0px;
}

.comment-form .form-group input[type="text"],
.comment-form .form-group input[type="tel"],
.comment-form .form-group input[type="email"],
.comment-form .form-group select{
	position:relative;
	display:block;
	width:100%;
	line-height:28px;
	padding:10px 20px;
	color:#111111;
	height:55px;
	font-size:14px;
	background:#ffffff;
	font-weight:400;
	border-radius:0px;
	border:1px dashed #c19d60;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.comment-form .form-group input[type="text"]:focus,
.comment-form .form-group input[type="tel"]:focus,
.comment-form .form-group input[type="email"]:focus,
.comment-form .form-group textarea:focus{
	border-style:solid;
}

.comment-form input::placeholder,
.comment-form textarea::placeholder{
	color:#c19d60;
}

.comment-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:22px;
	padding:15px 20px;
	color:#222222;
	height:150px;
	background:#ffffff;
	resize:none;
	font-size:14px;
	font-weight:400;
	border-radius:0px;
	border:1px dashed #c19d60;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.comment-form button{
	position:relative;
	color:#c19d60;
	margin-top:0px;
	font-size:16px;
	font-weight:700;
	padding:14px 30px;
	border-radius:0px;
	font-weight:700;
	background:none;
	border:1px solid #c19d60;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.comment-form button:hover{
	color:#ffffff;
	background-color:#c19d60;
}

/*** 

====================================================================
	mene Section Six
====================================================================

***/

.menu-section-six{
	position:relative;
	padding:100px 0px 0px;
}

.menu-section-six.style-two{
	padding-bottom:100px;
}

.menu-section-six.style-two .styled-pagination{
	margin-top:40px;
}

.menu-block-eight{
	position:relative;
	margin-bottom:30px;
}

.menu-block-eight .inner-box{
	position:relative;
	padding:20px 20px;
	border:1px dashed #c19d60;
}

.menu-block-eight .inner-box .content{
	position:relative;
	padding-left:130px;
}

.menu-block-eight .inner-box .content .menu-image{
	position:absolute;
	left:0px;
	top:0px;
	width:110px;
	height:110px;
}

.menu-block-eight .inner-box .price{
	position:absolute;
	right:0px;
	top:0px;
	color:#c19d60;
	font-size:18px;
	font-weight:700;
	line-height:1em;
}

.menu-block-eight .inner-box h4{
	font-weight:700;
}

.menu-block-eight .inner-box h4 a{
	position:relative;
	color:#000000;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.menu-block-eight .inner-box:hover h4 a{
	color:#c19d60;
}

.menu-block-eight .inner-box .text{
	margin-top:7px;
	color:#999898;
	margin-bottom:10px;
}

.menu-block-eight .inner-box .cart-btn{
	position:relative;
	padding:8px 24px;
	color:#c19d60;
	font-size:16px;
	font-weight:700;
	border:1px solid #c19d60;
	font-family: 'Lato', sans-serif;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.menu-block-eight .inner-box:hover{
	border-style:solid;
}

.menu-block-eight .inner-box:hover .cart-btn{
	color:#ffffff;
	background-color:#c19d60;
}

/*** 

====================================================================
	mene Section Seven
====================================================================

***/

.menu-section-seven{
	position:relative;
	padding:100px 0px 0px;
}

.menu-section-seven.style-two{
	padding-bottom:100px;
}

.menu-section-seven.style-two .styled-pagination{
	margin-top:40px;
}

.menu-section-seven .title-box{
	position:relative;
	padding:88px 50px;
	margin-bottom:40px;
	background-size:cover;
}

.menu-section-seven .title-box:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background-color:rgba(0,0,0,0.30);
}

.menu-section-seven .title-box .title{
	position:relative;
	color:#c19d60;
	font-size:24px;
	padding-right:55px;
	display:inline-block;
	font-family: 'Kaushan Script', cursive;
}

.menu-section-seven .title-box .title:before{
	position:absolute;
	content:'';
	right:0px;
	bottom:0px;
	height:2px;
	width:50px;
	background-color:#c19d60;
}

.menu-section-seven .title-box h3{
	position:relative;
	color:#ffffff;
	margin-top:12px;
}

/*** 

====================================================================
	Private Section
====================================================================

***/

.private-section{
	position:relative;
	padding:100px 0px 70px;
}

.private-section .upper-image{
	position:relative;
}

.private-section .upper-image img{
	position:relative;
	width:100%;
	display:block;
}

.private-section .middle-content{
	position:relative;
	padding-top:30px;
}

.private-section .middle-content h3{
	color:#000000;
	margin-bottom:15px;
}

.private-section .middle-content .text{
	color:#999898;
}

.private-section .lower-content{
	position:relative;
	padding-top:30px;
}

.private-section .lower-content h5{
	position:relative;
	color:#000000;
	margin-bottom:20px;
}

.private-section .form-column{
	position:relative;
	margin-bottom:30px;
}

.private-section .form-column .inner-column{
	position:relative;
}

.private-section .image-column{
	position:relative;
	margin-bottom:30px;
}

.private-section .image-column .inner-column{
	position:relative;
}

.private-section .image-column .image{
	position:relative;
}

.private-section .image-column .image img{
	position:relative;
	width:100%;
	display:block;
}

/* Booking Form */

.booking-form{
	position: relative;
	z-index:1;
}

.booking-form .form-group{
	position:relative;
	margin-bottom:20px;	
}

.booking-form .form-group input[type="text"],
.booking-form .form-group input[type="email"],
.booking-form .form-group input[type="tel"],
.booking-form .form-group input[type="url"],
.booking-form .form-group textarea,
.booking-form .form-group select{
	position: relative;
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 20px;
    color: #555555;
    font-weight: 400;
    padding: 14px 24px;
	z-index:1;
	height:56px;
    background-color: #ffffff;
	border:1px dashed #c19d60;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    transition: all 600ms ease;
}

.booking-form .form-group .ui-selectmenu-button.ui-button{
	background-color: #ffffff;
	border:1px dashed #c19d60;
}

.booking-form .form-group input:focus,
.booking-form .form-group select:focus,
.booking-form .form-group textarea:focus{
	border-style:solid;
}

.booking-form .form-group textarea{
	height: 150px;
	resize: none;
	border-radius:0px;
}

.booking-form .form-group input[type="submit"],
.booking-form button{
    margin-top:5px;
}

.booking-form .form-group input[type="submit"]:hover,
.booking-form button:hover{
	
}

/*** 

====================================================================
	Reservation Section Three
====================================================================

***/

.reservation-section-three{
	position:relative;
	padding:100px 0px 100px;
}

.reservation-section-three .title-box{
	position:relative;
	margin-bottom:25px;
	text-align:center;
}

.reservation-section-three .title-box h2{
	color:#000000;
	margin-bottom:15px;
}

.reservation-section-three .title-box .text p{
	position:relative;
}

.reservation-section-three .title-box .text p a{
	position:relative;
	color:#c19d60;
}

.reservation-section-three .title-box .text p:last-child{
	margin-bottom:0px;
}

.reservation-section-three .reservation-info-boxed{
	position:relative;
	margin-top:30px;
	margin-bottom:20px;
}

.reserve-box{
	position:relative;
	margin-bottom:30px;
}

.reserve-box .inner-box{
	position:relative;
	padding:30px 0px;
}

.reserve-box .inner-box .content{
	position:relative;
	padding-left:90px;
	padding-right:15px;
}

.reserve-box .inner-box:before{
	position:absolute;
	content:'';
	left:30px;
	top:0px;
	right:0px;
	bottom:0px;
	border:1px dashed #c19d60;
	-webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    transition: all 600ms ease;
}

.reserve-box .inner-box:hover::before{
	border-style:solid;
}

.reserve-box .inner-box .content .icon{
	position:absolute;
	left:0px;
	top:6px;
	width:60px;
	height:60px;
	color:#000000;
	text-align:center;
	line-height:63px;
	font-size:26px;
	display:inline-block;
	-webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
	background:url(../images/icons/cap-1.png) no-repeat;
}

.reserve-box .inner-box .content .icon:before{
	position:relative;
	z-index:1;
}

.reserve-box .inner-box .content .icon:after{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:60px;
	height:60px;
	opacity:0;
	-webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
	background:url(../images/icons/cap-2.png) no-repeat;
}

.reserve-box .inner-box:hover .content .icon:after{
	opacity:1;
}

.reserve-box .inner-box:hover .content .icon{
	color:#c19d60;
}

.reserve-box .inner-box .content h4{
	position:relative;
	color:#000000;
	margin-bottom:10px;
}

.reserve-box .inner-box .content ul{
	position:relative;
}

.reserve-box .inner-box .content ul li{
	position:relative;
	margin-bottom:0px;
	font-size:16px;
	line-height:1.8em;
}

.reserve-box .inner-box .content ul li a{
	position:relative;
	color:#c19d60;
}

.reservation-section-three .reservation-booking-form{
	position:relative;
	padding:25px 25px 10px;
	border:1px dashed #c19d60;
}

.reservation-section-three .reservation-booking-form .image-column{
	position:relative;
}

.reservation-section-three .reservation-booking-form .image-column .inner-column{
	position:relative;
}

.reservation-section-three .reservation-booking-form .image-column .image{
	position:relative;
}

.reservation-section-three .reservation-booking-form .image-column .image img{
	position:relative;
	width:100%;
	display:block;
}

.reservation-section-three .reservation-booking-form .form-column{
	position:relative;
}

.reservation-section-three .reservation-booking-form .form-column .inner-column{
	position:relative;
}

/*** 

====================================================================
	Gallery Page Section
====================================================================

***/

.gallery-page-section{
	position:relative;
	padding:100px 0px 110px;
}

.gallery-page-section .filters{
	position:relative;
	margin-bottom:60px;
	text-align:center;
}

.gallery-page-section .filters .filter-tabs{
	position:relative;
}

.gallery-page-section .filters li{
	position: relative;
    display: inline-block;
    color: #000000;
	padding:0px 0px;
    cursor: pointer;
    font-size: 24px;
    font-weight: 700;
	margin:0px 20px 0px;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
	font-family: 'Playfair Display', serif;
}

.gallery-page-section .filters .filter.active,
.gallery-page-section .filters .filter:hover{
    color:#c19d60;
}

.gallery-page-section .btn-box{
	position:relative;
	margin-top:30px;
}

.gallery-block-two{
	position:relative;
	margin-bottom:30px;
}

.gallery-block-two .inner-box{
	position:relative;
	transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.gallery-block-two .inner-box .image{
	position:relative;
}

.gallery-block-two .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
}

.gallery-block-two .inner-box .image .overlay-box{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	color:#ffffff;
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
	transition: -webkit-transform 0.4s ease;
	transition: transform 0.4s ease;
	transition: transform 0.4s ease, -webkit-transform 0.4s ease;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
	background-color:rgba(0,0,0,0.75);
	background-position:center center;
	/* outline-offset: -10px;
	outline: 1px dashed rgba(255,255,255,0.40); */
}

.gallery-block-two .inner-box:hover .overlay-box{
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
}

.gallery-block-two .inner-box .overlay-inner{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:table;
	text-align:center;
	vertical-align:middle;
	padding:10px 30px;
}

.gallery-block-two .inner-box .overlay-inner .content{
	position:relative;
	display:table-cell;
	vertical-align:middle;
}

.gallery-block-two .inner-box .overlay-inner .content .icon{
	position:relative;
	width:60px;
	height:60px;
	z-index:1;
	line-height:1em;
	display:inline-block;
}

.gallery-block-two .inner-box .lower-content{
	position:absolute;
	left:0px;
	right:0px;
	bottom:30px;
	text-align:center;
}

.gallery-block-two .inner-box .lower-content .title{
	position:relative;
	color:#c19d60;
	font-size:18px;
	display:block;
	margin-bottom:10px;
	font-family: 'Kaushan Script', cursive;
}

.gallery-block-two .inner-box .lower-content h4{
	position:relative;
	color:#ffffff;
}

.gallery-block-two.mix{
	display:none;
}

/*** 

====================================================================
	Login Page Section
====================================================================

***/

.login-page-section{
	position:relative;
	padding:100px 0px 100px;
	background-position:right bottom;
	background-repeat:no-repeat;
}

.login-page-section .inner-container{
	position:relative;
	margin:0 auto;
	max-width:550px;
	padding:60px 30px 30px;
	background-color:#ffffff;
	border:1px solid rgba(0,0,0,0.15);
}

/* Styled Form */

.styled-form{
	position:relative;
}

.styled-form .form-group{
	position:relative;
	margin-bottom:25px;
}

.styled-form .form-group input{
	position:relative;
	height:54px;
	padding:6px 25px;
	width:100%;
	color:#7683a3;
	font-size:16px;
	border-radius:0px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	background-color:#ffffff;
	border:1px solid rgba(0,0,0,0.15);
}

.styled-form .form-group input:focus{
	border-color:#c19d60;
}

.styled-form .form-group textarea{
	position:relative;
	height:150px;
	width:100%;
	resize:none;
	padding:15px 15px;
	border-radius:50px;
	border:1px solid #f2f2f2;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.styled-form .form-group button{
	padding:13px 65px;
}

.styled-form .form-group .users{
	position:relative;
	color:#7683a3;
	font-size:16px;
	text-align:center;
	margin-top:10px;
}

.styled-form .form-group .users a{
	position:relative;
	color:#000000;
	font-weight:700;
}

.styled-form .form-group .forgot{
	position:relative;
	margin-top:8px;
	color:#999898;
	font-size:16px;
	display:inline-block;
}

.styled-form .form-group .or{
	position:relative;
	font-size:18px;
	color:#999898;
	text-align:center;
}

.styled-form .form-group .btns-box{
	text-align:center;
}

.styled-form .form-group .btns-box .facebook-btn{
	position:relative;
	color:#ffffff;
	font-size:16px;
	margin:0px 10px;
	padding:14px 26px;
	border-radius:0px;
	display:inline-block;
	background-color:#415dae;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.styled-form .form-group .btns-box .google-btn{
	position:relative;
	color:#ffffff;
	font-size:16px;
	margin:0px 10px;
	padding:14px 26px;
	border-radius:0px;
	display:inline-block;
	background-color:#cf4332;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.styled-form .form-group .btns-box a .social-icon{
	position:relative;
	margin-right:10px;
}

.styled-form .form-group .btns-box a:hover{
	
}

/* CheckBox */

.styled-form .form-group .check-box{
	position:relative;
	margin-bottom:3px;
	margin-top:7px;
}

.styled-form .form-group .check-box label{
	position: relative;
	display: block;
	width: 100%;
	line-height: 22px;
	padding: 2px 10px 0px;
	padding-left: 25px;
	background: #ffffff;
	font-size: 16px;
	font-weight: 400;
	color: #7683a3;
	cursor: pointer;
	margin-bottom: 0;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.styled-form .form-group .check-box label a{
	position:relative;
	font-weight:700;
	color:#000000;
}

.styled-form .form-group .check-box input[type="checkbox"]:checked + label{
	border-color: #25a9e0;
}

.styled-form .form-group .form-group .check-box label {
    padding-left: 30px;
    padding-top: 1px;
    cursor: pointer;
}

.styled-form .form-group .check-box label:before{
	position: absolute;
	left: 0;
	top: 6px;
	height:15px;
	width: 15px;
	background: #ffffff;
	content: "";
	border-radius: 0px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	border:1px solid #cccccc;
}

.styled-form .form-group .check-box label:after {
	position: absolute;
	left: 0px;
	top: 0;
	height: 15px;
	line-height: 15px;
	max-width: 0;
	font-size: 14px;
	color: #ffffff;
	font-weight: 800;
	overflow: hidden;
	background: transparent;
	text-align: center;
	font-family: 'FontAwesome';
	-webkit-transition: max-width 500ms ease;
	-moz-transition: max-width 500ms ease;
	-ms-transition: max-width 500ms ease;
	-o-transition: max-width 500ms ease;
	transition: max-width 500ms ease;
}

.styled-form .form-group .check-box input[type="checkbox"] {
	display: none;
}

.styled-form .form-group .check-box input[type="checkbox"]:checked + label:before{
	border: 5px solid #c19d60;
    background: #ffffff;
}

.styled-form .form-group .check-box input[type="checkbox"]:checked + label:after {
	max-width: 20px;
	opacity: 1;	
}

/*** 

====================================================================
	Faq's Page Section
====================================================================

***/

.faq-page-section{
	position:relative;
	padding:100px 0px 40px;
}

.faq-page-section .sec-title{
	margin-bottom:70px;
}

.faq-page-section .accordion-column{
	position:relative;
	margin-bottom:80px;
}

.faq-page-section .accordion-column .inner-column{
	position:relative;
	padding:30px 30px;
	border:1px dashed #c19d60;
}

.faq-page-section .accordion-column h4{
	position:relative;
	color:#000000;
	font-weight:700;
	margin-bottom:20px;
}

.faq-page-section .accordion-column .icon-box{
	position:absolute;
	right:30px;
	top:-40px;
	width:80px;
	height:80px;
	color:#c19d60;
	font-size:42px;
	padding-top:20px;
	line-height:1em;
	display:inline-block;
	transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	background:url(../images/icons/cap-3.png) no-repeat;
}

.faq-page-section .accordion-column .icon-box:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	width:80px;
	height:80px;
	opacity:0;
	transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	background:url(../images/icons/cap-4.png) no-repeat;
}

.faq-page-section .accordion-column .inner-column:hover .icon-box::before{
	opacity:1;
}

.faq-page-section .accordion-column .inner-column:hover .icon-box .icon{
	color:#ffffff;
}

.faq-page-section .accordion-column .icon-box .icon{
	position:relative;
	color:#000000;
	display:block;
	text-align:center;
	transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
}

/*** 

====================================================================
	Accordion Style
====================================================================

***/

.accordion-box{
	position:relative;
}

.accordion-box .block{
	position: relative;
    margin-bottom:15px;
	border-radius:0px;
	background-color:#ffffff;
	border:1px dashed #c19d60;
}

.accordion-box .block.active-block{
	border-style:solid;
}

.accordion-box .block .acc-btn{
	position:relative;
	font-size:18px;
	cursor:pointer;
	line-height:34px;
	color:#000000;
	font-weight:700;
	background:none;
	border-radius:0px;
	padding:12px 50px 12px 30px;
	transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	font-family: 'Playfair Display', serif;
}

.accordion-box .block .acc-btn.active{
	background-color:#c19d60;
	color:#ffffff;
	font-weight:700;
	border-radius:0px;
}

.accordion-box .block .icon-outer{
	position:absolute;
	right:15px;
	top:15px;
	width:30px;
	height:30px;
	font-size:20px;
	color: #243559;
	border-radius:0px 8px 8px 0px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.accordion-box .block .icon-outer .icon{
    position: absolute;
	right: 0px;
	width:30px;
	height:30px;
	color:#243559;
    font-size: 14px;
    text-align: center;
	line-height:30px;
	border-radius:50%;
}

.accordion-box .block .icon-outer .icon-plus{
	opacity:1;
}

.accordion-box .block .icon-outer .icon-minus{
	opacity:0;
}

.accordion-box .block .acc-btn.active .icon-outer .icon-minus{
	opacity:1;
	color:#ffffff;
}

.accordion-box .block .acc-btn.active .icon-outer .icon-plus{
	opacity:0;
}

.accordion-box .block .acc-content{
	position:relative;
	display:none;
}

.accordion-box .block .acc-content .content-text{
	padding-bottom:6px;
}

.accordion-box .block .acc-content.current{
	display:block;	
}

.accordion-box .block .content{
	position:relative;
	font-size:16px;
	color:#7683a3;
	line-height:1.8em;
	padding:22px 30px 20px 30px;
	background-color:#ffffff;
	border-radius:0px 0px 5px 5px;
}

.accordion-box .block .content .accordian-text{
	line-height:1.9em;
	font-size:16px;	
	color:#999898;
	font-weight:400;
}

.accordion-box .block .content p:last-child{
	margin-bottom:0px;	
}

/*** 

====================================================================
	Price Page Section
====================================================================

***/

.price-page-section{
	position:relative;
	padding:100px 0px 0px;
}

.price-page-section.style-two{
	padding-bottom:100px;
}

.event-team-block.style-three .block-inner{
	text-align:left;
	padding-left:30px;
}

.event-team-block.style-three .block-inner .icon{
	display:inline-block;
}

.event-team-block.style-three .block-inner h4{
	top:-15px;
	margin-top:0px;
	margin-left:10px;
	display:inline-block;
}

.event-team-block.style-three .block-inner .price{
	font-size:30px;
	padding:12px 24px;
	display:inline-block;
	border:1px solid rgba(0,0,0,0.10);
	border-left:0px;
	margin-left:-30px;
	margin-top:15px;
	margin-bottom:30px;
	-webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.event-team-block.style-three .block-inner:hover .price{
	color:#ffffff;
	border-color:#c19d60;
	background-color:#c19d60;
}

.event-team-block.style-three .block-inner .price sup{
	font-size:20px;
}

.event-team-block.style-three .block-inner .event-list{
	padding-left:0px;
}

/*** 

====================================================================
	Coming Soon
====================================================================

***/

.coming-soon{
	position:fixed;
	width:100%;
	height:100%;
	display:block;
	overflow-y:auto;
	background-color:#fffefb;
	text-align: center;
}

.coming-soon .content{
	position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: table;
    vertical-align: middle;
}

.coming-soon .content .content-inner{
	position: relative;
	padding: 90px 15px;
    display: table-cell;
    vertical-align: middle;
}

.coming-soon .title-box{
	position:relative;
}

.coming-soon .title-box h2{
	position:relative;
	font-size:64px;
	font-weight:700;
	color: #000000;
	line-height:1.2em;
}

.coming-soon .title-box .text{
	position:relative;
	color:#999898;
	font-size:24px;
	line-height:1.5em;
	margin-top:15px;
	margin-bottom:40px;
}

/* Time Counter Three */

.time-counter--three{
	position:relative;
}

.time-counter-three .time-countdown-three{
	position:relative;
}

.time-counter-three .time-countdown-three .counter-column{
	position:relative;
	display: inline-block;
	width:190px;
	font-size:30px;
	line-height: 1em;
	color:#000000;
	padding-top:25px;
	text-transform:capitalize;
	font-weight:400;
	text-align: center;
	z-index: 7;
	border-radius: 0px;
	margin-right:35px;
	padding-bottom:30px;
}

.time-counter-three .time-countdown-three .counter-column:after{
	position:absolute;
	content:'';
	left:10px;
	top:60px;
	right:10px;
	bottom:0px;
	border:1px solid #c19d60;
}

.time-counter-three .time-countdown-three .counter-column:last-child{
	margin-right:0px;
}

.time-counter-three .time-countdown-three .counter-column .count:before{
	position:absolute;
	content:':';
	right:-28px;
	top:50%;
	color:#c19d60;
	font-size:60px;
	line-height:1em;
	margin-top:5px;
}

.time-counter-three .time-countdown-three .counter-column:last-child .count::before{
	display:none;
}

.time-counter-three .time-countdown-three .counter-column .count{
	position:relative;
	display:block;
	font-size:36px;
	line-height:25px;
	padding:10px 0px 65px;
	color:#000000;
	z-index:1;
	font-weight:700;
	font-family: 'Playfair Display', serif;
}

.time-counter-three .time-countdown-three .counter-column:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	width:100%;
	height:100px;
	z-index:1;
	background:url(../images/icons/cap-6.png) no-repeat;
	background-position:center center;
}

.coming-soon .emailed-form{
	margin-top:50px;
}

.coming-soon .emailed-form .form-group{
	position:relative;
	display:block;
	max-width:550px;
	width:100%;
	margin: 0 auto;
}

.coming-soon .emailed-form .form-group input[type="text"],
.coming-soon .emailed-form .form-group input[type="tel"],
.coming-soon .emailed-form .form-group input[type="email"],
.coming-soon .emailed-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:28px;
	height:50px;
	font-size:15px;
	color:#000000;
	overflow:hidden;
	padding:15px 50px 15px 25px;
	background-color:#fffefb;
	border:1px solid #c19d60;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;	
}

.coming-soon .emailed-form .form-group input:focus,
.coming-soon .emailed-form .form-group select:focus,
.coming-soon .emailed-form .form-group textarea:focus{

}

.coming-soon .emailed-form .form-group input[type="submit"],
.coming-soon .emailed-form button{
	position:absolute;
	right:0px;
	top:0px;
	cursor:pointer;
	line-height:40px;
	font-size:16px;
	color: #ffffff;
	font-weight:700;
	padding:5px 34px;
	background-color: #c19d60;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;	
}

.coming-soon .emailed-form .form-group input[type="submit"]:hover,
.coming-soon .emailed-form button:hover{
	color: #ffffff;
	background-color:#111111;
}

.coming-soon .social-box{
	margin-top:50px;
}

.coming-soon .social-box li{
	position:relative;
	margin:0px 5px;
	display:inline-block;
}

.coming-soon .social-box li a{
	position:relative;
	width:40px;
	height:40px;
	display:block;
	color:#ffffff;
	line-height:40px;
	text-align:center;
	border-radius:0px;
	background-color:#fe4c1c;
}

.coming-soon .social-box li.facebook a{
	background-color:#3d548e;
}

.coming-soon .social-box li.twitter a{
	background-color:#44b1e4;
}

.coming-soon .social-box li.linkedin a{
	background-color:#ff2e2e;
}

.coming-soon .social-box li.pinterest a{
	background-color:#c62026;
}

.coming-soon .copyright{
	position:relative;
	color:#000000;
	font-size:16px;
	margin-top:30px;
}

.coming-soon .copyright a{
	font-weight:600;
	color:#000000;
}

/*** 

====================================================================
	Services Page Section
====================================================================

***/

.services-page-section{
	position:relative;
	padding:100px 0px 100px;
}

.services-page-section .styled-pagination{
	margin-top:30px;
}

.items-sorting{position: relative;margin-bottom: 40px;padding: 15px 25px 10px;}

.items-sorting .results-column{
	position:relative;
}

.items-sorting .results-column .filter{
	position:relative;
	color:#c19d60;
	font-size:16px;
	font-weight:600;
	padding:11px 30px;
	display:inline-block;
	border:1px solid #c19d60;
	text-transform:capitalize;
}

.items-sorting .results-column h6{
	position:relative;
	color:#000000;
	font-size:16px;
	margin-left:20px;
	display:inline-block;
	font-family: 'Playfair Display', serif;
}

.items-sorting .select-column{
	position:relative;
	text-align:right;
}

.items-sorting .select-column .form-group{
	float:right;
}

.items-sorting .select-column select{
	position:relative;
	width:135px;
	color:#c19d60;
	cursor:pointer;
	font-size:16px;
	padding:12px 20px;
	display:inline-block;
	border:1px solid #c19d60;
	-webkit-appearance: none;
   -moz-appearance:none;
   appearance:none;
   transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.items-sorting .select-column select:hover{
	color:#ffffff;
	background-color:#c19d60;
}

.items-sorting .select-column .three-columns{
	position:relative;
	float:right;
	color:#c19d60;
	font-size:16px;
	margin-right:15px;
	padding:12px 28px;
	display:inline-block;
	border:1px solid #c19d60;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.items-sorting .select-column .three-columns:hover{
	color:#ffffff;
	background-color:#c19d60;
}

.service-block-four{
	position:relative;
	margin-bottom:30px;
}

.service-block-four .inner-box{
	position:relative;
	padding:15px 15px 20px;
	border:1px dashed #c19d60;
}

.service-block-four .inner-box:hover{
	border-style:solid;
}

.service-block-four .inner-box .image{
	position:relative;
	overflow:hidden;
	background-color:#000000;
}

.service-block-four .inner-box .image .off-price{
	position:absolute;
	left:15px;
	top:15px;
	z-index:1;
	color:#ffffff;
	font-size:18px;
	padding:8px 20px;
	display:inline-block;
	background-color:#ed1c1c;
	font-family: 'Playfair Display', serif;
}

.service-block-four .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.service-block-four .inner-box:hover .image img{
	opacity:0.50;
	transform:scale(1.06,1.06) rotate(4deg);
}

.service-block-four .inner-box .image .options-box{
	position:absolute;
	right:-100px;
	top:15px;
	z-index:1;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.service-block-four .inner-box:hover .image .options-box{
	right:15px;
}

.service-block-four .inner-box .image .options-box li{
	position:relative;
	margin-bottom:12px;
}

.service-block-four .inner-box .image .options-box li a{
	position:relative;
	color:#c19d60;
	width:44px;
	height:44px;
	font-size:24px;
	line-height:40px;
	text-align:center;
	display:inline-block;
	border:1px solid #c19d60;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;	
}

.service-block-four .inner-box .image .options-box li a:hover{
	color:#ffffff;
	background-color:#c19d60;
}

.service-block-four .inner-box .lower-content{
	position:relative;
	padding-top:25px;
	text-align:center;
}

.service-block-four .inner-box .lower-content h6{
	margin-bottom:8px;
}

.service-block-four .inner-box .lower-content h6 a{
	position:relative;
	color:#000000;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;	
}

.service-block-four .inner-box:hover .lower-content h6 a{
	color:#c19d60;
}

.service-block-four .inner-box .lower-content .text{
	margin-bottom:15px;
}

.service-block-four .inner-box .lower-content .price{
	color:#c19d60;
	font-weight:600;
	font-size:20px;
	margin-bottom:15px;
	font-family: 'Playfair Display', serif;
}

.service-block-four .inner-box .lower-content .rating{
	color:#fdb819;
}

.service-block-four .inner-box .lower-content .price span{
	color:#000000;
	text-decoration:line-through;
}

/* Error Section */

.error-section{
	position:relative;
	padding:250px 0px 250px;
	background-position:right bottom;
	background-repeat:no-repeat;
}

.error-section .content{
	position:relative;
	text-align:center;
}

.error-section .big-text{
	position:absolute;
	left:0px;
	right:0px;
	color:#c19d60;
	font-size:500px;
	opacity:0.09;
	font-weight:700;
	line-height:150px;
	font-family: 'Playfair Display', serif;
}

.error-section h1{
	color:#c19d60;
	font-size:160px;
	font-weight:700;
	line-height:1em;
	margin-bottom:10px;
}

.error-section h1 span{
	color:#000000;
}

.error-section h3{
	color:#000000;
	font-weight:700;
	line-height:1.2em;
	margin-top:40px;
	margin-bottom:20px;
	text-transform:uppercase;
	font-family: 'Lato', sans-serif;
}

.error-section h4{
	color:#000000;
	font-weight:700;
	line-height:1.3em;
	margin-bottom:10px;
}

.error-section .text{
	font-size:18px;
	margin-top:20px;
	margin-bottom:30px;
}

.service-detail{
	position:relative;
}

.service-detail .inner-box{
	position:relative;
}

.service-detail .inner-box .upper-content-box{
	position:relative;
	margin-bottom:40px;
	padding:25px 25px 10px;
	border:1px dashed #c19d60;
}

.service-detail .inner-box .accordion-outer-box{
	padding:25px 25px 10px;
	border:1px dashed #c19d60;
}

.service-detail .inner-box .accordion-outer-box h3{
	color: #000000;
    margin-bottom: 25px;
}

.service-detail .inner-box .image{
	position:relative;
}

.service-detail .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
}

.service-detail .inner-box .lower-content{
	position:relative;
	padding-top:30px;
}

.service-detail .inner-box .lower-content h2{
	color:#000000;
	margin-bottom:15px;
}

.service-detail .inner-box .lower-content p{
	color:#555555;
	margin-bottom:18px;
}

.service-detail .inner-box .lower-content h3{
	color:#000000;
	margin-bottom:25px;
}

.service-detail .inner-box blockquote{
	position:relative;
	padding:40px 40px;
	color:#ffffff;
	font-size:24px;
	line-height:1.4em;
	padding-left:80px;
	margin-bottom:35px;
	background-color:#111111;
	font-family: 'Playfair Display', serif;
}

.service-detail .inner-box blockquote .author-name{
	position:relative;
	display:block;
	margin-top:10px;
	color:#c19d60;
	font-size:18px;
	font-family: 'Kaushan Script', cursive;
}

.service-detail .inner-box blockquote .quote-icon{
	position:absolute;
	left:30px;
	top:30px;
	color:#c19d60;
	line-height:1em;
	font-size:40px;
}

.service-detail .inner-box blockquote .side-icon{
	position:absolute;
	right:0px;
	bottom:0px;
	opacity:0.05;
	color:#ffffff;
	font-size:150px;
	line-height:1em;
}

.service-detail .inner-box .services-blocks-outer{
	margin-top:55px;
	padding:0px 30px;
}

.service-detail .inner-box .services-blocks-outer .row{
	margin:0px -25px;
}

.service-detail .inner-box .services-blocks-outer .offer-block.style-two{
	padding:0px 25px;
}

.service-detail .inner-box .services-blocks-outer .offer-block{
	margin-bottom:30px;
}

.service-detail .event-more-posts{
	position:relative;
	margin-top:40px;
}

/* Prev Posts */

.service-detail .prev-post{
	position:relative;
	padding:20px 20px;
	border:1px dashed #c19d60;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;	
}

.service-detail .prev-post:hover{
	border-style:solid;
}

.service-detail .prev-post .post-inner{
	position:relative;
	padding-left:80px;
}

.service-detail .prev-post .post-inner .new-post-image{
	position:absolute;
	left:0px;
	top:0px;
	width:60px;
	height:60px;
	overflow:hidden;
}

.service-detail .prev-post .post-inner h6{
	font-weight:600;
}

.service-detail .prev-post .post-inner h6 a{
	position:relative;
	color:#000000;
}

.service-detail .prev-post .post-inner .post-title{
	color:#999898;
	font-size:14px;
	margin-bottom:6px;
}

/* Next Posts */

.service-detail .next-post{
	position:relative;
	padding:20px 20px;
	border:1px dashed #c19d60;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;	
}

.service-detail .next-post:hover{
	border-style:solid;
}

.service-detail .next-post .post-inner{
	position:relative;
	text-align:right;
	padding-right:80px;
}

.service-detail .next-post .post-inner .new-post-image{
	position:absolute;
	right:0px;
	top:0px;
	width:60px;
	height:60px;
	overflow:hidden;
}

.service-detail .next-post .post-inner h6{
	font-weight:600;
}

.service-detail .next-post .post-inner h6 a{
	position:relative;
	color:#000000;
}

.service-detail .next-post .post-inner .post-title{
	color:#999898;
	font-size:14px;
	margin-bottom:6px;
}

.service-list{
	position:relative;
}

.service-list li{
	position:relative;
	margin-bottom:12px;
}

.service-list li a{
	position:relative;
	color:#c19d60;
	display:block;
	font-size:16px;
	padding:11px 20px;
	border:1px dashed #c19d60;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;	
}

.service-list li a .arrow{
	position:absolute;
	right:-1px;
	top:-1px;
	width:50px;
	height:47px;
	color:#c19d60;
	font-size:20px;
	line-height:47px;
	text-align:center;
	border:1px solid #c19d60;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;	
}

.service-list li a:hover .arrow{
	color:#ffffff;
	background-color:#c19d60;
}

.service-list li a:hover{
	border-style:solid;
}

.company-list{
	position:relative;
}

.company-list li{
	position:relative;
	margin-bottom:12px;
}

.company-list li a{
	position:relative;
	padding:13px 25px;
	color:#c19d60;
	display:block;
	font-size:16px;
	border:1px solid #c19d60;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;	
}

.company-list li a .icon{
	position:absolute;
	right:20px;
}

.company-list li a:hover{
	color:#ffffff;
	border-radius:0px;
	background-color:#c19d60;
}

.contact-info-widget .info{
	position:relative;
}

.contact-info-widget .info li{
	position:relative;
	color:#999898;
	font-size:16px;
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px solid rgba(0,0,0,0.10);
}

.contact-info-widget .info li strong{
	position:relative;
	display:block;
	color:#000000;
	font-size:22px;
	margin-bottom:8px;
	font-family: 'Playfair Display', serif;
}

.contact-info-widget .info li .icon{
	position:relative;
	margin-right:10px;
	color:#c19d60;
	font-size:24px;
	line-height:1em;
	font-weight:400;
	display:inline-block;
}

.contact-info-widget .info li a{
	position:relative;
	color:#999898;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.contact-info-widget .info li:last-child{
	padding-bottom:0px;
	margin-bottom:0px;
	border-bottom:0px;
}

.contact-info-widget .info li a:hover{
	color:#c19d60;
}

/*** 

====================================================================
	Blog Page Section
====================================================================

***/

.blog-page-section{
	position:relative;
	padding:100px 0px 100px;
}

.blog-page-section .styled-pagination{
	margin-top:40px;
}

/*** 

====================================================================
	Blog Masonry Section
====================================================================

***/

.blog-masonry-section{
	position:relative;
	padding:100px 0px 100px;
}

.blog-masonry-section .button-box{
	margin-top:10px;
}

/* Instagram Widget */

.food-gallery-widget .post-thumb{
	 position:relative;
	 width:28%;
	 float:left;
	 overflow:hidden;
	 margin:0px 5px 10px;
}

.food-gallery-widget .post-thumb .overlay-box{
	position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: block;
    color: #ffffff;
    font-size: 18px;
    opacity: 0;
    text-align: center;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    background-color: rgba(0,0,0,0.70);
}

.food-gallery-widget .post-thumb .overlay-box .fa{
	top: 50%;
    position: relative;
    margin-top: -12px;
    display: block;
}

.food-gallery-widget .post-thumb:hover .overlay-box{
	opacity:1;
}

.food-gallery-widget .post-thumb img{
	display:block;
	width:100%;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.blog-classic{
	position:relative;
}

.blog-classic .styled-pagination{
	margin-top:70px;
}

.news-block-four{
	position:relative;
	margin-bottom:30px;
}

.news-block-four .inner-box{
	position:relative;
	padding:25px 25px 30px;
	border:1px dashed #c19d60;
}

.news-block-four .inner-box .image{
	position:relative;
	overflow:hidden;
	background-color:#111111;
}

.news-block-four .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.news-block-four .inner-box:hover .image img{
	opacity:0.25;
	transform:scale(1.05,1.05) rotate(3deg);
}

.news-block-four .inner-box .image .icon{
	position:absolute;
	left:20px;
	top:20px;
	z-index:1;
	font-size:80px;
	line-height:1em;
	color:#c19d60;
	display:inline-block;
}

.news-block-four .inner-box .image .icon .date{
	position:absolute;
	left:0px;
	right:0px;
	top:5px;
	color:#ffffff;
	font-size:24px;
	font-weight:500;
	line-height:28px;
	text-align:center;
	font-family: 'Playfair Display', serif;
}

.news-block-four .inner-box .lower-content{
	position:relative;
	padding:30px 0px 0px;
}

.news-block-four .inner-box .lower-content .post-meta{
	position:relative;
}

.news-block-four .inner-box .lower-content .post-meta li{
	position:relative;
	padding-left:25px;
	color:#999898;
	font-size:16px;
	margin-right:15px;
	display:inline-block;
}

.news-block-four .inner-box .lower-content .post-meta li .icon{
	position:absolute;
	left:0px;
	top:0px;
	color:#c19d60;
}

.news-block-four .inner-box .lower-content h3{
	margin-top:15px;
	margin-bottom:10px;
}

.news-block-four .inner-box .lower-content h3 a{
	position:relative;
	color:#000000;
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}

.news-block-four .inner-box:hover{
	border-style:solid;
}

.news-block-four .inner-box:hover .lower-content h3 a{
	color:#c19d60;
}

.news-block-four .inner-box .lower-content .text{
	color:#999898;
	margin-top:15px;
	margin-bottom:20px;
}

.news-block-four .inner-box .lower-content .theme-btn{
	padding:10px 32px;
}







.blog-detail{
	position:relative;
	margin-bottom:30px;
}

.blog-detail .inner-box{
	position:relative;
}

.blog-detail .inner-box .image{
	position:relative;
	overflow:hidden;
	background-color:#111111;
}

.blog-detail .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.blog-detail .inner-box:hover .image img{
	opacity:0.25;
	transform:scale(1.08,1.08) rotate(3deg);
}

.blog-detail .inner-box .image .icon{
	position:absolute;
	left:20px;
	top:20px;
	z-index:1;
	font-size:80px;
	line-height:1em;
	color:#c19d60;
	display:inline-block;
}

.blog-detail .inner-box .image .icon .date{
	position:absolute;
	left:0px;
	right:0px;
	top:5px;
	color:#ffffff;
	font-size:24px;
	font-weight:500;
	line-height:28px;
	text-align:center;
	font-family: 'Playfair Display', serif;
}

.blog-detail .inner-box .lower-content{
	position:relative;
	padding:30px 0px 0px;
}

.blog-detail .inner-box .lower-content .post-meta{
	position:relative;
}

.blog-detail .inner-box .lower-content .post-meta li{
	position:relative;
	padding-left:25px;
	color:#999898;
	font-size:16px;
	margin-right:15px;
	display:inline-block;
}

.blog-detail .inner-box .lower-content .post-meta li .icon{
	position:absolute;
	left:0px;
	top:0px;
	color:#c19d60;
}

.blog-detail .inner-box .lower-content h2{
	color:#000000;
	margin-top:15px;
	margin-bottom:10px;
}

.blog-detail .inner-box .lower-content p{
	color:#999898;
	margin-top:15px;
	margin-bottom:20px;
}

.blog-detail .inner-box .lower-content h3{
	color:#000000;
	margin-top:15px;
	margin-bottom:10px;
}

.blog-detail .inner-box blockquote{
	position:relative;
	padding:40px 40px;
	color:#ffffff;
	font-size:24px;
	line-height:1.4em;
	padding-left:80px;
	margin-bottom:25px;
	background-color:#111111;
	font-family: 'Playfair Display', serif;
}

.blog-detail .inner-box blockquote .author-name{
	position:relative;
	display:block;
	margin-top:10px;
	color:#c19d60;
	font-size:18px;
	font-family: 'Kaushan Script', cursive;
}

.blog-detail .inner-box blockquote .quote-icon{
	position:absolute;
	left:30px;
	top:30px;
	color:#c19d60;
	line-height:1em;
	font-size:40px;
}

.blog-detail .inner-box blockquote .side-icon{
	position:absolute;
	right:0px;
	bottom:0px;
	opacity:0.05;
	color:#ffffff;
	font-size:150px;
	line-height:1em;
}

.blog-detail .inner-box .lower-content h4{
	color:#000000;
	margin-top:15px;
	margin-bottom:10px;
}

.blog-detail .inner-box .lower-content .images{
	position:relative;
	margin-top:30px;
}

.blog-detail .inner-box .lower-content .images img{
	position:relative;
	width:100%;
	display:block;
}

.blog-detail .inner-box .lower-content .images .row{
	margin:0px -10px;
}

.blog-detail .inner-box .lower-content .images .image-two{
	position:relative;
	padding:0px 10px;
}

/* Post Share Options */

.blog-detail .post-share-options{
	position:relative;
	margin-top: 40px;
	padding:30px 0px 25px;
	border-top:1px dashed #c19d60;
}

.blog-detail .post-share-options .post-title{
	position:relative;
	padding-top:6px;
	color:#000000;
	font-size:20px;
	font-weight:600;
	float:left;
	margin-right:10px;
	font-family: 'Playfair Display', serif;
}

.blog-detail .post-share-options .tags{
	position:relative;
	float:left;
}

.blog-detail .post-share-options .tags li{
	position:relative;
	margin-right:4px;
	display:inline-block;
}

.blog-detail .post-share-options .tags li a{
	position:relative;
	color:#c19d60;
	font-size:16px;
	padding:6px 14px 8px;
	display:inline-block;
	border:1px dashed #c19d60;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.blog-detail .post-share-options .tags li a:hover{
	color:#ffffff;
	background-color:#c19d60;
	border-color:#c19d60;
}

.blog-detail .social-box{
	position:relative;
}

.blog-detail .post-share-options .social-box li.share{
	color:#000000;
	font-weight:600;
	font-size:20px;
	padding-top:6px;
	font-family: 'Playfair Display', serif;
}

.blog-detail .post-share-options .social-box li{
	position:relative;
	margin-left:5px;
	display:inline-block;
}

.blog-detail .post-share-options .social-box li a{
	position:relative;
	width:40px;
	height:40px;
	display:block;
	color:#ffffff;
	line-height:40px;
	text-align:center;
	border-radius:0px;
	background-color:#fe4c1c;
}

.blog-detail .post-share-options .social-box li.facebook a{
	background-color:#3d548e;
}

.blog-detail .post-share-options .social-box li.twitter a{
	background-color:#44b1e4;
}

.blog-detail .post-share-options .social-box li.linkedin a{
	background-color:#ff2e2e;
}

.blog-detail .post-share-options .social-box li.pinterest a{
	background-color:#c62026;
}

.blog-detail .event-more-posts{
	position:relative;
	margin-top:5px;
}

/* Prev Posts */

.blog-detail .prev-post{
	position:relative;
	padding:20px 20px;
	border:1px dashed #c19d60;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.blog-detail .prev-post:hover{
	border-style:solid;
}

.blog-detail .prev-post .post-inner{
	position:relative;
	padding-left:80px;
}

.blog-detail .prev-post .post-inner .new-post-image{
	position:absolute;
	left:0px;
	top:0px;
	width:60px;
	height:60px;
	overflow:hidden;
}

.blog-detail .prev-post .post-inner h6{
	font-weight:600;
}

.blog-detail .prev-post .post-inner h6 a{
	position:relative;
	color:#000000;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.blog-detail .prev-post .post-inner .post-title{
	color:#999898;
	font-size:14px;
	margin-bottom:6px;
}

.blog-detail .prev-post:hover .post-inner h6 a{
	color:#c19d60;
}

/* Next Posts */

.blog-detail .next-post{
	position:relative;
	padding:20px 20px;
	border:1px dashed #c19d60;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.blog-detail .next-post:hover{
	border-style:solid;
}

.blog-detail .next-post .post-inner{
	position:relative;
	text-align:right;
	padding-right:80px;
}

.blog-detail .next-post .post-inner .new-post-image{
	position:absolute;
	right:0px;
	top:0px;
	width:60px;
	height:60px;
	overflow:hidden;
}

.blog-detail .next-post .post-inner h6{
	font-weight:600;
}

.blog-detail .next-post .post-inner h6 a{
	position:relative;
	color:#000000;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.blog-detail .next-post:hover .post-inner h6 a{
	color:#c19d60;
}

.blog-detail .next-post .post-inner .post-title{
	color:#999898;
	font-size:14px;
	margin-bottom:6px;
}

/* Author Box */

.blog-author-box{
	position:relative;
	padding: 30px 30px;
	margin-top:60px;
	min-height: 225px;
	margin-bottom: 55px;
	border:1px solid #c19d60;
}

.blog-author-box .author-inner{
	position:relative;
	padding-right:15px;
	padding-left: 90px;
}

.blog-author-box .author-title{
	position:relative;
	color:#000000;
	font-weight:700;
	font-size:24px;
	margin-bottom:25px;
	font-family: 'Playfair Display', serif;
}

.blog-author-box .thumb{
	position:absolute;
	left:0px;
	top:0px;
	height: 68px;
	width: 68px;
	overflow: hidden;
}

.blog-author-box .thumb img{
	display: block;
	width: 100%;
	height: auto;
}

.blog-author-box .name{
	position: relative;
	display: block;
	line-height: 30px;
	color: #222222;
	font-size:24px;
	font-weight: 700;
	margin-bottom: 5px;
	display:inline-block;
}

.blog-author-box .author-text{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 30px;
	color: #555555;
	font-weight: 400;
	margin-bottom: 18px;
	line-height:1.7em;
	margin-top:0px;
}

.blog-author-box .designation{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 30px;
	color: #c19d60;
	font-weight: 400;
	margin-bottom: 10px;
	line-height:1.3em;
	margin-top:6px;
}

.blog-author-box .social-box{
	position:absolute;
	right:30px;
	top:80px;
}

.blog-author-box .social-box li{
	position:relative;
	margin-right:6px;
	display:inline-block;
}

.blog-author-box .social-box li a{
	position:relative;
	width:40px;
	height:40px;
	font-size:16px;
	color:#ffffff;
	line-height:40px;
	text-align:center;
	display:inline-block;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
}

.blog-author-box .social-box li.facebook a{
	background-color:#1b4195;
}

.blog-author-box .social-box li.twitter a{
	background-color:#0f72aa;
}

.blog-author-box .social-box li.pinterest a{
	background-color:#31ade1;
}

.blog-author-box .social-box li.dribbble a{
	background-color:#cb3463;
}

/*** 

====================================================================
	Contact Page Info Section
====================================================================

***/

.contact-page-info-section{
	position:relative;
	/* padding:100px 0px 60px; */
	/* background-color:#fffefb; */
}

.contact-page-info-section .reservation-info-boxed{
	position:relative;
	margin-top:30px;
	margin-bottom:20px;
}

.contact-page-info-section .info-box{
    position: relative;
    margin-bottom: 0px;
    margin-top: 18px;
}

.contact-page-info-section .info-box .inner-box{
	position:relative;
	padding: 18px 0px;
}

.contact-page-info-section .info-box .inner-box .content{
	position:relative;
	padding-left:90px;
	padding-right:15px;
}

.contact-page-info-section .info-box .inner-box:before{
	position:absolute;
	content:'';
	left:30px;
	top:0px;
	right:0px;
	bottom:0px;
	/* border:1px dashed #c19d60; */
}

.contact-page-info-section .info-box:hover .inner-box:before{
	border-style:solid;
}

.contact-page-info-section .info-box .inner-box .content .icon{
	position:absolute;
	left:0px;
	/* top:6px; */
	width:60px;
	height:60px;
	color:#000000;
	text-align:center;
	line-height:63px;
	font-size:26px;
	display:inline-block;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
	background:url(../images/icons/cap-1.png) no-repeat;
}

.contact-page-info-section .info-box .inner-box .content .icon:before{
	position:relative;
	z-index:1;
}

.contact-page-info-section .info-box .inner-box .content .icon:after{
	position:absolute;
	content:'';
	left:0px;
	top: -5px;
	width:60px;
	height:60px;
	opacity:0;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
	background:url(../images/icons/cap-2.png) no-repeat;
}

.contact-page-info-section .info-box .inner-box:hover .content .icon:after{
	opacity:1;
}

.contact-page-info-section .info-box .inner-box:hover .content .icon{
	color:#c19d60;
}

.contact-page-info-section .info-box .inner-box .content h4{
	position:relative;
	color: #ffffff !important;
	margin-bottom:10px;
	font-size: 20px;
	line-height: 31px;
}

.contact-page-info-section .info-box .inner-box .content ul{
	position:relative;
}

.contact-page-info-section .info-box .inner-box .content ul li{
	position:relative;
	margin-bottom:0px;
	font-size:16px;
	line-height:1.8em;
}

.contact-page-info-section .info-box .inner-box .content ul li a{
	position:relative;
	color:#c19d60;
}

/*** 

====================================================================
	Contact Page Form Section
====================================================================

***/

.contact-page-form-section{
	position: relative;
    padding: 0px 0px 0px;
    background-color: #231f20;
    margin-top: 100px;
}

.contact-page-form-section .form-column{
	position:relative;
	margin-bottom:40px;
}

.contact-page-form-section .form-column .inner-column{
	position:relative;
	padding:40px 35px 20px;
	/* border:1px dashed #c19d60; */
}

.contact-page-form-section .form-column .inner-column .sec-title{
	margin-bottom:20px;
}

/* Contact Form */

.contact-form{
	position: relative;
	z-index:1;
}

.contact-form .form-group{
	position:relative;
	margin-bottom:20px;	
}

.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="email"],
.contact-form .form-group input[type="tel"],
.contact-form .form-group input[type="url"],
.contact-form .form-group textarea,
.contact-form .form-group select{
	position: relative;
	display: block;
	width: 100%;
	font-size: 16px;
	line-height: 20px;
	color: #555555;
	font-weight: 400;
	padding: 14px 24px;
	z-index:1;
	height:56px;
	background-color:#fffefb;
	/* border:1px dashed #c19d60; */
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.contact-form .form-group input:focus,
.contact-form .form-group select:focus,
.contact-form .form-group textarea:focus{
	border-style:solid;
}

.contact-form .form-group textarea{
	height: 164px;
	resize: none;
	border-radius:0px;
}

.contact-form .form-group input[type="submit"],
.contact-form button{
    margin-top:5px;
}

.contact-form .form-group input[type="submit"]:hover,
.contact-form button:hover{
	
}

.contact-page-form-section .info-column{
	position:relative;
	margin-bottom:40px;
}

.contact-page-form-section .info-column .sec-title{
	margin-bottom:20px;
}

.contact-page-form-section .info-column .inner-column{
	position:relative;
	padding:60px 30px 70px;
	background-size:cover;
}

.contact-page-form-section .info-column .inner-column:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	/* background-color:rgba(0,0,0,0.90); */
}

.contact-page-form-section .info-column .table-list{
	position:relative;
}

.contact-page-form-section .info-column .table-list li{
	position:relative;
	color:#ffffff;
	font-size:16px;
	padding:20px 0px;
	border-bottom:1px dashed #c19d60;
}

.contact-page-form-section .info-column .table-list li span{
	position:absolute;
	right:0px;
	color:#c19d60;
	font-size:18px;
	font-family: 'Playfair Display', serif;
}

.contact-page-form-section .info-column .btn-box{
	position:relative;
	margin-top:40px;
}

.contact-page-form-section .info-column .btn-box .phone{
	position:relative;
	padding:16px 32px;
	color:#ffffff;
	font-size:16px;
	font-weight:700;
	display:inline-block;
	background-color:#c19d60;
	border-right:3px solid #ffffff;
}

.contact-form input.error,
.contact-form select.error,
.contact-form textarea.error{
	border-color:#ff0000 !important;	
}

.contact-form label.error{
	display:block;
	line-height:24px;
	padding:5px 0px 0px;
	margin:0px;
	text-transform:uppercase;
	font-size:12px;
	color:#ff0000;
	font-weight:500;	
}

/*** 

====================================================================
	Shop Page Section
====================================================================

***/

.shop-page-section{
	position:relative;
	padding:100px 0px 100px;
}

.shop-item{
	position:relative;
	margin-bottom:30px;
}

.shop-item .inner-box{
	position:relative;
	padding:25px 25px 30px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.shop-item .inner-box:hover{

}

.shop-item .inner-box .image{
	position:relative;
	overflow:hidden;
	/*background-color:#000000;*/
}

.shop-item .inner-box .image .off-price{
   position: absolute;
    left: -116px;
    top: -31px;
    width: 246px;
    height: 80px;
    transform: matrix(0.5, -0.50, 0.87, 0.5, 0, 0);
    z-index: 1;
    color: #ffffff;
    /* padding: 90px; */
    font-size: 18px;
    /* padding: 35px 100px; */
    display: inline-block;
    background-color: rgba(222, 115, 56, 1);
   font-family: 'Lato', sans-serif;
}

.shop-item .inner-box .image .off-price span{
      font-size: 16px;
    display: block;
    padding-left: -110px;
    position: absolute;
	letter-spacing:6;
    left: -1px;
    top: 49px;
    color: #fff;
    margin-left: 100px;
    z-index: 999999999;
}

.shop-item .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.shop-item .inner-box:hover .image img{

}

.shop-item .inner-box .image .add-to-cart{
	position: absolute;
    right: 0%;
    bottom: 3%;
    z-index: 1;
    opacity: 0;
    display: block;
    transform: translateX(-50%) translateY(-50%);
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.shop-item .inner-box .image .add-to-cart a{
	
    font-size: 14px;
    line-height: 30px;
    color: #ffffff;
      padding: 12px 24px;
    font-weight: 400;
    overflow: hidden;
    border-radius: 34px;
    overflow: hidden;
    letter-spacing: 1px;
    text-transform: uppercase;
    background-color: #de7338;
}

.shop-item .inner-box:hover .image .add-to-cart{
	opacity:1;
}




.shop-item .inner-box .image .options-box{
	position:absolute;
	right: 0%;
	top: 8%;
	z-index:1;
	opacity:0;
	display:block;
	margin-left:-3px;
	transform:translateX(-50%) translateY(-50%);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.shop-item .inner-box:hover .image .options-box{
	opacity:1;
}

.shop-item .inner-box .image .options-box li{
	position:relative;
	margin:0px 6px 5px;
	display:inline-block;
}

.shop-item .inner-box .image .options-box li a{
	position:relative;
	color:#fff;
	font-size:20px;
	line-height:38px;
	text-align:center;
	display:inline-block;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.shop-item .inner-box .image .options-box li a:before{
	position:relative;
	z-index:1;
}

.shop-item .inner-box .image .options-box li a:after{
	position:absolute;
	content:'';
	left:-6px;
	top:-14px;
	right:0px;
	bottom:0px;
	width:50px;
	height:53px;
	z-index:-1;
	opacity:0;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	
}

.shop-item .inner-box .image .options-box li a:hover{
	color:#ffffff;
	background-color:transparent;
}

.shop-item .inner-box .image .options-box li a:hover::after{
	opacity:1;
}

.shop-item .inner-box .lower-content{
	position:relative;
	padding-top:25px;
	text-align:center;
}

.shop-item .inner-box .lower-content h4{
	margin-bottom:8px;
}

.shop-item .inner-box .lower-content h4 a{
	position:relative;
	font-size:14px;
	text-transform:uppercase;
    color: rgba(18, 18, 18, 1);
	font-family: 'Lato', sans-serif;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;	
}

.shop-item .inner-box:hover .lower-content h4 a{
	    color: #fd9d3e;
}

.shop-item .inner-box .lower-content .text{
	margin-bottom:15px;
}

.shop-item .inner-box .lower-content .price{
	color:rgba(102, 102, 102, 1);
	font-weight:600;
	font-size:18px;
	font-style:italic;
	margin-bottom:15px;
	font-family: 'Lato', sans-serif;
}


.shop-item .inner-box .lower-content .rating{
	color:#fdb819;
}

.shop-item .inner-box .lower-content .price span{
	font-weight:900;
	color:#000;
	font-size:24px;
	margin-left:20px;
	font-style:normal;
	font-family: 'Lato', sans-serif;
}

.shop-page-section .styled-pagination{
	position:relative;
	margin-top:40px;
}

.shop-item.style-two .inner-box{
	padding:15px 15px 5px;
	    min-height: 430px;
}

.shop-item.style-two .inner-box .lower-content h4{
	font-size:16px;
}

.shop-item.style-two .inner-box .image .options-box{
	/* right: 0px; */
}

/* Cart Widget */

.cart-widget .post{
	position: relative;
	min-height: 50px;
	margin-bottom: 15px;
}

.cart-widget .post .post-inner{
	position:relative;
	padding-left: 70px;
}

.cart-widget .post:last-child{
	margin-bottom: 0;
}

.cart-widget .post .thumb{
	position: absolute;
	left: 0px;
	top: 2px;
	height: 50px;
	width: 50px;
	overflow: hidden;
}

.cart-widget .post .thumb a{
	display: block;
}

.cart-widget .post .thumb img{
	display: block;
	width: 100%;
	height: auto;
}

.cart-widget .post h6{
	color: #000000;
	font-size:16px;
	font-weight: 500;
	margin-bottom:5px;
}

.cart-widget .post h6 a{
	color:#000000;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.cart-widget .post h6 a:hover{
	color: #c19d60;
}

.cart-widget .post .price{
	position: relative;
	display: block;
	font-size: 18px;
	color: #c19d60;
	font-size:18px;
	font-family: 'Playfair Display', serif;
}

.cart-widget .post .remove-icon{
	position:absolute;
	right:0px;
	bottom:2px;
	font-size:20px;
	cursor:pointer;
	line-height:1em;
	display:inline-block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.cart-widget .post .remove-icon:hover{
	color:#c19d60;
}

.cart-widget .total{
	position:relative;
	padding-top:12px;
	color:#000000;
	font-size:16px;
	font-weight:600;
	margin-top:25px;
	margin-bottom:20px;
	border-top:1px solid rgba(0,0,0,0.10);
	font-family: 'Playfair Display', serif;
}

.cart-widget .total span{
	position:relative;
	color:#c19d60;
}

.cart-widget .checkout-btn{
	position:relative;
	color:#c19d60;
	font-size:16px;
	font-weight:700;
	padding:12px 10px;
	width:100%;
	display:block;
	text-align:center;
	border:1px solid #c19d60;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.cart-widget .checkout-btn:hover{
	color:#ffffff;
	background-color:#c19d60;
}

/*Sidebar Range slider */

.rangeslider-widget .outer-box{
	position:relative;
	padding:10px 0px 0px;	
}

.rangeslider-widget .form-group{
	position:relative;
	color:#848484;
	font-weight:400;
	font-size:16px;
	margin:30px 0px 0px;	
}

.rangeslider-widget .val-box{
	position:relative;
	display:inline-block;
	margin:0px 5px 0px 0px;
	line-height:24px;
	font-size:14px;
	padding:5px 0px;
	width:45px;
	text-align:center;
	color:#555555;
	font-weight:400;
}

.rangeslider-widget .noUi-connect{
	background:#c19d60 !important;
	box-shadow:none;	
}

.rangeslider-widget .noUi-background{
	background:#eef2f5 !important;
	border-color:#eef2f5 !important;	
}

.rangeslider-widget .noUi-handle{
	top:-5px !important;
	background-color:transparent !important;
	border:1px solid #c19d60 !important;
	cursor:pointer;
	width:14px !important;
	height:14px !important;
	background:#c19d60 !important;
	margin-left:14px;
	border-radius:50%;
	-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}

.rangeslider-widget .noUi-horizontal{
	height:4px !important;
	box-shadow:none !important;
	background:#f06529;
}

.rangeslider-widget .filter-btn{
	color:#ffffff;
	font-size:16px;
	font-weight:500;
	padding:3px 20px;
	display:inline-block;
	background-color:#c19d60;
}

.shop-sidebar .styled-pagination{
	margin-top:30px;
}

/* Shop Item Two */

.shop-item-two{
	position:relative;
	margin-bottom:30px;
}

.shop-item-two .inner-box{
	position:relative;
	padding:20px 20px;
	border:1px dashed #c19d60;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.shop-item-two .inner-box:hover{
	border-style:solid;
}

.shop-item-two .inner-box .content{
	position:relative;
	padding-left:260px;
}

.shop-item-two .inner-box .content .image{
	position:absolute;
	left:0px;
	width:232px;
	height:173px;
	overflow:hidden;
	background-color:#000000;
}

.shop-item-two .off-price{
	position:absolute;
	left:15px;
	top:15px;
	z-index:1;
	color:#ffffff;
	font-size:18px;
	padding:8px 20px;
	display:inline-block;
	background-color:#ed1c1c;
	font-family: 'Playfair Display', serif;
}

.shop-item-two .inner-box .content .image img{
	position:relative;
	width:100%;
	display:block;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.shop-item-two .inner-box:hover .content .image img{
	opacity:0.25;
	transform:scale(1.05,1.05) rotate(4deg);
}

.shop-item-two .inner-box .content .image .options-box{
	position:absolute;
	left:50%;
	top:50%;
	z-index:1;
	opacity:0;
	right:-50px;
	display:block;
	transform:translateX(-50%) translateY(-50%);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.shop-item-two .inner-box:hover .image .options-box{
	opacity:1;
}

.shop-item-two .inner-box .image .options-box li{
	position:relative;
	margin:0px 6px 5px;
	display:inline-block;
}

.shop-item-two .inner-box .image .options-box li a{
	position:relative;
	color:#c19d60;
	width:40px;
	height:40px;
	font-size:20px;
	line-height:38px;
	text-align:center;
	display:inline-block;
	border:1px solid #c19d60;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.shop-item-two .inner-box .image .options-box li a:before{
	position:relative;
	z-index:1;
}

.shop-item-two .inner-box .image .options-box li a:after{
	position:absolute;
	content:'';
	left:-6px;
	top:-14px;
	right:0px;
	bottom:0px;
	width:50px;
	height:53px;
	z-index:-1;
	opacity:0;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	background:url(../images/icons/cap-7.png) no-repeat;
}

.shop-item-two .inner-box .image .options-box li a:hover{
	color:#ffffff;
	background-color:#c19d60;
}

.shop-item-two .inner-box .image .options-box li a:hover::after{
	opacity:1;
}

.shop-item-two .inner-box .content .text{
	line-height:1.6em;
	margin-top:6px;
	margin-bottom:8px;
}

.shop-item-two .inner-box .content .price{
	position:relative;
	color:#c19d60;
	font-size:24px;
	font-weight:600;
	margin-bottom:10px;
	font-family: 'Playfair Display', serif;
}

.shop-item-two .inner-box .content .rating{
	position:relative;
	color:#fdb819;
}

.shop-list .styled-pagination{
	margin-top:60px;
}

/*** 

====================================================================
	Cart Section style
====================================================================

***/

.cart-section{
	position:relative;
	z-index: 9;
	padding:100px 0px 120px;
}

.cart-section .button-box{
	position:relative;
	margin-top:40px;
}

.cart-section .cart-outer{
	position:relative;	
}

.cart-section .table-outer{
	position:relative;
	width:100%;
	overflow-x:	auto;
	padding:30px 30px 40px;
	border:1px dashed #c19d60;
}

.cart-section .cart-table{
	width:100%;
	min-width:900px;
}

.cart-section.style-two .cart-table{
	min-width:auto;
}

.cart-section .cart-table tbody tr{
	border-bottom:1px dashed #c19d60;
}

.cart-table .cart-header{
	position:relative;
	width:100%;
	text-transform:uppercase;
	font-size:16px;
	border-radius:0px;
	background:#c19d60;
	color:#1f1f1f;
}

.cart-table thead tr th{
	line-height:24px;
	padding:20px 15px;
	min-width:120px;
	font-weight:700;
	color:#ffffff;
	font-size:20px;
	text-transform:capitalize;
	font-family: 'Playfair Display', serif;
}

.cart-table thead tr th:last-child{
	
}

.cart-table thead tr th.prod-column{
	text-align:left;
	padding-left:40px;	
}

.cart-table tbody tr td{
	line-height:24px;
	padding:20px 40px 20px;
	min-width:100px;
}

.cart-table tbody tr .qty{
	width:90px;
	padding-right:40px;
	padding-left:10px;
}

.cart-table tbody tr .qty .quantity-spinner{
	
}

.cart-table tbody tr .prod-column .column-box{
	position:relative;
	min-height:100px;
	padding-left:80px;
	padding-top:35px;
	text-align:left;
}


.column.default-column .cart-table tbody tr .qty{
	width:110px;
	padding-right:20px;	
}

.cart-table tbody tr .prod-column .column-box .prod-thumb{
	position:absolute;
	width:60px;
	left:0px;
	top:20px;
}

.cart-table tbody tr .prod-column .column-box .prod-thumb img{
	 display:block;
	 max-width:100%;
}

.cart-table tbody tr .prod-column .column-box h6{
	color:#222222;
	font-weight:500;
	margin-bottom:5px;	
}

.cart-table tbody tr .sub-total{
	font-weight:400;
	color:#999898;	
	font-size:18px;
	padding-left:20px;
}

.cart-table tbody tr .remove-btn{
	position:relative;
	font-size:18px;
	color:#c19d60;
	display:inline-block;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	transition:all 500ms ease;
}

.cart-table tbody tr .remove-btn .fa{
	position:relative;
	color:#000000;
	overflow:hidden;
	text-align:center;
	font-size:24px;
	line-height:1em;
	margin-right:8px;
	margin-top:30px;
}

.cart-table tbody tr .cart-btn{
	
}

.cart-table tbody tr .theme-btn{
	color:#c19d60;
	font-size:16px;
	padding:12px 30px;
	display:inline-block;
	border:2px solid #c19d60;
}

.cart-table tbody tr .theme-btn:hover{
	color:#ffffff;
	background:#c19d60;
}

.cart-table tbody tr td{
	vertical-align:middle;	
}

.cart-table tbody tr td.price{
	font-size:26px;
	font-weight:400;
	color:#c19d60;
	padding-left:10px;
	font-family: 'Playfair Display', serif;
}

.cart-table tbody tr td .quantity-spinner{
	
}

.cart-table tbody .available-info{
	position:relative;
	padding-left:50px;
    color: #727272;
    font-size: 16px;
}

.cart-table tbody .available-info .icon{
	position:absolute;
	left:0px;
	top:5px;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	font-size:18px;
	color:#ffffff;
	background:#3e4494;
	border-radius:50%;
}

.cart-section .coupon-outer{
	position:relative;
	margin:40px 0px 0px;
}

.cart-section .coupon-outer .cart-btn{
	font-size:14px;
	padding:14px 43px;
	font-weight:400;
	cursor:pointer;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	transition:all 500ms ease;
}

.cart-section .apply-coupon{
	position:relative;
}

.cart-section .apply-coupon .form-group{
	position:relative;
	float:left;
	margin-right:20px;	
}

.cart-section .apply-coupon .form-group .coupon-btn{
	padding:11px 28px;
	line-height:30px;
	cursor:pointer;
}


.cart-section .apply-coupon .form-group input[type="text"]{
	display:block;
	line-height:26px;
	padding:12px 0px;
	border-bottom:2px solid #c19d60;
	height:54px;
	width:230px;
	background:none;
	font-size:14px;
}

.cart-section .estimate-form{
	position:relative;
}

.cart-section .sec-title{
	margin-bottom:25px;
}

.cart-section .sec-title h2{
	font-size:26px;
	color:#222222;
}

.cart-section .estimate-form .row{
	margin-left:-7px;
	margin-right:-7px;	
}

.cart-section .estimate-form .row .form-group{
	padding:0px 7px !important;
	margin-bottom:30px;
}

.cart-section .cart-note{
	position:relative;
	margin-bottom:50px;
	padding:16px 20px;
	text-align:center;
	border:1px dashed #b2dd4c;
	background:#f4f4f4;
	line-height:1.7em;
}

.product-details .basic-details .item-quantity input[type="text"],
.cart-table tbody tr .qty input[type="text"]{
	
}

.bootstrap-touchspin .input-group-btn-vertical > .btn{
	height:24px;
	background:#e9e9e9;	
}

.bootstrap-touchspin .input-group-btn-vertical i{
	left:6px;
	top:6px;	
}

.cart-total-box{
	position:relative;
	max-width:490px;
	margin-bottom:40px;
	padding:40px 40px 30px;
	background-color:#f4f4f4;
}

.cart-total-box h4{
	position:relative;
	color:#222222;
	font-weight:700;
	line-height:1.4em;
	margin-bottom:25px;
}



.quantity-spinner{
	position:relative;
	display:block;
	width:132px;
}

.product-details .quantity-spinner{
	margin-bottom:20px;
	float:left;
	margin-right:20px;	
}

.quantity-spinner input{
	position:relative;
	display:block;
	width:45px;
	line-height:24px;
	padding:9px 10px;
	margin:0px 44px;
	font-weight:500;
	height:42px;
	border:1px dashed #c19d60;
	text-align:center;
	border-radius:2px;
}

.quantity-spinner .minus{
	position:absolute;
	left:0px;
	top:0px;
	width:45px;
	height:42px;
	line-height:22px;
	padding:10px 10px;
	text-align:center;
	background:#ffffff;
	font-weight:400;
	color:#555555;
	font-size:16px;
	cursor:pointer;
	border:1px dashed #c19d60;
	z-index:1;
}

.quantity-spinner .plus{
	position:absolute;
	right:0px;
	top:0px;
	width:45px;
	height:42px;
	cursor:pointer;
	line-height:22px;
	padding:10px 10px;
	text-align:center;
	font-weight:400;
	background:#ffffff;
	color:#555555;
	font-size:16px;
	border:1px dashed #c19d60;
	z-index:1;	
}

/*** 

====================================================================
	Shop Detail Section
====================================================================

***/

.shop-detail-section{
	position:relative;
	padding:0px 0px 70px;
	background-image: url(../images/bg.jpg);
}

.product-details .basic-details{
	position:relative;
	margin-bottom:5px;
	padding:30px 30px 0px;
}

.product-details .image-column .image-carousel{
	background-color:#eeeeee;
	overflow:hidden;
}

.product-details .image-column .image-carousel{
	
}

.product-details .image-column,
.product-details .info-column{
	margin-bottom:40px;
    padding-left: 30px;
}


.product-details .info-column .add-to-cart{
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 30px;
    color: #ffffff;
    padding: 7px 24px;
    font-weight: 400;
    overflow: hidden;
	margin-right: 13px;
    border-radius: 34px;
    overflow: hidden;
    letter-spacing: 1px;
    text-transform: uppercase;
    background-color: #de7338;
}

.product-details .info-column .add-to-wishlist{
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 30px;
    color: #000;
    padding: 7px 24px;
	border:1px solid #000;
    font-weight: 400;
    overflow: hidden;
    border-radius: 34px;
    overflow: hidden;
    letter-spacing: 1px;
    text-transform: uppercase;
    background-color: transparent;
}


.product-details .info-column .add-to-cart .icon{
	position:relative;
	margin-left:10px;
	display:inline-block;
}

.product-details .image-column .image-box img{
	position:relative;
	display:block;
	width:100%;
}

.product-details .image-column .thumbs-carousel{
	margin-top:25px;

}

.product-details .image-column .thumbs-carousel li{
	text-align:center;
	cursor:pointer;
	overflow:hidden;
	border-radius:0px;
}

.product-details .image-column .thumbs-carousel li img{
	width:100%;
	max-width:100%;
	display:inline-block;
}

.product-details .image-column .thumbs-carousel .owl-nav{
	position:absolute;
	left:0px;
	top:50%;
	right:0px;
	display:none;
	margin-top:-15px;
}

.product-details .image-column .thumbs-carousel .owl-nav .owl-prev{
	position:relative;
	width:30px;
	height:30px;
	color:#c19d60;
	font-size:16px;
	line-height:26px;
	text-align:center;
	border-radius:2px;
	display:inline-block;
	border:1px solid #c19d60;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.product-details .image-column .thumbs-carousel .owl-nav .owl-next{
	position:absolute;
	right:0px;
	width:30px;
	height:30px;
	color:#c19d60;
	font-size:16px;
	line-height:26px;
	text-align:center;
	border-radius:2px;
	display:inline-block;
	border:1px solid #c19d60;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.product-details .image-column .thumbs-carousel .owl-nav .owl-prev:hover,
.product-details .image-column .thumbs-carousel .owl-nav .owl-next:hover{
	background-color:#c19d60;
	color:#ffffff;
	border-radius:50px;
}

.product-details .basic-details .details-header{
	position:relative;
	margin-bottom:0px;	
}

.product-details .basic-details .details-header h3{
	font-weight:700;
	margin:0px 0px;
	line-height:1.4em;
	color: #121212;
    font-size: 18px;	
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
	margin-bottom:15px;
}

.product-details .basic-details .details-header h3 a{
	color:#333333;	
}

.product-details .basic-details .details-header .rating{
	font-size:16px;
	margin-bottom:10px;
	display:inline-block;
}

.product-details .basic-details .details-header .rating span{
	color:#f9a109;
}

.product-details .basic-details .details-header .rating .fa{
	display:inline-block;
	margin-right:1px;	
}

.product-details .basic-details .details-header .rating .fa.light{
	color:#b1b0af;
}

.product-details .basic-details .details-header .item-price{
	position:relative;
	color: #666666;
	font-size:18px;
	font-weight:600;
	margin-top:20px;
	font-family: 'Lato', sans-serif;
}

.product-details .basic-details .details-header .item-price span{
	position: relative;
    font-weight: 900;
    color: #000000;
    margin-left: 15px;
    line-height: 24px;
    font: normal normal bold 32px/38px Helvetica;
}

.product-details .basic-details .details-header .reviews{
	position:relative;
     margin-left: 0px;
	display:inline-block;
}

.product-details .basic-details .details-header .reviews a{
	position:relative;
	color: #999999;
    font-size: 16px;
}

.product-details .basic-details .stock-list{
	position:relative;
	margin-top:5px;
	margin-bottom:12px;
}

.product-details .basic-details .stock-list li{
	position:relative;
	color:#999898;
	font-size:14px;
	margin-bottom:8px;
	margin-right:70px;
	display:inline-block;
}

.product-details .basic-details .stock-list li span{
	position:relative;
	color:#000000;
	font-size:16px;
	font-weight:600;
	font-family: 'Playfair Display', serif;
}

.product-details .basic-details .stock-list li:last-child{
	margin-right:0px;
}

.product-details .basic-details .text{
    margin-bottom: 15px;
    color: #666666;
    font-size: 16px;
    line-height: 24px;
    margin-top: 15px;
    font-size: 17px;
}

.product-details .basic-details .availablity{
	position:relative;
	float:left;
	padding-right:40px;
	line-height:32px;
	margin-bottom:27px;
	font-size:13px;
	font-weight:500;
	letter-spacing:1px;
	color:#777777;
}

.product-details .basic-details .availablity strong{
	font-size:14px;
	letter-spacing:2px;
	color:#f7542b;
	font-weight:600;
	text-transform:uppercase;
}

.product-details .basic-details .item-quantity{
	position:relative;
}

.product-details .basic-details .item-title{
	position:relative;
	display:block;
	font-size:16px;
	color:#000000;
	font-weight:600;
	line-height:30px;
	margin-bottom:10px;
	text-transform:capitalize;
	font-family: 'Playfair Display', serif;
}

.product-details .basic-details .btns-box{
	position:relative;
	margin-top:0px;
	float:left;
}

.product-details .basic-details .cart-options{
	position:relative;
	float:left;
}

.product-details .basic-details .cart-options li{
	position:relative;
	margin-right:8px;
	display:inline-block;
}

.product-details .basic-details .cart-options li a{
	position:relative;
	width:46px;
	height:46px;
	color:#c19d60;
	text-align:center;
	line-height:42px;
	font-size:18px;
	border-radius:0px;
	display:inline-block;
	border:2px solid #c19d60;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.product-details .basic-details .cart-options li a:hover{
	color:#ffffff;
	background-color:#c19d60;
}

.product-details .basic-details .tags-list{
	position:relative;
	padding-bottom:20px;
	border-bottom:1px solid rgba(0,0,0,0.10);
}

.product-details .basic-details .tags-list strong{
	position:relative;
	display:inline-block;
	font-size:16px;
	color:#000000;
	font-weight:600;
	line-height:30px;
	margin-bottom:10px;
	margin-right:15px;
	text-transform:capitalize;
	font-family: 'Playfair Display', serif;
}

.product-details .basic-details .tags-list li{
	position:relative;
	margin-right:10px;
	display:inline-block;
}

.product-details .basic-details .tags-list li a{
	position:relative;
	color:#c19d60;
	font-size:14px;
	padding:6px 20px;
	display:inline-block;
	border:1px dashed #c19d60;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.product-details .basic-details .tags-list li a:hover{
	color:#ffffff;
	background-color:#c19d60;
}

.product-details .basic-details .quantity-spinner,
.cart-section input.quantity-spinner{
	
}



.product-details .basic-details .social-box{
	position:relative;
	margin-top:28px;
}

.product-details .basic-details .social-box .connect{
	position:relative;
	display:inline-block;
	color:#000000;
	font-size:18px;
	font-weight:700;
	margin-right:15px;
	font-family: 'Playfair Display', serif;
}

.product-details .basic-details .social-box li{
	position:relative;
	margin-right:6px;
	display:inline-block;
}

.product-details .basic-details .social-box li a{
	position:relative;
	width:40px;
	height:40px;
	font-size:16px;
	color:#ffffff;
	line-height:40px;
	text-align:center;
	display:inline-block;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
}

.product-details .basic-details .social-box li.facebook a{
	background-color:#1b4195;
}

.product-details .basic-details .social-box li.twitter a{
	background-color:#0f72aa;
}

.product-details .basic-details .social-box li.pinterest a{
	background-color:#31ade1;
}

.product-details .basic-details .social-box li.dribbble a{
	background-color:#cb3463;
}



.product-details .basic-details .bootstrap-touchspin .input-group-btn-vertical > .btn,
.cart-section .bootstrap-touchspin .input-group-btn-vertical > .btn{
	padding:11px 10px;
	background:#f4f5f6;	
}

.product-details .bootstrap-touchspin .input-group-btn-vertical i,
.cart-section .bootstrap-touchspin .input-group-btn-vertical i{
	top:6px;	
}

/*sel colors*/

.product-details .basic-details .sel-colors{
	position:relative;
	margin-bottom:15px;
}

.product-details .basic-details .sel-colors strong{
	position:relative;
	display:block;
	font-size:16px;
	color:#243559;
	font-weight:500;
	line-height:30px;
	text-transform:capitalize;
	margin-bottom:8px;
}

.product-details .basic-details .sel-colors .color-box{
	position:relative;
	width:30px;
	height:30px;
	margin-right:5px;
	border-radius:50%;
	display:inline-block;
}

.product-details .basic-details .sel-colors .color-box input{
	position:absolute;
	visibility:hidden;
	opacity:0;
}

.product-details .basic-details .sel-colors .color-box label{
	position:relative;
	display:block;
	width:30px;
	height:30px;
	cursor:pointer;
	border-radius:5px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.product-details .basic-details .sel-colors .color-box input[type="radio"]:checked+label:before{
	position:absolute;
	content:'';
	left:50%;
	top:50%;
	width:12px;
	height:12px;
	margin-left:-6px;
	margin-top:-6px;
	border-radius:2px;
	background-color:#ffffff;
}

/* Sel Colors */

.product-details .basic-details .product-size{
	position:relative;
	margin-bottom:10px;
}

.product-details .basic-details .product-size strong{
	position:relative;
	display:block;
	font-size:16px;
	color:#000000;
	font-weight:600;
	line-height:30px;
	margin-bottom:10px;
	text-transform:capitalize;
	font-family: 'Playfair Display', serif;
}

.product-details .basic-details .product-size .size-box{
	position:relative;
	margin-right:5px;
	border-radius:5px;
	display:inline-block;
}

.product-details .basic-details .product-size .size-box input{
	position:absolute;
	visibility:hidden;
	opacity:0;
}

.product-details .basic-details .product-size .size-box label{
	position:relative;
	display:block;
	color:#c19d60;
	cursor:pointer;
	font-size:16px;
	text-align:center;
	border-radius:1px;
	line-height:40px;
	padding:0px 25px;
	background-color:#ffffff;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	border:1px dashed #c19d60;
}

.product-details .basic-details .product-size .size-box input[type="radio"]:checked+label{
	color:#ffffff;
	border-color:#c19d60;
	background-color:#c19d60;
}

/*** 

====================================================================
	Product Tabs Style
====================================================================

***/

.shop-detail-section .prod-tabs{
	position:relative;
	margin-top:50px;
}

.shop-detail-section .prod-tabs .tab-btns{
	position:relative;
	margin-bottom:20px;
}

.shop-detail-section .prod-tabs .tab-btns .tab-btn{
	position:relative;
	display:block;
	margin-right:8px;
	font-size:18px;
	background:none;
	color:#c19d60;
	font-weight:500;
	line-height:24px;
	cursor:pointer;
	border-radius:0px;
	margin-bottom:12px;
	display:inline-block;
	padding:15px 40px 15px;
	background-color:#ffffff;
	transition:all 500ms ease;
	text-transform:capitalize;
	border:1px dashed #c19d60;
	font-family: 'Playfair Display', serif;
}

.shop-detail-section .prod-tabs .tab-btns .tab-btn:hover,
.shop-detail-section .prod-tabs .tab-btns .tab-btn.active-btn{
	color:#ffffff;
	background:#c19d60;
	border-color:#c19d60;
}

.shop-detail-section .prod-tabs .tabs-content{
	position:relative;	
}

.shop-detail-section .prod-tabs .tabs-content .tab{
	position:relative;
	display:none;
}

.shop-detail-section .prod-tabs .tabs-content .tab.active-tab{
	display:block;	
}

.shop-detail-section .prod-tabs .tabs-content .tab p{
	font-size:16px;
	line-height:1.8em;
	color:#999898;
	margin-bottom:20px;
}

.shop-detail-section .prod-tabs .tabs-content .tab p:last-child{
	margin-bottom:0px;
}

.shop-detail-section .prod-tabs .tabs-content .lower-comment-form{
	padding:30px 30px 40px;
	border:1px solid #c19d60;
}

.shop-detail-section .prod-tabs .tabs-content h3{
	position:relative;
	color:#000000;
	font-weight:700;
	margin-bottom:20px;
}

.shop-detail-section .prod-tabs .tabs-content h6{
	position:relative;
	color:#000000;
	font-weight:700;
	margin-bottom:10px;
}

.shop-detail-section .prod-tabs .tabs-content .rating{
	position:relative;
	margin-bottom:22px;
}

.shop-detail-section .prod-tabs .tabs-content .rating label{
	position:relative;
	font-weight:500;
	font-size:16px;
	display:block;
	color:#000000;
	margin-bottom:6px;
	font-family: 'Cabin', sans-serif;
}

.shop-detail-section .prod-tabs .tabs-content .rating a{
	position:relative;
	color:#7683a3;
}

.shop-detail-section .prod-tabs .tabs-content .rating a span{
	position:relative;
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	display:inline-block;
}

.shop-detail-section .prod-tabs .tabs-content .rating a span:hover{
	color:#fdb91c;
}

/* Shop Comment Box */

.shop-comment-box{
	position:relative;
	margin-bottom:30px;
	border-radius:0px;
	padding-bottom:25px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
	border-bottom:1px dashed #c19d60;
}

.shop-comment-box.reply-comment{
	margin-left:90px;
	border-bottom:0px;
}

.shop-comment-box:last-child{
	margin-bottom:0px;
}

.shop-comment-box .shop-comment{
	position:relative;
	font-size:14px;
	padding:5px 0px 0px 85px;
}

.shop-comment-box .shop-comment .shop-reply-comment{
	margin-left:90px;	
}

.shop-comment-box .shop-comment .author-thumb{
	position:absolute;
	left:0px;
	top:0px;
	width:65px;
	border-radius:0px;
	margin-bottom:20px;
	overflow:hidden;
}

.shop-comment-box .shop-comment .author-thumb img{
	width:100%;
	display:block;
}

.shop-comment-box .shop-comment .shop-comment-info{
	margin-bottom:10px;
}

.shop-comment-box .shop-comment strong{
	font-size:18px;
	font-weight:600;
	color:#010101;
	display:block;
	line-height:1.3em;
	display:block;
	text-transform:capitalize;
	font-family: 'Playfair Display', serif;
}

.shop-comment-box .shop-comment .text{
	position:relative;
	color:#7683a3;
	font-size:14px;
	line-height:1.9em;
	margin-bottom:10px;
	padding-top:0px;
}

.shop-comment-box .shop-comment .comment-time{
	font-size:13px;
	color:#c19d60;
	margin-top:4px;
	display:block;
	font-weight:400;
	margin-bottom:6px;
}

.shop-comment-box .shop-comment .comment-option{
	position:relative;
}

.shop-comment-box .shop-comment .comment-option .comment-option{
	position:relative;
}

.shop-comment-box .shop-comment .comment-option li{
	position:relative;
	margin-right:15px;
	line-height:1.1em;
	padding-right:15px;
	display:inline-block;
	border-right:1px solid #243559;
}

.shop-comment-box .shop-comment .comment-option li a{
	position:relative;
	color:#c19d60;
	font-size:14px;
	padding-left:25px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.shop-comment-box .shop-comment .comment-option li a .icon{
	position:absolute;
	left:0px;
	top:1px;
	color:#000000;
}

.shop-comment-box .shop-comment .comment-option li:last-child{
	margin-right:0px;
	padding-right:0px;
	border-right:0px;
}

.shop-comment-box .shop-comment .comment-option li a:hover{
	color:#000000;
}

.shop-comment-box .shop-comment .theme-btn:hover{
	background-color:#222222;
}

/* Shop Comment Form */

.shop-comment-form{
	position:relative;
}

.shop-comment-form .form-group{
	position:relative;
	margin-bottom:20px;
}

.shop-comment-form .form-group .icon{
	position:absolute;
	right:30px;
	top:20px;
	color:#7986a5;
	font-size:16px;
	line-height:1em;
	z-index:1;
	opacity:0;
	font-weight:400;
}

.shop-comment-form .form-group:last-child{
	margin-bottom:0px;
}

.shop-comment-form .form-group input[type="text"],
.shop-comment-form .form-group input[type="tel"],
.shop-comment-form .form-group input[type="email"],
.shop-comment-form .form-group select{
	position:relative;
	display:block;
	width:100%;
	line-height:28px;
	padding:10px 22px;
	color:#111111;
	height:55px;
	font-size:16px;
	background:#ffffff;
	font-weight:400;
	border-radius:0px;
	border:1px dashed #c19d60;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.shop-comment-form .form-group input[type="text"]:focus,
.shop-comment-form .form-group input[type="tel"]:focus,
.shop-comment-form .form-group input[type="email"]:focus,
.shop-comment-form .form-group textarea:focus{
	border-style:solid;
}

.shop-comment-form input::placeholder,
.shop-comment-form textarea::placeholder{
	color:#c19d60;
}

.shop-comment-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:22px;
	padding:15px 20px;
	color:#222222;
	height:150px;
	background:#ffffff;
	resize:none;
	font-size:16px;
	font-weight:400;
	border-radius:0px;
	border:1px dashed #c19d60;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.shop-comment-form button{
	position:relative;
	color:#ffffff;
	margin-top:5px;
	font-size:18px;
	font-weight:500;
	padding:16px 30px;
	border-radius:0px;
	background-color:#c19d60;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.shop-comment-form button .arrow{
	position:relative;
	top:2px;
	color:#ffffff;
	font-size:22px;
	margin-left:5px;
}

.shop-comment-form button:hover{
	background-color:#111111;
}

.related-shop-section{
	position:relative;
	padding:80px 0px 0px;
}

.cart-section .total-column{
	position:relative;
}

.cart-section .total-column .inner-column{
	position:relative;
}

.cart-section .total-column h4{
	position:relative;
	color:#ffffff;
	text-align:center;
	padding:14px 10px;
	background-color:#c19d60;
}

.cart-section .total-column .sub-total-list{
	position:relative;
	margin-bottom:30px;
}

.cart-section .total-column .sub-total-list li{
	position:relative;
	padding:17px 0px;
	color:#c19d60;
	font-size:20px;
	border-bottom:1px solid rgba(0,0,0,0.10);
	font-family: 'Playfair Display', serif;
}

.cart-section .total-column .sub-total-list li strong{
	position:relative;
	font-weight:600;
	font-size:20px;
	color:#000000;
}

.cart-section .total-column .sub-total-list li span{
	position:relative;
	color:#999898;
	font-size:16px;
	font-family: 'Lato', sans-serif;
}

.cart-section .total-column .checkout-btn{
	position:relative;
	color:#ffffff;
	width:100%;
	display:block;
	font-size:18px;
	text-align:center;
	padding:18px 10px;
	font-weight:600;
	background-color:#c19d60;
}

/* Check Out Page */

.checkout-page{
	position:relative;
	z-index: 9;
	background-color: #ffffff;
	padding:100px 0px 80px;
}

.checkout-page .default-links{
	position:relative;
	margin-bottom:40px;	
}

.checkout-page .default-links li{
	margin-bottom:15px;
	line-height:24px;
	padding:18px 28px;
	background:#f9f9f9;
	color:#797979;
	font-size:17px;
	font-weight:600;
	border:1px solid #ebebeb;
}

.checkout-page .default-links li a{
	color:#c19d60;
	text-decoration:underline;
}

.shop-form .billing-inner{
	position:relative;
	padding-right:100px;
}

.shop-form .sec-title h2{
	font-size:24px;
}

.shop-form .form-group{
	position:relative;
	margin-bottom:20px;	
}

.billing-details .shop-form .sec-title{
	margin-bottom:20px;	
}

.billing-details .shop-form .form-group.sec-title{
	margin-bottom:10px;
	padding-bottom:30px;
	margin-top:20px;
}

.shop-form .form-group .field-label{
	display:block;
	line-height:24px;
	margin-bottom:8px;
	color:#797979;	
	font-size:15px;
	font-weight:500;
	text-transform:capitalize;
}

.shop-form .form-group .field-label sup{
	position:relative;
	top:0px;
	color:#797979;	
	font-size:16px;
}

.shop-form input[type="text"],
.shop-form input[type="email"],
.shop-form input[type="password"],
.shop-form input[type="tel"],
.shop-form input[type="number"],
.shop-form input[type="url"],
.shop-form select,
.shop-form textarea{
	position:relative;
	display:block;
	width:100%;
	background:#ffffff;
	line-height:16px;
	padding:10px 15px;
	height:50px;
	border:1px solid #eeeeee;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
}

.shop-form input.address-two{
	margin-top:12px;
}

.shop-form input::-webkit-input-placeholder,
.shop-form select::-webkit-input-placeholder,
.shop-form textarea-webkit-input-placeholder{
	color:#c6c6c6;
}

.shop-form select{
	-webkit-appearance:none;
	-ms-appearance:none;
	-moz-appearance:none;
	-o-appearance:none;
	background:#ffffff url(../images/icons/icon-select.png) right center no-repeat;
	cursor:pointer;
}

.shop-form select option{
	text-indent:15px;	
}

.shop-form textarea{
	resize:none;
	height:100px !important;
	overflow:hidden;	
}

.shop-form input:focus,
.shop-form select:focus,
.shop-form textarea:focus{
	border-color:#c19d60;	
}

/* Shop Order Box */

.shop-order-box{
	position:relative;
	padding:20px 28px 50px;
	border:1px solid #d9d9d9;
	background-color:#fdfdfd;
}

.shop-order-box .order-list{
	position:relative;
}

.shop-order-box .order-list li{
	position:relative;
	color:#797979;
	font-size:15px;
	font-weight:500;
	margin-bottom:12px;
	text-transform:capitalize;
}

.shop-order-box .order-list li span{
	float:right;
	width:35%;
	text-align:left;
	font-size:17px;
	text-transform:capitalize;
}

.shop-order-box .order-list li span.dark{
	color:#242424;
}

.shop-order-box .order-list li.total{
	padding:8px 0px;
	border-top:1px solid #e2e2e2;
	border-bottom:1px solid #e2e2e2;
}

.payment-options{
	position:relative;
	margin-top:20px;
	margin-bottom:20px;	
}

.checkout-page .payment-options li{
	position:relative;
	margin-bottom:15px;	
}

.checkout-page .payment-options li .radio-option{
	position:relative;		
}

.checkout-page .payment-options li .radio-option label{
	position:relative;
	display:block;
	padding-left:30px;
	font-weight:600 !important;
	text-transform:capitalize;
	letter-spacing:1px;
	color:#797979;
	cursor:pointer;
	font-size:15px;
}

.checkout-page .payment-options li .radio-option label strong{
	font-weight:500;
	display: inline-block;
	color:#797979;
	font-size:15px;
}

.checkout-page .payment-options li .radio-option input[type="radio"]{
	position:absolute;
	left:0px;
	top:3px;	
}

.checkout-page .payment-options li .radio-option #payment-3{
	top:9px;
}

.checkout-page .payment-options li .what-paypall{
	font-size:13px;
	font-weight:500;
	margin-left:15px;
	color:#4349d9;
}

.checkout-page .payment-options li .radio-option label .small-text{
	position:relative;
	display:none;
	padding:18px 26px;
	letter-spacing:0px;
	text-transform:none;
	font-weight:normal;
	font-size:15px;
	color:#8e8d8d;
	border-radius:4px;
	line-height:20px;
	line-height:1.8em;
	margin-top:20px;
	margin-left:-30px;
	background-color:#ececec;
}

.checkout-page .payment-options li .radio-option label .small-text:before{
	position:absolute;
	content:'';
	left:24px;
	top:-10px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 15px solid #ececec;
}

.checkout-page .payment-options li .radio-option input[type="radio"]:checked + label .small-text{
	display: block;
}

.checkout-page .payment-options li .radio-option label img{
	position:relative;
	top:-3px;
	display:inline-block;
	max-width:100%;
	padding-left:30px;	
}

.checkout-page .payment-options li .radio-option label img{
	position:relative;
	display:inline-block;
	max-width:100%;
	padding-left:30px;	
}

/*** 

====================================================================
	Account Page Section
====================================================================

***/

.account-page-section{
	position:relative;
	padding:100px 0px 100px;
}

.account-tabs{
	position:relative;	
	min-height:450px;
}

.account-tabs .tab-btns{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	max-width:360px;
	text-align:center;
	margin-bottom:40px;
	padding:20px 20px;
	border:1px solid #c19d60;
}

.account-tabs .tab-btns .tab-btn{
	position:relative;
	display:block;
	font-size:20px;
	background:none;
	color:#c19d60;
	border:1px solid #c19d60;
	text-transform:capitalize;
	font-weight:400;
	line-height:24px;
	cursor:pointer;
	margin-bottom:15px;
	display:block;
	padding:13px 40px 13px;
	transition:all 500ms ease;
	font-family: 'Playfair Display', serif;
}

.account-tabs .tab-btns .tab-btn:hover,
.account-tabs .tab-btns .tab-btn.active-btn{
	color:#ffffff;
	background:#c19d60;
	border-color:#c19d60;
}

.account-tabs .tabs-content{
	position:relative;
	margin-left:395px;
	padding:25px 25px;
	border:1px solid #c19d60;
}

.account-tabs .tabs-content .tab{
	position:relative;
	display:none;
}

.account-tabs .tabs-content .tab.active-tab{
	display:block;	
}

/* Account Form */

.account-form{
	position: relative;
	z-index:1;
}

.account-form .form-group{
	position:relative;
	margin-bottom:20px;	
}

.account-form .form-group h4{
	position:relative;
	color:#000000;
}

.account-form .form-group .sub-text{
	position:relative;
	color:#999898;
	font-size:16px;
	margin-top:15px;
	display:block;
}

.account-form .form-group input,
.account-form .form-group input[type="text"],
.account-form .form-group input[type="email"],
.account-form .form-group input[type="tel"],
.account-form .form-group input[type="url"],
.account-form .form-group textarea,
.account-form .form-group password,
.account-form .form-group select{
	position: relative;
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 20px;
    color: #555555;
    font-weight: 400;
    padding: 14px 24px;
	z-index:1;
	height:56px;
    background-color: #ffffff;
	border:1px dashed #c19d60;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.account-form .form-group input:focus,
.account-form .form-group select:focus,
.account-form .form-group textarea:focus{
	border-color:#c19d60;
}

.account-form .form-group textarea{
	height: 90px;
	resize: none;
	border-radius:0px;
}

.account-form .form-group input[type="submit"],
.account-form button{
    margin-top:5px;
}

.account-form .form-group input[type="submit"]:hover,
.account-form button:hover{
	
}

/* Dashboard Content */

.dashboard-content h4{
	position:relative;
	color:#000000;
	font-family: 'Lato', sans-serif;
}

.dashboard-content h4 span{
	position:relative;
	color:#c19d60;
}

.dashboard-content .dashboard-text{
	position:relative;
	color:#999898;
	font-size:16px;
	margin-top:12px;
	line-height:1.8em;
}

.account-order-box .total-order{
	position:relative;
	color:#ffffff;
	padding:15px 20px;
	display:block;
	font-size:16px;
	letter-spacing:1px;
	margin-bottom:25px;
	background-color:#c19d60;
}

/* Account Address Box */

.account-address-box{
	position:relative;
}

.account-address-box h4{
	position:relative;
	color:#000000;
	padding-left:30px;
	margin-bottom:20px;
}

.account-address-box .icon{
	position:absolute;
	left:0px;
	top:4px;
	color:#c19d60;
	line-height:1em;
	font-weight:400;
}

.account-address-box .address-list{
	position:relative;
}

.account-address-box .address-list li{
	position:relative;
	color:#999898;
	font-size:16px;
	margin-bottom:5px;
}

.carousel-outer{ background-color:#fff; padding: 65px;}
.sale-price{ 
    background-color: #de7338;
    width: 50px;
    height: 50px;
    color: #fff;
    border-radius: 100%;
    padding: 8px;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 32px;
    position: absolute;
    right: 32px;
    top: 17px;
}
.readmore{color: #DE7338;}

.single-item-carousel .owl-nav{

	z-index:99999;
	margin-top:-10px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	float: left;
}

.single-item-carousel .owl-nav .owl-prev{
	position: relative;
	color: #f1f1f1;
	font-weight: normal;
	font-size: 140px;
	text-align: left;
	border-radius: 0px;
	transition: all 500ms ease;
    -moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}


.single-item-carousel .owl-prev,
.owl-next {
  position: absolute !important;
  top: 50%;
  transform: translateY(-50%);
}

.single-item-carousel .owl-prev {
  left: -2rem !important;
}

.single-item-carousel .owl-next {
  right: -2rem !important;
}
.single-item-carousel .owl-nav .owl-next{
	position: relative;
	color:#f1f1f1;
	line-height:36px;
	right: 0;
	font-size: 140px;
	 text-align: right;
	border-radius:0px;
	/* margin-top:8px; */
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.single-item-carousel .owl-nav .owl-prev:hover,
.single-item-carousel .owl-nav .owl-next:hover{
	color: #000000;
}
.single-item-carousel .owl-nav span{
 -webkit-text-stroke-width: 5px;
  -webkit-text-stroke-color: #fff;
}

.three-item-carousel .owl-nav{

	z-index:99999;
	margin-top:-10px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	float: left;
}

.three-item-carousel .owl-nav .owl-prev{
	position: relative;
	color: #f1f1f1;
	font-weight: normal;
	font-size: 80px;
	text-align: left;
	border-radius: 0px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}


.three-item-carousel .owl-prev,
.owl-next {
  position: absolute !important;
  top: 50%;
  transform: translateY(-50%);
}

.three-item-carousel .owl-prev {
  left: -3rem !important;
}

.three-item-carousel .owl-next {
 right: -3rem !important;
}
.three-item-carousel .owl-nav .owl-next{
	position: relative;
	color:#f1f1f1;
	line-height:36px;
	right: 0;
	font-size: 80px;
	text-align: right;
	border-radius:0px;
	/* margin-top:8px; */
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.three-item-carousel .owl-nav .owl-prev:hover,
.single-item-carousel .owl-nav .owl-next:hover{
	color: #ffffff;
}
.three-item-carousel .owl-nav span{
 
}



.blog-item-carousel .owl-nav{

	z-index:99999;
	margin-top:-10px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	float: left;
}

.blog-item-carousel .owl-nav .owl-prev{
	position: relative;
	color: #f1f1f1;
	font-weight: normal;
	font-size: 140px;
	text-align: left;
	border-radius: 0px;
	transition: all 500ms ease;
    -moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}


.blog-item-carousel .owl-prev,
.owl-next {
  position: absolute !important;
  top: 50%;
  transform: translateY(-50%);
}

.blog-item-carousel .owl-prev {
  left: -4rem !important;
}


.blog-item-carousel .owl-next {
 right: -4rem !important;
}
.blog-item-carousel .owl-nav .owl-next{
	position: relative;
	color:#f1f1f1;
	line-height:36px;
	right: 0;
	font-size: 140px;
	 text-align: right;
	border-radius:0px;
	/* margin-top:8px; */
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.blog-item-carousel .owl-nav .owl-prev:hover,
.blog-item-carousel .owl-nav .owl-next:hover{
	color: #000000;
}
.blog-item-carousel .owl-nav span{
 -webkit-text-stroke-width: 5px;
  -webkit-text-stroke-color: #fafafa;
}


.login-box{}
.login-box i{ color:#fff;}

.systems-solution{background-color:#000;    margin-top: -6px;}
.welcome-section{text-align:center;background-color:#000;/* margin-bottom: 40px; */padding-bottom: 50px;}
.welcome-section h1{font-size:25px;margin-bottom:5px;color: #072d80;font-weight:bold;}
.welcome-section h2{font-size:16px; color:#fff; margin-bottom:30px; font-weight:normal;}
.welcome-section p{    font-size: 15px;
    color: #fff;
    line-height: 25px;
} 
.welcome-section a{font-size:15px;margin-top:30px;border-radius:20px;padding:10px;background-color: #04163D;color:#fff;font-weight:bold;} 

.product-section{
	background:url(../images/radio-bg.jpg) no-repeat; background-size:cover;}
	
	@font-face {
  font-family: humnst777-cn-bt-bold;
  src: url(../fonts/humnst777-cn-bt-bold.ttf);
}

@font-face {
  font-family: humnst777-blkcn-bt-black;
  src: url(../fonts/humnst777-blkcn-bt-black.ttf);
}

@font-face {
  font-family: MyriadPro-Regular;
  src: url(../fonts/Humanist777BT-RomanCondensedB.otf);
}








.the-unique-design{background:url(../images/unique-design.jpg) no-repeat;background-size:cover;min-height: 650px;}
.the-unique-design-left{text-align:left;padding-top: 313px;padding-bottom: 150px;}
.the-unique-design-left h1{font-size: 31px;margin-bottom:5px;color:#fff;font-weight:bold;border-bottom: 1px solid #fff;line-height: 46px;padding-bottom: 23px;width: 624px;}
.the-unique-design-left p{
    font-size: 15px;
    color: #fff;
    line-height: 25px;
    margin-top: 20px;
}
.the-unique-design-left a {
    font-size: 15px;
    margin-top: 12px;
    border-radius: 20px;
    padding: 7px 25px;
    background-color: #04163d;
    color: #fff;
    font-weight: bold;
    float: left;
}



.our-product-section{background-color: #181516;background-size:cover;min-height: 645px;}
.our-product-section h1{font-size: 35px;padding: 25px;margin-bottom:0px;text-align:center;color:#fff;background-color: #04163D;font-weight:bold;}
.our-product-section-bg{text-align:left;background:url(../images/car-bg.jpg) no-repeat;background-size:cover;min-height: 560px;}


.our-product-carousel-slider{
	margin-top: -561px;
	z-index: 999999999;
	background-color: #1815166b;
	padding-top: 70px;
	padding-bottom: 27px;
	}
	
	
	.marle100pfooter{ margin-left:140px;}
	
	
	
	
.our-product-carousel .owl-nav{

	z-index:99999;
	margin-top:-10px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	float: left;
}

.our-product-carousel .owl-nav .owl-prev{
	position: relative;
	color: #f1f1f1;
	font-weight: normal;
	font-size: 80px;
	text-align: left;
	border-radius: 0px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}


.our-product-carousel .owl-prev,
.owl-next {
  position: absolute !important;
  top: 50%;
  transform: translateY(-50%);
}

.our-product-carousel .owl-prev {
  left: -3rem !important;
}

.our-product-carousel .owl-next {
 right: -3rem !important;
}
.our-product-carousel .owl-nav .owl-next{
	position: relative;
	color:#f1f1f1;
	line-height:36px;
	right: 0;
	font-size: 80px;
	text-align: right;
	border-radius:0px;
	/* margin-top:8px; */
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.our-product-carousel .owl-nav .owl-prev:hover,
.our-product-carousel .owl-nav .owl-next:hover{
	color: #ffffff;
}
.our-product-carousel .owl-nav span{
 
}

.box-bg{background-color: white;border-radius: 30px;}

.box-bg .inner-box .image {
    position: relative;
    overflow: hidden;
    background-color: transparent;
}

.our-product-carousel-slider .related-shop-section {
    position: relative;
    padding: 0px 0px 0px;
}
.product-detail-discription{ 
	margin-top: 20px;
    text-align: center;}
.product-detail-discription a{
    font-size: 15px;
    margin-top: 30px;
    border-radius: 20px;
    padding: 10px;
    background-color: #04163D;
    color: #fff;
    font-weight: bold;
}
.product-detail-discription p{
	font-size: 15px;
    color: #000;
    margin-top: 20px;
    line-height: 25px;
    font-weight: 700;
    letter-spacing: 1px;
}



.alpinelive-style{background-color:#181516; background-size:cover; min-height: 350px;}
.alpinelive-style{text-align:left;padding-top:50px;padding-bottom: 0px;}
.alpinelive-style h1{font-size: 25px;margin-bottom:5px;color:#fff; font-weight:bold; line-height: 30px;}
.alpinelive-style p{
    font-size: 15px;
    color: #fff;
	text-align: justify;
    line-height: 25px;
    margin-top: 20px;
}
.alpinelive-style a {
    font-size: 15px;
    margin-top: 12px;
    border-radius: 20px;
    padding: 7px 25px;
    background-color: #1b6495;
    color: #fff;
    font-weight: bold;
    float: left;
}

.border1px{  
    border-left: 1px solid #484848;
    margin-left: 80px;
    height: 202px;
    margin-top: 49px;
}


.men-design{ background-color:#a8a8a8;}
.men-design p{
    font-size: 16px;
    color: #000;
	text-align:center;
	padding-bottom:20px;
    line-height: 25px;
    margin-top: 20px;
}

.marketing-excelance-section{/* background-color:#000; */margin-top:-17px;padding-top:30px;padding-bottom:30px;}
.marketing-excelance-section-box{}
.marketing-excelance-section-box ul{margin:0px;padding: 0px;}
.marketing-excelance-section-box ul li{
	width: 24%;
	border-radius: 20px;
	background-color: #313a52;
	display: inline-block;
	margin-right: 28px;
	height: 159px;
	margin-bottom: 30px;
	}
	.marketing-excelance-section-box ul li h1{ font-size:17px; text-align:center; color:#fff; line-height: 30px;}


.marketing-excelnace-img{text-align: center;margin-bottom: 15px;margin-top: 26px;}
.marketing-excelnace-img img{width:30%;}


.social-experience{ background-color:#000; margin-top:-17px;  padding-top:30px; padding-bottom:30px;}
.social-img{}
.social-img h1{ 
	text-align:center;
    color: #fff;
	    font-size: 60px;
    font-weight: 300;}
	.social-img p{ 
	text-align:center;
    color: #fff;
	margin-top:10px;
	font-size:16px;
    font-weight: 300;}
	
	.social-link{
    text-align:center; 
    margin-left: 40px;
	}
	.social-link a {
	position: relative;
    color: #000000;
    font-size: 21px;
    width: 34px;
    height: 38px;
    border-radius: 20px;
    text-align: center;
    line-height: 36px;
    margin-right: 19px;
    display: inline-block;
    background-color: #fff;
    border: 1px solid #ffffff;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
        }
		
	.border-bg{
	width: 100%;
	float: left;
	background-color: #04163D;
	height: 5px;
	}
	
	.fotter-logo{ text-align:left; }
	.fotter-logo img{ width:40%; }
	
	.Privacy{ text-align:right; margin-top:30px;}
	.Privacy a{ color:#fff; font-size:13px;}
	
	

.single-product-banner-solution-section{
	text-align: center;
    width: 40%;
    position: absolute;

    bottom: 120px;
    left: 0;
    right: 0; }
.single-product-banner-solution-section h1{font-size:25px; margin-bottom:5px; color:#fff; font-weight:bold;}
.single-product-banner-solution-section a{
	font-size: 15px;
	margin-top: 21px;
	border-radius: 20px;
	padding: 10px;
	background-color: #04163D;
	color: #fff;
	font-weight: bold;
	position: absolute;
	width: 20%;
	margin-left: -9%;
} 

.cash-dash-reciver{ background-color:#000; padding-top:20px;}
.cash-reciver-left-content{ padding: 20px; padding-left: 12px;/* padding-bottom: 40px; */}
.cash-reciver-left-content h1{font-size: 20px;  width:100%;  float:left;margin-bottom:5px;line-height: 20px !important;color:#fff;font-weight:300;}
.cash-reciver-left-content a{
	font-size: 15px;
	margin-top: 10px;
	border-radius: 10px;
	padding: 10px;
	background-color: #5f7bb9;
	color: #fff;
	font-weight: bold;
    float: left;
}




.amlifier-dash-reciver{     background-color: #000000; padding-top:20px;}
.amlifier-dash-reciver-left-content{padding: 20px;
    padding-left: 0px;
    padding-right: 0px;}
.amlifier-dash-reciver-left-content h1{font-size: 20px;margin-left: 10px;float:left;margin-bottom: 10px;color:#fff;font-weight:300;line-height: 20px;width: 100%;}
.amlifier-dash-reciver-left-content a{
	font-size: 15px;
	margin-top: 1px;
	border-radius: 20px;
	padding: 10px;
	background-color: #5f7bb9;
	color: #fff;
	font-weight: bold;
	/* margin-left: 100px; */
float: left;margin-bottom: 10px;}


.product-tittle{ background-color:#1f6590; float:left; margin-top:150px; width:100%;}
.product-tittle h2{ font-size:30px; padding:10px; color:#fff; float:left;}
.product-tittle a{ font-size:20px; margin-top:8px;  padding:10px; color:#fff; float:right;}
.product-tittle a.active{ border-bottom:3px solid #fff;}

.product-detail-section{ 
	background-color: #f6f6f6;
    display: inline-block;
    width: 100%;
	}
.product-img{margin-top: 50px;}

.product-img img{ width:70%; margin-top:40px;}

.left-product-discription{
    margin-top: 210px;
    margin-bottom:150px;
    
}
.left-product-discription h1{
    font-size:30px;
    font-weight:300;
    /*color: #ffffff;*/
    padding-bottom: 20px;
    border-bottom: 2px solid #fff;
    
}
.left-product-discription p{
    font-size:18px;
    line-height:24px;
    margin-top:20px;
    font-weight:300;
    text-align:justify;
    /*color: #fff;*/
    
}
.width12p{
    width: 12%;
}


.find-a-dealer{ }
.search-product{
    font-size: 15px;
    margin-top: 12px;
    border-radius: 20px;
    padding: 7px 25px;
    background-color: #1b6495;
    color: #fff;
    font-weight: bold;
    float: left;
}
.mart100p{/* margin-top:180px; */}
.marb50p{margin-bottom: 50px;}

.general-section{background-color:#171415;}
.general-section-discription{margin-top:150px; margin-bottom:150px;}
.general-section-discription h1{    
    font-size: 30px;
    font-weight: 300;
    /*color: #fff;*/
    padding-bottom: 20px;
    /*line-height: 10px;*/
    
}

.general-section-list{ background-color:#d3d3d3; margin-top:100px; margin-bottom:100px;  border-radius:30px;}
.general-section-list ul{     padding: 20px;
    padding-left: 0px;
	 padding-right: 0px;}
.general-section-list li{ border-bottom:1px solid #000; font-size:20px; color:#000; padding: 13px;}

.sb001product {
      background-color: #fff;
      overflow: hidden;
      width: 100%;
      /* min-height: 360px; */
      padding-bottom: 100px;
}
.sb001product .auto-container {
	max-width:100%;
	padding:0px;
    
}
.sb001product .auto-container .col-md-6 {

	padding:0px;
    
}



.sb001-img{margin-top:0px;}
.black-border{}
.sb001-img{}
.sb001-img img{ min-height:500px;}
.sb001-discription{/* margin-top:200px; *//* margin-bottom: 40px; */margin-left: 230px;     margin-right: 50px; position: absolute;bottom: 56px;}
.sb001-discription h1{ font-size:30px; font-weight:300; color:#000; padding-bottom: 0px;     border-bottom: 2px solid #fff;}
.sb001-discription p{ font-size:18px; line-height:24px; margin-top:20px; font-weight:300; text-align:justify; color:#000;}
.width12p {
    width: 12%;
    display: none;
}

.border-none{     border-bottom: none !important;}
.border-bottom{ border-bottom: 6px solid #1f6590 !important;}
.bg-black{ background-color: #000; float: left;  width: 100%;}
.color-white{ color:#fff !important;}
.mart30p{margin-top:30px;}
.mart100p{/* margin-top: 360px; */}


.banner-section-two {
    
}
.banner-section-two video {
  width: 100%;
  height: 800px;
  background-color:#000;
}
.about-us-section{background-color:#231f20;width:100%;}
.about-us-section h2{     background-color: #04163D; margin-top:0px; color:#fff; overflow: hidden; font-weight:bold; padding:10px; text-align:center;}
.about-us-section p{ margin-top:30px; color:#fff; font-size:20px; font-weight:normal; padding:10px; text-align:center;}
.map-img{ margin-top:20px;}
.global-network{margin-top:10px;}
.global-work{}
.global-work ul{ margin:0px; padding:0px;}
.global-work ul li{ float:left; padding:7px; width:20%;}

.about100px{     margin-top: 53px;}
.mart150p{margin-top:90px;}

.about-left-content{ text-align:justify !important; }

.map-services{margin-top:40px;}

.find-a-dealer{ 
      padding-top: 20px;
    padding-bottom: 50px;
    margin-top:100px;
}
.find-a-dealer h2{ font-size:50px; color:#fff; margin-bottom:30px;}
.search-pin{ float:right;}


.search-pin input[type="search"] {
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 50px;
    color: #000000;
    height: 40px;
    width: 100%;
    padding: 10px 30px;
    background-color: #ffffff;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    font-weight: 500;
    text-transform: capitalize;
    margin-top: 12px;
	border-radius:20px;
}
.search-pin .form-group input[type="submit"], .search-pin .form-group button {
    position: absolute;
   right: 112px;
    top: 10px;
    height: 40px;
    line-height: 40px;
    background: transparent;
    text-align: center;
    font-size: 17px;
    color: #000000;
    padding: 0;
    cursor: pointer;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.conuntry-list {
    font-size: 15px;
    margin-left: 15px;
    line-height: 48px;
    text-align: center;
    margin-top: 0px;
	
    margin-right: 2px;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
	position: relative;
    float: right;
    color: #fff;
    font-size: 17px;
    margin-top: 14px;
    margin-left: 25px;
}

.conuntry-list a {
    color:#fff;
}

.find-location{
	border: 1px solid #545151;
	min-height: 500px;
	border-radius: 30px;
	padding-bottom: 40px;
}

.find-location h2{ font-size:22px; padding:20px; font-weight:bold; float:left;}
.refine-search{ float:right; margin-right:30px; margin-top:25px;}
.refine-search a{ color:#fff;}
.map-dealer{
	text-align: center;
	border-top: 2px solid #4e4a4a;
	margin-top: 72px;
	}
	
.list-result{
	margin-top: 10px;
    padding: 30px;
	background-color:#2d2b2c;
}

.numbring{background-color: #04163D;border-radius:10px;padding:10px;font-size:22px;text-align:center;color:#fff;}
.adressing{ font-size: 14px;
    color: #fff;
    line-height: 28px;
    overflow-wrap: break-word;}
.adressing p{ font-size:16px; color:#fff; line-height:22px;}

.broadcam{margin-top:20px; margin-bottom:30px;}

.broadcam a{color:#fff;}
.broadcam h2{ font-size:20px; color:#fff;}
.active-broadcam{color:#1f6590;}

.bg-color-spe{ background-color:#231f20;}

.drop-list{ margin-top:20px; background-color:#c6c5c5; border-radius:40px;}
.drop-list h2{ font-size:20px; padding-left:30px !important; padding:10px; color:#000; letter-spacing:6px;}

.arrow-down{ float:right; width:20px; margin-right:10px; margin-top:5px;}

.filter{}
.filter img{ float:right; width:100px; margin-top:20px;}


.box-bg-landing {
  background-color: #eee;
    border-radius: 30px;
    padding: 20px;
    min-height: 450px;
    margin-bottom: 30px;
    padding-top: 30px;
    box-shadow: 0px 0px 5px #0000008c;
}

.box-bg-landing img{
    color:#fff;
}

}
.box-bg-landing  .inner-box{ padding-top:20px;}
.martbg100p{ margin-top:80px;}

.learn-more-product{ float:right}
.learn-more-product a{ color:#fff;}
.learn-more-product h2{ font-size:20px; padding-left:30px !important; padding:10px; color:#fff;}
.detail-section{background-color:#FFFFFF; padding-top:100px;}
.discription-product{ margin-left: 60px;}
.discription-product h2{font-size:30px;padding:10px;text-align:center;color:#fff;background-color: #04163D;border-radius:20px;font-weight:bold;}
.designation{font-size: 18px;margin-top: 50px;color:#444;font-weight: bold;margin-bottom: 30px;}
.text{font-size: 15px;margin-top:10px;color:#000000;text-align: justify;margin-bottom: 5px;}

.social-box{margin-top: 30px;
    margin-bottom: 50px;
    float: left;
    margin-left: 20px;
}
.social-box a{
    background-color: #04163D;
    padding: 10px 28px;
    color: #fff;
    font-size: 22px;
    border-radius: 20px;
    font-weight: bold;
    }

.carousel-indicators li{ margin-right:6px !important;}

.our-product-section-lending {
    background-size: cover;

}

.our-product-section-lending h1 {
    font-size: 35px;
    padding: 25px;
    margin-bottom: 0px;
    text-align: center;
    color: #04163D;
    background-color: #bfbebe;
    font-weight: bold;
    margin-top:0px;
}

.our-product-landing-carousel-slider {
    z-index: 999999999;
    background-color: #181516;
}

.box-bg-listing {
    background-color: #eee;
    border-radius: 30px;
}

.carousel-indicators {
    bottom: -30px !important;
}


.learn-more{

    float: left;
    margin-top: 30px;
}

.learn-more li a{
	background-color: #04163D;
	padding: 10px 28px;
	color: #fff;
	font-size: 22px;
	border-radius: 20px;
	font-weight: bold;
}


.men-left{
	position: absolute;
	z-index: 999999;
	margin-top: -620px;
	width: 780px;
	margin-left: 100px;
	}
	
	.men-left p{ 
color:#fff;
	}
	
	.delievering{
		padding-top: 0px;
    margin-top: 136px;
    padding-bottom: 30px;
    width: 618px;
}


	
	
	.heightfotter{height:100px !important;}
	.heightinput{height:40px !important;}
	.book-footer{font-size:16px;}
	.book-footer button{font-size:16px; padding: 8px;}
	
	.active-broadcam{    color: #847d7d !important;}
	
	
	
.filter-left{
	    background-color: #c6c5c5;
	    border: none;
	    font-size: 21px;
	    margin-top: -10px;
}	
	
.mar-left0px {
    margin-right: 200px;
    margin-left: 100px;
    /* margin-bottom: 100px; */
}

.broadcam-a{
    margin-top: 15px;
    background-color: #fff;
    padding: 10px;
    overflow: hidden;
}
.broadcam-a a{ color:#000; font-size:20px;}
.broadcam-a h2{ color:#000; font-size:20px;}


.price-list{color: #fff;
    margin-top: 50px !important;
    margin-left: 20px;
    font-size: 30px !important;
    font-weight: bold;}
	
.price-list span {    color: #444 !important;}
.banner-section-two{  background-color:#000;}
.banner-section-two .owl-dots{ display:none;}



.content-home-page{ 
    position: absolute;
    top: 370px;
    width: 550px;
    left: 150px;
	}
.content-home-page h1{  color:#fff; font-size:45px;}
.content-home-page p{  margin-top:20px; color:#fff;  font-size:20px; line-height:30px;}
.content-home-page a {
    font-size: 15px;
    margin-top: 12px;
    border-radius: 20px;
    padding: 7px 25px;
    background-color: #04163d;
    color: #fff;
    font-weight: bold;
    float: left;
}

.broadcamp-product-banner{
    /*position:absolute;  bottom:80px;*/
    
}

.broadcamp-product-banner h1{ font-size:40px; margin-bottom:10px; padding-bottom:20px; border-bottom:1px solid #d2d2d2; color:#fff;}
.broadcamp-product-banner p{ font-size:20px; color:#fff;}
@import url('common.css');

@font-face {
    font-family: 'OpenSans-Regular';
    src: url("../fonts/OpenSans-Regular.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    
    src: url("../fonts/Questrial-Regular.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Questrial-Bold';
    src: url("../fonts/OpenSans-Bold.ttf") format('truetype');
    font-style: normal;
}


/* line 122, ../sass/main.scss */
a {
    color: #000;
    text-decoration: none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

/* line 127, ../sass/main.scss */

::-moz-selection {
    /* Code for Firefox */
    background: #C2C9EA;
}

::selection {
    background: #C2C9EA;
}
.news-content img{
 max-width: 100%;
}

/* line 133, ../sass/main.scss */
.page {
    display: table;
    width: 100%;
    height: 100%;
}

/* line 138, ../sass/main.scss */
.warp {
    display: table-cell;
    vertical-align: middle;
}


#myBtn {
    
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    font-size: 12px;
    border: none;
    outline: none;
    background-color: #004898;
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 4px;
}

#myBtn:hover {
    background-color: #555;
}

.body-grey {
    background-color: #696969;
    color: #ffffff;
}

.body-grey-footer {
    background-color: #BEBEBE;
    color: #ffffff;
}

.body-white {
    background-color: #ffffff;
    color: #000000;
}

a:hover,
a:focus {
    text-decoration: none;
}

.text-about-us {
    font-size: 20px;
    font-family: Arial, sans-serif;
    color: #fff;
}

.body-LightGrey {
    background-color: #D3D3D3;
}

.padding-left-pro {
    padding-left: 15px;
}

.padding-left-logo {
    padding-left: 9px;
}
.img-icon-laza{
    height: 100%;
}
.btn-buy-laza {
    background-color: #c00911;
    color: #ffffff;
    
    font-size: 10pt;
    width: 117px;
    height: 43px;
    border-radius: 4px;
    padding: 0;
}
/* big destop */
@media (min-width: 1800px) {
    .hieght-box-size {
        height: 610px !important;
    }
    .map-height{
        width: 100%; 
        height:800px;
    }
    .mg-bottom-open{
        padding-bottom: 190px;
    }
}

@media (min-width: 1586px) {

    h1 {
        font-size: 40px;
        margin-bottom: 20px;
        line-height: 50px;
    }

    h2 {
       
        font-size: 30px;
        line-height: 46px;
    }

    h3 {
       
        font-size: 30px;
        line-height: 32px;
    }

    h4 {
       
        font-size: 24pt;
        line-height: 26pt;
    }

    h5 {
        
        font-size: 18pt;
        line-height: 19pt;
    }

    h6 {
       
        font-size: 12pt;
        line-height: 16pt;

    }
    .mg-bottom-open{
        padding-bottom: 190px;
    }

    p {
      
        font-size: 18px;
        line-height: 1.5;
    }
    .map-height{
        width: 100%; 
        height:800px;
    }
    .text-cate-compare{
        font-size: 22px;
        line-height: 30px;
        color: #003399;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 10px;
    
       }
    .img-widget {
        width: 80%;
        display: block;
    }

    .box-scoll {

        height: 500px;
        overflow-y: scroll;
        width: 460px;
        overflow-x: hidden;
    }

    .img-size-alpine {
        height: 42px;

    }

    .box-mobile-suport {
        height: 500px;
    }

    .padding-top-mobile {
        padding-top: 10%;
    }

    .padding-text {
        padding-left: 15px;
        padding-right: 15px;
    }

    .padding-row-footer {
        padding-left: 6%;
        padding-right: 6%
    }

    .img-list-icon {
        height: 40px;
    }

    .inline-logo {
        display: inline;

    }

    .nav-desk-top .main-menu-header {
        position: relative;
        padding: 8px 0;
        margin: 0 24px;
        font-size: 18px;
        transition: color 0.1s, background-color 0.1s, padding 0.2s ease-in;
        color: #fff;
    }

    .nav-desk-top .main-menu-header::before {
        content: '';
        position: absolute;
        bottom: 3px;
        left: 0;
        height: 3px;
        width: 100%;
        background-color: #fff;
        transform-origin: right top;
        transform: scale(0, 1);
        transition: color 0.1s, transform 0.2s ease-out;

    }

    .nav-desk-top .main-menu-header:active::before {
        background-color: #fff;
        border-radius: 4px;
    }

    .nav-desk-top .main-menu-header:hover::before,
    .main-menu-header:focus::before {
        transform-origin: left top;
        transform: scale(1, 1);
    }

    .video-widget {
        width: 100%;
        height: 620px;
    }

    .breadcrumb .active {
        color: #003399;
    }

    .padding-capcha {
        padding-left: 40%;
        padding-right: 40%;
    }

    /* The sticky class is added to the header with JS when it reaches its scroll position */
    .sticky {
        position: fixed !important;
        right: 0;
        left: 0;
        z-index: 1000;
        top: 20px;
        background-color: #fff;
        padding-left: 20%;
        padding-right: 19%;
    }

    /* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
    .sticky+.content {
        padding-top: 102px;
    }

    .img-compare {
        height: auto;
        width: 100%;
    }

    .bg-header-compare {
        background-color: #F6F6F6;
    }

    .bg-header-compare-mobile {
        background-color: #F6F6F6;
        margin-top: 30px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .product_name-mobile {
        position: relative;
        /* margin-top: -40px !important; */
        margin-bottom: 20px;
        text-align: center;
    }

    .product_name-desktop {
        position: relative;
        margin-bottom: 20px;
        text-align: center;
    }

    .select-product-desktop-padding {
        margin-top: 15px;
    }

    .select-product-mobile-padding {
        position: relative;
        /* margin-bottom: -30px !important; */
        /* margin-top: 30px; */
    }

    .box-compare-desktop {
        height: 400px;
    }

    .box-compare-moblie {
        height: 370px;
    }

    .compare-fisrt-row {
        background-color: #F6F6F6;
        padding-top: 20px;
        padding-bottom: 30px;
        margin-top: 30px;
    }

    .bg_compare-text {
        background-color: #FFFFFF;
        padding-top: 15px;
        padding-bottom: 15px;
        height: 90px;
    }

    .bg_compare-text:nth-child(odd) {
        height: 50px;
        background-color: #F6F6F6;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .padding-col-campare {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .text-compare {
        position: relative;
        float: left;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding-left: 20px;
        padding-right: 20px;
    }

    .text-compare-left {
        /* position: relative;
        float: left;
        top: 50%;
        left: 13%;
        transform: translate(-50%, -50%); */
        position: relative;
        float: left;
        top: 34%;
        padding-left: 15px;
    }

    .position-fixd1 {
        position: fixed !important;
        right: 0;
        left: 0;
        z-index: 1000;
        top: -7px;
        background-color: #fff;
    }

    .bg-header-compare {
        background-color: #F6F6F6;
    }

    .bg-header-compare-mobile {
        background-color: #F6F6F6;
        margin-top: 30px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .product_name-mobile {
        position: relative;
        /* margin-top: -40px !important; */
        margin-bottom: 20px;
        text-align: center;
    }

    .product_name-desktop {
        position: relative;
        margin-bottom: 20px;
        text-align: center;
    }

    .select-product-desktop-padding {
        margin-top: 15px;
    }

    .select-product-mobile-padding {
        position: relative;
        /* margin-bottom: -30px !important; */
        /* margin-top: 30px; */
    }

    .hr-software {
        padding: 8px;
        line-height: 1.42857143;
        vertical-align: top;
        border-top: 1px solid #ddd;
    }

    .text-product-software {
        padding-left: 50px;
    }

    .text-product-software-left {
        padding-left: 50px;
    }

    .text-product-software-right {
        padding-right: 100px;
    }

    .product-header {
        font-size: 14px;
        cursor: pointer;
    }

    .icon-product-nav {
        width: 70px;
        height: 54px;
    }

    .collapseSub {
        display: none;
    }

    .more-less {
        float: right;
        color: #212121;
    }

    /* .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #EEEEEE;
} */


    .text-border-policy {
        margin-top: 30px;
        margin-bottom: 30px;
        font-weight: 500;
        border-bottom: 1px solid #000;
        border-top: 1px solid #000;
    }

    .hr-boder-line-policy {
        border-bottom: 1px solid #003399;
    }

    .link-color-policy {
        color: #fff;
    }

    .padding-left {
        padding-left: 18%;
    }

    .h-img-logo {
        height: 24px;
        margin-top: -6px;
    }

    .info_content {
        width: 300px;
    }

    .text-checkbox {
        font-family: Arial, sans-serif;
        font-size: 14px;
        line-height: 20px;
    }

    .image-event-relate {
        height: auto;
        width: 100%;
        min-height: 200px;
        object-fit: contain;
        margin-bottom: 10px;
    }

    .text-readmore {
        font-family: Arial, sans-serif;
        font-size: 14px;
        line-height: 20px;
    }

    .news-content {
        font-family: Arial, sans-serif;
        font-size: 14px;
        line-height: 20px;
    }

    .hr-software {
        padding: 8px;
        line-height: 1.42857143;
        vertical-align: top;
        border-top: 1px solid #ddd;
    }

    .text-product-software {
        padding-left: 50px;
    }

    .text-product-software-left {
        padding-left: 50px;
    }

    .text-product-software-right {
        padding-right: 100px;
    }

    .product-header {
        font-size: 14px;
        cursor: pointer;
    }

    .icon-product-nav {
        width: 70px;
        height: 54px;
    }

    .event-test {
        height: 500px;
        background-color: #BEBEBE;
    }

    .event-m {}

    .bottom-event {
        margin-top: 15px;
    }

    .event-show {

        height: 350px;
        width: 100%;
    }

    .padding-news-header {
        padding: 30px;
    }

    .padding-top-date {
        padding-top: 20px;
    }

    .margin-lang {
        position: absolute;
        right: 15px;
        top: 15px;
    }

    .margin-search-profile-icon {
        margin-right: 75px;
    }

    .text-location {
        font-family: Arial, sans-serif;
        font-size: 14px;
    }

    .text-input {
        font-family: Arial, sans-serif;
        font-size: 14px;
    }

    .margin-lang-header {
        float: right !important;
        margin-top: -13px;
    }

    .mdl-textfield__label {
        font-family: Arial, sans-serif;
        font-size: 14px;
        line-height: 1.5;
    }

    .img-domo-modal {
        display: block;
        position: absolute;
        float: left;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        max-width: 70%;
        height: auto;
    }

    .mySlidesdomocar {
        width: 1000px;
        height: 800px;
    }

    .img-wid-h-w {
        width: 100%;
        height: 620px;
    }

    .h-text-widget {
        height: 350px;
    }

    .padding-logo {
        padding-top: 10px;
        padding-right: 10px;
    }

    .mdl-textfield--floating-label {
        font-family: 'Arial';
        font-size: 14px;
    }

    #search input[type="text"]:focus {
        width: 250px;
    }

    .text-cancel-bar {
        position: absolute;
        margin-top: -33px;
        right: 9%;
        z-index: -999;
        font-size: 12px !important;

    }

    .text-location {
        font-family: Arial, sans-serif;
        font-size: 14px;
    }

    .form-control {
        font-family: Arial, sans-serif;
        font-size: 14px;
        line-height: 20px;
    }

    .text-link-suport {
        font-family: Arial, sans-serif;
        font-size: 14px;
        line-height: 20px;
    }

    .log-mobile-nav {
        position: relative;
        margin-top: -54px;
    }

    .box-hight-eventdetail {
        height: 400px;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .event-content {
        height: 350px;
    }

    .text-color-b-support {
        color: #000;
    }

    .text-color-w-support {
        color: #fff;
    }

    .img-Category-banner {
        background-size: cover;
        background-repeat: no-repeat;
        height: 100%;
        background-position: center;
    }

    .unstyled-button {
        border: none;
        padding: 0;
        background: none;
       
        line-height: 17px;
        font-size: 18px;
    }

    /* 
* 	Core Owl Carousel CSS File
*	v1.3.3
*/

    /* clearfix */
    .owl-carousel .owl-wrapper:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }

    /* display none until init */
    .owl-carousel {
        display: none;
        position: relative;
        width: 100%;
        -ms-touch-action: pan-y;
    }

    .owl-carousel .owl-wrapper {
        display: none;
        position: relative;
        -webkit-transform: translate3d(0px, 0px, 0px);
    }

    .owl-carousel .owl-wrapper-outer {
        overflow: hidden;
        position: relative;
        width: 100%;
    }

    .owl-carousel .owl-wrapper-outer.autoHeight {
        -webkit-transition: height 500ms ease-in-out;
        -moz-transition: height 500ms ease-in-out;
        -ms-transition: height 500ms ease-in-out;
        -o-transition: height 500ms ease-in-out;
        transition: height 500ms ease-in-out;
    }

    .owl-carousel .owl-item {
        float: left;
    }

    .owl-controls .owl-page,
    .owl-controls .owl-buttons div {
        cursor: pointer;
    }

    .owl-controls {
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

    /* mouse grab icon */
    .grabbing {
        cursor: url(grabbing.png) 8 8, move;
    }

    /* fix */
    .owl-carousel .owl-wrapper,
    .owl-carousel .owl-item {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
    }

    /*
    * 	Owl Carousel Owl Demo Theme 
    *	v1.3.3
    */

    .owl-theme .owl-controls {
        margin-top: 10px;
        text-align: center;
    }

    /* Styling Next and Prev buttons */

    .owl-theme .owl-controls .owl-buttons div {
        color: #FFF;
        display: inline-block;
        zoom: 1;
        *display: inline;
        /*IE7 life-saver */
        margin: 5px;
        padding: 3px 10px;
        font-size: 12px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
        background: #869791;
        filter: Alpha(Opacity=50);
        /*IE7 fix*/
        opacity: 0.5;
    }

    /* Clickable class fix problem with hover on touch devices */
    /* Use it for non-touch hover action */
    .owl-theme .owl-controls.clickable .owl-buttons div:hover {
        filter: Alpha(Opacity=100);
        /*IE7 fix*/
        opacity: 1;
        text-decoration: none;
    }

    /* Styling Pagination*/

    .owl-theme .owl-controls .owl-page {
        display: inline-block;
        zoom: 1;
        *display: inline;
        /*IE7 life-saver */
    }

    .owl-theme .owl-controls .owl-page span {
        display: block;
        width: 12px;
        height: 12px;
        margin: 5px 7px;
        filter: Alpha(Opacity=50);
        /*IE7 fix*/
        opacity: 0.5;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        background: #869791;
    }

    .owl-theme .owl-controls .owl-page.active span,
    .owl-theme .owl-controls.clickable .owl-page:hover span {
        filter: Alpha(Opacity=100);
        /*IE7 fix*/
        opacity: 1;
    }

    /* If PaginationNumbers is true */

    .owl-theme .owl-controls .owl-page span.owl-numbers {
        height: auto;
        width: auto;
        color: #FFF;
        padding: 2px 10px;
        font-size: 12px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
    }

    /* preloading images */
    .owl-item.loading {
        min-height: 150px;
        background: url(AjaxLoader.gif) no-repeat center center
    }



    #owl-demo .item {
        margin: 3px;
    }

    #owl-demo .item img {
        display: block;
        width: 100%;
        height: auto;
    }

    .bg-item-gray {
        background-color: #003399;
        width: 150px !important;
        height: 348px;
        cursor: pointer;
        color: #fff;
    }

    .bg-item-graylight {
        background-color: #fff;
        width: 150px !important;
        height: 348px;
        cursor: pointer;
    }

    .boxhistory {
        /*         display:none; */
        position: absolute;
        top: 1px;
        width: 100%;
        z-index: 999;
        float: left;
        overflow: hidden;
        background: #BCBDBF;
        cursor: pointer;
    }

    /* Add padding and border to inner content
    for better animation effect */
    .box-inner {
        width: 1140px;
        height: 351px;
        padding: 132px;

    }

    .text-his {
        padding: 101% 27% 0 7%;

        font-size: 21pt;
    }

    .hr-abt {
        padding: 8px;
        vertical-align: top;
        border-top: 1px solid #fff;

    }

    .margin-btn {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .text-input {
        font-family: Arial, sans-serif;
        font-size: 16px;
        line-height: 18px;
    }

    .btn-margin-bottom {
        margin-top: 60px;
        margin-bottom: 10px;
    }

    .color-text {
        background-color: #F6F6F6 !important;
    }

    .row-padding-support {
        padding-left: 20%;
        padding-right: 20%;
    }

    .hieght-box-size-support {
        height: 437px;
    }

    .row-padding-left-rignt {
        padding-left: 30%;
        padding-right: 30%;
    }

    .padding-top {
        padding-top: 32%;
    }

    .padding-text-al-detail {
        padding-top: 10%;
    }

    .bg-main {
        background-size: cover;
        background-repeat: no-repeat;
    }

    .btn-margin-alpine {
        margin-top: 1px;
    }

    .margin-alpine-search-tap {
        margin-top: 118px;
    }

    #content {
        /* background: #06c; */
        position: relative;
        float: left;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .content-ch {
        margin-top: 200px;
        text-align: center
    }

    .hieght-box-size-mobile {
        height: 300px;
    }


    #content {
        /* background: #06c; */
        position: relative;
        float: left;
        top: 50%;
        left: 40%;
        transform: translate(-50%, -50%);
    }
	
	.background-text-right{}
	.background-text-right  #content{     left: 60%;}

    .imagCat {
        width: 70px;
        height: 54px;
    }

    .text-cat {
        font-family: Arial, sans-serif;
        font-size: 12px;
        line-height: 14px;
        margin-top: 5px;
    }

    .MultiCarousel {
        float: left;
        overflow: hidden;
        padding: 15px;
        width: 100%;
        position: relative;
    }

    .MultiCarousel .MultiCarousel-inner {
        transition: 1s ease all;
        float: left;
    }

    .MultiCarousel .MultiCarousel-inner .item {
        float: left;
    }

    .MultiCarousel .MultiCarousel-inner .item>div {
        text-align: center;
    }

    .MultiCarousel .leftLst,
    .MultiCarousel .rightLst {
        position: absolute;
        top: calc(50% - 20px);
    }

    .MultiCarousel .leftLst {
        left: 0;
    }

    .MultiCarousel .rightLst {
        right: 0;
    }

    .MultiCarousel .leftLst.over,
    .MultiCarousel .rightLst.over {
        pointer-events: none;
        background: #ccc;
    }





    .navbar {
        position: relative;
        min-height: 50px;
        margin-bottom: 0px;
        border: 1px solid transparent;
    }

    .navbar-fixed-top,
    .navbar-fixed-bottom {
        position: fixed !important;
        right: 0;
        left: 0;
        z-index: 1000;
    }




    .sidenav {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 9999;
        top: 0;
        left: 0;
        background-color: #ffffff;
        color: #000000;
        overflow-x: hidden;
        transition: 0.5s;

    }

    .sidenav2 {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 9999;
        top: 0;
        right: 0;
        background-color: #ffffff;
        color: #000;
        overflow-x: hidden;
        transition: 0.5s;

    }

    .sidenav2 span {
        position: relative;
        top: 1px;
        display: inline-block;
        font-family: 'Glyphicons Halflings';
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 18px;
        color: #000 !important;
    }

    .sidenav span {
        position: relative;
        top: 1px;
        display: inline-block;
        font-family: 'Glyphicons Halflings';
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 18px;

    }

    .footer {
        position: relative;
        left: 0;
        bottom: 0;
        width: 100%;
    }

    .text-a {
        font-family: Arial, sans-serif;
        padding: 8px 8px 8px 32px;
        text-decoration: none;
        font-size: 24px;
        color: #000 !important;
        display: block;
        transition: 0.3s;
    }

    .text-a:hover {
        color: #000 !important;
    }

    .text-li {
        font-family: Arial, sans-serif;
        padding: 8px 8px 8px 32px;
        text-decoration: none;
        font-size: 24px;
        color: #000 !important;
        transition: 0.3s;
    }

    .text-li:hover {
        color: #000 !important;
    }

    .sidenav .closebtn {
        font-family: Arial, sans-serif;
        position: absolute;
        top: 0;
        left: -64px;
        font-size: 36px;
        margin-left: 50px;
    }


    .group-btn {
        margin-top: 20px;
        margin-bottom: 50px;
    }

    .group-btn-info {
        position: absolute;
        bottom: 0;
        left: 73px;
        margin-bottom: 20px;
    }

    .group-btn-info-offset {
        position: absolute;
        bottom: 0;
        left: 47px;
        margin-bottom: 20px;
    }


    .feature-product-ul {
        margin-bottom: 30px;
    }

    .nav-desk-top {
        list-style-type: none;
        margin: 0px;
        padding: 0;
    }

    .nav-list-icon {
        list-style-type: none;
        margin-left: -40px;
    }

    .lnline-list {
        display: inline;
    }

    .category-text {
        color: #000 !important;
        font-size: 32px;
        padding: 0 20px 0 20px;
        font-family: Arial, sans-serif;
        font-weight: bold;
    }

    .category-text-find-product {
        color: #000 !important;
        font-size: 14px;
        padding: 0 20px 0 20px;
        font-family: Arial, sans-serif;
        font-weight: 10;
    }

    .menu-type-product {
        margin-top: 9px;
    }

    .text-header-prod {
        font-family: Arial, sans-serif;
        font-size: 26px;
        text-transform: uppercase;

    }

    .text-features {
        font-family: Arial, sans-serif;
        cursor: pointer;
        padding: 0px 0px 0px 15px;
        text-decoration: none;
        font-size: 32px;
        color: #000 !important;
        display: block;
        transition: 0.3s;
        font-weight: 600;
    }

    .text-features:hover {
        color: #000 !important;
    }

    .text-alpine {
        font-family: Arial, sans-serif;
        cursor: pointer;
        padding: 0;
        text-decoration: none;
        font-size: 32px;
        color: #000 !important;
        display: block;
        transition: 0.3s;
        font-weight: 600;
    }


    .text-features:hover {
        color: #000 !important;
    }

    .text-detail-product {
        font-family: Arial, sans-serif;
        color: #000;
        font-size: 24px;
        padding: 30px;
        margin-bottom: 0;
        color: inherit;
        background-color: #eee;
    }



    .button-right {
        position: absolute;
        right: 20px;
    }

    .text-show {
        font-family: Arial, sans-serif;
        cursor: pointer;
        padding: 0px 0px 0px 0px;
        text-decoration: none;
        font-size: 32px;
        color: #000 !important;
        display: block;
        transition: 0.3s;
        font-weight: 600;
    }

    .text-show:hover {
        color: #000 !important;
    }


    .cat_product {
        background-color: #eee;
        height: 330px;
        width: 100%;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .box-media {
        background-color: #eee;
        height: 302px;
        width: 100%;
        margin-top: 1px;
        margin-bottom: 0px;
    }

    .text-box-media {
        font-family: Arial, sans-serif;
        padding-top: 130px;
        padding-bottom: 110px;
        font-size: 24px;
        text-align: center;
    }

    .menu-product-support {
        background-color: #eee;
        height: 230px;
        width: 100%;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .text-menu-product-support {
        font-family: Arial, sans-serif;
        padding-top: 100px;
        padding-bottom: 110px;
        font-size: 24px;
        text-align: center;
    }

    .alpine-style {
        background-color: #eee;
        height: 302px;
        width: 100%;
        margin-top: 1px;
        margin-bottom: 0px;
    }

    .alpine-style-sub {
        background-color: #eee;
        height: 100px;
        width: 100%;
        margin-top: 1px;
        margin-bottom: 0px;
    }

    .text-alpine-style {
        font-family: Arial, sans-serif;
        padding-top: 130px;
        padding-bottom: 110px;
        font-size: 24px;
        text-align: center;
    }

    .text-alpine-style-sub {
        font-family: Arial, sans-serif;
        padding-top: 30px;
        padding-bottom: 110px;
        font-size: 24px;
        text-align: center;
    }

    .text-head-product {
        font-family: Arial, sans-serif;
        font-size: 36px;
        font-weight: bold;
        margin-bottom: -14px;
        color: #000 !important;
    }

    .icon-link-right {
        background-color: #000;

    }

    .icon-link-right:hover {
        background-color: #000;

    }

    .header-margin {
        margin-top: 60px;
    }

    .bottom-margin {
        margin-top: 20px;
    }

    .text-productName {
        font-family: Arial, sans-serif;
        font-size: 23px;
        margin-top: -20px;
        font-weight: bold;
        line-height: 1.5;
    }

    .text-productdetail {
        font-family: Arial, sans-serif;
        font-size: 20px;
        line-height: 1;

    }

    .footer-box {
        height: 354px;
    }

    .margin-t-footer {
        margin-top: 50px;
    }

    .box-product {
        height: 500px;
    }

    .row_product_padding {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }

    .no-product {
        padding-top: 100px;
        padding-bottom: 100px;
        text-align: center;
    }

    .text-head-filter {
       
        line-height: 20px;
        font-size: 18px;
        padding-bottom: 10px;
        color: #003399;
    }

    .text-form-filter {

        line-height: 18px;
        font-size: 15px;
    }

    .margin-filter-close {
        margin-top: -10px;
    }

    .margin-top-btn {
        padding-top: 10px;
    }

    /* The customcheck */
    .customcheck {
        display: block;
        position: relative;
        padding-left: 35px;
        margin-bottom: 12px;
        cursor: pointer;
        font-size: 14px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        font-weight: 100;
       
    }

    /* Hide the browser's default checkbox */
    .customcheck input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

    /* Create a custom checkbox */
    .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 20px;
        width: 20px;
        background-color: #fff;
        border-radius: 4px;
        border: 2px solid #003399;
    }

    /* On mouse-over, add a grey background color */
    .customcheck:hover input~.checkmark {
        background-color: #ccc;
    }

    /* When the checkbox is checked, add a blue background */
    .customcheck input:checked~.checkmark {
        background-color: #003399;
        border-radius: 4px;
    }

    /* Create the checkmark/indicator (hidden when not checked) */
    .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    /* Show the checkmark when checked */
    .customcheck input:checked~.checkmark:after {
        display: block;
    }

    /* Style the checkmark/indicator */
    .customcheck .checkmark:after {
        left: 6px;
        top: 3px;
        width: 5px;
        height: 10px;
        border: solid white;
        border-width: 0px 2px 2px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    /** Custom Select **/
    .custom-select-wrapper {
        position: relative;
        display: inline-block;
        user-select: none;
    }

    .custom-select-wrapper select {
        display: none;
    }

    .custom-select {
        position: relative;
        display: inline-block;
    }

    .custom-select-trigger {
        position: relative;
        display: block;
        width: 278px;
        padding: 4px 24px 7px 2px;
        font-size: 19px;
        
        font-weight: 300;
        color: #000;
        line-height: 29px;
        background: #fff;
        border-radius: 4px;
        cursor: pointer;


    }

    .custom-select-trigger:after {
        position: absolute;
        display: block;
        content: '';
        width: 10px;
        height: 10px;
        top: 50%;
        right: 3px;
        margin-top: -3px;
        border-bottom: 1px solid #000;
        border-right: 1px solid #000;
        transform: rotate(45deg) translateY(-50%);
        transition: all .4s ease-in-out;
        transform-origin: 50% 0;
    }

    .custom-select.opened .custom-select-trigger:after {
        margin-top: 3px;
        transform: rotate(-135deg) translateY(-50%);
    }

    .custom-options {
        position: absolute;
        display: block;
        top: 100%;
        left: 0;
        right: 0;
        min-width: 100%;
        margin: 15px 0;
        border: 1px solid #b5b5b5;
        border-radius: 4px;
        box-sizing: border-box;
        box-shadow: 0 2px 1px rgba(0, 0, 0, .07);
        background: #fff;
        transition: all .4s ease-in-out;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateY(-15px);
        z-index: 9999;
    }

    .custom-select.opened .custom-options {
        opacity: 1;
        visibility: visible;
        pointer-events: all;
        transform: translateY(0);
    }

    .custom-options:before {
        position: absolute;
        display: block;
        content: '';
        bottom: 100%;
        right: 25px;
        width: 7px;
        height: 7px;
        margin-bottom: -4px;
        border-top: 1px solid #b5b5b5;
        border-left: 1px solid #b5b5b5;
        background: #fff;
        transform: rotate(45deg);
        transition: all .4s ease-in-out;
    }

    .option-hover:before {
        background: #f9f9f9;
    }

    .custom-option {
        position: relative;
        display: block;
        padding: 0 22px;
        border-bottom: 1px solid #b5b5b5;
        font-size: 12px;
        color: #000;
        line-height: 47px;
        cursor: pointer;
        transition: all .4s ease-in-out;
       
    }

    .custom-option:first-of-type {
        border-radius: 4px 4px 0 0;
    }

    .custom-option:last-of-type {
        border-bottom: 0;
        border-radius: 0 0 4px 4px;
    }

    .custom-option:hover,
    .custom-option.selection {
        background: #003399;
        color: #fff;
    }

    .btn-compare {
        background-color: #04163D;
        border: none;
        color: white;
        padding: 10px 40px;
        font-size: 17px;
        
        cursor: pointer;
        border-radius: 4px;
    }

    .text-input {
        font-family: Arial, sans-serif;
        font-size: 17px;
    }

    .select-sort {
        border: none;
        background: none;
        line-height: 17px;
        font-size: 17px;
    }

    .solid-button {
        padding: 8px 10px 10px 10px;
        background: none;
        
        line-height: 17px;
        font-size: 18px;
    }

    /* category List style */
    .chapternav {
        background: rgba(242, 242, 242, 0.7);
        overflow: hidden;
        padding: 0;
        padding-top: 11px;
        padding-bottom: 12px;
        position: relative;
        text-align: center;
        width: 100%;
        height: 127px;
        z-index: 100;
        margin-top: 57px;
    }

    .chapternav-icon {
        background: center bottom no-repeat;
        display: block;
        margin: 0 auto 6px;
        height: 50px;
    }



    .chapternav-wrapper {
        position: relative;
        height: 100%;
        z-index: 1;
    }

    .chapternav-items {
        list-style: none;
        margin: 0 34px;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch !important;
        padding-bottom: 50px;
        white-space: nowrap;
    }


    .chapternav-item {
        -webkit-animation: chapternav-slidein 350ms backwards;
        animation: chapternav-slidein 350ms backwards;
    }


    .chapternav-item {
        display: inline-block;
        vertical-align: top;
        margin: 0 -.11765em;
        padding: 0 20px;
        color: #000;
    }

    .chapternav-new {
        font-size: 9px;
        line-height: 1.22226;
        font-weight: 400;
        letter-spacing: .017em;
        font-family: Arial, sans-serif;
        color: #000;
        display: block;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
    }

    .chapternav-paddle {
        font-size: 20px;
        line-height: 1.5;
        font-weight: 300;
        letter-spacing: 0em;
        font-family: Arial, sans-serif;
        border: 0 solid rgba(17, 17, 17, 0.2);
        color: #A9A9A9;
        background-color: #ffff;
        opacity: 1;
        position: absolute;
        top: 0;
        bottom: 0;
        text-align: center;
        width: 33px;
        -webkit-transition: opacity 150ms ease-out;
        transition: opacity 150ms ease-out;
    }

    .chapternav-paddle-right {
        border-left-width: 1px;
        right: 0;
    }

    .chapternav-paddle:disabled {
        opacity: 0;
    }

    .chapternav-paddle-left {
        border-right-width: 1px;
        left: 0;
    }

    .chapternav-label {
        font-size: 11px;
        color: black;
        line-height: 2;
        font-weight: 400;
        letter-spacing: .005em;
        font-family: Arial, sans-serif;
        display: block;
        margin: 0;
        padding: 3px;
        overflow-wrap: break-word;
    }

    .chapternav-link {
        color: #111;
        display: block;
        margin-top: 3px;
        padding: 0;
        position: relative;
        z-index: 1;
    }

    .img-slide-banner {
        display: block;
        /* max-width: 100%; */
        width: 100%;
        height: auto;

    }

    .body-w-search {
        background-color: #000;
        color: #fff;
        position: fixed !important;
        right: 0;
        left: 0;
        z-index: 99;
        margin-top: -66px;
    }

    .text-sub-head-footer {
    
        font-size: 21px;
        line-height: 26px;
        color: #F5F5F5;
    }

    .text-detail-footer {
        font-family: Arial, sans-serif;
        font-size: 12px;
        line-height: 18px;
        color: #F5F5F5;
    }

    .footer-link {
        font-family: Arial, sans-serif;
        font-size: 14px;
        line-height: 18px;
        color: #F5F5F5;
    }

    .footer-link:hover {
        color: #FFFFFF;
    }


    /* Search all page  */
    .stylish-input-group .input-group-addon {
        background: white !important;
    }

    .stylish-input-group .form-control {
        border-right: 0;
        box-shadow: 0 0 0;
        border-color: #ccc;
    }

    .stylish-input-group button {
        border: 0;
        background: transparent;
    }

    .mdl-textfield {
        position: relative;
        font-size: 16px;
        display: inline-block;
        box-sizing: border-box;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0;
        padding: 20px 0;
    }

    .btn-search {
        position: absolute;
        right: 20px;
        top: 25px;
    }

    .text-search-margin {
        margin-bottom: 20px;
    }

    .text-header-search {
        color: #04163D;
        margin-bottom: 5px;
    }

    /* end search page */



    /* The Modal (background) */
    .modalDemoCar {
        display: none;
        position: fixed;
        z-index: 1;
        padding-top: 100px;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: black;
        z-index: 9999;
    }

    /* Modal Content */
    .modal-contentDemoCar {
        position: relative;
        margin: auto;
        padding: 0;
        width: 100%;
        max-width: 1000px;
    }

    .box-height-modal {
        max-height: 1200px;
    }

    /* The Close Button */
    .close {
        color: black;
        position: absolute;
        top: 10px;
        right: 25px;
        font-size: 35px;
        font-weight: bold;
    }

    .close:hover,
    .close:focus {
        color: #999;
        text-decoration: none;
        cursor: pointer;
    }

    .mySlides {
        display: none;
    }

    .cursor {
        cursor: pointer;
    }

    /* Next & previous buttons */
    .prevDemoCar,
    .nextDemoCar {
        cursor: pointer;
        position: absolute;
        top: 50%;
        width: auto;
        padding: 16px;
        margin-top: -50px;
        color: white;
        font-weight: bold;
        font-size: 20px;
        transition: 0.6s ease;
        border-radius: 0 3px 3px 0;
        user-select: none;
        -webkit-user-select: none;
        background-color: rgba(0, 0, 0, 0.8);
    }

    /* Position the "next button" to the right */
    .nextDemoCar {
        right: 0;
        border-radius: 3px 0 0 3px;
    }

    /* On hover, add a black background color with a little bit see-through */
    .prevDemoCar:hover,
    .nextDemoCar:hover {
        background-color: rgba(0, 0, 0, 0.8);
    }

    .btn-main {
        background-color: #04163D;
        color: #ffffff;
        font-size: 10pt;
        width: 132px;
        height: 42px;
        border-radius: 4px;
        padding: 0;
    }

    .btn-main:hover {
        background-color: #04163D;
        color: #ffffff;
    }
    .btn-main:active {
        background-color: #04163D;
        color: #ffffff;
    }

    .btn-main-back-w {
        background-color: #000;
        color: #ffffff;
      
        font-size: 10pt;
        width: 132px;
        height: 42px;
        border-radius: 4px;
        padding: 0;
        border-color: #ffffff;
    }

    .btn-main-back-w:hover {
        background-color: rgb(27, 27, 27);
        color: #ffffff;
    }

    .box-about-size {
        width: 950px;
    }

    .text-bread {
        font-family: Arial, sans-serif;
        font-size: 16px;
        color: #000;
    }

    .text-new-alstyle {
        font-family: Arial, sans-serif;
        font-size: 12px;
        margin-top: 10%;
        line-height: 1.2;
        padding-left: 15%;
        padding-right: 15%;
    }

    .text-sub-alstyle {
        font-family: Arial, sans-serif;
        font-size: 48px;
        line-height: 1.2;
        padding-left: 15%;
        padding-right: 15%;
    }

    .hieght-box-alstyle {
        height: 500px;
    }

    .text-header-alstyle {
        font-family: Arial, sans-serif;
        font-size: 48px;
        line-height: 1.5;
    }

    .text-detail-alstyle {
        margin-top: 30px;
        margin-bottom: 30px;

    }

    .text-brand {
        color: #000;
        font-family: Arial, sans-serif;
        font-size: 28px;
        margin-top: 20px;
    }

    .text-model {
        font-size: 22px;
        line-height: 1.5;
        padding-top: 15px;
        margin-top: 5%;
        padding-left: 5px;
        padding-right: 5px;
    }

    .text-model-sub {
        font-size: 22px;
        line-height: 1.5;
        padding-top: 15px;
        margin-top: 5%;
        padding-left: 5px;
        padding-right: 5px;
    }

    .height-box-alstyle-top {
        height: 292px;
    }

    .height-box-alstyle {
        height: 400px;
    }

    .overlay {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
        transition: .5s ease;
        background-color: #F0F8FF;
    }

    .h-domocar {
        height: 500px;
    }

    .domoCar-box:hover .overlay {
        opacity: 0.725;
    }

    .text-domoCar {
        color: black;
        font-size: 20px;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }

    .btn-comparte-pro {
        background-color: #0066ff;
        border: none;
        color: white;
        padding: 10px 40px;
        font-size: 15px;
        cursor: pointer;
    }

    .btn-share-pro {
        background-color: #0066ff;
        border: none;
        color: white;
        padding: 10px 40px;
        font-size: 15px;
        cursor: pointer;
    }

    .domoCar-box-ht {
        height: 250px;
    }

    /* product detail page */
    .text-heder-suport {
        font-size: 20px;
        line-height: 18px;
        color: #004899;
    }

    .download-content-support {
      
        font-size: 16px;
        line-height: 18px;
    }

    .margin-top-content {
        margin-top: 30px;
    }

    /*  End product detail page */

    .hieght-box-size {
        height: 540px;
    }
 .hieght-box-size1 {
        height: 526px;
    }
.hieght-box-size2 {
        height: 500px;
    }


    .vertical .carousel-inner {
        height: 100%;
    }

    .carousel.vertical .item {
        -webkit-transition: 0.6s ease-in-out top;
        -moz-transition: 0.6s ease-in-out top;
        -ms-transition: 0.6s ease-in-out top;
        -o-transition: 0.6s ease-in-out top;
        transition: 0.6s ease-in-out top;
    }

    .carousel.vertical .active {
        top: 0;
    }

    .carousel.vertical .next {
        top: 400px;
    }

    .carousel.vertical .prev {
        top: -400px;
    }

    .carousel.vertical .next.left,
    .carousel.vertical .prev.right {
        top: 0;
    }

    .carousel.vertical .active.left {
        top: -400px;
    }

    .carousel.vertical .active.right {
        top: 400px;
    }

    .carousel.vertical .item {
        left: 0;
    }


    .indicati-pro {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 1px;
        text-indent: -999px;
        border: 1px solid #fff;
        border-radius: 10px;
        cursor: pointer;
        background-color: #000 \9;
        background-color: rgba(0, 0, 0, 0);
    }

    .indicati-pro li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 1px;
        text-indent: -999px;
        border: 1px solid #144B97 !important;
        border-radius: 8px;
        cursor: pointer;
        background-color: #000;
        background-color: rgba(0, 0, 0, 0);
    }

    .indicati-pro .active {
        margin: 0;
        width: 12px;
        height: 12px;
        background-color: #144B97;
    }

    .img-product_detail_slide {
        margin-top: -50px;
    }

    .nav-tabs {
        /* margin-left: 22%; */
    }

    .nav-tabs>li.active>a,
    .nav-tabs>li.active>a:focus,
    .nav-tabs>li.active>a:hover {
        border-width: 0;
    }

    .nav-tabs>li>a {
        border: none;
        color: #666;

        font-size: 20px;
        line-height: 26px;

    }

    .nav-tabs>li.active>a,
    .nav-tabs>li>a:hover {
        border: none;
        color: #003399 !important;
        background: transparent;
    }

    .nav-tabs>li>a::after {
        content: "";
        background: #003399;
        height: 5px;
        position: absolute;
        width: 100%;
        left: 0px;
        bottom: -1px;
        transition: all 250ms ease 0s;
        transform: scale(0);
    }

    .nav>li>a {
        position: relative;
        display: block;
        padding: 21px 53px;
    }

    .nav-tabs>li.active>a::after,
    .nav-tabs>li:hover>a::after {
        transform: scale(1);
    }

    .tab-nav>li>a::after {
        background: #003399 none repeat scroll 0% 0%;
        color: #fff;
    }

    .tab-pane {
        background-color: #fff;
    }

    .tab-content {
        padding: 0px
    }

    .card {
        background: #fafafa none repeat scroll 0% 0%;
    }

    .box {
        height: 412px;
        background: #f6f6f6;
    }

    .box:hover {
        opacity: 0.8;
    }

    .box img {
        height: 320px;

    }


    .text-img-pro {
        color: #000;
        position: relative;
        margin-top: 0;
        margin-left: 0;
        z-index: 1;
    
        font-size: 20px;
    }

    .text-detail-pro {
        color: #000;
        position: relative;
        margin-top: 2%;
        z-index: 1;
        font-family: Arial, sans-serif;
        font-size: 14px;
        padding-left: 10px;
        padding-right: 10px;

    }

    .line-pro {

        height: 1px;
        margin-top: 1px !important;
        margin-bottom: 0px !important;
        border: 0.5px solid #003399;
        margin-left: 20px;
        margin-right: 20px;
    }

    .margin-product-name {
        margin-bottom: 15px;
    }

    .text-caption-pro {
        font-family: Arial, sans-serif;
        font-size: 18px;
        line-height: 1;
        margin-bottom: 20px;
    }

    .margin-bottom-detail {
        margin-bottom: 30px;
    }

    .img-logo {
        width: 100%;
        height: 200px;
    }

    .image-border {
        position: relative;
        border: 1px solid;
        border-color: black;
        height: 290px;
        width: 100%;
        margin-bottom: 20px;
    }


    .image-border-slideup {
        border: 1px solid;
        border-color: black;
        height: 290px;
        width: 100%;
        margin-bottom: 20px;
        -webkit-transition: height 2s;
        /* For Safari 3.1 to 6.0 */
        transition: height 2s;
    }

    .image-border-slideup :hover {
        height: 300px;
    }

    .box-demo {
        height: 300px;
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .demo-show {
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        margin-bottom: 10px;
        object-fit: cover;
    }

    .text-subheader {
     
        padding-top: 25px;
        padding-left: 30px;
        padding-right: 30px;
        font-size: 36px;
        line-height: 48px;


    }

    .text-pro-ban-header {
       
        font-size: 48px;
        line-height: 50px;
    }

    .text-pro-ban-detail {
        font-family: Arial, sans-serif;
        font-size: 14px;
        line-height: 1.5;
    }

    .box-pro-banner {
        margin-top: 38%;
        padding-left: 20%;
    }

    /* header tab main */
    .send-button {
        background: #54C7C3;
        width: 100%;
        font-weight: 600;
        color: #fff;
        padding: 8px 25px;
    }

    .f-button {
        color: #fff !important;
        border: 1px solid #3B5998;
        background: #3B5998 !important;
        width: 100%;
        font-weight: 600;
        color: #fff;
        padding: 8px 25px;
        font-family: Arial, sans-serif;
    }

    .my-input {
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
        cursor: text;
        padding: 8px 10px;
        transition: border .1s linear;
    }


    .login-or {
        position: relative;
        color: #aaa;
        margin-top: 10px;
        margin-bottom: 10px;
        padding-top: 10px;
        padding-bottom: 10px;

    }

    .span-or {
        display: block;
        position: absolute;
        left: 50%;
        top: -2px;
        margin-left: -25px;
        background-color: #fff;
        width: 50px;
        text-align: center;
        font-family: Arial, sans-serif;
        font-size: 16px;
    }

    .lable-text-login {

        padding-bottom: 10px;
        font-size: 16px;
    }

    .btn-login-head {
        background-color: #000;
        color: #ffffff;
        
        font-size: 14px;
        width: 196px;
        height: 47px;
        padding: 0;
        margin-top: 38px;

    }

    .btn-register-head {
        background-color: #ffffff;
        border: 1px solid #000;
        color: #000;
        
        font-size: 14px;
        width: 196px;
        height: 47px;
        padding: 0;


    }

    .btn-fogot-pass-head {
        color: #000;
        
        font-size: 14px;
        width: 196px;
        height: 47px;
        padding: 0;


    }

    .hr-or {
        height: 1px;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .btn-login-mobile {
        margin-top: 3px;
        margin-left: 28px;
        width: 80%;
        height: 43px;
        background-color: #ffff;
        border-radius: 70px;
        font-family: Arial, sans-serif;
        font-size: 14px;
    }

    .invisible-mobile {
        display: block;
    }

    .visible-mobile {
        display: none;
    }

    .invisible-slide-baner {
        display: block;
    }

    .visible-slide-baner {
        display: none;
    }

    .select-list-link {
        color: #ffffff;
    }

    .margin-top-nav {
        margin-top: 13px;
    }

    .main-icon-header {
        color: #ffffff !important;
        font-size: 18px;
        padding: 0 10px 0 17px;
        font-family: Arial, sans-serif;

    }

    /* End header main */
    /* product page */
    .row_padding {
        height: 375px;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
        margin-bottom: -2px;
    }

    .h-banner-productCata {
        height: 500px;
        padding-bottom: 15px;
    }


    .product-bottom-margin {
        margin-top: 15px;
    }

    .parent {
        width: 100%;
        height: 375px;
        overflow: hidden;
        position: relative;
        display: inline-block;
        cursor: pointer;
    }

    .img-show {
        height: 100%;
        width: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        background-position: center;
    }

    .parent:hover .img-show,
    .parent:focus .img-show {
        -ms-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }

    .parent:hover .img-show:before,
    .parent:focus .img-show:before {
        display: block;
    }



    .img-show:before {
        content: "";
        display: none;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;

    }

    .img-show-banner {
        background-size: cover;
        background-repeat: no-repeat;
        height: 100%;
    }


    .text-wrap {
        width: 110px;
    }

    .icon-product-nav {
        width: 70px;
        height: 54px;
    }

    /* End product page */




    /* homestyle page */
    .h-w-imag-ban-slide {}

    .margin-top-midle {
        margin-top: 20%;
    }

    .text-banner-slide {
        font-size: 48px;
        
        line-height: 50px;
    }


    .text-onlyheader-widgit {
        margin-top: 5%;
    }

    .btn-col-padding {
        padding-left: 15px;
    }

    .carousel-indicators li {
        border: 1px solid #003399;

    }

    .carousel-indicators .active {
        background-color: #003399;
    }

    .slide-inner-img-height {
        height: 960px !important;
    }

    .contain-box-banner {
        position: absolute !important;
        left: 27% !important;
        right: 0% !important;
        bottom: 318px !important;
        z-index: 10 !important;
        padding-top: 20px !important;
        text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    }

    .home-banner-margin {
        position: relative !important;
        top: -602px;
    }

    .btn-h {
        margin-top: 30px;

    }

    /* End homestyle page */




    .left-mar-box {
        margin-left: 30px;
    }

    .info-bnt-pro {
        margin-left: -40px;
    }

    .invisible-tablet {
        display: none !important;
    }

    #left {
        float: left;
        width: 500px;
    }

    #right {
        float: right;
        width: 500px;
    }

    #center {
        margin: 0 auto;
        width: 950px;
    }

    .sidenav {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 1;
        top: 0;
        left: 0;
        background-color: #111;
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 60px;
    }

    .sidenav a {
        padding: 8px 8px 8px 32px;
        text-decoration: none;
        font-size: 25px;
        color: #818181;
        display: block;
        transition: 0.3s;
    }

    .sidenav a:hover {
        color: #f1f1f1;
    }

    .sidenav .closebtn {
        font-family: Arial, sans-serif;
        position: absolute;
        top: 0;
        left: -64px;
        font-size: 36px;
        margin-left: 50px;
    }

    .btn-search-nav {
        background: none;
        color: #fff;
        font-size: 15px;
        border: none;
        padding-left: 20px;
        padding-top: 8px;
    }

    .btn-search-modal {
        background: none;
        color: #000;
        font-size: 19px;
    }

    .drop-down {
        position: relative;
        display: inline-block;
        width: auto;
        margin-top: 0;
        font-family: verdana;
    }

    .drop-down select {
        display: none;
    }

    .drop-down .select-list {
        position: absolute;
        top: 0;
        left: -59px;
        z-index: 1;
        margin-top: 19px;
        padding: 0;
        background-color: #595959;
    }

    .drop-down .select-list li {
        display: none;
    }

    .drop-down .select-list li span {
        display: inline-block;
        min-height: 36px;
        min-width: 280px;
        width: 100%;
        padding: 7px 11px 2px 48px;
        background-color: #000;
        background-position: left 10px center;
        background-repeat: no-repeat;
        font-size: 16px;
        text-align: left;
        color: #fff;
        opacity: 1;
        box-sizing: border-box;
        background-size: contain;
        
    }

    .drop-down .select-list li span:hover,
    .drop-down .select-list li span:focus {
        opacity: 1;
        background-color: #00106A;
        color: #ffff;
    }

    .icon-lang {
        /* background-size: 54px;
        background-repeat: no-repeat;
        padding-left: 51px;
        padding-top: 32px; */
        color: #fff;
        
        font-size: 18px;
        cursor: pointer;

    }

    .select-box {}

    .navbar-center {
        position: absolute;
        left: 30%;
        right: 20%;
    }

    .main-menu-header {
        color: #ffffff !important;
        font-size: 18px;
        padding: 0 20px 0 20px;
        
    }

    .h-box {
        margin-top: 20px;
    }

    .link-learn-more {
        color: black;
        font-family: Arial, sans-serif;
        font-size: 18px;
        padding-left: 15%;
        padding-right: 15%;
    }

    /* About Us page Style */
    .container-abt-two {
        padding-left: 7%;
        padding-right: 7%;
    }

    .text-abt-al {
        margin-top: 90px;
    }

    .text-abtp-detail {
        margin-top: 30px;
        padding-left: 10%;
        padding-right: 10%;
    }

    .img-abtp {
        margin-top: 30px;
    }

    .img-about-box {
        width: 70%;
        height: 70%;
    }

    .text-abtp-subglobal-net {
        color: #000;
        
        font-size: 24px;
    }

    .bg-history {
        height: 620px;
        width: 100%;
        background-color: #3333ff;
    }

    /* End About Us page Style */

    /* footerPage */
    .text-header-widgit {
        font-family: Arial, sans-serif;
        font-size: 36px;
        margin-top: 40%;
    }

    .text-detail-white {
        font-family: Arial, sans-serif;
        font-size: 14pt;
        line-height: 20pt;
    }

    /* End footerPage style */
    .img-compare-pro-box {
        margin-top: 20px;

    }

    .modal-search {
        margin-right: -1005px;
    }
}

/* notebook */
@media (max-width:1585px) and (min-width:1281px) {

    h1 {
        font-size: 48px;
        
        line-height: 50px;
    }

    h2 {
        
        font-size: 30px;
        line-height: 46px;
    }

    h3 {
        
        font-size: 60px;
        line-height: 62px;
    }

    h4 {
        
        font-size: 24pt;
        line-height: 26pt;
    }

    h5 {
        
        font-size: 18pt;
        line-height: 19pt;
    }

    h6 {
        
        font-size: 12pt;
        line-height: 16pt;

    }

    p {
        font-family: Arial, sans-serif;
        font-size: 14px;
        line-height: 1.5;
    }
    .map-height{
        width: 100%; 
        height:800px;
    }
    .text-cate-compare{
        
        font-size: 22px;
        line-height: 30px;
        color: #003399;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 10px;
       }

    .img-widget {
        width: 60%;
        display: block;

    }

    .box-scoll {

        height: 500px;
        overflow-y: scroll;
        overflow-x: hidden;
    }

    .img-size-alpine {
        height: 42px;

    }

    .box-mobile-suport {
        height: 500px;
    }

    .padding-top-mobile {
        padding-top: 10%;
    }

    .padding-text {
        padding-left: 15px;
        padding-right: 15px;
    }

    .padding-row-footer {
        padding-left: 6%;
        padding-right: 6%
    }

    .padding-logo {
        padding-top: 10px;
        padding-right: 10px;
    }

    .inline-logo {
        display: inline;

    }

    .img-list-icon {
        height: 40px;
    }

    .padding-small-note {
        padding-left: 10px;
    }

    .padding-capcha {
        padding-left: 40%;
        padding-right: 40%;
    }

    .video-widget {
        width: 100%;
        height: 500px;
    }

    .breadcrumb .active {
        color: #003399;
    }

    .text-border-policy {
        margin-top: 30px;
        margin-bottom: 30px;
        font-weight: 500;
        border-bottom: 1px solid #000;
        border-top: 1px solid #000;
    }

    .hr-boder-line-policy {
        border-bottom: 1px solid #003399;
    }

    /* The sticky class is added to the header with JS when it reaches its scroll position */
    .sticky {
        position: fixed !important;
        right: 0;
        left: 0;
        z-index: 1000;
        top: 20px;
        background-color: #fff;
        padding-left: 11%;
        padding-right: 11%;
    }

    /* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
    .sticky+.content {
        padding-top: 102px;
    }

    .img-compare {
        height: auto;
        width: 65%;
    }

    .bg-header-compare {
        background-color: #F6F6F6;
    }

    .bg-header-compare-mobile {
        background-color: #F6F6F6;
        margin-top: 30px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .product_name-mobile {
        position: relative;
        /* margin-top: -40px !important; */
        margin-bottom: 20px;
        text-align: center;
    }

    .product_name-desktop {
        position: relative;
        margin-bottom: 20px;
        text-align: center;
    }

    .select-product-desktop-padding {
        margin-top: 15px;
    }

    .select-product-mobile-padding {
        position: relative;
        /* margin-bottom: -30px !important; */
        /* margin-top: 30px; */
    }

    .box-compare-desktop {
        height: 219px;
    }

    .box-compare-moblie {
        height: 370px;
    }

    .compare-fisrt-row {
        background-color: #F6F6F6;
        padding-top: 20px;
        padding-bottom: 30px;
        margin-top: 30px;
    }

    .bg_compare-text {
        background-color: #FFFFFF;
        padding-top: 15px;
        padding-bottom: 15px;
        height: 113px;
    }

    .bg_compare-text:nth-child(odd) {
        height: 50px;
        background-color: #F6F6F6;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .padding-col-campare {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .text-compare {
        position: relative;
        float: left;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding-left: 36px;
        padding-right: 65px;
    }

    .text-compare-left {
        /* position: relative;
        float: left;
        top: 50%;
        left: 13%;
        transform: translate(-50%, -50%); */
        position: relative;
        float: left;
        top: 34%;
        padding-left: 15px;
    }

    .position-fixd1 {
        position: fixed !important;
        right: 0;
        left: 0;
        z-index: 1000;
        top: -7px;
        background-color: #fff;
    }


    .hr-software {
        padding: 8px;
        line-height: 1.42857143;
        vertical-align: top;
        border-top: 1px solid #ddd;
    }

    .text-product-software {
        padding-left: 50px;
    }

    .text-product-software-left {
        padding-left: 50px;
    }

    .text-product-software-right {
        padding-right: 100px;
    }

    .product-header {
        font-size: 14px;
        cursor: pointer;
    }

    .icon-product-nav {
        width: 70px;
        height: 54px;
    }

    .collapseSub {
        display: none;
    }

    .more-less {
        float: right;
        color: #212121;
    }

    .link-color-policy {
        color: #fff;
    }

    .padding-left {
        padding-left: 18%;
    }

    .h-img-logo {
        height: 24px;
        margin-top: -6px;
    }

    .info_content {
        width: 300px;
    }

    .text-checkbox {
        font-family: Arial, sans-serif;
        font-size: 14px;
        line-height: 1.5;
    }

    .image-event-relate {
        height: auto;
        width: 100%;
        min-height: 200px;
        object-fit: contain;
        margin-bottom: 10px;
    }

    .mdl-textfield__label {
        
    }


    .margin-lang {
        position: absolute;
        right: 15px;
        top: 15px;
    }

    .margin-search-profile-icon {
        margin-right: 75px;
    }

    .text-location {
        font-family: Arial, sans-serif;
        font-size: 14px;
        line-height: 1.5;
    }

    .img-wid-h-w {
        width: 100%;
        height: 500px;
    }

    .text-readmore {
        font-family: Arial, sans-serif;
        font-size: 14px;
        line-height: 1.5;
    }

    .news-content {
        font-family: Arial, sans-serif;
        font-size: 14px;
        line-height: 1.5;
    }

    .hr-software {
        padding: 8px;
        line-height: 1.42857143;
        vertical-align: top;
        border-top: 1px solid #ddd;
    }

    .text-product-software {
        padding-left: 50px;
    }

    .text-product-software-left {
        padding-left: 50px;
    }

    .text-product-software-right {
        padding-right: 100px;
    }

    .product-header {
        font-size: 14px;
        cursor: pointer;
    }

    .icon-product-nav {
        width: 70px;
        height: 54px;
    }

    .event-test {
        height: 500px;
        background-color: #BEBEBE;
    }

    .event-m {
        height: 350px;
        margin: 15px 0 15px 0;
    }

    .bottom-event {
        margin-top: 15px;
    }

    .event-show {
        background-size: cover;
        background-repeat: no-repeat;
        height: 350px;
        width: 100%;
    }

    .padding-news-header {
        padding: 30px;
    }

    .padding-top-date {
        padding-top: 20px;
    }

    .margin-lang-header {
        float: right !important;
        margin-top: -13px;
    }

    .img-domo-modal {
        display: block;
        position: absolute;
        float: left;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        max-width: 60%;
        height: auto;
    }

    .mySlidesdomocar {
        width: 1000px;
        height: 533px;
    }

    .h-text-widget {
        height: 350px;
    }

    .unstyled-button {
        border: none;
        padding: 0;
        background: none;
        
        line-height: 16px;
        font-size: 18px;
    }

    .mdl-textfield--floating-label {
        font-family: Arial, sans-serif;
        font-size: 14px;
    }

    #search input[type="text"]:focus {
        width: 250px;
    }

    .text-cancel-bar {
        position: absolute;
        margin-top: -33px;
        right: 9%;
        z-index: -999;
        font-size: 12px !important;
        font-family: Arial, sans-serif;
    }

    .text-link-suport {
        font-family: Arial, sans-serif;
        font-size: 14px;
        line-height: 1.5;
    }

    .log-mobile-nav {
        position: relative;
        margin-top: -54px;
    }

    .box-hight-eventdetail {
        height: 400px;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .event-content {
        height: 350px;
    }

    .text-color-b-support {
        color: #000;
    }

    .text-color-w-support {
        color: #fff;
    }

    .img-Category-banner {
        background-size: cover;
        background-repeat: no-repeat;
        height: 100%;
        background-position: center;
    }

    /* 
* 	Core Owl Carousel CSS File
*	v1.3.3
*/

    /* clearfix */
    .owl-carousel .owl-wrapper:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }

    /* display none until init */
    .owl-carousel {
        display: none;
        position: relative;
        width: 100%;
        -ms-touch-action: pan-y;
    }

    .owl-carousel .owl-wrapper {
        display: none;
        position: relative;
        -webkit-transform: translate3d(0px, 0px, 0px);
    }

    .owl-carousel .owl-wrapper-outer {
        overflow: hidden;
        position: relative;
        width: 100%;
    }

    .owl-carousel .owl-wrapper-outer.autoHeight {
        -webkit-transition: height 500ms ease-in-out;
        -moz-transition: height 500ms ease-in-out;
        -ms-transition: height 500ms ease-in-out;
        -o-transition: height 500ms ease-in-out;
        transition: height 500ms ease-in-out;
    }

    .owl-carousel .owl-item {
        float: left;
    }

    .owl-controls .owl-page,
    .owl-controls .owl-buttons div {
        cursor: pointer;
    }

    .owl-controls {
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

    /* mouse grab icon */
    .grabbing {
        cursor: url(grabbing.png) 8 8, move;
    }

    /* fix */
    .owl-carousel .owl-wrapper,
    .owl-carousel .owl-item {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
    }

    /*
    * 	Owl Carousel Owl Demo Theme 
    *	v1.3.3
    */

    .owl-theme .owl-controls {
        margin-top: 10px;
        text-align: center;
    }

    /* Styling Next and Prev buttons */

    .owl-theme .owl-controls .owl-buttons div {
        color: #FFF;
        display: inline-block;
        zoom: 1;
        *display: inline;
        /*IE7 life-saver */
        margin: 5px;
        padding: 3px 10px;
        font-size: 12px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
        background: #869791;
        filter: Alpha(Opacity=50);
        /*IE7 fix*/
        opacity: 0.5;
    }

    /* Clickable class fix problem with hover on touch devices */
    /* Use it for non-touch hover action */
    .owl-theme .owl-controls.clickable .owl-buttons div:hover {
        filter: Alpha(Opacity=100);
        /*IE7 fix*/
        opacity: 1;
        text-decoration: none;
    }

    /* Styling Pagination*/

    .owl-theme .owl-controls .owl-page {
        display: inline-block;
        zoom: 1;
        *display: inline;
        /*IE7 life-saver */
    }

    .owl-theme .owl-controls .owl-page span {
        display: block;
        width: 12px;
        height: 12px;
        margin: 5px 7px;
        filter: Alpha(Opacity=50);
        /*IE7 fix*/
        opacity: 0.5;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        background: #869791;
    }

    .owl-theme .owl-controls .owl-page.active span,
    .owl-theme .owl-controls.clickable .owl-page:hover span {
        filter: Alpha(Opacity=100);
        /*IE7 fix*/
        opacity: 1;
    }

    /* If PaginationNumbers is true */

    .owl-theme .owl-controls .owl-page span.owl-numbers {
        height: auto;
        width: auto;
        color: #FFF;
        padding: 2px 10px;
        font-size: 12px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
    }

    /* preloading images */
    .owl-item.loading {
        min-height: 150px;
        background: url(AjaxLoader.gif) no-repeat center center
    }



    #owl-demo .item {
        margin: 3px;
    }

    #owl-demo .item img {
        display: block;
        width: 100%;
        height: auto;
    }

    .bg-item-gray {
        background-color: #003399;
        width: 150px !important;
        height: 348px;
        cursor: pointer;
        color: #fff;
    }

    .bg-item-graylight {
        background-color: #fff;
        width: 150px !important;
        height: 348px;
        cursor: pointer;
    }

    .boxhistory {
        /*         display:none; */
        position: absolute;
        top: 1px;
        width: 100%;
        z-index: 999;
        float: left;
        overflow: hidden;
        background: #BCBDBF;
        cursor: pointer;
    }

    /* Add padding and border to inner content
    for better animation effect */
    .box-inner {
        width: 1140px;
        height: 351px;
        padding: 132px;

    }

    .text-his {
        padding: 79% 27% 0 7%;
        
        font-size: 21pt;
    }

    .hr-abt {
        padding: 8px;
        vertical-align: top;
        border-top: 1px solid #fff;

    }

    .margin-btn {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .text-input {
        font-family: Arial, sans-serif;
        font-size: 14px;
        line-height: 1.5;
    }

    .btn-margin-bottom {
        margin-top: 60px;
        margin-bottom: 10px;
    }

    .color-text {
        background-color: #F6F6F6 !important;
    }

    .row-padding-support {
        padding-left: 25%;
        padding-right: 25%;
    }

    .hieght-box-size-support {
        height: 350px;
    }

    .row-padding-left-rignt {
        padding-left: 30%;
        padding-right: 30%;
    }

    .padding-top {
        padding-top: 20%;
    }

    .padding-text-al-detail {
        padding-top: 10%;
    }

    .bg-main {
        background-size: cover;
        background-repeat: no-repeat;
    }

    .btn-margin-alpine {
        margin-top: 1px;
    }

    .margin-alpine-search-tap {
        margin-top: 118px;
    }

    #content {
        /* background: #06c; */
        position: relative;
        float: left;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .content-ch {
        margin-top: 200px;

    }

    .hieght-box-size-mobile {
        height: 300px;
    }


    #content {
        /* background: #06c; */
        position: relative;
        float: left;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .imagCat {
        width: 70px;
        height: 54px;
    }

    .text-cat {
        font-family: Arial, sans-serif;
        font-size: 14px;
        line-height: 1.5;
    }

    .MultiCarousel {
        float: left;
        overflow: hidden;
        padding: 15px;
        width: 100%;
        position: relative;
    }

    .MultiCarousel .MultiCarousel-inner {
        transition: 1s ease all;
        float: left;
    }

    .MultiCarousel .MultiCarousel-inner .item {
        float: left;
    }

    .MultiCarousel .MultiCarousel-inner .item>div {
        text-align: center;
    }

    .MultiCarousel .leftLst,
    .MultiCarousel .rightLst {
        position: absolute;
        top: calc(50% - 20px);
    }

    .MultiCarousel .leftLst {
        left: 0;
    }

    .MultiCarousel .rightLst {
        right: 0;
    }

    .MultiCarousel .leftLst.over,
    .MultiCarousel .rightLst.over {
        pointer-events: none;
        background: #ccc;
    }





    .navbar {
        position: relative;
        min-height: 50px;
        margin-bottom: 0px;
        border: 1px solid transparent;
    }

    .navbar-fixed-top,
    .navbar-fixed-bottom {
        position: fixed !important;
        right: 0;
        left: 0;
        z-index: 1000;
    }




    .sidenav {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 9999;
        top: 0;
        left: 0;
        background-color: #ffffff;
        color: #000000;
        overflow-x: hidden;
        transition: 0.5s;

    }

    .sidenav2 {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 9999;
        top: 0;
        right: 0;
        background-color: #ffffff;
        color: #000;
        overflow-x: hidden;
        transition: 0.5s;

    }

    .sidenav2 span {
        position: relative;
        top: 1px;
        display: inline-block;
        font-family: 'Glyphicons Halflings';
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 18px;
        color: #000 !important;
    }

    .sidenav span {
        position: relative;
        top: 1px;
        display: inline-block;
        font-family: 'Glyphicons Halflings';
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 18px;

    }

    .footer {
        position: relative;
        left: 0;
        bottom: 0;
        width: 100%;
    }

    .text-a {
        font-family: Arial, sans-serif;
        padding: 8px 8px 8px 32px;
        text-decoration: none;
        font-size: 24px;
        color: #000 !important;
        display: block;
        transition: 0.3s;
    }

    .text-a:hover {
        color: #000 !important;
    }

    .text-li {
        font-family: Arial, sans-serif;
        padding: 8px 8px 8px 32px;
        text-decoration: none;
        font-size: 24px;
        color: #000 !important;
        transition: 0.3s;
    }

    .text-li:hover {
        color: #000 !important;
    }

    .sidenav .closebtn {
        font-family: Arial, sans-serif;
        position: absolute;
        top: 0;
        left: -64px;
        font-size: 36px;
        margin-left: 50px;
    }


    .group-btn {
        margin-top: 20px;
        margin-bottom: 50px;
    }

    .group-btn-info {
        position: absolute;
        bottom: 0;
        left: 73px;
        margin-bottom: 20px;
    }

    .group-btn-info-offset {
        position: absolute;
        bottom: 0;
        left: 47px;
        margin-bottom: 20px;
    }


    .feature-product-ul {
        margin-bottom: 30px;
    }

    .nav-desk-top {
        list-style-type: none;
        margin: 0px;
        padding: 0;
    }

    .nav-list-icon {
        list-style-type: none;
        margin-left: -40px;
    }


    .lnline-list {
        display: inline;
    }

    .category-text {
        color: #000 !important;
        font-size: 32px;
        padding: 0 20px 0 20px;
        font-family: Arial, sans-serif;
        font-weight: bold;
    }

    .category-text-find-product {
        color: #000 !important;
        font-size: 14px;
        padding: 0 20px 0 20px;
        font-family: Arial, sans-serif;
        font-weight: 10;
    }

    .menu-type-product {
        margin-top: 9px;
    }

    .text-header-prod {
        font-family: Arial, sans-serif;
        font-size: 26px;
        text-transform: uppercase;

    }

    .text-features {
        font-family: Arial, sans-serif;
        cursor: pointer;
        padding: 0px 0px 0px 15px;
        text-decoration: none;
        font-size: 32px;
        color: #000 !important;
        display: block;
        transition: 0.3s;
        font-weight: 600;
    }

    .text-features:hover {
        color: #000 !important;
    }

    .text-alpine {
        font-family: Arial, sans-serif;
        cursor: pointer;
        padding: 0;
        text-decoration: none;
        font-size: 32px;
        color: #000 !important;
        display: block;
        transition: 0.3s;
        font-weight: 600;
    }


    .text-features:hover {
        color: #000 !important;
    }

    .text-detail-product {
        font-family: Arial, sans-serif;
        color: #000;
        font-size: 24px;
        padding: 30px;
        margin-bottom: 0;
        color: inherit;
        background-color: #eee;
    }



    .button-right {
        position: absolute;
        right: 20px;
    }

    .text-show {
        font-family: Arial, sans-serif;
        cursor: pointer;
        padding: 0px 0px 0px 0px;
        text-decoration: none;
        font-size: 32px;
        color: #000 !important;
        display: block;
        transition: 0.3s;
        font-weight: 600;
    }

    .text-show:hover {
        color: #000 !important;
    }


    .cat_product {
        background-color: #eee;
        height: 330px;
        width: 100%;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .box-media {
        background-color: #eee;
        height: 302px;
        width: 100%;
        margin-top: 1px;
        margin-bottom: 0px;
    }

    .text-box-media {
        font-family: Arial, sans-serif;
        padding-top: 130px;
        padding-bottom: 110px;
        font-size: 24px;
        text-align: center;
    }

    .menu-product-support {
        background-color: #eee;
        height: 230px;
        width: 100%;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .text-menu-product-support {
        font-family: Arial, sans-serif;
        padding-top: 100px;
        padding-bottom: 110px;
        font-size: 24px;
        text-align: center;
    }

    .alpine-style {
        background-color: #eee;
        height: 302px;
        width: 100%;
        margin-top: 1px;
        margin-bottom: 0px;
    }

    .alpine-style-sub {
        background-color: #eee;
        height: 100px;
        width: 100%;
        margin-top: 1px;
        margin-bottom: 0px;
    }

    .text-alpine-style {
        font-family: Arial, sans-serif;
        padding-top: 130px;
        padding-bottom: 110px;
        font-size: 24px;
        text-align: center;
    }

    .text-alpine-style-sub {
        font-family: Arial, sans-serif;
        padding-top: 30px;
        padding-bottom: 110px;
        font-size: 24px;
        text-align: center;
    }

    .text-head-product {
        font-family: Arial, sans-serif;
        font-size: 36px;
        font-weight: bold;
        margin-bottom: -14px;
        color: #000 !important;
    }

    .icon-link-right {
        background-color: #000;

    }

    .icon-link-right:hover {
        background-color: #000;

    }

    .header-margin {
        margin-top: 60px;
    }

    .bottom-margin {
        margin-top: 20px;
    }

    .text-productName {
        font-family: Arial, sans-serif;
        font-size: 23px;
        margin-top: -20px;
        font-weight: bold;
        line-height: 1.5;
    }

    .text-productdetail {
        font-family: Arial, sans-serif;
        font-size: 20px;
        line-height: 1;

    }

    .footer-box {
        height: 354px;
    }

    .margin-t-footer {
        margin-top: 50px;
    }

    .box-product {
        height: 350px;
    }

    .row_product_padding {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }

    .no-product {
        padding-top: 100px;
        padding-bottom: 100px;
        text-align: center;
    }

    .text-head-filter {
        font-family: Arial, sans-serif;
        line-height: 20px;
        font-size: 18px;
        padding-bottom: 10px;
        color: #003399;
    }

    .text-form-filter {
        font-family: Arial, sans-serif;
        line-height: 18px;
        font-size: 15px;
    }

    .margin-filter-close {
        margin-top: -10px;
    }

    .margin-top-btn {
        padding-top: 10px;
    }

    /* The customcheck */
    .customcheck {
        display: block;
        position: relative;
        padding-left: 35px;
        margin-bottom: 12px;
        cursor: pointer;
        font-size: 14px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        font-weight: 100;
        
    }

    /* Hide the browser's default checkbox */
    .customcheck input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

    /* Create a custom checkbox */
    .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 20px;
        width: 20px;
        background-color: #fff;
        border-radius: 4px;
        border: 2px solid #003399;
    }

    /* On mouse-over, add a grey background color */
    .customcheck:hover input~.checkmark {
        background-color: #ccc;
    }

    /* When the checkbox is checked, add a blue background */
    .customcheck input:checked~.checkmark {
        background-color: #003399;
        border-radius: 4px;
    }

    /* Create the checkmark/indicator (hidden when not checked) */
    .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    /* Show the checkmark when checked */
    .customcheck input:checked~.checkmark:after {
        display: block;
    }

    /* Style the checkmark/indicator */
    .customcheck .checkmark:after {
        left: 6px;
        top: 3px;
        width: 5px;
        height: 10px;
        border: solid white;
        border-width: 0px 2px 2px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    /** Custom Select **/
    .custom-select-wrapper {
        position: relative;
        display: inline-block;
        user-select: none;
    }

    .custom-select-wrapper select {
        display: none;
    }

    .custom-select {
        position: relative;
        display: inline-block;
    }

    .custom-select-trigger {
        position: relative;
        display: block;
        width: 253px;
        padding: 4px 23px 7px 2px;
        font-size: 17px;
        
        font-weight: 300;
        color: #000;
        line-height: 29px;
        background: #fff;
        border-radius: 4px;
        cursor: pointer;

    }

    .custom-select-trigger:after {
        position: absolute;
        display: block;
        content: '';
        width: 10px;
        height: 10px;
        top: 50%;
        right: 3px;
        margin-top: -3px;
        border-bottom: 1px solid #000;
        border-right: 1px solid #000;
        transform: rotate(45deg) translateY(-50%);
        transition: all .4s ease-in-out;
        transform-origin: 50% 0;
    }

    .custom-select.opened .custom-select-trigger:after {
        margin-top: 3px;
        transform: rotate(-135deg) translateY(-50%);
    }

    .custom-options {
        position: absolute;
        display: block;
        top: 100%;
        left: 0;
        right: 0;
        min-width: 100%;
        margin: 15px 0;
        border: 1px solid #b5b5b5;
        border-radius: 4px;
        box-sizing: border-box;
        box-shadow: 0 2px 1px rgba(0, 0, 0, .07);
        background: #fff;
        transition: all .4s ease-in-out;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateY(-15px);
        z-index: 9999;
    }

    .custom-select.opened .custom-options {
        opacity: 1;
        visibility: visible;
        pointer-events: all;
        transform: translateY(0);
    }

    .custom-options:before {
        position: absolute;
        display: block;
        content: '';
        bottom: 100%;
        right: 25px;
        width: 7px;
        height: 7px;
        margin-bottom: -4px;
        border-top: 1px solid #b5b5b5;
        border-left: 1px solid #b5b5b5;
        background: #fff;
        transform: rotate(45deg);
        transition: all .4s ease-in-out;
    }

    .option-hover:before {
        background: #f9f9f9;
    }

    .custom-option {
        position: relative;
        display: block;
        padding: 0 22px;
        border-bottom: 1px solid #b5b5b5;
        font-size: 12px;
        color: #000;
        line-height: 47px;
        cursor: pointer;
        transition: all .4s ease-in-out;
    }

    .custom-option:first-of-type {
        border-radius: 4px 4px 0 0;
    }

    .custom-option:last-of-type {
        border-bottom: 0;
        border-radius: 0 0 4px 4px;
    }

    .custom-option:hover,
    .custom-option.selection {
        background: #003399;
        color: #fff;
    }

    .btn-compare {
        background-color: #04163D;
        border: none;
        color: white;
        padding: 10px 40px;
        font-size: 17px;
        
        cursor: pointer;
        border-radius: 4px;

    }

    .text-input {
        font-family: Arial, sans-serif;
        font-size: 17px;
    }

    .select-sort {
        border: none;
        background: none;
        
        line-height: 17px;
        font-size: 17px;
    }

    .solid-button {
        padding: 8px 10px 10px 10px;
        background: none;
        
        line-height: 17px;
        font-size: 18px;
    }

    /* category List style */
    .chapternav {
        background: rgba(242, 242, 242, 0.7);
        overflow: hidden;
        padding: 0;
        padding-top: 11px;
        padding-bottom: 12px;
        position: relative;
        text-align: center;
        width: 100%;
        height: 127px;
        z-index: 100;
        margin-top: 57px;
    }

    .chapternav-icon {
        background: center bottom no-repeat;
        display: block;
        margin: 0 auto 6px;
        height: 50px;
    }



    .chapternav-wrapper {
        position: relative;
        height: 100%;
        z-index: 1;
    }

    .chapternav-items {
        list-style: none;
        margin: 0 34px;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch !important;
        padding-bottom: 50px;
        white-space: nowrap;
    }


    .chapternav-item {
        -webkit-animation: chapternav-slidein 350ms backwards;
        animation: chapternav-slidein 350ms backwards;
    }


    .chapternav-item {
        display: inline-block;
        vertical-align: top;
        margin: 0 -.11765em;
        padding: 0 20px;
        color: #000;
    }

    .chapternav-new {
        font-size: 9px;
        line-height: 1.22226;
        font-weight: 400;
        letter-spacing: .017em;
        font-family: Arial, sans-serif;
        color: #000;
        display: block;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
    }

    .chapternav-paddle {
        font-size: 20px;
        line-height: 1.5;
        font-weight: 300;
        letter-spacing: 0em;
        font-family: Arial, sans-serif;
        border: 0 solid rgba(17, 17, 17, 0.2);
        color: #A9A9A9;
        background-color: #ffff;
        opacity: 1;
        position: absolute;
        top: 0;
        bottom: 0;
        text-align: center;
        width: 33px;
        -webkit-transition: opacity 150ms ease-out;
        transition: opacity 150ms ease-out;
    }

    .chapternav-paddle-right {
        border-left-width: 1px;
        right: 0;
    }

    .chapternav-paddle:disabled {
        opacity: 0;
    }

    .chapternav-paddle-left {
        border-right-width: 1px;
        left: 0;
    }

    .chapternav-label {
        font-size: 11px;
        color: black;
        line-height: 2;
        font-weight: 400;
        letter-spacing: .005em;
        font-family: Arial, sans-serif;
        display: block;
        margin: 0;
        padding: 3px;
        overflow-wrap: break-word;
    }

    .chapternav-link {
        color: #111;
        display: block;
        margin-top: 3px;
        padding: 0;
        position: relative;
        z-index: 1;
    }

    .img-slide-banner {
        display: block;
        /* max-width: 100%; */
        width: 100%;
        height: auto;

    }

    .body-w-search {
        background-color: #000;
        color: #fff;
        position: fixed !important;
        right: 0;
        left: 0;
        z-index: 99;
        margin-top: -66px;
    }

    .text-sub-head-footer {
        
        font-size: 21px;
        line-height: 26px;
        color: #F5F5F5;
    }

    .text-detail-footer {
        font-family: Arial, sans-serif;
        font-size: 12px;
        line-height: 18px;
        color: #F5F5F5;
    }

    .footer-link {
        font-family: Arial, sans-serif;
        font-size: 12px;
        line-height: 18px;
        color: #F5F5F5;
    }


    /* Search all page  */
    .stylish-input-group .input-group-addon {
        background: white !important;
    }

    .stylish-input-group .form-control {
        border-right: 0;
        box-shadow: 0 0 0;
        border-color: #ccc;
    }

    .stylish-input-group button {
        border: 0;
        background: transparent;
    }

    .mdl-textfield {
        position: relative;
        font-size: 16px;
        display: inline-block;
        box-sizing: border-box;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0;
        padding: 20px 0;
    }

    .btn-search {
        position: absolute;
        right: 20px;
        top: 25px;
    }

    .text-search-margin {
        margin-bottom: 20px;
    }

    .text-header-search {
        color: #04163D;
        margin-bottom: 5px;
    }

    /* end search page */



    /* The Modal (background) */
    .modalDemoCar {
        display: none;
        position: fixed;
        z-index: 1;
        padding-top: 100px;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: black;
        z-index: 9999;
    }

    /* Modal Content */
    .modal-contentDemoCar {
        position: relative;
        margin: auto;
        padding: 0;
        width: 100%;
        max-width: 1000px;
    }

    .box-height-modal {
        max-height: 1200px;
    }

    /* The Close Button */
    .close {
        color: black;
        position: absolute;
        top: 10px;
        right: 25px;
        font-size: 35px;
        font-weight: bold;
    }

    .close:hover,
    .close:focus {
        color: #999;
        text-decoration: none;
        cursor: pointer;
    }

    .mySlides {
        display: none;
    }

    .cursor {
        cursor: pointer;
    }

    /* Next & previous buttons */
    .prevDemoCar,
    .nextDemoCar {
        cursor: pointer;
        position: absolute;
        top: 50%;
        width: auto;
        padding: 16px;
        margin-top: -50px;
        color: white;
        font-weight: bold;
        font-size: 20px;
        transition: 0.6s ease;
        border-radius: 0 3px 3px 0;
        user-select: none;
        -webkit-user-select: none;
        background-color: rgba(0, 0, 0, 0.8);
    }

    /* Position the "next button" to the right */
    .nextDemoCar {
        right: 0;
        border-radius: 3px 0 0 3px;
    }

    /* On hover, add a black background color with a little bit see-through */
    .prevDemoCar:hover,
    .nextDemoCar:hover {
        background-color: rgba(0, 0, 0, 0.8);
    }

    .btn-main {
        background-color: #04163D;
        color: #ffffff;
        
        font-size: 10pt;
        width: 132px;
        height: 42px;
        border-radius: 4px;
        padding: 0;
    }

    .btn-main:hover {
        background-color: #04163D;
        color: #ffffff;
    }
    .btn-main:active {
        background-color: #04163D;
        color: #ffffff;
    }

    .btn-main-back-w {
        background-color: #000;
        color: #ffffff;
        
        font-size: 10pt;
        width: 132px;
        height: 42px;
        border-radius: 4px;
        padding: 0;
        border-color: #ffffff;
    }

    .btn-main-back-w:hover {
        background-color: rgb(27, 27, 27);
        color: #ffffff;
    }

    .box-about-size {
        width: 950px;
    }

    .text-bread {
        font-family: Arial, sans-serif;
        font-size: 16px;
        color: #000;
    }

    .text-new-alstyle {
        font-family: Arial, sans-serif;
        font-size: 12px;
        margin-top: 10%;
        line-height: 1.2;
        padding-left: 15%;
        padding-right: 15%;
    }

    .text-sub-alstyle {
        font-family: Arial, sans-serif;
        font-size: 48px;
        line-height: 1.2;
        padding-left: 15%;
        padding-right: 15%;
    }

    .hieght-box-alstyle {
        height: 500px;
    }

    .text-header-alstyle {
        font-family: Arial, sans-serif;
        font-size: 78px;
    }

    .text-detail-alstyle {
        margin-top: 30px;
        margin-bottom: 30px;

    }

    .text-brand {
        color: #000;
        
        font-size: 28px;
        margin-top: 20px;
    }

    .text-model {
        
        font-size: 22px;
        line-height: 1.5;
        padding-top: 15px;
        margin-top: 5%;
        padding-left: 5px;
        padding-right: 5px;
    }

    .text-model-sub {
        color: #000;
        
        font-size: 48px;
        margin-top: 24px;
        padding: 23px;
    }

    .height-box-alstyle-top {
        height: 292px;
    }

    .height-box-alstyle {
        height: 400px;
    }

    .overlay {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
        transition: .5s ease;
        background-color: #F0F8FF;
    }

    .h-domocar {
        height: 500px;
    }

    .domoCar-box:hover .overlay {
        opacity: 0.725;
    }

    .text-domoCar {
        color: black;
        font-size: 20px;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }

    .btn-comparte-pro {
        background-color: #0066ff;
        border: none;
        color: white;
        padding: 10px 40px;
        font-size: 15px;
        cursor: pointer;
    }

    .btn-share-pro {
        background-color: #0066ff;
        border: none;
        color: white;
        padding: 10px 40px;
        font-size: 15px;
        cursor: pointer;
    }

    .domoCar-box-ht {
        height: 250px;
    }

    /* product detail page */
    .text-heder-suport {
        
        font-size: 20px;
        line-height: 18px;
        color: #004899;
    }

    .download-content-support {
        
        font-size: 16px;
        line-height: 18px;
    }

    .margin-top-content {
        margin-top: 30px;
    }

    /*  End product detail page */

    .hieght-box-size {
        height: 436px;
    }


    .vertical .carousel-inner {
        height: 100%;
    }

    .carousel.vertical .item {
        -webkit-transition: 0.6s ease-in-out top;
        -moz-transition: 0.6s ease-in-out top;
        -ms-transition: 0.6s ease-in-out top;
        -o-transition: 0.6s ease-in-out top;
        transition: 0.6s ease-in-out top;
    }

    .carousel.vertical .active {
        top: 0;
    }

    .carousel.vertical .next {
        top: 400px;
    }

    .carousel.vertical .prev {
        top: -400px;
    }

    .carousel.vertical .next.left,
    .carousel.vertical .prev.right {
        top: 0;
    }

    .carousel.vertical .active.left {
        top: -400px;
    }

    .carousel.vertical .active.right {
        top: 400px;
    }

    .carousel.vertical .item {
        left: 0;
    }

    .indicati-pro {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 1px;
        text-indent: -999px;
        border-radius: 10px;
        cursor: pointer;
        background-color: #000 \9;
        background-color: rgba(0, 0, 0, 0);
    }

    .indicati-pro li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 1px;
        text-indent: -999px;
        border: 1px solid #144B97 !important;
        border-radius: 8px;
        cursor: pointer;
        background-color: #000;
        background-color: rgba(0, 0, 0, 0);
    }

    .indicati-pro .active {
        margin: 0;
        width: 12px;
        height: 12px;
        background-color: #144B97;
    }

    .img-product_detail_slide {
        margin-top: -50px;
    }

    .nav-tabs {
        /* margin-left: 22%; */
    }

    .nav-tabs>li.active>a,
    .nav-tabs>li.active>a:focus,
    .nav-tabs>li.active>a:hover {
        border-width: 0;
    }

    .nav-tabs>li>a {
        border: none;
        color: #666;
        
        font-size: 20px;
        line-height: 26px;

    }

    .nav-tabs>li.active>a,
    .nav-tabs>li>a:hover {
        border: none;
        color: #003399 !important;
        background: transparent;
    }

    .nav-tabs>li>a::after {
        content: "";
        background: #003399;
        height: 5px;
        position: absolute;
        width: 100%;
        left: 0px;
        bottom: -1px;
        transition: all 250ms ease 0s;
        transform: scale(0);
    }

    .nav>li>a {
        position: relative;
        display: block;
        padding: 21px 53px;
    }

    .nav-tabs>li.active>a::after,
    .nav-tabs>li:hover>a::after {
        transform: scale(1);
    }

    .tab-nav>li>a::after {
        background: #003399 none repeat scroll 0% 0%;
        color: #fff;
    }

    .tab-pane {
        background-color: #fff;
    }

    .tab-content {
        padding: 0px
    }

    .card {
        background: #fafafa none repeat scroll 0% 0%;

    }

    .box {
        display: block;
        width: auto;
        height: 412px;
        background: #f6f6f6;
    }

    .box:hover {
        opacity: 0.8;
    }

    .box img {
        height: 320px;

    }

    .text-img-pro {
        color: #000;
        position: relative;
        margin-top: 0;
        margin-left: 0;
        z-index: 1;
        
        font-size: 20px;
    }

    .text-detail-pro {
        color: #000;
        position: relative;
        margin-top: 2%;
        z-index: 1;
        font-family: Arial, sans-serif;
        font-size: 14px;
        padding-left: 10px;
        padding-right: 10px;

    }

    .line-pro {
        height: 1px;
        margin-top: 1px !important;
        margin-bottom: 0px !important;
        border: 0.5px solid #003399;
        margin-left: 20px;
        margin-right: 20px;
    }

    .margin-product-name {
        margin-bottom: 15px;
    }

    .text-caption-pro {
        font-family: Arial, sans-serif;
        font-size: 18px;
        line-height: 1;
        margin-bottom: 20px;
    }

    .margin-bottom-detail {
        margin-bottom: 30px;
    }

    .img-logo {
        width: 100%;
        height: 200px;
    }

    .image-border {
        position: relative;
        border: 1px solid;
        border-color: black;
        height: 290px;
        width: 100%;
        margin-bottom: 20px;
    }


    .image-border-slideup {
        border: 1px solid;
        border-color: black;
        height: 290px;
        width: 100%;
        margin-bottom: 20px;
        -webkit-transition: height 2s;
        /* For Safari 3.1 to 6.0 */
        transition: height 2s;
    }

    .image-border-slideup :hover {
        height: 300px;
    }

    .demo-show {
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        margin-bottom: 10px;
        object-fit: cover;
    }

    .text-subheader {
        
        padding-top: 25px;
        padding-left: 30px;
        padding-right: 30px;
        font-size: 36px;
        line-height: 48px;


    }

    .text-pro-ban-header {
        
        font-size: 48px;
        line-height: 50px;
    }

    .text-pro-ban-detail {
        font-family: Arial, sans-serif;
        font-size: 14px;
    }

    .box-pro-banner {
        margin-top: 20%;
    }

    /* header tab main */
    .send-button {
        background: #54C7C3;
        width: 100%;
        font-weight: 600;
        color: #fff;
        padding: 8px 25px;
    }

    .f-button {
        color: #fff !important;
        border: 1px solid #3B5998;
        background: #3B5998 !important;
        width: 100%;
        font-weight: 600;
        color: #fff;
        padding: 8px 25px;
        font-family: Arial, sans-serif;
    }

    .my-input {
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
        cursor: text;
        padding: 8px 10px;
        transition: border .1s linear;
    }


    .login-or {
        position: relative;
        color: #aaa;
        margin-top: 10px;
        margin-bottom: 10px;
        padding-top: 10px;
        padding-bottom: 10px;

    }

    .span-or {
        display: block;
        position: absolute;
        left: 50%;
        top: -2px;
        margin-left: -25px;
        background-color: #fff;
        width: 50px;
        text-align: center;
        font-family: Arial, sans-serif;
        font-size: 16px;
    }

    .lable-text-login {
        
        padding-bottom: 10px;
        font-size: 16px;
    }

    .btn-login-head {
        background-color: #000;
        color: #ffffff;
        
        font-size: 14px;
        width: 196px;
        height: 47px;
        padding: 0;
        margin-top: 38px;

    }

    .btn-register-head {
        background-color: #ffffff;
        border: 1px solid #000;
        color: #000;
        
        font-size: 14px;
        width: 196px;
        height: 47px;
        padding: 0;


    }

    .btn-fogot-pass-head {
        color: #000;
        
        font-size: 14px;
        width: 196px;
        height: 47px;
        padding: 0;

    }

    .hr-or {
        height: 1px;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .btn-login-mobile {
        margin-top: 3px;
        margin-left: 28px;
        width: 80%;
        height: 43px;
        background-color: #ffff;
        border-radius: 70px;
        font-family: Arial, sans-serif;
        font-size: 14px;
    }

    .invisible-mobile {
        display: block !important;
    }

    .visible-mobile {
        display: none !important;
    }

    .invisible-slide-baner {
        display: block;
    }

    .visible-slide-baner {
        display: none;
    }

    .select-list-link {
        color: #ffffff;
    }

    .margin-top-nav {
        margin-top: 15px;
        padding-left: 15%;
        padding-right: 15%;
    }

    .main-icon-header {
        color: #ffffff !important;
        font-size: 18px;
        padding: 0 10px 0 17px;
        font-family: Arial, sans-serif;

    }

    /* End header main */
    /* product page */
    .row_padding {
        height: 375px;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
        margin-bottom: -2px;
    }

    .h-banner-productCata {
        height: 500px;
        padding-bottom: 15px;
    }


    .product-bottom-margin {
        margin-top: 15px;
    }

    .parent {
        width: 100%;
        height: 375px;
        overflow: hidden;
        position: relative;
        display: inline-block;
        cursor: pointer;
    }

    .img-show {
        height: 100%;
        width: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        background-position: center;
    }

    .parent:hover .img-show,
    .parent:focus .img-show {
        -ms-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }

    .parent:hover .img-show:before,
    .parent:focus .img-show:before {
        display: block;
    }



    .img-show:before {
        content: "";
        display: none;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;

    }

    .img-show-banner {
        background-size: cover;
        background-repeat: no-repeat;
        height: 100%;
    }

    .img-show-banner {
        background-size: cover;
        background-repeat: no-repeat;
        height: 100%;
    }

    .text-wrap {
        width: 110px;
    }

    .icon-product-nav {
        width: 70px;
        height: 54px;
    }

    /* End product page */




    /* homestyle page */
    .h-w-imag-ban-slide {}

    .margin-top-midle {
        margin-top: 20%;
    }

    .text-banner-slide {
        font-size: 48px;
        
        line-height: 50px;
    }


    .text-onlyheader-widgit {
        margin-top: 5%;
    }

    .btn-col-padding {
        padding-left: 15px;
    }

    .carousel-indicators li {
        border: 1px solid #003399;

    }

    .carousel-indicators .active {
        background-color: #003399;
    }

    .slide-inner-img-height {
        height: 686px !important;
    }

    .contain-box-banner {
        position: absolute !important;
        left: 27% !important;
        right: 0% !important;
        bottom: 318px !important;
        z-index: 10 !important;
        padding-top: 20px !important;
        text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    }

    .home-banner-margin {
        position: absolute !important;
        top: -479px;
    }

    .btn-h {
        margin-top: 30px;

    }

    /* End homestyle page */




    .left-mar-box {
        margin-left: 30px;
    }

    .info-bnt-pro {
        margin-left: -40px;
    }

    .invisible-tablet {
        display: none !important;
    }

    #left {
        float: left;
        width: 500px;
    }

    #right {
        float: right;
        width: 500px;
    }

    #center {
        margin: 0 auto;
        width: 950px;
    }

    .sidenav {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 1;
        top: 0;
        left: 0;
        background-color: #111;
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 60px;
    }

    .sidenav a {
        padding: 8px 8px 8px 32px;
        text-decoration: none;
        font-size: 25px;
        color: #818181;
        display: block;
        transition: 0.3s;
    }

    .sidenav a:hover {
        color: #f1f1f1;
    }

    .sidenav .closebtn {
        font-family: Arial, sans-serif;
        position: absolute;
        top: 0;
        left: -64px;
        font-size: 36px;
        margin-left: 50px;
    }

    .btn-search-nav {
        background: none;
        color: #fff;
        font-size: 15px;
        border: none;
        padding-left: 20px;
        padding-top: 8px;
    }

    .btn-search-modal {
        background: none;
        color: #000;
        font-size: 19px;
    }

    .drop-down {
        position: relative;
        display: inline-block;
        width: auto;
        margin-top: 0;
        font-family: verdana;
    }

    .drop-down select {
        display: none;
    }

    .drop-down .select-list {
        position: absolute;
        top: 0;
        left: -59px;
        z-index: 1;
        margin-top: 20px;
        padding: 0;
        background-color: #595959;
    }

    .drop-down .select-list li {
        display: none;
    }

    .drop-down .select-list li span {
        display: inline-block;
        min-height: 36px;
        min-width: 280px;
        width: 100%;
        padding: 7px 11px 2px 48px;
        background-color: #000;
        background-position: left 10px center;
        background-repeat: no-repeat;
        font-size: 16px;
        text-align: left;
        color: #fff;
        opacity: 1;
        box-sizing: border-box;
        background-size: contain;
        
    }

    .drop-down .select-list li span:hover,
    .drop-down .select-list li span:focus {
        opacity: 1;
        background-color: #00106A;
        color: #ffff;
    }

    .icon-lang {
        color: #fff;
        
        font-size: 16px;
        cursor: pointer;

    }

    .select-box {}

    .navbar-center {
        position: absolute;
        left: 30%;
        right: 20%;
    }

    .main-menu-header {
        color: #ffffff !important;
        font-size: 18px;
        padding: 0 20px 0 20px;
        
    }

    .h-box {
        margin-top: 20px;
    }

    .link-learn-more {
        color: black;
        font-family: Arial, sans-serif;
        font-size: 18px;
        padding-left: 15%;
        padding-right: 15%;
    }

    /* About Us page Style */
    .container-abt-two {
        padding-left: 7%;
        padding-right: 7%;
    }

    .text-abt-al {
        margin-top: 90px;
    }

    .text-abtp-detail {
        margin-top: 30px;
        padding-left: 7%;
        padding-right: 7%;
    }

    .img-abtp {
        margin-top: 30px;
    }

    .img-about-box {
        width: 70%;
        height: 70%;
    }

    .text-abtp-subglobal-net {
        color: #000;
        
        font-size: 24px;
    }

    .bg-history {
        height: 620px;
        width: 100%;
        background-color: #3333ff;
    }

    /* End About Us page Style */

    /* footerPage */
    .text-header-widgit {
        font-family: Arial, sans-serif;
        font-size: 36px;
        margin-top: 40%;
    }

    .text-detail-white {
        font-family: Arial, sans-serif;
        font-size: 14px;
        line-height: 1.5;
    }

    /* End footerPage style */
    .img-compare-pro-box {
        margin-top: 20px;

    }

    .box-demo {
        height: 300px;
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .modal-search {
        margin-right: -450px;
    }

    .nav-desk-top .main-menu-header {
        position: relative;
        padding: 8px 15px;
        margin: 0 0px;
        font-size: 18px;
        transition: color 0.1s, background-color 0.1s, padding 0.2s ease-in;
        color: #fff;
    }

    .nav-desk-top .main-menu-header::before {
        content: '';
        position: absolute;
        bottom: 3px;
        left: 0;
        height: 3px;
        width: 100%;
        background-color: #fff;
        transform-origin: right top;
        transform: scale(0, 1);
        transition: color 0.1s, transform 0.2s ease-out;

    }

    .nav-desk-top .main-menu-header:active::before {
        background-color: #fff;
        border-radius: 4px;
    }

    .nav-desk-top .main-menu-header:hover::before,
    .main-menu-header:focus::before {
        transform-origin: left top;
        transform: scale(1, 1);
    }

}

/* notebook */
@media (max-width:1280px) and (min-width:1141px) {

    h1 {
        font-size: 35px;
        
        line-height: 43px;
    }

    h2 {
        
        font-size: 30px;
        line-height: 46px;
    }

    h3 {
        
        font-size: 60px;
        line-height: 62px;
    }

    h4 {
        
        font-size: 24pt;
        line-height: 26pt;
    }

    h5 {
        
        font-size: 18pt;
        line-height: 19pt;
    }

    h6 {
        
        font-size: 12pt;
        line-height: 16pt;

    }

    p {
        font-family: Arial, sans-serif;
        font-size: 14px;
        line-height: 1.5;
    }
    .map-height{
        width: 100%; 
        height:800px;
    }
    .text-cate-compare{
        
        font-size: 22px;
        line-height: 30px;
        color: #003399;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 10px;
       }

    .img-widget {
        width: 50%;
        display: block;
    }

    .box-scoll {

        height: 500px;
        overflow-y: scroll;
        overflow-x: hidden;
    }

    .img-size-alpine {
        height: 42px;

    }

    .box-mobile-suport {
        height: 500px;
    }

    .padding-top-mobile {
        padding-top: 10%;
    }

    .padding-text {
        padding-left: 15px;
        padding-right: 15px;
    }

    .padding-row-footer {
        padding-left: 6%;
        padding-right: 6%
    }

    .padding-logo {
        padding-top: 10px;
        padding-right: 10px;
    }

    .inline-logo {
        display: inline;

    }

    .img-list-icon {
        height: 40px;
    }

    .padding-small-note {
        padding-left: 10px;
    }

    .nav-desk-top .main-menu-header {
        position: relative;
        padding: 8px 0;
        margin: 0 14px;
        font-size: 15px;
        transition: color 0.1s, background-color 0.1s, padding 0.2s ease-in;
        color: #fff;
    }

    .nav-desk-top .main-menu-header::before {
        content: '';
        position: absolute;
        bottom: 3px;
        left: 0;
        height: 3px;
        width: 100%;
        background-color: #fff;
        transform-origin: right top;
        transform: scale(0, 1);
        transition: color 0.1s, transform 0.2s ease-out;

    }

    .nav-desk-top .main-menu-header:active::before {
        background-color: #fff;
        border-radius: 4px;
    }

    .nav-desk-top .main-menu-header:hover::before,
    .main-menu-header:focus::before {
        transform-origin: left top;
        transform: scale(1, 1);
    }

    .padding-capcha {
        padding-left: 40%;
        padding-right: 40%;
    }

    .video-widget {
        width: 100%;
        height: 361px;
    }

    .breadcrumb .active {
        color: #003399;
    }

    .text-border-policy {
        margin-top: 30px;
        margin-bottom: 30px;
        font-weight: 500;
        border-bottom: 1px solid #000;
        border-top: 1px solid #000;
    }

    .hr-boder-line-policy {
        border-bottom: 1px solid #003399;
    }

    /* The sticky class is added to the header with JS when it reaches its scroll position */
    .sticky {
        position: fixed !important;
        right: 0;
        left: 0;
        z-index: 1000;
        top: 20px;
        background-color: #fff;
        padding-left: 13%;
        padding-right: 13%;
    }

    /* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
    .sticky+.content {
        padding-top: 102px;
    }

    .img-compare {
        height: auto;
        width: 65%;
    }

    .bg-header-compare {
        background-color: #F6F6F6;
    }

    .bg-header-compare-mobile {
        background-color: #F6F6F6;
        margin-top: 30px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .product_name-mobile {
        position: relative;
        /* margin-top: -40px !important; */
        margin-bottom: 20px;
        text-align: center;
    }

    .product_name-desktop {
        position: relative;
        margin-bottom: 20px;
        text-align: center;
    }

    .select-product-desktop-padding {
        margin-top: 15px;
    }

    .select-product-mobile-padding {
        position: relative;
        /* margin-bottom: -30px !important; */
        /* margin-top: 30px; */
    }

    .box-compare-desktop {
        height: 219px;
    }

    .box-compare-moblie {
        height: 370px;
    }

    .compare-fisrt-row {
        background-color: #F6F6F6;
        padding-top: 20px;
        padding-bottom: 30px;
        margin-top: 30px;
    }

    .bg_compare-text {
        background-color: #FFFFFF;
        padding-top: 15px;
        padding-bottom: 15px;
        height: 113px;
    }

    .bg_compare-text:nth-child(odd) {
        height: 50px;
        background-color: #F6F6F6;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .padding-col-campare {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .text-compare {
        position: relative;
        float: left;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding-left: 20px;
        padding-right: 20px;
    }

    .text-compare-left {
        /* position: relative;
        float: left;
        top: 50%;
        left: 13%;
        transform: translate(-50%, -50%); */
        position: relative;
        float: left;
        top: 34%;
        padding-left: 15px;
    }

    .position-fixd1 {
        position: fixed !important;
        right: 0;
        left: 0;
        z-index: 1000;
        top: -7px;
        background-color: #fff;
    }

    .hr-software {
        padding: 8px;
        line-height: 1.42857143;
        vertical-align: top;
        border-top: 1px solid #ddd;
    }

    .text-product-software {
        padding-left: 50px;
    }

    .text-product-software-left {
        padding-left: 50px;
    }

    .text-product-software-right {
        padding-right: 100px;
    }

    .product-header {
        font-size: 14px;
        cursor: pointer;
    }

    .icon-product-nav {
        width: 70px;
        height: 54px;
    }

    .collapseSub {
        display: none;
    }

    .more-less {
        float: right;
        color: #212121;
    }



    .link-color-policy {
        color: #fff;
    }

    .padding-left {
        padding-left: 18%;
    }

    .h-img-logo {
        height: 24px;
        margin-top: -6px;
    }

    .info_content {
        width: 300px;
    }

    .text-checkbox {
        font-family: Arial, sans-serif;
        font-size: 14px;
        line-height: 1.5;
    }

    .my-input {
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
        cursor: text;
        padding: 8px 10px;
        transition: border .1s linear;
    }


    .login-or {
        position: relative;
        color: #aaa;
        margin-top: 10px;
        margin-bottom: 10px;
        padding-top: 10px;
        padding-bottom: 10px;

    }

    .span-or {
        display: block;
        position: absolute;
        left: 50%;
        top: -2px;
        margin-left: -25px;
        background-color: #fff;
        width: 50px;
        text-align: center;
        font-family: Arial, sans-serif;
        font-size: 16px;
    }

    .lable-text-login {
        
        padding-bottom: 10px;
        font-size: 16px;
    }

    .btn-login-head {
        background-color: #000;
        color: #ffffff;
        
        font-size: 14px;
        width: 196px;
        height: 47px;
        padding: 0;
        margin-top: 38px;

    }

    .btn-register-head {
        background-color: #ffffff;
        border: 1px solid #000;
        color: #000;
        
        font-size: 14px;
        width: 196px;
        height: 47px;
        padding: 0;


    }

    .btn-fogot-pass-head {
        color: #000;
        
        font-size: 14px;
        width: 196px;
        height: 47px;
        padding: 0;
        margin-bottom: 0px;

    }

    .hr-or {
        height: 1px;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .btn-login-mobile {
        margin-top: 3px;
        margin-left: 28px;
        width: 80%;
        height: 43px;
        background-color: #ffff;
        border-radius: 70px;
        font-family: Arial, sans-serif;
        font-size: 14px;
    }

    .image-event-relate {
        height: auto;
        width: 100%;
        min-height: 200px;
        object-fit: contain;
        margin-bottom: 10px;
    }

    .text-readmore {
        font-family: Arial, sans-serif;
        font-size: 14px;
        line-height: 1.5;
    }

    .news-content {
        font-family: Arial, sans-serif;
        font-size: 14px;
        line-height: 1.5;
    }

    .hr-software {
        padding: 8px;
        line-height: 1.42857143;
        vertical-align: top;
        border-top: 1px solid #ddd;
    }

    .text-product-software {
        padding-left: 50px;
    }

    .text-product-software-left {
        padding-left: 50px;
    }

    .text-product-software-right {
        padding-right: 100px;
    }

    .product-header {
        font-size: 14px;
        cursor: pointer;
    }

    .icon-product-nav {
        width: 70px;
        height: 54px;
    }

    .event-test {
        height: 500px;
        background-color: #BEBEBE;
    }

    .event-m {
        height: 350px;
        margin: 15px 0 15px 0;
    }

    .bottom-event {
        margin-top: 15px;
    }

    .event-show {
        background-size: cover;
        background-repeat: no-repeat;
        height: 350px;
        width: 100%;
    }

    .padding-news-header {
        padding: 30px;
    }

    .padding-top-date {
        padding-top: 20px;
    }

    .margin-lang {
        position: absolute;
        right: 15px;
        top: 15px;
    }

    .margin-search-profile-icon {
        margin-right: 75px;
    }

    .text-location {
        font-family: Arial, sans-serif;
        font-size: 14px
    }

    .margin-lang-header {
        float: right !important;
        margin-top: -13px;
    }

    .mdl-textfield__label {
        
    }

    .img-domo-modal {
        display: block;
        position: absolute;
        float: left;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        max-width: 89%;
        height: auto;
    }

    .mySlidesdomocar {
        width: 1000px;
        height: 800px;
    }

    .img-wid-h-w {
        width: 100%;
        height: 450px;
    }

    .h-text-widget {
        height: 350px;
    }

    .mdl-textfield--floating-label {
        font-family: Arial, sans-serif;
        font-size: 14px;
    }

    .text-link-suport {
        font-family: Arial, sans-serif;
        font-size: 16px;
        line-height: 18px;
    }

    #search input[type="text"]:focus {
        width: 250px;
    }

    .text-cancel-bar {
        position: absolute;
        margin-top: -33px;
        right: 9%;
        z-index: -999;
        font-size: 12px !important;
        
    }

    .log-mobile-nav {
        position: relative;
        margin-top: -54px;
    }

    .box-hight-eventdetail {
        height: 400px;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .event-content {
        height: 350px;
    }

    .text-color-b-support {
        color: #000;
    }

    .text-color-w-support {
        color: #fff;
    }

    .img-Category-banner {
        background-size: cover;
        background-repeat: no-repeat;
        height: 100%;
        background-position: center;
    }

    /* 
* 	Core Owl Carousel CSS File
*	v1.3.3
*/

    /* clearfix */
    .owl-carousel .owl-wrapper:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }

    /* display none until init */
    .owl-carousel {
        display: none;
        position: relative;
        width: 100%;
        -ms-touch-action: pan-y;
    }

    .owl-carousel .owl-wrapper {
        display: none;
        position: relative;
        -webkit-transform: translate3d(0px, 0px, 0px);
    }

    .owl-carousel .owl-wrapper-outer {
        overflow: hidden;
        position: relative;
        width: 100%;
    }

    .owl-carousel .owl-wrapper-outer.autoHeight {
        -webkit-transition: height 500ms ease-in-out;
        -moz-transition: height 500ms ease-in-out;
        -ms-transition: height 500ms ease-in-out;
        -o-transition: height 500ms ease-in-out;
        transition: height 500ms ease-in-out;
    }

    .owl-carousel .owl-item {
        float: left;
    }

    .owl-controls .owl-page,
    .owl-controls .owl-buttons div {
        cursor: pointer;
    }

    .owl-controls {
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

    /* mouse grab icon */
    .grabbing {
        cursor: url(grabbing.png) 8 8, move;
    }

    /* fix */
    .owl-carousel .owl-wrapper,
    .owl-carousel .owl-item {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
    }

    /*
    * 	Owl Carousel Owl Demo Theme 
    *	v1.3.3
    */

    .owl-theme .owl-controls {
        margin-top: 10px;
        text-align: center;
    }

    /* Styling Next and Prev buttons */

    .owl-theme .owl-controls .owl-buttons div {
        color: #FFF;
        display: inline-block;
        zoom: 1;
        *display: inline;
        /*IE7 life-saver */
        margin: 5px;
        padding: 3px 10px;
        font-size: 12px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
        background: #869791;
        filter: Alpha(Opacity=50);
        /*IE7 fix*/
        opacity: 0.5;
    }

    /* Clickable class fix problem with hover on touch devices */
    /* Use it for non-touch hover action */
    .owl-theme .owl-controls.clickable .owl-buttons div:hover {
        filter: Alpha(Opacity=100);
        /*IE7 fix*/
        opacity: 1;
        text-decoration: none;
    }

    /* Styling Pagination*/

    .owl-theme .owl-controls .owl-page {
        display: inline-block;
        zoom: 1;
        *display: inline;
        /*IE7 life-saver */
    }

    .owl-theme .owl-controls .owl-page span {
        display: block;
        width: 12px;
        height: 12px;
        margin: 5px 7px;
        filter: Alpha(Opacity=50);
        /*IE7 fix*/
        opacity: 0.5;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        background: #869791;
    }

    .owl-theme .owl-controls .owl-page.active span,
    .owl-theme .owl-controls.clickable .owl-page:hover span {
        filter: Alpha(Opacity=100);
        /*IE7 fix*/
        opacity: 1;
    }

    /* If PaginationNumbers is true */

    .owl-theme .owl-controls .owl-page span.owl-numbers {
        height: auto;
        width: auto;
        color: #FFF;
        padding: 2px 10px;
        font-size: 12px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
    }

    /* preloading images */
    .owl-item.loading {
        min-height: 150px;
        background: url(AjaxLoader.gif) no-repeat center center
    }



    #owl-demo .item {
        margin: 3px;
    }

    #owl-demo .item img {
        display: block;
        width: 100%;
        height: auto;
    }

    .bg-item-gray {
        background-color: #003399;
        width: 200px !important;
        height: 348px;
        cursor: pointer;
        color: #fff;
    }

    .bg-item-graylight {
        background-color: #fff;
        width: 200px !important;
        height: 348px;
        cursor: pointer;
    }

    .boxhistory {
        /*         display:none; */
        position: absolute;
        top: 1px;
        width: 100%;
        z-index: 999;
        float: left;
        overflow: hidden;
        background: #BCBDBF;
        cursor: pointer;
    }

    /* Add padding and border to inner content
    for better animation effect */
    .box-inner {
        width: 1140px;
        height: 351px;
        padding: 132px;

    }

    .text-his {
        padding: 79% 43% 0 7%;
        
        font-size: 21pt;
    }

    .hr-abt {
        padding: 8px;
        vertical-align: top;
        border-top: 1px solid #fff;

    }

    .margin-btn {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .text-input {
        font-family: Arial, sans-serif;
        font-size: 14px;
        line-height: 1.5;
    }

    .btn-margin-bottom {
        margin-top: 60px;
        margin-bottom: 10px;
    }

    .color-text {
        background-color: #F6F6F6 !important;
    }

    .row-padding-support {
        padding-left: 25%;
        padding-right: 25%;
    }

    .hieght-box-size-support {
        height: 300px;
    }

    .row-padding-left-rignt {
        padding-left: 30%;
        padding-right: 30%;
    }

    .padding-top {
        padding-top: 20%;
    }

    .row_padding {
        height: 375px;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
        margin-bottom: -2px;
    }

    .padding-text-al-detail {
        padding-top: 10%;
    }

    .bg-main {
        background-size: cover;
        background-repeat: no-repeat;
    }

    .btn-margin-alpine {
        margin-top: 1px;
    }

    .margin-alpine-search-tap {
        margin-top: 118px;
    }

    #content {
        /* background: #06c; */
        position: relative;
        float: left;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .content-ch {
        margin-top: 200px;

    }

    .hieght-box-size-mobile {
        height: 300px;
    }

    .unstyled-button {
        border: none;
        padding: 0;
        background: none;
        
        line-height: 16px;
        font-size: 18px;
    }

    #content {
        /* background: #06c; */
        position: relative;
        float: left;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .imagCat {
        width: 70px;
        height: 54px;
    }

    .text-cat {
        font-family: Arial, sans-serif;
        font-size: 14px;
        line-height: 1.5;
    }

    .MultiCarousel {
        float: left;
        overflow: hidden;
        padding: 15px;
        width: 100%;
        position: relative;
    }

    .MultiCarousel .MultiCarousel-inner {
        transition: 1s ease all;
        float: left;
    }

    .MultiCarousel .MultiCarousel-inner .item {
        float: left;
    }

    .MultiCarousel .MultiCarousel-inner .item>div {
        text-align: center;
    }

    .MultiCarousel .leftLst,
    .MultiCarousel .rightLst {
        position: absolute;
        top: calc(50% - 20px);
    }

    .MultiCarousel .leftLst {
        left: 0;
    }

    .MultiCarousel .rightLst {
        right: 0;
    }

    .MultiCarousel .leftLst.over,
    .MultiCarousel .rightLst.over {
        pointer-events: none;
        background: #ccc;
    }





    .navbar {
        position: relative;
        min-height: 50px;
        margin-bottom: 0px;
        border: 1px solid transparent;
    }

    .navbar-fixed-top,
    .navbar-fixed-bottom {
        position: fixed !important;
        right: 0;
        left: 0;
        z-index: 1000;
    }




    .sidenav {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 9999;
        top: 0;
        left: 0;
        background-color: #ffffff;
        color: #000000;
        overflow-x: hidden;
        transition: 0.5s;

    }

    .sidenav2 {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 9999;
        top: 0;
        right: 0;
        background-color: #ffffff;
        color: #000;
        overflow-x: hidden;
        transition: 0.5s;

    }

    .sidenav2 span {
        position: relative;
        top: 1px;
        display: inline-block;
        font-family: 'Glyphicons Halflings';
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 18px;
        color: #000 !important;
    }

    .sidenav span {
        position: relative;
        top: 1px;
        display: inline-block;
        font-family: 'Glyphicons Halflings';
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 18px;

    }

    .footer {
        position: relative;
        left: 0;
        bottom: 0;
        width: 100%;
    }

    .text-a {
        font-family: Arial, sans-serif;
        padding: 8px 8px 8px 32px;
        text-decoration: none;
        font-size: 24px;
        color: #000 !important;
        display: block;
        transition: 0.3s;
    }

    .text-a:hover {
        color: #000 !important;
    }

    .text-li {
        font-family: Arial, sans-serif;
        padding: 8px 8px 8px 32px;
        text-decoration: none;
        font-size: 24px;
        color: #000 !important;
        transition: 0.3s;
    }

    .text-li:hover {
        color: #000 !important;
    }

    .sidenav .closebtn {
        font-family: Arial, sans-serif;
        position: absolute;
        top: 0;
        left: -64px;
        font-size: 36px;
        margin-left: 50px;
    }


    .group-btn {
        margin-top: 20px;
        margin-bottom: 50px;
    }

    .group-btn-info {
        position: absolute;
        bottom: 0;
        left: 73px;
        margin-bottom: 20px;
    }

    .group-btn-info-offset {
        position: absolute;
        bottom: 0;
        left: 47px;
        margin-bottom: 20px;
    }


    .feature-product-ul {
        margin-bottom: 30px;
    }

    .nav-desk-top {
        list-style-type: none;
        margin: 0px;
        padding: 0;
    }

    .nav-list-icon {
        list-style-type: none;
        margin-left: -40px;
    }


    .lnline-list {
        display: inline;
    }

    .category-text {
        color: #000 !important;
        font-size: 32px;
        padding: 0 20px 0 20px;
        font-family: Arial, sans-serif;
        font-weight: bold;
    }

    .category-text-find-product {
        color: #000 !important;
        font-size: 14px;
        padding: 0 20px 0 20px;
        font-family: Arial, sans-serif;
        font-weight: 10;
    }

    .menu-type-product {
        margin-top: 9px;
    }

    .text-header-prod {
        font-family: Arial, sans-serif;
        font-size: 26px;
        text-transform: uppercase;

    }

    .text-features {
        font-family: Arial, sans-serif;
        cursor: pointer;
        padding: 0px 0px 0px 15px;
        text-decoration: none;
        font-size: 32px;
        color: #000 !important;
        display: block;
        transition: 0.3s;
        font-weight: 600;
    }

    .text-features:hover {
        color: #000 !important;
    }

    .text-alpine {
        font-family: Arial, sans-serif;
        cursor: pointer;
        padding: 0;
        text-decoration: none;
        font-size: 32px;
        color: #000 !important;
        display: block;
        transition: 0.3s;
        font-weight: 600;
    }


    .text-features:hover {
        color: #000 !important;
    }

    .text-detail-product {
        font-family: Arial, sans-serif;
        color: #000;
        font-size: 24px;
        padding: 30px;
        margin-bottom: 0;
        color: inherit;
        background-color: #eee;
    }



    .button-right {
        position: absolute;
        right: 20px;
    }

    .text-show {
        font-family: Arial, sans-serif;
        cursor: pointer;
        padding: 0px 0px 0px 0px;
        text-decoration: none;
        font-size: 32px;
        color: #000 !important;
        display: block;
        transition: 0.3s;
        font-weight: 600;
    }

    .text-show:hover {
        color: #000 !important;
    }


    .cat_product {
        background-color: #eee;
        height: 330px;
        width: 100%;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .box-media {
        background-color: #eee;
        height: 302px;
        width: 100%;
        margin-top: 1px;
        margin-bottom: 0px;
    }

    .text-box-media {
        font-family: Arial, sans-serif;
        padding-top: 130px;
        padding-bottom: 110px;
        font-size: 24px;
        text-align: center;
    }

    .menu-product-support {
        background-color: #eee;
        height: 230px;
        width: 100%;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .text-menu-product-support {
        font-family: Arial, sans-serif;
        padding-top: 100px;
        padding-bottom: 110px;
        font-size: 24px;
        text-align: center;
    }

    .alpine-style {
        background-color: #eee;
        height: 302px;
        width: 100%;
        margin-top: 1px;
        margin-bottom: 0px;
    }

    .alpine-style-sub {
        background-color: #eee;
        height: 100px;
        width: 100%;
        margin-top: 1px;
        margin-bottom: 0px;
    }

    .text-alpine-style {
        font-family: Arial, sans-serif;
        padding-top: 130px;
        padding-bottom: 110px;
        font-size: 24px;
        text-align: center;
    }

    .text-alpine-style-sub {
        font-family: Arial, sans-serif;
        padding-top: 30px;
        padding-bottom: 110px;
        font-size: 24px;
        text-align: center;
    }

    .text-head-product {
        font-family: Arial, sans-serif;
        font-size: 36px;
        font-weight: bold;
        margin-bottom: -14px;
        color: #000 !important;
    }

    .icon-link-right {
        background-color: #000;

    }

    .icon-link-right:hover {
        background-color: #000;

    }

    .header-margin {
        margin-top: 60px;
    }

    .bottom-margin {
        margin-top: 20px;
    }

    .text-productName {
        font-family: Arial, sans-serif;
        font-size: 23px;
        margin-top: -20px;
        font-weight: bold;
        line-height: 1.5;
    }

    .text-productdetail {
        font-family: Arial, sans-serif;
        font-size: 20px;
        line-height: 1;

    }

    .footer-box {
        height: 354px;
    }

    .margin-t-footer {
        margin-top: 50px;
    }

    .box-product {
        height: 300px;
    }

    .row_product_padding {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }

    .no-product {
        padding-top: 100px;
        padding-bottom: 100px;
        text-align: center;
    }

    .text-head-filter {
        
        line-height: 20px;
        font-size: 18px;
        padding-bottom: 10px;
        color: #003399;
    }

    .text-form-filter {
        
        line-height: 18px;
        font-size: 15px;
    }

    .margin-filter-close {
        margin-top: -10px;
    }

    .margin-top-btn {
        padding-top: 10px;
    }

    /* The customcheck */
    .customcheck {
        display: block;
        position: relative;
        padding-left: 35px;
        margin-bottom: 12px;
        cursor: pointer;
        font-size: 14px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        font-weight: 100;
        
    }

    /* Hide the browser's default checkbox */
    .customcheck input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

    /* Create a custom checkbox */
    .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 22px;
        width: 25px;
        background-color: #fff;
        border-radius: 4px;
        border: 2px solid #003399;
    }

    /* On mouse-over, add a grey background color */
    .customcheck:hover input~.checkmark {
        background-color: #ccc;
    }

    /* When the checkbox is checked, add a blue background */
    .customcheck input:checked~.checkmark {
        background-color: #003399;
        border-radius: 4px;
    }

    /* Create the checkmark/indicator (hidden when not checked) */
    .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    /* Show the checkmark when checked */
    .customcheck input:checked~.checkmark:after {
        display: block;
    }

    /* Style the checkmark/indicator */
    .customcheck .checkmark:after {
        left: 6px;
        top: 3px;
        width: 5px;
        height: 10px;
        border: solid white;
        border-width: 0px 2px 2px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    /** Custom Select **/
    .custom-select-wrapper {
        position: relative;
        display: inline-block;
        user-select: none;
    }

    .custom-select-wrapper select {
        display: none;
    }

    .custom-select {
        position: relative;
        display: inline-block;
    }

    .custom-select-trigger {
        position: relative;
        display: block;
        width: 253px;
        padding: 4px 21px 7px 2px;
        font-size: 17px;
        
        font-weight: 300;
        color: #000;
        line-height: 29px;
        background: #fff;
        border-radius: 4px;
        cursor: pointer;

    }

    .custom-select-trigger:after {
        position: absolute;
        display: block;
        content: '';
        width: 10px;
        height: 10px;
        top: 50%;
        right: 3px;
        margin-top: -3px;
        border-bottom: 1px solid #000;
        border-right: 1px solid #000;
        transform: rotate(45deg) translateY(-50%);
        transition: all .4s ease-in-out;
        transform-origin: 50% 0;
    }

    .custom-select.opened .custom-select-trigger:after {
        margin-top: 3px;
        transform: rotate(-135deg) translateY(-50%);
    }

    .custom-options {
        position: absolute;
        display: block;
        top: 100%;
        left: 0;
        right: 0;
        min-width: 100%;
        margin: 15px 0;
        border: 1px solid #b5b5b5;
        border-radius: 4px;
        box-sizing: border-box;
        box-shadow: 0 2px 1px rgba(0, 0, 0, .07);
        background: #fff;
        transition: all .4s ease-in-out;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateY(-15px);
        z-index: 9999;
    }

    .custom-select.opened .custom-options {
        opacity: 1;
        visibility: visible;
        pointer-events: all;
        transform: translateY(0);
    }

    .custom-options:before {
        position: absolute;
        display: block;
        content: '';
        bottom: 100%;
        right: 25px;
        width: 7px;
        height: 7px;
        margin-bottom: -4px;
        border-top: 1px solid #b5b5b5;
        border-left: 1px solid #b5b5b5;
        background: #fff;
        transform: rotate(45deg);
        transition: all .4s ease-in-out;
    }

    .option-hover:before {
        background: #f9f9f9;
    }

    .custom-option {
        position: relative;
        display: block;
        padding: 0 22px;
        border-bottom: 1px solid #b5b5b5;
        font-size: 12px;
        color: #000;
        line-height: 47px;
        cursor: pointer;
        transition: all .4s ease-in-out;
    }

    .custom-option:first-of-type {
        border-radius: 4px 4px 0 0;
    }

    .custom-option:last-of-type {
        border-bottom: 0;
        border-radius: 0 0 4px 4px;
    }

    .custom-option:hover,
    .custom-option.selection {
        background: #003399;
        color: #fff;
    }

    .btn-compare {
        background-color: #04163D;
        border: none;
        color: white;
        padding: 10px 40px;
        font-size: 16px;
        
        cursor: pointer;
        border-radius: 4px;
    }

    .text-input {
        font-family: Arial, sans-serif;
        font-size: 17px;
    }

    .select-sort {
        border: none;
        background: none;
        
        line-height: 17px;
        font-size: 16px;
    }

    .solid-button {
        padding: 8px 10px 10px 10px;
        background: none;
        
        line-height: 17px;
        font-size: 16px;
    }

    /* category List style */
    .chapternav {
        background: rgba(242, 242, 242, 0.7);
        overflow: hidden;
        padding: 0;
        padding-top: 11px;
        padding-bottom: 12px;
        position: relative;
        text-align: center;
        width: 100%;
        height: 127px;
        z-index: 100;
        margin-top: 57px;
    }

    .chapternav-icon {
        background: center bottom no-repeat;
        display: block;
        margin: 0 auto 6px;
        height: 50px;
    }



    .chapternav-wrapper {
        position: relative;
        height: 100%;
        z-index: 1;
    }

    .chapternav-items {
        list-style: none;
        margin: 0 34px;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch !important;
        padding-bottom: 50px;
        white-space: nowrap;
    }


    .chapternav-item {
        -webkit-animation: chapternav-slidein 350ms backwards;
        animation: chapternav-slidein 350ms backwards;
    }


    .chapternav-item {
        display: inline-block;
        vertical-align: top;
        margin: 0 -.11765em;
        padding: 0 20px;
        color: #000;
    }

    .chapternav-new {
        font-size: 9px;
        line-height: 1.22226;
        font-weight: 400;
        letter-spacing: .017em;
        font-family: Arial, sans-serif;
        color: #000;
        display: block;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
    }

    .chapternav-paddle {
        font-size: 20px;
        line-height: 1.5;
        font-weight: 300;
        letter-spacing: 0em;
        font-family: Arial, sans-serif;
        border: 0 solid rgba(17, 17, 17, 0.2);
        color: #A9A9A9;
        background-color: #ffff;
        opacity: 1;
        position: absolute;
        top: 0;
        bottom: 0;
        text-align: center;
        width: 33px;
        -webkit-transition: opacity 150ms ease-out;
        transition: opacity 150ms ease-out;
    }

    .chapternav-paddle-right {
        border-left-width: 1px;
        right: 0;
    }

    .chapternav-paddle:disabled {
        opacity: 0;
    }

    .chapternav-paddle-left {
        border-right-width: 1px;
        left: 0;
    }

    .chapternav-label {
        font-size: 11px;
        color: black;
        line-height: 2;
        font-weight: 400;
        letter-spacing: .005em;
        font-family: Arial, sans-serif;
        display: block;
        margin: 0;
        padding: 3px;
        overflow-wrap: break-word;
    }

    .chapternav-link {
        color: #111;
        display: block;
        margin-top: 3px;
        padding: 0;
        position: relative;
        z-index: 1;
    }

    .img-slide-banner {
        display: block;
        /* max-width: 100%; */
        width: 100%;
        height: auto;

    }

    .body-w-search {
        background-color: #000;
        color: #fff;
        position: fixed !important;
        right: 0;
        left: 0;
        z-index: 99;
        margin-top: -66px;
    }

    .text-sub-head-footer {
        
        font-size: 21px;
        line-height: 26px;
        color: #F5F5F5;
    }

    .text-detail-footer {
        font-family: Arial, sans-serif;
        font-size: 12px;
        line-height: 18px;
        color: #F5F5F5;
    }

    .footer-link {
        font-family: Arial, sans-serif;
        font-size: 12px;
        line-height: 18px;
        color: #F5F5F5;
    }


    /* Search all page  */
    .stylish-input-group .input-group-addon {
        background: white !important;
    }

    .stylish-input-group .form-control {
        border-right: 0;
        box-shadow: 0 0 0;
        border-color: #ccc;
    }

    .stylish-input-group button {
        border: 0;
        background: transparent;
    }

    .mdl-textfield {
        position: relative;
        font-size: 16px;
        display: inline-block;
        box-sizing: border-box;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0;
        padding: 20px 0;
    }

    .btn-search {
        position: absolute;
        right: 20px;
        top: 25px;
    }

    .text-search-margin {
        margin-bottom: 20px;
    }

    .text-header-search {
        color: #04163D;
        margin-bottom: 5px;
    }

    /* end search page */



    /* The Modal (background) */
    .modalDemoCar {
        display: none;
        position: fixed;
        z-index: 1;
        padding-top: 100px;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: black;
        z-index: 9999;
    }

    /* Modal Content */
    .modal-contentDemoCar {
        position: relative;
        margin: auto;
        padding: 0;
        width: 100%;
        max-width: 1000px;
    }

    .box-height-modal {
        max-height: 1200px;
    }

    /* The Close Button */
    .close {
        color: black;
        position: absolute;
        top: 10px;
        right: 25px;
        font-size: 35px;
        font-weight: bold;
    }

    .close:hover,
    .close:focus {
        color: #999;
        text-decoration: none;
        cursor: pointer;
    }

    .mySlides {
        display: none;
    }

    .cursor {
        cursor: pointer;
    }

    /* Next & previous buttons */
    .prevDemoCar,
    .nextDemoCar {
        cursor: pointer;
        position: absolute;
        top: 50%;
        width: auto;
        padding: 16px;
        margin-top: -50px;
        color: white;
        font-weight: bold;
        font-size: 20px;
        transition: 0.6s ease;
        border-radius: 0 3px 3px 0;
        user-select: none;
        -webkit-user-select: none;
        background-color: rgba(0, 0, 0, 0.8);
    }

    /* Position the "next button" to the right */
    .nextDemoCar {
        right: 0;
        border-radius: 3px 0 0 3px;
    }

    /* On hover, add a black background color with a little bit see-through */
    .prevDemoCar:hover,
    .nextDemoCar:hover {
        background-color: rgba(0, 0, 0, 0.8);
    }

    .btn-main {
        background-color: #04163D;
        color: #ffffff;
        
        font-size: 10pt;
        width: 132px;
        height: 42px;
        border-radius: 4px;
        padding: 0;
    }

    .btn-main:hover {
        background-color: #04163D;
        color: #ffffff;
    }
    .btn-main:active {
        background-color: #04163D;
        color: #ffffff;
    }

    .btn-main-back-w {
        background-color: #000;
        color: #ffffff;
        
        font-size: 10pt;
        width: 132px;
        height: 42px;
        border-radius: 4px;
        padding: 0;
        border-color: #ffffff;
    }

    .btn-main-back-w:hover {
        background-color: rgb(27, 27, 27);
        color: #ffffff;
    }

    .box-about-size {
        width: 950px;
    }

    .text-bread {
        font-family: Arial, sans-serif;
        font-size: 16px;
        color: #000;
    }

    .text-new-alstyle {
        font-family: Arial, sans-serif;
        font-size: 12px;
        margin-top: 10%;
        line-height: 1.2;
        padding-left: 15%;
        padding-right: 15%;
    }

    .text-sub-alstyle {
        font-family: Arial, sans-serif;
        font-size: 48px;
        line-height: 1.2;
        padding-left: 15%;
        padding-right: 15%;
    }

    .hieght-box-alstyle {
        height: 500px;
    }

    .text-header-alstyle {
        font-family: Arial, sans-serif;
        font-size: 48px;
    }

    .text-detail-alstyle {
        margin-top: 30px;
        margin-bottom: 30px;

    }

    .text-brand {
        color: #000;
        
        font-size: 28px;
        margin-top: 20px;
    }

    .text-model {
        color: #000;
        
        font-size: 22px;
        line-height: 1.5;
        padding-top: 15px;
        margin-top: 5%;
        padding-left: 5px;
        padding-right: 5px;
    }

    .text-model-sub {
        color: #000;
        
        font-size: 48px;
        margin-top: 24px;
        padding: 23px;
    }

    .height-box-alstyle-top {
        height: 292px;
    }

    .height-box-alstyle {
        height: 400px;
    }

    .overlay {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
        transition: .5s ease;
        background-color: #F0F8FF;
    }

    .h-domocar {
        height: 500px;
    }

    .domoCar-box:hover .overlay {
        opacity: 0.725;
    }

    .text-domoCar {
        color: black;
        font-size: 20px;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }

    .btn-comparte-pro {
        background-color: #0066ff;
        border: none;
        color: white;
        padding: 10px 40px;
        font-size: 15px;
        cursor: pointer;
    }

    .btn-share-pro {
        background-color: #0066ff;
        border: none;
        color: white;
        padding: 10px 40px;
        font-size: 15px;
        cursor: pointer;
    }

    .domoCar-box-ht {
        height: 250px;
    }

    /* product detail page */
    .text-heder-suport {
        
        font-size: 20px;
        line-height: 18px;
        color: #004899;
    }

    .download-content-support {
        
        font-size: 16px;
        line-height: 18px;
    }

    .margin-top-content {
        margin-top: 30px;
    }

    /*  End product detail page */

    .hieght-box-size {
        height: 358px;
    }


    .vertical .carousel-inner {
        height: 100%;
    }

    .carousel.vertical .item {
        -webkit-transition: 0.6s ease-in-out top;
        -moz-transition: 0.6s ease-in-out top;
        -ms-transition: 0.6s ease-in-out top;
        -o-transition: 0.6s ease-in-out top;
        transition: 0.6s ease-in-out top;
    }

    .carousel.vertical .active {
        top: 0;
    }

    .carousel.vertical .next {
        top: 400px;
    }

    .carousel.vertical .prev {
        top: -400px;
    }

    .carousel.vertical .next.left,
    .carousel.vertical .prev.right {
        top: 0;
    }

    .carousel.vertical .active.left {
        top: -400px;
    }

    .carousel.vertical .active.right {
        top: 400px;
    }

    .carousel.vertical .item {
        left: 0;
    }

    .indicati-pro {
        position: absolute;
        bottom: 10px;
        left: 0%;
        z-index: 15;
        width: 3%;
        margin-left: -3%;
        margin-bottom: 76%;
        padding-left: 0;
        list-style: none;
        text-align: center;
    }

    .indicati-pro li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 1px;
        text-indent: -999px;
        border: 1px solid #144B97 !important;
        border-radius: 8px;
        cursor: pointer;
        background-color: #000;
        background-color: rgba(0, 0, 0, 0);
    }

    .indicati-pro .active {
        margin: 0;
        width: 12px;
        height: 12px;
        background-color: #144B97;
    }

    .img-product_detail_slide {
        margin-top: -50px;
    }

    .nav-tabs {
        /* margin-left: 22%; */
    }

    .nav-tabs>li.active>a,
    .nav-tabs>li.active>a:focus,
    .nav-tabs>li.active>a:hover {
        border-width: 0;
    }

    .nav-tabs>li>a {
        border: none;
        color: #666;
        
        font-size: 20px;
        line-height: 26px;

    }

    .nav-tabs>li.active>a,
    .nav-tabs>li>a:hover {
        border: none;
        color: #003399 !important;
        background: transparent;
    }

    .nav-tabs>li>a::after {
        content: "";
        background: #003399;
        height: 5px;
        position: absolute;
        width: 100%;
        left: 0px;
        bottom: -1px;
        transition: all 250ms ease 0s;
        transform: scale(0);
    }

    .nav>li>a {
        position: relative;
        display: block;
        padding: 21px 53px;
    }

    .nav-tabs>li.active>a::after,
    .nav-tabs>li:hover>a::after {
        transform: scale(1);
    }

    .tab-nav>li>a::after {
        background: #003399 none repeat scroll 0% 0%;
        color: #fff;
    }

    .tab-pane {
        background-color: #fff;
    }

    .tab-content {
        padding: 0px
    }

    .card {
        background: #fafafa none repeat scroll 0% 0%;

    }

    .box {
        display: block;
        width: auto;
        height: 412px;
        background: #f6f6f6;
    }

    .box:hover {
        opacity: 0.8;
    }

    .box img {
        height: 273px;

    }

    .text-img-pro {
        color: #000;
        position: relative;
        margin-top: 0;
        margin-left: 0;
        z-index: 1;
        
        font-size: 20px;
    }

    .text-detail-pro {
        color: #000;
        position: relative;
        margin-top: 2%;
        z-index: 1;
        font-family: Arial, sans-serif;
        font-size: 14px;
        padding-left: 10px;
        padding-right: 10px;

    }

    .line-pro {
        height: 1px;
        margin-top: 1px !important;
        margin-bottom: 0px !important;
        border: 0.5px solid #003399;
        margin-left: 20px;
        margin-right: 20px;
    }

    .margin-product-name {
        margin-bottom: 15px;
    }

    .text-caption-pro {
        font-family: Arial, sans-serif;
        font-size: 18px;
        line-height: 1;
        margin-bottom: 20px;
    }

    .margin-bottom-detail {
        margin-bottom: 30px;
    }

    .img-logo {
        width: 100%;
        height: 200px;
    }

    .image-border {
        position: relative;
        border: 1px solid;
        border-color: black;
        height: 290px;
        width: 100%;
        margin-bottom: 20px;
    }


    .image-border-slideup {
        border: 1px solid;
        border-color: black;
        height: 290px;
        width: 100%;
        margin-bottom: 20px;
        -webkit-transition: height 2s;
        /* For Safari 3.1 to 6.0 */
        transition: height 2s;
    }

    .image-border-slideup :hover {
        height: 300px;
    }

    .box-demo {

        height: 300px;
        margin-top: 20px;
    }

    .demo-show {
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        margin-bottom: 10px;
        object-fit: cover;
    }

    .text-subheader {
        
        padding-top: 25px;
        padding-left: 30px;
        padding-right: 30px;
        font-size: 36px;
        line-height: 48px;


    }

    .text-pro-ban-header {
        
        font-size: 48px;
        line-height: 50px;
    }

    .text-pro-ban-detail {
        font-family: Arial, sans-serif;
        font-size: 14px;
    }

    .box-pro-banner {
        margin-top: 25%;
    }

    /* header tab main */
    .send-button {
        background: #54C7C3;
        width: 100%;
        font-weight: 600;
        color: #fff;
        padding: 8px 25px;
    }

    .f-button {
        color: #fff !important;
        border: 1px solid #3B5998;
        background: #3B5998 !important;
        width: 100%;
        font-weight: 600;
        color: #fff;
        padding: 8px 25px;
        font-family: Arial, sans-serif;
    }

    .my-input {
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
        cursor: text;
        padding: 8px 10px;
        transition: border .1s linear;
    }


    .login-or {
        position: relative;
        color: #aaa;
        margin-top: 10px;
        margin-bottom: 10px;
        padding-top: 10px;
        padding-bottom: 10px;

    }

    .span-or {
        display: block;
        position: absolute;
        left: 50%;
        top: -2px;
        margin-left: -25px;
        background-color: #fff;
        width: 50px;
        text-align: center;
        font-family: Arial, sans-serif;
        font-size: 16px;
    }

    .lable-text-login {
        
        padding-bottom: 10px;
        font-size: 16px;
    }

    .btn-login-head {
        background-color: #000;
        color: #ffffff;
        
        font-size: 14px;
        width: 196px;
        height: 47px;
        padding: 0;
        margin-top: 38px;

    }

    .btn-register-head {
        background-color: #ffffff;
        border: 1px solid #000;
        color: #000;
        
        font-size: 14px;
        width: 196px;
        height: 47px;
        padding: 0;


    }

    .btn-fogot-pass-head {
        color: #000;
        
        font-size: 14px;
        width: 196px;
        height: 47px;
        padding: 0;

    }

    .hr-or {
        height: 1px;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .btn-login-mobile {
        margin-top: 3px;
        margin-left: 28px;
        width: 80%;
        height: 43px;
        background-color: #ffff;
        border-radius: 70px;
        font-family: Arial, sans-serif;
        font-size: 14px;
    }

    .invisible-mobile {
        display: block !important;
    }

    .visible-mobile {
        display: none !important;
    }

    .invisible-slide-baner {
        display: block;
    }

    .visible-slide-baner {
        display: none;
    }

    .select-list-link {
        color: #ffffff;
    }

    .margin-top-nav {
        margin-top: 15px;
        padding-left: 15%;
        padding-right: 15%;
    }

    .main-icon-header {
        color: #ffffff !important;
        font-size: 18px;
        padding: 0 10px 0 17px;
        font-family: Arial, sans-serif;

    }

    /* End header main */
    /* product page */
    .row_padding {
        height: 375px;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
        margin-bottom: -2px;
    }

    .h-banner-productCata {
        height: 500px;
        padding-bottom: 15px;
    }


    .product-bottom-margin {
        margin-top: 15px;
    }

    .parent {
        width: 100%;
        height: 375px;
        overflow: hidden;
        position: relative;
        display: inline-block;
        cursor: pointer;
    }

    .img-show {
        height: 100%;
        width: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        background-position: center;
    }

    .parent:hover .img-show,
    .parent:focus .img-show {
        -ms-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }

    .parent:hover .img-show:before,
    .parent:focus .img-show:before {
        display: block;
    }



    .img-show:before {
        content: "";
        display: none;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;

    }

    .img-show-banner {
        background-size: cover;
        background-repeat: no-repeat;
        height: 100%;
    }

    .text-wrap {
        width: 110px;
    }

    .icon-product-nav {
        width: 70px;
        height: 54px;
    }

    /* End product page */




    /* homestyle page */
    .h-w-imag-ban-slide {}

    .margin-top-midle {
        margin-top: 20%;
    }

    .text-banner-slide {
        font-size: 35px;
        
        line-height: 43px;
    }


    .text-onlyheader-widgit {
        margin-top: 5%;
    }

    .btn-col-padding {
        padding-left: 15px;
    }

    .carousel-indicators li {
        border: 1px solid #003399;

    }

    .carousel-indicators .active {
        background-color: #003399;
    }

    .slide-inner-img-height {
        height: 620px !important;
    }

    .contain-box-banner {
        position: absolute !important;
        left: 27% !important;
        right: 0% !important;
        bottom: 318px !important;
        z-index: 10 !important;
        padding-top: 20px !important;
        text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    }

    .home-banner-margin {
        position: absolute !important;
        top: -421px;
    }

    .btn-h {
        margin-top: 30px;

    }

    /* End homestyle page */




    .left-mar-box {
        margin-left: 30px;
    }

    .info-bnt-pro {
        margin-left: -40px;
    }

    /* .invisible-tablet{
        display: none!important;
    } */
    #left {
        float: left;
        width: 500px;
    }

    #right {
        float: right;
        width: 500px;
    }

    #center {
        margin: 0 auto;
        width: 950px;
    }

    .sidenav {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 1;
        top: 0;
        left: 0;
        background-color: #111;
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 60px;
    }

    .sidenav a {
        padding: 8px 8px 8px 32px;
        text-decoration: none;
        font-size: 25px;
        color: #818181;
        display: block;
        transition: 0.3s;
    }

    .sidenav a:hover {
        color: #f1f1f1;
    }

    .sidenav .closebtn {
        font-family: Arial, sans-serif;
        position: absolute;
        top: 0;
        left: -64px;
        font-size: 36px;
        margin-left: 50px;
    }

    .btn-search-nav {
        background: none;
        color: #fff;
        font-size: 15px;
        border: none;
        padding-left: 20px;
        padding-top: 8px;
    }

    .btn-search-modal {
        background: none;
        color: #000;
        font-size: 19px;
    }

    .drop-down {
        position: relative;
        display: inline-block;
        width: auto;
        margin-top: 0;
        font-family: verdana;
    }

    .drop-down select {
        display: none;
    }

    .drop-down .select-list {
        position: absolute;
        top: 0;
        left: -59px;
        z-index: 1;
        margin-top: 20px;
        padding: 0;
        background-color: #595959;
    }

    .drop-down .select-list li {
        display: none;
    }

    .drop-down .select-list li span {
        display: inline-block;
        min-height: 36px;
        min-width: 280px;
        width: 100%;
        padding: 7px 11px 2px 48px;
        background-color: #000;
        background-position: left 10px center;
        background-repeat: no-repeat;
        font-size: 16px;
        text-align: left;
        color: #fff;
        opacity: 1;
        box-sizing: border-box;
        background-size: contain;
        
    }

    .drop-down .select-list li span:hover,
    .drop-down .select-list li span:focus {
        opacity: 1;
        background-color: #00106A;
        color: #ffff;
    }

    .icon-lang {

        color: #fff;
        
        font-size: 16px;
        cursor: pointer;

    }

    .select-box {}

    .navbar-center {
        position: absolute;
        left: 30%;
        right: 20%;
    }

    .main-menu-header {
        color: #ffffff !important;
        font-size: 16px;
        padding: 0 17px 0 17px;
        
    }

    .h-box {
        margin-top: 20px;
    }

    .link-learn-more {
        color: black;
        font-family: Arial, sans-serif;
        font-size: 18px;
        padding-left: 15%;
        padding-right: 15%;
    }

    /* About Us page Style */
    .container-abt-two {
        padding-left: 7%;
        padding-right: 7%;
    }

    .text-abt-al {
        margin-top: 90px;
    }

    .text-abtp-detail {
        margin-top: 30px;
        padding-left: 7%;
        padding-right: 7%;
    }

    .img-abtp {
        margin-top: 30px;
    }

    .img-about-box {
        width: 60%;
        height: 60%;
    }

    .text-abtp-subglobal-net {
        color: #000;
        
        font-size: 24px;
    }

    .bg-history {
        height: 620px;
        width: 100%;
        background-color: #3333ff;
    }

    /* End About Us page Style */

    /* footerPage */
    .text-header-widgit {
        font-family: Arial, sans-serif;
        font-size: 36px;
        margin-top: 40%;
    }

    .text-detail-white {
        font-family: Arial, sans-serif;
        font-size: 14pt;
        line-height: 20pt;
    }

    /* End footerPage style */
    .img-compare-pro-box {
        margin-top: 20px;

    }


}

/* tablet mini or small device */
@media (max-width:1140px) and (min-width:768px) {


    h1 {
        font-size: 35px;
        
        line-height: 34px;
    }

    h2 {
        
        font-size: 19px;
        line-height: 27px;
    }

    h3 {
        
        font-size: 23px;
        line-height: 28px;
    }

    h4 {
        
        font-size: 24px;
        line-height: 26px;
    }

    h5 {
        
        font-size: 16px;
        line-height: 19px;
    }

    h6 {
        
        font-size: 12pt;
        line-height: 16pt;

    }
    .map-height{
        width: 100%; 
        height:800px;
    }
    .text-cate-compare{
        
        font-size: 22px;
        line-height: 30px;
        color: #003399;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 10px;
       }
    .box-scoll {

        height: 500px;
        overflow-y: scroll;
        overflow-x: hidden;
    }

    .img-size-alpine {
        height: 42px;

    }

    .box-mobile-suport {
        height: 500px;
    }

    .padding-top-mobile {
        padding-top: 10%;
    }

    .padding-text {
        padding-left: 15px;
        padding-right: 15px;
    }

    .padding-row-footer {
        padding-left: 6%;
        padding-right: 6%
    }

    .inline-logo {
        display: inline;

    }

    .padding-logo {
        padding-top: 10px;
        padding-right: 10px;
    }

    .img-list-icon {
        height: 40px;
    }

    .nav-list-icon {
        list-style-type: none;
        margin-left: -40px;
    }

    .img-hearit-more {
        height: auto;
        width: 335px;

    }

    /* .img-hearit-more{
        width: 300px;
        height: 500px;
    } */
    .short-full {
        float: right;
        color: #F5F5F5;
        font-size: 12px;
    }

    .panel {

        background-color: #04163D !important;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .panel-default>.panel-heading {
        color: #04163D;
        background-color: #04163D;
        border-color: #04163D;
    }

    .panel-title {
        color: #F5F5F5;
        
        font-size: 20px;
        line-height: 26px;
    }

    .panel-default>.panel-heading+.panel-collapse>.panel-body {
        border-top-color: #04163D;
        background-color: #04163D;
    }

    .padding-capcha {
        padding-left: 30%;
        padding-right: 30%;
    }

    .video-widget {
        width: 100%;
        height: 400px;
    }

    .text-border-policy {
        margin-top: 30px;
        margin-bottom: 30px;
        font-weight: 500;
        border-bottom: 1px solid #000;
        border-top: 1px solid #000;
    }

    .hr-boder-line-policy {
        border-bottom: 1px solid #003399;
    }

    /* The sticky class is added to the header with JS when it reaches its scroll position */
    .sticky {
        position: fixed !important;
        right: 0;
        left: 0;
        z-index: 1000;
        top: 20px;
        background-color: #fff;
        padding-left: 11%;
        padding-right: 11%;
    }

    /* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
    .sticky+.content {
        padding-top: 102px;
    }

    .img-compare {
        height: auto;
        width: 70%;
    }

    .bg-header-compare {
        background-color: #F6F6F6;
    }

    .bg-header-compare-mobile {
        background-color: #F6F6F6;
        margin-top: 30px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .product_name-mobile {
        position: relative;
        /* margin-top: -40px !important; */
        margin-bottom: 20px;
        text-align: center;
    }

    .product_name-desktop {
        position: relative;
        margin-bottom: 20px;
        text-align: center;
    }

    .select-product-desktop-padding {
        margin-top: 15px;
    }

    .select-product-mobile-padding {
        position: relative;
        /* margin-bottom: -30px !important; */
        /* margin-top: 30px; */
    }

    .box-compare-desktop {
        height: 219px;
    }

    .box-compare-moblie {
        height: 370px;
    }

    .compare-fisrt-row {
        background-color: #F6F6F6;
        padding-top: 20px;
        padding-bottom: 30px;
        margin-top: 30px;
    }

    .bg_compare-text {
        background-color: #FFFFFF;
        padding-top: 15px;
        padding-bottom: 15px;
        height: 113px;
    }

    .bg_compare-text:nth-child(odd) {
        height: 50px;
        background-color: #F6F6F6;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .padding-col-campare {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .text-compare {
        position: relative;
        float: left;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding-left: 20px;
        padding-right: 20px;
    }

    .text-compare-left {
        /* position: relative;
        float: left;
        top: 50%;
        left: 13%;
        transform: translate(-50%, -50%); */
        position: relative;
        float: left;
        top: 34%;
        padding-left: 15px;
    }

    .position-fixd1 {
        position: fixed !important;
        right: 0;
        left: 0;
        z-index: 1000;
        top: -7px;
        background-color: #fff;
    }

    .hr-software {
        padding: 8px;
        line-height: 1.42857143;
        vertical-align: top;
        border-top: 1px solid #ddd;
    }

    .text-product-software {
        padding-left: 50px;
    }

    .text-product-software-left {
        padding-left: 50px;
    }

    .text-product-software-right {
        padding-right: 100px;
    }

    .product-header {
        font-size: 14px;
        cursor: pointer;
    }

    .icon-product-nav {
        width: 70px;
        height: 54px;
    }

    .collapseSub {
        display: none;
    }

    .more-less {
        float: right;
        color: #212121;
    }

    .panel-default>.panel-heading+.panel-collapse>.panel-body {
        border-top-color: #EEEEEE;
    }

    .link-color-policy {
        color: #fff;
    }

    .h-img-logo {
        height: 24px;
        margin-top: -6px;
    }

    .info_content {
        width: 300px;
    }

    .text-checkbox {
        font-family: Arial, sans-serif;
        font-size: 14px;
        line-height: 1.5;
    }

    .image-event-relate {
        height: auto;
        width: 100%;
        min-height: 200px;
        object-fit: contain;
        margin-bottom: 10px;

    }

    .box-hight-eventdetail {
        height: 400px;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .text-location {
        font-family: Arial, sans-serif;
        font-size: 14px;
    }

    .margin-close {
        margin-right: 34px;
    }

    .hieght-box-size-image-widget {
        height: 300px;
    }

    .video-box-size-image-widget {
        height: 400px;
    }

    .img-domo-modal {
        display: block;
        position: absolute;
        float: left;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        max-width: 89%;
        height: auto;
    }

    .mySlidesdomocar {
        width: 1000px;
        height: 800px;
    }

    .mdl-textfield--floating-label {
        font-family: Arial, sans-serif;
        font-size: 14px;
    }

    .btn-search {
        position: absolute;
        right: 20px;
        top: 25px;
    }

    p {
        font-family: Arial, sans-serif;
        font-size: 14px;
        line-height: 1.5;
    }

    .my-input {
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
        cursor: text;
        padding: 8px 10px;
        transition: border .1s linear;
    }


    .login-or {
        position: relative;
        color: #aaa;
        margin-top: 10px;
        margin-bottom: 10px;
        padding-top: 10px;
        padding-bottom: 10px;

    }

    .span-or {
        display: block;
        position: absolute;
        left: 50%;
        top: -2px;
        margin-left: -25px;
        background-color: #fff;
        width: 50px;
        text-align: center;
        font-family: Arial, sans-serif;
        font-size: 16px;
    }

    .lable-text-login {
        
        padding-bottom: 10px;
        font-size: 16px;
    }

    .btn-login-head {
        background-color: #000;
        color: #ffffff;
        
        font-size: 14px;
        width: 196px;
        height: 47px;
        padding: 0;
        margin-top: 38px;

    }

    .btn-register-head {
        background-color: #ffffff;
        border: 1px solid #000;
        color: #000;
        
        font-size: 14px;
        width: 196px;
        height: 47px;
        padding: 0;


    }

    .btn-fogot-pass-head {
        color: #000;
        
        font-size: 14px;
        width: 196px;
        height: 47px;
        padding: 0;

    }

    .hr-or {
        height: 1px;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .btn-login-mobile {
        margin-top: 3px;
        margin-left: 28px;
        width: 80%;
        height: 43px;
        background-color: #ffff;
        border-radius: 70px;
        font-family: Arial, sans-serif;
        font-size: 14px;
    }

    .text-readmore {
        font-family: Arial, sans-serif;
        font-size: 14px;
        line-height: 1.5;
    }

    .news-content {
        font-family: Arial, sans-serif;
        font-size: 14px;
        line-height: 1.5;
    }

    .hr-software {
        padding: 8px;
        line-height: 1.42857143;
        vertical-align: top;
        border-top: 1px solid #ddd;
    }

    .text-product-software {
        padding-left: 50px;
    }

    .text-product-software-left {
        padding-left: 50px;
    }

    .text-product-software-right {
        padding-right: 100px;
    }

    .product-header {
        font-size: 14px;
    }

    .icon-product-nav {
        width: 70px;
        height: 54px;
    }

    .event-test {
        height: 500px;
        background-color: #BEBEBE;
    }

    .event-m {
        height: 350px;
        margin: 15px 0 15px 0;
    }

    .bottom-event {
        margin-top: 15px;
    }

    .event-show {
        background-size: cover;
        background-repeat: no-repeat;
        height: 350px;
        width: 100%;
    }

    .padding-news-header {
        padding: 30px;
    }

    .padding-top-date {
        padding-top: 20px;
    }

    .img-show-banner {
        background-size: cover;
        background-repeat: no-repeat;
        height: 100%;
        background-position: center;
    }

    .hieght-box-mobile-widget {
        height: 300px;
    }

    .row-padding-widgert-mobile {
        padding-left: 20px;
        padding-bottom: 20px;
    }

    .inline-logo {
        display: inline;

    }

    /* Search all page  */
    .stylish-input-group .input-group-addon {
        background: white !important;
    }

    .stylish-input-group .form-control {
        border-right: 0;
        box-shadow: 0 0 0;
        border-color: #ccc;
    }

    .stylish-input-group button {
        border: 0;
        background: transparent;
    }

    .mdl-textfield {
        position: relative;
        font-size: 16px;
        display: inline-block;
        box-sizing: border-box;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0;
        padding: 20px 0;
    }

    .btn-search {
        position: absolute;
        right: 20px;
        top: 25px;
    }

    .text-search-margin {
        margin-bottom: 20px;
    }

    .text-header-search {
        color: #04163D;
        margin-bottom: 5px;
    }

    #search input[type="text"]:focus {
        width: 500px;
    }

    .text-cancel-bar {
        position: absolute;
        margin-top: -33px;
        right: 13%;
        z-index: -999;
        font-size: 12px !important;
        
    }

    .text-link-suport {
        font-family: Arial, sans-serif;
        font-size: 14px;
        line-height: 1.5;
    }

    .logo-position {
        position: absolute;
        left: 43%;
        right: 43%;
        text-align: center;

    }

    .log-mobile-nav {
        position: relative;
        margin-top: -54px;
    }

    .row-padding-left {
        padding-left: 18px;
        padding-top: 15px;
    }

    .bottom-margin {
        margin-top: 20px;
    }

    .padding-left-widget {
        padding-left: 10px;
    }

    .event-content {
        height: 116px;
    }

    .mdl-textfield__label {
        font-size: 14px;
        font-family: Arial, sans-serif;
    }

    .demo-show {
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        margin-bottom: 10px;
        object-fit: cover;
    }

    .breadcrumb .active {
        color: #003399;
    }

    .breadcrumb {
        font-family: Arial, sans-serif;
        font-size: 14px;
        padding: 8px 9px;
        margin-bottom: 20px;
        list-style: none;
        background-color: #fff;
        border-radius: 4px;
    }

    .header-margin {
        margin-top: 60px;
    }

    .cop-img {
        background-position: center;
    }

    .padding-top {
        padding-top: 17%;
    }

    .text-color-b-support {
        color: #fff;
    }

    .text-color-w-support {
        color: #000;
    }

    /* 
* 	Core Owl Carousel CSS File
*	v1.3.3
*/
    /* About Us page Style */
    .container-abt-two {
        padding-left: 7%;
        padding-right: 7%;
    }

    .text-abt-al {
        margin-top: 90px;
    }

    .text-abtp-detail {
        margin-top: 30px;
        padding-left: 7%;
        padding-right: 7%;
    }

    .img-abtp {
        margin-top: 30px;
    }

    .img-about-box {
        width: 70%;
        height: 70%;
    }

    .text-abtp-subglobal-net {
        color: #000;
        
        font-size: 24px;
    }

    .bg-history {
        height: 620px;
        width: 100%;
        background-color: #3333ff;
    }

    .button-right {
        position: absolute;
        right: 20px;
    }

    /* End About Us page Style */
    /* clearfix */
    .margin-top-history {
        margin-top: -50px;
    }

    .owl-carousel .owl-wrapper:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }

    /* display none until init */
    .owl-carousel {
        display: none;
        position: relative;
        width: 100%;
        -ms-touch-action: pan-y;
    }

    .owl-carousel .owl-wrapper {
        display: none;
        position: relative;
        -webkit-transform: translate3d(0px, 0px, 0px);
    }

    .owl-carousel .owl-wrapper-outer {
        overflow: hidden;
        position: relative;
        width: 100%;
    }

    .owl-carousel .owl-wrapper-outer.autoHeight {
        -webkit-transition: height 500ms ease-in-out;
        -moz-transition: height 500ms ease-in-out;
        -ms-transition: height 500ms ease-in-out;
        -o-transition: height 500ms ease-in-out;
        transition: height 500ms ease-in-out;
    }

    .owl-carousel .owl-item {
        float: left;
    }

    .owl-controls .owl-page,
    .owl-controls .owl-buttons div {
        cursor: pointer;
    }

    .owl-controls {
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

    /* mouse grab icon */
    .grabbing {
        cursor: url(grabbing.png) 8 8, move;
    }

    /* fix */
    .owl-carousel .owl-wrapper,
    .owl-carousel .owl-item {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
    }

    /*
    * 	Owl Carousel Owl Demo Theme 
    *	v1.3.3
    */

    .owl-theme .owl-controls {
        margin-top: 10px;
        text-align: center;
    }

    /* Styling Next and Prev buttons */

    .owl-theme .owl-controls .owl-buttons div {
        color: #FFF;
        display: inline-block;
        zoom: 1;
        *display: inline;
        /*IE7 life-saver */
        margin: 5px;
        padding: 3px 10px;
        font-size: 12px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
        background: #869791;
        filter: Alpha(Opacity=50);
        /*IE7 fix*/
        opacity: 0.5;
    }

    /* Clickable class fix problem with hover on touch devices */
    /* Use it for non-touch hover action */
    .owl-theme .owl-controls.clickable .owl-buttons div:hover {
        filter: Alpha(Opacity=100);
        /*IE7 fix*/
        opacity: 1;
        text-decoration: none;
    }

    /* Styling Pagination*/

    .owl-theme .owl-controls .owl-page {
        display: inline-block;
        zoom: 1;
        *display: inline;
        /*IE7 life-saver */
    }

    .owl-theme .owl-controls .owl-page span {
        display: block;
        width: 12px;
        height: 12px;
        margin: 5px 7px;
        filter: Alpha(Opacity=50);
        /*IE7 fix*/
        opacity: 0.5;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        background: #869791;
    }

    .owl-theme .owl-controls .owl-page.active span,
    .owl-theme .owl-controls.clickable .owl-page:hover span {
        filter: Alpha(Opacity=100);
        /*IE7 fix*/
        opacity: 1;
    }

    /* If PaginationNumbers is true */

    .owl-theme .owl-controls .owl-page span.owl-numbers {
        height: auto;
        width: auto;
        color: #FFF;
        padding: 2px 10px;
        font-size: 12px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
    }

    /* preloading images */
    .owl-item.loading {
        min-height: 150px;
        background: url(AjaxLoader.gif) no-repeat center center
    }



    #owl-demo .item {
        margin: 3px;
    }

    #owl-demo .item img {
        display: block;
        width: 100%;
        height: auto;
    }

    .bg-item-gray {
        background-color: #003399;
        width: 200px !important;
        height: 348px;
        cursor: pointer;
        color: #fff;
    }

    .bg-item-graylight {
        background-color: #fff;
        width: 200px !important;
        height: 348px;
        cursor: pointer;
    }

    .boxhistory {
        /*         display:none; */
        position: absolute;
        top: 1px;
        width: 100%;
        z-index: 999;
        float: left;
        overflow: hidden;
        background: #BCBDBF;
        cursor: pointer;
    }

    /* Add padding and border to inner content
    for better animation effect */

    .box-inner {
        width: 1000px;
        height: 351px;
        padding: 132px;

    }

    .text-his {
        padding: 79% 46% 0 7%;
        
        font-size: 21pt;
    }

    .hr-abt {
        padding: 8px;
        vertical-align: top;
        border-top: 1px solid #fff;

    }

    .mdl-textfield {
        position: relative;
        font-size: 16px;
        display: inline-block;
        box-sizing: border-box;
        width: 100% !important;
        max-width: 100%;
        margin: 0;
        padding: 20px 0;
    }

    .color-text {
        background-color: #F6F6F6 !important;
    }

    .margin-btn {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .hieght-box-size-support {
        height: 245px;
    }


    .bg-main {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: left;
    }

    .hieght-box-alstyle {
        height: 500px;
    }

    .body-w-search {
        background-color: #000;
        color: #fff;
        position: fixed !important;
        right: 0;
        left: 0;
        z-index: 99;
        margin-top: -112px;
    }

    .btn-margin-alpine {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .margin-alpine-search-tap {
        margin-top: 162px;
    }

    .text-model {
        color: #000;
        
        font-size: 22px;
        line-height: 1.5;
        padding-top: 15px;
        margin-top: 5%;
        padding-left: 5px;
        padding-right: 5px;
    }

    .text-model-sub {
        color: #000;
        
        font-size: 26px;
        margin-top: 24px;
        padding: 23px;
    }

    .height-box-alstyle-top {
        height: 271px;
    }

    .height-box-alstyle {
        height: 350px;
    }

    .text-brand {
        color: #000;
        
        font-size: 28px;
        margin-top: 20px;
    }

    .text-detail-alstyle {
        margin-top: 30px;
        margin-bottom: 30px;

    }

    .img-size-alpine {
        height: 24px;
        width: 300px;
    }

    .margin-input {
        margin-top: 15px;
    }

    #content {
        /* background: #06c; */
        position: relative;
        float: left;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .content-ch {
        margin-top: 200px;
    }

    .hieght-box-size-mobile {
        height: 300px;
    }

    .h-w-imag-ban-slide {}

    .margin-text-banner-home {
        position: absolute;
        top: 104px;
    }

    .btn-margin-moblie {
        /* margin-left:19%; */
        margin-bottom: 20px;
    }

    .margin-slidebar-moblie {
        margin-top: 5px;
        margin-left: 22px;

    }

    .img-logo {
        height: 24px;
        margin-top: 13px;
    }

    .btn-main-back-w {
        background-color: #000;
        color: #ffffff;
        
        font-size: 10pt;
        width: 132px;
        height: 42px;
        border-radius: 4px;
        padding: 0;
        border-color: #ffffff;
    }

    .text-subheader {
        
        padding-top: 25px;
        padding-left: 30px;
        padding-right: 30px;
        font-size: 27px;
        line-height: 30px;


    }

    .imagCat {
        width: 70px;
        height: 54px;
    }

    .text-cat {
        font-family: Arial, sans-serif;
        font-size: 14px;
        line-height: 1.5;
    }

    .MultiCarousel {
        float: left;
        overflow: hidden;
        padding: 15px;
        width: 100%;
        position: relative;
    }

    .MultiCarousel .MultiCarousel-inner {
        transition: 1s ease all;
        float: left;
    }

    .MultiCarousel .MultiCarousel-inner .item {
        float: left;
    }

    .MultiCarousel .MultiCarousel-inner .item>div {
        text-align: center;
    }

    .MultiCarousel .leftLst,
    .MultiCarousel .rightLst {
        position: absolute;
        top: calc(50% - 20px);
    }

    .MultiCarousel .leftLst {
        left: 0;
    }

    .MultiCarousel .rightLst {
        right: 0;
    }

    .MultiCarousel .leftLst.over,
    .MultiCarousel .rightLst.over {
        pointer-events: none;
        background: #ccc;
    }



    .vertical .carousel-inner {
        height: 100%;
    }

    .carousel.vertical .item {
        -webkit-transition: 0.6s ease-in-out top;
        -moz-transition: 0.6s ease-in-out top;
        -ms-transition: 0.6s ease-in-out top;
        -o-transition: 0.6s ease-in-out top;
        transition: 0.6s ease-in-out top;
    }

    .carousel.vertical .active {
        top: 0;
    }

    .carousel.vertical .next {
        top: 400px;
    }

    .carousel.vertical .prev {
        top: -400px;
    }

    .carousel.vertical .next.left,
    .carousel.vertical .prev.right {
        top: 0;
    }

    .carousel.vertical .active.left {
        top: -400px;
    }

    .carousel.vertical .active.right {
        top: 400px;
    }

    .carousel.vertical .item {
        left: 0;
    }

    .indicati-pro {
        position: absolute !important;
        bottom: 10px !important;
        left: 0% !important;
        z-index: 15 !important;
        width: 3% !important;
        margin-left: -3% !important;
        margin-bottom: 48% !important;
        padding-left: 0 !important;
        list-style: none !important;
        text-align: center !important;
    }

    .indicati-pro li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 1px;
        text-indent: -999px;
        border: 1px solid #144B97 !important;
        border-radius: 8px;
        cursor: pointer;
        background-color: #000;
        background-color: rgba(0, 0, 0, 0);
    }

    .indicati-pro .active {
        margin: 0;
        width: 12px;
        height: 12px;
        background-color: #144B97;
    }

    .nav-tabs {
        /* margin-left: 22%; */
    }

    .nav-tabs>li.active>a,
    .nav-tabs>li.active>a:focus,
    .nav-tabs>li.active>a:hover {
        border-width: 0;
    }

    .nav-tabs>li>a {
        border: none;
        color: #666;
        
        font-size: 20px;
        line-height: 26px;

    }

    .nav-tabs>li.active>a,
    .nav-tabs>li>a:hover {
        border: none;
        color: #003399 !important;
        background: transparent;
    }

    .nav-tabs>li>a::after {
        content: "";
        background: #003399;
        height: 5px;
        position: absolute;
        width: 100%;
        left: 0px;
        bottom: -1px;
        transition: all 250ms ease 0s;
        transform: scale(0);
    }

    .nav>li>a {
        position: relative;
        display: block;
        padding: 21px 18px;
    }

    .nav-tabs>li.active>a::after,
    .nav-tabs>li:hover>a::after {
        transform: scale(1);
    }

    .tab-nav>li>a::after {
        background: #003399 none repeat scroll 0% 0%;
        color: #fff;
    }

    .tab-pane {
        background-color: #fff;
    }

    .tab-content {
        padding: 0px
    }

    .card {
        background: #fafafa none repeat scroll 0% 0%;
        margin-top: 31px;
    }


    .sidenav {
        padding-top: 15px;
    }

    .sidenav a {
        font-size: 18px;
    }

    .collapsing,
    .in {
        background-color: #f7f7f7;
    }

    .collapsing ul li a,
    .in ul li a {
        color: #555 !important;
    }

    .collapsing ul li a:hover,
    .in ul li a:hover {
        color: #f1f1f1 !important;
    }

    .navbar-center {
        position: absolute;
        left: 30%;
        right: 20%;
    }

    .invisible-mobile {
        display: none;
    }

    .visible-mobile {
        display: block;

    }

    .invisible-slide-baner {
        display: block;
    }

    .visible-slide-baner {
        display: none;
    }

    .invisible-tablet {
        display: block !important;
    }

    .visible-tablet {
        display: none !important;
    }

    .navbar-brand {
        float: right;
    }

    .menu-text-mobile {
        border-bottom: #fff solid 1px;
        font-size: 14px !important;
        
        margin-top: 5px;
    }

    .margin-top-menu-mobile {
        margin-top: 20px;
    }

    .h-mobile {
        margin-top: 20px;
    }

    .margin-top-mobile-Procategory {
        margin-top: 40px;
    }

    /* advance search  */
    .cd-main-header,
    .cd-main-content {
        position: relative;
        transition: transform 0.3s;
    }

    .cd-main-header.nav-is-visible,
    .cd-main-content.nav-is-visible {
        transform: translateX(-260px);
    }

    .flipkart-navbar-input {
        padding: 12px 16px;
        border-radius: 2px 0 0 2px;
        border: 0 none;
        outline: 0 none;
        font-size: 15px;
        
    }

    .flipkart-navbar-button {
        background-color: #999;
        border: 1px solid #999;
        border-radius: 0 2px 2px 0;
        color: #565656;
        padding: 10px 0;
        height: 44.5px;
        cursor: pointer;
    }

    .flipkart-navbar-search {
        /* margin-bottom:30px;
        margin-left: 32px; */

    }

    .info-bnt-pro {
        margin-left: 2px;
    }

    /* end advance search  */

    .img-responsive,
    .thumbnail>img,
    .thumbnail a>img,
    .carousel-inner>.item>img,
    .carousel-inner>.item>a>img {
        width: 100%;
        height: auto;

    }

    .carousel-indicators li {
        border: 1px solid #003399;

    }

    .carousel-indicators .active {
        background-color: #003399;
    }

    .slide-inner-img-height {
        height: 514px !important;

    }

    /* .mobile-box-h{
        margin-top: -274px!important;
      } */
    .mobile-box-tab-h {
        margin-top: -20px !important;
    }


    .contain-box-banner {
        position: absolute;
        left: 41%;
        right: 15%;
        bottom: 350px;
        z-index: 10;
        padding-top: 20px;
        text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    }

    .text-banner-slide {
        font-size: 24px;
        
        line-height: 28px;
    }


    .box-size {
        height: 443px !important;
    }

    .img-box {
        width: 200px;
        height: 100px;
        margin-right: 41%;
    }

    .text-header-widgit {
        font-size: 20px;
        
        display: block;
        text-align: center;
        margin-top: 50%;

    }

    .text-detail-white {
        
        font-size: 14px;
        line-height: 15px;
    }

    .btn-h {
        margin-top: 30px;

    }

    .navbar-center {
        position: absolute;
        left: 30%;
        right: 20%;
    }


    .main-menu-header {
        color: #ffffff !important;
        font-size: 15px;
        padding: 0 20px 0 20px;
        font-family: Arial, sans-serif;
    }

    .sidenav {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 1;
        top: 0;
        left: 0;
        background-color: #111;
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 60px;
    }

    .sidenav a {
        padding: 8px 8px 8px 32px;
        text-decoration: none;
        font-size: 18px;
        color: #fff;
        display: block;
        transition: 0.3s;
        
    }


    .sidenav a:hover {
        color: #f1f1f1;
    }

    .sidenav .closebtn {
        font-family: Arial, sans-serif;
        position: absolute;
        top: 0;
        left: -64px;
        font-size: 36px;
        margin-left: 50px;
    }


    .drop-down-mobile {
        position: relative;
        display: inline-block;
        width: auto;
        margin-top: 0;
    }

    .drop-down-mobile select {
        display: none;
    }

    .drop-down-mobile .select-list-mobile {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        margin-top: 40px;
        padding: 0;
        background-color: #000;
        list-style-type: none;
    }

    .drop-down-mobile .select-list-mobile li {
        display: none;
    }

    .drop-down-mobile .select-list-mobile li span {
        display: inline-block;
        min-height: 26px;
        min-width: 280px;
        width: 100%;
        padding: 7px 15px 5px 35px;
        background-color: #000;
        background-position: left 1px center;
        background-repeat: no-repeat;
        font-size: 15px;
        text-align: left;
        color: #FFF;
        opacity: 0.7;
        box-sizing: border-box;
        background-size: contain;
        
    }

    .drop-down-mobile .select-list-mobile li span:hover,
    .drop-down-mobile .select-list-mobile li span:focus {
        opacity: 1;
    }

    .icon-lang-mobile {
        background-size: 33px;
        background-repeat: no-repeat;
        padding-left: 33px;
        padding-top: 12px;
        color: #fff !important;
        font-family: 'Questrial-Regular' !important;
        font-size: 15px;
    }

    .select-box-mobile {
        margin-top: 20px;
    }

    .select-list-link-mobile {
        position: relative;
        margin-left: 275px;
        margin-top: -34px;
        color: white;
    }

    .h-tab-mobile-content {
        margin-top: -16px !important;
    }

    .box {
        display: block;
        width: auto;
        height: 512px;
        background: #f6f6f6;
    }

    .box:hover {
        opacity: 0.8;
    }

    .box img {
        height: auto;

    }

    .text-img-pro {
        color: #000;
        position: relative;
        margin-top: 0;
        margin-left: 0;
        z-index: 1;
        
        font-size: 20px;
    }

    .text-detail-pro {
        color: #000;
        position: relative;
        margin-top: 2%;
        z-index: 1;
        font-family: Arial, sans-serif;
        font-size: 14px;
        padding-left: 10px;
        padding-right: 10px;

    }

    .line-pro {
        height: 1px;
        margin-top: 1px !important;
        margin-bottom: 0px !important;
        border: 0.5px solid #003399;
        margin-left: 20px;
        margin-right: 20px;
    }

    .text-pro-ban-header {

        
        font-size: 35px;
        line-height: 32px;
    }

    .text-pro-ban-detail {
        font-family: Arial, sans-serif;
        font-size: 14px;
    }

    .box-pro-banner {
        margin-top: 20%;
    }

    .hieght-box-size {
        height: 500px;
    }

    .btn-login-mobile {
        margin-top: 3px;
        margin-left: 28px;
        width: 80%;
        height: 43px;
        background-color: #ffff;
        border-radius: 70px;
        font-family: Arial, sans-serif;
        font-size: 14px;
    }

    .h-banner-productCata {
        height: 350px;
        padding-bottom: 15px;
        margin-bottom: 3px;

    }

    .parent {
        width: 100%;
        height: 375px;
        overflow: hidden;
        position: relative;
        display: inline-block;
        cursor: pointer;
    }

    .img-show {
        height: 100%;
        width: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        background-position: center;
    }

    .parent:hover .img-show,
    .parent:focus .img-show {
        -ms-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }

    .parent:hover .img-show:before,
    .parent:focus .img-show:before {
        display: block;
    }



    .img-show:before {
        content: "";
        display: none;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;

    }

    .img-show-banner {
        background-size: cover;
        background-repeat: no-repeat;
        height: 100%;
    }

    .img-Category-banner {
        background-size: cover;
        background-repeat: no-repeat;
        height: 100%;
        background-position: center;
    }

    .btn-main {
        background-color: #04163D;
        color: #ffffff;
        
        font-size: 10pt;
        width: 132px;
        height: 42px;
        border-radius: 4px;
        padding: 0;
    }

    .btn-main:hover {
        background-color: #04163D;
        color: #ffffff;
    }
    .btn-main:active {
        background-color: #04163D;
        color: #ffffff;
    }

    .btn-mobile {
        background-color: #003399;
        color: #ffffff;
        
        font-size: 10pt;
        width: 100%;
        height: 42px;
        border-radius: 4px;
        padding: 0;
    }

    .product-bottom-margin {
        margin-top: 15px;
    }

    .margin-t-footer {
        margin-top: 0px;
        padding-top: 20px;
    }

    .pad-btn-bottom-mobile {
        padding-bottom: 20px;
    }

    .text-sub-head-footer {
        
        font-size: 21px;
        line-height: 26px;
        color: #F5F5F5;
        padding-top: 20px;
    }

    .text-detail-footer {
        font-family: Arial, sans-serif;
        font-size: 14px;
        line-height: 1.5;
        color: #F5F5F5;
    }

    .footer-link {
        font-family: Arial, sans-serif;
        font-size: 12px;
        line-height: 18px;
        color: #F5F5F5;
    }

    /** Custom Select **/
    .custom-select-wrapper {
        position: relative;
        display: inline-block;
        user-select: none;
    }

    .custom-select-wrapper select {
        display: none;
    }

    .custom-select {
        position: relative;
        display: inline-block;
    }

    .custom-select-trigger {
        position: relative;
        display: block;
        width: 219px;
        padding: 4px 20px 7px 2px;
        font-size: 14px;
        
        font-weight: 300;
        color: #000;
        line-height: 29px;
        background: #fff;
        border-radius: 4px;
        cursor: pointer;

    }

    .custom-select-trigger:after {
        position: absolute;
        display: block;
        content: '';
        width: 10px;
        height: 10px;
        top: 50%;
        right: 3px;
        margin-top: -3px;
        border-bottom: 1px solid #000;
        border-right: 1px solid #000;
        transform: rotate(45deg) translateY(-50%);
        transition: all .4s ease-in-out;
        transform-origin: 50% 0;
    }

    .custom-select.opened .custom-select-trigger:after {
        margin-top: 3px;
        transform: rotate(-135deg) translateY(-50%);
    }

    .custom-options {
        position: absolute;
        display: block;
        top: 100%;
        left: 0;
        right: 0;
        min-width: 100%;
        margin: 15px 0;
        border: 1px solid #b5b5b5;
        border-radius: 4px;
        box-sizing: border-box;
        box-shadow: 0 2px 1px rgba(0, 0, 0, .07);
        background: #fff;
        transition: all .4s ease-in-out;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateY(-15px);
        z-index: 9999;
        margin-left: -128px;
        


    }

    .custom-select.opened .custom-options {
        opacity: 1;
        visibility: visible;
        pointer-events: all;
        transform: translateY(0);
    }

    .custom-options:before {
        position: absolute;
        display: block;
        content: '';
        bottom: 100%;
        right: 25px;
        width: 7px;
        height: 7px;
        margin-bottom: -4px;
        border-top: 1px solid #b5b5b5;
        border-left: 1px solid #b5b5b5;
        background: #fff;
        transform: rotate(45deg);
        transition: all .4s ease-in-out;
    }

    .option-hover:before {
        background: #f9f9f9;
    }

    .custom-option {
        position: relative;
        display: block;
        padding: 0 9px;
        border-bottom: 1px solid #b5b5b5;
        font-size: 13px;
        color: #000;
        line-height: 47px;
        cursor: pointer;
        transition: all .4s ease-in-out;
        

    }

    .custom-option:first-of-type {
        border-radius: 4px 4px 0 0;
    }

    .custom-option:last-of-type {
        border-bottom: 0;
        border-radius: 0 0 4px 4px;
    }

    .custom-option:hover,
    .custom-option.selection {
        background: #003399;
        color: #fff;
    }

    .btn-compare {
        background-color: #04163D;
        border: none;
        color: white;
        padding: 10px 0px;
        font-size: 14px;
        
        width: 100%;
        cursor: pointer;
        border-radius: 4px;
    }

    .text-input {
        font-family: Arial, sans-serif;
        font-size: 17px;
    }

    .select-sort {
        border: none;
        background: none;
        
        line-height: 17px;
        font-size: 14px;
    }

    .solid-button {
        padding: 8px 10px 10px 10px;
        background: none;
        
        line-height: 17px;
        font-size: 14px;
    }

    .text-head-filter {
        
        line-height: 20px;
        font-size: 18px;
        padding-bottom: 10px;
        color: #003399;
    }

    .text-form-filter {
        
        line-height: 18px;
        font-size: 15px;
    }

    .margin-filter-close {
        margin-top: -10px;
    }

    .margin-top-btn {
        padding-top: 10px;
    }

    /* The customcheck */
    .customcheck {
        display: block;
        position: relative;
        padding-left: 35px;
        margin-bottom: 12px;
        cursor: pointer;
        font-size: 14px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        font-weight: 100;
        
    }

    /* Hide the browser's default checkbox */
    .customcheck input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

    /* Create a custom checkbox */
    .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 20px;
        width: 20px;
        background-color: #fff;
        border-radius: 4px;
        border: 2px solid #003399;
    }

    /* On mouse-over, add a grey background color */
    .customcheck:hover input~.checkmark {
        background-color: #ccc;
    }

    /* When the checkbox is checked, add a blue background */
    .customcheck input:checked~.checkmark {
        background-color: #003399;
        border-radius: 4px;
    }

    /* Create the checkmark/indicator (hidden when not checked) */
    .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    /* Show the checkmark when checked */
    .customcheck input:checked~.checkmark:after {
        display: block;
    }

    /* Style the checkmark/indicator */
    .customcheck .checkmark:after {
        left: 6px;
        top: 3px;
        width: 5px;
        height: 10px;
        border: solid white;
        border-width: 0px 2px 2px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .unstyled-button {
        border: none;
        padding: 0;
        background: none;
        
        line-height: 16px;
        font-size: 18px;
    }

    /* The Modal (background) */
    .modalDemoCar {
        display: none;
        position: fixed;
        z-index: 1;
        padding-top: 100px;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: black;
        z-index: 9999;
    }

    /* Modal Content */
    .modal-contentDemoCar {
        position: relative;
        margin: auto;
        padding: 0;
        width: 100%;
        max-width: 1000px;
    }

    .box-height-modal {
        max-height: 1200px;
    }

    /* The Close Button */
    .close {
        color: black;
        position: absolute;
        top: 0px;
        right: 0px;
        font-size: 35px;
        font-weight: bold;
    }

    .close:hover,
    .close:focus {
        color: #999;
        text-decoration: none;
        cursor: pointer;
    }

    .mySlides {
        display: none;
    }

    .cursor {
        cursor: pointer;
    }

    /* Next & previous buttons */
    .prevDemoCar,
    .nextDemoCar {
        cursor: pointer;
        position: absolute;
        top: 50%;
        width: auto;
        padding: 16px;
        margin-top: -50px;
        color: white;
        font-weight: bold;
        font-size: 20px;
        transition: 0.6s ease;
        border-radius: 0 3px 3px 0;
        user-select: none;
        -webkit-user-select: none;
        background-color: rgba(0, 0, 0, 0.8);
    }

    /* Position the "next button" to the right */
    .nextDemoCar {
        right: 0;
        border-radius: 3px 0 0 3px;
    }

    /* On hover, add a black background color with a little bit see-through */
    .prevDemoCar:hover,
    .nextDemoCar:hover {
        background-color: rgba(0, 0, 0, 0.8);
    }

    .text-domoCar {
        color: black;
        font-size: 20px;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }

    .overlay {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
        transition: .5s ease;
        background-color: #F0F8FF;
    }

    .domoCar-box:hover .overlay {
        opacity: 0.725;
    }

    .domoCar-box-ht {
        height: 250px;
        background-position: center;
    }

    .h-domocar {
        height: 500px;
        margin-bottom: 84%;
        margin-top: 5%;
    }

    .img-h-w-box {
        position: relative;
        margin-top: -29px;
    }

    .text-htm-pro {
        color: #000;
        position: relative;
        margin-top: -25%;
        z-index: 1;
        
        font-size: 16px;
    }

    .text-heder-suport {
        
        font-size: 16px;
        line-height: 18px;
        color: #004899;
    }

    .download-content-support {
        
        font-size: 14px;
        line-height: 18px;
    }

    .margin-top-content {
        margin-top: 30px;
    }

    .margin-product-name {
        margin-top: 0px;
    }

    .img-wid-h-w {
        width: 100%;
        height: 450px;
    }

    .input-lg {
        font-size: 16px;
        padding: 10px 8px;
        

    }

    .row_padding {
        height: 375px;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
        margin-bottom: -2px;
    }

    .box-product {
        height: 250px;
    }
    .div-pin-distribure{
        margin-top:30px;
        padding:10px;
        border: 1px solid;
       }
       .div-pin-distribure img{ 
        height: 46px;
        padding: 7px;
       }

}

/* moblie */
@media (max-width: 767px) and (min-width: 600px) {



    h1 {
        font-size: 30px;
        
        line-height: 35px;
    }

    h2 {
        
        font-size: 19px;
        line-height: 27px;
    }

    h3 {
        
        font-size: 23px;
        line-height: 28px;
    }

    h4 {
        
        font-size: 24px;
        line-height: 26px;
    }

    h5 {
        
        font-size: 16px;
        line-height: 19px;
    }

    h6 {
        
        font-size: 12pt;
        line-height: 16pt;

    }

    p {
        font-family: Arial, sans-serif;
        font-size: 14px;
        line-height: 1.5;
    }
    .map-height{
        width: 100%; 
        height:800px;
    }
    .text-cate-compare{
        
        font-size: 22px;
        line-height: 30px;
        color: #003399;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 10px;

       }

    .box-scoll {
        width: 600px;
        height: 500px;
        overflow-y: scroll;
        overflow-x: hidden;
    }

    .box-mobile-suport {
        height: 500px;
    }

    .padding-top-mobile {
        padding-top: 10%;
    }

    .padding-text {
        padding-left: 15px;
        padding-right: 15px;
    }

    .carousel-indicators {
        bottom: 157px;
    }

    .padding-row-footer {
        padding-left: 6%;
        padding-right: 6%
    }

    .home-banner-margin {
        top: -39px;
        position: relative;
    }

    .inline-logo {
        display: inline;

    }

    .padding-logo {
        padding-top: 10px;
        padding-right: 10px;
    }

    .img-list-icon {
        height: 40px;
    }

    .nav-list-icon {
        list-style-type: none;
        margin-left: -40px;
    }

    .img-mobile {
        z-index: -9999;
        margin-top: -55px;
    }

    .rowpadding-tableft {
        padding-left: 15%;
    }

    .img-hearit-more {
        height: auto;
        width: 335px;

    }

    .short-full {
        float: right;
        color: #F5F5F5;
        font-size: 12px;
    }

    .panel {

        background-color: #04163D !important;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .panel-default>.panel-heading {
        color: #04163D;
        background-color: #04163D;
        border-color: #04163D;
    }

    .panel-title {
        color: #F5F5F5;
        
        font-size: 20px;
        line-height: 26px;
    }

    .panel-default>.panel-heading+.panel-collapse>.panel-body {
        border-top-color: #04163D;
        background-color: #04163D;
    }

    .padding-capcha {
        padding-left: 30%;
        padding-right: 30%;
    }

    .video-widget {
        width: 100%;
        height: 300px;
    }

    .box-product {
        height: 200px;
    }

    .text-border-policy {
        margin-top: 30px;
        margin-bottom: 30px;
        font-weight: 500;
        border-bottom: 1px solid #000;
        border-top: 1px solid #000;
    }

    .hr-boder-line-policy {
        border-bottom: 1px solid #003399;
    }

    /* The sticky class is added to the header with JS when it reaches its scroll position */
    .sticky {
        position: fixed !important;
        right: 0;
        left: 0;
        z-index: 1000;
        top: 20px;
        background-color: #fff;
        padding-left: 4%;
        padding-right: 4%;
    }

    /* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
    .sticky+.content {
        padding-top: 102px;
    }

    .img-compare {
        height: auto;
        width: 85%;
    }

    .bg-header-compare {
        background-color: #F6F6F6;
    }

    .bg-header-compare-mobile {
        background-color: #F6F6F6;
        margin-top: 30px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .product_name-mobile {
        position: relative;
        /* margin-top: -40px !important; */
        margin-bottom: 20px;
        text-align: center;
    }

    .product_name-desktop {
        position: relative;
        margin-bottom: 20px;
        text-align: center;
    }

    .select-product-desktop-padding {
        margin-top: 15px;
    }

    .select-product-mobile-padding {
        position: relative;
        /* margin-bottom: -30px !important; */
        /* margin-top: 30px; */
    }

    .box-compare-desktop {
        height: 219px;
    }

    .box-compare-moblie {
        height: 370px;
    }

    .compare-fisrt-row {
        background-color: #F6F6F6;
        padding-top: 20px;
        padding-bottom: 30px;
        margin-top: 30px;
    }

    .bg_compare-text {
        background-color: #FFFFFF;
        padding-top: 15px;
        padding-bottom: 15px;
        height: 113px;
    }

    .bg_compare-text:nth-child(odd) {
        height: 50px;
        background-color: #F6F6F6;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .padding-col-campare {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .text-compare {
        position: relative;
        float: left;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding-left: 20px;
        padding-right: 20px;
    }

    .text-compare-left {
        /* position: relative;
        float: left;
        top: 50%;
        left: 13%;
        transform: translate(-50%, -50%); */
        position: relative;
        float: left;
        top: 34%;
        padding-left: 15px;
    }

    .position-fixd1 {
        position: fixed !important;
        right: 0;
        left: 0;
        z-index: 1000;
        top: -7px;
        background-color: #fff;
    }

    .hr-software {
        padding: 8px;
        line-height: 1.42857143;
        vertical-align: top;
        border-top: 1px solid #ddd;
    }

    .text-product-software {
        padding-left: 50px;
    }

    .text-product-software-left {
        padding-left: 50px;
    }

    .text-product-software-right {
        padding-right: 100px;
    }

    .product-header {
        font-size: 14px;
        cursor: pointer;
    }

    .icon-product-nav {
        width: 70px;
        height: 54px;
    }

    .collapseSub {
        display: none;
    }

    .more-less {
        float: right;
        color: #212121;
    }

    .panel-default>.panel-heading+.panel-collapse>.panel-body {
        border-top-color: #EEEEEE;
    }

    .link-color-policy {
        color: #fff;
    }

    .h-img-logo {
        height: 24px;
        margin-top: -6px;
    }

    .info_content {
        width: 300px;
    }

    .text-checkbox {
        font-family: Arial, sans-serif;
        font-size: 14px;
        line-height: 1.5;
    }

    .my-input {
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
        cursor: text;
        padding: 8px 10px;
        transition: border .1s linear;
    }


    .login-or {
        position: relative;
        color: #aaa;
        margin-top: 10px;
        margin-bottom: 10px;
        padding-top: 10px;
        padding-bottom: 10px;

    }

    .span-or {
        display: block;
        position: absolute;
        left: 50%;
        top: -2px;
        margin-left: -25px;
        background-color: #fff;
        width: 50px;
        text-align: center;
        font-family: Arial, sans-serif;
        font-size: 16px;
    }

    .lable-text-login {
        
        padding-bottom: 10px;
        font-size: 16px;
    }

    .btn-login-head {
        background-color: #000;
        color: #ffffff;
        
        font-size: 14px;
        width: 196px;
        height: 47px;
        padding: 0;
        margin-top: 38px;

    }

    .btn-register-head {
        background-color: #ffffff;
        border: 1px solid #000;
        color: #000;
        
        font-size: 14px;
        width: 196px;
        height: 47px;
        padding: 0;


    }

    .btn-fogot-pass-head {
        color: #000;
        
        font-size: 14px;
        width: 196px;
        height: 47px;
        padding: 0;

    }

    .hr-or {
        height: 1px;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .btn-login-mobile {
        margin-top: 3px;
        margin-left: 28px;
        width: 80%;
        height: 43px;
        background-color: #ffff;
        border-radius: 70px;
        font-family: Arial, sans-serif;
        font-size: 14px;
    }

    .image-event-relate {
        height: auto;
        width: 100%;
        min-height: 200px;
        object-fit: contain;
        margin-bottom: 10px;
    }

    .box-hight-eventdetail {
        height: 400px;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .text-readmore {
        font-family: Arial, sans-serif;
        font-size: 14px;
        line-height: 1.5;
    }

    .news-content {
        font-family: Arial, sans-serif;
        font-size: 14px;
        line-height: 1.5;
    }

    .hr-software {
        padding: 8px;
        line-height: 1.42857143;
        vertical-align: top;
        border-top: 1px solid #ddd;
    }

    .text-product-software {
        padding-left: 50px;
    }

    .text-product-software-left {
        padding-left: 50px;
    }

    .text-product-software-right {
        padding-right: 100px;
    }

    .product-header {
        font-size: 14px;
    }

    .icon-product-nav {
        width: 70px;
        height: 54px;
    }

    .event-test {
        height: 500px;
        background-color: #BEBEBE;
    }

    .event-m {
        height: 350px;
        margin: 15px 0 15px 0;
    }

    .bottom-event {
        margin-top: 15px;
    }

    .event-show {
        background-size: cover;
        background-repeat: no-repeat;
        height: 350px;
        width: 100%;
    }

    .padding-news-header {
        padding: 30px;
    }

    .padding-top-date {
        padding-top: 20px;
    }

    .text-location {
        font-family: Arial, sans-serif;
        font-size: 14px;
    }

    .margin-close {
        margin-right: 34px;
    }

    .img-domo-modal {
        display: block;
        position: absolute;
        float: left;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        max-width: 89%;
        height: auto;
    }

    .mySlidesdomocar {
        width: 800px;
        height: 600px;
    }

    .hieght-box-size-image-widget {
        height: 200px;
    }

    .video-box-size-image-widget {
        height: 300px;
    }

    .img-show-banner {
        background-size: cover;
        background-repeat: no-repeat;
        height: 100%;
        background-position: center;
    }

    .hieght-box-mobile-widget {
        height: 280px;

    }

    .row-padding-widgert-mobile {
        padding-left: 20px;
        padding-bottom: 20px;
    }

    .inline-logo {
        display: inline;

    }

    /* Search all page  */
    .stylish-input-group .input-group-addon {
        background: white !important;
    }

    .stylish-input-group .form-control {
        border-right: 0;
        box-shadow: 0 0 0;
        border-color: #ccc;
    }

    .stylish-input-group button {
        border: 0;
        background: transparent;
    }

    .mdl-textfield {
        position: relative;
        font-size: 16px;
        display: inline-block;
        box-sizing: border-box;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0;
        padding: 20px 0;
    }

    .btn-search {
        position: absolute;
        right: 20px;
        top: 25px;
    }

    .text-search-margin {
        margin-bottom: 20px;
    }

    .text-header-search {
        color: #04163D;
        margin-bottom: 5px;
    }

    .mdl-textfield--floating-label {
        font-family: Arial, sans-serif;
        font-size: 14px;
    }

    .btn-search {
        position: absolute;
        right: 20px;
        top: 25px;
    }

    #search input[type="text"]:focus {
        width: 400px;
    }

    .text-cancel-bar {
        position: absolute;
        margin-top: -33px;
        right: 10%;
        z-index: -999;
        font-size: 12px !important;
        
    }

    .text-link-suport {
        font-family: Arial, sans-serif;
        font-size: 14px;
        line-height: 1.5;
    }

    .logo-position {
        position: absolute;
        left: 39%;
        right: 39%;
        text-align: center;
    }


    .log-mobile-nav {
        position: relative;
        margin-top: -54px;
    }

    .row-padding-left {
        padding-left: 18px;
        padding-top: 15px;
    }

    .bottom-margin {
        margin-top: 20px;
    }

    .padding-left-widget {
        padding-left: 10px;
    }

    .event-content {
        height: 116px;
    }

    .box-demo {
        height: 300px;
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .mdl-textfield__label {
        font-size: 14px;
        font-family: Arial, sans-serif;
    }

    .demo-show {
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        margin-bottom: 10px;
        object-fit: cover;
    }

    .breadcrumb .active {
        color: #003399;
    }

    .breadcrumb {
        font-family: Arial, sans-serif;
        font-size: 14px;
        padding: 8px 9px;
        margin-bottom: 20px;
        list-style: none;
        background-color: #fff;
        border-radius: 4px;
    }

    .header-margin {
        margin-top: 60px;
    }

    .cop-img {
        background-position: center;
    }

    .padding-top {
        padding-top: 8%;
    }

    .text-color-b-support {
        color: #fff;
    }

    .text-color-w-support {
        color: #000;
    }

    /* About Us page Style */
    .container-abt-two {
        padding-left: 7%;
        padding-right: 7%;
    }

    .text-abt-al {
        margin-top: 90px;
    }

    .text-abtp-detail {
        margin-top: 30px;
        padding-left: 7%;
        padding-right: 7%;
    }

    .img-abtp {
        margin-top: 30px;
    }

    .img-about-box {
        width: 100%;
        height: 100%;
    }

    .text-abtp-subglobal-net {
        color: #000;
        
        font-size: 24px;
    }

    .bg-history {
        height: 620px;
        width: 100%;
        background-color: #3333ff;
    }

    .button-right {
        position: absolute;
        right: 20px;
    }

    /* End About Us page Style */
    /* 
* 	Core Owl Carousel CSS File
*	v1.3.3
*/

    /* clearfix */
    .margin-top-history {
        margin-top: -50px;
    }

    .owl-carousel .owl-wrapper:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }

    /* display none until init */
    .owl-carousel {
        display: none;
        position: relative;
        width: 100%;
        -ms-touch-action: pan-y;
    }

    .owl-carousel .owl-wrapper {
        display: none;
        position: relative;
        -webkit-transform: translate3d(0px, 0px, 0px);
    }

    .owl-carousel .owl-wrapper-outer {
        overflow: hidden;
        position: relative;
        width: 100%;
    }

    .owl-carousel .owl-wrapper-outer.autoHeight {
        -webkit-transition: height 500ms ease-in-out;
        -moz-transition: height 500ms ease-in-out;
        -ms-transition: height 500ms ease-in-out;
        -o-transition: height 500ms ease-in-out;
        transition: height 500ms ease-in-out;
    }

    .owl-carousel .owl-item {
        float: left;
    }

    .owl-controls .owl-page,
    .owl-controls .owl-buttons div {
        cursor: pointer;
    }

    .owl-controls {
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

    /* mouse grab icon */
    .grabbing {
        cursor: url(grabbing.png) 8 8, move;
    }

    /* fix */
    .owl-carousel .owl-wrapper,
    .owl-carousel .owl-item {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
    }

    /*
    * 	Owl Carousel Owl Demo Theme 
    *	v1.3.3
    */

    .owl-theme .owl-controls {
        margin-top: 10px;
        text-align: center;
    }

    /* Styling Next and Prev buttons */

    .owl-theme .owl-controls .owl-buttons div {
        color: #FFF;
        display: inline-block;
        zoom: 1;
        *display: inline;
        /*IE7 life-saver */
        margin: 5px;
        padding: 3px 10px;
        font-size: 12px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
        background: #869791;
        filter: Alpha(Opacity=50);
        /*IE7 fix*/
        opacity: 0.5;
    }

    /* Clickable class fix problem with hover on touch devices */
    /* Use it for non-touch hover action */
    .owl-theme .owl-controls.clickable .owl-buttons div:hover {
        filter: Alpha(Opacity=100);
        /*IE7 fix*/
        opacity: 1;
        text-decoration: none;
    }

    /* Styling Pagination*/

    .owl-theme .owl-controls .owl-page {
        display: inline-block;
        zoom: 1;
        *display: inline;
        /*IE7 life-saver */
    }

    .owl-theme .owl-controls .owl-page span {
        display: block;
        width: 12px;
        height: 12px;
        margin: 5px 7px;
        filter: Alpha(Opacity=50);
        /*IE7 fix*/
        opacity: 0.5;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        background: #869791;
    }

    .owl-theme .owl-controls .owl-page.active span,
    .owl-theme .owl-controls.clickable .owl-page:hover span {
        filter: Alpha(Opacity=100);
        /*IE7 fix*/
        opacity: 1;
    }

    /* If PaginationNumbers is true */

    .owl-theme .owl-controls .owl-page span.owl-numbers {
        height: auto;
        width: auto;
        color: #FFF;
        padding: 2px 10px;
        font-size: 12px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
    }

    /* preloading images */
    .owl-item.loading {
        min-height: 150px;
        background: url(AjaxLoader.gif) no-repeat center center
    }



    #owl-demo .item {
        margin: 3px;
    }

    #owl-demo .item img {
        display: block;
        width: 100%;
        height: auto;
    }

    .bg-item-gray {
        background-color: #003399;
        width: 200px !important;
        height: 348px;
        cursor: pointer;
        color: #fff;
    }

    .bg-item-graylight {
        background-color: #fff;
        width: 200px !important;
        height: 348px;
        cursor: pointer;
    }

    .boxhistory {
        /*         display:none; */
        position: absolute;
        top: 1px;
        width: 100%;
        z-index: 999;
        float: left;
        overflow: hidden;
        background: #BCBDBF;
        cursor: pointer;
    }

    /* Add padding and border to inner content
    for better animation effect */

    .box-inner {
        width: 1000px;
        height: 351px;
        padding: 132px;

    }

    .text-his {
        padding: 79% 37% 0 7%;
        
        font-size: 21pt;
    }

    .hr-abt {
        padding: 8px;
        vertical-align: top;
        border-top: 1px solid #fff;

    }

    .mdl-textfield {
        position: relative;
        font-size: 16px;
        display: inline-block;
        box-sizing: border-box;
        width: 100% !important;
        max-width: 100%;
        margin: 0;
        padding: 20px 0;
    }

    .color-text {
        background-color: #F6F6F6 !important;
    }

    .margin-btn {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .hieght-box-size-support {
        height: 173px;
    }



    .bg-main {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: left;
    }

    .hieght-box-alstyle {
        height: 500px;
    }

    .body-w-search {
        background-color: #000;
        color: #fff;
        position: fixed !important;
        right: 0;
        left: 0;
        z-index: 99;
        margin-top: -112px;
    }

    .btn-margin-alpine {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .margin-alpine-search-tap {
        margin-top: 162px;
    }

    .text-model {
        color: #000;
        
        font-size: 22px;
        line-height: 1.5;
        padding-top: 15px;
        margin-top: 5%;
        padding-left: 5px;
        padding-right: 5px;
    }

    .text-model-sub {
        color: #000;
        
        font-size: 26px;
        margin-top: 24px;
        padding: 23px;
    }

    .height-box-alstyle-top {
        height: 730px;
    }

    .height-box-alstyle {
        height: 350px;
    }

    .text-brand {
        color: #000;
        
        font-size: 28px;
        margin-top: 20px;
    }

    .text-detail-alstyle {
        margin-top: 30px;
        margin-bottom: 30px;

    }

    .img-size-alpine {
        height: 24px;
        width: 300px;
    }

    .margin-input {
        margin-top: 15px;
    }

    #content {
        /* background: #06c; */
        position: relative;
        float: left;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .content-ch {
        margin-top: 200px;
    }

    .hieght-box-size-mobile {
        height: 300px;
    }

    .h-w-imag-ban-slide {}

    .margin-text-banner-home {
        position: absolute;
        top: 104px;
    }

    .btn-margin-moblie {
        /* margin-left:19%; */
        margin-bottom: 20px;
    }

    .margin-slidebar-moblie {
        margin-top: 5px;
        margin-left: 22px;

    }

    .img-logo {
        height: 24px;
    margin-top: 13px;
    }

    .btn-main-back-w {
        background-color: #000;
        color: #ffffff;
        
        font-size: 10pt;
        width: 132px;
        height: 42px;
        border-radius: 4px;
        padding: 0;
        border-color: #ffffff;
    }

    .text-subheader {
        
        padding-bottom: 20px;
        padding-top: 20px;
        font-size: 27px;
        line-height: 36px;


    }

    .imagCat {
        width: 70px;
        height: 54px;
    }

    .text-cat {
        font-family: Arial, sans-serif;
        font-size: 14px;
        line-height: 1.5;
    }

    .MultiCarousel {
        float: left;
        overflow: hidden;
        padding: 15px;
        width: 100%;
        position: relative;
    }

    .MultiCarousel .MultiCarousel-inner {
        transition: 1s ease all;
        float: left;
    }

    .MultiCarousel .MultiCarousel-inner .item {
        float: left;
    }

    .MultiCarousel .MultiCarousel-inner .item>div {
        text-align: center;
    }

    .MultiCarousel .leftLst,
    .MultiCarousel .rightLst {
        position: absolute;
        top: calc(50% - 20px);
    }

    .MultiCarousel .leftLst {
        left: 0;
    }

    .MultiCarousel .rightLst {
        right: 0;
    }

    .MultiCarousel .leftLst.over,
    .MultiCarousel .rightLst.over {
        pointer-events: none;
        background: #ccc;
    }



    .vertical .carousel-inner {
        height: 100%;
    }

    .carousel.vertical .item {
        -webkit-transition: 0.6s ease-in-out top;
        -moz-transition: 0.6s ease-in-out top;
        -ms-transition: 0.6s ease-in-out top;
        -o-transition: 0.6s ease-in-out top;
        transition: 0.6s ease-in-out top;
    }

    .carousel.vertical .active {
        top: 0;
    }

    .carousel.vertical .next {
        top: 400px;
    }

    .carousel.vertical .prev {
        top: -400px;
    }

    .carousel.vertical .next.left,
    .carousel.vertical .prev.right {
        top: 0;
    }

    .carousel.vertical .active.left {
        top: -400px;
    }

    .carousel.vertical .active.right {
        top: 400px;
    }

    .carousel.vertical .item {
        left: 0;
    }

    .indicati-pro {
        position: absolute !important;
        bottom: 10px !important;
        left: 0% !important;
        z-index: 15 !important;
        width: 3% !important;
        margin-left: -3% !important;
        margin-bottom: 48% !important;
        padding-left: 0 !important;
        list-style: none !important;
        text-align: center !important;
    }

    .indicati-pro li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 1px;
        text-indent: -999px;
        border: 1px solid #144B97 !important;
        border-radius: 8px;
        cursor: pointer;
        background-color: #000;
        background-color: rgba(0, 0, 0, 0);
    }

    .indicati-pro .active {
        margin: 0;
        width: 12px;
        height: 12px;
        background-color: #144B97;
    }

    .nav-tabs {
        /* margin-left: 22%; */
    }

    .nav-tabs>li.active>a,
    .nav-tabs>li.active>a:focus,
    .nav-tabs>li.active>a:hover {
        border-width: 0;
    }

    .nav-tabs>li>a {
        border: none;
        color: #666;
        
        font-size: 20px;
        line-height: 26px;

    }

    .nav-tabs>li.active>a,
    .nav-tabs>li>a:hover {
        border: none;
        color: #003399 !important;
        background: transparent;
    }

    .nav-tabs>li>a::after {
        content: "";
        background: #003399;
        height: 5px;
        position: absolute;
        width: 100%;
        left: 0px;
        bottom: -1px;
        transition: all 250ms ease 0s;
        transform: scale(0);
    }

    .nav>li>a {
        position: relative;
        display: block;
        padding: 21px 18px;
    }

    .nav-tabs>li.active>a::after,
    .nav-tabs>li:hover>a::after {
        transform: scale(1);
    }

    .tab-nav>li>a::after {
        background: #003399 none repeat scroll 0% 0%;
        color: #fff;
    }

    .tab-pane {
        background-color: #fff;
    }

    .tab-content {
        padding: 0px
    }

    .card {
        background: #fafafa none repeat scroll 0% 0%;

    }


    .sidenav {
        padding-top: 15px;
    }

    .sidenav a {
        font-size: 18px;
    }

    .collapsing,
    .in {
        background-color: #f7f7f7;
    }

    .collapsing ul li a,
    .in ul li a {
        color: #555 !important;
    }

    .collapsing ul li a:hover,
    .in ul li a:hover {
        color: #f1f1f1 !important;
    }

    .navbar-center {
        position: absolute;
        left: 30%;
        right: 20%;
    }

    .invisible-mobile {
        display: none !important;
    }

    .visible-mobile {
        display: block !important;

    }

    .invisible-slide-baner {
        display: block;
    }

    .visible-slide-baner {
        display: none;
    }

    .navbar-brand {
        float: right;
    }

    .menu-text-mobile {
        border-bottom: #fff solid 1px;
        font-size: 14px !important;
        
        margin-top: 5px;
    }

    .margin-top-menu-mobile {
        margin-top: 20px;
    }

    .h-mobile {
        margin-top: 20px;
    }

    .margin-top-mobile-Procategory {
        margin-top: 40px;
    }

    /* advance search  */
    .cd-main-header,
    .cd-main-content {
        position: relative;
        transition: transform 0.3s;
    }

    .cd-main-header.nav-is-visible,
    .cd-main-content.nav-is-visible {
        transform: translateX(-260px);
    }

    .flipkart-navbar-input {
        padding: 12px 16px;
        border-radius: 2px 0 0 2px;
        border: 0 none;
        outline: 0 none;
        font-size: 15px;
        
    }

    .flipkart-navbar-button {
        background-color: #999;
        border: 1px solid #999;
        border-radius: 0 2px 2px 0;
        color: #565656;
        padding: 10px 0;
        height: 44.5px;
        cursor: pointer;
    }

    .flipkart-navbar-search {
        /* margin-bottom:30px;
        margin-left: 32px; */

    }

    .info-bnt-pro {
        margin-left: 2px;
    }

    /* end advance search  */

    .img-responsive,
    .thumbnail>img,
    .thumbnail a>img,
    .carousel-inner>.item>img,
    .carousel-inner>.item>a>img {
        width: 100%;
        height: auto;

    }

    .carousel-indicators li {
        border: 1px solid #003399;

    }

    .carousel-indicators .active {
        background-color: #003399;
    }

    .slide-inner-img-height {
        height: 428px !important;

    }

    /* .mobile-box-h{
        margin-top: -274px!important;
      } */
    .mobile-box-tab-h {
        margin-top: -20px !important;
    }


    .contain-box-banner {
        position: absolute;
        left: 41%;
        right: 15%;
        bottom: 350px;
        z-index: 10;
        padding-top: 20px;
        text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    }

    .text-banner-slide {
        font-size: 24px;
        
        line-height: 28px;
    }


    .box-size {
        height: 443px !important;
    }

    .img-box {
        width: 200px;
        height: 100px;
        margin-right: 41%;
    }

    .text-header-widgit {
        font-size: 20px;
        
        display: block;
        text-align: center;
        margin-top: 50%;

    }

    .text-detail-white {
        
        font-size: 14px;
        line-height: 15px;
    }

    .btn-h {
        margin-top: 30px;

    }

    .navbar-center {
        position: absolute;
        left: 30%;
        right: 20%;
    }


    .main-menu-header {
        color: #ffffff !important;
        font-size: 14px;
        padding: 0 20px 0 20px;
        font-family: Arial, sans-serif;
    }

    .sidenav {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 1;
        top: 0;
        left: 0;
        background-color: #111;
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 60px;
    }

    .sidenav a {
        padding: 8px 8px 8px 32px;
        text-decoration: none;
        font-size: 18px;
        color: #fff;
        display: block;
        transition: 0.3s;
        
    }


    .sidenav a:hover {
        color: #f1f1f1;
    }

    .sidenav .closebtn {
        font-family: Arial, sans-serif;
        position: absolute;
        top: 0;
        left: -64px;
        font-size: 36px;
        margin-left: 50px;
    }


    .drop-down-mobile {
        position: relative;
        display: inline-block;
        width: auto;
        margin-top: 0;
    }

    .drop-down-mobile select {
        display: none;
    }

    .drop-down-mobile .select-list-mobile {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        margin-top: 40px;
        padding: 0;
        background-color: #000;
        list-style-type: none;
    }

    .drop-down-mobile .select-list-mobile li {
        display: none;
    }

    .drop-down-mobile .select-list-mobile li span {
        display: inline-block;
        min-height: 26px;
        min-width: 280px;
        width: 100%;
        padding: 7px 15px 5px 35px;
        background-color: #000;
        background-position: left 1px center;
        background-repeat: no-repeat;
        font-size: 15px;
        text-align: left;
        color: #FFF;
        opacity: 0.7;
        box-sizing: border-box;
        background-size: contain;
        
    }

    .drop-down-mobile .select-list-mobile li span:hover,
    .drop-down-mobile .select-list-mobile li span:focus {
        opacity: 1;
    }

    .icon-lang-mobile {
        background-size: 33px;
        background-repeat: no-repeat;
        padding-left: 33px;
        padding-top: 12px;
        color: #fff !important;
        font-family: 'Questrial-Regular' !important;
        font-size: 15px;
    }

    .select-box-mobile {
        margin-top: 20px;
    }

    .select-list-link-mobile {
        position: relative;
        margin-left: 260px;
        margin-top: -34px;
        color: white;
    }

    .h-tab-mobile-content {
        margin-top: -16px !important;
    }

    .box {
        display: block;
        width: auto;
        height: 432px;
        background: #f6f6f6;
    }

    .box:hover {
        opacity: 0.8;
    }

    .box img {

        height: 320px;

    }

    .text-img-pro {
        color: #000;
        position: relative;
        margin-top: 0;
        margin-left: 0;
        z-index: 1;
        
        font-size: 18px;
    }

    .text-detail-pro {
        color: #000;
        position: relative;
        margin-top: 2%;
        z-index: 1;
        font-family: Arial, sans-serif;
        font-size: 14px;
        padding-left: 10px;
        padding-right: 10px;

    }

    .line-pro {
        height: 1px;
        margin-top: 1px !important;
        margin-bottom: 0px !important;
        border: 0.5px solid #003399;
        margin-left: 20px;
        margin-right: 20px;
    }

    .text-pro-ban-header {
        
        font-size: 35px;
        line-height: 32px;
    }

    .text-pro-ban-detail {
        font-family: Arial, sans-serif;
        font-size: 14px;
    }

    .box-pro-banner {
        margin-top: 20%;
    }

    .hieght-box-size {
        height: 500px;
    }

    .btn-login-mobile {
        margin-top: 3px;
        margin-left: 28px;
        width: 80%;
        height: 43px;
        background-color: #ffff;
        border-radius: 70px;
        font-family: Arial, sans-serif;
        font-size: 14px;
    }

    .h-banner-productCata {
        height: 350px;
        padding-bottom: 15px;
        margin-bottom: 3px;

    }

    .parent {
        width: 100%;
        height: 375px;
        overflow: hidden;
        position: relative;
        display: inline-block;
        cursor: pointer;
    }

    .img-show {
        height: 100%;
        width: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        background-position: center;
    }

    .parent:hover .img-show,
    .parent:focus .img-show {
        -ms-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }

    .parent:hover .img-show:before,
    .parent:focus .img-show:before {
        display: block;
    }



    .img-show:before {
        content: "";
        display: none;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;

    }

    .img-show-banner {
        background-size: cover;
        background-repeat: no-repeat;
        height: 100%;
    }

    .img-Category-banner {
        background-size: cover;
        background-repeat: no-repeat;
        height: 100%;
        background-position: center;
    }

    .btn-main {
        background-color: #04163D;
        color: #ffffff;
        
        font-size: 10pt;
        width: 132px;
        height: 42px;
        border-radius: 4px;
        padding: 0;
    }

    .btn-main:hover {
        background-color: #04163D;
        color: #ffffff;
    }
    .btn-main:active {
        background-color: #04163D;
        color: #ffffff;
    }

    .btn-mobile {
        background-color: #003399;
        color: #ffffff;
        
        font-size: 10pt;
        width: 100%;
        height: 42px;
        border-radius: 4px;
        padding: 0;
    }

    .product-bottom-margin {
        margin-top: 15px;
    }

    .margin-t-footer {
        margin-top: 0px;
        padding-top: 20px;
    }

    .pad-btn-bottom-mobile {
        padding-bottom: 20px;
    }

    .text-sub-head-footer {
        
        font-size: 21px;
        line-height: 26px;
        color: #F5F5F5;
        padding-top: 20px;
    }

    .text-detail-footer {
        font-family: Arial, sans-serif;
        font-size: 14px;
        line-height: 1.5;
        color: #F5F5F5;
    }

    .footer-link {
        font-family: Arial, sans-serif;
        font-size: 14px;
        line-height: 1.5;
        color: #F5F5F5;
    }

    /** Custom Select **/
    .custom-select-wrapper {
        position: relative;
        display: inline-block;
        user-select: none;
    }

    .custom-select-wrapper select {
        display: none;
    }

    .custom-select {
        position: relative;
        display: inline-block;
    }

    .custom-select-trigger {
        position: relative;
        display: block;
        width: 159px;
        padding: 4px 25px 1px 8px;
        font-size: 14px;
        
        font-weight: 300;
        color: #000;
        background: #fff;
        border-radius: 4px;
        cursor: pointer;

    }

    .custom-select-trigger:after {
        position: absolute;
        display: block;
        content: '';
        width: 10px;
        height: 10px;
        top: 50%;
        right: 3px;
        margin-top: -3px;
        border-bottom: 1px solid #000;
        border-right: 1px solid #000;
        transform: rotate(45deg) translateY(-50%);
        transition: all .4s ease-in-out;
        transform-origin: 50% 0;
    }

    .custom-select.opened .custom-select-trigger:after {
        margin-top: 3px;
        transform: rotate(-135deg) translateY(-50%);
    }

    .custom-options {
        position: absolute;
        display: block;
        top: 100%;
        left: 0;
        right: 0;
        min-width: 100%;
        margin: 15px 0;
        border: 1px solid #b5b5b5;
        border-radius: 4px;
        box-sizing: border-box;
        box-shadow: 0 2px 1px rgba(0, 0, 0, .07);
        background: #fff;
        transition: all .4s ease-in-out;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateY(-15px);
        z-index: 9999;
        margin-left: -128px;


    }

    .custom-select.opened .custom-options {
        opacity: 1;
        visibility: visible;
        pointer-events: all;
        transform: translateY(0);
    }

    .custom-options:before {
        position: absolute;
        display: block;
        content: '';
        bottom: 100%;
        right: 25px;
        width: 7px;
        height: 7px;
        margin-bottom: -4px;
        border-top: 1px solid #b5b5b5;
        border-left: 1px solid #b5b5b5;
        background: #fff;
        transform: rotate(45deg);
        transition: all .4s ease-in-out;
    }

    .option-hover:before {
        background: #f9f9f9;
    }

    .custom-option {
        position: relative;
        display: block;
        padding: 0 9px;
        border-bottom: 1px solid #b5b5b5;
        font-size: 12px;
        color: #000;
        line-height: 47px;
        cursor: pointer;
        transition: all .4s ease-in-out;
        font-size: 14px;
        

    }

    .custom-option:first-of-type {
        border-radius: 4px 4px 0 0;
    }

    .custom-option:last-of-type {
        border-bottom: 0;
        border-radius: 0 0 4px 4px;
    }

    .custom-option:hover,
    .custom-option.selection {
        background: #003399;
        color: #fff;
    }

    .btn-compare {
        background-color: #04163D;
        border: none;
        color: white;
        padding: 9px 7px;
        font-size: 14px;
        
        width: 100%;
        cursor: pointer;
        border-radius: 4px;
    }

    .text-input {
        font-family: Arial, sans-serif;
        font-size: 17px;
    }

    .select-sort {
        border: none;
        background: none;
        
        line-height: 17px;
        font-size: 14px;
    }

    .solid-button {
        padding: 8px 10px 10px 10px;
        background: none;
        
        line-height: 17px;
        font-size: 13px;
    }

    .text-head-filter {
        
        line-height: 20px;
        font-size: 18px;
        padding-bottom: 10px;
        color: #003399;
    }

    .text-form-filter {
        
        line-height: 18px;
        font-size: 15px;
    }

    .margin-filter-close {
        margin-top: -10px;
    }

    .margin-top-btn {
        padding-top: 10px;
    }

    /* The customcheck */
    .customcheck {
        display: block;
        position: relative;
        padding-left: 35px;
        margin-bottom: 12px;
        cursor: pointer;
        font-size: 14px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        font-weight: 100;
        
    }

    /* Hide the browser's default checkbox */
    .customcheck input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

    /* Create a custom checkbox */
    .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 20px;
        width: 20px;
        background-color: #fff;
        border-radius: 4px;
        border: 2px solid #003399;
    }

    /* On mouse-over, add a grey background color */
    .customcheck:hover input~.checkmark {
        background-color: #ccc;
    }

    /* When the checkbox is checked, add a blue background */
    .customcheck input:checked~.checkmark {
        background-color: #003399;
        border-radius: 4px;
    }

    /* Create the checkmark/indicator (hidden when not checked) */
    .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    /* Show the checkmark when checked */
    .customcheck input:checked~.checkmark:after {
        display: block;
    }

    /* Style the checkmark/indicator */
    .customcheck .checkmark:after {
        left: 6px;
        top: 3px;
        width: 5px;
        height: 10px;
        border: solid white;
        border-width: 0px 2px 2px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .unstyled-button {
        border: none;
        padding: 0;
        background: none;
        
        line-height: 16px;
        font-size: 18px;
    }

    /* The Modal (background) */
    .modalDemoCar {
        display: none;
        position: fixed;
        z-index: 1;
        padding-top: 100px;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: black;
        z-index: 9999;
    }

    /* Modal Content */
    .modal-contentDemoCar {
        position: relative;
        margin: auto;
        padding: 0;
        width: 100%;
        max-width: 1000px;
    }

    .box-height-modal {
        max-height: 1200px;
    }

    /* The Close Button */
    .close {
        color: black;
        position: absolute;
        top: 0px;
        right: 0px;
        font-size: 35px;
        font-weight: bold;
    }

    .close:hover,
    .close:focus {
        color: #999;
        text-decoration: none;
        cursor: pointer;
    }

    .mySlides {
        display: none;
    }

    .cursor {
        cursor: pointer;
    }

    /* Next & previous buttons */
    .prevDemoCar,
    .nextDemoCar {
        cursor: pointer;
        position: absolute;
        top: 50%;
        width: auto;
        padding: 16px;
        margin-top: -50px;
        color: white;
        font-weight: bold;
        font-size: 20px;
        transition: 0.6s ease;
        border-radius: 0 3px 3px 0;
        user-select: none;
        -webkit-user-select: none;
        background-color: rgba(0, 0, 0, 0.8);
    }

    /* Position the "next button" to the right */
    .nextDemoCar {
        right: 0;
        border-radius: 3px 0 0 3px;
    }

    /* On hover, add a black background color with a little bit see-through */
    .prevDemoCar:hover,
    .nextDemoCar:hover {
        background-color: rgba(0, 0, 0, 0.8);
    }

    .text-domoCar {
        color: black;
        font-size: 20px;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }

    .overlay {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
        transition: .5s ease;
        background-color: #F0F8FF;
    }

    .domoCar-box:hover .overlay {
        opacity: 0.725;
    }

    .domoCar-box-ht {
        height: 250px;
        background-position: center;
    }

    .h-domocar {
        height: 500px;
        margin-bottom: 105%;
        margin-top: 7%;
    }

    .img-h-w-box {
        position: relative;
        margin-top: -16px;
    }

    .text-htm-pro {
        color: #000;
        position: relative;
        margin-top: -14%;
        z-index: 1;
        
        font-size: 16px;
    }

    .text-heder-suport {
        
        font-size: 16px;
        line-height: 18px;
        color: #004899;
    }

    .download-content-support {
        
        font-size: 14px;
        line-height: 18px;
    }

    .margin-top-content {
        margin-top: 30px;
    }

    .margin-product-name {
        margin-top: -180px;
    }

    .img-wid-h-w {
        width: 100%;
        height: 500px;
    }

    .input-lg {
        font-size: 16px;
        padding: 10px 8px;
        

    }

    .row_padding {
        height: 375px;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
        margin-bottom: -2px;
    }
    .div-pin-distribure{
        margin-top:30px;
        padding:10px;
        border: 1px solid;
       }
       .div-pin-distribure img{ 
        height: 46px;
        padding: 7px;
       }
}

/* moblie */
@media (max-width: 599px) {
    
  video {
    display: inline-block;
    vertical-align: baseline;
    height: auto !important;
}
.shop-item.style-two .inner-box {
    padding: 15px 15px 25px;
    min-height: 120px;
}
.content-home-page a {
    float: none;
    margin-top: 30px !important;
    display: block;
    width: 140px;
    margin: 0 auto;
    display: none !important;
}

    h1 {
        font-size: 21px;
        
        line-height: 30px;
    }

    h2 {
        
        font-size: 20px;
        line-height: 22px;
    }

    h3 {
        
        font-size: 19px;
        line-height: 28px;
    }

    h4 {
        
        font-size: 21x;
        line-height: 26px;
    }

    h5 {
        
        font-size: 16px;
        line-height: 19px;
    }

    h6 {
        
        font-size: 12pt;
        line-height: 16pt;

    }

    p {
        font-family: Arial, sans-serif;
        font-size: 14px;
        line-height: 1.5;
    }
    .map-height{
        width: 100%; 
        height:500px;
    }
    .text-cate-compare{
        
        font-size: 16px;
        line-height: 30px;
        color: #003399;
        padding-top: 20px;
        padding-bottom: 10px;

       }

    .box-scoll {

        height: 500px;
        overflow-y: scroll;
        overflow-x: hidden;
    }

    .padding-left-pro {
        padding-left: 0px;
    }

    .padding-left-logo {
        padding-left: 0px;
    }

    .container {
        margin-right: auto;
        margin-left: auto;
        padding-left: 10px;
        padding-right: 10px;
    }

    .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-left: 3px;
        padding-right: 3px;
    }

    .row {
        margin-left: 0;
        margin-right: 0;
    }

    .box-mobile-suport {
        height: 500px;
    }

    .padding-top-mobile {
        padding-top: 10%;
    }

    .padding-text {
        padding-left: 15px;
        padding-right: 15px;
    }

    .indication-bottom {
        bottom: 54px;
    }

    .padding-row-footer {
        padding-left: 6%;
        padding-right: 6%
    }

    .mobile-textbanner-hero {
        position: absolute;
        top: 10px;
        left: 5%;
        right: 5%;
    }

    .text-padding {
        padding-left: 20px;
        padding-right: 20px;
    }

    .padding-logo {
        padding-top: 10px;
        padding-right: 10px;
    }

    .inline-logo {
        display: inline;

    }

    .img-list-icon {
        height: 40px;
    }

    .nav-list-icon {
        list-style-type: none;
        margin-left: -40px;
    }

    .img-mobile {
        z-index: -9999;
        margin-top: -27px;
    }

    .img-hearit-more {
        height: auto;
        width: 100%;

    }

    .padding-capcha {
        padding-left: 0;
        padding-right: 0;
    }

    .video-widget {
        width: 100%;
        height: 300px;
    }

    .logo-position {
        position: absolute;
        left: 15%;
        right: 15%;
    }

    .text-border-policy {
        margin-top: 30px;
        margin-bottom: 30px;
        font-weight: 500;
        border-bottom: 1px solid #000;
        border-top: 1px solid #000;
    }

    .hr-boder-line-policy {
        border-bottom: 1px solid #003399;
    }

    /* The sticky class is added to the header with JS when it reaches its scroll position */
    .sticky {
        position: fixed !important;
        right: 0;
        left: 0;
        z-index: 1000;
        top: 20px;
        background-color: #fff;
        padding-left: 3%;
        padding-right: 3%;
    }

    .box-product {
        height: 200px;
    }

    /* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
    .sticky+.content {
        padding-top: 102px;
    }

    .img-compare {
        height: auto;
        width: 85%;
    }

    .bg-header-compare {
        background-color: #F6F6F6;
    }

    .bg-header-compare-mobile {
        background-color: #F6F6F6;
        margin-top: 30px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .product_name-mobile {
        position: relative;
        /* margin-top: -40px !important; */
        margin-bottom: 20px;
        text-align: center;
    }

    .product_name-desktop {
        position: relative;
        margin-bottom: 20px;
        text-align: center;
    }

    .select-product-desktop-padding {
        margin-top: 15px;
    }

    .select-product-mobile-padding {
        position: relative;
        /* margin-bottom: -30px !important; */
        /* margin-top: 30px; */
    }

    .box-compare-desktop {
        height: 219px;
    }

    .box-compare-moblie {
        height: 370px;
    }

    .compare-fisrt-row {
        background-color: #F6F6F6;
        padding-top: 20px;
        padding-bottom: 30px;
        margin-top: 30px;
    }

    .bg_compare-text {
        background-color: #FFFFFF;
        padding-top: 15px;
        padding-bottom: 15px;
        height: 175px;
    }

    .bg_compare-text:nth-child(odd) {
        height: 90px;
        background-color: #F6F6F6;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .padding-col-campare {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .text-compare {
        position: relative;
        float: left;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding-left: 5px;
        padding-right: 5px;
    }

    .text-compare-left {
        /* position: relative;
        float: left;
        top: 50%;
        left: 13%;
        transform: translate(-50%, -50%); */
        position: relative;
        float: left;
        top: 34%;
        padding-left: 15px;
    }

    /* .position-fixd1{
        position: fixed !important;
        right: 0;
        left: 0;
        z-index: 1000;
        top: -7px;
        background-color: #fff;
    } */
    .hr-software {
        padding: 8px;
        line-height: 1.42857143;
        vertical-align: top;
        border-top: 1px solid #ddd;
    }

    .text-product-software {
        padding-left: 50px;
    }

    .text-product-software-left {
        padding-left: 50px;
    }

    .text-product-software-right {
        padding-right: 100px;
    }

    .product-header {
        font-size: 14px;
        cursor: pointer;
    }

    .icon-product-nav {
        width: 70px;
        height: 54px;
    }

    .collapseSub {
        display: none;
    }

    .more-less {
        float: right;
        color: #212121;
    }

    .panel-default>.panel-heading+.panel-collapse>.panel-body {
        border-top-color: #EEEEEE;
    }

    .link-color-policy {
        color: #fff;
    }

    .h-img-logo {
        height: 24px;
        margin-top: -6px;
    }

    .info_content {
        width: 200px;
    }

    .text-checkbox {
        font-family: Arial, sans-serif;
        font-size: 14px;
        line-height: 1.5;
    }

    .my-input {
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
        cursor: text;
        padding: 8px 10px;
        transition: border .1s linear;
    }


    .login-or {
        position: relative;
        color: #aaa;
        margin-top: 10px;
        margin-bottom: 10px;
        padding-top: 10px;
        padding-bottom: 10px;

    }

    .span-or {
        display: block;
        position: absolute;
        left: 50%;
        top: -2px;
        margin-left: -25px;
        background-color: #fff;
        width: 50px;
        text-align: center;
        font-family: Arial, sans-serif;
        font-size: 14px;

    }

    .lable-text-login {
        
        padding-bottom: 10px;
        font-size: 16px;
    }

    .btn-login-head {
        background-color: #000;
        color: #ffffff;
        
        font-size: 14px;
        width: 196px;
        height: 47px;
        padding: 0;
        margin-top: 38px;

    }

    .btn-register-head {
        background-color: #ffffff;
        border: 1px solid #000;
        color: #000;
        
        font-size: 14px;
        width: 196px;
        height: 47px;
        padding: 0;


    }

    .btn-fogot-pass-head {
        color: #000;
        
        font-size: 14px;
        width: 196px;
        height: 47px;
        padding: 0;

    }

    .hr-or {
        height: 1px;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .btn-login-mobile {
        margin-top: 3px;
        margin-left: 28px;
        width: 80%;
        height: 43px;
        background-color: #ffff;
        border-radius: 70px;
        font-family: Arial, sans-serif;
        font-size: 14px;
    }

    .image-event-relate {
        height: auto;
        width: 100%;
        min-height: 200px;
        object-fit: contain;
        margin-bottom: 10px;
    }

    .box-hight-eventdetail {
        height: 400px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .text-readmore {
        font-family: Arial, sans-serif;
        font-size: 14px;
        line-height: 1.5;
    }

    .news-content {
        font-family: Arial, sans-serif;
        font-size: 14px;
        line-height: 1.5;
    }

    .hr-software {
        padding: 8px;
        line-height: 1.42857143;
        vertical-align: top;
        border-top: 1px solid #ddd;
    }

    .text-product-software {
        padding-left: 50px;
    }

    .text-product-software-left {
        padding-left: 50px;
    }

    .text-product-software-right {
        padding-right: 100px;
    }

    .product-header {
        font-size: 14px;
    }

    .icon-product-nav {
        width: 70px;
        height: 54px;
    }

    .event-test {
        height: 500px;
        background-color: #BEBEBE;
    }

    .event-m {
        height: 350px;
        margin: 15px 0 15px 0;
    }

    .bottom-event {
        margin-top: 15px;
    }

    .event-show {
        background-size: cover;
        background-repeat: no-repeat;
        height: 350px;
        width: 100%;
    }

    .padding-news-header {
        padding: 30px;
    }

    .padding-top-date {
        padding-top: 20px;
    }

    .text-location {
        font-family: Arial, sans-serif;
        font-size: 14px;
    }

    .margin-close {
        margin-right: 20px;
    }

    .img-domo-modal {
        display: block;
        position: absolute;
        float: left;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        max-width: 70%;
        height: auto;
    }

    .mySlidesdomocar {
        width: 600px;
        height: 400px;
    }

    .hieght-box-size-image-widget {
        height: 200px;
    }

    .video-box-size-image-widget {
        height: 300px;
    }

    .hieght-box-mobile-widget {
        height: 200px;
    }

    .row-padding-widgert-mobile {
        padding-left: 0px;
        padding-bottom: 20px;
    }

    .margin-top-productdetial {
        padding-bottom: 242px;
    }

    .padding-logo {
        padding-top: 10px;
        padding-right: 10px;
    }

    /* Search all page  */
    .stylish-input-group .input-group-addon {
        background: white !important;
    }

    .stylish-input-group .form-control {
        border-right: 0;
        box-shadow: 0 0 0;
        border-color: #ccc;
    }

    .stylish-input-group button {
        border: 0;
        background: transparent;
    }

    .mdl-textfield {
        position: relative;
        font-size: 16px;
        display: inline-block;
        box-sizing: border-box;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0;
        padding: 20px 0;
    }

    .btn-search {
        position: absolute;
        right: 20px;
        top: 25px;
    }

    .text-search-margin {
        margin-bottom: 20px;
    }

    .text-header-search {
        color: #04163D;
        margin-bottom: 5px;
    }

    .btn-search {
        position: absolute;
        right: 20px;
        top: 25px;
    }

    .mdl-textfield--floating-label {
        font-family: Arial, sans-serif;
        font-size: 14px;
    }

    #search input[type="text"]:focus {
        width: 250px;
    }

    .text-cancel-bar {
        position: absolute;
        margin-top: -33px;
        right: 3%;
        z-index: -999;
        font-size: 12px !important;
        
    }

    .text-link-suport {
        font-family: Arial, sans-serif;
        font-size: 16px;
        line-height: 18px;
    }


    .log-mobile-nav {
        position: relative;
        margin-top: -54px;
    }

    .row-padding-left {
        padding-left: 18px;
        padding-top: 15px;
    }

    .bottom-margin {
        margin-top: 20px;
    }

    .padding-left-widget {
        padding-left: 0px;
    }

    .event-content {
        height: 116px;
    }

    .box-demo {
        height: 208px;
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .mdl-textfield__label {
        font-size: 22px;
        font-family: Arial, sans-serif;
    }

    .demo-show {
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        margin-bottom: 10px;
        object-fit: cover;
    }

    .breadcrumb .active {
        color: #003399;
    }

    .breadcrumb {
        font-family: Arial, sans-serif;
        font-size: 14px;
        padding: 8px 9px;
        margin-bottom: 20px;
        list-style: none;
        background-color: #fff;
        border-radius: 4px;
    }

    .header-margin {
        margin-top: 60px;
    }

    .cop-img {
        background-position: center;
    }

    .padding-top {
        padding-top: 58%;
    }

    .text-color-b-support {
        color: #fff;
    }

    .text-color-w-support {
        color: #000;
    }

    /* About Us page Style */
    .container-abt-two {
        padding-left: 7%;
        padding-right: 7%;
    }

    .text-abt-al {
        margin-top: 90px;
    }

    .text-abtp-detail {
        margin-top: 30px;
        padding-left: 7%;
        padding-right: 7%;
    }

    .img-abtp {
        margin-top: 30px;
    }

    .img-about-box {
        width: 100%;
        height: 100%;
    }

    .text-abtp-subglobal-net {
        color: #000;
        
        font-size: 24px;
    }

    .bg-history {
        height: 620px;
        width: 100%;
        background-color: #3333ff;
    }

    .button-right {
        position: absolute;
        right: 20px;
    }

    /* End About Us page Style */
    /* 
* 	Core Owl Carousel CSS File
*	v1.3.3
*/

    /* clearfix */
    .margin-top-history {
        margin-top: -50px;
    }

    .owl-carousel .owl-wrapper:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }

    /* display none until init */
    .owl-carousel {
        display: none;
        position: relative;
        width: 100%;
        -ms-touch-action: pan-y;
    }

    .owl-carousel .owl-wrapper {
        display: none;
        position: relative;
        -webkit-transform: translate3d(0px, 0px, 0px);
    }

    .owl-carousel .owl-wrapper-outer {
        overflow: hidden;
        position: relative;
        width: 100%;
    }

    .owl-carousel .owl-wrapper-outer.autoHeight {
        -webkit-transition: height 500ms ease-in-out;
        -moz-transition: height 500ms ease-in-out;
        -ms-transition: height 500ms ease-in-out;
        -o-transition: height 500ms ease-in-out;
        transition: height 500ms ease-in-out;
    }

    .owl-carousel .owl-item {
        float: left;
    }

    .owl-controls .owl-page,
    .owl-controls .owl-buttons div {
        cursor: pointer;
    }

    .owl-controls {
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

    /* mouse grab icon */
    .grabbing {
        cursor: url(grabbing.png) 8 8, move;
    }

    /* fix */
    .owl-carousel .owl-wrapper,
    .owl-carousel .owl-item {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
    }

    /*
    * 	Owl Carousel Owl Demo Theme 
    *	v1.3.3
    */

    .owl-theme .owl-controls {
        margin-top: 10px;
        text-align: center;
    }

    /* Styling Next and Prev buttons */

    .owl-theme .owl-controls .owl-buttons div {
        color: #FFF;
        display: inline-block;
        zoom: 1;
        *display: inline;
        /*IE7 life-saver */
        margin: 5px;
        padding: 3px 10px;
        font-size: 12px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
        background: #869791;
        filter: Alpha(Opacity=50);
        /*IE7 fix*/
        opacity: 0.5;
    }

    /* Clickable class fix problem with hover on touch devices */
    /* Use it for non-touch hover action */
    .owl-theme .owl-controls.clickable .owl-buttons div:hover {
        filter: Alpha(Opacity=100);
        /*IE7 fix*/
        opacity: 1;
        text-decoration: none;
    }

    /* Styling Pagination*/

    .owl-theme .owl-controls .owl-page {
        display: inline-block;
        zoom: 1;
        *display: inline;
        /*IE7 life-saver */
    }

    .owl-theme .owl-controls .owl-page span {
        display: block;
        width: 12px;
        height: 12px;
        margin: 5px 7px;
        filter: Alpha(Opacity=50);
        /*IE7 fix*/
        opacity: 0.5;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        background: #869791;
    }

    .owl-theme .owl-controls .owl-page.active span,
    .owl-theme .owl-controls.clickable .owl-page:hover span {
        filter: Alpha(Opacity=100);
        /*IE7 fix*/
        opacity: 1;
    }

    /* If PaginationNumbers is true */

    .owl-theme .owl-controls .owl-page span.owl-numbers {
        height: auto;
        width: auto;
        color: #FFF;
        padding: 2px 10px;
        font-size: 12px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
    }

    /* preloading images */
    .owl-item.loading {
        min-height: 150px;
        background: url(AjaxLoader.gif) no-repeat center center
    }



    #owl-demo .item {
        margin: 3px;
    }

    #owl-demo .item img {
        display: block;
        width: 100%;
        height: auto;
    }

    .bg-item-gray {
        background-color: #003399;
        width: 200px !important;
        height: 348px;
        cursor: pointer;
        color: #fff;
    }

    .bg-item-graylight {
        background-color: #fff;
        width: 200px !important;
        height: 348px;
        cursor: pointer;
    }

    .boxhistory {
        /*         display:none; */
        position: absolute;
        top: 1px;
        width: 100%;
        z-index: 999;
        float: left;
        overflow: hidden;
        background: #BCBDBF;
        cursor: pointer;
    }

    /* Add padding and border to inner content
    for better animation effect */

    .box-inner {
        width: 1000px;
        height: 351px;
        padding: 132px;

    }

    .text-his {
        padding: 79% 48% 0 7%;
        
        font-size: 21pt;
    }

    .hr-abt {
        padding: 8px;
        vertical-align: top;
        border-top: 1px solid #fff;

    }

    .mdl-textfield {
        position: relative;
        font-size: 16px;
        display: inline-block;
        box-sizing: border-box;
        width: 100% !important;
        max-width: 100%;
        margin: 0;
        padding: 20px 0;
    }

    .color-text {
        background-color: #F6F6F6 !important;
    }

    .margin-btn {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .hieght-box-size-support {
        height: 351px;
    }


    .bg-main {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: left;
    }

    .hieght-box-alstyle {
        height: 500px;
    }

    .body-w-search {
        background-color: #000;
        color: #fff;
        position: fixed !important;
        right: 0;
        left: 0;
        z-index: 99;
        margin-top: -112px;
    }

    .btn-margin-alpine {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .margin-alpine-search-tap {
        margin-top: 162px;
    }

    .text-model {
        color: #000;
        
        font-size: 22px;
        line-height: 1.5;
        padding-top: 15px;
        margin-top: 5%;
        padding-left: 5px;
        padding-right: 5px;
    }

    .text-model-sub {
        color: #000;
        
        font-size: 26px;
        margin-top: 24px;
        padding: 23px;
    }

    .height-box-alstyle-top {
        height: 402px;
    }

    .height-box-alstyle {
        height: 350px;
    }

    .text-brand {
        color: #000;
        
        font-size: 28px;
        margin-top: 20px;
    }

    .text-detail-alstyle {
        margin-top: 30px;
        margin-bottom: 30px;

    }

    .img-size-alpine {
        height: 23px;
        width: 300px;
    }

    .margin-input {
        margin-top: 15px;
    }

    #content {
        /* background: #06c; */
        position: relative;
        float: left;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .content-ch {
        margin-top: 200px;
    }

    .hieght-box-size-mobile {
        height: 300px;
    }

    .h-w-imag-ban-slide {}

    .margin-text-banner-home {
        position: absolute;
        top: 104px;
    }

    .btn-margin-moblie {
        /* margin-left:19%; */
        margin-bottom: 20px;
    }

    .margin-slidebar-moblie {
        margin-top: 5px;
        margin-left: 22px;

    }

    .img-logo {
        height: 24px;
        margin-top: 13px;
    }

    .btn-main-back-w {
        background-color: #000;
        color: #ffffff;
        
        font-size: 10pt;
        width: 132px;
        height: 42px;
        border-radius: 4px;
        padding: 0;
        border-color: #ffffff;
    }

    .text-subheader {
        
        padding-bottom: 20px;
        padding-top: 20px;
        font-size: 27px;
        line-height: 36px;
        padding-left: 10px;
        padding-right: 10px;


    }

    .imagCat {
        width: 70px;
        height: 54px;
    }

    .text-cat {
        font-family: Arial, sans-serif;
        font-size: 14px;
        line-height: 1.5;
    }

    .MultiCarousel {
        float: left;
        overflow: hidden;
        padding: 15px;
        width: 100%;
        position: relative;
    }

    .MultiCarousel .MultiCarousel-inner {
        transition: 1s ease all;
        float: left;
    }

    .MultiCarousel .MultiCarousel-inner .item {
        float: left;
    }

    .MultiCarousel .MultiCarousel-inner .item>div {
        text-align: center;
    }

    .MultiCarousel .leftLst,
    .MultiCarousel .rightLst {
        position: absolute;
        top: calc(50% - 20px);
    }

    .MultiCarousel .leftLst {
        left: 0;
    }

    .MultiCarousel .rightLst {
        right: 0;
    }

    .MultiCarousel .leftLst.over,
    .MultiCarousel .rightLst.over {
        pointer-events: none;
        background: #ccc;
    }



    .vertical .carousel-inner {
        height: 100%;

    }

    .carousel.vertical .item {
        -webkit-transition: 0.6s ease-in-out top;
        -moz-transition: 0.6s ease-in-out top;
        -ms-transition: 0.6s ease-in-out top;
        -o-transition: 0.6s ease-in-out top;
        transition: 0.6s ease-in-out top;
    }

    .carousel.vertical .active {
        top: 0;
    }

    .carousel.vertical .next {
        top: 400px;
    }

    .carousel.vertical .prev {
        top: -400px;
    }

    .carousel.vertical .next.left,
    .carousel.vertical .prev.right {
        top: 0;
    }

    .carousel.vertical .active.left {
        top: -400px;
    }

    .carousel.vertical .active.right {
        top: 400px;
    }

    .carousel.vertical .item {
        left: 0;
    }

    .indicati-pro {
        position: absolute !important;
        bottom: 10px !important;
        left: 0% !important;
        z-index: 15 !important;
        width: 3% !important;
        margin-left: -3% !important;
        margin-bottom: 35% !important;
        padding-left: 0 !important;
        list-style: none !important;
        text-align: center !important;
    }

    .indicati-pro li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 1px;
        text-indent: -999px;
        border: 1px solid #144B97 !important;
        border-radius: 8px;
        cursor: pointer;
        background-color: #000;
        background-color: rgba(0, 0, 0, 0);
    }

    .indicati-pro .active {
        margin: 0;
        width: 12px;
        height: 12px;
        background-color: #144B97;
    }

    .nav-tabs {
        margin-top: 10px;
    }

    .nav-tabs>li.active>a,
    .nav-tabs>li.active>a:focus,
    .nav-tabs>li.active>a:hover {
        border-width: 0;
    }

    .nav-tabs>li>a {
        border: none;
        color: #757373;
        
        font-size: 18px;
        line-height: 26px;

    }

    .nav-tabs>li.active>a,
    .nav-tabs>li>a:hover {
        border: none;
        color: #003399 !important;
        background: transparent;
    }

    .nav-tabs>li>a::after {
        content: "";
        background: #003399;
        height: 3px;
        border-radius: 9px;
        position: absolute;
        width: 100%;
        left: 0px;
        bottom: 1px;
        transition: all 250ms ease 0s;
        transform: scale(0);
    }

    .nav>li>a {
        position: relative;
        display: block;
        padding: 11px 6px;
    }

    .nav-tabs>li.active>a::after,
    .nav-tabs>li:hover>a::after {
        transform: scale(1);
    }

    .tab-nav>li>a::after {
        background: #003399 none repeat scroll 0% 0%;
        color: #fff;
    }

    .tab-pane {
        background-color: #fff;
    }

    .tab-content {
        padding: 0px
    }

    .nav-tabs {
        overflow-x: auto;
        overflow-y: hidden;
        display: -webkit-box;
        display: -moz-box;
    }

    .nav-tabs>li {
        float: none;
    }

    .card {
        background: #fafafa none repeat scroll 0% 0%;
        margin-top: 20px;
    }


    .sidenav {
        padding-top: 15px;
    }

    .sidenav a {
        font-size: 18px;
    }

    .collapsing,
    .in {
        background-color: #f7f7f7;
    }

    .collapsing ul li a,
    .in ul li a {
        color: #555 !important;
    }

    .collapsing ul li a:hover,
    .in ul li a:hover {
        color: #f1f1f1 !important;
    }

    .navbar-center {
        position: absolute;
        left: 30%;
        right: 20%;
    }

    .invisible-mobile {
        display: none !important;
    }

    .visible-mobile {
        display: block !important;

    }

    .invisible-slide-baner {
        display: none;
    }

    .visible-slide-baner {
        display: block;
    }

    .navbar-brand {
        float: right;
    }

    .menu-text-mobile {
        border-bottom: #fff solid 1px;
        font-size: 14px !important;
        
        margin-top: 5px;
    }

    .margin-top-menu-mobile {
        margin-top: 20px;
    }

    .h-mobile {
        margin-top: 20px;
    }

    .margin-top-mobile-Procategory {
        margin-top: 40px;
    }

    /* advance search  */
    .cd-main-header,
    .cd-main-content {
        position: relative;
        transition: transform 0.3s;
    }

    .cd-main-header.nav-is-visible,
    .cd-main-content.nav-is-visible {
        transform: translateX(-260px);
    }

    .flipkart-navbar-input {
        padding: 12px 16px;
        border-radius: 2px 0 0 2px;
        border: 0 none;
        outline: 0 none;
        font-size: 15px;
        
    }

    .flipkart-navbar-button {
        background-color: #999;
        border: 1px solid #999;
        border-radius: 0 2px 2px 0;
        color: #565656;
        padding: 10px 0;
        height: 44.5px;
        cursor: pointer;
    }

    .flipkart-navbar-search {
        /* margin-bottom:30px;
        margin-left: 32px; */

    }

    .info-bnt-pro {
        margin-left: 2px;
    }

    /* end advance search  */

    .img-responsive,
    .thumbnail>img,
    .thumbnail a>img,
    .carousel-inner>.item>img,
    .carousel-inner>.item>a>img {

        width: auto;
        height: auto;

    }


    .carousel-indicators li {
        border: 1px solid #003399;

    }

    .carousel-indicators .active {
        background-color: #003399;
    }

    .slide-inner-img-height {
        height: 733px !important;

    }

    /* .mobile-box-h{
        margin-top: -274px!important;
      } */
    .mobile-box-tab-h {
        margin-top: -20px !important;
    }


    .contain-box-banner {
        position: absolute;
        left: 41%;
        right: 15%;
        bottom: 350px;
        z-index: 10;
        padding-top: 20px;
        text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    }

    .text-banner-slide {
        font-size: 24px;
        
        line-height: 28px;
    }


    .box-size {
        height: 443px !important;
    }

    .img-box {
        width: 200px;
        height: 100px;
        margin-right: 41%;
    }

    .text-header-widgit {
        font-size: 20px;
        
        display: block;
        text-align: center;
        margin-top: 50%;

    }

    .text-detail-white {
        
        font-size: 14px;
        line-height: 15px;
    }

    .btn-h {
        margin-top: 9px;

    }

    .navbar-center {
        position: absolute;
        left: 30%;
        right: 20%;
    }


    .main-menu-header {
        color: #ffffff !important;
        font-size: 15px;
        padding: 0 20px 0 20px;
        font-family: Arial, sans-serif;
    }

    .sidenav {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 1;
        top: 0;
        left: 0;
        background-color: #111;
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 60px;
    }

    .sidenav a {
        padding: 8px 8px 8px 32px;
        text-decoration: none;
        font-size: 18px;
        color: #fff;
        display: block;
        transition: 0.3s;
        
    }


    .sidenav a:hover {
        color: #f1f1f1;
    }

    .sidenav .closebtn {
        font-family: Arial, sans-serif;
        position: absolute;
        top: 0;
        left: -64px;
        font-size: 36px;
        margin-left: 50px;
    }


    .drop-down-mobile {
        position: relative;
        display: inline-block;
        width: auto;
        margin-top: 0;
    }

    .drop-down-mobile select {
        display: none;
    }

    .drop-down-mobile .select-list-mobile {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        margin-top: 40px;
        padding: 0;
        background-color: #000;
        list-style-type: none;
    }

    .drop-down-mobile .select-list-mobile li {
        display: none;
    }

    .drop-down-mobile .select-list-mobile li span {
        display: inline-block;
        min-height: 26px;
        min-width: 280px;
        width: 100%;
        padding: 7px 15px 5px 35px;
        background-color: #000;
        background-position: left 1px center;
        background-repeat: no-repeat;
        font-size: 15px;
        text-align: left;
        color: #FFF;
        opacity: 0.7;
        box-sizing: border-box;
        background-size: contain;
        
    }

    .drop-down-mobile .select-list-mobile li span:hover,
    .drop-down-mobile .select-list-mobile li span:focus {
        opacity: 1;
    }

    .icon-lang-mobile {
        background-size: 33px;
        background-repeat: no-repeat;
        padding-left: 33px;
        padding-top: 12px;
        color: #fff !important;
        font-family: 'Questrial-Regular' !important;
        font-size: 15px;
    }

    .select-box-mobile {
        margin-top: 20px;
    }

    .select-list-link-mobile {
        position: relative;
        margin-left: 275px;
        margin-top: -34px;
        color: white;
    }

    .h-tab-mobile-content {
        margin-top: -16px !important;
    }

    .box {
        display: block;
        width: auto;
        height: 336px;
        background: #f6f6f6;
    }

    .box:hover {
        opacity: 0.8;
    }

    .box img {

        height: auto;

    }

    .text-img-pro {
        color: #000;
        position: relative;
        margin-top: 0;
        margin-left: 0;
        z-index: 1;
        
        font-size: 18px;
    }

    .text-detail-pro {
        color: #000;
        position: relative;
        margin-top: 2%;
        z-index: 1;
        font-family: Arial, sans-serif;
        font-size: 12px;
        padding-left: 10px;
        padding-right: 10px;

    }

    .line-pro {
        height: 1px;
        margin-top: 1px !important;
        margin-bottom: 0px !important;
        border: 0.5px solid #003399;
        margin-left: 20px;
        margin-right: 20px;
    }

    .text-pro-ban-header {
        
        font-size: 35px;
        line-height: 32px;
    }

    .text-pro-ban-detail {
        font-family: Arial, sans-serif;
        font-size: 14px;
    }

    .box-pro-banner {
        margin-top: 29%;
    }

    .hieght-box-size {
        height: 200px;
    }

    .btn-login-mobile {
        margin-top: 3px;
        margin-left: 28px;
        width: 80%;
        height: 43px;
        background-color: #ffff;
        border-radius: 70px;
        font-family: Arial, sans-serif;
        font-size: 14px;
    }

    .h-banner-productCata {
        height: 350px;
        padding-bottom: 15px;
        margin-bottom: 3px;

    }

    .parent {
        width: 100%;
        height: 375px;
        overflow: hidden;
        position: relative;
        display: inline-block;
        cursor: pointer;
    }

    .img-show {
        height: 100%;
        width: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        background-position: center;
    }

    .parent:hover .img-show,
    .parent:focus .img-show {
        -ms-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }

    .parent:hover .img-show:before,
    .parent:focus .img-show:before {
        display: block;
    }



    .img-show:before {
        content: "";
        display: none;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;

    }


    .img-show-banner {
        background-size: cover;
        background-repeat: no-repeat;
        height: 84%;
        background-position: center;
    }

    .img-Category-banner {
        background-size: cover;
        background-repeat: no-repeat;
        height: 100%;
        background-position: center;
    }

    .btn-main {
        background-color: #04163D;
        color: #ffffff;
        
        font-size: 10pt;
        width: 124px;
        height: 42px;
        border-radius: 4px;
        padding: 0;
    }

    .btn-main:hover {
        background-color: #04163D;
        color: #ffffff;
    }
    .btn-main:active {
        background-color: #04163D;
        color: #ffffff;
    }

    .btn-mobile {
        background-color: #003399;
        color: #ffffff;
        
        font-size: 10pt;
        width: 100%;
        height: 42px;
        border-radius: 4px;
        padding: 0;
    }

    .product-bottom-margin {
        margin-top: 58px;
    }

    .margin-t-footer {
        margin-top: 0px;
        padding-top: 20px;
    }

    .pad-btn-bottom-mobile {
        padding-bottom: 20px;
    }

    .text-sub-head-footer {
        
        font-size: 21px;
        line-height: 26px;
        color: #F5F5F5;
        padding-top: 20px;
    }

    .text-detail-footer {
        font-family: Arial, sans-serif;
        font-size: 14px;
        line-height: 1.5;
        color: #F5F5F5;
    }

    .footer-link {
        font-family: Arial, sans-serif;
        font-size: 14px;
        line-height: 1.5;
        color: #F5F5F5;
    }

    /** Custom Select **/
    .custom-select-wrapper {
        position: relative;
        display: inline-block;
        user-select: none;
    }

    .custom-select-wrapper select {
        display: none;
    }

    .custom-select {
        position: relative;
        display: inline-block;
    }

    .custom-select-trigger {
        position: relative;
        display: block;
        width: 117px;
        padding: 0px 16px 0 0px;
        font-size: 14px;
        
        font-weight: 300;
        color: #000;
        line-height: 19px;
        background: #fff;
        border-radius: 4px;
        cursor: pointer;

    }

    .custom-select-trigger:after {
        position: absolute;
        display: block;
        content: '';
        width: 10px;
        height: 10px;
        top: 50%;
        right: 3px;
        margin-top: -3px;
        border-bottom: 1px solid #000;
        border-right: 1px solid #000;
        transform: rotate(45deg) translateY(-50%);
        transition: all .4s ease-in-out;
        transform-origin: 50% 0;
    }

    .custom-select.opened .custom-select-trigger:after {
        margin-top: 3px;
        transform: rotate(-135deg) translateY(-50%);
    }

    .custom-options {
        position: absolute;
        display: block;
        top: 100%;
        left: 0;
        right: 0;
        min-width: 100%;
        margin: 15px 0;
        border: 1px solid #b5b5b5;
        border-radius: 4px;
        box-sizing: border-box;
        box-shadow: 0 2px 1px rgba(0, 0, 0, .07);
        background: #fff;
        transition: all .4s ease-in-out;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateY(-15px);
        z-index: 9999;
        margin-left: -128px;
        font-family: Arial, sans-serif;
        font-size: 11px;


    }

    .custom-select.opened .custom-options {
        opacity: 1;
        visibility: visible;
        pointer-events: all;
        transform: translateY(0);
    }

    .custom-options:before {
        position: absolute;
        display: block;
        content: '';
        bottom: 100%;
        right: 25px;
        width: 7px;
        height: 7px;
        margin-bottom: -4px;
        border-top: 1px solid #b5b5b5;
        border-left: 1px solid #b5b5b5;
        background: #fff;
        transform: rotate(45deg);
        transition: all .4s ease-in-out;
    }

    .option-hover:before {
        background: #f9f9f9;
    }

    .custom-option {
        position: relative;
        display: block;
        padding: 0 9px;
        border-bottom: 1px solid #b5b5b5;
        font-size: 12px;
        color: #000;
        line-height: 47px;
        cursor: pointer;
        transition: all .4s ease-in-out;
        

    }

    .custom-option:first-of-type {
        border-radius: 4px 4px 0 0;
    }

    .custom-option:last-of-type {
        border-bottom: 0;
        border-radius: 0 0 4px 4px;
    }

    .custom-option:hover,
    .custom-option.selection {
        background: #003399;
        color: #fff;
    }

    .btn-compare {
        background-color: #04163D;
        border: none;
        color: white;
        padding: 6px 6px 7px 4px;
        font-size: 14px;
        
        width: 100%;
        cursor: pointer;
        border-radius: 4px;
    }

    .text-input {
        font-family: Arial, sans-serif;
        font-size: 17px;
    }

    .select-sort {
        border: none;
        background: none;
        
        line-height: 17px;
        font-size: 14px;
    }

    .solid-button {
        padding: 5px 10px 10px 10px;
        background: none;
        
        line-height: 17px;
        font-size: 14px;
    }

    .text-head-filter {
        
        line-height: 20px;
        font-size: 18px;
        padding-bottom: 10px;
        color: #003399;
    }

    .text-form-filter {
        
        line-height: 18px;
        font-size: 15px;
    }

    .margin-filter-close {
        margin-top: -10px;
    }

    .margin-top-btn {
        padding-top: 10px;
    }

    /* The customcheck */
    .customcheck {
        display: block;
        position: relative;
        padding-left: 35px;
        margin-bottom: 12px;
        cursor: pointer;
        font-size: 14px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        font-weight: 100;
        
    }

    /* Hide the browser's default checkbox */
    .customcheck input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

    /* Create a custom checkbox */
    .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 20px;
        width: 20px;
        background-color: #fff;
        border-radius: 4px;
        border: 2px solid #003399;
    }

    /* On mouse-over, add a grey background color */
    .customcheck:hover input~.checkmark {
        background-color: #ccc;
    }

    /* When the checkbox is checked, add a blue background */
    .customcheck input:checked~.checkmark {
        background-color: #003399;
        border-radius: 4px;
    }

    /* Create the checkmark/indicator (hidden when not checked) */
    .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    /* Show the checkmark when checked */
    .customcheck input:checked~.checkmark:after {
        display: block;
    }

    /* Style the checkmark/indicator */
    .customcheck .checkmark:after {
        left: 6px;
        top: 3px;
        width: 5px;
        height: 10px;
        border: solid white;
        border-width: 0px 2px 2px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .unstyled-button {
        border: none;
        padding: 0;
        background: none;
        
        line-height: 16px;
        font-size: 18px;
    }

    /* The Modal (background) */
    .modalDemoCar {
        display: none;
        position: fixed;
        z-index: 1;
        padding-top: 100px;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: black;
        z-index: 9999;
    }

    /* Modal Content */
    .modal-contentDemoCar {
        position: relative;
        margin: auto;
        padding: 0;
        width: 100%;
        max-width: 1000px;
    }

    .box-height-modal {
        max-height: 1200px;
    }

    /* The Close Button */
    .close {
        color: black;
        position: absolute;
        top: 6px;
        right: 6px;
        font-size: 35px;
        font-weight: bold;
    }

    .close:hover,
    .close:focus {
        color: #999;
        text-decoration: none;
        cursor: pointer;
    }

    .mySlides {
        display: none;
    }

    .cursor {
        cursor: pointer;
    }

    /* Next & previous buttons */
    .prevDemoCar,
    .nextDemoCar {
        cursor: pointer;
        position: absolute;
        top: 50%;
        width: auto;
        padding: 16px;
        margin-top: -50px;
        color: white;
        font-weight: bold;
        font-size: 20px;
        transition: 0.6s ease;
        border-radius: 0 3px 3px 0;
        user-select: none;
        -webkit-user-select: none;
        background-color: rgba(0, 0, 0, 0.8);
    }

    /* Position the "next button" to the right */
    .nextDemoCar {
        right: 0;
        border-radius: 3px 0 0 3px;
    }

    /* On hover, add a black background color with a little bit see-through */
    .prevDemoCar:hover,
    .nextDemoCar:hover {
        background-color: rgba(0, 0, 0, 0.8);
    }

    .text-domoCar {
        color: black;
        font-size: 20px;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }

    .overlay {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
        transition: .5s ease;
        background-color: #F0F8FF;
    }

    .domoCar-box:hover .overlay {
        opacity: 0.725;
    }

    .domoCar-box-ht {
        height: 250px;
        background-position: center;
    }

    .h-domocar {
        height: 500px;
        margin-bottom: 425px;
    }

    .img-h-w-box {
        position: relative;
        margin-top: -25px;
    }

    .text-htm-pro {
        color: #000;
        position: relative;
        margin-top: -25%;
        z-index: 1;
        
        font-size: 16px;
    }

    .text-heder-suport {
        
        font-size: 16px;
        line-height: 18px;
        color: #004899;
    }

    .download-content-support {
        
        font-size: 14px;
        line-height: 18px;
    }

    .margin-top-content {
        margin-top: 30px;
    }

    .margin-product-name {
        margin-top: -69px;
    }

    .img-wid-h-w {
        width: 100%;
        height: 500px;
    }

    .input-lg {
        font-size: 16px;
        padding: 10px 8px;
        

    }

    .row_padding {
        height: 280px;
        padding-top: 7px !important;
        padding-bottom: 7px !important;
        margin-bottom: 0px;
    }

    .form-control {
        font-family: Arial, sans-serif;
        font-size: 14px;
        line-height: 1.5;
    }

    .inline-logo {
        display: inline;

    }

    .short-full {
        float: right;
        color: #F5F5F5;
        font-size: 12px;
    }

    .panel {

        background-color: #04163D !important;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .panel-default>.panel-heading {
        color: #04163D;
        background-color: #04163D;
        border-color: #04163D;
    }

    .panel-title {
        color: #F5F5F5;
        
        font-size: 20px;
        line-height: 26px;
    }

    .panel-default>.panel-heading+.panel-collapse>.panel-body {
        border-top-color: #04163D;
        background-color: #04163D;
    }

    .btn-margin {
        margin-top: 10px;
    }
    .img-pin{
        height: 64px;
        margin-right: 15px;
        padding-top: 35px;
    }
    .img-pin{
        height: 64px;
        margin-right: 15px;
        padding-top: 35px;
    }
   .div-pin-distribure{
    margin-top:30px;
    padding:10px;
    border: 1px solid;
   }
   .div-pin-distribure img{ 
    height: 46px;
    padding: 7px;
   }
   .btn-buy-laza {
    margin-top: 20px;
    }
}

@media (max-width:370px) {
    .hieght-box-mobile-widget {
        height: 200px;
    }

    .box-scoll {

        height: 500px;
        overflow-y: scroll;
        overflow-x: hidden;
    }
    .img-pin{
        height: 64px;
        margin-right: 15px;
        padding-top: 35px;
    }
}


.general-section-list{}
.general-section-list li:last-child{ border-bottom:none;}


   .hieght-without-img {
       height: 160px !important;
    }




.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    min-height: 500px;
}



/* Hi Res logo Start ============================= */

.hi-res-logo{
    margin-top: 30px;
    text-align: center;
	padding: .3rem;
    border: 2px solid #d1d1d1;
    border-radius: 5px;
    width: fit-content;
}

.hi-res-logo>li{
    width: 8rem;
    height: 4rem;
}
.hi-res-logo>li>img{
    width: 100%;
    height: 100%;
	object-fit: contain;
}

/* Hi Res logo End ============================= */

/*Alpine F#1 status ============================*/
.dropdown>ul>li:nth-child(1){
    color: #000 ;
    font-size:1rem !important;
}