/*
Theme Name: Discoveroom Blog Theme
Author: ntinakorn
Author URI: http://discoveroom.com/
Text Domain: discoveroom-blog-theme
*/

/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}body {	line-height: 1;}ol, ul {	list-style: none;}blockquote, q {	quotes: none;}blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}table {	border-collapse: collapse;	border-spacing: 0;}

/* Import Fonts */
@font-face {
    font-family: 'iconfont';
    src: url('fonts/aka-acid-discoveroom-webfont.eot');
    src: url('fonts/aka-acid-discoveroom-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/aka-acid-discoveroom-webfont.woff') format('woff'),
         url('fonts/aka-acid-discoveroom-webfont.ttf') format('truetype'),
         url('fonts/aka-acid-discoveroom-webfont.svg#aka-acid-discoveroomnewRg') format('svg');
    font-style: normal;
	font-weight: normal;
}

@font-face {
    font-family: 'iconfont-stroked';
    src: url('fonts/aka-acid-discoveroom_stroked-webfont.eot');
    src: url('fonts/aka-acid-discoveroom_stroked-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/aka-acid-discoveroom_stroked-webfont.woff') format('woff'),
         url('fonts/aka-acid-discoveroom_stroked-webfont.ttf') format('truetype'),
         url('fonts/aka-acid-discoveroom_stroked-webfont.svg#aka-acid-discoveroomnewRg') format('svg');
    font-style: normal;
	font-weight: normal;
}

