/* Left & Right alignment */
.left { float: left; }
.right { float: right; }
.wrapper { width: 100%; overflow: hidden; }
/* Global properties ======================================================== */
.glob { width: 100%; height: 100%; position: absolute; overflow: hidden; /* background: #ffffffa1; */ background: #fff0; }
body { font-family: 'Khand', sans-serif; color: #000; background: #000; line-height: 22px; min-width: 1010px; position: absolute; width: 100%; height: 100%; overflow: hidden; }
/* Global Structure ========================================================= */
.main { margin: 0px auto 0 auto; 	width: 1000px; z-index: 2; height: auto; }
.page_spinner { position: fixed; background: url(../images/loaders/loader5a.gif) 50% 50% no-repeat #0c0c0c; background-size: 79px; z-index: 99; width: 100%; height: 100%; top: 0; left: 0; }
#glob { position: relative; overflow: hidden; z-index: 1; }
/* ============================= main layout ================================ */
a { color: #48f; text-decoration: none; outline: none; font-size: 17px; }
a:hover { text-decoration: underline; }
h1 { float: left; }
h2 { font-family: 'Khand', sans-serif; /* --color: #5AF; */ font-size: 29px; line-height: 31px; width: 100%; padding-bottom: 17px; font-weight: lighter;
	color: #def;
	color: #0057af; 
	---text-shadow: -3px 3px 2.5px #009, 0.5px 0px 0px #fff;
	-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), color-stop(23%, rgba(0,0,0,.8)), color-stop(33%, rgba(0,0,0,.55)), color-stop(39%, rgba(0,0,0,.65)), to(rgba(0,0,0,1)));
}
h3 { font-family: 'Khand', sans-serif; color: #68b; font-size: 23px; line-height: 23px; width: 100%; padding-bottom: 12px; font-weight: 400; }
p { padding-bottom: 20px; font-size: 17px; color: #555; font-weight: normal; --text-transform: uppercase; }
p.stdText, .containerContent ul li, div.stdText { font-size: 17px; color: #aaf; color: #555; --color: #bbf; --text-shadow: 0px 0px 0px #77f; --text-transform: uppercase; text-align: justify; }
p.stdText, .containerContent ol li, div.stdText { font-size: 17px; color: #aaf; color: #555; --color: #bbf; --text-shadow: 0px 0px 0px #77f; --text-transform: uppercase; text-align: justify; }
span.title { font-weight: bold; font-size: 21px; color: #46a; --color: #eef; }
span.title2 { font-weight: bold; font-size: 18px; color: #469; --color: #eef; }
.containerContent ul li { padding-left: 30px; margin-bottom: 6px; background: url(../images/bullet.png) 9px 5px no-repeat; color: #458; }
.containerContent ol li { padding-left: 7px; margin-bottom: 6px; color: #458; }
.containerContent ol { list-style: decimal; margin: initial; padding: 0 0 0 23px; }
table tr td { color: #555; }
img.nomargin { margin: 13px 0px 0px 0px }
aaaaa.containerContent ul.aboutPoints li { font-size: 10px; }
.undLineOff { text-decoration: none; }
.textLowerCase { text-transform: lowercase; }
.textUpperCase { text-transform: uppercase; }
.center { padding: 0; width: 100%; position: relative; }
#the_centre { padding-top: 20px !important; }
.alignLeft { text-align: left; }
.alignCenter { text-align: center; }
.alignRight { text-align: right; }
/* ============================= header ===================================== */
#bgStretch { overflow: hidden; z-index: -1; width: 100%; height: 100%; background: url(/images/bg1a.jpg) no-repeat center 157px; background: url(/images/bg1a.jpg) no-repeat center 157px, linear-gradient(to bottom, rgb(0,15,35) 0, rgb(0,0,0) 75px); background-color: #000; }
#bgStretch img { background-color: #000; }
--header { position: relative; z-index: 1; display: inline-block; }
#logo.logoOutsideGlow { text-shadow: 0 0 2px #aaf, 0px 0px 9px #77e, 0px 0px 12px #77c; }
#logo { display: inline-block; font-family: MyriadPro; padding-left: 175px; padding-top: 0px; margin-bottom: 0px; font-size: 33px; letter-spacing: 0.023em; width: 900px; height: 70px; color: #fff; line-height: 103px; font-weight: normal; }
#logo:hover  { text-decoration: none; }
.logoHolder { display: inline-block; position: relative; margin-top: 0px; vertical-align: top; }
.headerHolder { position: fixed; top: 0px; padding-top: 15px; padding-left: 0px; width: 940px; width: 1000px; height: 100px; z-index: 3; margin: 0 auto; text-align: center; background: url(/images/Logo-2017-White-Text-Flat-330w.png) no-repeat; background-size: 210px; background-position: 51px 25px; }
.menu { position: relative; z-index: 1; display: block; }
.menuHolder { float: left; display: inline-block; position: relative; width: 95%; height: 54px; z-index: 3; left: 0; margin-top: 18px; background: transparent; text-align: right;}

/* Defines menu blue background as well as calculates its height */
:root {
  --menu-height: 28px;
}

.newscolorblue { color: #46c !important; }
.newscolorgreen { color: #359 !important; color: #0080d0 !important; }
.newscolorcyan { color: #679 !important; }
.newcolormuanbox { border: 1px solid #bbb !important; color: #4c8bc9 !important; border-radius: 3px !important; }

div#menuBG {
	margin-top: 0px;
	position: absolute;
	top: 0px;
	width: 100%;
	height: calc(var(--menu-height) + 14px);	  /* The + 14px is the y padding from mText and mTextOver */
	background-color: #111;
	background: linear-gradient(to right, rgba(0,0,0,0) 0, rgba(0,10,20,0.01) 3%, rgba(0,5,35,0.7) 9%, rgba(0,5,35,0.7) 91%, rgba(0,10,20,0.01) 97%, rgba(0,0,0,0) 100%);
 }
/* Defines background behind CSEO logo and name */
div#headBG {
	width: 100%; height: 103px;
	background-image: -moz-radial-gradient(50% 100%, ellipse cover, rgba(0, 5, 65, 0.65), rgba(0,0,0,0) 65%);
	background-image: -webkit-radial-gradient(50% 100%, ellipse cover, rgba(0, 5, 65, 0.65), rgba(0,0,0,0) 65%);
	background-image: -ms-radial-gradient(50% 100%, ellipse cover, rgba(0, 5, 65, 0.65), rgba(0,0,0,0) 65%);
	background-image: radial-gradient(50% 100%, ellipse cover, rgba(0, 5, 65, 0.65), rgba(0,0,0,0) 65%);
 }

#menu { z-index: 3; position: relative; }
#menu > li { position: relative; color: white; text-align: center; display: inline-block; }
/* Defines menu text properties */
#menu > li > a { font-family: 'Khand', sans-serif; font-weight: normal; font-size: var(--menu-height); line-height: 100%; display: block; text-transform: uppercase; position: relative; overflow: hidden; }
#menu > li > a:hover  { text-decoration: none; }
#menu > li.active > a { text-decoration: none; }
.submenu_1 { position: absolute; z-index: 2; top: 35px; left: 0px; display: block; background: rgba(255,255,255,0.915); border-radius: 5px; }
.submenu_1 li { position: relative; display: inline-block; width: 100%; height: 16px; float: left; }
.submenu_1 a { font-size: calc(var(--menu-height)-2); color: #6d6d6d; display: inline-block; text-transform: uppercase; line-height: 15px; padding: 0px 15px; }
.submenu_1 li:hover  > a, .submenu_1 li.sfHover > a { text-decoration: none; color: #fff; }
/* Defines menu text buttons: padding and other properties */
.plainText { line-height: 110%; color: #fff; font-size: 100%; padding: 7px 15px; letter-spacing: 0.005em; text-shadow: 0px 0px 2px #000; transition: text-shadow 0.3s ease-out 0.3s, color 0.35s ease-out 0s; }
.plainText:hover { color: #bdf; text-shadow: 0 0 3px #139; transition: text-shadow 0.5s ease-out 0.3s, color 0.5s ease-out 0s; }
li.active .plainText { color: #cdf; text-shadow: 0px 0px 2px #003; transition: text-shadow 0.5s ease-out 0.3s, color 0.5s ease-out 0s; }
.mText { line-height: 110%; color: #cce; font-size: 100%; position: absolute; padding: 7px 12px; letter-spacing: 0.005em; }
.mTextOver { line-height: 100%; color: #fff; font-size: 100%; position: relative; padding: 8px 12px 6px 12px; background: transparent; top: -75px; left: 0; letter-spacing: 0.005em; border-radius: 5px; text-shadow: 0 0 3px #ddf, 0 0 12px #ddf, 0 0 15px #fff; }

._list1 { position: relative; }
._list1 > li { display: block; position: relative; margin-bottom: 1px; }
._list1 > li >a { color: #f4d9cd; font-size: 10px; text-transform: uppercase; margin-left: 22px; }
.listMarker { background: url(../images/extra3.png) 0 0 no-repeat; width: 11px; height: 12px; display: inline-block; position: absolute; left: 0; top: 4px; }
.listMarkerO { background: url(../images/extra4.png) 0 0 no-repeat; width: 11px; height: 12px; display: inline-block; position: absolute; left: 0; top: 4px; }

.more { 
	font-size: 16px;
	margin-top: 7px;
	padding: 8px 11px 6px 11px;
	line-height: 14px;
	/* box-shadow: inset 0px 1px 0px 0px #54a3f7; */
	box-shadow: inset 0px 1px 0px 0px #9588c8c2;
	/* background: linear-gradient(to bottom, #007dc1, #0061a7); */
	background: linear-gradient(to bottom, #337, #78bd);
	background: linear-gradient(to bottom, #6f6f6f, #c1c1c1);
	background-color: #007dc1;
	border-radius: 5px;
	border: 1px solid #124d77;
	border: 1px solid #356;
	display: inline-block;
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	text-shadow: 0px 1px 0px #154682; 
 }
.more:hover  { 
	/* background: linear-gradient(to bottom, #0061a7 5%, #007dc1 100%); */
	box-shadow: inset 0px 1px 0px 0px #98c5;
	background: linear-gradient(to bottom, #225, #6b789b70);
	background-color: #037;
	color: #ddf;
	text-decoration: none;
 }
.more:active { 
	position: relative; 
	top: 1px; 
 }
.selected {
	font-weight: bolder;
	/* color: #4c82ff; */
	background: linear-gradient(to bottom, #d65, #fb7);
	box-shadow: inset 0px 1px 0px 0px #76a2;
	border: 1px solid #57a;
	/* text-shadow: 1px 1px 0px #dedede; */
	text-shadow: 1px 1px 1px #015;
 }
.selected:hover  {
	background: linear-gradient(to bottom, #d65, #fb7);
	color: #fff;
 }

/* ============================= slogans ====================== */
 
/* Defines button under slogans */
.more2 { display: inline-block !important; border-radius: 5px; height: 22px; line-height: 23px; font-family: 'Khand', sans-serif; color: #fff; font-size: 19px; background: rgb(8,8,18) !important; background: linear-gradient(0deg, rgba(8,8,8,1) 0%, rgba(8,8,8,1) 48%, rgba(36,36,36,1) 52%, rgba(53,53,53,1) 100%) !important; padding: 12px 20px; text-transform: uppercase; margin-top: 27px; position: relative; }
.more2:hover { text-decoration: none; background: linear-gradient(0deg, rgba(18,18,58,1) 0%, rgba(18,18,28,1) 48%, rgba(56,56,63,1) 52%, rgba(63,63,83,1) 100%) !important; color: #ccf; }

/* Defines sliding slogans font style */
.descr { font-size: 41px; line-height: 110%; font-family: 'Exan', sans-serif; font-weight: bold; letter-spacing: 0.05em; }

.text1 { font-size: 97%; letter-spacing: -0.01em; color: #fff; width: 100%; line-height: 110%; display: block; text-transform: uppercase; left: 0px; position: relative; text-shadow: 1px 1px 0px #555, -1px 1px 0px #555, 1px -1px 0px #555, -1px -1px 0px #555, 0px 0px 3px #37f, 0px 0px 4px #13f; }
/* .text2 { font-size: 77%; color: #080808; width: 100%; line-height: 100%; display: block; text-transform: uppercase; position: relative; text-shadow: 0.5px 0.5px 0px #aaa, -0.5px 0.5px 0px #aaa, 0.5px -0.5px 0px #aaa, -0.5px -0.5px 0px #aaa, 0 0 3px #37f; } */
.text2 { font-size: 77%; color: #44a2ff; width: 100%; line-height: 100%; display: block; text-transform: uppercase; position: relative; text-shadow: 0.5px 0.5px 0px #333, -0.5px 0.5px 0px #333, 0.5px -0.5px 0px #333, -0.5px -0.5px 0px #333, 0 0 3px #37f; }

#_slider { width: 595px; height: 275px; display: block; overflow: hidden; position: relative; }
#_slider >.descr { width: 100%; height: 275px; display: block; position: absolute; margin-left: 5px; }

/* ============================= institutional logos ====================== */

div.membership {
	padding: 7px 37px 19px 5px;
}
div.membership img {
	max-height: 65px;
}
div.membership.cospar img {
	max-height: 87px;
}
div.membership.cospar {
	padding: 0px 37px 0px 6px;
}
div.globalhosts img {
	max-height: 97px;
}
/* min width of logos div in relation to title "CSEO is Institutional Member / National Representative of:" */
.privHold > div:nth-child(1) > div:nth-child(2) {
	min-width: 70%;
	padding-bottom: 3px;
}

/* ============================= content ====================== */
#content { position: relative; z-index: 1; width: 100%; margin: 0 auto; display: block; padding-top: 28px; margin-top: 63px; }
#content > ul { width: 940px; height: 480px; z-index: 0; display: inline-block; }
#content > ul > li { width: 100%; display: block; position: absolute; height: 480px; }
#content > ul > li#Home { margin-top: 95px; }

#the_headerHolder, #the_menuHolder, #the_logoHolder, #the_header, #headBG, #menuBG { transition: height 0.3s ease-out 0s, margin 0.3s ease-out 0s, padding 0.3s ease-out 0s, background 0.3s ease-out 0s, background-image 0.3s ease-out 0s, opacity 0.3s ease-out 0s; }
#logo { transition: opacity 0.35s ease-out 0.15s }
.box { width: 970px; margin-left: 15px; background-color: #012; background-image: linear-gradient(to bottom, rgb(0,20,35) 27%, rgb(0,5,15) 82%); opacity: 0.93; overflow: hidden; position: relative; height: 480px; padding: 0px 0px; box-shadow: -1px 3px 13px #333; border-radius: 7px; }

ul.donatePoints { 
	padding-top: 5px; 
 }
ul.donatePoints li { 
	font-size: 16px; 
	color: #349;
	margin-bottom: 2px; 
 }
ul.donatePoints li b { 
	font-size: 16px; 
	padding-right: 12px; 
	color: #459;
	letter-spacing: 0.05em; 
 }
fieldset.left { width: 570px; }

/*
@media all and (max-height: 768px) { 
	.headerHolder { padding-top: 15px; height: 39px; background-size: contain; background-position: 30px 0px; }
	#logo { padding: 0px; font-size: 25px; letter-spacing: 0.03em; width: 900px; height: 33px; line-height: 50px; }
	.menuHolder { height: 35px; }
	div#menuBG { margin-top: 103px; height: 35px; }
	.mText { line-height: 27px; font-size: 27px; padding: 3px 12px 5px 12px; }
	.mTextOver { line-height: 27px; font-size: 27px; padding: 3px 12px 5px 12px; }
	#bgStretch { background: #000 url(/images/bg.jpg) no-repeat center 138px; }
	#content { margin-top: 118px; padding-top: 23px; }
 }
*/

/*
@media all and (max-height: 768px) { 
	#logo { padding-left: 175px; font-size: 31px; letter-spacing: 0.02em; width: 900px; height: 70px; line-height: 103px; }
	.headerHolder { padding-top: 15px; height: 73px; }
	.menuHolder { height: 35px; }
	div#menuBG { margin-top: 103px; height: 35px; }
	.mText { line-height: 27px; font-size: 27px; padding: 3px 12px 5px 12px; }
	.mTextOver { line-height: 27px; font-size: 27px; padding: 3px 12px 5px 12px; }
	#bgStretch { background: #000 url(/images/bg.jpg) no-repeat center 138px; }
	#content { margin-top: 118px; padding-top: 23px; }
 }
*/

/*
@media all and (max-height: 768px) { 
	#logo { padding: 0px; font-size: 25px; letter-spacing: 0.03em; width: 900px; height: 33px; line-height: 50px; }
	.headerHolder { padding-top: 15px; height: 59px; background-position: 30px 20px; background-size: auto 54px, auto; }
	.menuHolder { height: 35px; margin-top: 7px; }
	div#headBG { height: 66px; }
	div#menuBG { height: calc(var(--menu-height) * 85 / 100 + 8px); }
	.mText { font-size: 85%; padding: 4px 12px 4px 12px; }
	.mTextOver { font-size: 85%; padding: 5px 12px 3px 12px; }
	#bgStretch { background-position: center 101px, top; }
	#content { margin-top: 81px; padding-top: 23px; }
	#_slider { height: 250px; }
	div.membership img { max-height: 60px; }
}
*/

@media all and (min-width: 1023px) {
	div.col9 { width: 600px; }
}

@media all and (max-width: 1023px) {
	body { min-width: 768px; }
	div.main { width: 768px; }
	div.col9 { width: 600px; }
	div.box { width: 730px; }
	#logo { padding: 0px; font-size: 21px; letter-spacing: 0.03em; width: 900px; height: 33px; line-height: 50px; }
	.headerHolder { width: 768px; padding-top: 15px; ---height: 55px; background-position: 15px 20px; background-size: auto 53px, auto; }
	.menuHolder { height: 35px; }
	div#headBG { height: 66px; }
	.plainText { font-size: 80%; padding: 5px 11px; }
	.mText { font-size: 80%; padding: 4px 12px 4px 12px; }
	.mTextOver { font-size: 80%; padding: 5px 12px 3px 12px; }
	#bgStretch { background-position: center 101px, top; }
	#content { margin-top: 81px; padding-top: 23px; }
	.box,
	#content > ul { 
		height: 615px; 
	 }
	#_slider { height: 270px; }
	div.membership img { max-height: 58px; }
	div.globalhosts img { max-height: 95px; }
	div.membership { padding: 7px 9px; }
	div.membership.cospar img {	max-height: 72px; }
	div.membership.cospar {	padding: 0px 10px; }
 }

@media all and (max-width: 767px) { 
	body { min-width: 640px; }
	div.main { width: 640px; }
	div.col9 { width: 600px; }
	div.box { width: 610px; height: auto; padding-bottom: 20px; }
	#logo { padding: 0px; font-size: 19px; letter-spacing: 0.03em; width: 640px; height: 23px; line-height: 42px; }
	pre.textPrivacy { position: fixed; bottom: 0px; left: 7px; }
	pre.textPrivacy a, pre.textPrivacy { font-size: 10px; }
	.headerHolder { width: 640px; padding-top: 0px; height: 57px; background-position: 5px 15px; background-size: auto 39px, auto; }
	.menuHolder { height: 35px; }
	div#headBG { height: 41px; }
	div#menuBG { height: calc(var(--menu-height) * 77 / 100 + 8px); }  /* The + 8px is the padding from next two lines mText and mTextOver */
	.plainText { font-size: 73%; padding: 4px 9px; }
	.mText { font-size: 77%; padding: 4px 12px 4px 12px; }
	.mTextOver { font-size: 77%; padding: 5px 12px 3px 12px; }
	#bgStretch { background-position: center 76px, top; }
	#content { margin-top: 81px; padding-top: 23px; }
	fieldset.left { width: 540px; }
	#ContactForm textarea { width: 523px !important; }
	div.membership img { max-height: 57px; }
	div.globalhosts img { max-height: 90px; }
	div.membership { padding: 7px 8px; }
	div.membership.cospar img {	max-height: 71px; }
	div.membership.cospar {	padding: 0px 9px; }	
	table { width: calc(100% - 3px); }
	table.c-sparc-table td, table.c-sparc-table th { padding: 7px; }
 }

@media all and (max-width: 639px) { 
	body { min-width: 480px; }
	div.main { width: 480px; }
	div.col9 { width: 450px; }
	div.magTop1 { margin-top: 5px; }
	div.text1 { font-size: 80%; line-height: 110%; margin-top: 8%; }
	div.text2 { font-size: 63%; line-height: 100%; }	
	div.box { width: 450px; height: auto; padding-bottom: 20px; }
	#logo { padding: 0px; font-size: 19px; letter-spacing: 0.03em; width: 480px; height: 33px; line-height: 63px; }
	pre.textPrivacy { position: fixed; bottom: 10px; left: 20px; }
	pre.textPrivacy a, pre.textPrivacy { font-size: 10px; }
	.headerHolder { width: 480px; padding-top: 15px; height: 55px; background-position: 10px 10px; background-size: auto 37px, auto; }
	.menuHolder { height: 35px; }
	div#headBG { height: 66px; }
	div#menuBG { height: calc(var(--menu-height) * 75 / 100 + 8px); }  /* The + 8px is the padding from next two lines mText and mTextOver */
	.mText { font-size: 75%; padding: 4px 12px 4px 12px; }
	.mTextOver { font-size: 75%; padding: 5px 12px 3px 12px; }
	#bgStretch { background-position: center 101px, top; }
	#content { margin-top: 63px; padding-top: 23px; }
	fieldset.left { width: 380px; }
	#ContactForm textarea { width: 363px !important; }
	#_slider { height: 230px; }
	div.membership img { max-height: 50px; }
	div.globalhosts img { max-height: 85px; }	
	div.membership { padding: 7px 6px; }
	div.membership.cospar img {	max-height: 63px; }
	div.membership.cospar {	padding: 0px 7px; }	
	table.c-sparc-table { font-size: 90%; line-height: 110%; }
	table.c-sparc-table td, table.c-sparc-table th { padding: 6px; }
 }

/* Note 9 - Firefox */
@media all and (max-width: 479px) { 
	body { min-width: 100%; }
	div.main { width: 97.5%; }
	div.col9 { width: 100%; }
	div.magTop1 { margin-top: 5px; }
	div.text1 { font-size: 55%; line-height: 110%; margin-top: 5%; }
	div.text2 { font-size: 45%; line-height: 100%; }
	div.box { width: 100%; margin-left: 0px; margin-right: 0px; height: auto; padding-bottom: 5px; }
	#logo { padding: 0px; padding-top: 30px; font-size: 17px; letter-spacing: 0.03em; width: 100%; height: 9px !important; line-height: 15px; }
	pre.textPrivacy { position: fixed; bottom: 0px; left: 0px; }
	pre.textPrivacy a, pre.textPrivacy { font-size: 8px; }
	.headerHolder { width: 100%; padding-top: 15px; height: 55px; background-position: 9px 9px; background-size: auto 35px, auto; }
	.menuHolder { height: 35px; }
	div#headBG { height: 66px; }
	div#menuBG { height: calc(var(--menu-height) * 71 / 100 + 8px); }  /* The + 8px is the padding from next two lines mText and mTextOver */
	.mText { font-size: 71%; padding: 4px 10px 4px 10px; }
	.mTextOver { font-size: 71%; padding: 4px 10px 4px 10px; text-shadow: 0 0 3px #ddf, 0 0 8px #ddf, 0 0 10px #fff; }
	#content { margin-top: 63px; padding-top: 23px; }
	div.containerContent { padding: 9px; } 
	fieldset.left { width: 350px; }
	#ContactForm textarea { width: 343px !important; }
	div.membership img { max-height: 55px; }
 	div.globalhosts img { max-height: 77px; }
	div.membership { padding: 7px 12px; }
	div.globalhosts { padding: 7px 11px; }
	div.membership.cospar img {	max-height: 69px; }
	div.membership.cospar {	padding: 0px 12px; }		
	table.c-sparc-table { font-size: 80%; }
	table.c-sparc-table td, table.c-sparc-table th { padding: 5px; }
}

@media all and (max-width: 410px) { 
	div.magTop1 { margin-top: 0px; }
	div.text1 { font-size: 61%; line-height: 110%; margin-top: 5%; }
	div.text2 { font-size: 47%; line-height: 100%; }
	pre.textPrivacy { position: fixed; bottom: 0px; left: 10px; }
	pre.textPrivacy a, pre.textPrivacy { font-size: 7px; }
	.menuHolder { height: 35px; }
	div#headBG { height: 66px; }
	div#menuBG { height: calc(var(--menu-height) * 65 / 100 + 12px); }  /* The + 12px is the padding from next two lines mText and mTextOver */
	.mText { font-size: 65%; padding: 7px 5px 5px 5px; }
	.mTextOver { font-size: 65%; padding: 8px 5px 4px 5px; text-shadow: 0 0 3px #ddf, 0 0 8px #ddf, 0 0 9px #fff; }
	#content { margin-top: 63px; padding-top: 23px; }
	div.containerContent { padding: 9px; } 
	fieldset.left { width: 280px; }
	#ContactForm textarea { width: 273px !important; }
	#_slider { height: 200px; }
 	div.globalhosts img { max-height: 71px; }
	div.globalhosts { padding: 7px 7px; }
 }

@media all and (max-width: 359px) { 
	body { min-width: 320px; }
	div.main { width: 320px; }
	div.col9 { width: 317px; }
	div.magTop1 { margin-top: 0px; }
	div.text1 { font-size: 57%; line-height: 110%; margin-top: 5%; }
	div.text2 { font-size: 43%; line-height: 100%; }
	div.box { width: 317px; margin-left: 1px; margin-right: 1px; height: auto; padding-bottom: 5px; }
	#logo { padding: 0px; font-size: 16px; letter-spacing: 0.03em; width: 320px; height: 33px; line-height: 63px; }
	pre.textPrivacy { position: fixed; bottom: 0px; left: 10px; }
	pre.textPrivacy a, pre.textPrivacy { font-size: 7px; }
	.headerHolder { width: 320px; padding-top: 15px; height: 55px; background-position: 7px 7px; background-size: auto 35px, auto; }
	.menuHolder { height: 35px; }
	div#headBG { height: 66px; }
	div#menuBG { height: calc(var(--menu-height) * 63 / 100 + 12px); }  /* The + 12px is the padding from next two lines mText and mTextOver */
	.mText { font-size: 63%; padding: 7px 5px 5px 5px; }
	.mTextOver { font-size: 63%; padding: 8px 5px 4px 5px; text-shadow: 0 0 3px #ddf, 0 0 8px #ddf, 0 0 9px #fff; }
	#content { margin-top: 63px; padding-top: 23px; }
	div.containerContent { padding: 9px; } 
	fieldset.left { width: 280px; }
	#ContactForm textarea { width: 273px !important; }
 	div.globalhosts img { max-height: 63px; }
 }

.underline { text-decoration: underline; }
.space1 { display: inline-block; width: 90px; }
.padTop1 { padding-top: 21px; }
.padBot1 { padding-bottom: 21px; }
.padBot2 { padding-bottom: 22px; }
.padBot3 { padding-bottom: 22px; }
.padBot4 { padding-bottom: 22px; }
.padBot5 { padding-bottom: 41px; }
.padBot6 { padding-bottom: 13px; }
.padBot7 { padding-bottom: 2px; }
.padBot8 { padding-bottom: 7px; font-size: 9px; line-height: 10px; }
.padBot9 { padding-bottom: 1px; font-weight: bold; font-size: 10px; line-height: 12px; text-decoration: underline; }
.padRight1 { padding-right: 20px; }
.padRight2 { padding-right: 30px; }
.padRight3 { padding-right: 20px; }
.magBot1 { margin-bottom: 22px; }
.magTop1 { margin-top: 50px; }
._icon1 { background: url(../images/extra5.png) 0 0 no-repeat; width: 59px; height: 59px; display: inline-block; float: left; margin-right: 16px; font-family: 'Six Caps', sans-serif; color: #fff; font-size: 30px; text-align: center; line-height: 58px; }
._fig2 { width: 220px; float: left; }
._fig2 img { padding-bottom: 18px; }
._fig2 figcaption { display: block; }
._link2 { font-size: 10px; color: #f4d9cd; }
._link3 { font-size: 12px; color: #f4d9cd; }
.navHolder { position: relative; left: 0; width: 100%; display: inline-block; margin-bottom: 5px; }
.navGall { position: relative; }
.navGall > ul { position: relative; white-space: nowrap; }
.navGall > ul >li { position: relative; display: inline-block; background: url(../images/extra1.png) 0 0 no-repeat; width: 20px; height: 19px; float: left; margin-right: 2px; }
.navGall > ul >li >a { 
 display: inline-block; 
 width: 20px; 
 height: 19px; 
 }
._area { position: absolute; width: 100%; height: 100%; top: 0; z-index: 3; left: 0; display: block; background: url(../images/extra6.png); }
.pointNav { position: relative; display: inline-block; background: url(../images/extra2.png) 0 0 no-repeat; width: 13px; height: 14px; margin: 3px 4px; }
.spinner_bg { position: fixed; width: 40px; height: 40px; background: url("../images/gallLoader.gif") 50% 50% no-repeat #000; z-index: 10000; left: 0; top: 0; background: transparent; }
.overPlane { position: absolute; width: 105px; height: 63px; border: 1px solid #fff; }
/* ============================= footer ====================== */
footer { position: relative; width: 100%; z-index: 2; /* height: 45px; display: inline-block; */ }
.topBtn { position: relative; display: inline-block; cursor: pointer; }
.mainFooter { z-index: 2; margin-top: 50px; margin-bottom: 7px; padding-bottom: 7px; }
.textPrivacy { font-family: 'Trebuchet MS', sans-serif; font-size: 12px; color: #fff; position: relative; display: inline-block; text-transform: uppercase; }
.privHold { line-height: 20px; position: relative; display: block; text-align: center; opacity: 0.95; ---text-shadow: 0px 0px 1px #000; }
.privHold > div:nth-child(1) { background: white !important; }
/*===================================Map=====================================*/
.google_map { margin: 0; width: 380px; height: 225px; background: #fff; border-radius: 5px; }
/* ============================= forms ============================= */
#ContactForm { 
	padding: 0;
 }
#ContactForm .bg { 
	padding: 0;
	margin-left: 3px;
	display: inline-block;
	float: left;
	position: relative;
	---background: #777;
	---border-radius: 9px;
 }
#ContactForm .wrapper { 
	overflow: inherit;
	min-height: 40px;
 }
#ContactForm .success { 
	padding-bottom: 0px;
	text-transform: uppercase;
	font-size: 10px;
	position: relative;
	float: left;
	color: #393;
	width: 100%;
	line-height: 11px;
 }
#ContactForm label { 
	position: relative;
	display: inline-block;
	float: left;
	width: 100%;
	padding-bottom: 4px;
 }
#ContactForm span { 
	display: block;
 }
#ContactForm .error,#ContactForm .empty { 
	font-size: 9px;
	color: #fff;
	line-height: 9px;
	display: none;
	width: 30%;
	top: 0px;
	position: relative;
	text-transform: uppercase;
	float: left;
	background: #f53;
	border-radius: 5px;
	padding: 7px;
	margin: 5px;
 }
#ContactForm a { 
	position: relative;
	z-index: 1;
 }
#ContactForm a:hover  { text-decoration: none; }
#ContactForm .input {
	width: 235px;
	padding: 10px 10px;
	color: #333;
	outline: none;
	font-size: 11px;
	font-family: 'Trebuchet MS';
	background: #fff;
	border: 1px solid #999;
	border-radius: 7px;
	--text-transform: uppercase;
	background: #eee;
	background-image: linear-gradient(bottom, #ccc 27%, #eee 82%);
 }

#ContactForm textarea { 
	overflow: auto;
	margin: 0;
	width: 520px;
	height: 147px;
	background: #eff;
	padding: 9px 10px;
	color: #333;
	resize: none;
	outline: none;
	font-size: 11px;
	font-family: 'Trebuchet MS';
	border: 1px solid #999;
	border-radius: 7px;
	--text-transform: uppercase;
	background: #eee;
	background-image: linear-gradient(bottom, #ccc 27%, #eee 82%);
 }
#ContactForm .block { 
	display: inline-block;
	position: relative;
	width: 100%;
	float: left; 
 }
#ContactForm .magRight1 { margin-right: 16px; }
.formButtons { position: relative; float: right; display: inline-block; }
.formBtn { display: inline-block; position: relative; }
/* ============================= end forms ============================= */