@import '/css/common.css';

body { background:#fff; }
img { max-width:100% !important; height: auto !important; }

.clear {clear: both;}

.header-container {}
			
.header-container .logo-lara { padding-top:10px; padding-bottom: 10px; }
.header-container .mainnavigation ul li a { text-transform:uppercase; color:#333; font-weight:600; font-size:14px; padding:28px 10px 2px 10px; display:inline-block; }
.header-container .mainnavigation ul li a i { padding-left:10px; }
.header-container .mainnavigation ul li a.selectednavi, .header-container .mainnavigation ul li a:hover, .header-container .mainnavigation ul li a:focus { color:#86accd; text-decoration:none; }
.header-container .mainnavigation ul li:hover a { color:#86accd; text-decoration:none; }
.header-container .mainnavigation ul li:hover ul a { background-color:#bbd2dd; color:#333; }
.header-container .mainnavigation ul {list-style: none; padding: 0; margin: 0;}
.header-container .mainnavigation ul li {float: left; position: relative;}
.header-container .mainnavigation ul li ul {display: none; position: absolute; left: 0; top: 100%; width: 260px; background: #bbd2dd; z-index: 5000;}
.header-container .mainnavigation ul li:hover ul {display: block;}
.header-container .mainnavigation ul li ul li {float: none;}
.header-container .mainnavigation ul li ul li a {padding: 5px 10px; display: block; text-transform: none; font-size: 14px;}
.header-container .mainnavigation ul li ul li a:hover, .header-container .mainnavigation ul li ul li a:focus, .header-container .mainnavigation ul li ul li a.selectednavi {background: #bbd2dd; color:#333; text-decoration: none;}
.header-container .mainnavigation ul li ul i { display:none; }			
			
.mobilenavi { display:none; background:#335274; position:relative; margin:0 auto; width:auto; max-width:100%; clear:both; }
.mobilenavi a { color: #fff; text-decoration: none; }
.mobilenavi a.open { display: block; padding: 15px 0 15px 4%; }
.mobilenavi .menu_icon { position:absolute; top:15px; right:15px; width:25px; cursor:pointer; }
.mobilenavi .menu_icon a.close { color:#fff; display:none; position:absolute; top: -1px; right: 7px; text-decoration:none; font-size:18px; font-family:Arial; line-height:1; }
.mobilenavi .menu_icon .icon_line { background:#fff; display:block; border-radius:3px; margin-bottom:3px; width:25px; height:3px; }
.mobilenavi ul { display:none; list-style:none; margin:0; padding:0; }
.mobilenavi ul li { position:relative; }
.mobilenavi ul li a { border-top:1px solid #ccc; display:block; padding: 15px 0 15px 4%; background: #335274;}
.mobilenavi ul li a:hover { /*background:#00b2ec; */}
.mobilenavi ul li a.selectednavi { color: #fff; background: #86accd; }
.mobilenavi ul li .open_submenu { position:absolute; top:1px; right:0; color:#fff; cursor:pointer; padding:14px 20px 14px 20px; width:16px; text-align:center; height:30px; background:#335274; font-size:20px; font-family:Arial; line-height:1; box-sizing: content-box;}
.mobilenavi ul li ul li .open_submenu {background: #525e62;}
.mobilenavi ul li ul li ul li .open_submenu {background: #576368;}
.mobilenavi ul li ul li a { padding-left: 8%; background: #335274;}
.mobilenavi ul li ul li ul li a { padding-left: 10%; background: #525e62;}
.mobilenavi ul li ul li ul li ul li a { padding-left: 12%; background: #576368;}			
			
.banner-container { border-top:5px solid #86acbf; background-color:#6dcff6; }
.banner-wrap {position: relative;}
.banner-text {position: absolute; left: 50%; bottom: 0; width: 800px; margin-left: -400px; z-index: 5000; text-align: center; font-size: 22px; color: #fff; text-shadow: 0 0 5px #000; padding-bottom: 15px;}
			
.content-container { background-color:#d4effc; }
.content-container > .container > .content-main { background-color:#fff; padding:40px; }
.content-container > .container > .subcontent-main { padding:60px 120px; }
.content-container > .container > .content-columns { border-top: 150px solid #fff; padding:0 15px 40px; background: #86acbf; }
.content-container > .container > .content-columns .content-column { margin-top: -150px; float: left; width: 28%; margin-left: 4%; padding: 0 3% 20px; background-color:#fff; min-height:250px; height:auto !important; height:250px; font-size:14px; color:#333; }
.content-container > .container > .content-columns .content-column h2 { font-size:22px; color:#335274; text-transform:uppercase; height:60px; }
.content-container > .container > .content-columns-subpages { border-top:0; padding-bottom:0; }
.content-container > .container > .content-columns-subpages .content-column { margin-top:0; padding-bottom:40px; }
.content-container > .container > .content-columns-subpages.content-columns-subpages-2 { background-color:#b8d0dc; }
.content-container > .container > .content-columns-subpages.content-columns-subpages-2 .content-column { }
.content-container > .container > .content-columns-subpages.content-columns-subpages-2 .content-column:nth-child(1) { width:36%; border-left:46px solid #86acbf; border-right:46px solid #86acbf; margin-left:0; }
.content-container > .container > .content-columns-subpages.content-columns-subpages-2 .content-column:nth-child(2),
.content-container > .container > .content-columns-subpages.content-columns-subpages-2 .content-column:nth-child(3) { width:32%; border-right:46px solid #86acbf; margin-left:0; }
.content-container > .container > .content-main td, .content-container > .container > .subcontent-main td {border: 1px solid #ccc;padding: 5px;}

./*subcontent-main > p { display:inline-block; }*/

.bluerow {background: #86acbf;}
.bluerow .content-column {margin-bottom: 10px;}

.footer-container { background-color:#1f4e79; color:#fff; padding:15px 0; }

#topcontrol { color: #fff; z-index: 99; width: 30px; height: 30px; font-size: 20px; background: #86accd; position: relative; right: 14px !important; bottom: 11px !important; border-radius: 3px !important; }
#topcontrol:after { top: -2px; left: 8.5px; content: "\f106"; position: absolute; text-align: center; font-family: FontAwesome; }
#topcontrol:hover { color: #fff; background: #86acbf; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }		

#map {margin-top: 15px; width: 100%; height: 400px;}

.staff_title {text-align: left;}
.staff_desc {min-height:20px; height:auto !important; height:20px;}
.staff_person { margin-bottom: 20px; height: 520px;}
.staff_person .name {font-weight: 700; font-size: 16px; margin-top: 5px;}

.extranet-login input{width: 100%; margin-bottom: 15px;}
.extranet-login label {width: 100%; margin-bottom: 5px;}
.extranet-login button {border: none; background: #1f4e79; color: #fff; padding: 10px;}
.extranet-login button:hover {background: #2f6ca5;}

.form_fieldlabel { float:left; width: 140px; padding-right: 5px; }
.form_fieldinput { float:left; padding: 0; }
.form_fieldinput { width: auto; }
.form_inputtext { width: 220px; }
.form_fieldcontainer { clear:both; padding: 10px 0; }
.form_textarea { width: 420px; height: 100px; max-width: 100%;}
.form_fieldoption_checkbox input {margin-right: 5px;}
.form_fieldoption_radio input {margin-right: 5px;}
.form_errormessages, .form_confirmsubmit { color: #ff0000; font-size: 14px;}
.form_rule { border-bottom: 1px solid #000; margin-bottom: 10px; }
.form_fieldlabelerror { color: #f00; }
.form_inputtext, .form_textarea { font-size: 12px; font-family:arial,helvetica,sans-serif; }
.form_fieldcontainer.form_submit{float: left; }
.form_fieldcontainer.form_reset{float: left;clear: none;}
.form_fieldoption_radio {width: auto;}
form label {font-weight: normal;}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1920px) and (max-width:2499px) {

}
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1199px) {
	.content-container > .container > .content-columns-subpages.content-columns-subpages-2 .content-column:nth-child(1) { border-width:0 38px 0 38px; }
	.content-container > .container > .content-columns-subpages.content-columns-subpages-2 .content-column:nth-child(2),
	.content-container > .container > .content-columns-subpages.content-columns-subpages-2 .content-column:nth-child(3) { border-width:0 38px 0 0;  }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
	.mainnavigation { display: none; }
	.mobilenavi { display: block; }
	.logo-lara { padding:20px 0 10px 0; }
	.tsi_bannerslot_1 > img { max-width:100% !important; height:auto; display:block; }
	.content-container > .container > .subcontent-main { padding:10px 20px; }
	.content-container > .container > .content-columns { border-top:0; }
	.content-container > .container > .content-columns .content-column { width: 44%; margin-top:20px; }
	.content-container > .container > .content-columns .content-column h2 { font-size:18px; }
	.content-container > .container > .content-columns-subpages.content-columns-subpages-2 .content-column { width: 44% !important; border:0 !important; margin-left:4% !important; }
}

@media only screen and (max-width : 800px) {
	.banner-text {width: 100%; left: 0;}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.banner-container .container, .content-container .container { padding:0; }
	h1 {font-size: 18px;}
	h2 {font-size: 16px;}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	.content-container > .container > .content-columns .content-column { width:92%; min-height: 0; }
	.content-container > .container > .content-columns-subpages.content-columns-subpages-2 .content-column { width: 92% !important; }
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
        
}