@font-face {
    font-family: 'iconfont2';
	src: 
	url('fonts/iconfont2/aka-acid-discoveroom-webfont.woff') format('woff'),
	url('fonts/iconfont2/aka-acid-discoveroom-webfont.ttf') format('truetype'),
	url('fonts/iconfont2/aka-acid-discoveroom-webfont.svg#aka-acid-discoveroomregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'RalewayGR-thin';
    src: url('fonts/ac-ralewaythin-webfont.eot');
    src: url('fonts/ac-ralewaythin-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ac-ralewaythin-webfont.woff') format('woff'),
         url('fonts/ac-ralewaythin-webfont.ttf') format('truetype'),
	     url('fonts/ac-ralewaythin-webfont.svg#RalewayGR') format('svg');
    font-style: normal;
	font-weight: normal;
}

@font-face {
    font-family: 'RalewayGR';
    src: url('fonts/ac-ralewayregular-webfont.eot');
    src: url('fonts/ac-ralewayregular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ac-ralewayregular-webfont.woff') format('woff'),
         url('fonts/ac-ralewayregular-webfont.ttf') format('truetype'),
	     url('fonts/ac-ralewayregular-webfont.svg#RalewayGR') format('svg');
    font-style: normal;
	font-weight: normal;
}

@font-face {
    font-family: 'RalewayGR-semibold';
    src: url('fonts/ac-ralewaysemibold-webfont.eot');
    src: url('fonts/ac-ralewaysemibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ac-ralewaysemibold-webfont.woff') format('woff'),
         url('fonts/ac-ralewaysemibold-webfont.ttf') format('truetype'),
         url('fonts/ac-ralewaysemibold-webfont.svg#RalewayGR') format('svg');
    font-style: normal;
	font-weight: normal;
}

@font-face {
    font-family: 'RalewayGR-extrabold';
    src: url('fonts/ac-ralewayextrabold-webfont.eot');
    src: url('fonts/ac-ralewayextrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ac-ralewayextrabold-webfont.woff') format('woff'),
         url('fonts/ac-ralewayextrabold-webfont.ttf') format('truetype'),
         url('fonts/ac-ralewayextrabold-webfont.svg#RalewayGR') format('svg');
    font-style: normal;
	font-weight: normal;
}

@font-face {
    font-family: 'RalewayGR-heavy';
    src: url('fonts/acralewayheavy-webfont.eot');
    src: url('fonts/acralewayheavy-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/acralewayheavy-webfont.woff') format('woff'),
         url('fonts/acralewayheavy-webfont.ttf') format('truetype'),
         url('fonts/acralewayheavy-webfont.svg#RalewayGR') format('svg');
    font-style: normal;
	font-weight: normal;
}

@font-face {
    font-family: 'RalewayGR-lite';
    src: url('fonts/ac-ralewaylite-webfont.eot');
    src: url('fonts/ac-ralewaylite-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ac-ralewaylite-webfont.woff') format('woff'),
         url('fonts/ac-ralewaylite-webfont.ttf') format('truetype'),
         url('fonts/ac-ralewaylite-webfont.svg#RalewayGR') format('svg');
    font-style: normal;
	font-weight: normal;
}

@font-face {
    font-family: 'RalewayGR-extralight';
    src: url('fonts/ACRalewayExtraLight-webfont.eot');
    src: url('fonts/ACRalewayExtraLight-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ACRalewayExtraLight-webfont.woff') format('woff'),
         url('fonts/ACRalewayExtraLight-webfont.ttf') format('truetype'),
         url('fonts/ACRalewayExtraLight-webfont.svg#RalewayGR') format('svg');
    font-style: normal;
	font-weight: normal;
}

@font-face {
    font-family: 'RalewayGR-medium';
    src: url('fonts/ac-ralewaymedium-webfont.eot');
    src: url('fonts/ac-ralewaymedium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ac-ralewaymedium-webfont.woff') format('woff'),
         url('fonts/ac-ralewaymedium-webfont.ttf') format('truetype'),
         url('fonts/ac-ralewaymedium-webfont.svg#RalewayGR') format('svg');
    font-style: normal;
	font-weight: normal;
}

html {
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

img {
  -ms-interpolation-mode: bicubic;
  max-width: 100%;
  height: auto;
}

body,
button,
input,
select,
textarea {
	color: #2b2b2b;
	font-family: 'RalewayGR', Raleway, Arial, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	font-weight: normal;
}

body {
	background: #fff;
	margin: 0;
	font-weight: normal;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-weight: normal;
}

::selection {
  background-color: #53aab7;
  color: #fff;
  text-shadow: none;
}

::-moz-selection {
	background: #53aab7;
	color: #fff;
	text-shadow: none;
}

.logo img {
	display: block;
	margin: 5px 0;
	max-height: 40px;
}

#firstband img,
#firstband .desktop-tablet div {
	margin-bottom: -5px !important;
}

/* Let's make our life easy */
.text-center {
	text-align: center;
}

.text-left {
	text-align: left;
}

.right {
	float: right;
}

.left {
	float: left;
}

.hide {
	display: none;
}

.cursor-default {
	cursor: default;
}

.black-font {
	color: #000;
}

.white-f {
	color: #fff;
}

.dark-f {
	color: #282828;
}

.upper {
	text-transform: uppercase;
}

.rlw {
	font-family: "RalewayGR", Raleway, Arial, Helvetica, sans-serif;
}


.thin {
	font-family: "RalewayGR-thin","Raleway", Arial, Helvetica, sans-serif;
}

.lite {
	font-family: "RalewayGR-lite","Raleway", Arial, Helvetica, sans-serif;
}

.extralight {
	font-family: "RalewayGR-extralight","Raleway", Arial, Helvetica, sans-serif;
}

.medium {
	font-family: "RalewayGR-medium","Raleway", Arial, Helvetica, sans-serif;
}

.semi {
	font-family: "RalewayGR-semibold","Raleway", Arial, Helvetica, sans-serif;
}

.extra {
	font-family: "RalewayGR-extrabold","Raleway", Arial, Helvetica, sans-serif;
}

.heavy {
	font-family: "RalewayGR-heavy","Raleway", Arial, Helvetica, sans-serif;
}

/* Input fields */
input,
textarea,
textarea, 
select, 
input[type="date"],
input[type="datetime"], 
input[type="datetime-local"], 
input[type="email"], 
input[type="month"], 
input[type="number"], 
input[type="password"], 
input[type="search"], 
input[type="tel"], 
input[type="text"], 
input[type="time"], 
input[type="url"], 
input[type="week"] {
	background-color: #fff;
	border: none;
	box-shadow: none;
	border-radius: 0;
	color: #575757;
	padding: 8px 10px 7px;
}

textarea {
	width: 100%;
}

input:focus,
textarea:focus {
	border: 1px solid #dadada;
	outline: 0;
}

/* Buttons and links as buttons */
a.d-button {
	box-sizing: border-box;
}

button,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
}

button:hover,
button:focus,
.button:hover,
.button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background-color: #dadada;
	color: #575757;
}

button:active,
.button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	background-color: #575757;
}

.search-field {
	width: 100%;
}

.search-submit {
	display: none;
}

button.d-button {
	display: block;
}

a.d-button {
	display: inline-block;
}
 
.d-button, 
.form-submit #submit {
	text-transform: uppercase;
	border-radius: 0px;
	background-color: transparent;
	box-shadow: none;
	text-align: center;
	-moz-transition: all 0.3s ease-in 0.2s;
	-webkit-transition: all 0.3s ease-in 0.2s; /* For Safari 3.1 to 6.0 */
    transition: all 0.3s ease-in 0.2s;
}

.form-submit #submit {
	text-align: center;
}

.d-button.orange-button {
	font-family: "RalewayGR-semibold","RalewayGR", Arial, Helvetica, sans-serif;
	color: #ffffff;
	margin: 0 auto;
	background-color: #EAA021;
	padding: 14px 28px;
}

	.d-button.orange-button:hover {
		opacity: 0.6;
		background-color: #EAA021;
		color: #fff;
	}

