html, body{
    overflow-x: hidden;
}
body{
    float: left;
    width: 100%;
	position:relative;
    font-family: arimo;
}
body,ul,h1,h2,h3,h4,h5,h6,p{ 
	list-style:none;
	margin:0;
	padding:0;
}
h1,h2,h3,h4,h5,h6{
	font-family:raleway;
	color:#555;
    letter-spacing: 0.3px;
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
    color: #555;

    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
p {
    color: #666666;
    font-family: arimo;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 26px;
}
ul,ol {
    float: left;
    width: 100%;
}
ol {
    padding-left: 20px;
}
ul li ,ul li a,
ol li,ol li a{
    color: #000;
    font-family:arimo;
    font-size: 15px;
    line-height: 26px;
}
ul li i {
    color: #8c8c8c  ;
    font-size: 14px;
    margin-right: 10px;
}
a:hover,
a:focus{
	text-decoration:none;
	outline:none;
}
.theme-layout {
    float: left;
    width: 100%;
}
.theme-layout.boxed {
    background: none repeat scroll 0 0 #FFFFFF;
    float: none;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    z-index: 1;
    width: 1230px;
	
    -webkit-box-shadow: 0 0 6px #747474;
    -moz-box-shadow: 0 0 6px #747474;
    -ms-box-shadow: 0 0 6px #747474;
    -o-box-shadow: 0 0 6px #747474;
    box-shadow: 0 0 6px #747474;
}
section {
    float: left;
    position: relative;
    width: 100%;
}
.block {
    float: left;
    width: 100%;
    padding:80px 0;
    position: relative;
}
.block .container{
	padding:0;
}
.container{
    padding: 0;
}
.block.remove-gap,
.block.parallax-section.remove-gap{
    padding-top: 0;
}
.block.no-padding{
    padding: 0;
}
.block.remove-bottom{
    padding-bottom: 0;
}
.block.gray{
    background-color: #faf9f9;
}
.overlap {
    margin-top: -150px;
    z-index: 2;
}
.block.overlap {
    margin-top: 0;
}
.block.overlap .container {
    background-color: #FFF;
    border-left: 30px solid #ffffff;
    border-right: 30px solid #ffffff;
    border-top: 30px solid #ffffff;
    margin-top: -70px;
    width: 1230px;

    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}
.block.gray.overlap .container{
    border-color: #f9f9f9;
    background-color: #f9f9f9;
}
.remove-ext {
    float: left;
    margin-bottom: -30px;
    width: 100%;
}
iframe{
    width: 100%;
    border: 0;
}
.parallax,.fixed-bg {
    height: 100%;
    width: 100%;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -2;
}
.fixed-bg {
    background-attachment: fixed !important;
    background-size: cover!important;
}
.parallax.fancy {
    background-repeat: no-repeat !important;
}
.half-parallax .parallax,.half-parallax.blackish:before{
    height: 50%;
}
.blackish:before,.coloured:before,.whitish:before{
    background: none repeat scroll 0 0 #000000;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.75;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.coloured:before {
    opacity: 0.9;
}
.whitish:before{
    background-color: #FFFFFF;
    opacity: 0.9;
}
.blur{
    position:relative;
    float:left;
    width:100%;
}
.blur:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index:-1;

    -webkit-box-shadow: 0 0 133px 131px #FFF inset;
    -moz-box-shadow: 0 0 133px 131px #FFF inset;
    -ms-box-shadow: 0 0 133px 131px #FFF inset;
    -o-box-shadow: 0 0 133px 131px #FFF inset;
    box-shadow: 0 0 133px 131px #FFF inset;
}

iframe{
    border:0;
    width: 100%;
    float: left;
}


