/******************************************
*
* Survay
* Designed & Developed by : Toni / IT / LRH
* Copyright 2017 all right reserved.
*
*  Import
/*-----------------------------------------------------------------------------------*/

body {
    margin: 0;
    color: #535353;
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
	background: #f7f7f7 !important;
	font-family: 'Roboto', sans-serif;
	padding: 0;
	position: relative;
}

/*  Overall
/*-----------------------------------------------------------------------------------*/
	a {
		-moz-transition: all .3s !important;
		-webkit-transition: all .3s !important;
		-ms-transition: all .3s !important;
		-o-transition: all .3s !important;
		transition: all .3s !important;
		text-decoration:none !important;
		outline: 0 !important;
		font-family: 'Raleway', sans-serif !important;
	}
	a:hover {
		text-decoration: none !important;
	}
	a.readmore{
		display: block;
		width: 120px;
		height: 33px;
		border-radius: 3px;
		background: #f15a00;
		text-align: center;
		font-size: 14px;
		margin: 20px 0 0 0;
		color: #fff;
		overflow: hidden;
		padding: 8px 0 0 0;
		letter-spacing: 0.03em;
		font-family: 'Roboto', sans-serif !important;
	}
	a.readmore:hover,
	a.active:hover,
    .listinglist .resort-list .content-wrapper a.more:hover{
		color: #fff;
		background: #c15f0a;
	}
	p{
		font-family: 'Roboto', sans-serif !important;
	}
	span{
		font-family: 'Roboto', sans-serif;
	}
	video{
		margin: 0;
		padding: 0;
	}
	input:focus,
	select:focus,
	textarea:focus {
		outline: 0 !important;
	}
	h1,h2,h3,h4,h5,h6{
		margin: 0 !important;
		padding: 0 !important;
		font-family: 'Roboto', sans-serif !important;
	}
	.clear-margin{ margin:0; padding:0; }
 	.relative{ position:relative; }  
	.margin0{
		margin:0 !important;
		padding:0 !important;
		position:relative;
	}
	p.uppercase{
		text-transform: uppercase;
		letter-spacing: 0.26em !important;
	}
	.number-font{
		font-family: 'Roboto', sans-serif;
	}
	#success_message{ display: none !important; }
	.clear-padding{
		padding: 0 !important;
	}
	.paddingb10{
		padding-bottom: 10px !important;
	}
	.paddingtb15{
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.paddingt15{
		padding-top: 15px !important;
	}
	.paddingt5{
		padding-top: 7px !important;
	}
	.col-2-center .col-md-2{
		text-align: center !important;
	}
	.margin10{
		margin: 10px 0 !important;
	}
	.color-gray{
		color: #797979;
	}

/* Icon
/*-----------------------------------------------------------------------------------*/
span.language::before{
	content: "\f0ac";
}
span.phone::before{
	content: "\f095";
}
span.fax::before{
	content: "\f1ac";
}
span.email::before{
	content: "\f0e0";
}
span.edit::before{
	content: "\f044";
}
span.password::before{
	content: "\f044";
}
span.print::before{
	content: "\f02f";
}
span.calendar::before{
	content: "\f073";
}
span.close-icon::before{
	content: "\f00d";
}
span.locate::before{
	content : "\f041";
}

/* SOCAIL ICON */

span.facebook::before{
	content: "\f09a";
}
span.tripadvisor::before{
	content: "\f262";
}
span.twitter::before{
	content: "\f099";
}
span.google::before{
	content: "\f1a0";
}
span.ig::before{
	content: "\f16d";
}

/*  Button
/*-----------------------------------------------------------------------------------*/
.btn-button{
	width: auto;
	padding: 10px 25px;
	background: #f15a00;
	color: #fff;
	font-weight: 400;
	letter-spacing: 0.03em;
	cursor: pointer;
	transition: all 0.3s;
	border-radius: 3px;
}
.btn-button:hover{
	background: #a5540e;
}

.btn-light{
	display: block;
	position: relative;
	cursor: pointer;
	color: #464646;
	font-weight: 500;
}
.btn-light:hover{
	color: #0a0a0a;
}

.btn-button::before,
.btn-light::before{
	font-family: FontAwesome;
	margin: 0 5px 0 0;
	display: inline-block;
	position: relative;
}

.gototop{
	display: block;
	width: 60px;
	height: 60px;
	background: url(../images/icon/btn_top.png) center center no-repeat;
	background-size: 100%;
	position: fixed;
	right: 15px;
	bottom: 15px;
	z-index: 999;
	transition: all 0.3s;
	opacity: 0.25;
	visibility: hidden;
}
.gototop:hover{
	opacity: 1;
}


/*  Survay Style
/*-----------------------------------------------------------------------------------*/
header{
	position: relative;
	z-index: 10;
	text-align: center;
}
header img{
	width: 150px;
	margin: 10px 0 0 0;
}
header h1{
	letter-spacing: 0.06em;
	font-weight: 300;
	color: rgba(255,255,255,0.9);
	font-size: 25px;
	margin: 10px 0 20px !important;
}
.background-top{
	position: absolute;
	left: 0;
	width: 100%;
	height: 400px;
	z-index: 5;
	background: #738885;
}
/*
.background-top::after{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(top, rgba(235,93,11,1), rgba(247,247,247,1));
    background: -o-linear-gradient(top, rgba(235,93,11,1), rgba(247,247,247,1));
    background: -moz-linear-gradient(top, rgba(235,93,11,1), rgba(247,247,247,1));
    background: linear-gradient(top, rgba(235,93,11,1), rgba(247,247,247,1));
	position: absolute;
	top:400px;
	z-index: 1;
}
*/
.lang-dropdown{
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 99999;
}
.lang-dropdown select{
	padding: 5px;
	font-size: 14px;
	width: 100px !important;
	border: none;
	text-align: center !important;
	letter-spacing: 0.02em;
	color: #232323;
}

.background-top{
	top:0;
}
section{
	padding: 0 0 150px 0;
}
footer{
    padding: 150px 0 20px 0;
	/*padding: 265px 0 40px 0;*/
	background: #eb5d0b;
	position: absolute;
	height: 400px;
	bottom: 0px;
	left: 0;
	width: 100%;
	z-index: 1;
	text-align: center;
}
footer h1{
	font-size: 20px;
	letter-spacing: 0.05em;
	color: #fff;
	position: relative;
}
footer h3{
	color: #fff;
	font-size: 18px;
	padding: 15px 0 0 0 !important;
	font-weight: 300;
	letter-spacing: 0.04em;
}
footer p{
	color: #fff;
	font-size: 16px;
	padding: 0;
	font-weight: 200;
	letter-spacing: 0.05em;
}
.page-warpper{
	width: 100%;
	height: auto;
}
.fieldset{
	background: #fff;
	padding: 20px 40px;
	border-radius: 5px;
}
.fieldset .col-md-6{
	border: none !important;
}

#form_satissurvey{
    box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
}
button.survey_submit{
	padding: 15px;
	border: none;
	background: none;
	letter-spacing: 0.03em;
	font-weight: 500;
	font-size: 20px;
	margin: 45px 0 15px 0;
	color: #00a9a7;
	transition: all 0.3s;
}
button.survey_submit:disabled{
	opacity: 0.3;
}
button.survey_submit:hover{
	color: #0000000;
}
button.survey_submit::before{
	content: "\f3fe";
	font-family: 'FontAwesome';
}
button.survey_submit.loading::before{
	content: "\f110";
	font-family: 'FontAwesome';
	display: inline-block;
    -webkit-animation-name: spin;
    -webkit-animation-duration: 4000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 4000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 4000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: spin;
    animation-duration: 4000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.uk-modal{
	overflow: hidden !important;
}
.uk-modal-content{
	font-size: 14px !important;
	text-align: center !important;
}
.uk-modal-content h3{
	margin-bottom: 15px !important;
}
.uk-text-right{
	text-align: center !important;
}
.uk-modal span.modal-logo{
	width: 200px;
	height: 120px;
	display: block;
	margin: 0 0 30px 20px;
	background: url("https://lifestyle-vacations.com/callcentre-survey/assets/images/lifestyle-services-logo-png-resize.png") bottom center no-repeat;
	background-size: 100%;
}
.uk-button{
	font-size: 14px !important;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	border: solid 1px #e1e1e1 !important;
	width: 120px;
	height: auto;
	text-align: center;
}
.uk-modal h1{
	text-align: left !important;
	padding-left: 20px !important;
	margin-bottom: 20px !important;
}
.uk-modal .row{
	margin-top: 10px !important;
}
.uk-modal label{
	font-size: 14px;
}
.uk-modal button.verify{
	position: relative;
	background: none;
	border: none;
	outline: none;
	font-size: 18px;
	margin: 10px 0;
	transition: all 0.4s;
	color: #00a9a7;
	visibility: visible;
}
.uk-modal button:disabled{
	opacity: 0.3;
}
.uk-modal button.verify::after{
	content: "\f061";
	font-family: 'FontAwesome';
}
.uk-modal button.loading::after{
	content: "\f110";
	display: inline-block;
    -webkit-animation-name: spin;
    -webkit-animation-duration: 4000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 4000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 4000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: spin;
    animation-duration: 4000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.uk-modal button.verify:hover{
	color: #212121 !important;
}
.uk-modal button.verify:active{
	top: 1px;
}
 
@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

	body.survey .logo{
		width: 100%;
		text-align: center;
	}
	body.survey .logo img{
		width: 80px;
		height: 80px;
		margin: 0 7px;
	}
	body.survey .logo.section1{
		padding: 30px 0 0 0;
	}
	body.survey .logo.section1::after{
		content: "";
		display: block;
		width: 500px;
		height: 11px;
		background: url(../images/line-transparent.png) center center no-repeat;
		background-size: 100%;
		margin: 20px auto 0 auto;
		opacity: 0.3;
	}
	body.survey .logo.section2{
		padding: 15px 0 30px 0;
	}
	body.survey .logo.section2 img{
		width: auto;
		height: 45px;
		margin: 0 12px;
	}
	section {
		padding: 0 0 200px 0;
		 top:-240px; 
	}
	.lb-radio-line{
		display: inline-block;
		top: 3px !important;
		padding: 0 10px 0 10px !important;
		margin: 0 !important;
	}
	.lb-radio{
		display: none;
		padding: 0 !important;
		margin: 0 !important;
	}
	p{
		line-height: 25px;
	}
	.radio-style-line{
		border: none !important;
		outline: none !important;
		background: none !important;
		margin-bottom : 25px;
	}
	.radio-style{
		border: none !important;
		outline: none !important;
		background: none !important;
	}
	.radio-style:checked::after{
        background-color: #00a9a7;
        box-shadow: 0 0 0px 3px #c1c1c1;
    }

@media (max-width: 768px) {
    
     
    .form-style input[type="text"], .form-style select, .form-style span.calendar{
        width: 100% !important;
    }
 
    .fieldset{
        padding: 20px !important;
        margin-bottom: 30px;
    }
    .choice-title{
        display: none;
    }
    .form-style label{
        padding: 0 !important;
        margin: 10px 0;
    }
    .col-2-center .col-md-2{
        text-align: left !important;
    }
    .content-wrapper .form-title{
        height: auto !important;
    }
    .form-style label{
        top: 0;
        padding: 0 !important;
    }
    .lb-radio{
        display: block;
        position: relative;
        left: 35px;
        top: -20px !important;
    }
 
    body.survey .logo img {
        width: 60px;
        height: 60px;
    }
    body.survey .logo.section2 img{
        height: 25px;
    }
	
	.lang-dropdown{
		position: fixed;
		top: auto;
		bottom: 0;
		width: 100%;
		text-align: center;
		background: #ffffff;
	}
	.panel-left{
		display: none;
	}
	.uk-modal.mbr-verify h1,
	header h1{
		text-align: center !important;
		font-size: 21px;
	}
	.uk-modal.mbr-verify .form-style{
		max-width: 300px;
		text-align: center;
		margin: auto;
	}
	.uk-modal.mbr-verify .form-style label{
		text-align: left !important;
		width: 100%;
	}
	.uk-modal.mbr-verify .col-md-12{
		padding-left: 5px !important;
	}
	.uk-modal.mbr-verify {
		background: #e1e1e1;
	}
	.uk-modal.mbr-verify .uk-modal-dialog{
		height: 100%;
	}
	.uk-modal.mbr-verify form {
		padding: 0 20px;
	}
	.uk-modal span.modal-logo{
		margin: 10px auto 30px auto !important;
	}
	.content-wrapper{
		padding: 0;
	}
	img.logo{
		width: 230px !important;
	}
	footer h1{
		font-size: 17px;
	}
	footer h3{
		font-size: 14px;
	} 
	img.logo {
        width: 100% !important;
    }
    section {
        padding: 0 0 400px 0;
        top: -180px;
    }
}

@media only screen and (max-width: 575px) {
    section {
        padding: 0 0 400px 0;
        top: -80px;
    }
   
}