.border-button, 
.form-submit #submit {
	font-family: "RalewayGR","Raleway", Arial, Helvetica, sans-serif;
	border-radius: 0px;
	border: 2px solid #575757;
	padding: 14px;
	font-size: 24px;
}

.border-button.lrg-button {
	margin: 80px auto;
	color: #575757;
}

	.border-button.lrg-button:hover, 
	.form-submit #submit:hover {
		background-color: #575757;
		color: #dadada;
	}

.border-button.sm-button {
	font-family: "RalewayGR-medium","RalewayGR", Arial, Helvetica, sans-serif;
	border: 2px solid #ffffff;
	color: #ffffff;
}

	.border-button.sm-button:hover {
		background-color: #ffffff;
		color: #575757;
	}

.border-button.black-button {
	border: 2px solid #000000;
	color: #000000;
	-moz-transition: all 0.3s ease-in 0.2s;
	-webkit-transition: all 0.3s ease-in 0.2s; /* For Safari 3.1 to 6.0 */
    transition: all 0.3s ease-in 0.2s;
}

	.border-button.black-button:hover {
		background-color: transparent;
		color: #000000;
	}

.d-button.border-button.dark-btn,
.d-button.border-button.lrg-button.dark-btn {
	font-family: "RalewayGR-extrabold","RalewayGR", Arial, Helvetica, sans-serif;
    color: #282828 !important;
	border-color: #282828;
	cursor: pointer;
}

	.d-button.border-button.dark-btn:hover,
	.d-button.border-button.lrg-button.dark-btn:hover {
		background-color: #282828;
		color: #dadada !important;
	}

#content button.d-button.sm-button.white-button, 
#content a.d-button.sm-button.white-button {
	color: #575757 !important;
	background-color: #fff;
}

	button.d-button.orange-button:hover, 
	a.d-button.orange-button:hover,
	button.d-button.white-button:hover, 
	a.d-button.white-button:hover {
		opacity: 0.6;
	}

.banner_btn {
    min-width: 220px;
    clear: both;
}

/* Display elements for every browser and device - Hide and Show elements */
.d-button, 
.d-button.desktop-tablet {
	display: inline-block;
}

.d-button, 
.d-button.desktop-tablet {
	display: inline-block;
}

br.desktop-tablet {
	display: block;
}

.d-button.mobile-only, 
.d-button.mobile-only, 
br.mobile-only {
	display: none;
}

/* The Page, The Containers */

.site, #page {
	background-color: #dadada;
	max-width: 100%;
	position: relative;
}

#site.narrow, 
#banner > .inner {
	max-width: 96%;
	padding: 0;
}

.container {
	width: 100%;
}

.main-content {
	clear: both;
	width: 90%; /* 1000px / 1250px */
	margin: 0 auto;
	padding: 0;
	position: relative;
}

.main-content.full-wdth {
	width: 100%; /* 1000px / 1250px */
}

.band div:not(.grid-item.two-third) {
    background-size: cover !important;
}

.band div.section-third, 
.band div.section-first {
    background-size: cover !important;
}

.band {
	background-size: cover !important;
}

#skrollr-body {
	max-height: 100%;
	background: #fff;
}

/* The Header */
header {
	position: relative;
}

#banner {
	max-width: 96%;
	padding: 5px 0;
}

.globe-icon, 
.social .icons, 
#mobile_menu a.icons {
	font-family: "iconfont";
	text-transform: none;
	padding-right: 4px;
}

.social .icons, 
#mobile_menu a.icons {
	padding-top: 4px;
}

#mobile_menu .social-mobile a.icons {
	background-color: transparent;
	height: auto;
	padding: 6px 10px;
	font-size: 30px;
}

.globe-icon:before {
    content: "\03C2";
	line-height: 22px;
	font-size: 22px;
    color: #fff !important;
	vertical-align: middle;
}

#mobile_menu .globe-icon:before {
    color: #ffffff;
}

span.lang-text {
	font-size: 14px;
	line-height: 14px;
}

#mobile_menu #searchform1 #s:focus {
	background: #ffffff;
}

#mobile_menu ul.sub-menu {
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
	background-color: #3F3F3F;
	background-color: rgba(0, 0, 0, 0.15);
}

#mobile_menu #menu-item-20641,
#mobile_menu #menu-item-20641 ul li a,
#mobile_menu #menu-item-2119,
#mobile_menu #menu-item-2119 ul li a,
#mobile_menu #menu-item-7683,
#mobile_menu #menu-item-7683 ul li a,
#mobile_menu #menu-item-421,
#mobile_menu #menu-item-421 ul li a  {
	background-color: #67a76f;
	list-style: none;
}