header {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100000;
}
.topbar {
    background: none repeat scroll 0 0 rgba(50, 50, 50, 0.9);
    float: left;
    padding:7px 0;
    width: 100%;
    position: relative;
}
.topbar:before {
    content: "";
    width: 100%;
    height: 1px;
    background: black;
    position: absolute;
    bottom: -2px;
    left: 0;
}
.topbar p {
    color: #ffffff;
    float: left;
    font-family: arimo;
    font-size: 11px;
    letter-spacing: 0.3px;
    line-height: 30px;
}
.topbar p i {
    margin-right: 5px;
}
.topbar li {
    color: #bdbdbd;
    float: left;
    font-family: arimo;
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 20px;
    margin-right: 30px;
}
.topbar ul {
    width: auto;
}
.social-media {
    float: right;
}
.social-media > a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid transparent;
    float: left;
    height: 30px;
    margin-right: 2px;
    width: 30px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.social-media > a i {
    color: #ffffff;
    float: left;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    width: 100%;
}
.topbar li i {
    color: #bdbdbd;
    margin-right: 4px;
}
.topbar-btn {
    background: none repeat scroll 0 0 #000000;
    color: #ffffff;
    float: right;
    font-family: arimo;
    font-size: 11px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: -7px;
    margin-left: 40px;
    margin-top: -7px;
    padding: 12px 30px;
    position: relative;
}
.topbar-btn:hover{
    color: #FFF;
}
.menubar {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    float: left;
    padding: 0;
    width: 100%;
}
.logo {
    float: left;
    margin-top: 30px;
    margin-bottom: 6px;

    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.logo > a {
    float: left;
    width: 100%;
}
nav {
    float: right;
}
nav > ul > li {
    color: #666666;
    float: left;
    font-size: 14px;
    line-height: 20px;
    margin: 0 5px;
    position: relative;
}
nav > ul > li > a {
    color: inherit;
    float: left;
    font-size: inherit;
    letter-spacing: 0.3px;
    line-height: inherit;
    padding:45px 17px;
    position: relative;
    width: 100%;

    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
	color:#000;
	text-transform:uppercase;
}
nav > ul > li:hover > a {
    padding: 45px 15px 45px 35px;
}
nav > ul > li ul li a:before {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    color: #9f9f9f;
    content: "\f209";
    font-family: fontawesome;
    font-size: 13px;
    opacity: 0;
    position: absolute;
    left: 20px;
    top: 15px;

    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
nav > ul > li ul li:hover > a:before{
    opacity: 1;
    left: 30px;
}
nav > ul > li > a i, nav > ul > li > a i.fa {
    font-size: 14px;
    height: 20px;
    margin: -11px 0 0 0;
    opacity: 0;
    padding: 4px 0 0;
    text-align: center;
    width: 20px;
    position: absolute;
    top: 50%;
    left:10px;

    -webkit-transform:translateY(12px);
    -moz-transform:translateY(12px);
    -ms-transform:translateY(12px);
    -o-transform:translateY(12px);
    transform:translateY(12px);

    -webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -ms-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
nav > ul > li:hover a i{
    opacity: 1;
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0);
}
nav > ul > li > a:before,
nav > ul > li > a:after {
    background: none repeat scroll 0 0 #c5c5c5;
    content: "";
    height: 6px;
    margin-top: -3px;
    width: 1px;
    position: absolute;
    right: 0;
    top: 50%;

    -webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -ms-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
nav > ul > li:last-child > a:before,
nav > ul > li:last-child > a:after{
    display: none;
}
nav > ul > li > a:after {
    right: 2px;
}
nav > ul > li ul {
    position: absolute;
    left: -9999px;
    top: 100%;
    width: 250px;
    z-index: 1000;
}
nav > ul > li:hover > ul {
    left: 0;
}
nav > ul > li ul li {
    opacity: 0;
    float: left;
    width: 100%;

    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px);

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
nav > ul > li ul li a,
nav > ul > li > ul > li > ul li a{
    background: none repeat scroll 0 0 #ffffff;
}
nav > ul > li:hover > ul > li, 
nav > ul > li > ul > li:hover > ul > li{
    opacity: 1;

    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}
nav > ul > li ul li a {
    color: #666666;
    float: left;
    font-size: 12px;
    letter-spacing: 0.2px;
    line-height: 20px;
    padding: 14px 30px;
    width: 100%;

    -webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -ms-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
nav > ul > li ul li:hover > a{
    padding-left:50px; 
}
nav > ul > li > ul > li > ul > li:hover > ul {
    left: 100%;
    top: 0;
}
nav > ul > li > ul > li > ul > li:hover > ul li {
    opacity: 1;

    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}
nav > ul > li > ul > li:nth-child(2n+2) >  a,
nav > ul > li > ul > li > ul > li:nth-child(2n+2) > a,
nav > ul > li > ul > li > ul > li > ul > li:nth-child(2n+2) > a {
    background: none repeat scroll 0 0 #f7f7f7;
}
nav > ul > li > ul > li:hover > ul {
    left: 100%;
    top: 0;
}

header.sticky .menubar {
    position: fixed;
    top: 0;
    width: 100%;
    background: rgba(255,255,255,0.95);

    -webkit-box-shadow: 0 0 3px #8F8F8F;
    -moz-box-shadow: 0 0 3px #8F8F8F;
    -ms-box-shadow: 0 0 3px #8F8F8F;
    -o-box-shadow: 0 0 3px #8F8F8F;
    box-shadow: 0 0 3px #8F8F8F;
}
header.sticky .logo {
    margin: 10px 0;
}
header.sticky nav > ul > li > a {
    padding: 25px 25px;
}
header.sticky nav > ul > li:hover > a {
    padding: 25px 15px 25px 35px;
}

header.header2.stick {
    position: absolute;
}
header.header2 {
    position: relative;
    float: left;
    width: 100%;
}
.menu-top {
    float: left;
    width: 100%;
    position: relative;
}
header.header2 .menubar{
    background-color: #FFF;
}
header .weatherItem {
    background-color: rgba(0, 0, 0, 0) !important;
    background-position: 70% top !important;
    background-size: 40px 30px !important;
    float: left;
    height: auto;
    min-height: 0;
    padding: 0;
    width: 135px;
}
header .weatherItem > div.weatherTemp {
    color: #6d6d6d;
    float: left;
    font-size: 17px;
    height: auto;
    left: auto;
    line-height: 20px;
    position: relative;
    text-align: center;
    top: auto;
    width: 30%;
}
header .weatherItem > div.weatherDesc {
    color: #9c9c9c;
    font-family: arimo;
    font-size: 11px;
    letter-spacing: 0.4px;
    margin-top: 5px;
    padding: 0;
    text-align: center;
}
header .weatherFeed {
    margin:35px 0;
    width: auto;
    position: absolute;
    left: 0;
    top: 0;

    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
header .weatherItem > div.weatherCity {
    float: left;
    font-family: arimo;
    font-size: 12px;
    overflow: hidden;
    padding: 0 20px 0 0px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 70%;
}
header.header2 .logo {
    display: block;
    float: none;
    text-align: center;
    width: auto;
}
header.header2 .logo > a {
    display: inline;
    float: none;
    width: auto;
}
.menu-top .topbar-btn {
    margin:33px 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 130px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.menu-top .topbar-btn:hover{background:#6f6f6f;}
header.header2 .logo > a {
    display: inline;
    float: none;
    width: auto;
}
header.header2 nav,
header.header3 nav{
    float: left;
    padding-right:66px;
    position: relative;
    width: 100%;
}
header.header2 nav > ul > li > a,
header.header3 nav > ul > li > a {
    padding: 20px 25px;
}
header.header2 nav > ul > li,
header.header3 nav > ul > li {
    display: inline-flex;
    float: none;
    text-align: left;
}
header.header2 nav > ul,
header.header3 nav > ul {
    background: none repeat scroll 0 0 #f8f8f8;
    text-align: center;

    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}
header.header2 nav > ul > li:hover > a,
header.header3 nav > ul > li:hover > a {
    padding: 20px 15px 20px 35px;
}
header.header2 form,
header.header3 form {
    background: none repeat scroll 0 0 #f1f1f1;
    height: 100%;
    width: 63px;
    position: absolute;
    right: 0;
    top: 0;

    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}
header.header2 form input,
header.header3 form input {
    background: none repeat scroll 0 0 #f1f1f1;
    border: 0 none;
    font-family: arimo;
    font-size: 11px;
    height: 100%;
    padding: 0;
    width: 0;
    position: absolute;
    right: 95%;
    top: 0;

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;

    -webkit-border-radius: 3px 0 0;
    -moz-border-radius: 3px 0 0;
    -ms-border-radius: 3px 0 0;
    -o-border-radius: 3px 0 0;
    border-radius: 3px 0 0;
}
header.header2 form button,
header.header3 form button {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    color: #a2a2a2;
    float: left;
    font-size: 15px;
    height: 100%;
    width: 100%;
}
header.header2 form:hover input, 
header.header2 form input:focus,
header.header3 form:hover input, 
header.header3 form input:focus {
    padding: 10px 20px;
    width: 240px;
}
header.header2 form:hover,
header.header3 form:hover {    
    -webkit-border-radius: 0 3px 0 0;
    -moz-border-radius: 0 3px 0 0;
    -ms-border-radius: 0 3px 0 0;
    -o-border-radius: 0 3px 0 0;
    border-radius: 0 3px 0 0;
}
header.header2.sticky .weatherFeed,
header.header2.sticky .menu-top .topbar-btn {
    margin: 15px 0;
}

header.header3.stick {
    position: absolute;
}
header.header3 {
    float: left;
    position: relative;
    width: 100%;
}
header.header3 .topbar {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
}
header.header3 .topbar:before {
    background: none repeat scroll 0 0 #dedede;
}
header.header3 .topbar p {
    color: #8b8b8b;
}
header.header3 .menubar {
    background: #FFF;
}
header.header3 .menu-top .topbar-btn,
header.header3 .menu-top .weatherFeed {
    float: right;
    position: relative;
}
header.header3 .menu-top .weatherFeed {
    margin-right: 40px;
}
header.header3 nav > ul {
    background: none repeat scroll 0 0 #2e2e2e;
    position: relative;

    -webkit-border-radius: 0 3px 0 0;
    -moz-border-radius: 0 3px 0 0;
    -ms-border-radius: 0 3px 0 0;
    -o-border-radius: 0 3px 0 0;
    border-radius: 0 3px 0 0;
}
header.header3 nav > ul > li {
    float: left;
}
header.header3 nav > ul > li > a {
    color: #eeeeee;
}
header.header3 nav > ul:before {
    background: none repeat scroll 0 0 #2e2e2e;
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    left: -100%;
    top: 0;
}
header.header3 form {
    background: none repeat scroll 0 0 #1f1f1f;
}
header.header3 form button {
    color: #ffffff;
}
header.header3 form input {
    background: none repeat scroll 0 0 #1f1f1f;
    color: #ffffff;
}
header.header3 nav > ul > li ul li a,
header.header4 nav > ul > li ul li a {
    background: none repeat scroll 0 0 #2f2f2f;
    color: #adadad;
}
header.header3 nav > ul > li ul li:nth-child(2n+2) a,
header.header4 nav > ul > li ul li:nth-child(2n+2) a {
    background: none repeat scroll 0 0 #282828;
}
header.header3.sticky .weatherFeed,
header.header3.sticky .menu-top .topbar-btn {
    margin: 15px 0;
}
header.header3 .menu-top .weatherFeed{
    margin-right: 40px;
}

header.header4 .menubar {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    left: 0;
    position: absolute;
    top: 50px;

    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -ms-transition: all 1s linear;
    -o-transition: all 1s linear;
    transition: all 1s linear;
}
header.header4.sticky .menubar{
    position: fixed;
}
header.header4 .menubar .container {
    background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") repeat scroll 0 0 rgba(0, 0, 0, 0);

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
header.header4 .logo {
    padding-left: 55px;
    width: 20%;
}
header.header4 nav {
    float: left;
    width: 65%;
}
header.header4 nav > ul {
    text-align: center;
}
header.header4 nav > ul > li {
    display: inline-flex;
    float: none;
    text-align:left;
}
header.header4 nav > ul > li > a {
    color: #b9b5b5;
}
header.header4 nav > ul > li > a:before, 
header.header4 nav > ul > li > a:after {
    display: none;
}
header.header4 nav > ul > li > a {
    padding: 45px 15px;
}
header.header4 .weatherFeed {
    float: right;
    width: 15%;
    padding-right: 5%;
    position: relative;
}
header.header4 .weatherFeed .weatherItem {
    width: 100%;
}
header.header4 .weatherItem > div.weatherTemp {
    color: #ffffff;
}
header.header4 .weatherItem > div.weatherDesc {
    color: #ffffff;
}
header.header4.sticky .menubar {
    position: fixed;
    top: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
header.header4.sticky nav > ul > li > a {
    padding: 25px 15px;
}
header.header4.sticky .weatherFeed {
    margin: 15px 0;
}


.responsive-header{
    display: none;
}
.responsive-header {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95);
    float: left;
    left: 0;
    position: absolute;
    top: 0;
    width: 270px;
    z-index: 100000;
    padding-bottom: 20px;
    display: none;

    -webkit-border-radius: 0 0 3px 0;
    -moz-border-radius: 0 0 3px 0;
    -ms-border-radius: 0 0 3px 0;
    -o-border-radius: 0 0 3px 0;
    border-radius: 0 0 3px 0;

    -webkit-box-shadow: 0 0 14px #4f4f4f;
    -moz-box-shadow: 0 0 14px #4f4f4f;
    -ms-box-shadow: 0 0 14px #4f4f4f;
    -o-box-shadow: 0 0 14px #4f4f4f;
    box-shadow: 0 0 14px #4f4f4f;
}
.responsive-logo {
    display: table;
    margin: 0 auto;
    padding: 15px 0;
    text-align: center;
}
.responsive-logo a {
    float: left;
    width: 100%;
    color: #7F7F7F;
}
.responsive-logo a img {
    float: left;
    height: auto;
}
.responsive-logo a h1 {
    float: left;
    font-size: 22px;
    font-weight: 500;
    line-height: 40px;
    margin-left: 20px;
}
.responsive-header > span {
    background: none repeat scroll 0 0 rgba(240, 240, 240, 0.8);
    border-bottom: 1px solid #e7e7e7;
    color: #bfbfbf;
    float: left;
    font-size: 19px;
    margin-left: 10%;
    padding: 5px 10px;
    text-align: center;
    cursor: pointer;
    width: 80%;

    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}
.responsive-header > ul {
    background: none repeat scroll 0 0 rgba(240, 240, 240, 0.8);
    border-top: 1px solid #f7f7f7;
    float: left;
    margin-left: 10%;
    padding: 10px;
    display: none;
    position: relative;
    width: 80%;

    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -ms-border-radius: 0 0 3px 3px;
    -o-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}
.responsive-header > ul li {
    float: left;
    width: 100%;
}
.responsive-header > ul li a {
    border-bottom: 1px solid #e7e7e7;
    border-top: 1px solid #f7f7f7;
    color: #919191;
    float: left;
    font-size: 13px;
    letter-spacing: 0.2px;
    line-height: 12px;
    overflow: hidden;
    padding: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;

    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.responsive-header > ul li:hover > a,
.responsive-header > ul li.opened > a{
    color: #2f8cff;
}
.responsive-header > ul li:first-child > a{
    border-top: 0;
}
.responsive-header > ul li:last-child > a{
    border-bottom: 0;
}
.responsive-header > ul ul {
    padding-left: 20px;
    border-bottom: 1px solid #e7e7e7;
    float: left;
    width: 100%;
    display: none;    
}
.responsive-header .topbar{
    background: none;
}
.responsive-header .topbar:before{
    display: none;
}
.responsive-header .topbar .container {
    float: left;
    width: 100%;
}
.responsive-header .top-social {
    display: table;
    float: none;
    margin: 0 auto 10px;
}
.responsive-header .contact-information > li {
    float: left;
    margin: 0;
    padding: 5px 20px;
    width: 100%;
}
.responsive-header .contact-information > li {
    margin: 0;
    float: left;
    width: 100%;
    padding: 5px 20px;
}
.responsive-header .topbar form {
    background: #FFF;
    border: 1px solid #cfcfcf;
    float: left;
    margin: 10px 0 0 5%;
    overflow: hidden;
    position: relative;
    width: 90%;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.responsive-header .topbar form input {
    border: 0 none;
    height: 35px;
    padding: 10px 50px 10px 20px;
    width: 100%;
}
.responsive-header .topbar form button {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    color: #9f9f9f;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
}
.responsive-header .topbar .container .pull-right {
    width: 100%;
}
.responsive-header .contact-information {
    width: auto;
    float: none;
    text-align: center;
}
.top-social li {
    width: 40px;
    height: 40px;
    text-align: center;
    margin-right: 5px;
}
.topbar li a {
    background: none repeat scroll 0 0 #efefef;
    border-radius: 3px;
    float: left;
    line-height: 40px;
    width: 100%;
}
.topbar li a i {
    color: #9f9f9f;
    font-size: 19px;
    margin: 0;
}


.slider {
    float: left;
    width: 100%;
}
.slide-subtitle{
    font-family: raleway;
    font-weight: bold;
}
.slide-title{
    font-family: roboto;
    font-weight: 600;
    color: #FFF;
}
.slide-bgtitle{
    color: #FFFFFF;
    font-family: arimo;
}
.slide-bgtitle:before{
    content: "";
    width: 100%;
    height: 100%;
    z-index: -1;
    background: black;
    opacity:0.8;
    position: absolute;
    left:0;
    top:0;
}
.slide-bgtitle:after {
    border-right: 20px solid rgba(0, 0, 0, 0);
    border-top: 46px solid rgba(0, 0, 0, 0.6);
    content: "";
    opacity:0.8;
    position: absolute;
    right: -20px;
    top: 0;
}
.slide-text{
    line-height: 30px;
    color: #FFF;
}
.slide-subtitle2{
    color: #FFF;
    font-family: raleway;
}
.slide-title2{
    color: #FFF;
    font-family: roboto;
    font-weight: 600;
    text-transform: uppercase;
}
.slide-title2 span{
    font-weight: 200;
}
.slide-button{
    border: 2px solid #000;
    padding: 3px 3px;
}
.slide-button a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    color: #ffffff;
    float: left;
    font-family: raleway;
    height: 100%;
    line-height: inherit;
    text-align: center;
    width: 100%;
}
.big-letter{
    color: #FFF;
    font-family: roboto;
}
.sub-title3{
    color: #FFF;
    font-family: raleway;
    font-weight: 500;
}
.fancy-text2{
    background: rgba(0,0,0,0.8);
    text-transform: capitalize;
}
.slide-text2{
    color: #FFF;
    text-transform: uppercase;
}
.slide-title3{
    color: #FFF;
    font-family: roboto;
    font-weight: 700;
}
.slide-offer{
    font-family:roboto;
    color:#ffffff;
    font-weight:800;
    text-transform:uppercase;
}
.slide-text{
    font-family:roboto;
    color:#ffffff;
}
.slide-detail{
    font-family:roboto;
    color:#ffffff;
    text-align:center;
}
.slide5-subtitle{
    font-family:roboto;
    color:#ffffff;
    font-weight:300;
}
.slide5-subtitle::before {
    background: #ffffff none repeat scroll 0 0;
    bottom: -20px;
    content: "";
    height: 2px;
    left: 50%;
    margin-left: -10%;
    position: absolute;
    width: 20%;
}
.slide5-title{
    color:#ffffff;
    font-family:roboto;
    font-weight:800;
    text-transform:uppercase;
}
.slide6-subtitle{
    font-family:roboto;
    color:#ffffff;
    font-weight:300;
    font-weight:200;
}
.slide6-title{
    font-family:raleway;
    color:#ffffff;
    font-weight:700;
}
.slide6-text{
    color:#ffffff;
    font-family:arimo;
    text-align:center;
}
.slide7-subtitle{
    color:#ffffff;
    font-family:arimo;
    font-weight:100;
}
.slide7-small-title{
    color:#ffffff;
    font-family:raleway;
    font-weight:800;
}
.slide7-title{
    color:#ffffff;
    font-family:arimo;
    font-weight:900;
}
.slide7-title span{font-weight:100;}
.slide7-title:before{
    content:"";
    position:absolute;
    left:0;
    bottom:-20px;
    width:50px;
    height:1px;
}
.slide6-btn{
    color:#ffffff;
    font-family:raleway;
    text-transform:uppercase;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
.slide6-btn:hover{color:#ffffff;}

.field,
.form-field {
    float: left;
    width: 100%;
    position: relative;
}
.field input {
    background: none repeat scroll 0 0 #313131;
    border: 0 none;
    color: #808080;
    float: left;
    font-family: arimo;
    font-size: 10px;
    font-style: italic;
    letter-spacing: 0.5px;
    padding: 14px 30px 14px 20px;
    text-transform: uppercase;
    width: 100%;
}
.field i, .form-field i {
    bottom: 16px;
    color: #7a7a7a;
    font-size: 16px;
    height: 16px;
    position: absolute;
    right: 10px;
    width: 16px;
}
.field input.userincr-btn-dec, 
.field input.userincr-btn-inc, 
.form-field input.userincr-btn-dec, 
.form-field input.userincr-btn-inc {
    background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") no-repeat scroll 0 -6px rgba(0, 0, 0, 0);
    bottom: 15px;
    height: 6px;
    padding: 0;
    position: absolute;
    right: 10px;
    width: 9px;
}
.field input.userincr-btn-inc,
.form-field input.userincr-btn-inc{
    background-position: 0px 1px;
    bottom: auto;
    top: 15px;
}
.userincr-container {
    float: left;
    position: relative;
    width: 100%;
}

.title {
    display: table;
    margin: 24px auto 40px;
    padding-bottom: 20px;
    position: relative;
    text-align: center;
}
.title h2 {
    float: left;
    font-family: roboto;
    text-transform: uppercase;
    width: 100%;
}
.title > p {
    display: inline-block;
    line-height: 17px;
    margin-top: 5px;
    font-size: 12px;
}
.title h2 span {
    font-weight: 200;
}
.title:before,
.title:after {
    background: none repeat scroll 0 0 #787878;
    content: "";
    width: 60px;
    height: 1px;
    margin-left: -30px;
    position: absolute;
    bottom: 0;
    left: 50%;
}
.title:after {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-left: 1px solid #787878;
    border-right: 1px solid #787878;
    height: 5px;
}
.deal-carousel{
    float: left;
    width: 100%;
}
.deal{
    float: left;
    width: 100%;
}
.deal img {
    width: 100%;
}
.deal h3 {
    color: #555555;
    float: left;
    font-family: raleway;
    font-size: 21px;
    font-weight: 500;
    margin-bottom: 15px;
    margin-top: 20px;
    width: 100%;
}
.deal li {
    float: left;
    letter-spacing: 0.2px;
    line-height: 14px;
    margin-right: 30px;
    font-size: 12px;
}
.deal li i {
    margin-right: 5px;
}
.deal p {
    float: left;
    line-height: 28px;
    margin: 10px 0 40px;
    width: 100%;
}
.list {
    background:none repeat scroll 0 0 rgba(255, 255, 255, 0.3);
    border: 1px solid #dedede;
    float: left;
    padding: 10px;
    width: 100%;
}
.list li, .deal .list li {
    background: none repeat scroll 0 0 #ffffff;
    color: #888888;
    line-height: 19px;
    margin: 0;
    padding: 14px 30px;
    width: 100%;
}
.deal .list li i {
    color: #888888;
    font-size: 14px;
}
.list li:nth-child(2n+1) {
    background:none repeat scroll 0 0 #f8f8f8;
}
.deal-carousel .owl-nav {
    bottom: 50%;
    position: absolute;
    right: 0;
    text-align: center;
    width: 100%;
}
.deal-carousel .owl-nav > div {
    background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: rgba(0, 0, 0, 0);
    float: left;
    height: 65px;
    margin: 0 5px -30px -50px;
    width: 45px;
}
.deal-carousel .owl-nav > div.owl-next {
    background-position: -45px 0;
    float: right;
    margin-right: -50px;
}
.move-left {
    float: left;
    margin-left: -20%;
    position: relative;
    width: 120%;
    z-index: 1;
}
.deal .row > div {
    position: static;
}
.move-left .list {
    width: 70%;
}
.deal-pricebox {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
    border: 1px solid #dedede;
    float: right;
    padding: 10px;
    width: 25%;
}
.deal-pricebox > div {
    float: left;
    width: 100%;
    background: #f7f7f7;
    padding: 20px;
    text-align: center;
}
.deal-pricebox h4 {
    float: left;
    width: 100%;
    color: #4b4b4b;
    font-size: 30px;
    font-family: roboto;
    font-weight: 300;
    margin-bottom: 10px;
    line-height: 40px;
}
.deal-pricebox a {
    background: none repeat scroll 0 0 #000000;
    color: #ffffff;
    float: left;
    font-family: arimo;
    font-size: 10px;
    font-weight: 600;
    padding: 10px 9px;
    width: 100%;
}
.deal-pricebox span {
    float: left;
    width: 100%;
    font-family: arimo;
    font-size: 11px;
    color: #888888;
}

.blog-posts {
    float: left;
    margin-bottom: -30px;
    width: 100%;
}
.blog {
    float: left;
    margin-bottom: 30px;
    position: relative;
    width: 100%;
}
.blog > img {
    width: 100%;
}
.blog-detail {
    background: none repeat scroll 0 0 rgba(23, 22, 22, 0.95);
    text-align: center;
    height: auto;
    min-height:10%; 
    max-height:100%; 
    width: 100%;
    padding-bottom: 65px;
    position: absolute;
    bottom: 0;
    left: 0;

    -webkit-transition:all 0.4s linear 0s,padding 0.4s linear 0s;
    -moz-transition:all 0.4s linear 0s,padding 0.4s linear 0s;
    -ms-transition:all 0.4s linear 0s,padding 0.4s linear 0s;
    -o-transition:all 0.4s linear 0s,padding 0.4s linear 0s;
    transition:all 0.4s linear 0s,padding 0.4s linear 0s;
}
.blog:hover .blog-detail {
    min-height: 100%;
    padding-top: 50px;
}
.blog-detail > ul {
    float: left;
    padding: 25px 20px 0;
    text-align: center;
    width: 100%;
}
.blog-detail > ul li {
    display: inline;
    line-height: 20px;
    padding: 0 5px;
    position: relative;
}
.blog-detail > ul li:before {
    bottom: 0;
    content: ",";
    position: absolute;
    right: -5px;
}
.blog-detail > ul li:last-child:before {
    display: none;
}
.blog-detail > ul li a {
    color: #888888;

    -webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -ms-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
.blog-detail > h3 {
    float: left;
    font-size: 15px;
    line-height: 25px;
    margin-top: 5px;
    padding: 0 25px;
    width: 100%;
}
.blog-detail > ul.meta,
.blog-img > ul.meta {
    background: none repeat scroll 0 0 #000000;
    bottom: 0;
    left: 0;
    margin-top: 20px;
    padding: 10px;
    position: absolute;
}
.blog-detail > ul.meta li a, 
.blog-detail > ul.meta li a i,
.blog-img > ul.meta li a, 
.blog-img > ul.meta li a i {
    color: #ffffff;
    font-size: 11px;
}
.blog-detail > ul.meta li a i,
.blog-img > ul.meta li a i {
    margin-right: 5px;
    font-size: 14px;
}
.blog-detail > ul.meta li:before,
.blog-img > ul.meta li:before {
    display: none;
}
.blog-detail > ul.meta li a:hover,
.blog-img > ul.meta li a:hover{
    color: #FFFFFF;
}
.blog p {
    display: none;
    float: left;
    letter-spacing: 0;
    line-height: 25px;
    opacity: 0;
    padding: 15px 20px;
    width: 100%;

    -webkit-transition: opacity 1s ease 0s;
    -moz-transition: opacity 1s ease 0s;
    -ms-transition: opacity 1s ease 0s;
    -o-transition: opacity 1s ease 0s;
    transition: opacity 1s ease 0s;
color:#fff;
}
.blog:hover p{
    opacity: 1;
}

.title2 {
    display: table;
    margin: 0 auto 60px;
    text-align: center;
    width: 60%;
}
.title2 > span {
    color: #ffffff;
    float: left;
    font-family: raleway;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 5px;
    width: 100%;
}
.title2 > h2 {
    color: #ffffff;
    float: left;
    font-family: roboto;
    font-size: 35px;
    margin-bottom: 10px;
    width: 100%;
}
.title2 > p {
    color: #dedddd;
    float: left;
    font-size: 15px;
    width: 100%;
}
.single-offer {
    border: 20px solid #ffffff;
    float: left;
    margin-bottom: 30px;
    position: relative;
    width: 100%;
}
.offer-images {
    float: left;
    width: 100%;
    position: relative;
}
.offer-images:before {
    background: none repeat scroll 0 0 #000000;
    content: "";
    height: 100%;
    width: 100%;
    opacity:0.8;
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
}
.item {
    float: left;
    width: 100%;
}
.item > img {
    width: 100%;
}
.offer-intro {
    padding: 0 40px;
    text-align: center;
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    z-index: 2;
}
.offer-intro > h3 {
    color: #ffffff;
    float: left;
    font-family: roboto;
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 10px;
    width: 100%;
}
.offer-intro h5 {
    float: left;
    font-family: raleway;
    font-size: 20px;
    margin-bottom: 20px;
    text-transform: uppercase;
    width: 100%;
}
.offer-intro > p {
    color: #f1f1f1;
}
.offer-intro > a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
    border: 2px solid rgba(255, 255, 255, 0.7);
    color: #ffffff;
    display: inline-block;
    font-family: raleway;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.2px;
    margin-top: 30px;
    padding: 12px 35px;
    text-transform: uppercase;

    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.offer-intro > a:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
    border-color: #ffffff;
}

.sponsors-carousel {
    float: left;
    padding: 0 40px;
    width: 100%;
}
.sponsor {
    background: #fbfbfb none repeat scroll 0 0;
    float: left;
    padding: 30px 20px;
    text-align: center;
    width: 100%;
}
.gray .sponsor{background:#FFF;}
.sponsor img{
    max-width: 100%;
    display: inline-block!important;
    width: auto !important;
}
.sponsors-carousel .owl-nav,
.service-carousal .owl-nav {
    width: 100%;
    height: 0;
    position: absolute;
    left: 0;
    top: 50%;
}
.sponsors-carousel .owl-nav > div,
.service-carousal .owl-nav > div {
    background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: rgba(0, 0, 0, 0);
    float: left;
    height: 34px;
    margin-top: -17px;
    width: 17px;
}
.sponsors-carousel .owl-nav > div.owl-next,
.service-carousal .owl-nav > div.owl-next {
    background-position: -31px 0;
    float: right;
}

.map {
    float: left;
    width: 100%;
}
.map #map-canvas{
    height: 500px;
    margin: 0px;
    padding: 0px
}

.deal-image {
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.deal-image > img {
    width: 100%;
}
.deal-image > a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
    border: 2px solid #ffffff;
    color: #ffffff;
    font-family: raleway;
    font-weight: 600;
    height: 50px;
    left: 50%;
    line-height: 27px;
    margin-left: -93px;
    margin-top: -25px;
    opacity: 0;
    padding: 15px 20px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 186px;
    line-height: 20px;
    font-size: 14px;

    -webkit-transform:scale(1.5);
    -moz-transform:scale(1.5);
    -ms-transform:scale(1.5);
    -o-transform:scale(1.5);
    transform:scale(1.5);

    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.deal-image > a:hover{
    color: #FFF;
}
.deal-image:hover  > a {
    opacity: 1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}
.famous-deal .list {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    margin: 0;
    padding: 0;
}
.famous-deal .list li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: 1px solid #ececec;
    border-top: 1px solid #ffffff;
    padding: 12px 0;
}
.famous-deal .list li:first-child {
    border-top: 0 none;
}
.famous-deal .list li:last-child {
    border-bottom: 0 none;
}
.famous-deal .deal p {
    margin-bottom: 10px;
}

.adds-carousel {
    float: left;
    width: 100%;
}
.add {
    float: left;
    width: 100%;
}
.add a{
    float: left;
    width: 100%;
}
.add img {
    width: 100%;
}

.package {
    float: left;
    margin-bottom: 30px;
    padding-bottom: 30px;
    position: relative;
    overflow: hidden;
    width: 100%;
}
.package > img {
    width: 100%;
}
.package-intro {
    background: none repeat scroll 0 0 #ffffff;
    border-left: 10px solid #ffffff;
    border-right: 10px solid #ffffff;
    border-top: 10px solid #ffffff;
    bottom: 0;
    position: absolute;
    right: 0;
    width: 85%;

    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.package:hover .package-intro {
    bottom: 30px;
}
.package-price {
    background: none repeat scroll 0 0 #ffffff;
    left: 0;
    padding:8px 15px 0 5px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 30%;
}
.package-detail {
    background: none repeat scroll 0 0 #faf9f9;
    float: left;
    margin-left: 30%;
    padding: 30px 20px 20px 30px;
    width: 70%;
}
.package-price > span {
    color: #888888;
    float: left;
    font-family: roboto;
    font-size: 11px;
    font-style: italic;
    width: 100%;
}
.package-price > h3 {
    color: #4b4b4b;
    float: left;
    font-family: roboto;
    font-size: 30px;
    font-weight: 300;
    margin: 5px 0 12px;
    width: 100%;
}
.package-price > a {
    background: none repeat scroll 0 0 #000000;
    color: #ffffff;
    float: left;
    font-family: arimo;
    font-size: 10px;
    padding: 9px 0;
    width: 100%;
}
.package-detail > h3 {
    float: left;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px;
    width: 100%;
}
.package-detail > h3 a{
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.package-detail > p {
    float: left;
    width: 100%;
}
.package-detail li {
    float: left;
    font-size: 12px;
    line-height: 30px;
    width: 50%;
}
.package-detail li i {
    color: #888888;
    float: left;
    font-size: 14px;
    line-height: 30px;
    margin-right: 5px;
}


.simple-parallax {
    float: left;
    width: 100%;
    padding: 0 160px;
    position: relative;
    text-align: center;
}
.simple-parallax > h4 {
    float: left;
    width: 100%;
    color: #ffffff;
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.simple-parallax > p {
    float: left;
    width: 100%;
    color: #cfcfcf;
    font-size: 15px;
    line-height: 30px;
    margin-bottom: 30px;
}
.simple-parallax > a {
    border: 2px solid #ffffff;
    display: inline-block;
    font-family: raleway;
    font-size: 13px;
    font-weight: 600;
    padding: 12px 35px;

    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.simple-parallax > a:hover{
    color: #FFFFFF;
}

.testimonials-carousel{
    float: left;
    width: 100%;
}
.testimonial {
    background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 5px solid #ffffff;
    float: left;
    width: 100%;
    margin-bottom: 38px;
    padding:30px 33px;
    text-align: center;
    position: relative;
    z-index: 1;
}
.testimonial:before {
    background:none repeat scroll 0 0 #fff;
    content: "";
    height: 100%;
    width: 100%;
    opacity: 0.92;
    z-index: -1;
    position: absolute;
    left: 0;
    top: 0;
}
.testimonial > h4 {
    color: #444444;
    float: left;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
    width: 100%;
    font-family: arimo;
}
.testimonial > p {
    color: #555555;
    float: left;
    font-size: 13px;
    margin-bottom: 10px;
    width: 100%;
}
.testimonial > span {
    color: #ffffff;
    float: left;
    font-family: roboto;
    font-size: 12px;
    font-style: italic;
    margin-top: 10px;
    text-align: left;
    width: 100%;
    padding-left: 110px;
}
.client {
    height: 88px;
    width: 88px;
    overflow: hidden;
    position: absolute;
    bottom: -40px;
    left: 40px;
}
.client > img {
    border: 4px solid #ffffff;
    width: 100%;
}
.testimonials-carousel .owl-nav {
    background: none repeat scroll 0 0 #ffffff;
    bottom: 20px;
    height: 40px;
    position: absolute;
    right: 20px;
    width: 90px;
}
.testimonials-carousel .owl-nav > div {
    background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") no-repeat scroll 19px 10px / 40px 22px rgba(0, 0, 0, 0);
    color: rgba(0, 0, 0, 0);
    float: left;
    height: 40px;
    width: 50%;
}
.testimonials-carousel .owl-nav > div.owl-next {
    background-position: -13px 10px;
}

.about-resort {
    background: url("/images/about-bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    margin-bottom: -18px;
    margin-top: -18px;
    width: 100%;
}
.simple-title {
    float: left;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
    padding-bottom: 10px;
    position: relative;
    width: 100%;
}
.simple-title:before {
    background: none repeat scroll 0 0 #000000;
    content: "";
    width: 90px;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.about-resort > p {
    float: left;
    line-height: 28px;
    margin:15px 0;
    width:100%;
}
.about-resort > ul {
    padding-left: 10px;
}
.about-resort > ul li {
    line-height: 28px;
    margin-bottom: 5px;
}

.simple-title > span {text-transform: capitalize;}
.destinations {
    float: left;
    margin-bottom: -5px;
    width: 100%;
}
.top-destination {
    background: #ffffff none repeat scroll 0 0;
    float: left;
    margin-bottom: 5px;
    min-height: 124px;
    padding: 10px;
    position: relative;
    width: 100%;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.top-destination:hover {background:#f6f6f6;}
.destination-img {
    display: inline-block;
    vertical-align: middle;
    width: 35%;
}
.about-destination {
    display: inline-block;
    padding-left: 30px;
    vertical-align: middle;
    width: 63%;
}
.destination-img > img {width: 100%;}
.about-destination li {
    float: left;
    position: relative;
}
.about-destination li a {
    float: left;
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 15px;
    padding-right: 10px;
    position: relative;
}
.about-destination > ul {margin-bottom: 5px;}
.about-destination li a:before {
    content: ",";
    position: absolute;
    bottom: 0;
    right: 3px;
}
.about-destination li:last-child a:before {display: none;}
.about-destination > h3 {
    float: left;
    font-size: 14px;
    font-weight: 500;
    line-height: 27px;
    width: 100%;
}
.about-destination > h3 a{
    color: inherit;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}


.testimonial-listing {
    float: left;
    margin-bottom: -50px;
    width: 100%;
}
.testimonial-listing .testimonial {margin-bottom: 100px;}
.testimonial-listing .client {
    display: inline-block;
    float: none;
    left: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.testimonial-listing .client img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}


.welcome {
    background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") no-repeat scroll center center rgba(0, 0, 0, 0);
    float: left;
    padding: 0 200px;
    text-align: center;
    width: 100%;
}
.welcome > h4 {
    float: left;
    font-family: roboto;
    font-size: 30px;
    font-weight: 300;
    margin-bottom: 10px;
    text-transform: uppercase;
    width: 100%;
}
.welcome h3 {
    float: left;
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
    width: 100%;
}
.welcome span {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 13px;
    font-style: italic;
    margin-bottom: 10px;
    width: 100%;
}
.welcome > p {
    float: left;
    line-height: 28px;
    margin-bottom: 30px;
    width: 100%;
}
.welcome > a {
    color: #ffffff;
    display: inline-block;
    font-family: arimo;
    font-size: 11px;
    font-weight: 800;
    padding: 11px 35px;
    border: 3px solid #AFAFAF;

    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.welcome > a:hover{
    color: #FFF;
}

.service-carousal {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    margin-bottom: -30px;
    list-style: none;
}
.service-carousal li {
    float: left;
    position: relative;
}
.service {
    float: left;
    margin-bottom: 30px;
    position: relative;
    width: 100%;
}
.service img {
    float: left;
    width: 100%;
}
.service-box-sec {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 5px;
}
.icon-box-sec {
    content: "";
    float: left;
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 1;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.icon-box-sec:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    content: "";
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95);
    z-index: -1;

    -webkit-transition:all 0.4s ease 0s;
    -moz-transition:all 0.4s ease 0s;
    -ms-transition:all 0.4s ease 0s;
    -o-transition:all 0.4s ease 0s;
    transition:all 0.4s ease 0s;
}
.icon-box-sec:after {
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    content: "";
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95);
    z-index: -1;

    -webkit-transition:all 0.4s ease 0s;
    -moz-transition:all 0.4s ease 0s;
    -ms-transition:all 0.4s ease 0s;
    -o-transition:all 0.4s ease 0s;
    transition:all 0.4s ease 0s;
}
.icon-box-sec:hover:before {
    left: 0px;
    width: 0;
}
.icon-box-sec:hover:after {
    right: 0;
    width: 0;
}
.icon-box-sec:hover  i {
    color: #fff;
}
.icon-box {
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
}
.icon-box-sec:hover{
    background-color: rgba(0,0,0,0.95);
}
.icon-box > i {
    color: #555555;
    float: left;
    font-size: 70px;
    text-align: center;
    width: 100%;
    line-height: 70px;
    margin-bottom: 20px;

    -webkit-transition:all 0.4s ease 0s;
    -moz-transition:all 0.4s ease 0s;
    -ms-transition:all 0.4s ease 0s;
    -o-transition:all 0.4s ease 0s;
    transition:all 0.4s ease 0s;
}
.icon-box > h3 {
    color: #555555;
    float: left;
    font-family: Roboto Slab;
    font-size: 15px;
    margin-bottom: 0;
    width: 100%;
    text-transform: uppercase;
}
.icon-box > h3 > a {
    color: #555555;
    font-family: raleway;
    font-size: 15px;
    font-weight: 700;
}
.icon-box-sec:hover  h3 > a {
    color: #fff;
}
.icon-box > span {
    float: left;
    width: 100%;
    font-family: Arimo;
    font-size: 12px;
    margin-top: 12px;

    -webkit-transition:all 0.4s ease 0s;
    -moz-transition:all 0.4s ease 0s;
    -ms-transition:all 0.4s ease 0s;
    -o-transition:all 0.4s ease 0s;
    transition:all 0.4s ease 0s;
}
.icon-box-sec:hover  span {
    color:#f1f1f1;
}
.icon-box-sec:hover  p {
    color:#f5f5f5;
}
.icon-box > p {
    padding: 0 40px;
    margin: 0;
    margin-top: 13px;

    -webkit-transition:all 0.4s ease 0s;
    -moz-transition:all 0.4s ease 0s;
    -ms-transition:all 0.4s ease 0s;
    -o-transition:all 0.4s ease 0s;
    transition:all 0.4s ease 0s;
}
.service-carousal .owl-nav > div,
.service-carousal .owl-nav > div.owl-next {
    margin-left: -40px;
}
.service-carousal .owl-nav > div.owl-next{
    margin-left: 0;
    margin-right: -40px;
}

.fancy-parallax {
    float: left;
    margin-top: 140px;
    width: 100%;
}
.fancy-parallax h5 {
    float: left;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px;
    width: 100%;
}
.fancy-parallax > h3 {
    float: left;
    font-family: roboto;
    font-size: 48px;
    font-weight: 600;
    margin-bottom: 10px;
    width: 100%;
}
.fancy-parallax > h4 {
    float: left;
    font-size: 48px;
    font-weight: 200;
    margin-bottom: 30px;
    width: 100%;
}
.fancy-parallax > p {
    float: left;
    line-height: 28px;
    width: 100%;
}
.mockup {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.mockup img{
    width: 100%;
}

.fancy-parallax2 {
    float: left;
    margin-top: 120px;
    width: 100%;
}
.fancy-parallax2 {
    float: left;
    width: 100%;
}
.fancy-parallax2 > h5 {
    float: left;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    min-height: 170px;
    padding: 30px 40px;
    position: relative;
    text-align: center;
    margin-right: 20px;
    width: 170px;
}
.fancy-parallax2 > h5:before, .fancy-parallax2 > h5:after {
    background: url("") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: "";
    height: 100%;
    width: 175px;
    position: absolute;
    left: 0;
    top: 0;
}
.fancy-parallax2 > h5:after {
    left: auto;
    right: 0;

    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.fancy-parallax2 > span {
    color: #555555;
    display: block;
    font-family: raleway;
    font-size: 15px;
    font-weight: 500;
}
.fancy-parallax2 > h3 {
    font-family: roboto;
    font-size: 48px;
}
.fancy-parallax2 > h4 {
    display: block;
    font-family: roboto;
    font-size: 36px;
    font-weight: 200;
    letter-spacing: 0;
    margin-bottom: 20px;
    margin-top: 15px;
}
.fancy-parallax2 > p {
    float: left;
    width: 100%;
}
.mockup2 {
    float: left;
    width: 100%;
}
.fancy-parallax3 {
    float: left;
    margin-bottom: 100px;
    margin-top: 130px;
    width: 100%;
}
.fancy-parallax3 > span {
    color: #555555;
    float: left;
    font-family: raleway;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 5px;
    width: 100%;
}
.fancy-parallax3 > h3 {
    float: left;
    font-family: roboto;
    font-size: 48px;
    margin-bottom: 10px;
    width: 100%;
}
.fancy-parallax3 > h4 {
    float: left;
    font-family: roboto;
    font-size: 36px;
    font-weight: 200;
    letter-spacing: 10px;
    line-height: 38px;
    margin-bottom: 30px;
    width: 100%;
}
.fancy-parallax3 > p {
    float: left;
    width: 100%;
}
.mockup3 {
    float: left;
    margin: 10px 0 10px;
    width: 100%;
}
.fancy-carousel .owl-nav {
    height: 0;
    left: 0;
    position: absolute;
    top: 50%;
    width: 100%;
}
.fancy-carousel .owl-nav > div {
    background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: rgba(0, 0, 0, 0);
    float: left;
    height: 65px;
    margin-left: -60px;
    width: 30px;
}
.fancy-carousel .owl-nav > div.owl-next {
    background-position: -60px 0;
    float: right;
    margin-left: 0;
    margin-right: -60px;
}


.packages {
    float: left;
    margin-bottom: -30px;
    width: 100%;
}
.sp-package {
    float: left;
    margin-bottom: 30px;
    position: relative;
    width: 100%;
}
.sp-package-img {
    float: left;
    width: 100%;
    overflow: hidden;
    position: relative;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}
.sp-package-img > img {
    width: 100%;

    -webkit-transition: all 0.3s ease 0.2s;
    -moz-transition: all 0.3s ease 0.2s;
    -ms-transition: all 0.3s ease 0.2s;
    -o-transition: all 0.3s ease 0.2s;
    transition: all 0.3s ease 0.2s;
}
.sp-package:hover .sp-package-img > img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.sp-package-img:before {
    background: none repeat scroll 0 0 #000000;
    content: "";
    height: 100%;
    width: 100%;
    opacity: 0;
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;

    -webkit-transform:scale(0.8);
    -moz-transform:scale(0.8);
    -ms-transform:scale(0.8);
    -o-transform:scale(0.8);
    transform:scale(0.8);

    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;    
}
.sp-package:hover .sp-package-img:before{
    opacity: 0.8;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}
.sp-package-detail {
    float: left;
    position: relative;
    width: 100%;
    z-index: 1;
}
.sp-package-price {
    background: none repeat scroll 0 0 #ffffff;
    margin-left: -37.5%;
    padding: 20px 10px 10px;
    text-align: center;
    width: 75%;
    position: absolute;
    bottom: 100%;
    left: 50%;
}
.sp-package-price > span {
    float: left;
    width: 100%;
    font-family: arimo;
    color: #999999;
    font-size: 10px;
    font-weight: 700;
    margin-bottom: 5px;
}
.sp-package-price > strong {
    float: left;
    width: 100%;
    font-family: raleway;
    font-size: 26px;
    font-weight: 400;
}
.sp-package-detail > span {
    float: left;
    width: 100%;
    font-family: arimo;
    font-size: 12px;
    font-style: italic;
    margin-bottom: 15px;
    margin-top: 30px;
    text-align: center;
}
.sp-package-detail > h3 {
    float: left;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px;
    padding-bottom: 20px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.sp-package-detail > h3:before {
    background: none repeat scroll 0 0 #d3d3d3;
    content: "";
    height: 1px;
    width: 50%;
    position: absolute;
    bottom: 0;
    left: 25%;
}
.persons {
    float: left;
    width: 100%;
    color: #898989;
    font-family: arimo;
    font-size: 12px;
    text-align: center;
}
.persons img {
    padding: 0 1px;
}
.sp-package-detail > h3 a{
    color: inherit;
}
.sp-package-img > p {
    color: #b5b5b5;
    font-size: 12px;
    line-height: 32px;
    padding: 0 29px;
    text-align: center;
    opacity: 0;
    z-index: 1;
    position: absolute;
    top: 60px;
    left: 0;

    -webkit-transform:scale(0.8);
    -moz-transform:scale(0.8);
    -ms-transform:scale(0.8);
    -o-transform:scale(0.8);
    transform:scale(0.8);

    -webkit-transition:all 0.3s ease 0.1s;
    -moz-transition:all 0.3s ease 0.1s;
    -ms-transition:all 0.3s ease 0.1s;
    -o-transition:all 0.3s ease 0.1s;
    transition:all 0.3s ease 0.1s;
}
.sp-package:hover .sp-package-img > p{
    opacity: 1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}

.specials {
    float: left;
    width: 100%;
}
.specials > p {
    float: left;
    margin-bottom: 20px;
    width: 100%;
}
.toggle {
    float: left;
    padding-left: 22px;
    position: relative;
    width: 100%;
}
.toggle-item {
    background: none repeat scroll 0 0 #ffffff;
    border-radius: 3px;
    float: left;
    margin-bottom: 5px;
    position: relative;
    width: 100%;
}
.toggle-item > h2 {
    cursor: pointer;
    float: left;
    font-family: arimo;
    font-size: 15px;
    padding: 20px 20px 20px 55px;
    width: 100%;

    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.toggle-item .content {
    float: left;
    padding: 0 20px 20px 55px;
    width: 100%;
}
.toggle-item > span {
    background: none repeat scroll 0 0 #777575;
    border: 3px solid #ffffff;
    color: #ffffff;
    font-size: 24px;
    height: 46px;
    width: 46px;
    line-height: 40px;
    margin-top: -23px;
    text-align: center;
    position: absolute;
    left: -23px;
    top: 50%;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}


.onepage-wrapper .section {
    background-size: cover !important;
    height: 100%;
    width: 100%;
}
.onepage-wrapper .block {
    height: 100%;
    padding: 90px 0 65px;
    opacity: 0;
    width: 100% !important;

    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.onepage-wrapper .block.show,
.section:first-child.active .block{
    opacity: 1;
}
.onepage-wrapper .block.no-padding{
    padding: 0;
}
.onepage-wrapper .block .container, 
.onepage-wrapper .block > div > .row, 
.onepage-wrapper .block > div > .row > div {
    height: 100%;
}
.track3 {
    width: 0;
    background: rgba(0, 0, 0, 0);
    margin-right: 2px;
    -webkit-transition: background 250ms linear;
    transition: background 250ms linear;
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}
.track3:hover,
.track3.dragging {
    background: #d9d9d9; 
    background: rgba(0, 0, 0, 0.15);
}
.handle3 {
    width: 7px;
    right: 0;
    background: #999;
    background: rgba(0, 0, 0, 0.4);
    -webkit-transition: width 250ms;
    transition: width 250ms;
    
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;
}
.track3:hover .handle3,
.track3.dragging .handle3 {
    width: 10px;
}


.center {
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
}
.fancy-text {
    float: left;
    height: 100%;
    width: 100%;
    position: relative;
}
.fancy-text h4 {
    color: #ffffff;
    float: left;
    font-family: raleway;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 13.5px;
    margin-bottom: 10px;
    width: 100%;
}
.fancy-text h3 {
    color: #ffffff;
    float: left;
    font-family: roboto;
    font-size: 100px;
    font-weight: 600;
    line-height: 80px;
    width: 100%;
}
.fancy-text h3 span {
    font-family: raleway;
    font-size: 18px;
    margin-left: 30px;
}
.fancy-text p {
    color: #e7e7e7;
    float: left;
    font-size: 15px;
    line-height: 30px;
    width: 100%;
    padding-right: 50px;
}

.weatherFeed {
    float: left;
    margin-bottom: -10px;
    width: 100%;
}
.weatherItem > div {
    color: #ffffff;
    float: left;
    font-family: arimo;
    font-size: 18px;
    padding-left: 140px;
    width: 100%;
}
.weatherItem,.weatherForecastItem {
    background: none repeat scroll right top / auto 100% rgba(0, 0, 0, 0.8);
    float: left;
    min-height: 160px;
    padding: 40px 50px;
    position: relative;
    width: 100%;
}
.weatherForecast {
    float: left;
    margin: 0 -1%;
    width: 102%;
}
.weatherItem > div.weatherTemp {
    color: #ffffff;
    font-family: roboto;
    font-size: 80px;
    font-weight: 500;
    padding: 0;
    left: 50px;
    line-height: 70px;
    max-width: 130px;
    position: absolute;
    top: 40px;
}
.weatherForecastItem {
    background-position: 90% 30px;
    background-size: 85px 50px;
    margin: 10px 1% 0;
    width: 48%;
}
.weatherForecastItem:last-child {
    display: none;
}
.weatherForecastItem > div {
    color: #ffffff;
    float: left;
    font-family: arimo;
    font-size: 14px;
    width: 100%;
}
.city-weather h3 {
    color: #ffffff;
    float: left;
    font-family: roboto;
    font-size: 100px;
    font-weight: 600;
    margin-top: 80px;
    text-align: center;
    width: 100%;
}
.city-weather span {
    color: #ffffff;
    float: left;
    font-family: arimo;
    font-size: 18px;
    letter-spacing: 23px;
    margin-top: 30px;
    padding-left: 20px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.city-weather p {
    color: #e7e7e7;
    float: left;
    width: 100%;
    font-family: arimo;
    font-size: 15px;
    margin-top: 30px;
    text-align: center;
}
.weather-carousel .owl-dots {
    text-align: center;
    width: 50%;
    position: absolute;
    right: 0;
    top: 380px;
}
.weather-carousel .owl-dot {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
    display: inline-block;
    height: 10px;
    margin: 0 3px;
    width: 10px;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.weather-carousel .owl-dot.active {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 1);
}


.reviews {
    float: left;
    padding: 0 200px;
    text-align: center;
    width: 100%;
}
.reviews > h3 {
    color: #ffffff;
    float: left;
    font-family: roboto;
    font-size: 100px;
    font-weight: 600;
    margin-bottom: 10px;
    text-transform: uppercase;
    width: 100%;
}
.reviews h6 {
    color: #ffffff;
    float: left;
    font-family: arimo;
    font-size: 18px;
    letter-spacing: 13px;
    margin-bottom: 30px;
    text-transform: uppercase;
    width: 100%;
}
.reviews > p {
    color: #dadad9;
    float: left;
    font-size: 15px;
    line-height: 30px;
    position: relative;
    width: 100%;
}
.reviews > p:before {
    background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: "";
    height: 50px;
    left: -70px;
    position: absolute;
    top: -20px;
    width: 40px;
}
.reviews > p:after {
    background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") repeat scroll -98px 0 rgba(0, 0, 0, 0);
    content: "";
    height: 50px;
    position: absolute;
    right: -70px;
    top: -20px;
    width: 40px;
}
.review-img {
    border: 8px solid rgba(255, 255, 255, 0.5);
    display: inline-block;
    margin: 40px auto;
    overflow: hidden;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
.review-img img{
    width: 100%;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
.reviews-carousel .owl-nav {
    height: 0;
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
}
.reviews-carousel .owl-nav > div {
    background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: rgba(0, 0, 0, 0);
    margin-top: -33px;
    float: left;
    height: 65px;
    width: 30px;
}
.reviews-carousel .owl-nav > div.owl-next {
    background-position: -61px 0;
    float: right;
}

.modern-text {
    float: left;
    margin-top: 90px;
    text-align: center;
    width: 100%;
}
.modern-text > h3 {
    color: #ffffff;
    float: left;
    font-family: roboto;
    font-size: 100px;
    font-weight: 700;
    margin-bottom: 10px;
    text-transform: uppercase;
    width: 100%;
}
.modern-text h5 {
    color: #ffffff;
    float: left;
    font-family: arimo;
    font-size: 18px;
    font-weight: 200;
    letter-spacing: 13px;
    width: 100%;
}
.modern-text > p {
    color: #e7e7e7;
    float: left;
    font-size: 15px;
    line-height: 30px;
    margin: 30px 0;
    width: 100%;
}
.modern-text > a {
    background: none repeat scroll 0 0 #000000;
    color: #ffffff;
    display: inline-block;
    font-family: raleway;
    font-size: 12px;
    padding: 15px 25px;
}
.onepage-wrapper .sp-package-detail > h3 a,
.onepage-wrapper .sp-package-detail .persons{
    color: #FFFFFF;
}

.portfolio-sec {
    float: left;
    width: 100%;
}
.portfolio-sec.with-gap{
    margin-bottom: -30px;
}
.portfolio-wrap{
    float: left;
    width: 100%;
    position: relative;
}
.portfolio-sec.with-gap > div {
    padding: 0 15px;
}
.portfolio-sec > div {
    padding: 0;
}
.portfolio-sec.with-gap .portfolio-wrap {
    margin-bottom: 30px;
}
.portfolio {
    float: left;
    position: relative;
    width: 100%;
}
.portfolio > img {
    width: 100%;
}
.portfolio-sec > div.box-small{
    float:left;
    width: 20%;
}
.portfolio-sec > div.box-big{
    float:left;
    width: 40%;
}
.portfolio-hover {
    width: 180px;
    margin-left: -90px;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    opacity: 0;

    -webkit-transform:scale(0.8);
    -moz-transform:scale(0.8);
    -ms-transform:scale(0.8);
    -o-transform:scale(0.8);
    transform:scale(0.8);

    -webkit-transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;
    -ms-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    transition:all 0.3s ease 0s;    
}
.portfolio-wrap:hover .portfolio-hover{
    opacity: 1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);

    -webkit-transition:all 0.3s ease 0.3s;
    -moz-transition:all 0.3s ease 0.3s;
    -ms-transition:all 0.3s ease 0.3s;
    -o-transition:all 0.3s ease 0.3s;
    transition:all 0.3s ease 0.3s;    
}
.portfolio-hover > h4 {
    color: #ffffff;
    float: left;
    font-size: 15px;
    font-weight: 600;
    line-height: 25px;
    margin-bottom: 20px;
    width: 100%;
}
.portfolio-hover > a {
    display: inline-block;
}
.portfolio-wrap:before, 
.portfolio-wrap:after, 
.portfolio:before, 
.portfolio:after {
    background: none repeat scroll 0 0 #000000;
    content: "";
    height: 50%;
    opacity:0.95;
    width: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;

    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.portfolio-wrap:hover:before, 
.portfolio-wrap:hover:after, 
.portfolio-wrap:hover .portfolio:before, 
.portfolio-wrap:hover .portfolio:after{
    width: 50%;
}
.portfolio-wrap:after {
    bottom: 0;
    top: auto;
    left: auto;
    right: 0;
}
.portfolio:before {
    left: auto;
    right: 0;
    top: 0;
}
.portfolio:after {
    right: auto;
    top: auto;
    bottom: 0;
    left: 0;
}
.portfolio:before,
.portfolio:after{
    -webkit-transition:all 0.3s ease 0.2s;
    -moz-transition:all 0.3s ease 0.2s;
    -ms-transition:all 0.3s ease 0.2s;
    -o-transition:all 0.3s ease 0.2s;
    transition:all 0.3s ease 0.2s;
}

.video-section {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 110px;
}
.video-section > h3 {
    float: left;
    width: 100%;
    margin: 0 0 20px;
    color: #ffffff;
    font-family: roboto;
    font-size: 80px;
    font-weight: 600;
}
.video-section > span {
    float: left;
    width: 100%;
    font-size: 18px;
    letter-spacing: 18px;
    text-transform: uppercase;
}
.video-section > p {
    color: #e7e7e7;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    line-height: 36px;
    margin-bottom: 30px;
    margin-top: 20px;
    width: 50%;
}
.video-parallax {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}


.affiliate {
    float: left;
    margin-bottom: 30px;
    padding: 40px 20px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1;
}
.affiliate:before {
    background: none repeat scroll 0 0 #000000;
    content: "";
    height: 100%;
    width: 100%;
    opacity: 0.5;
    z-index: -1;
    position: absolute;
    left: 0;
    top: 0;

    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.affiliate img{
    max-width: 100%;
}

.full-map {
    background: none repeat scroll 0 0 #232323;
    float: left;
    height: 100%;
    position: relative;
    width: 100%;
}
#map-canvas {
    float: left;
    height: 768px;
    width: 100%;
}
.fixed-bottom {
    float: left;
    padding: 80px 0 150px;
    text-align: center;
    width: 100%;
}
.fixed-bottom a {
    display: inline-block;
    margin-bottom: 10px;
}
.fixed-bottom p {
    color: #e7e7e7;
    font-size: 15px;
    line-height: 34px;
}
.fixed-bottom ul {
    display: inline-block;
    float: none;
    margin: 40px auto 0;
    width: auto;
}
.fixed-bottom ul li {
    float: left;
    margin: 0 5px;
}
.fixed-bottom ul li a {
    background: none repeat scroll 0 0 #ffffff;
    border-radius: 50%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.fixed-bottom ul li a i {
    color: #232323;
    font-size: 21px;
    line-height: 40px;
    margin: 0;

    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.fixed-bottom ul li a:hover i{
    color: #FFF;
}

.rooms {
    float: left;
    width: 100%;
}
.room {
    float: left;
    padding: 0;
    position: relative;
    overflow: hidden;
}
.room > img {
    width: 100%;
}
.room.special {
    width: 33.7%;
}
.room-hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
    height: 100%;
    width: 100%;
    text-align: center;
    padding:160px 40px 0;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;

    -webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -ms-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
.room:hover .room-hover{
    opacity: 1;
}
.room-hover > span {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    color: #ffffff;
    font-family: raleway;
    font-size: 13px;
    font-weight: 500;
    margin-top: 10px;
    opacity: 0;

    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.room-hover > span i {
    font-style: normal;
}
.room-hover > h3 {
    float: left;
    width: 100%;
    position: relative;
    color: #ffffff;
    font-size: 20px;
    margin-bottom: 15px;
    padding-bottom: 15px;
    margin-top: 10px;
    opacity: 0;

    -webkit-transition:all 0.3s ease 0.2s;
    -moz-transition:all 0.3s ease 0.2s;
    -ms-transition:all 0.3s ease 0.2s;
    -o-transition:all 0.3s ease 0.2s;
    transition:all 0.3s ease 0.2s;
}
.room-hover > h3 a {
    color: inherit;
}
.room-hover > h3:before {
    background: none repeat scroll 0 0 #ffffff;
    content: "";
    height: 2px;
    width: 60px;
    margin-left: -30px;
    position: absolute;
    bottom: 0;
    left: 50%;
}
.room-hover > a{
    margin-top: 10px;
    opacity: 0;

    -webkit-transition:all 0.3s ease 0.4s;
    -moz-transition:all 0.3s ease 0.4s;
    -ms-transition:all 0.3s ease 0.4s;
    -o-transition:all 0.3s ease 0.4s;
    transition:all 0.3s ease 0.4s;
}
.room:hover .room-hover > span {
    margin-top: 0;
    opacity: 1;
}
.room:hover .room-hover > h3 {
    margin-top: 0;
    opacity: 1;
}
.room:hover .room-hover > a{
    margin-top: 0;
    opacity: 1;
}
.roombar {
    padding: 15px 30px;
    position: absolute;
    text-align: center;
    width: 100%;
    bottom: -60px;
    left: 0;
    z-index: 1;

    -webkit-transition:all 0.2s ease 0.3s;
    -moz-transition:all 0.2s ease 0.3s;
    -ms-transition:all 0.2s ease 0.3s;
    -o-transition:all 0.2s ease 0.3s;
    transition:all 0.2s ease 0.3s;
}
.room:hover .roombar {
    bottom:0;
}
.roombar li {
    color: #ffffff;
    height: 25px;
    margin-right: 10px;
    width: 20px;
    display: inline-block;
}
.roombar ul {
    float: left;
    width: 100%;
}
.roombar li i {
    color: #ffffff;
    font-size: 14px;
    margin: 0;
}
.roombar:before {
    background: none repeat scroll 0 0 #ffffff;
    content: "";
    opacity: 0.4;
    height: 100%;
    width: 100%;
    z-index: -1;
    position: absolute;
    left: 0;
    top: 0;
}

.popup-video {
    border:15px solid #ffffff;
    float: left;
    width: 100%;
    position: relative;
}
.popup-video:before {
    background: none repeat scroll 0 0 #000000;
    content: "";
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;

    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.popup-video:hover:before{
    opacity: 0.7;
}
.popup-video > img {
    width: 100%;
}
.popup-video > a {
    margin-left: -50.5px;
    margin-top: -50.5px;
    position: absolute;
    left: 50%;
    top: 50%;
    opacity: 0;
    height: 101px;
    width: 101px;

    -webkit-transform:scale(0.8);
    -moz-transform:scale(0.8);
    -ms-transform:scale(0.8);
    -o-transform:scale(0.8);
    transform:scale(0.8);

    -webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -ms-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
.popup-video:hover > a{
    opacity: 1;
    
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}

.innovative-title {
    float: left;
    margin-bottom: 20px;
    width: 100%;
}
.innovative-title h3 {
    color: #434343;
    float: left;
    font-family: roboto;
    font-size: 36px;
    font-weight: 600;
    width: 100%;
}
.innovative-title h3 span {
    font-weight: 200;
}
.innovative-title > p {
    float: left;
    width: 100%;
    font-size: 12px;
}

.salon-services {
    float: left;
    width: 100%;
}
.salon-content {
    background: hsl(0, 0%, 100%) none repeat scroll 0 0;
    float: left;
    padding: 40px 0 35px 45px;
    width: 100%;
}
.salon-content > span {
    color: hsl(41, 60%, 50%);
    float: left;
    font-family: roboto;
    font-size: 36px;
    margin-right: 20px;
    position: relative;
}
.salon-content > h3 {
    font-size: 15px;
    font-weight: 600;
    margin: 5px 0 10px;
    text-transform: capitalize;
}
.salon-content > p {
    font-size: 12px;
}

.upcoming-Events {
    float: left;
    width: 100%;
    margin-bottom: -30px;
}
.Event {
    float: left;
    overflow: hidden;
    position: relative;
    margin-bottom: 30px;
    width: 100%;
}
.Event > img {
    width: 100%;
}
.abt-Event {
    background:none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
    height: 100%;
    left: 0;
    padding:90px 50px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}
.abt-Event > span {
    color: #ffffff;
    float: left;
    font-family: raleway;
    font-size: 13px;
    line-height: 13px;
    margin-bottom: 20px;
    width: 100%;
}
.abt-Event > h3 {
    color: #ffffff;
    float: left;
    font-size: 22px;
    font-weight: 500;
    line-height: 36px;
    margin-bottom: 60px;
    width: 100%;
}
.abt-Event > h3 a{
    color: inherit;

    -webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -ms-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
.Event-loc {
    float: left;
    width: 100%;

    -webkit-transition:all 0.3s ease 0.2s;
    -moz-transition:all 0.3s ease 0.2s;
    -ms-transition:all 0.3s ease 0.2s;
    -o-transition:all 0.3s ease 0.2s;
    transition:all 0.3s ease 0.2s;
}
.Event:hover .Event-loc {
    opacity: 0;

    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
    transform:scale(1.2);

    -webkit-transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;
    -ms-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    transition:all 0.3s ease 0s;    
}
.Event-loc i {
    color: #ffffff;
    font-size: 42px;
}
.Event-loc > span {
    color: #ffffff;
    float: left;
    font-family: raleway;
    font-size: 13px;
    line-height: 23px;
    margin-top: 20px;
    width: 100%;
}
.abt-Event ul {
    bottom: 80px;
    float: left;
    opacity: 0;
    position: relative;
    width: 100%;

    -webkit-transform: scale(0.4);
    -moz-transform: scale(0.4);
    -ms-transform: scale(0.4);
    -o-transform: scale(0.4);
    transform: scale(0.4);

    -webkit-transition:all 0.3s ease 0.2s;
    -moz-transition:all 0.3s ease 0.2s;
    -ms-transition:all 0.3s ease 0.2s;
    -o-transition:all 0.3s ease 0.2s;
    transition:all 0.3s ease 0.2s;
}
.Event:hover .abt-Event ul{
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.abt-Event ul li {
    background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    width: 24%;
    margin: 0 0.5%;
    padding:15px 8px 8px 8px;
}
.abt-Event ul li span {
    color: #ffffff;
    float: left;
    font-family: roboto;
    font-size: 18px;
    line-height: 15px;
    margin-bottom: 13px;
    width: 100%;
}
.abt-Event ul li p {
    background: none repeat scroll 0 0 #ffffff;
    color: #3c3c3c;
    display: inline-block;
    font-family: roboto;
    font-size: 10px;
    line-height: 15px;
    margin: 0 auto;
    max-width: 86%;
    overflow: hidden;
    padding: 2px 6px;
    text-overflow: ellipsis;
    text-transform: capitalize;
}

.special-deals-carousel {
    float: left;
    width: 100%;
}
.special-deal {
    float: left;
    width: 100%;
}
.deal-bottom {
    background: none repeat scroll 0 0 #ffffff;
    border-bottom: 1px solid #dedede;
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede;
    float: left;
    width: 100%;

    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -ms-border-radius: 0 0 3px 3px;
    -o-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}
.deal-details {
    background: none repeat scroll 0 0 #ffffff;
    float: left;
    margin-left: 5%;
    margin-top: -60px;
    padding:30px 35px 15px 35px;
    position: relative;
    width: 90%;

    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}
.deal-details h3 {
    float: left;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    width: 100%;
}
.deal-details h3 a{
    color: inherit;
}
.deal-details p {
    float: left;
    width: 100%;
    font-size: 13px;
}
.deal-info {
    float: left;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1;
}
.deal-info:before {
    background: none repeat scroll 0 0 #ffffff;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.deal-info > i {
    background: none repeat scroll 0 0 #ffffff;
    border-radius: 50%;
    font-size: 30px;
    height: 80px;
    left: 50%;
    line-height: 65px;
    margin-left: -40px;
    position: absolute;
    top: -60px;
    width: 80px;
    z-index: -1;
}
.deal-info > strong i {
    font-size: 12px;
    margin-right: 10px;
}
.deal-info span {
    color: #888888;
    float: left;
    font-family: arimo;
    font-size: 12px;
    margin-top: 10px;
    text-transform: uppercase;
    width: 100%;
}
.deal-info span strong {
    font-family: roboto;
    font-size: 40px;
    font-weight: 400;
}
.deal-info span strong i {
    font-size: 30px;
    font-style: normal;
}
.deal-features {
    border-top: 1px solid #dedede;
    float: left;
    padding: 0 0 0 5%;
    position: relative;
    width: 100%;
}
.deal-features > p {
    color: #888888;
    float: left;
    font-size: 12px;
    padding: 11px 0;
    width: 73%;
}
.deal-features > p i {
    margin-right: 10px;
}
.deal-features > ul {
    float: right;
    width: 27%;
}
.deal-features li {
    border-left: 1px solid #dedede;
    float: left;
    padding: 15px 0;
    text-align: center;
    width: 20%;

    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.deal-features li.active {
    background: none repeat scroll 0 0 #464646;
}
.deal-features li i {
    color: #908989;
    float: left;
    font-size: 18px;
    margin: 0;
    width: 100%;

    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.deal-features li.active i{
    color: #FFFFFF;
}
.deal-features li span {
    display: none;
}

.special-deals-carousel .owl-nav {
    width: 95px;
    position: absolute;
    right: 5px;
    top: 5px;
}
.special-deals-carousel .owl-nav > div {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
    color: rgba(0, 0, 0, 0);
    float: left;
    position: relative;
    height: 45px;
    margin-right: 5%;
    width: 47.5%;
}
.special-deals-carousel .owl-nav > div.owl-next {
    margin: 0;
}
.special-deals-carousel .owl-nav > div:before {
    color: #afafaf;
    content: "\f104";
    font-family: fontawesome;
    font-size: 26px;
    height: 100%;
    width: 100%;
    line-height: 45px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;

    -webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -ms-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear;    
}
.special-deals-carousel .owl-nav > div.owl-next:before {
    content: "\f105";
}

.page-top {
    float: left;
    padding: 60px 0;
    position: relative;
    width: 100%;
}
.page-top.extra-gap {
    padding-top: 185px;
}
.page-top h1 {
    color: #ffffff;
    float: left;
    font-family: roboto;
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 4px;
    width: 100%;
}
.page-top p {
    color: #e8e7e7;
    float: left;
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 15px;
    margin-top: 5px;
    width: 100%;
}

.blog-list {
    background: none repeat scroll 0 0 #ffffff;
    float: left;
    width: 100%;
    margin-bottom: 30px;
    overflow: hidden;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.blog-img > ul.meta li {
    float: left;
    width: 50%;
}
.blog-img > ul.meta {
    left: auto;
    padding: 10px 20px;
    right: 0;
    width: 80%;
}
.blog-img {
    float: left;
    position: relative;
    width: 100%;
}
.blog-img > img {
    width: 100%;
}
.blog-desc {
    float: left;
    width: 100%;
    padding:45px 20px 20px;
    position: relative;
}
.blog-desc li {
    float: left;
    color: #b8b8b8;
    font-size: 12px;
    line-height: 13px;
    margin-right: 5px;
}
.blog-desc li a {
    color: inherit;
    float: left;
    font-size: 12px;
    line-height: 15px;
    padding-right: 5px;

    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.blog-desc h3 {
    float: left;
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: 5px;
    width: 100%;
}
.blog-desc li span {
    float: left;
    font-size: 14px;
    line-height: 16px;
    padding: 0 5px;
}
.blog-desc > p {
    float: left;
    letter-spacing: 0.2px;
    line-height: 28px;
    margin-top: 10px;
    width: 100%;
}
.blog-desc > a {
    color: #b8b8b8;
    float: left;
    font-family: arimo;
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 15px;
    margin-top: 10px;

    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.blog-desc > a i {
    float: right;
    font-size: 16px;
    line-height: 17px;
    margin-left: 5px;
}

.simple-text {
    float: left;
    width: 100%;
}
.simple-text > h3 {
    color: #ffffff;
    float: left;
    font-size: 24px;
    font-weight: 600;
    line-height: 25px;
    margin-top: 10px;
    margin-bottom: 10px;
    text-transform: uppercase;
    width: 100%;
}
.simple-text > h4 {
    color: #ffffff;
    float: left;
    font-size: 15px;
    margin-bottom: 20px;
    text-transform: uppercase;
    width: 100%;
}
.simple-text > p {
    color: #101010;
    float: left;
    letter-spacing: 0.2px;
    line-height: 28px;
    margin-bottom: 50px;
    width: 100%;
}
.simple-text > a {
    border: 2px solid #FFF;
    color: #ffffff;
    float: left;
    font-family: raleway;
    font-size: 13px;
    font-weight: 600;
    padding: 10px 35px;

    -webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -ms-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
.simple-text > a:hover{
    background: #FFF;
}

.countbox {
    background: none repeat scroll 0 0 #ffffff;
    float: left;
    padding: 30px 20px;
    margin-bottom: 30px;
    text-align: center;
    width: 100%;
}
.countbox > h3 {
    color: #505050;
    display: inline-block;
    font-family: roboto;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 10px;
}
.countbox i {
    color: #b0afaf;
    font-size: 48px;
    margin-left: 10px;
}
.countbox > span {
    color: #606060;
    float: left;
    font-family: raleway;
    font-size: 15px;
    font-weight: 600;
    width: 100%;
}

.member {
    float: left;
    margin-bottom: 30px;
    position: relative;
    text-align: center;
    width: 100%;
}
.member-img {
    float: left;
    margin-bottom: 20px;
    width: 100%;
}
.member-img > img {
    width: 100%;
}
.member > span {
    color: #999999;
    float: left;
    font-family: arimo;
    font-size: 13px;
    font-style: italic;
    line-height: 15px;
    margin-bottom: 10px;
    width: 100%;
}
.member > h3 {
    float: left;
    font-size: 15px;
    margin-bottom: 20px;
    width: 100%;
}
.member > h3 a{
    color: inherit;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.member > ul {
    text-align: center;
}
.member li {
    border: 1px solid #dbdbdb;
    display: inline-block;
    height: 40px;
    margin: 0 2px;
    width: 40px;

    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.member li a {
    float: left;
    width: 100%;
}
.member li a i {
    float: left;
    font-size: 17px;
    line-height: 38px;
    margin: 0;
    width: 100%;

    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.member li:hover a i{
    color: #FFFFFF;
}

.contact-img {
    float: left;
    width: 100%;
}
.contact-img img {
    width: 100%;
}
.info {
    float: left;
    width: 100%;
}
.info > p {
    float: left;
    margin-bottom: 20px;
    margin-top: 10px;
    width: 100%;
}

.info strong {
    float: left;
    font-family: roboto;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
    width: 100%;
}
.info ul li i {
    color: #bfbebe;
    font-size: 13px;
    margin-right: 5px;
}
.info ul li {
    float: left;
    font-family: arimo;
    font-size: 13px;
    letter-spacing: 0.2px;
    margin: 5px 0;
    width: 100%;
}
.timetable {
    background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") no-repeat scroll center center #f7f7f7;
    float: left;
    padding: 35px 40px;
    width: 100%;
}
#message {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.error_message {
    background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") no-repeat scroll 10px center #fbe3e4;
    border: 1px solid #fbc2c4;
    color: #8a1f11;
    display: block;
    float: left;
    font-family: raleway;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 20px;
    padding: 10px 10px 10px 35px;
    text-transform: uppercase;
    width: 100%;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.loader { padding: 0 10px; }

#contact #success_page h1 { 
    background: url('') left no-repeat; 
    padding-left:22px; }

acronym { border-bottom:1px dotted #ccc; }


.contact-box.fancy {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin-top: 40px;
    padding: 0;
}
.contact-box.fancy > h4 {
    color: #666666;
    font-family: raleway;
    font-size: 15px;
    font-weight: 500;
    text-align: left;
    text-transform: uppercase;
}
.contact-box.fancy > p {
    color: #888888;
    text-align: left;
}
.contact-box.fancy > form input, .contact-box.fancy > form textarea {
    background: none repeat scroll 0 0 #ffffff;
    color: #b4b4b4;
    font-family: arimo;
    font-size: 12px;
    font-style: normal;
}
.contact-box.fancy .form-field {
    margin-bottom: 5px;
}
.block .contact-box > form textarea {
    min-height: 100px;
}
.contact-box.fancy button {
    background: none repeat scroll 0 0 #525252;
    float: right;
}

.services {
    float: left;
    margin-bottom: -30px;
    width: 100%;
}
.service-simple {
    background: none repeat scroll 0 0 #ffffff;
    float: left;
    margin-bottom: 30px;
    text-align: center;
    width: 100%;
}
.service-img {
    float: left;
    margin-bottom: 20px;
    width: 100%;
}
.service-img > img {
    width: 100%;
}
.service-simple h3 {
    float: left;
    font-size: 14px;
    line-height: 23px;
    margin-bottom: 15px;
    padding: 0 30px;
    width: 100%;
}
.service-simple > p {
    float: left;
    padding: 0 30px 30px;
    width: 100%;
}

.blog-single {
    float: left;
    width: 100%;
}
.post-info {
    float: left;
    margin-bottom: 50px;
    width: 100%;
}
.single-image {
    float: right;
    overflow: hidden;
    width: 80%;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.single-image > img {
    width: 100%;
}
.post-info li {
    background: none repeat scroll 0 0 #ffffff;
    color: #999999;
    float: left;
    font-size: 11px;
    font-style: italic;
    line-height: 20px;
    margin-bottom: 20px;
    padding:10px 15px 10px 30px;
    position: relative;
    text-transform: uppercase;
    width: 100%;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.post-info li span {
    background: none repeat scroll 0 0 #5d5d5d;
    height: 25px;
    left: -10px;
    position: absolute;
    text-align: center;
    top: 8px;
    width: 25px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.post-info li a {
    color: inherit;
    font-size: inherit;
    line-height: inherit;

    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.post-info li span i {
    color: #ffffff;
    float: left;
    line-height: 25px;
    margin: 0;
    width: 100%;
}
.post-info ul {
    float: left;
    padding-left: 10px;
    width: 17%;
}
.blog-single > p {
    color: #888888;
    float: left;
    margin-bottom: 10px;
    width: 100%;
}
blockquote {
    background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    color: #ffffff;
    float: left;
    font-family: roboto;
    font-size: 18px;
    font-style: italic;
    font-weight: 500;
    line-height: 30px;
    margin: 20px 0;
    overflow: hidden;
    padding: 40px 60px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
blockquote:before {
    background: none repeat scroll 0 0 #000000;
    content: "";
    height: 100%;
    width: 100%;
    opacity: 0.8;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.share-post {
    background: none repeat scroll 0 0 #ffffff;
    float: left;
    margin: 30px 0;
    padding: 30px 40px;
    width: 100%;
}
.share-post h5 {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 18px;
    font-weight: 500;
    margin-top: 12px;
}
ul.social-contact {
    float: right;
    padding: 0;
    width: auto;
}
ul.social-contact li {
    background: none repeat scroll 0 0 #404040;
    float: left;
    height: 40px;
    margin-bottom: 0;
    margin-right: 10px;
    padding: 0;
    width: 40px;

    -webkit-border-radius:3px; 
    -moz-border-radius:3px; 
    -ms-border-radius:3px; 
    -o-border-radius:3px; 
    border-radius:3px; 

    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
ul.social-contact li a {
    color: #ffffff;
    float: left;
    line-height: 40px;
    text-align: center;
    width: 100%;
}
ul.social-contact li a i {
    color: #ffffff;
    font-size: 19px;
    line-height: 40px;
    margin: 0;
}


.comments-thread {
    float: left;
    margin-top: 30px;
    width: 100%;
}
h3.sub-title {
    float: left;
    width: 100%;
    color: #666666;
    font-family: roboto;
    font-weight: 600;
    margin-bottom: 30px;
    text-transform: uppercase;
}
.comments-thread li {
    float: left;
    margin-bottom: 30px;
    padding-left: 70px;
    position: relative;
    width: 100%;
}
.comments-thread li:last-child{
    margin-bottom: 0;
}
.comment {
    float: left;
    width: 100%;
    background: none repeat scroll 0 0 #ffffff;
    padding:40px 110px 40px 90px;
    position: relative;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.avatar {
    border: 10px solid #f9f9f9;
    overflow: hidden;
    position: absolute;
    left: -70px;
    top: 30px;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
.avatar > img {
    width: 100%;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.comment-info {
    border-bottom: 1px dashed #dee1e2;
    float: left;
    margin-bottom: 15px;
    padding-bottom: 12px;
    width: 100%;
}
.comment-info > h4 {
    color: #494949;
    float: left;
    font-size: 13px;
    font-style: italic;
    margin-right: 30px;
}
.comment-info > span {
    color: #494949;
    float: left;
    font-size: 11px;
    font-style: italic;
    line-height: 14px;
}
.comment-info > span i {
    color: inherit;
    font-size: inherit;
    margin: 0;
}
.comment > p {
    color: #555555;
    float: left;
    font-size: 13px;
    line-height: 26px;
    width: 100%;
}
.comments-thread li ul {
    margin-top: 30px;
}
.comment > a {
    background: none repeat scroll 0 0 #404040;
    color: #ffffff;
    font-family: roboto;
    font-size: 11px;
    letter-spacing: 0.3px;
    line-height: 20px;
    padding: 6px 25px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 20px;

    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -ms-border-radius: 3px 0 0 3px;
    -o-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;

    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.comment > a:hover{
    color: #FFF!important;
}

.service-single > p {
    color: #888888;
    font-size: 14px;
}
.service-single .share-post {
    margin-top: 80px;
}


.package-single {
    float: left;
    width: 100%;
}
.package-single .single-image,
.service-single .single-image{
    margin-bottom: 30px;
    width: 100%;
}
.package-single h2 {
    border-bottom: 1px dashed #dee1e2;
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 26px;
    font-weight: 400;
    margin-bottom: 20px;
    padding-bottom: 20px;
    width: 100%;
}
.package-single > p {
    color: #888888;
    float: left;
    font-size: 14px;
    margin-bottom: 10px;
    width: 100%;
}
.whitebox {
    background: none repeat scroll 0 0 #ffffff;
    float: left;
    margin: 15px 0;
    overflow: auto;
    padding: 40px 50px;
    width: 100%;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.whitebox > h4 {
    border-bottom: 1px dashed #dee1e2;
    float: left;
    font-family: roboto;
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 30px;
    padding-bottom: 10px;
    width: 100%;
}
.whitebox li {
    float: left;
    line-height: 25px;
    margin-bottom: 15px;
    width: 33.334%;
}
.whitebox > ul {
    margin-bottom: -15px;
}


.whitebox.package {
    margin: -30px 0 50px;
}
.whitebox.package > span {
    float: left;
    font-family: arimo;
    font-size: 12px;
    margin-bottom: 4px;
    letter-spacing: .4px;
    width: 100%;
    text-transform: uppercase;
}
.whitebox.package .price {
    font-family: roboto;
    font-size: 20px;
    margin-top: 25px;
    position: absolute;
    right: 70px;
}
.whitebox.package .price > i {
    display: inline;
}
.whitebox.package li {
    padding-left: 15px;
    position: relative;
    width: 100%;
}
.whitebox.package li::before {
    background: #adadad none repeat scroll 0 0;
    border-radius: 50%;
    content: "";
    height: 5px;
    left: 0;
    margin-top: -2.5px;
    position: absolute;
    top: 50%;
    width: 5px;
}
.whitebox.package .booking {
    float: right;
    margin-top: -100px;
    position: relative;
}
.whitebox.package .booking > .topbar-btn {
    border-radius: 3px;
    margin: 0;
    padding: 12px 40px;
}
.whitebox.package .booking span {
    bottom: -40px;
    color: #757575;
    font-family: roboto;
    font-size: 16px;
    font-weight: lighter;
    position: absolute;
    text-align: center;
    width: 100%;
}
table.rates {
    width: 1000px;
}
table.rates {
    float: left;
    width: 100%;
}
.rates thead {
    background: none repeat scroll 0 0 #000000;
    line-height: 45px;
    width: 100%;
}
.rates thead th {
    color: #ffffff;
    font-family: roboto;
    font-size: 13px;
    text-indent: 30px;
    text-transform: uppercase;
}
.rates tbody {
    line-height: 40px;
}
.rates tbody tr:nth-child(2n+1) {
    background: none repeat scroll 0 0 #f6f6f6;
}
.rates tbody td {
    color: #888888;
    font-family: arimo;
    font-size: 12px;
    text-indent: 15px;
}
.rates tbody td strong {
    color: #898989;
    float: left;
    font-family: arimo;
    font-size: 12px;
    font-weight: 700;
    text-indent: 30px;
    width: 100%;
}
.package-gallery {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.package-gallery a {
    float: left;
    overflow: hidden;
    width: 100%;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;    
}
.package-gallery a img {
    width: 100%;
}


.sidebar {
    background: none repeat scroll 0 0 #ffffff;
    float: left;
    width: 100%;
    padding: 40px 30px;
}
.widget {
    float: left;
    margin-bottom: 50px;
    width: 100%;
}
.widget:last-child{
    margin-bottom: 0;
}
footer .widget{
    margin-bottom: 0;
}
.widget-title {
    color: #383837;
    float: left;
    font-family: roboto;
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 20px;
    padding-bottom: 12px;
    position: relative;
    width: 100%;
}
.widget-title:before {
    background: none repeat scroll 0 0 #cccccc;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 60px;
}
.widget-title span {
    font-weight: 300;
}

.gallery-widget {
    float: left;
    width: 100%;
}
.gallery-widget > div {
    padding: 0;
}
.gallery-widget a {
    float: left;
    position: relative;
    width: 100%;
}
.gallery-widget a img {
    width: 100%;
}
.gallery-widget a:before {
    background: none repeat scroll 0 0 #000000;
    content: "";
    height: 100%;
    width: 100%;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;

    -webkit-transition:all 0.3s ease 0.2s;
    -moz-transition:all 0.3s ease 0.2s;
    -ms-transition:all 0.3s ease 0.2s;
    -o-transition:all 0.3s ease 0.2s;
    transition:all 0.3s ease 0.2s;
}
.gallery-widget a:hover:before{
    opacity: 0.7;    
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.video-widget {
    float: left;
    width: 100%;
}
.widget .popup-video {
    border: 0 none;
}
.popup-video img {
    width: 100%;
}
.widget .popup-video > a {
    height: 70px;
    margin-left: -35px;
    margin-top: -35px;
    width: 70px;
}
.video-widget h3 {
    float: left;
    font-family: raleway;
    font-size: 13px;
    font-weight: 600;
    line-height: 26px;
    margin-top: 10px;
    text-transform: uppercase;
    width: 100%;
}
.sidebar .widget ul li:before, .sidebar .widget ul li:after {
    display: none;
}
.sidebar .widget ul li {
    border-bottom: 1px solid #e8e8e8;
    color: #888888;
    font-size: 12px;
    line-height: 21px;
    margin: 0;
    padding: 13px 0;
    text-align: right;
}
.sidebar .widget ul li a {
    color: #888888;
    float: left;
    font-size: 12px;
    line-height: inherit;
    width: auto;
}
.sidebar .widget ul li:first-child {
    padding-top: 0;
}
.sidebar .widget ul li:last-child {
    border: 0 none;
    padding-bottom: 0;
}

.sidebar-posts {
    float: left;
    margin-bottom: -30px;
    width: 100%;
}
.sidebar-post {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}
.post-img {
    border-radius: 3px;
    float: left;
    margin-bottom: 10px;
    overflow: hidden;
    width: 100%;
}
.post-img > img {
    width: 100%;
}
.widget .sidebar-posts .sidebar-post li {
    border: 0 none;
    margin-right: 2px;
    padding: 0;
    width: auto;
}
.widget .sidebar-posts .sidebar-post li a {
    padding-right: 5px;
    position: relative;
}
.widget .sidebar-posts .sidebar-post li a:before {
    bottom: 0;
    content: ",";
    position: absolute;
    right: 0;
}
.widget .sidebar-posts .sidebar-post li:last-child a:before {
    display: none;
}

.sidebar-post > h3 {
    float: left;
    font-size: 13px;
    line-height: 20px;
    margin-top: 5px;
}
.tags {
    float: left;
    margin: 20px 0 50px;
    text-align: center;
    width: 100%;
}
.tags > a {
    background: none repeat scroll 0 0 #e6e5e5;
    color: #888888;
    display: inline-block;
    font-family: arimo;
    font-size: 12px;
    margin: 0 10px;
    position: relative;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.tags > a:hover{
    color: #FFF;
}
.tags > a span {
    float: left;
    padding: 8px 20px;
    position: relative;
    width: 100%;
    z-index: 1;
}
.tags > a span:before, .tags > a span:after {
    background: none repeat scroll 0 0 #e6e5e5;
    content: "";
    height: 10px;
    left: -5px;
    margin-top: -5px;
    position: absolute;
    top: 50%;
    width: 10px;
    z-index: 1;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.tags > a span:after{
    left: auto;
    right: -5px;
}
.searchform {
    background: none repeat scroll 0 0 #f6f6f6;
    float: left;
    height: 47px;
    width: 100%;
    position: relative;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.searchform > input {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    color: #c0c0c0;
    font-family: arimo;
    font-size: 11px;
    font-style: italic;
    height: 100%;
    padding: 10px 20px 10px 40px;
    width: 100%;
}
.searchform > button {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    color: #d6d6d6;
    width: 40px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.sidebar .about > p {
    color: #8f8f8f;
}
.sidebar .about > p {
    color: #8f8f8f;
}
.sidebar .contact-box.overlap {
    margin: 0;
    padding: 0;
}
.sidebar .contact-box {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding: 0;
}
.sidebar .contact-box h4 {
    color: #4f4f4f;
}
.sidebar .contact-box > form input, .sidebar .contact-box > form textarea {
    background: none repeat scroll 0 0 #efefef;
    color: #8f8f8f;
    font-size: 10px;
    text-transform: uppercase;
}
.sidebar .contact-box > form button:hover {
    background: none repeat scroll 0 0 #efefef;
}

footer {
    background: none repeat scroll 0 0 #2a2a2a;
    float: left;
    width: 100%;
}
footer .block {
    padding: 70px 0;
}
footer .widget-title {
    color: #ffffff;
}
footer .video-widget h3 {
    color: #ffffff;
}
.widget .sidebar-post li:before, 
.widget .sidebar-post li:after {
    display: none;
}
footer .sidebar-post > h3 a{
    color: #FFFFFF;
}
.about {
    float: left;
    width: 100%;
}
.about > a {
    float: left;
    margin-bottom: 2px;
    margin-right: 20px;
}
.about > p {
    color: #c2c2c2;
    font-size: 13px;
    letter-spacing: 0.4px;
    line-height: 29px;
    float: left;
    width: 100%;
    margin-top: 20px;
}
.widget ul li {
    color: #c2c2c2;
    float: left;
    margin-bottom: 16px;
    padding-left: 20px;
    position: relative;
    text-align: right;
    width: 100%;
}
.widget ul li a {
    color: #c2c2c2;
    float: left;
    letter-spacing: 0.3px;
    line-height: 20px;
    text-align: left;
    font-size: 12px;

    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.widget ul li:before {
    border: 2px solid #707070;
    content: "";
    height: 12px;
    width: 12px;
    position: absolute;
    left: 0;
    top: 4px;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.widget ul li:after {
    background: none repeat scroll 0 0 #707070;
    content: "";
    height: 4px;
    width: 4px;
    position: absolute;
    left: 4px;
    top: 8px;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
.contact-box {
    background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    width: 100%;
    padding:70px 40px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.contact-box > h4 {
    color: #ffffff;
    float: left;
    font-family: roboto;
    font-size: 26px;
    font-weight: 600;
    text-align: center;
    width: 100%;
}
.contact-box > p {
    color: #939393;
    float: left;
    font-size: 12px;
    line-height: 20px;
    margin: 10px 0;
    text-align: center;
    width: 100%;
}
.contact-box > form {
    float: left;
    margin-top: 20px;
    width: 100%;
}
.form-field {
    margin-bottom: 30px;
}
.contact-box .form-field {
    margin-bottom: 10px;
}
.contact-box > form input, 
.contact-box > form textarea {
    background: none repeat scroll 0 0 #222222;
    border: 0 none;
    color: #8b8b8b;
    float: left;
    font-family: arimo;
    font-size: 10px;
    font-style: italic;
    height: 46px;
    padding: 10px 20px;
    width: 100%;
}
.contact-box > form textarea {
    min-height: 106px;
    padding-top: 15px;
}
.contact-box.light > form input,
.contact-box.light > form textarea {
    background: none repeat scroll 0 0 #ffffff;
    color: #7b7b7b;
}
.contact-box > form button {
    border: 0 none;
    color: #ffffff;
    display: table;
    font-family: raleway;
    font-size: 11px;
    font-weight: 700;
    margin: 12px auto 0;
    padding: 14px 30px;

    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.contact-box > form button:hover{
    background: none repeat scroll 0 0 #ffffff;
    color: #333333;
}
.contact-box > form .row {
    margin: 0 -2.5px;
}
.contact-box > form .row > div {
    padding: 0 2.5px;
}
.contact-box.overlap {
    margin-bottom: -90px;
    margin-top: -140px;
    padding: 75px 70px 0;
}
.contact-box > form input::-moz-placeholder, 
.contact-box > form textarea::-moz-placeholder{
    opacity: 1;
}
footer .form-field {
    margin-bottom: 10px;
}
.footer-bar {
    background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    margin-top: -3px;
    padding:20px 0;
    width: 100%;
}
.footer-bar ul {
    max-width: 70%;
}
.footer-bar ul li {
    float: left;
    line-height: 30px;
    margin-right: 20px;
    font-size: 12px;
    color: #8a8a8a;
}
.social-links {
    float: right;
    max-width: 30%;
}
.social-links > a {
    border: 1px solid #7d7d7d;
    color: #ffffff;
    float: left;
    height: 30px;
    line-height: 30px;
    margin-left: 3px;
    text-align: center;
    width: 30px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.bottom-footer {
    background: none repeat scroll 0 0 #2a2a2a;
    float: left;
    padding: 20px 0;
    width: 100%;
}
.bottom-footer p {
    color: #dfdfdf;
    float: left;
    font-size: 12px;
    text-align: center;
    width: 100%;
}





div.pp_default .pp_top,
div.pp_default .pp_top .pp_middle,
div.pp_default .pp_top .pp_left,
div.pp_default .pp_top .pp_right,
div.pp_default .pp_bottom,
div.pp_default .pp_bottom .pp_left,
div.pp_default .pp_bottom .pp_middle,
div.pp_default .pp_bottom .pp_right { height: 13px; }

div.pp_default .pp_top .pp_left { background: url(/images/prettyPhoto/default/sprite.png) -78px -93px no-repeat; } 
div.pp_default .pp_top .pp_middle { background: url(/images/prettyPhoto/default/sprite_x.png) top left repeat-x; } 
div.pp_default .pp_top .pp_right { background: url(/images/prettyPhoto/default/sprite.png) -112px -93px no-repeat; } 

div.pp_default .pp_content .ppt { color: #f8f8f8; }
div.pp_default .pp_content_container .pp_left { background: url(/images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y; padding-left: 13px; }
div.pp_default .pp_content_container .pp_right { background: url(/images/prettyPhoto/default/sprite_y.png) top right repeat-y; padding-right: 13px; }
div.pp_default .pp_content { background-color: #fff; } 
div.pp_default .pp_next:hover { background: url(/images/prettyPhoto/default/sprite_next.png) center right  no-repeat; cursor: pointer; } 
div.pp_default .pp_previous:hover { background: url(/images/prettyPhoto/default/sprite_prev.png) center left no-repeat; cursor: pointer; } 
div.pp_default .pp_expand { background: url(/images/prettyPhoto/default/sprite.png) 0 -29px no-repeat; cursor: pointer; width: 28px; height: 28px; } 
div.pp_default .pp_expand:hover { background: url(/images/prettyPhoto/default/sprite.png) 0 -56px no-repeat; cursor: pointer; } 
div.pp_default .pp_contract { background: url(/images/prettyPhoto/default/sprite.png) 0 -84px no-repeat; cursor: pointer; width: 28px; height: 28px; } 
div.pp_default .pp_contract:hover { background: url(/images/prettyPhoto/default/sprite.png) 0 -113px no-repeat; cursor: pointer; } 
div.pp_default .pp_close { width: 30px; height: 30px; background: url(/images/prettyPhoto/default/sprite.png) 2px 1px no-repeat; cursor: pointer; } 
div.pp_default #pp_full_res .pp_inline { color: #000; } 
div.pp_default .pp_gallery ul li a { background: url(/images/prettyPhoto/default/default_thumb.png) center center #f8f8f8; border:1px solid #aaa; }
div.pp_default .pp_gallery ul li a:hover,
div.pp_default .pp_gallery ul li.selected a { border-color: #fff; }
div.pp_default .pp_social { margin-top: 7px; }

div.pp_default .pp_gallery a.pp_arrow_previous,
div.pp_default .pp_gallery a.pp_arrow_next { position: static; left: auto; }
div.pp_default .pp_nav .pp_play,
div.pp_default .pp_nav .pp_pause { background: url(/images/prettyPhoto/default/sprite.png) -51px 1px no-repeat; height:30px; width:30px; }
div.pp_default .pp_nav .pp_pause { background-position: -51px -29px; }
div.pp_default .pp_details { position: relative; }
div.pp_default a.pp_arrow_previous,
div.pp_default a.pp_arrow_next { background: url(/images/prettyPhoto/default/sprite.png) -31px -3px no-repeat; height: 20px; margin: 4px 0 0 0; width: 20px; }
div.pp_default a.pp_arrow_next { left: 52px; background-position: -82px -3px; } 
div.pp_default .pp_content_container .pp_details { margin-top: 5px; }
div.pp_default .pp_nav { clear: none; height: 30px; width: 110px; position: relative; }
div.pp_default .pp_nav .currentTextHolder{ font-family: Georgia; font-style: italic; color:#999; font-size: 11px; left: 75px; line-height: 25px; margin: 0; padding: 0 0 0 10px; position: absolute; top: 2px; }

div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover { opacity:0.7; }

div.pp_default .pp_description{ font-size: 11px; font-weight: bold; line-height: 14px; margin: 5px 50px 5px 0; }

div.pp_default .pp_bottom .pp_left { background: url(/images/prettyPhoto/default/sprite.png) -78px -127px no-repeat; } 
div.pp_default .pp_bottom .pp_middle { background: url(/images/prettyPhoto/default/sprite_x.png) bottom left repeat-x; } 
div.pp_default .pp_bottom .pp_right { background: url(/images/prettyPhoto/default/sprite.png) -112px -127px no-repeat; } 

div.pp_default .pp_loaderIcon { background: url(/images/prettyPhoto/default/loader.gif) center center no-repeat; } 



div.light_rounded .pp_top .pp_left { background: url(/images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } 
div.light_rounded .pp_top .pp_middle { background: #fff; } 
div.light_rounded .pp_top .pp_right { background: url(/images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } 

div.light_rounded .pp_content .ppt { color: #000; }
div.light_rounded .pp_content_container .pp_left,
div.light_rounded .pp_content_container .pp_right { background: #fff; }
div.light_rounded .pp_content { background-color: #fff; } 
div.light_rounded .pp_next:hover { background: url(/images/prettyPhoto/light_rounded/btnNext.png) center right  no-repeat; cursor: pointer; } 
div.light_rounded .pp_previous:hover { background: url(/images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } 
div.light_rounded .pp_expand { background: url(/images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } 
div.light_rounded .pp_expand:hover { background: url(/images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } 
div.light_rounded .pp_contract { background: url(/images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } 
div.light_rounded .pp_contract:hover { background: url(/images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } 
div.light_rounded .pp_close { width: 75px; height: 22px; background: url(/images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } 
div.light_rounded .pp_details { position: relative; }
div.light_rounded .pp_description { margin-right: 85px; }
div.light_rounded #pp_full_res .pp_inline { color: #000; } 
div.light_rounded .pp_gallery a.pp_arrow_previous,
div.light_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
div.light_rounded .pp_nav .pp_play { background: url(/images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
div.light_rounded .pp_nav .pp_pause { background: url(/images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }

div.light_rounded .pp_arrow_previous { background: url(/images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } 
div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.light_rounded .pp_arrow_next { background: url(/images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } 
div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

div.light_rounded .pp_bottom .pp_left { background: url(/images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } 
div.light_rounded .pp_bottom .pp_middle { background: #fff; } 
div.light_rounded .pp_bottom .pp_right { background: url(/images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } 

div.light_rounded .pp_loaderIcon { background: url(/images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } 



div.dark_rounded .pp_top .pp_left { background: url(/images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } 
div.dark_rounded .pp_top .pp_middle { background: url(/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } 
div.dark_rounded .pp_top .pp_right { background: url(/images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } 

div.dark_rounded .pp_content_container .pp_left { background: url(/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } 
div.dark_rounded .pp_content_container .pp_right { background: url(/images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } 
div.dark_rounded .pp_content { background: url(/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } 
div.dark_rounded .pp_next:hover { background: url(/images/prettyPhoto/dark_rounded/btnNext.png) center right  no-repeat; cursor: pointer; } 
div.dark_rounded .pp_previous:hover { background: url(/images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } 
div.dark_rounded .pp_expand { background: url(/images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } 
div.dark_rounded .pp_expand:hover { background: url(/images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } 
div.dark_rounded .pp_contract { background: url(/images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } 
div.dark_rounded .pp_contract:hover { background: url(/images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } 
div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(/images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } 
div.dark_rounded .pp_details { position: relative; }
div.dark_rounded .pp_description { margin-right: 85px; }
div.dark_rounded .currentTextHolder { color: #c4c4c4; }
div.dark_rounded .pp_description { color: #fff; }
div.dark_rounded #pp_full_res .pp_inline { color: #fff; }
div.dark_rounded .pp_gallery a.pp_arrow_previous,
div.dark_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
div.dark_rounded .pp_nav .pp_play { background: url(/images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
div.dark_rounded .pp_nav .pp_pause { background: url(/images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }

div.dark_rounded .pp_arrow_previous { background: url(/images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } 
div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.dark_rounded .pp_arrow_next { background: url(/images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } 
div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

div.dark_rounded .pp_bottom .pp_left { background: url(/images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } 
div.dark_rounded .pp_bottom .pp_middle { background: url(/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } 
div.dark_rounded .pp_bottom .pp_right { background: url(/images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } 

div.dark_rounded .pp_loaderIcon { background: url(/images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } 




div.dark_square .pp_left ,
div.dark_square .pp_middle,
div.dark_square .pp_right,
div.dark_square .pp_content { background: #000; }

div.dark_square .currentTextHolder { color: #c4c4c4; }
div.dark_square .pp_description { color: #fff; }
div.dark_square .pp_loaderIcon { background: url(/images/prettyPhoto/dark_square/loader.gif) center center no-repeat; } 

div.dark_square .pp_expand { background: url(/images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } 
div.dark_square .pp_expand:hover { background: url(/images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } 
div.dark_square .pp_contract { background: url(/images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } 
div.dark_square .pp_contract:hover { background: url(/images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } 
div.dark_square .pp_close { width: 75px; height: 22px; background: url(/images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } 
div.dark_square .pp_details { position: relative; }
div.dark_square .pp_description { margin: 0 85px 0 0; }
div.dark_square #pp_full_res .pp_inline { color: #fff; }
div.dark_square .pp_gallery a.pp_arrow_previous,
div.dark_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
div.dark_square .pp_nav { clear: none; }
div.dark_square .pp_nav .pp_play { background: url(/images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
div.dark_square .pp_nav .pp_pause { background: url(/images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }

div.dark_square .pp_arrow_previous { background: url(/images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } 
div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.dark_square .pp_arrow_next { background: url(/images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } 
div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

div.dark_square .pp_next:hover { background: url(/images/prettyPhoto/dark_square/btnNext.png) center right  no-repeat; cursor: pointer; } 
div.dark_square .pp_previous:hover { background: url(/images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } 




div.light_square .pp_left ,
div.light_square .pp_middle,
div.light_square .pp_right,
div.light_square .pp_content { background: #fff; }

div.light_square .pp_content .ppt { color: #000; }
div.light_square .pp_expand { background: url(/images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } 
div.light_square .pp_expand:hover { background: url(/images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } 
div.light_square .pp_contract { background: url(/images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } 
div.light_square .pp_contract:hover { background: url(/images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } 
div.light_square .pp_close { width: 75px; height: 22px; background: url(/images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } 
div.light_square .pp_details { position: relative; }
div.light_square .pp_description { margin-right: 85px; }
div.light_square #pp_full_res .pp_inline { color: #000; }
div.light_square .pp_gallery a.pp_arrow_previous,
div.light_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
div.light_square .pp_nav .pp_play { background: url(/images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
div.light_square .pp_nav .pp_pause { background: url(/images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }

div.light_square .pp_arrow_previous { background: url(/images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } 
div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.light_square .pp_arrow_next { background: url(/images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } 
div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

div.light_square .pp_next:hover { background: url(/images/prettyPhoto/light_square/btnNext.png) center right  no-repeat; cursor: pointer; } 
div.light_square .pp_previous:hover { background: url(/images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } 

div.light_square .pp_loaderIcon { background: url(/images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } 




div.facebook .pp_top .pp_left { background: url(/images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat; } 
div.facebook .pp_top .pp_middle { background: url(/images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x; } 
div.facebook .pp_top .pp_right { background: url(/images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat; } 

div.facebook .pp_content .ppt { color: #000; }
div.facebook .pp_content_container .pp_left { background: url(/images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y; } 
div.facebook .pp_content_container .pp_right { background: url(/images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y; } 
div.facebook .pp_content { background: #fff; } 
div.facebook .pp_expand { background: url(/images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer; } 
div.facebook .pp_expand:hover { background: url(/images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer; } 
div.facebook .pp_contract { background: url(/images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer; } 
div.facebook .pp_contract:hover { background: url(/images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer; } 
div.facebook .pp_close { width: 22px; height: 22px; background: url(/images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat; cursor: pointer; } 
div.facebook .pp_details { position: relative; }
div.facebook .pp_description { margin: 0 37px 0 0; }
div.facebook #pp_full_res .pp_inline { color: #000; } 
div.facebook .pp_loaderIcon { background: url(/images/prettyPhoto/facebook/loader.gif) center center no-repeat; } 

div.facebook .pp_arrow_previous { background: url(/images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } 
div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; }
div.facebook .pp_arrow_next { background: url(/images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } 
div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; }
div.facebook .pp_nav { margin-top: 0; }
div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px; }
div.facebook .pp_nav .pp_play { background: url(/images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat; height: 22px; width: 22px; }
div.facebook .pp_nav .pp_pause { background: url(/images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat; height: 22px; width: 22px; }

div.facebook .pp_next:hover { background: url(/images/prettyPhoto/facebook/btnNext.png) center right no-repeat; cursor: pointer; } 
div.facebook .pp_previous:hover { background: url(/images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat; cursor: pointer; } 

div.facebook .pp_bottom .pp_left { background: url(/images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat; } 
div.facebook .pp_bottom .pp_middle { background: url(/images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x; } 
div.facebook .pp_bottom .pp_right { background: url(/images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat; } 




div.pp_pic_holder a:focus { outline:none; }

div.pp_overlay {
background: #000;
display: none;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 100000000;
}

div.pp_pic_holder {
display: none;
position: absolute;
width: 100px;
z-index: 10000000000;
}


.pp_top {
height: 20px;
position: relative;
}
* html .pp_top { padding: 0 20px; }

.pp_top .pp_left {
height: 20px;
left: 0;
position: absolute;
width: 20px;
}
.pp_top .pp_middle {
height: 20px;
left: 20px;
position: absolute;
right: 20px;
}
* html .pp_top .pp_middle {
    left: 0;
    position: static;
}

.pp_top .pp_right {
height: 20px;
left: auto;
position: absolute;
right: 0;
top: 0;
width: 20px;
}

.pp_content { height: 40px; min-width: 40px; }
* html .pp_content { width: 40px; }

.pp_fade { display: none; }

.pp_content_container {
position: relative;
text-align: left;
width: 100%;
}

.pp_content_container .pp_left { padding-left: 20px; }
.pp_content_container .pp_right { padding-right: 20px; }

.pp_content_container .pp_details {
float: left;
margin: 10px 0 2px 0;
}
.pp_description {
    color: #3f3f3f;
    display: none;
    font-family: lato;
    font-size: 15px;
    font-weight: 600;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    text-transform: uppercase;
}
.pp_social { float: left; margin: 0; }
.pp_social .facebook { float: left; margin-left: 5px; width: 55px; overflow: hidden; }
.pp_social .twitter { float: left; }

.pp_nav {
    clear: right;
    float: left;
    margin: 3px 10px 0 0;
}

    .pp_nav p {
        float: left;
        margin: 2px 4px;
        white-space: nowrap;
    }
    
    .pp_nav .pp_play,
    .pp_nav .pp_pause {
        float: left;
        margin-right: 4px;
        text-indent: -10000px;
    }

    a.pp_arrow_previous,
    a.pp_arrow_next {
        display: block;
        float: left;
        height: 15px;
        margin-top: 3px;
        overflow: hidden;
        text-indent: -10000px;
        width: 14px;
    }

.pp_hoverContainer {
position: absolute;
top: 0;
width: 100%;
z-index: 2000;
}

.pp_gallery {
display: none;
left: 50%;
margin-top: -50px;
position: absolute;
z-index: 10000;
}

.pp_gallery div {
float: left;
overflow: hidden;
position: relative;
}

.pp_gallery ul {
float: left;
height: 35px;
margin: 0 0 0 5px;
padding: 0;
position: relative;
white-space: nowrap;
}

.pp_gallery ul a {
border: 1px #000 solid;
border: 1px rgba(0,0,0,0.5) solid;
display: block;
float: left;
height: 33px;
overflow: hidden;
}

.pp_gallery ul a:hover,
.pp_gallery li.selected a { border-color: #fff; }

.pp_gallery ul a img { border: 0; }

.pp_gallery li {
display: block;
float: left;
margin: 0 5px 0 0;
padding: 0;
width: auto;
}
.pp_gallery li.default a {
background: url(/images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
display: block;
height: 33px;
width: 50px;
}

.pp_gallery li.default a img { display: none; }

.pp_gallery .pp_arrow_previous,
.pp_gallery .pp_arrow_next {
margin-top: 7px !important;
}

a.pp_next {
background: url(/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
display: block;
float: right;
height: 100%;
text-indent: -10000px;
width: 49%;
}

a.pp_previous {
background: url(/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
display: block;
float: left;
height: 100%;
text-indent: -10000px;
width: 49%;
}

a.pp_expand,
a.pp_contract {
cursor: pointer;
display: none;
height: 20px;   
position: absolute;
right: 30px;
text-indent: -10000px;
top: 10px;
width: 20px;
z-index: 20000;
}

a.pp_close {
position: absolute; right: 0; top: 0; 
display: block;
line-height:22px;
text-indent: -10000px;
}

.pp_bottom {
height: 20px;
position: relative;
}
* html .pp_bottom { padding: 0 20px; }

.pp_bottom .pp_left {
height: 20px;
left: 0;
position: absolute;
width: 20px;
}
.pp_bottom .pp_middle {
height: 20px;
left: 20px;
position: absolute;
right: 20px;
}
* html .pp_bottom .pp_middle {
    left: 0;
    position: static;
}

.pp_bottom .pp_right {
height: 20px;
left: auto;
position: absolute;
right: 0;
top: 0;
width: 20px;
}

.pp_loaderIcon {
display: block;
height: 24px;
left: 50%;
margin: -12px 0 0 -12px;
position: absolute;
top: 50%;
width: 24px;
}

#pp_full_res {
line-height: 1 !important;
}

#pp_full_res .pp_inline {
text-align: left;
}

#pp_full_res .pp_inline p { margin: 0 0 15px 0; }

div.ppt {
color: #fff;
display: none!important;
font-size: 17px;
margin: 0 0 5px 15px;
z-index: 9999;
}


@font-face {
    font-family: "Flaticon";
    src: url("/css/flaticon.eot");
    src: url("/css/flaticon.eot") format("embedded-opentype"),
    url("/css/flaticon.woff") format("woff"),
    url("/css/flaticon.ttf") format("truetype"),
    url("") format("svg");
    font-weight: normal;
    font-style: normal;
}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
    font-family: Flaticon;
    font-style: normal;
}.flaticon-atomic:before {
    content: "\e000";
}
.flaticon-bed11:before {
    content: "\e001";
}
.flaticon-climbing:before {
    content: "\e002";
}
.flaticon-climbing4:before {
    content: "\e003";
}
.flaticon-cocktail19:before {
    content: "\e004";
}
.flaticon-compass67:before {
    content: "\e005";
}
.flaticon-country:before {
    content: "\e006";
}
.flaticon-cutlery6:before {
    content: "\e007";
}
.flaticon-directions2:before {
    content: "\e008";
}
.flaticon-drink29:before {
    content: "\e009";
}
.flaticon-earth186:before {
    content: "\e00a";
}
.flaticon-fishing11:before {
    content: "\e00b";
}
.flaticon-golf22:before {
    content: "\e00c";
}
.flaticon-guru1:before {
    content: "\e00d";
}
.flaticon-hand83:before {
    content: "\e00e";
}
.flaticon-hot50:before {
    content: "\e00f";
}
.flaticon-hotel31:before {
    content: "\e010";
}
.flaticon-ice46:before {
    content: "\e011";
}
.flaticon-knife22:before {
    content: "\e012";
}
.flaticon-man362:before {
    content: "\e013";
}
.flaticon-motorcycle7:before {
    content: "\e014";
}
.flaticon-mountain13:before {
    content: "\e015";
}
.flaticon-mountain19:before {
    content: "\e016";
}
.flaticon-mountain24:before {
    content: "\e017";
}
.flaticon-padding:before {
    content: "\e018";
}
.flaticon-person242:before {
    content: "\e019";
}
.flaticon-photo147:before {
    content: "\e01a";
}
.flaticon-place4:before {
    content: "\e01b";
}
.flaticon-regular2:before {
    content: "\e01c";
}
.flaticon-rowing:before {
    content: "\e01d";
}
.flaticon-running30:before {
    content: "\e01e";
}
.flaticon-skateboard1:before {
    content: "\e01f";
}
.flaticon-skiing7:before {
    content: "\e020";
}
.flaticon-snowboard1:before {
    content: "\e021";
}
.flaticon-time13:before {
    content: "\e022";
}
.flaticon-trekking:before {
    content: "\e023";
}
.flaticon-two28:before {
    content: "\e024";
}
    

.datepick {
    background-color: #FFFFFF;
    border: 1px solid #fff;
    border-radius: 3px;
    overflow: hidden;
    font-size: 12px;
}
.datepick-rtl {
    direction: rtl;
}
.datepick-popup {
    z-index: 100000000;
}
.datepick-disable {
    position: absolute;
    z-index: 100;
    background-color: white;
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.datepick a {
    color: #fff;
    text-decoration: none;
}
.datepick a.datepick-disabled {
    color: #888;
    cursor: auto;
}
.datepick button {
    margin: 0.25em;
    padding: 0.125em 0em;
    background-color: #fcc;
    border: none;
    border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    font-weight: bold;
}
.datepick-nav, .datepick-ctrl {
    background-color: #000000;
    color: #FFFFFF;
    float: left;
    font-size: 90%;
    font-weight: bold;
    padding: 5px;
    width: 100%;
}
.datepick-cmd {
    width: 30%;
    float: left;
}
.datepick-cmd:hover {
    background-color: #777;
}
.datepick-ctrl .datepick-cmd:hover {
    background-color: #f08080;
}
.datepick-cmd-prevJump, .datepick-cmd-nextJump {
    width: 8%;
}
a.datepick-cmd {
    font-family: open sans;
    font-weight: 400;
    line-height: 13px;
    padding: 5px 10px;
    position: relative;
    text-align: center;
    z-index: 1;
    overflow: hidden;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
a.datepick-cmd:before {
    background: none repeat scroll 0 0 #000000;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.2;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
button.datepick-cmd {
    text-align: center;
}
.datepick-cmd-current, .datepick-cmd-today {
    text-align: center;
    width: 40%;
    float: left;
}
.datepick-cmd-current, .datepick-cmd-today {
    text-align: center;
    width: 40%;
    float: left;
}
.datepick-cmd-next, .datepick-cmd-nextJump, .datepick-cmd-close {
    float: right;
    padding-right: 2%;
    text-align: right;
}
.datepick-rtl .datepick-cmd-prev, .datepick-rtl .datepick-cmd-prevJump,
.datepick-rtl .datepick-cmd-clear {
    float: right;
    padding-left: 0%;
    padding-right: 2%;
    text-align: right;
}
.datepick-rtl .datepick-cmd-current, .datepick-rtl .datepick-cmd-today {
    float: right;
}
.datepick-rtl .datepick-cmd-next, .datepick-rtl .datepick-cmd-nextJump,
.datepick-rtl .datepick-cmd-close {
    float: left;
    padding-left: 2%;
    padding-right: 0%;
    text-align: left;
}
.datepick-month-nav {
    float: left;
    background-color: #777;
    text-align: center;
}
.datepick-month-nav div {
    float: left;
    width: 12.5%;
    margin: 1%;
    padding: 1%;
}
.datepick-month-nav span {
    color: #888;
}
.datepick-month-row {
    clear: left;
}
.datepick-month-row {
    clear: left;
    float: left;
    width: 100%;
}
.datepick-month-header, .datepick-month-header select, .datepick-month-header input {
    background-color: #FFFFFF;
    color: #909090;
    font-family: open sans;
    padding: 4px 0;
}
.datepick-month-header select, .datepick-month-header input {
    height: 1.4em;
    margin: 0em;
    padding: 0em;
    border: none;
    font-size: 100%;
}
.datepick-month-header input {
    position: absolute;
    display: none;
}
.datepick-month table {
    width: 100%;
    border-collapse: collapse;
}
.datepick-month thead {
    border-bottom: 1px solid #aaa;
}
.datepick-month th, .datepick-month td {
    margin: 0em;
    padding: 0em;
    font-weight: normal;
    text-align: center;
}
.datepick-month th {
    border: 1px solid #777;
}
.datepick-month th, .datepick-month th a {
    background-color: #777;
    color: #fff;
}
.datepick-month td {
    background-color: #eee;
    border: 1px solid #aaa;
}
.datepick-month td.datepick-week {
    border: 1px solid #777;
}
.datepick-month td.datepick-week * {
    background-color: #777;
    color: #fff;
    border: none;
}
.datepick-month {
    float: left;
    text-align: center;
    width: 265px;
}
.datepick-month a {
    display: block;
    font-family: roboto;
    width: 100%;
    padding: 0.125em 0em;
    background-color: #eee;
    color: #000;
    text-decoration: none;

    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.datepick-month a:hover{
    color: #FFF;
}
.datepick-month span {
    display: block;
    width: 100%;
    padding: 0.125em 0em;
}
.datepick-month td span {
    color: #888;
}
.datepick-month td .datepick-other-month {
    background-color: #fff;
}
.datepick-month td .datepick-weekend {
    background-color: #ddd;
}
.datepick-month td .datepick-today {
    background-color: #f0c0c0;
    color: #FFF;
}
.datepick-month td .datepick-highlight {
    background-color: #f08080;
}
.datepick-month td .datepick-selected {
    background-color: #777;
    color: #fff;
}
.datepick-month th.datepick-week {
    background-color: #777;
    color: #fff;
}
.datepick-status {
    clear: both;
    background-color: #ddd;
    text-align: center;
}
.datepick-clear-fix {
    clear: both;
}




.sidepanel {
    background: none repeat scroll 0 0 #ffffff;
    position: fixed;
    right: -250px;
    top: 10px;
    width: 250px;
    z-index: 10000000;

    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.sidepanel.show {
    right: 0;
}
.sidebox > h3 {
    float: left;
    font-size: 14px;
    background: black;
    color: #FFF;
    font-weight: 600;
    padding: 4px 20px;
    background: #e5434d;
    margin-bottom: 20px;

    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    -ms-border-radius: 0 3px 3px 0;
    -o-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}
.colors {
    float: left;
    padding: 0 20px;
    width: 100%;
}
a.color {
    background: none repeat scroll 0 0 #000000;
    float: left;
    height: 30px;
    margin-bottom: 7px;
    margin-right: 7px;
    width: 47px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.theme-color, .theme-color:hover, .theme-color:focus {
    background: none repeat scroll 0 0 #e5434d;
    color: #ffffff;
    float: left;
    font-family: roboto;
    font-size: 14px;
    font-weight: 600;
    margin: 0 10%;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    width: 80%;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
.layout a,
.header-pos a,.header-col a {
    color: #5d5d5d;
    float: left;
    width: 48%;
    padding: 10px;
}
.layout,
.header-pos,.header-col {
    float: left;
    width: 100%;
    padding: 0 20px;
}
.layout a,
.header-pos a,
.header-col a {
    background: none repeat scroll 0 0 #ffffff;
    color: #5d5d5d;
    float: left;
    margin: 0 1%;
    padding: 5px 10px;
    text-transform:uppercase;
    text-align: center;
    width: 48%;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.layout a.applied,
.header-pos a.applied,
.header-col a.applied{
    color: #FFF;
    background: #e5434d;
}
.sidebox{
    float: left;
    width: 100%;
    background: #FFF;
    padding: 20px 0;
}
.sidebox.dark {
    background: #4e4c4a;
}
.patterns {
    float: left;
    padding: 0 20px;
    width: 100%;
}
.patterns a {
    background: none repeat scroll 0 0 #000000;
    float: left;
    height: 30px;
    margin-right: 5px;
    width: 30px;
    margin-bottom: 15px;
    border: 1px solid #E7E7E7;
    background-size: 100% 100%!important;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.patterns a.applied{
    border-radius: 50%;
}
.patterns a.bg1{
    background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) no-repeat scroll 0 0 transparent;
}
.patterns a.bg2{
    background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) no-repeat scroll 0 0 transparent;
}
.patterns a.bg3{
    background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) no-repeat scroll 0 0 transparent;
}
.patterns a.bg4{
    background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) no-repeat scroll 0 0 transparent;
}
.patterns a.bg5{
    background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) no-repeat scroll 0 0 transparent;
}
.patterns a.bg6{
    background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) no-repeat scroll 0 0 transparent;
}
.patterns a.bg7{
    background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) no-repeat scroll 0 0 transparent;
}
.patterns a.bg8{
    background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) no-repeat scroll 0 0 transparent;
}
.patterns a.bg9{
    background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) no-repeat scroll 0 0 transparent;
}
.patterns a.bg10{
    background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) no-repeat scroll 0 0 transparent;
}
.patterns a.bg11{
    background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) no-repeat scroll 0 0 transparent;
}
.patterns a.bg12{
    background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) no-repeat scroll 0 0 transparent;
}
.sidepanel > span {
    background: none repeat scroll 0 0 #ffffff;
    border-bottom: 1px solid #eeeeee;
    border-left: 1px solid #eeeeee;
    border-radius: 3px 0 0 3px;
    border-top: 1px solid #eeeeee;
    cursor: pointer;
    color: #666666;
    font-size: 19px;
    height: 40px;
    left: -40px;
    line-height: 40px;
    position: absolute;
    text-align: center;
    top: 70px;
    width: 40px;
}

.parallax-reservation .field input.userincr-btn-dec, 
.parallax-reservation .field input.userincr-btn-inc {
    background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") no-repeat scroll 0 -6px rgba(0, 0, 0, 0);
    border: inherit;

    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}
.parallax-reservation .field input.userincr-btn-inc {
    background-position: 0 0;
}




.parallax-reservation {
    float:left;
    position: relative;
    width:100%;
    padding:0 120px;
    text-align:center;

    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
.parallax-reservation.overlap {
    margin-top: -90px;
    padding-top: 70px;
}
.parallax-reservation > h3 {
    float: left;
    width: 100%;
    color: #fff;
    font-weight: 700;
    margin-bottom: 10px;
}
.parallax-reservation > p {
    float: left;
    width: 100%;
    color: #605e5e;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 40px;
}
.parallax-reservation form {
    float: left;
    width: 100%;
    margin-bottom: -30px;
}
.parallax-reservation form .row > div {
    margin-bottom: 30px;
}
.parallax-reservation label {
    color: #fff;
    float: left;
    font-family: roboto;
    font-size: 11px;
    font-weight: 400;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
}
.parallax-reservation .field input {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    border: 1px solid #c5c5c5;
    color: #6f6f6f;
    font-family: open sans;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: capitalize;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.parallax-reservation .field i {
    font-size: 13px;
    top: 13px;
}
.parallax-reservation .field i:after {
    background: none repeat scroll 0 0 #c5c5c5;
    content: "";
    height: 15px;
    width: 1px;
    position: absolute;
    left: -10px;
    top: 0;
}
.parallax-reservation.overlap:before, 
.parallax-reservation.overlap:after {
    content: "";
    height: 90px;
    width: 10px;
    z-index: -2;
    position: absolute;
    top: 16px;
    left: 0;

    -webkit-box-shadow: 0 0 11px #3c3c3c;
    -moz-box-shadow: 0 0 11px #3c3c3c;
    -ms-box-shadow: 0 0 11px #3c3c3c;
    -o-box-shadow: 0 0 11px #3c3c3c;
    box-shadow: 0 0 11px #3c3c3c;
}
.parallax-reservation.overlap:after {
    left: auto;
    right: 0;
    z-index: -3;
}
.parallax-reservation button {
    background: none repeat scroll 0 0 #000000;
    border: 0 none;
    color: #ffffff;
    font-family: raleway;
    font-size: 13px;
    padding: 10px 30px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.parallax-reservation.simple {
    padding: 0;
}

.parallax-reservation.simple button {
    margin-top: 20px;
    padding: 13px 10px;
    text-align: center;
    width: 100%;
}





.popup {
    background: rgba(0, 0, 0, 0.95) none repeat scroll 0 0;
    height: 100%;
    width: 100%;
    overflow-y:auto;
    z-index: 100000000;
    display:none;
    position: fixed;
    left: 0;
    top: 0;
}
.popup .container {height: 100%;}
.popup-form {
    float: left;
    height: 100%;
    position: relative;
    width: 100%;
}
.popup-form::before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.popup-form .parallax-reservation {
    background: rgba(0, 0, 0, 0) url("/images/parallax1.jpg") repeat scroll 0 0;
    border-radius: 3px;
    display: inline-block;
    float: none;
    margin: 0 5%;
    overflow: hidden;
    padding: 40px 80px;
    vertical-align: middle;
    width: 89%;
    z-index: 1;
}
.popup-form .parallax-reservation:before{
    background: #ffffff;
    content: "";
    height: 100%;
    width: 100%;
    opacity: 0.9;
    z-index: -1;
    position: absolute;
    left: 0;
    top: 0;
}
.parallax-reservation > span {
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #FFF;
    color: red;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.service-detail {
    float: left;
    width: 100%;
}
.service-detail-img {
    float: left;
    margin-bottom: 40px;
    width: 100%;
}
.service-detail-img > img {width: 100%;}
.service-info {
    background: #ffffff;
    float: left;
    padding:35px 50px;
    width: 100%;
}
.service-info > img {
    display: inline-block;
    margin-right: 35px;
    vertical-align: middle;
}
.service-name {
    display: inline-block;
    vertical-align: middle;
}
.service-name > span {
    float: left;
    font-family: arimo;
    font-size: 12px;
    letter-spacing: 0.4px;
    margin-bottom: 4px;
    width: 100%;
}
.service-name > h3 {
    font-size: 26px;
    font-weight: 600;
}
.price {
    float: right;
    font-size: 30px;
    font-weight: 700;
    margin-top: 10px;
    text-align: center;
}
.price > i {
    color: #999999;
    display: table;
    font-family: arimo;
    font-size: 12px;
    font-style: normal;
    font-weight: 200;
    letter-spacing: 0.4px;
    width: 100%;
}
.service-detail > p {margin-bottom: 20px;}

.service-detail li {
    font-size: 14px;
    line-height: 40px;
}

.destinations.listing {margin-bottom: -30px;}
.destinations.listing .top-destination {margin-bottom: 30px;}
.destinations.listing .about-destination {padding-right: 30px;width: 64%;}
.destinations.listing .about-destination > h3 {font-size: 18px;}
.about-destination > a {
    color: #8f8f8f;
    font-family: arimo;
    font-size: 12px;
    letter-spacing:0.3px;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.about-destination > p {
    float: left;
    margin: 20px 0;
    width: 100%;
}
.testimonial-listing .testimonial > p {padding: 0 90px;}
.testimonial-listing .testimonial > span{padding-left:200px;text-align:center;}


footer.fancy {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    position: relative;
}
footer.fancy:before {
    background: #000000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    width: 32%;
    opacity: 0.7;
    position: absolute;
    left: 0;
    top: 0;
}
footer.fancy::after {
    background: #222222 none repeat scroll 0 0;
    content: "";
    height: 100%;
    width: 68%;
    z-index: -1;
    position: absolute;
    left: 32%;
    top: 0;
}
footer.fancy .widget-title {
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 45px;
    padding-bottom: 0;
    padding-left: 15px;
    text-transform: capitalize;
}
footer.fancy .widget-title:before {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-left: 1px dotted #ffffff;
    height: 100%;
    width: 1px;
}

.about ul { margin-top: 20px;}
footer.fancy ul li {
    color: #a7a7a7;
    font-family: arimo;
    font-size: 12px;
    letter-spacing: 0.5px;
    line-height: 20px;
    padding: 0;
    text-align: left;
}
footer.fancy ul li:before, 
footer.fancy ul li:after { display: none;}
footer.fancy .widget .about ul li i {
    color: #ffffff;
    font-size: inherit;
    font-style: normal;
}
footer.fancy .widget ul li a, 
footer.fancy .widget ul li i{color: #a7a7a7;}
.deals-widget {float: left;width: 100%;}
.widget-deal {float: left;width: 100%;}
.max-person {
    text-align: center;
    width: 100%;
    position: absolute;
    bottom: 10px;
    left: 0;
}
.widget-deal-image {
    float: left;
    position: relative;
    width: 100%;
}
.widget-deal-image > img {width: 100%;}
.max-person > span {
    background: rgba(0, 0, 0, 0.81) none repeat scroll 0 0;
    color: #ffffff;
    display: inline-block;
    font-size: 12px;
    letter-spacing: 0.4px;
    padding: 13px 25px;
}
.max-person > span img {
    margin-left: 3px;
    width: auto!important;
    display: inline-block!important;
}
.widget-deal-image {
    float: left;
    position: relative;
    width: 100%;
    margin-bottom: 20px;
}
.widget-deal strong {
    color: #ffffff;
    float: left;
    font-family: arimo;
    font-size: 11px;
    font-weight: 200;
    line-height: 14px;
    margin-bottom: 8px;
    padding: 0 40px;
    text-align: center;
    width: 100%;
}
.widget-deal h5 {
    float: left;
    font-size: 15px;
    letter-spacing: 1px;
    padding: 0 40px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.widget-deal h5 a {color: #FFF;}
.deals-widget .owl-nav {
    bottom: 0;
    height: 0;
    left: 0;
    position: absolute;
    width: 100%;
}
.deals-widget .owl-nav > div {
    color: rgba(0, 0, 0, 0);
    float: left;
    height: 40px;
    margin-top: -40px;
    position: relative;
    width: 40px;
}
.deals-widget .owl-nav > div.owl-next {float: right;}
.deals-widget .owl-nav > div::before {
    color: #ffffff;
    content: "\f104";
    font-family: fontawesome;
    font-size: 24px;
    height: 100%;
    left: 0;
    line-height: 37px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}
.deals-widget .owl-nav > div.owl-next:before{content:"\f105"}
.fancy-media {
    bottom: 0;
    left: 0;
    padding-left: 32%;
    position: absolute;
    width: 100%;
}
.fancy-media li:first-child:nth-last-child(1),
.fancy-media li:first-child:nth-last-child(1) ~ li{width:100%;}
.fancy-media li:first-child:nth-last-child(2),
.fancy-media li:first-child:nth-last-child(2) ~ li{width:50%;}
.fancy-media li:first-child:nth-last-child(3),
.fancy-media li:first-child:nth-last-child(3) ~ li{width:33.333%;}
.fancy-media li:first-child:nth-last-child(4),
.fancy-media li:first-child:nth-last-child(4) ~ li{width:25%;}
.fancy-media li:first-child:nth-last-child(5),
.fancy-media li:first-child:nth-last-child(5) ~ li{width:20%;}
.fancy-media li:first-child:nth-last-child(6),
.fancy-media li:first-child:nth-last-child(6) ~ li{width:16.666%;}
.fancy-media li:first-child:nth-last-child(7),
.fancy-media li:first-child:nth-last-child(7) ~ li{width:14.285%;}
.fancy-media li:first-child:nth-last-child(8),
.fancy-media li:first-child:nth-last-child(8) ~ li{width:12.5%;}
footer.fancy .fancy-media li,
.fancy-media li {
    float: left;
    text-align: center;
    padding:0;
}
.fancy-media li a {
    color: #ffffff;
    padding: 15px 20px;
    float: left;
    width: 100%;
}   
.fancy-media li a i{color:#FFF;font-size:20px;}
.bottom-footer.fancy p {
    float: left;
    width: auto;
    color: #a7a7a7;
}
.bottom-footer.fancy ul {
    float: right;
    margin-top: 5px;
    width: auto;
}
.bottom-footer.fancy ul li {
    color: #a7a7a7;
    float: left;
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 17px;
    margin-left: 30px;
}
.bottom-footer.fancy ul li a {
    color: inherit;
    float: left;
    font-size: inherit;
    line-height: inherit;
}


.image-slider {
    float: left;
    position: relative;
    width: 100%;
}
.image-slider-text {
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 10000;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.image-slider-text > span {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    color: #ffffff;
    display: inline-block;
    font-family: raleway;
    font-size: 16px;
    letter-spacing: 5px;
    margin-bottom: 20px;
    padding: 10px 25px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.image-slider-text > h3 {
    color: #ffffff;
    font-family: raleway;
    font-size: 48px;
    font-weight: 800;
    margin: 0 0 20px;
}
.image-slider-text > h3 i {font-style: normal;}
.slider-whitebox {
    background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
    display: inline-block;
    padding: 25px 50px;
}
.slider-whitebox > img {
    display: inline-block;
    margin-right: 30px;
    vertical-align: middle;
}
.whitebox-inner {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}
.image-slider-text > i {
    color: #ffffff;
    float: left;
    font-family: raleway;
    font-size: 13px;
    font-style: normal;
    letter-spacing: 3px;
    margin-top: 30px;
    text-transform: uppercase;
    width: 100%;
}
.whitebox-inner > strong {
    color: #282626;
    display: table;
    font-family: raleway;
    font-size: 18px;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.whitebox-inner > i {
    font-family: raleway;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.text-carousel {
    float: left;
    position: relative;
    width: 100%;
}
.text-carousel > img {width: 100%;}
.text-carousel-text {
    height: 100%;
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
}
.text-carousel-text::before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.text-carousel-inner {
    float: left;
    padding: 0 12px;
    width: 100%;
}
.text-carousel-inner > h3 {
    color: #ffffff;
    float: left;
    font-size: 80px;
    font-weight: 200;
    margin-bottom: 20px;
    text-transform: uppercase;
    width: 100%;
}
.text-carousel-inner > span {
    color: #ffffff;
    display: table;
    font-family: raleway;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 3px;
    margin: 0 auto;
    padding: 20px 50px;
    position: relative;
    text-transform: uppercase;
    z-index: 1;
}
.text-carousel-inner > span::before {
    background: #000000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    opacity: 0.9;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: -1;
    -webkit-transform:skewX(-20deg);
    -moz-transform:skewX(-20deg);
    -ms-transform:skewX(-20deg);
    -o-transform:skewX(-20deg);
    transform:skewX(-20deg);
}
.text-carousel-inner > p {
    color: #ffffff;
    float: left;
    font-size: 15px;
    line-height: 34px;
    margin-top: 30px;
    width: 100%;
}
.text-carousel-slide {
    display: inline-block;
    vertical-align: middle;
    width:55%;
}

.team-single {
    float: left;
    width: 100%;
}
.team-single img {
    width: 100%;
}
.team-single-desc {
    float: left;
    width: 100%;
}
.member-intro {
    float: left;
    margin-bottom: 25px;
    width: 100%;
}
.member-intro > span {
    float: left;
    font-family: raleway;
    font-size: 80px;
    font-weight: 700;
    margin-right: 20px;
}
.member-intro > i {
    color: #999999;
    display: inline-block;
    font-family: arimo;
    font-size: 14px;
    font-style: normal;
    margin-top: 30px;
}
.member-intro > h4 {
    font-size: 26px;
    margin: 10px 0 0;
}
.member-intro {
    float: left;
    margin-bottom: 35px;
    margin-top: 10px;
    width: 100%;
}
.about-me {
    float: left;
    width: 100%;
}
.about-me .row {
    margin: 0 -5px;
}
.about-me .row > div {
    margin-bottom: 5px;
    padding: 0 2.5px;
}
.member-info {
    background: none repeat scroll 0 0 #ffffff;
    float: left;
    padding: 20px 30px;
    width: 100%;
}
.member-info strong {
    color: #555555;
    font-family: raleway;
    font-weight: 500;
    margin-right: 10px;
}
.member-info > span {
    color: #999999;
    font-family: arimo;
    font-size: 14px;
}
.member-info .social-media {
    float: left;
    margin: -11px 0;
}
.member-info .social-media a{
    background:none repeat scroll 0 0 #faf9f9;
    border: 0 none;
    height: 42px;
    margin-right: 5px;
    width: 42px;

    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}
.member-info .social-media a i {
    font-size: 19px;
    color: #999;
    line-height: 45px;
}
.member-info .social-media a:hover i{
    color: #FFF;
}
.team-single-desc {
    float: left;
    margin-bottom: 50px;
    width: 100%;
}

.team-single p {
    line-height: 30px;
}

.payment {
    background: none repeat scroll 0 0 #ffffff;
    float: left;
    width: 100%;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.payment .single-image {
    width: 100%;
}
.room-gallery{
    float: left;
    width: 100%;
    margin-bottom: 50px;
}
.payment-form {
    float: left;
    width: 100%;
    padding: 0 70px 70px;
}
.border-title {
    border-bottom: 1px dashed #dee1e2;
    float: left;
    margin-bottom: 30px;
    padding-bottom: 10px;
    width: 100%;
}
.border-title h2 {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 26px;
    padding-right: 15px;
}
.border-title > span {
    color: #888888;
    display: list-item;
    font-family: arimo;
    font-size: 14px;
    line-height: 30px;
    margin-top: 4px;
    text-align: left;
}
.payment .field > input {
    border: 1px solid #d2cfcf;
    color: #aaa7a7;
    font-family: arimo;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0.3px;
    padding: 14px 30px 12px 20px;

    -webkit-box-shadow:0 0 5px #f0f0f0 inset;
    -moz-box-shadow:0 0 5px #f0f0f0 inset;
    -ms-box-shadow:0 0 5px #f0f0f0 inset;
    -o-box-shadow:0 0 5px #f0f0f0 inset;
    box-shadow:0 0 5px #f0f0f0 inset;
}
.payment .field > input::-moz-placeholder{
    opacity: 1;
}
.payment .field > input::-webkit-placeholder{
    opacity: 1;
}
.payment .field > input::-ms-placeholder{
    opacity: 1;
}
.payment .parallax-reservation form .row > div {
    margin-bottom: 20px;
    padding: 0 10px;
}
.payment .parallax-reservation form .row {
    margin: 0 -10px;
}
.payment .parallax-reservation .field input.userincr-btn-dec, 
.payment .parallax-reservation .field input.userincr-btn-inc {
    box-shadow: none;
    padding: 0;
}
.payment .parallax-reservation label {
    font-size: 12px;
    letter-spacing: 0.2px;
    text-transform: capitalize;
}
.payment .parallax-reservation form {
    margin-bottom:0;
}
.form-fields {
    float: left;
    margin-bottom: 40px;
    width: 100%;
}
.total-price {
    border-bottom: 1px dashed #dee1e2;
    float: left;
    margin-bottom: 20px;
    padding-bottom: 10px;
    text-align: left;
    width: 100%;
}
.special-field {
    float: left;
    padding-bottom: 10px;
    width: 100%;
}
.special-field label, 
.payment .special-field label {
    float: left;
    font-family: roboto;
    font-size: 14px;
}
.special-field > div {
    padding: 0;
}
.special-field input[type="radio"], .special-field input[type="checkbox"]{
    clear: none;
    display: inline-block;
    float: left;
    margin: 0 10px 0 0;
}
.special-field label {
    float: left;
    font-family: roboto;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    width: auto;
}
.special-field strong {
    color: #373838;
    font-family: roboto;
    font-size: 14px;
}
.payment-subtitle {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 18px;
    margin: 30px 0 20px;
    text-align: left;
    width: 100%;
}
.special-field p {
    float: left;
    margin: 20px 0 15px;
    text-align: left;
    width: 100%;
}
.other-payments-drop {
    float: left;
    display: none;
    margin-top: 60px;
    width: 100%;
}



.room-gallery .owl-dots {
    bottom: 20px;
    height: 10px;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}
.room-gallery .owl-dots .owl-dot {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
    display: inline-block;
    height: 10px;
    margin: 0 5px;
    width: 10px;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}



.error-page {
    float: left;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1;
}
.error-page > span {
    color: #eeeded;
    font-family: roboto;
    font-size: 300px;
    font-weight: 700;
    left: 0;
    line-height: 220px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.error-page > i {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 28px;
    font-style: normal;
    font-weight: 200;
    margin-bottom: 30px;
    margin-top: 130px;
    width: 100%;
}
.simple-search {
    display: table;
    margin: 0 auto 30px;
    width:100%;
}
.error-page .simple-search{
    width: 60%;
} 
.simple-search input {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #fff;
    color: #b4b4b4;
    float: left;
    font-family: arimo;
    font-size: 12px;
    height: 60px;
    padding: 20px;
    width: 75%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.simple-search input[type="submit"]{
    float: right;
    width: 24%;
    color:#FFF;
    text-transform:uppercase;
    border: 0;
}
.error-page > p {
    float: left;
    font-size: 13px;
    margin-bottom: 20px;
    width: 100%;
}
.error-page > a {
    background: #5a5a5a none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    padding: 15px 30px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.search-page {
    float: left;
    width: 100%;
}
.search-page h2 {
    float: left;
    font-family: roboto;
    font-weight: 200;
    margin: 0 0 20px;
    width: 100%;
}
.search-page p {
    float: left;
    font-size: 13px;
    margin-bottom: 20px;
    width: 100%;
}