/* SHADES */
.c1 {color: #191964;} /* 25,25,100 */
.c2 {color: #676799;} /* 103,103,153 */
.c3 {color: #8c8cb1;} /* 140,140,177 */
.c4 {color: #b3b3cc;} /* 179,179,204 */
.c5 {color: #c5c5d8;} /* 197,197,216 */
.c6 {color: #e8e8ef;} /* 232,232,239 */

.c7 {color: #5d5ddc;} /* 93,93,220 */
/* Fonts */
@font-face {
	font-family: 'Cormorant Garamond', serif;
}
/* MAIN GRID */
body {
  font-family: "Merriweather", serif;
  letter-spacing: 0.08em;
  line-height:1.6em;
  background-color:#eee;
}
a, a:visited{
	color:#5d5ddc;
}
a.button, a.button:visited{
	display:block;
	background-color:#676799;
	border:#8c8cb1 1px solid;
	color:#fff;
	padding:6px 12px;
	width: 100px;
	text-align:center;
	margin: 0 auto;
	position:absolute;
	bottom: 10px;
	left: auto; 
	right: 10px; 
	margin-left: auto; 
	margin-right: auto; 
}
a.button:hover{
	background-color:#191964;
}
a.button.button-left{
	left: 10px; 
	right: auto; 
	margin-left: auto; 
	margin-right: auto; 
}


a.blockButton, a.blockButton:visited{
	display:inline-block;
	background-color:#c5c5d8;
	color:#fff;
	padding:4px 8px;
	width: auto;
	text-align:center;
	margin: 0; 
}
a.blockButton:hover{
	background-color:#191964;
}
.emptyBlockButton{
	display:inline-block;
	padding:4px 8px;
	width: auto;
	text-align:center;
	margin: 0;
}
a.blockArrow{
	background-color:#8c8cb1;
	display:inline-block;
	text-align:center;
	padding:0;
	margin:0;
	width:29px;
	height:29px;
}
a.blockArrow:hover{
	background-color:#191964;
}

.blockArrow img{
	padding:0;
	margin:0;
}

.site-header-out{
	background-color:#fff;
}
.site-header-in{
	background-color:#fff;
}
.slideshow-out{
	background-color:#191964;
}
.row {
	/* padding: 0 20px; */
}
.row1-out{
	background-color:#fff;
}
.row2-out{
	background-image:url("../images/areas/bg1.jpg");
	background-repeat:no-repeat;
	background-position:center;
	background-attachment:fixed;
}
.row3-out{
	background-color:#fff;
}
.row4-out{
	background-image:url("../images/areas/bg2.jpg");
	background-repeat:no-repeat;
	background-position:center top;
	background-attachment:fixed;
}
.bglogo{
	background-image:url("../images/areas/bglogo.jpg");
	background-repeat:no-repeat;
	background-position:right bottom;
	background-attachment:local;
}
.prefooter-out{
	background-color:#fff;
}
.footer-out{
	background-color:#191964;
}
.footer-in{
	background-color:#191964;
}
.footer{
	padding:10px;
	font-size:12px;
	color:#fff;
}
.row1-out .box_inner,
.row3-out .box_inner,
.row5-out .box_inner
{
	color: #000;
}
.row1-out .box_inner.framed,
.row3-out .box_inner.framed,
.row5-out .box_inner.framed
{
	background: #eee;
	-moz-box-shadow: 1px 1px 3px #555;
	-webkit-box-shadow: 1px 1px 3px #555;
	box-shadow: 1px 1px 3px #555;
}
.row2-out .box_inner,
.row4-out .box_inner,
.row6-out .box_inner
{
	color: #fff;
}
.row2-out .box_inner.framed,
.row4-out .box_inner.framed,
.row6-out .box_inner.framed
{
	background: rgba(25,25,100,.6);
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}
.pos1, .pos2, .pos3 {text-align:left;}
.pos1.right, .pos2.right, .pos3.right{text-align:right;}
/* SOCIAL LINKS */
ul.social li a.facebook{
	background:url(../images/social/facebook.png) top left no-repeat;
}
ul.social li a.twitter{
	background:url(../images/social/twitter.png) top left no-repeat;
}
ul.social li a.googleplus{
	background:url(../images/social/googleplus.png) top left no-repeat;
}
ul.social li a.skype{
	background:url(../images/social/skype.png) top left no-repeat;
}
ul.social li a.linkedin{
	background:url(../images/social/linkedin.png) top left no-repeat;
}


/* LANGUAGE LINKS */

ul.language li a {
	color: #191964;
	font-weight: 500;
}

/* MENU STYLES */

.menu-holder-out{
	background-color:#191964;
	border-bottom: rgba(0, 0, 0, 0.2) 1px solid;
}
.menu-holder-in{
	background-color:#191964;
	border-bottom: rgba(0, 0, 0, 0.2) 1px solid;
}
.menu-button {
	background: #191964;
	color: #fff;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.responsivemenu a {
	color:#fff;
	font-size:.7em;
	background-color:#191964;
	border-left: 1px solid rgba(0, 0, 0, 0.2);
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	text-transform:uppercase;
}
.responsivemenu a b {
	font-size:1.3em;
}
.responsivemenu > li > a{
	font-size:.8em;
	padding: 10px;
}
.responsivemenu > li:last-of-type a{
	border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.responsivemenu a:hover {
	color: #fff;
	background-color:rgba(10, 10, 61, .85);
}
.responsivemenu li a.isSelected{
	color: #fff;
	background-color:#191964;
}
.responsivemenu li ul li a {
	color: #191964;
	background-color: rgba(255, 255, 255, 1);
}
.responsivemenu li ul li ul li a {
	background-color: rgba(255, 255, 255, .85);
}
.responsivemenu li ul li ul li a ul li a{
	background-color: rgba(255, 255, 255, .85);
}
.menu-button span.touch-button{
	background: rgba(0, 0, 0, 0.04) url(../images/menu/menu_collapsed.png) center no-repeat;
}
.responsivemenu > li.item-with-ul > span.touch-button{
	background: rgba(0, 0, 0, 0.04) url(../images/menu/menu_arrdown.png) center no-repeat;
}
.responsivemenu > li.item-with-ul > span.touch-button.active,
.responsivemenu > li.item-with-ul:hover > span.touch-button{
	background: rgba(0, 0, 0, 0.04) url(../images/menu/menu_arrup.png) center no-repeat;
}
.responsivemenu li ul li.item-with-ul span.touch-button{
	background: rgba(0, 0, 0, 0.04) url(../images/menu/menu_arrright.png) center no-repeat;
}
.responsivemenu li ul li.item-with-ul span.touch-button.active,
.responsivemenu li ul li.item-with-ul:hover span.touch-button{
	background: rgba(0, 0, 0, 0.04) url(../images/menu/menu_arrleft.png) center no-repeat;
}

/* TEXTS */

h1, h2{
	color:#191964;
	text-transform:uppercase;
	font-weight:400;
	margin:12px 0 18px 0;;
	text-shadow: 1px 1px 3px #888;
}
h1 {font-size:24px;}
h2 {font-size:20px;}
h1 b{
	font-size: 30px;
}
h2 b{
	font-size: 26px;
}
.row2-out h1, .row2-out h2,
.row4-out h1, .row4-out h2{
	color:#fff;
	text-shadow: 1px 1px 3px #000;
}

h3{
	color:#191964;
	font-weight:400;
	margin:12px 0 18px 0;
}
p{
	color:#191964;
	font-weight:300;
	margin:12px 0 18px 0;
}
.row2-out h2,.row2-out h3,.row2-out p,
.row4-out h2,.row4-out h3,.row4-out p{
	color:#fff;
	text-shadow: 1px 1px 3px #000;
}
h2 {font-size:22px;}
h3 {font-size:20px;}
p {font-size:18px; font-weight:300;}
li {font-size:18px; font-weight:300;padding-bottom:0.67em;}
nav li {padding-bottom:0;}
i {font-style:italic !important;}
.center {text-align:center}
.right {text-align:right}

/* PAGES */
.team .pos1 .box_inner {text-align:center;}
.team img.portrait{ max-width:400px; width:100%; }

/* FORMS */
form .row{padding: 0 4px 10px 0;}
form .col-md-6{padding: 0 0 10px 0;}
form input, form textarea{width:100%; font-family: "EB Garamond", clean, sans-serif !important; font-size:1.1em;}
form input.btn{width:auto; padding:10px; color:#fff; background-color:#66E; margin-top:10px;}
form textarea{resize:vertical; height:180px;}

/* NEWS */
.newsBlock{background-color:#e8e8ef;}
.newsBlock h2{font-size: 18px; padding:10px; margin:0; background-color:#191964;}
.newsBlock p{padding:10px; margin:0; background-color:#b3b3cc;}
.newsBlock h3{padding:10px; margin:0;}
.newsBlock h2 a, .newsBlock h2 a:visited, .newsBlock h2 a:hover{color:#fff;} 
.articleInfo {text-align:right; font-style:italic; background-color:#e8e8ef; padding:6px 12px;}


@media all and (max-width: 1600px) {
		
	.pos1, .pos2, .pos3 {text-align:center;}
	.pos1.right, .pos2.right, .pos3.right{text-align:center;}
	.right {text-align:center}
	li {text-align:left}
	.team .pos1 .box_outer{ max-width:300px; float:none; margin:0 auto;}

	/* FORMS */
	form .row{text-align:center;}
	form input{max-width:400px; text-align:center;}
	form textarea{max-width:700px; text-align:center; height:280px;}
	.box_inner{margin-left: 30px; margin-right: 30px;}
	.newsBlock{text-align:left;}
	.articleInfo {text-align:center;}
	a.button.button-left{
		left: 0; 
		right: 0; 
	}
}
@media all and (max-width: 1000px) {
	a.button, a.button:visited{
		position:absolute;
		bottom: 20px;
		left: 0; 
		right: 0; 
	}
	.newsBlock{text-align:center;}
	.newsBlock div{min-height:0;}
	.newsBlock h3{margin-bottom:60px;}
}
@media all and (max-width: 740px) {
		
	.responsivemenu li ul li a {
		background-color: rgba(255, 255, 255, 1);
	}
	.responsivemenu li ul li ul li a {
		background-color: rgba(255, 255, 255, 1);
	}
	.responsivemenu li ul li ul li a ul li a{
		background-color: rgba(255, 255, 255, 1);
	}
	.responsivemenu a:hover{
		background-color: rgba(10, 10, 80, 1);
	}
	.responsivemenu > li.item-with-ul > span.touch-button,
	.responsivemenu > li.item-with-ul:hover > span.touch-button{
		background: rgba(0, 0, 0, 0.04) url(../images/menu/menu_arrdown.png) center no-repeat;
	}
	.responsivemenu > li.item-with-ul > span.touch-button.active
	{
		background: rgba(0, 0, 0, 0.04) url(../images/menu/menu_arrup.png) center no-repeat;
	}
	.responsivemenu li ul li.item-with-ul span.touch-button,
	.responsivemenu li ul li.item-with-ul:hover span.touch-button{
		background: rgba(0, 0, 0, 0.04) url(../images/menu/menu_arrdown_lit.png) center no-repeat;
	}
	.responsivemenu li ul li.item-with-ul span.touch-button.active{
		background: rgba(0, 0, 0, 0.04) url(../images/menu/menu_arrup_lit.png) center no-repeat;
	}
}