#mobile_menu #menu-item-20641 ul li a:hover, 
#mobile_menu #menu-item-2119 ul li a:hover, 
#mobile_menu #menu-item-7683 ul li a:hover, 
#mobile_menu #menu-item-421 ul li a:hover {
	background-color: #53aab7;
	color: #ffffff;
}

#mobile_menu #menu-item-20641 ul li,
#mobile_menu #menu-item-2119 ul li,
#mobile_menu #menu-item-421 ul li {
	text-align: left !important;
	clear: both;
}

#responsive-menu #menu-item-20641 .appendLink,
#responsive-menu #menu-item-2119 .appendLink,
#responsive-menu #menu-item-7683 .appendLink,
#responsive-menu #menu-item-421 .appendLink  {
	background-color: #67a76f !important;
	color: #67a76f;
}

#mobile_menu ul {
	background-color: #575757;
}

	#mobile_menu ul li a {
		font-family: "RalewayGR-semibold","RalewayGR", Arial, Helvetica, sans-serif;
		border: none;
		border-width: 0;
		font-size: 14px;
		outline: medium none;
		padding: 2px 15px;
		text-transform: uppercase;
	}

	#mobile_menu ul.sub-menu li a {
	  border: none;
	  font-size: 12px;
	}

	body #responsive-menu {
	max-width: 300px;
}

#responsive-menu #responsive-menu-title,
#responsive-menu #rm-additional-content {
	display: none;
}

#responsive-menu .responsive-menu li li a {
	border-top: 1px solid #3C3C3C;
}

#responsive-menu .appendLink {
	border-color: #575757;
}

#responsive-menu .appendLink:before {
	display: block;
	color: #fff;
	font-family: 'iconfont';
	content: "\03BD";
	font-size: 18px;
	line-height: 18px;
	text-transform: none;
}

body #responsive-menu .appendLink {
  color: #575757;
  background: #575757;
}

body #responsive-menu .appendLink:hover {
    background: #282828;
    color: #282828;
}

body #responsive-menu .responsive-menu li.current-menu-item > .appendLink,  
body #responsive-menu .responsive-menu li.current_page_item > .appendLink:hover {
  background: #282828;
  color: #282828;
}

#primary_nav #menu-item-20641 .sub-menu ,
#primary_nav #menu-item-2119 .sub-menu ,
#primary_nav #menu-item-7683 .sub-menu ,
#primary_nav #menu-item-421 .sub-menu {
	margin-top: 25px;
}

#primary_nav #menu-item-20641 .sub-menu li,
#primary_nav #menu-item-2119 .sub-menu li,
#primary_nav #menu-item-7683 .sub-menu li,
#primary_nav #menu-item-421 .sub-menu li  {
	box-shadow: none;
	border: none;
}

	.website-nav #menu-item-20641 .sub-menu li a,
	.website-nav #menu-item-2119 .sub-menu li a,
	.website-nav #menu-item-7683 .sub-menu li a,
	.website-nav #menu-item-421 .sub-menu li a {
		background-color: #ffffff !important;
		z-index: 999;
		text-align: center;
		color: #575757 !important;
		box-shadow: none;
	}

		.website-nav #menu-item-20641 .sub-menu li:hover > a,
		.website-nav #menu-item-2119 .sub-menu li:hover > a,
		.website-nav #menu-item-7683 .sub-menu li:hover > a,
		.website-nav #menu-item-421 .sub-menu li:hover > a {
			background-color: #53aab7 !important;
			color: #ffffff !important;
			z-index: 999;
			text-align: center;
			box-shadow: none;
		}


.menu-item-has-children .lang-change {
	padding-bottom: 100px;
}

div.lang-change {
    float: none;
	display: block;
}

.arrow-up {
	display: block;
	margin: 20px auto 0px auto;
	width: 0; 
	height: 0; 
	opacity: 0;
	border-left: 0px solid transparent;
	border-right: 0px solid transparent;
	border-bottom: 0px solid #ffffff;
	-moz-transition: opacity 1s;
	-webkit-transition: opacity 1s; /* For Safari 3.1 to 6.0 */
    transition: opacity 1s;
}

.website-nav #menu-item-20641:hover .arrow-up,
.website-nav #menu-item-2119:hover .arrow-up,
.website-nav #menu-item-7683:hover .arrow-up,
.website-nav #menu-item-421:hover .arrow-up {
	border-left: 17px solid transparent;
	border-right: 17px solid transparent;
	border-bottom: 17px solid #ffffff;
	opacity: 1;
}

#banner {
	background-color: transparent !important;
	width: 100%;
	color: #ffffff !important;
	position: absolute;
	right: 0;
}

#banner .logo img {
	position: relative;
    z-index: 999;
}

.website-nav {
	position: absolute;
	top: 10px;
	right: 90px;
	z-index: 100;
}

	/*.website-nav .globe-icon {
		position: absolute;
		display: block;
		top: 0;
		right: -30px;
		width: 50px;
	}*/
	
	.website-nav ul {
		text-align: right;
	}
	
	.website-nav ul,
	.website-nav ul li	{
		display: inline;
		color: #fff;
		font-family: "RalewayGR-lite","Raleway", Arial, Helvetica, sans-serif;
	}
	
	.website-nav ul li {
		position: relative;
		float: left;
		margin-right: 8px;
	}
		.website-nav ul li a {
			color: #fff;
			text-transform: uppercase;
			font-size: 12px;
			line-height: 12px;
			font-family: "RalewayGR-semibold","Raleway", Arial, Helvetica, sans-serif;
			padding-left: 7px;
			line-height: 12px;
			/*text-shadow: 2px 1px 2px rgba(150, 150, 150, 1);*/
		}
		
		.website-nav ul li.menu-item-has-children a {
			padding-bottom: 30px;
		}
		
			.website-nav #menu-item-20641, 
			.website-nav #menu-item-2119, 
			.website-nav #menu-item-7683,  
			.website-nav #menu-item-421 {
				height: 32px;
				/* position: absolute; */
				/* right: -40px; */
				top: 0;
			}
			
				.website-nav #menu-item-20641 a,
				.website-nav #menu-item-2119 a,
				.website-nav #menu-item-7683 a, 
				.website-nav #menu-item-421 a {
					  padding: 0;
					  display: table;
					  width: 40px;
					  text-align: center;
					  text-shadow: none;
				}
		
					.website-nav #menu-item-20641 .sub-menu,
					.website-nav #menu-item-2119 .sub-menu,
					.website-nav #menu-item-7683 .sub-menu, 
					.website-nav #menu-item-421 .sub-menu, {
						margin-top: 25px;
					}
		
						.website-nav #menu-item-20641 .sub-menu li,
						.website-nav #menu-item-2119 .sub-menu li,
						.website-nav #menu-item-7683 .sub-menu li,
						.website-nav #menu-item-421 .sub-menu li {
							background-color: transparent !important;
							width: 40px !important;
							box-shadow: none !important;
						}
			
							.website-nav #menu-item-20641 .sub-menu li a,
							.website-nav #menu-item-2119 .sub-menu li a,
							.website-nav #menu-item-7683 .sub-menu li a, 
							.website-nav #menu-item-421 .sub-menu li a{
								width: 40px;
								background-color: #fff !important;
								z-index: 999;
								text-align: center;
								color: #575757 !important;
								box-shadow: none;
								font-size: 14px;
								line-height: 14px;
								padding: 10px 0;
							}
	


		.website-nav ul li ul.sub-menu {
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow: none; 
			position: absolute;
			top: 32px;
			left: -9999px;
			text-align: left;
			z-index: 300;
			padding-left: 0;
			margin: 0;
		}
		
			.website-nav ul li ul.sub-menu li a {
				display: block;
				width: 154px;
				text-shadow: none;
			}
		
		.website-nav ul li ul.sub-menu li ul.sub-menu  {
			position: static;
		}
		
			.website-nav ul li ul.sub-menu li ul.sub-menu li a {
				width: 140px;
				padding-left: 28px;
			}
		
			/*.website-nav ul li:hover ul.sub-menu {
				left: 0;
			}*/
		.website-nav ul li ul.sub-menu,
		.website-nav ul li ul.sub-menu li {
			display: block;
		}
		
		.website-nav ul li ul.sub-menu li a:first-child {
			padding-top: 7px;
		}
		
		.website-nav ul li ul.sub-menu li a:last-child {
			padding-bottom: 7px;
		}
		
		.website-nav ul li ul.sub-menu li a{
			background-color: #000;
			padding: 4px 14px;		
		}
		
			.website-nav ul li ul.sub-menu li a:hover {
				background-color: #282828;
			}
		
		/*.website-nav ul li ul.sub-menu li a {
			padding-bottom: 7px;
		}*/
		
.boxed {
	background-color: #fff;
	margin-top: 5px;
	-moz-transition: all 0.3s ease-in 0.2s;
	-webkit-transition: all 0.3s ease-in 0.2s;
    transition: all 0.3s ease-in 0.2s;
	color: #575757;
	padding: 5px 10px;
	text-shadow: none;
}

.boxed:hover  {
	background-color: #575757;
	color: #ffffff !important;
}


/* Dark header */

.dark-header .website-nav {
	/*border-bottom: 2px solid #575757;*/
}

	.dark-header .website-nav .boxed {
		background-color: #282828;
		color: #fff;
	}
	
		.dark-header .website-nav .boxed:hover {
			background-color: #575757;
		}

	.dark-header .website-nav .globe-icon:before {
		color: #575757 !important;
	}
	
		.dark-header .website-nav #menu-item-20641:hover .arrow-up,
		.dark-header .website-nav #menu-item-2119:hover .arrow-up, 
		.dark-header .website-nav #menu-item-7683:hover .arrow-up, 		
		.dark-header .website-nav #menu-item-421:hover .arrow-up,{
			border-left: 17px solid transparent;
			border-right: 17px solid transparent;
			border-bottom: 17px solid #000;
			opacity: 1;
		}

	
	.dark-header .website-nav ul li a {
		color: #282828;
		text-shadow: none;
	}

		.dark-header .website-nav  ul.sub-menu li a {
			color: #fff;
			background-color: #000;
		}

			.dark-header .website-nav #menu-item-20641 .sub-menu li a, 	
			.dark-header .website-nav #menu-item-2119 .sub-menu li a, 	
			.dark-header .website-nav #menu-item-7683 .sub-menu li a,
			.dark-header .website-nav #menu-item-421 .sub-menu li a {
				background-color: #000 !important;
				color: #fff !important; 
			}
			
				.dark-header .website-nav #menu-item-20641 .sub-menu li a:hover,
				.dark-header .website-nav #menu-item-2119 .sub-menu li a:hover,
				.dark-header .website-nav #menu-item-7683 .sub-menu li a:hover,
				.website-nav #menu-item-20641 .sub-menu li a:hover,
				.website-nav #menu-item-2119 .sub-menu li a:hover,
				.website-nav #menu-item-7683 .sub-menu li a:hover,
				.dark-header .website-nav #menu-item-421 .sub-menu li a:hover,
				.website-nav #menu-item-421 .sub-menu li a:hover							{
					background-color: #53aab7 !important;
					color: #ffffff !important; 
				}

	.dark-header .logo img {
		content: url(../images/logo-black.png);
	}

	.dark-header #click-menu .threeLines .line {
		background-color: #282828 !important;
	}
	
.dark-header #animate-button4:before {
	color: #575757;
}

/* The Footer */
#footer-new {
	height: auto;
}

#footer-first > .main-content, 
#footer-second > .main-content {
    max-width: 96%;
	width: 96%;
	padding: 0;
}

#footer-second .social {
	margin-top: 10px;
}

#footer-first {
	background-color: #444444;
	color: #888888;
	font-size: 11px;
	line-height: 160%;
	padding: 15px 0;
	overflow: hidden;
	text-transform: uppercase;
}

#footer-first a {
	color: #d6d6d6;
}

#footer-first a:hover {
	color: white;
}

#footer-first nav.footer-nav ul { 
	margin: 0; 
	padding: 0;
	text-align: center; 
}

#footer-first nav.footer-nav ul li {
	display: inline-block; 
	font-family: "RalewayGR-semibold","Raleway", Arial, Helvetica, sans-serif;
	margin: 0 10px; 
}

#footer-second {
	display: block;
	background-color: #000000;
	height: 65px;
	margin-bottom: 0;
}

.footer-nav small.copyright {
    text-align: left;
    margin-bottom: 0px;
	margin-top: 4px;
    float: left;
	font-size: 11px;
	font-family: "RalewayGR","Raleway", Arial, Helvetica, sans-serif;
}

#footer-second.band.padded, 
#footer-second.band.padded.thin {
	padding: 20px 0;
}

#footer-mobile {
	position: absolute;
	bottom: 0;
	background-color: #67a76f;
	width: 100%;
	padding-top: 14px;
	padding-bottom: 14px;
}

#launcher {
	bottom: 5px !important;
}


/* The Social Area */

.social-area {
	width: 100%;
	margin: 0 auto;
}
.social .icons, 
#footer-mobile .social .icons {
	display: inline;
	text-transform: none;
	padding: 0 14px;
}

.social .icons:last-child {
	padding-right: 0;
}

.social .icons:first-child {
	padding-left: 0;
}

.social a.icons {
	font-size: 32px;
	font-style: normal;
	color: #ffffff;
	-moz-transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in; /* For Safari 3.1 to 6.0 */
    transition: all 0.3s ease-in;
}

.social a.icons:hover {
	color: #53aab7;
}

ul.social li, 
ul.social {
	display: inline-block;
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.social li {
	padding-right: 80px;
}

ul.social li:last-child {
	padding-right: 0;
}

.facebook:before, .social-mobile .facebook:before {
	content: "\Y";
}
.twitter:before, .social-mobile .twitter:before {
	content: "\Z";
}
.pinterest:before, .social-mobile .pinterest:before {
	content: "\ε";
}
.google:before, .social-mobile .google:before {
	content: "\203A";
}
.instagram:before {
	content: "\2039";
}
.linkedin:before {
	content: "\0058";
}

#exit-p {
  line-height: 0.7;
}

span.wpcf7-form-control-wrap {
  position: relative;
  display: block;
}
span.wpcf7-form-control-wrap input {
	width: 100%;
}

div.wpcf7-validation-errors {
  border: 2px solid #f7e700;
  color: #282828;
}

div.wpcf7-mail-sent-ng {
  border: 2px solid #ff0000;
  color: #ff0000;
}

body #content .band .wpcf7 p {
	font-family: "RalewayGR-semibold","RalewayGR", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: center;
	margin-top: 8%;
}

body #content .band input[type="submit"].wpcf7-submit {
	font-family: "RalewayGR-semibold","RalewayGR", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	border-radius: 0px;
	background-color: transparent;
	font-weight: 100;
	box-shadow: none;
	text-align: center;
	border-radius: 0px;
	padding: 14px;
	-moz-transition: all 0.3s ease-in 0.2s;
	-webkit-transition: all 0.3s ease-in 0.2s; /* For Safari 3.1 to 6.0 */
    transition: all 0.3s ease-in 0.2s;
}

#content .band .the-contact-form .wpcf7 p {
    font-size: 20px;
    line-height: 2;
}

/*#searchform1 #searchsubmit {
	display: none;
}

#animate-button {
	display: none !important;
}

#searchform1 {
	color: #444444;
}

.new-only {
	display: block !important;
}*/

#searchform4 #s4 {
	position: absolute;
	top: 260px;
	right: 20%;
	left: 20%;
	width: 60%;
	height: 54px;
	font-size: 32px;
	line-height: 1em;
	opacity: 0;
	z-index: 100;
	/* display: none; */
	background-color: #ffffff;
	border: none;
	border-radius: 0;
	box-shadow: none;
	padding-left: 15px;
	-moz-transition: all 0.8s ease-in-out 0.2s;
	-webkit-transition: all 0.8s ease-in-out 0.2s; /* For Safari 3.1 to 6.0 */
    transition: all 0.8s ease-in-out 0.2s;
}

#searchform4 #s4.active {
	opacity:0.9;
	display: block;
	color: #ccc;
	-moz-transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out; /* For Safari 3.1 to 6.0 */
    transition: all 0.1s ease-in-out;
}

#searchform4 #s4.active:focus {
	color: #575757;
	opacity:1;
	-moz-transition: all 0.8s ease-in-out 0.2s;
	-webkit-transition: all 0.8s ease-in-out 0.2s; /* For Safari 3.1 to 6.0 */
    transition: all 0.8s ease-in-out 0.2s;
}

#animate-button4  {
	display: block !important;
	cursor: pointer;
	/*background: url('assets/images/sicon-sm-tr.png') no-repeat transparent;*/

}

.exit-icon-s {
	font-family: "RalewayGR-extrabold", "RalewayGR", Arial, sans-serif;
	z-index: 3000;
	cursor: pointer;
	position: absolute;
	top: 180px;
	left: 20%;
	border: 4px solid #ffffff;
	color: #fff;
	display: block;
	font-size: 30px;
	/* display: none; */
}


.exit-icon-s  p {
    font-family: "RalewayGR-extrabold","RalewayGR",Arial,sans-serif;
    cursor: pointer;
    color: #fff;
    font-size: 30px;
}

#exit-p {
	padding: 10px 16px 12px 16px;
	margin-bottom: 0;
}

#navigation {
	right: 25px;
}

.hidden-elements {
	display: none;
}

.mynewform4 {
	background-color: #000;
	opacity: 0.8;
	position: fixed;
	/* display: none; */
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 12;
	-moz-transition: all 1s ease-in 0.2s;
	-webkit-transition: all 1s ease-in 0.2s; /* For Safari 3.1 to 6.0 */
    transition: all 1s ease-in 0.2s;
}

#animate-button4:before {
  font-family: "iconfont";
  content: "\03AB";
  color: #fff;
  position: absolute;
  top: 10px;
  right: 2%;
  cursor: pointer;
  z-index: 2000;
  line-height: 1;
  font-size: 26px;
  vertical-align: middle;
}


/* For Travelesrs pages */

body.page-id-3731 #content .band button.border-button.lrg-button, 
body.page-id-3731 #content .band a.border-button.lrg-button, 
body.page-id-10001 #content .band button.border-button.lrg-button, 
body.page-id-10001 #content .band a.border-button.lrg-button, 
body.page-id-241 #content .band button.border-button.lrg-button {
	margin: 20px auto;
}

body.page-id-3731 #mc-embedded-subscribe-form, 
body.page-id-10001 #mc-embedded-subscribe-form, 
body.page-id-241 #mc-embedded-subscribe-form {
	text-align: center;
}

body.page-id-3731 #content .band button.border-button.lrg-button, 
body.page-id-10001 #content .band button.border-button.lrg-button, 
body.page-id-241 #content .band button.border-button.lrg-button {
	display: inline;
	text-align: left;
}

/* Responsive Menu & Footer */
@media only screen and (max-width: 480px) {
		.social .icons {
			padding: 0 4px;
		}
	}
@media only screen and (max-width: 640px) {
/* mobile transition was here */
	.logo img {
	  display: block;
	  margin: 9px 0;
	  max-height: 26px;
	}
}

@media only screen and (min-width: 641px) {

}

@media only screen and (max-width: 768px) {
	.footer-nav small.copyright {
		text-align: center;
		display: block;
		margin: 0 auto;
		float: none;
	}

	.footer-nav br.desktop-tablet {
		display: none;
	}
}

@media only screen and (min-width: 769px) {
	.footer-nav small.copyright { 
		text-align: left; 
		margin-bottom: 0;
		float: left;
	}
	
	.footer-nav br.desktop-tablet {
		display: block;
	}
	
	#footer-first nav.footer-nav { 
		float: left; 
	}
	
	#footer-first nav.footer-nav ul { 
		text-align: left; 
	}
	
	#footer-first nav.footer-nav ul li { 
		display: block; 
		float: left; 
		margin: 0 20px 0 0;
	} 
	
	#footer-second {
		display: block !important;
		background-color: #000000;
		height: 60px;
		margin-bottom: 0;
	}
}

@media only screen and (min-width: 641px) and (max-width: 900px) {
	.new-header #banner .logo img { 
		max-height: 25px;  
		position: absolute;
		top: 10px;
		left: 40%;
	}
}

@media only screen and (max-width: 900px) {
	#navigation #searchform1 {
		display: none;
	}
	
	#mobile_menu .arrow-up {
		display: none;
	}
	
	.icon-reorder:before {
		content: "\f0c9";
		font-size: 40px;
	}
	
	.icon-reorder {
		color: #ffffff !important;
	}
	
	.icon-reorder:hover {
		color: #2d2d2d !important;
	}
	
	.new-header #banner .logo {
		float: none;
		margin: 0 auto;
	}
	#rmp-container-21170, #rmp-container-2165 , #rmp-container-7845 , #rmp-container-928 {

    background-color: #575757 !important;
    background-image: none !important;
	}
	#rmp-menu-wrap-21170, #rmp_menu_trigger-2165,  #rmp_menu_trigger-7845, #rmp_menu_trigger-928 {
    background-color: #575757 !important;
}
#rmp_menu_trigger-21170 .responsive-menu-pro-inner, #rmp_menu_trigger-21170 .responsive-menu-pro-inner::before, #rmp_menu_trigger-21170 .responsive-menu-pro-inner::after,
#rmp_menu_trigger-2165 .responsive-menu-pro-inner, #rmp_menu_trigger-2165 .responsive-menu-pro-inner::before, #rmp_menu_trigger-2165 .responsive-menu-pro-inner::after,
#rmp_menu_trigger-7845 .responsive-menu-pro-inner, #rmp_menu_trigger-7845 .responsive-menu-pro-inner::before, #rmp_menu_trigger-7845 .responsive-menu-pro-inner::after,
#rmp_menu_trigger-928 .responsive-menu-pro-inner, #rmp_menu_trigger-928 .responsive-menu-pro-inner::before, #rmp_menu_trigger-928 .responsive-menu-pro-inner::after,
 {

    background-color: #fff !important;

}
}

@media only screen and (min-width: 901px) {
	.mobile-new-menu #banner .logo { 
		float: left; 
		max-width: 50%; 
		display: block; 
		margin: 0; 
	}
	#searchform1 #s {
		box-shadow: none;
		background-color: #ffffff;
	}
	#searchform1 #searchsubmit {
		display: none;
	}
	
	#mobile_menu > #rmp_menu_trigger-21170, #mobile_menu >  #rmp_menu_trigger-2165 , #mobile_menu >  #rmp_menu_trigger-7845, #mobile_menu >  #rmp_menu_trigger-928 {
	display: none;
}
}

@media only screen and (max-width: 1024px) {
	.website-nav,
	.new-only {
		display: none;
	}
	
	.globe-icon {
		position: static;
	}
	
		.globe-icon:before {
			font-size: 26px;
		}
	
	.new-header #banner .logo {  
		position: absolute;
		top: 18px;
		left: 50%;
	}
	
	.new-header #banner .logo img { 
		max-height: 30px;  
		position: relative;
		left: -50%;
		display: block;
		margin: 0 auto;
	}
}