@import 'fonts.css';

* {
	margin: 0;
	outline: 0;
	padding: 0;
	
}

/*==========================================
*** HTML TAG STYLES
==========================================*/
body {
	font-family: 'robotolight';
	background: #FFF;
	color: #414042;
	font-size:14px !important;
	line-height:18px !important;
	position:relative;
}


/*==========================================
*** SHELL STYLES
==========================================*/

.group:before,
.group:after {
    content: "";
    display: table;
} 
.group:after {
    clear: both;
}
.group {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

.font-light {font-family: 'robotolight';}
.font-bold {font-family: 'robotobold';}
.font-black {font-family: 'robotoblack';}
.font-meditalic {font-family: 'robotomedium_italic';}
.font-regular {font-family: 'robotoregular';}


a {color:#e73500; text-decoration:underline;}
.nomargin {margin:0 !important;}
.nomargin-bottom {margin-bottom:0 !important;}
.clear { clear:both;}
p {margin-bottom:15px !important;}
.display {display:block !important;}
.nodisplay {display:none !important;}
.visibility { visibility:visible !important;}

.f-left {float:left !important;}
.f-right {float:right !important;}

::-webkit-input-placeholder {
   color:#8b8e90 !important;
}

:-moz-placeholder { /* Firefox 18- */
   color:#8b8e90 !important;
}

::-moz-placeholder {  /* Firefox 19+ */
   color:#8b8e90 !important; 
}

:-ms-input-placeholder {  
   color:#8b8e90 !important; 
    
}


/*==========================================
*** GRID SYSTEM STYLES
==========================================*/

.wrapper {max-width:1146px; margin:0 auto; padding:0 2%;}

.col-1 {width:5.93368237347295%; margin-right:2.6178010471204187%; float:left;}
.col-2 {width:14.485165794066319%; margin-right:2.6178010471204187%; float:left;}
.col-3 {width:23.036649214659686%; margin-right:2.6178010471204187%; float:left;}
.col-4 {width:31.588132635253054%; margin-right:2.6178010471204187%; float:left;}
.col-5 {width:40.139616055846425%; margin-right:2.6178010471204187%; float:left;}
.col-6 {width:48.69109947643979%; margin-right:2.6178010471204187%; float:left;}
.col-7 {width:57.24258289703316%; margin-right:2.6178010471204187%; float:left;}
.col-8 {width:65.79406631762653%; margin-right:2.6178010471204187%; float:left;}
.col-9 {width:74.3455497382199%; margin-right:2.6178010471204187%; float:left;}
.col-10 {width:82.89703315881326%; margin-right:2.6178010471204187%; float:left;}
.col-11 {width:91.44851657940663%; margin-right:2.6178010471204187%; float:left;}
.col-12 {width:100%; margin-right:0;}
.last {margin-right:0;}

.push-1 {margin-left:8.55148342059337%;}
.push-2 {margin-left:17.10296684118674%;}
.push-3 {margin-left:25.654450261780106%;}
.push-4 {margin-left:34.20593368237348%;}
.push-5 {margin-left:42.75741710296684%;}
.push-6 {margin-left:51.30890052356021%;}
.push-7 {margin-left:59.860383944153575%;}
.push-8 {margin-left:68.41186736474695%;}
.push-9 {margin-left:76.96335078534031%;}
.push-10 {margin-left:85.51483420593368%;}
.push-11 {margin-left:94.06631762652705%;}


header {position: relative; width:100%; background-color:#FFF; height:95px; z-index: 666;}
header .logo {width:100%; margin-top:26px;}
header nav.menu {width:100%;}
header nav.menu ul {width:100%; float:right; display:block; text-align:right; margin-top:38px;}
header nav.menu ul li {display:inline-block; padding:0 25px;}
header nav.menu ul li:last-child {padding:0 0 0 25px;}
header nav.menu ul li a { text-transform:uppercase; font-family: 'robotobold'; color:#6d6e71; text-align:center; text-decoration:none;}
header nav.menu ul li a:hover, header nav.menu ul li a.active, header nav.menu ul li.active a {color:#e63501;}
header nav.menu ul li ul.sub-menu {display:none;}

section.search-contact {position:absolute; right:0; top:250px; width:46px; height:97px; z-index:1100;}
section.search-contact a.search {display:block; width:46px; height:46px; margin-bottom:5px;}
section.search-contact a.contact {display:block; width:46px; height:46px;}

section.slider {width:100%; height:410px;}
section.slider .index-slider {width:100%; height:410px;}
section.slider .index-slider div {background-repeat:no-repeat; background-size:cover; background-position:center center; min-height:410px;}
section.slider .index-slider div h2 {font-size:55px; line-height:65px; font-family: 'robotolight'; font-weight:normal; color:#FFF; padding-top:120px; text-decoration: none;}
section.slider .index-slider a {text-decoration: none;}

section.our-info {margin:50px 0 35px; width:100%;}
section.our-info .icon {float:left; width:18.784530386740332%;}
section.our-info .content {float:left; width:81.21546961325967%;}
section.our-info .content h2 {font-size:15px; text-transform:uppercase; color:#6d6e71; border-bottom:1px dotted #6d6e71; display:block; padding:0 0 10px 0; font-weight:normal; font-family: 'robotobold'; margin-bottom:10px;}
section.our-info .content p {line-height:24px;}
section.our-info .content strong {font-weight:normal; font-family: 'robotobold';}

footer {background-color:#12245b; width:100%; padding:75px 0 20px 0; color:#FFF;}
footer figure {width:23.877551020408163%; margin-right:1.4285714285714286%; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background-color:rgba(255,255,255,0.2); float:left;}
footer figure .padding {padding:17px 0 15px 0; text-align:center;}
footer figure.last { margin-right:0%;}
footer figure .image-wrap {
  position: relative;
  height: 50px;
}
footer figure .image-wrap img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

footer .newsletter {width:89.79591836734694%; padding:5.1020408163265305%; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background-color:rgba(255,255,255,0.2);}
footer .newsletter p {font-weight:normal; font-family: 'robotobold'; text-transform:uppercase;}
footer .newsletter input[type="text"] {font-size:12px; width:52%; padding-top: 10px; padding-bottom: 11px; padding-left: 7.5%; padding-right: 39.5%; border:2px solid #FFF; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; float:left; max-height: 42px;}
footer .newsletter input[type="text"].error {font-size:12px; width:52%; padding-top: 10px; padding-bottom: 11px; padding-left: 7%; padding-right: 39%; border:2px solid #e73500; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; float:left;}
footer .newsletter input[type="submit"] {font-size:12px; width:35%; margin-left:-35%; padding: 10px 0%; background-color:#e73500; text-align:center; font-size:16px; color:#FFF; font-family: 'robotobold'; border:none; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; position: absolute; top: 0; right: -2px;}
footer .copy {width:100%; margin-top:50px;}
footer .newsletter span.error-message {font-size:11px; font-style:italic; color:#FFF; display:none; margin-top:5px; display:block;}
footer .newsletter form {position:relative; width:100%;}

/* janis edit */
footer figure img.logo {width:80%;}


/* popups for search and contact */

.overlay {width:100%; height:100%; position:absolute; top:0; left:0; background-color:rgba(29,41,79,0.5); z-index:1501;}
.overlay-gallery {width:100%; height:100%; position:absolute; top:0; left:0; background-color:rgba(18,36,91,0.9); z-index:1501;}

.modal-gallery {width:760px; max-width: 760px; margin:0 auto; height:auto; position: absolute; left:65%; margin-left:-573px; top:0; background-color: transparent; z-index:1502; display:none; color:#FFF;}
.modal-gallery .top {width:100%; margin-bottom:20px; font-size:30px; color:#FFF; margin-top:20px; position:relative;}
.modal-gallery .top h1 {padding-top:5px; font-weight:normal; font-size:30px; margin:0; display:block; float:left; width:80%; line-height:30px;}
.modal-gallery .top .back-button {float:left; width:20%;}
.modal-gallery .top a {padding:11px 20px; font-size:16px; font-family: 'robotobold'; text-align:center; background-color:#FFF; text-decoration:none; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; position:absolute; top:0; right:0;}
.modal-gallery h3 {
background: transparent;
color: #FFF;
font-size: 36px;
line-height: 100px;
margin: 10px 0;
position: relative;
text-align: center;
}
.modal-gallery h3 img {width:100% !important;}
.modal-gallery h2 { margin:0 3% !important; width:94% !important; cursor:pointer;}
.modal-gallery h2 img {width:100% !important;}
.modal-gallery h3 p {font-size:18px; line-height:20px; text-shadow: 2px 2px 4px rgba(40, 40, 40, 1);}
.modal-gallery .slick-prev, .modal-gallery .slick-next {width: 13px; height: 22px; margin-top: -11px;}
.modal-gallery .slick-prev:before {background-image:url(../images/icon-nav-left.png); background-repeat:no-repeat; font-family:Arial, Helvetica, sans-serif; text-indent:99999px; width: 13px; height: 22px; color:rgba(18,36,91,0.9);}
.modal-gallery .slick-next:before {background-image:url(../images/icon-nav-right.png); background-repeat:no-repeat; font-family:Arial, Helvetica, sans-serif; text-indent:99999px; width: 13px; height: 22px; color:rgba(18,36,91,0.9);}
.slick-prev:hover, .slick-prev:focus { background:url(../images/icon-nav-left.png) no-repeat; height:22px; width:13px;}
.slick-next:hover, .slick-next:focus {background:url(../images/icon-nav-right.png) no-repeat; height:22px; width:13px;}

.modal-contact {width:400px; height:480px; position: fixed; left:50%; margin-left:-200px; top:50%; margin-top:-240px; background-color:#FFF; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; z-index:1502; display:none;}
.modal-contact .padding {padding:30px;}
.modal-contact .padding p {margin-bottom:0 !important;}
.modal-contact a.close {width:29px; height:29px; position:absolute; right:-35px; top:-35px; background-image:url(../images/icon-close-big.png); background-repeat:no-repeat; text-indent:-99999px;}
.modal-contact h2 {font-weight:normal; font-size:30px; color:#e73500; border-bottom:2px solid #cccccc; padding-bottom:12px; margin-bottom:12px;}
.modal-contact label {font-size:12px; color:#e73500; display:block; padding:8px 0 2px 0; font-family: 'robotomedium_italic'; visibility:hidden;}
.modal-contact input.error,
.modal-contact textarea.error {border:2px solid #e73500 !important;}
.modal-contact input[type="text"] {border:2px solid #cccccc; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:2.7% 5%; width:88.78787878787878%; font-family: 'robotoregular';}
.modal-contact input[type="submit"] {-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:2.7% 0%; width:100%; text-align:center; color:#FFF; background-color:#e73500; font-size:16px; border:none; margin-top:19px; font-family: 'robotoblack';}
.modal-contact textarea {border:2px solid #cccccc; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:2.7% 5%; width:88.78787878787878%; height:92px; font-family: 'robotoregular';}
.modal-contact input:focus, .modal-contact textarea:focus {border:2px solid #182755 !important; outline: none !important;}
.modal-contact input[type="submit"]:focus {border:none !important;}


.modal-search {width:400px; height:190px; position: fixed; left:50%; margin-left:-200px; top:50%; margin-top:-95px; background-color:#FFF; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; z-index:1502; display:none;}
.modal-search .padding {padding:30px;}
.modal-search .padding p {margin-bottom:25px !important;}
.modal-search a.close {width:29px; height:29px; position:absolute; right:-35px; top:-35px; background-image:url(../images/icon-close-big.png); background-repeat:no-repeat; text-indent:-99999px;}
.modal-search h2 {font-weight:normal; font-size:30px; color:#e73500; border-bottom:2px solid #cccccc; padding-bottom:12px; margin-bottom:12px;}
.modal-search input[type="text"] {border:2px solid #cccccc; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:2.9% 5%; width:88.78787878787878%; font-family: 'robotoregular'; float:left;}
.modal-search input[type="submit"] {-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; float:left; width:42px; height:42px; margin-left:-42px; border:none !important; background-image:url(../images/icon-search-v2.png); background-repeat:no-repeat;}
.modal-search input:focus, .modal-search textarea:focus {border:2px solid #182755 !important; outline: none !important;}
.modal-search input[type="submit"]:focus {border:none !important;}


section.top-banner {background-repeat:no-repeat; height:300px; background-size:cover; background-position:center center;}
section.top-banner .wrapper {position: relative;}
section.top-banner .navigation {position:absolute; top:13px; left:2%; color:#FFF; font-size:12px;}
section.top-banner .navigation a {color:#FFF; font-size:12px;}
section.top-banner .title {position:absolute; bottom:0; left:2%; color:#FFF;}
section.top-banner .title div {position:relative; bottom: -290px; left:0; line-height:32px; font-size: 30px; color: #fff;}

section.internal-menu {width:100%; height: auto; background-color:#e7e9ee;}
section.internal-menu ul li {display:block; float: left; position:relative; margin: 0 1px 0 0;} 
section.internal-menu ul li a {color:#12245b; display: block; padding:19px 15px; text-decoration:none;}
section.internal-menu ul li span.bullet {background-image:url(../images/icon-sub-menu-arrow.png); background-repeat:no-repeat; background-position:center bottom -5px; width:10px; height:5px; bottom:-5px; background-position:bottom center; position:absolute; left: 50%; margin-left: -5px;}
section.internal-menu ul li:hover a, section.internal-menu ul li.active a {color:#FFF; background-color:#e73500; padding:19px 15px; }

section.main {width:100%; padding:55px 0; font-size:16px; line-height:24px;}
section.main ul.ordered {width:100%; /*margin-bottom: 70px;*/ display:block; padding-left: 0px; font-size:14px;}
section.main ul.ordered li {text-align:center; list-style:none; padding-left: 0px;}
section.main ul.ordered li h2 {font-size:24px; color:#12245b; font-family: 'robotoregular'; padding:20px 0 25px;}
section.main ul {padding-left:50px; margin-bottom:15px;}
section.main ul li {padding-left:2px; list-style:disc;}


.development section.internal-menu ul li {width:100%; padding-left:0%; padding-right:0%; text-align:center; outline: 0;}
.development .dev-menu {width:100%; background-color:#f8f8fa; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.development .dev-menu ul { padding-left: 0px; margin-bottom: 0px;}
.development .dev-menu ul li {list-style:none;}
.development .dev-menu ul li a {color:#6d6e71; text-transform:uppercase; font-size:14px; font-family: 'robotobold'; text-decoration:none; padding:4% 10%; width:80%; display:block;}
.development .dev-menu ul li a:hover, .development .dev-menu ul li a.active {list-style:none; background-image:url(../images/icon-dropdown-arrow-90.png); background-repeat:no-repeat; background-position:right 10% center;  background-color:#e73500; color:#FFF;}
.development .dev-menu ul li ul li a:hover, .development .dev-menu ul li ul li a.active {list-style:none; background-image: none; background-repeat:no-repeat; background-position:right 10% center;  background-color:#f8f8fa; color:#fff;}
.development .dev-menu ul li ul {}
.development .dev-menu ul li ul li { background-image:url(../images/icon-tree-first.png); background-repeat:no-repeat; background-position:left 30px top; padding:0% 10% 0% 13%; }
.development .dev-menu ul li ul li a {padding:5% 10% 0% 10%;}
.development .dev-menu ul li ul li a:hover {padding:5% 10% 0% 0%; margin-left:10%;}
.development .dev-menu ul li ul li:hover {background-image:url(../images/icon-tree-first.png); background-position:left 30px top; padding:0% 10% 0% 13%; color: #fff;}
.development .dev-menu ul li ul li:last-child, .development .dev-menu ul li ul li:last-child:hover {background-image:url(../images/icon-tree-last.png); background-position:left 30px top -10px; padding:0% 10% 0% 13%;}

.development .dev-menu ul li ul li.active,
.development .dev-menu ul li ul li:hover,
.development .dev-menu ul li ul li a:hover {background-color:#e73500; color:#FFF;}
.development .dev-menu ul li ul li.active a.sub,
.development .dev-menu ul li ul li.active:hover a.sub,
.development .dev-menu ul li ul li:hover a {color: #fff;}



.development .dev-menu ul li ul li:last-child {}
.development .dev-menu ul li:first-child a { border-top-left-radius:5px; border-top-right-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; -webkit-border-top-left-radius:5px;}
.development .dev-menu ul li:last-child a { border-bottom-left-radius:5px; border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px;}

.development .dev-menu.fixed {
    display: block;
    position: fixed;
    top: 20px;
    width: 23.036649214659686%;
	margin-right:2.6178010471204187%;
	max-width:262px;

}
.development .static-content-on-scroll.fixed {margin-left:25.654450261780106%;}


.development .dev-menu1 ul {padding-left: 0px; margin-bottom: 0px;}
.development .dev-menu1 ul li {list-style:none;}
.development .dev-menu1 ul li a {color:#6d6e71; text-transform:uppercase; font-size:14px; font-family: 'robotobold'; text-decoration:none;  padding:4% 10%; background-color:#f8f8fa; color:#6d6e71; display:inline-block; width:80%;}
.development .dev-menu1 ul li a:hover, .development .dev-menu1 ul li a.active {list-style:none; background-image:url(../images/icon-dropdown-arrow-90.png); background-repeat:no-repeat; background-position:right 10% center;  background-color:#e73500; color:#FFF;}

.development .dev-menu1 ul li:first-child a, .no-banner .quick-menu ul li:first-child { border-top-left-radius:5px; border-top-right-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; -webkit-border-top-left-radius:5px;}
.development .dev-menu1 ul li:last-child a, .no-banner .quick-menu ul li:last-child { border-bottom-left-radius:5px; border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px;}


.development a.see-gallery {font-size:20px; font-family: 'robotobold'; width:40%; margin-left:30%; margin-right:30%; margin-top:20px; margin-bottom:50px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; color:#FFF; text-decoration:none; text-align:center; display:inline-block; background-color:#003366; padding:20px 0;}

.development .read-more {width:100%; border-top:1px solid #e9e9e9; padding:35px 0;}
.development .read-more h2 {font-size:18px; color:#e73500; font-family: 'robotoregular'; margin-bottom:35px;}
.development .read-more .links ul { padding-left: 0px; margin-bottom: 0px; }
.development .read-more .links  ul li {list-style:none; font-family: 'robotobold'; color:#6d6e71; text-transform:uppercase; font-size:14px; margin-bottom:20px;}
.development .read-more .links  ul li a {color:#ec6f58; text-transform: none; font-size:14px; text-decoration:none; font-family: 'robotolight';}
.development .read-more .links  ul li ul {padding-left:5px; margin:5px 0 15px 0;}
.development .read-more .links  ul li ul li { background-image:url(../images/icon-tree-last.png); background-repeat:no-repeat; background-position:left top -10px; padding-left:20px; padding-top:10px; }


.development .related-events {width:100%; border-top:1px solid #e9e9e9; padding:35px 0;}

.development .related-events h2 {font-size:18px; color:#e73500; font-family: 'robotoregular'; margin-bottom:35px;}
.development .related-events h1 {font-size:24px; color:#003366; font-family: 'robotobold';}
.development .related-events h1 a {display:inline-block; color:#003366; text-decoration:none;}
.development .related-events h1 a span.minus {display:none;}
.development .related-events h1 a span.plus {display:none;}
.display-inline {display: inline-block;}
.development .related-events ul {padding-left: 0px; margin-bottom: 40px; margin-top:40px;}
.development .related-events ul li { background-image:url(../images/icon-doc-small.png); background-repeat:no-repeat; background-position:left center; padding-left:35px; margin-bottom:20px; list-style:none;} 
.development .related-events ul li:hover { background-image:url(../images/icon-doc-small-hover.png);}
.development .related-events ul li a {color:#003366; font-size:14px;}
.development .related-events ul li:hover a {color:#e73500;}

.no-banner section.main {padding: 35px 0;}

.no-banner .top-inpage-nav {width:100%; background-color:#f8f8fa; padding:12px 0; color:#999999; font-family: 'robotoregular';}
.no-banner .top-inpage-nav span {color:#333333;}
.no-banner .top-inpage-nav a {color:#999999; font-family: 'robotoregular';}


.no-banner .main-title {margin-bottom:30px;}
.no-banner .main-title h2 {font-size:30px; color:#e73500; padding-top:10px; line-height:30px;}
.no-banner .main-title h2 span {color:#6d6e71;}

.no-banner .main-title .sort-year {float:right; width:35%; margin-right:5%;}
.no-banner .main-title .sort-year .label {float:left; font-size:14px; color:#999999; font-family: 'robotoregular'; width:37.35849056603773%; padding-top:10px;}
.no-banner .main-title .sort-year .input {float:left; width:62.64150943396226%;}

.no-banner .main-title .sort-keyword {float:right; width:35%; margin-right:5%;}
.no-banner .main-title .sort-keyword .label {float:left; font-size:14px; color:#999999; font-family: 'robotoregular'; width:37.35849056603773%; padding-top:10px;}
.no-banner .main-title .sort-keyword .input {float:left; width:62.64150943396226%;}
.no-banner .main-title .sort-keyword input[type="text"] {border:1px solid #cccccc; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding-right:27%; padding-left:5%; padding-top:9px; padding-bottom:9px; width:66.78787878787878%; font-family: 'robotoregular'; float:left; display:block;}
.no-banner .main-title .sort-keyword input[type="submit"] {-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; float:left; width:42px; height:42px; margin-left:-42px; border:none !important; background-image:url(../images/icon-search-v2.png); background-repeat:no-repeat; display:block;}
.no-banner .main-title .sort-keyword input:focus {border:1px solid #182755; outline: none !important;}
.no-banner .main-title .sort-keyword input[type="submit"]:focus {border: none !important;}

.no-banner .main-title .see-archive {float:right; width:20%;}
.no-banner .main-title .see-archive a {font-size:16px; display:inline-block; background-color:#e73500; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; color:#FFF; font-family: 'robotobold'; text-decoration:none; width:100%; text-align:center; padding: 9px 0;}

.no-banner.archive  .main-title .sort-keyword {margin-right: 0%;}


.no-banner .quick-menu.fixed {
    display: block;
    position: fixed;
    top: 20px;
    width: 23.036649214659686%;
	margin-right:2.6178010471204187%;
	max-width:262px;

}
.no-banner .doc-links.fixed {margin-left:25.654450261780106%;}
.no-banner .col-3 { position:relative;}
.no-banner .quick-menu {width:100%; background-color:#f8f8fa; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.no-banner .quick-menu ul {padding-left: 0px; margin-bottom: 0px;}
.no-banner .quick-menu ul li {list-style:none;}
.no-banner .quick-menu ul li a {color:#6d6e71; text-transform:uppercase; font-size:14px; font-family: 'robotobold'; text-decoration:none;  padding:4% 10%;  border-bottom: 1px solid #f8f8fa; background-color:#f8f8fa; color:#6d6e71; display:block; width:80%;}
.no-banner .quick-menu ul li a:hover, .no-banner .quick-menu ul li a.active {list-style:none; background-image:url(../images/icon-dropdown-arrow-90.png); background-repeat:no-repeat; background-position:right 10% center;  background-color:#e73500; color:#FFF;}

.no-banner .quick-menu ul li:first-child a, .no-banner .quick-menu ul li:first-child { border-top-left-radius:5px; border-top-right-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; -webkit-border-top-left-radius:5px;}
.no-banner .quick-menu ul li:last-child a, .no-banner .quick-menu ul li:last-child { border-bottom-left-radius:5px; border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; border-bottom: 0;}

.doc-links h1 {font-size:24px; color:#999999; border-bottom:2px solid #cccccc; padding-bottom:15px; margin-bottom:25px; margin-top:0; font-weight:normal;}
.doc-links figure {width:100%; color:#000; margin-bottom:60px; font-size:16px;}
.doc-links figure h2 {color:#12245b; font-size:22px; font-family: 'robotoregular'; margin-bottom:15px;}
.doc-links figure a.pdf-button {display:inline-block; background-color:#e73500; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background-image:url(../images/icon-doc-small-white.png); background-repeat:no-repeat; background-position:left 15px center; font-size:16px; color:#FFF; font-family: 'robotoblack'; text-decoration:none; padding:9px 20px 9px 40px;}



figure.news-box  {-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -webkit-box-shadow: 0px 0px 17px -5px rgba(41,41,41,0.6); -moz-box-shadow: 0px 0px 17px -5px rgba(41,41,41,0.6); box-shadow: 0px 0px 17px -5px rgba(41,41,41,0.6);}
figure.news-box .top {width:100%; min-height:200px; position:relative; background-repeat:no-repeat; background-position:center center; background-size:cover; border-top-left-radius:5px; border-top-right-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; -webkit-border-top-left-radius:5px;}
figure.news-box .top .details {display:block; position:absolute; bottom:0; width:100%; background-color:rgba(18,36,91,0.8);}
figure.news-box .top .details .padding {padding:3% 7% 2% 7%; position:relative;}
figure.news-box .top .details .padding h2 {font-size: 20px; color:#FFF; font-weight:normal; margin-bottom:5px;}
figure.news-box .top .details .padding span {display:block; opacity:0.5; color:#FFF;}
figure.news-box .text {padding:5% 7%; font-size:14px;}

a.news-botton {text-decoration:none; color:#FFF; font-size:16px; font-family: 'robotobold'; width:100%; text-align:center; padding:9px 0; background-color:#003366; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; display:inline-block; margin-top:28px;}


.no-banner.archive h2.year { color:#999999; font-size:40px; border-bottom:2px solid #cccccc; padding-bottom:14px;}
.no-banner.archive .doc-links figure {width:100%; color:#000; margin-bottom:60px; font-size:16px;}
.no-banner.archive .doc-links figure h2 {color:#12245b; font-size:22px; font-family: 'robotoregular'; margin-bottom:0px;}
.no-banner.archive .doc-links figure span {color:#000; opacity:0.5; font-size:14px; margin-bottom:5px;}
.no-banner.archive .doc-links figure a.pdf-button {display:inline-block; background-color:#e73500; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background-image: none; font-size:16px; color:#FFF; font-family: 'robotoblack'; text-decoration:none; padding:9px 40px 9px 40px;}

.news-post .enclosed-files {width:100%; border-top:1px solid #e9e9e9; padding:35px 0;}
.news-post .enclosed-files h2 {font-size:18px; color:#e73500; font-family: 'robotoregular'; margin-bottom:35px;}
.news-post .enclosed-files h1 {font-size:34px; color:#003366; font-family: 'robotobold';}
.news-post .enclosed-files ul {padding-left: 0px; margin-bottom: 40px; margin-top:40px;}
.news-post .enclosed-files ul li { background-image:url(../images/icon-doc-small.png); background-repeat:no-repeat; background-position:left center; padding-left:35px; margin-bottom:20px; list-style:none;} 
.news-post .enclosed-files ul li:hover { background-image:url(../images/icon-doc-small-hover.png);}
.news-post .enclosed-files ul li a {color:#003366; font-size:14px; text-decoration:none;}
.news-post .enclosed-files ul li:hover a {color:#e73500; text-decoration:underline;}

.news-post a.see-gallery {font-size:20px; font-family: 'robotobold'; width:40%; margin-left:30%; margin-right:30%; margin-top:20px; margin-bottom:50px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; color:#FFF; text-decoration:none; text-align:center; display:inline-block; background-color:#003366; padding:20px 0;}
.news-post section.top-banner .title {color:#112558;}

figure.contact-box  {-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -webkit-box-shadow: 0px 0px 17px -5px rgba(41,41,41,0.6); -moz-box-shadow: 0px 0px 17px -5px rgba(41,41,41,0.6); box-shadow: 0px 0px 17px -5px rgba(41,41,41,0.6); margin-bottom:40px; min-height:190px;}
figure.contact-box .padding {padding:2% 7% 2% 7%; position:relative; font-size:14px; color:#414042;}
figure.contact-box .padding h2 {font-size:16px; color:#12245b; font-weight:normal; margin-bottom:5px; font-family: 'robotobold';}
figure.contact-box .padding a { font-size:14px;}
figure.contact-box .padding p {margin-bottom:5px !important;}

figure.search-box {width:100%; color:#000; margin-bottom:60px; font-size:16px;}
figure.search-box h2, figure.search-box a {color:#12245b; font-size:22px; font-family: 'robotoregular'; margin-bottom:15px; text-decoration:none;}

.no-resoults {text-align:center; margin-top:50px; margin-bottom:200px}
.no-resoults h2 {color:#999999 !important; font-size:30px; margin-bottom:50px; font-weight:normal;}
.no-resoults .input {margin:0 auto; width:330px;}
.no-resoults .input span {display:block; font-size:20px; color:#12245b; margin-bottom:5px; text-align:left;}

.no-resoults .input  input[type="text"] {border:2px solid #cccccc; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding-right:17%; padding-left:5%; padding-top:8px; padding-bottom:8px; width:76.78787878787878%; font-family: 'robotoregular'; float:left; display:block;}
.no-resoults .input  input[type="submit"] {-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; float:left; width:42px; height:42px; margin-left:-42px; border:none !important; background-image:url(../images/icon-search-v2.png); background-repeat:no-repeat; display:block;}
.no-resoults .input  input:focus {border:2px solid #182755; outline: none !important;}
.no-resoults .input  input[type="submit"]:focus {border: none !important;}

.sem-development {
	width: 100%;
	font-size: 14px;
	color: #fff;
	margin: 0;
}
.sem-development a.sem-logo {
	display: inline-block;
	width: 41px;
	height: 17px;
	background: url(../images/sem-logo.png);
}

/* fix */
.push-2 p a {word-break: break-all;}
.doc-links figure p a {display: inline-block; word-break: break-all;}

.linkedin {display: block; margin: 3px 0 0 0; width: 56px; overflow: hidden;}

/* / fix */

@media screen and (-webkit-min-device-pixel-ratio:0) {
	footer .newsletter input[type="submit"] {max-height:42px; padding: 9px 0 10px 0;}
	
	.SumoSelect > .CaptionCont > label > i { height: 42px; }

	} /* chrome height fix for fixed position */


header button {display:none; width:29px; height:26px; background-image:url('../images/icon-toggle-menu.png'); background-repeat:no-repeat; border:none; top:35px; left:33px; position:absolute; background-color:transparent;}

.cbp-spmenu-push-toright header button {display:block; width:22px !important; height:22px !important; background-image:url('../images/icon-toggle-menu-close.png') !important; background-repeat:no-repeat; border:none; top:35px; left:33px; position:absolute; background-color:transparent;}
h2.mobile {display:none;}

 /*==========================================
*** RESPONSIVNESS STYLES - TABs AND MOBILE
==========================================*/ 

  	@media only screen and (min-width: 1145px) {
		
		.development .dev-menu ul li ul li.active,
		.development .dev-menu ul li ul li:hover {width: 77%;}
	}
	@media only screen and (min-width: 1145px) and (max-width: 1185px) { #news-search-submit {visibility: hidden;} }

  	@media only screen and (min-width: 1024px) and (max-width: 1144px) {
		
		.modal-gallery {width:92%; margin:0 auto; height:auto; position: absolute; left:0%; margin-left:4%; margin-right:4%; top:0; background-color: transparent; z-index:3000; display:none; color:#FFF;}
		header nav.menu ul li {padding:0 12px;}

		section.slider .index-slider div h2 {padding-top: 50px;}
		div.col-4 img.resize {width:100%;}
		section.internal-menu div.wrapper li a {font-size: 13px; padding-left: 8px; padding-right: 8px;}

		#news-search-submit {visibility: hidden;}
	}

   @media only screen and (min-width: 786px) and (max-width: 1023px) {
	   	header button {display:block;}
		.wrapper {padding:0 12.213740458015266%; width:75.57251908396947%;}
		
		header .col-2 {width:100%; text-align:center;}
		section.slider .index-slider div h2 {text-align:center; padding-top: 50px;}
		section.our-info .col-4 {width:100%; margin-bottom:35px; margin-right: 0%;}
		section.our-info .icon {width: 8.784530386740332%;}
		section.our-info .content {width:91.21546961325967%;}
		
		footer .wrapper {padding:0 18.193384223918574%; width:63.61323155216285%;}
		footer .col-3, footer .col-5 {width:100%; margin-right: 0%;}
		footer .col-3 {margin-bottom:25px;}
		footer .copy {text-align:center;}
		footer .newsletter {width: 61.79591836734694%; padding: 5.1020408163265305% 19.1020408163265305%;}
		footer .newsletter input[type="text"] {padding-left: 8%; padding-right: 40%; padding-top:11px; padding-bottom:10px;}
		footer .newsletter input[type="submit"] {padding-left: 0%; padding-right: 0%; padding-top:10px; padding-bottom:10px; right:-4px;}

		header nav.menu ul {padding: 0 8.928571428571429%; float: none; display: block; text-align: left; margin-top: 63px; width: 82.14285714285714%;}
		header nav.menu ul li, header nav.menu ul li:last-child {display: block; padding: 0; margin-bottom:30px;}
		header nav.menu ul li a {font-size:14px; color:#FFF;}
		header nav.menu ul li ul.sub-menu {display:block;}
		header nav.menu ul li ul {margin-top: 20px;}
		header nav.menu ul li ul li a {font-size:14px; font-family: 'robotolight'; text-transform:none;}
	    header nav.menu ul li ul li, header nav.menu ul li ul li:last-child {display: block; padding: 0; margin-bottom:17px;}
		section.top-banner .navigation, section.internal-menu {display:none;}
		section.top-banner .title {left: 12.213740458015266%;}
		section.main ul.ordered li.col-4 {width:60%; padding-left:20%; padding-right:20%; margin-bottom:40px;}
		section.main ul.ordered li.col-4:last-child {margin-bottom: 30px;}
		.about .col-4 {width:100%; margin-bottom:30px; text-align:center;}
	    .about .col-8 {width:100%;}
		
		figure.contact-box.col-3, figure.contact-box.col-3.last {width: 45%; margin-right: 5%;}
		
		.development .col-3 {width:100%; margin-right:0; margin-bottom:60px;}
		.development .col-9 {width:100%;}
		
		.no-banner .col-3 {width:100%; margin-right:0; margin-bottom:60px;}
		.no-banner .col-9 {width:100%;}
		.no-banner .quick-menu ul li a {padding-left: 5%; padding-right: 5%; padding-top: 11px; padding-bottom: 11px; width: 90%; }
		.no-banner .quick-menu ul li a:hover, .no-banner .quick-menu ul li a.active {background-position: right 5% center;}
		
		.no-banner .main-title .col-4 {width:100%; margin-right:0; margin-bottom:25px;}
		.no-banner .main-title .col-8 {width:100%;}
		.no-banner .main-title .see-archive {width:100%; margin-bottom:40px;}
		.no-banner .main-title .sort-keyword {width:48%; margin-right: 0%;}
		.no-banner .main-title .sort-year {width:48%; margin-right:4%;}

		
		figure.news-box.col-4 {width:100%; margin-bottom:25px;}
		
		.news-post .col-1 {width:14.485165794066319%; margin-right:2.6178010471204187%;}
		.news-post .col-11 {width:82.89703315881326%;}
		.news-post a.see-gallery, .development a.see-gallery {width: 100%; margin-left: 0%; margin-right: 0%;}
		.about .push-2 {margin-left:0;}
		
		.no-resoults.push-3 {margin-left:0; width: 100%;}
		h2.mobile {font-size: 30px; color: #e73500; margin-bottom:30px; display:block;}
		
		.modal-gallery {width:92%; margin:0 auto; height:auto; position: absolute; left:0%; margin-left:4%; margin-right:4%; top:0; background-color: transparent; z-index:3000; display:none; color:#FFF;}
		
		.news-post .col-2 {width:30%; margin-right:5%;}
		.news-post .col-2.last {margin-right:0 !important;}
		.news-post .push-3 {margin-left:0;}
		
		.no-banner .top-inpage-nav {display:none;}
		.development .dev-menu ul li ul li a {padding: 10px 20px 0% 0px; margin-left: 1%;}
		.development .dev-menu ul li ul li a:hover {padding: 10px 20px 0% 0px; margin-left: 1%;}
		.development .dev-menu ul li ul li, .development .dev-menu ul li ul li:hover {padding: 0% 5% 0% 8%;}
		.development .dev-menu ul li a {padding: 2% 5%;}
		.development .dev-menu ul li ul li:last-child, .development .dev-menu ul li ul li:last-child:hover {padding: 0% 10% 0% 8%;}
		.development .dev-menu ul li a {width: 90%;}
		
		.es-carousel ul li {width:200px !important;}
		
		@media screen and (-webkit-min-device-pixel-ratio:0) {
		footer .newsletter input[type="submit"] {max-height:41px; padding: 10px 0 10px 0;}
		
		.SumoSelect > .CaptionCont > label > i { height: 42px; }
	
		}
   }
  
   @media only screen and (min-width: 480px) and (max-width: 785px) {
	   header button {display:block;}
		.wrapper {padding:0 12.213740458015266%; width:75.57251908396947%;}
		
		header .col-2 {width:100% !important; text-align:center;}
		section.slider .index-slider div h2 {text-align:center;}
		section.our-info .col-4 {width:100%; margin-bottom:35px; margin-right: 0%;}
		section.our-info .icon {width: 13.784530386740332%;}
		section.our-info .content {width:86.21546961325967%;}
		
		footer .wrapper {padding:0 3.125%; width:93.75%;}
		footer .col-3, footer .col-5 {width:100%; margin-right: 0%;}
		footer .col-3 {margin-bottom:25px;}
		footer .copy {text-align:center;}
		footer .newsletter {width: 61.79591836734694%; padding: 5.1020408163265305% 19.1020408163265305%;}
		footer .newsletter input[type="text"] {padding-left: 8%; padding-right: 40%; padding-top:11px; padding-bottom:10px;}
		footer .newsletter input[type="submit"] {padding-left: 0%; padding-right: 0%; padding-top:10px; padding-bottom:10px; right:-4px;}
		
		header nav.menu ul {padding: 0 8.928571428571429%; float: none; display: block; text-align: left; margin-top: 63px; width: 82.14285714285714%;}
		header nav.menu ul li, header nav.menu ul li:last-child {display: block; padding: 0; margin-bottom:30px;}
		header nav.menu ul li a {font-size:14px; color:#FFF;}
		header nav.menu ul li ul.sub-menu {display:block;}
		header nav.menu ul li ul {margin-top: 20px;}
		header nav.menu ul li ul li a {font-size:14px; font-family: 'robotolight'; text-transform:none;}
	    header nav.menu ul li ul li, header nav.menu ul li ul li:last-child {display: block; padding: 0; margin-bottom:17px;}
		section.top-banner .navigation, section.internal-menu {display:none;}
		section.top-banner .title {left: 12.213740458015266%;}
		section.main ul.ordered li.col-4 {width:100%; padding-left:0%; padding-right:0%; margin-bottom:40px;}
		section.main ul.ordered li.col-4:last-child {margin-bottom: 30px;}
		.about .col-4 {width:100%; margin-bottom:30px; text-align:center;}
	    .about .col-8 {width:100%;}
		
		figure.contact-box.col-3, figure.contact-box.col-3.last {width: 100%; margin-right: 0%; margin-bottom: 30px;}
		
		.development .col-3 {width:100%; margin-right:0; margin-bottom:60px;}
		.development .col-9 {width:100%;}
		
		.no-banner .col-3 {width:100%; margin-right:0; margin-bottom:60px;}
		.no-banner .col-9 {width:100%;}
		.no-banner .quick-menu ul li a {padding-left: 5%; padding-right: 5%; padding-top: 11px; padding-bottom: 11px; width: 90%; }
		.no-banner .quick-menu ul li a:hover, .no-banner .quick-menu ul li a.active {background-position: right 5% center;}
		
		.no-banner .main-title .col-4 {width:100%; margin-right:0; margin-bottom:25px;}
		.no-banner .main-title .col-8 {width:100%;}
		.no-banner .main-title .see-archive {width:100%; margin-bottom:40px;}
		.no-banner .main-title .sort-keyword {width:100%; margin-right: 0%; margin-bottom:20px;}
		.no-banner .main-title .sort-year {width:100%; margin-right:0%;}
		
		figure.news-box.col-4 {width:100%; margin-bottom:25px;}
		
		.news-post .col-1 {width:100%; margin-right:0%;}
		.news-post .col-11 {width:100%;}
		.news-post a.see-gallery , .development a.see-gallery{width: 100%; margin-left: 0%; margin-right: 0%;}
		.about .push-2 {margin-left:0;}
		
		.no-resoults.push-3 {margin-left:0; width: 100%;}
		h2.mobile {font-size: 30px; color: #e73500; margin-bottom:30px; display:block;}
		
		section.slider .index-slider div {min-height:320px;}
		section.slider .index-slider, section.slider {height:320px;}
		section.slider .index-slider div h2 {font-size: 35px; line-height: 40px; padding-top: 30px;}
		.modal-search a.close, .modal-contact a.close {right: -25px;}
		
		.no-banner .col-2 {width:48.69109947643979%; margin-right:2.6178010471204187%;}
		.no-banner .col-2.push-8 {margin-left:0;}
		.no-banner .col-2.last {margin-right:0%;}
		
		.no-resoults h2 {text-align:left;}
		.no-resoults .input {width:100%;}
		
		.modal-gallery {width:92%; margin:0 auto; height:auto; position: absolute; left:0%; margin-left:4%; margin-right:4%; top:0; background-color: transparent; z-index:3000; display:none; color:#FFF;}
		.news-post .facebook, .news-post .twitter, .news-post .linkedin {margin:0 5px; float:none;}
		.news-post .col-1 {text-align:center;}
		.news-post .facebook {margin-top:-4px;}
		.news-post .linkedin {margin: 0 5px; width: 60px; overflow: hidden; }
		
		.news-post .col-2 {width:30%; margin-right:5%;}
		.news-post .col-2.last {margin-right:0 !important;}
		.news-post .push-3 {margin-left:0;}
		
		.modal-gallery .top h1 {width:100%; margin-top:50px;}
		.modal-gallery .top a {font-size: 14px; padding: 6px 10px;}

		.no-banner .top-inpage-nav {display:none;}
		.development .dev-menu ul li ul li a {padding: 10px 20px 0% 0px; margin-left: 1%;}
		.development .dev-menu ul li ul li a:hover {padding: 10px 20px 0% 0px; margin-left: 1%;}
		.development .dev-menu ul li ul li, .development .dev-menu ul li ul li:hover {padding: 0% 5% 0% 13%;}
		.development .dev-menu ul li a {padding: 2% 5%;}
		.development .dev-menu ul li ul li:last-child, .development .dev-menu ul li ul li:last-child:hover {padding: 0% 10% 0% 13%;}
		.development .dev-menu ul li a {width: 90%;}
		.development .dev-menu ul li ul li {padding: 0% 10% 0% 13%;}
		
		.es-carousel ul li {width:169px !important;}
		
		.modal-contact {height: 390px; top: 50%; margin-top: -195px;}
		.modal-contact textarea {height: 40px;}
		.modal-contact h2 {margin-bottom: 6px; font-size: 26px;}
		.modal-contact .padding {padding: 15px;}
		.modal-contact label {padding: 4px 0 2px 0;}
		
		section.search-contact {width: 33px; height: 70px;}
		section.search-contact a.search {width: 33px; height: 33px;}
		section.search-contact a.contact {width: 33px; height: 33px;}
		section.search-contact a.search img, section.search-contact a.contact img {width:100%;}


		
		@media screen and (-webkit-min-device-pixel-ratio:0) {
		footer .newsletter input[type="submit"] {max-height:41px; padding: 10px 0 10px 0;}
		
		.SumoSelect > .CaptionCont > label > i { height: 42px; }
	
		}

		
}
   
   @media only screen and (min-width: 0px) and (max-width: 479px) {
	  header button {display:block;}
		.wrapper {padding:0 14.213740458015266%; width:71.57251908396947%;}
		
		header .col-2 {width:100% !important; text-align:center;}
		section.slider .index-slider div h2 {text-align:center;}
		section.our-info .col-4 {width:100%; margin-bottom:35px; margin-right: 0%;}
		section.our-info .icon {width: 13.784530386740332%;}
		section.our-info .content {width:86.21546961325967%;}
		
		footer .wrapper {padding:0 3.125%; width:93.75%;}
		footer .col-3, footer .col-5 {width:100%; margin-right: 0%;}
		footer .col-3 {margin-bottom:25px;}
		footer .copy {text-align:center;}
		footer .newsletter {width: 61.79591836734694%; padding: 5.1020408163265305% 19.1020408163265305%;}
		footer .newsletter input[type="text"] {padding-left: 8%; padding-right: 40%; padding-top:11px; padding-bottom:10px;}
		footer .newsletter input[type="submit"] {padding-left: 0%; padding-right: 0%; padding-top:10px; padding-bottom:10px; right:-4px;}
	

		header nav.menu ul {padding: 0 8.928571428571429%; float: none; display: block; text-align: left; margin-top: 63px; width: 82.14285714285714%;}
		header nav.menu ul li, header nav.menu ul li:last-child {display: block; padding: 0; margin-bottom:30px;}
		header nav.menu ul li a {font-size:14px; color:#FFF;}
		header nav.menu ul li ul.sub-menu {display:block;}
		header nav.menu ul li ul {margin-top: 20px;}
		header nav.menu ul li ul li a {font-size:14px; font-family: 'robotolight'; text-transform:none;}
	    header nav.menu ul li ul li, header nav.menu ul li ul li:last-child {display: block; padding: 0; margin-bottom:17px;}
		section.top-banner .navigation, section.internal-menu {display:none;}
		section.top-banner .title {left: 12.213740458015266%;}
		section.main ul.ordered li.col-4 {width:100%; padding-left:0%; padding-right:0%; margin-bottom:40px;}
		section.main ul.ordered li.col-4 img {width: inherit;}
		section.main ul.ordered li.col-4:last-child {margin-bottom: 30px;}
		.about .col-4 {width:100%; margin-bottom:30px; text-align:center;}
		.about .col-4 img {width:100%;}
	    .about .col-8 {width:100%;}
		
		figure.contact-box.col-3, figure.contact-box.col-3.last {width: 100%; margin-right: 0%; margin-bottom: 30px;}
		
		.development .col-3 {width:100%; margin-right:0; margin-bottom:60px;}
		.development .col-9 {width:100%;}
		
		.no-banner .col-3 {width:100%; margin-right:0; margin-bottom:60px;}
		.no-banner .col-9 {width:100%;}
		.no-banner .quick-menu ul li a {padding-left: 5%; padding-right: 5%; padding-top: 11px; padding-bottom: 11px; width: 90%; }
		.no-banner .quick-menu ul li a:hover, .no-banner .quick-menu ul li a.active {background-position: right 5% center;}
		
		.no-banner .main-title .col-4 {width:100%; margin-right:0; margin-bottom:25px;}
		.no-banner .main-title .col-8 {width:100%;}
		.no-banner .main-title .see-archive {width:100%; margin-bottom:40px;}
		.no-banner .main-title .sort-keyword {width:100%; margin-right: 0%; margin-bottom:20px;}

		/* fix */
		.no-banner .main-title .sort-keyword input[type="text"] {width: 66.187879%;}
		/* / fix */

		.no-banner .main-title .sort-year {width:100%; margin-right:0%;}
		
		figure.news-box.col-4 {width:100%; margin-bottom:25px;}
		
		.news-post .col-1 {width:100%; margin-right:0%;}
		.news-post .col-11 {width:100%;}
		.news-post a.see-gallery, .development a.see-gallery {width: 100%; margin-left: 0%; margin-right: 0%;}
		.about .push-2 {margin-left:0;}
		
		.no-resoults.push-3 {margin-left:0; width: 100%;}
		h2.mobile {font-size: 30px; color: #e73500; margin-bottom:30px; display:block;}
		
		section.slider .index-slider div {min-height:320px;}
		section.slider .index-slider, section.slider {height:320px;}
		section.slider .index-slider div h2 {font-size: 30px; line-height: 50px; padding-top: 50px;}
		.modal-search a.close, .modal-contact a.close {right: 5px;}
		
		.no-banner .col-2 {width:48.69109947643979%; margin-right:2.6178010471204187%;}
		.no-banner .col-2.push-8 {margin-left:0;}
		.no-banner .col-2.last {margin-right:0%;}
		
		.no-resoults h2 {text-align:left;}
		.no-resoults .input {width:100%;}

		.modal-gallery {width:92%; margin:0 auto; height:auto; position: absolute; left:0%; margin-left:4%; margin-right:4%; top:0; background-color: transparent; z-index:3000; display:none; color:#FFF;}
		
		.modal-search {width: 300px; margin-left: -150px;}
		.modal-search .padding {padding: 20px;}
		.modal-search input[type="submit"] {width: 40px; height: 38px; margin-left: -41px;}
		.modal-search .error-message {font-size:12px;}

		.modal-contact {width: 300px; margin-left: -150px;  height:390px; margin-top:-195px;}
		
		.modal-contact textarea {height: 40px;}
		.modal-contact h2 {margin-bottom: 6px; font-size: 26px;}
		.modal-contact .padding {padding: 15px;}
		.modal-contact label {padding: 4px 0 2px 0;}


		.modal-gallery .top h1 {font-size: 20px !important; width:100% !important;}
		.modal-gallery .top .back-button {width: 100% !important;}

		.news-post .facebook, .news-post .twitter, .news-post .linkedin {margin:0 5px; float:none;}
		.news-post .col-1 {text-align:center;}
		.news-post .facebook {margin-top:-4px;}
		.news-post .linkedin {margin: 0 5px; width: 60px; overflow: hidden; }
		.news-post .col-2 {width:100%; margin-right:0;}
		.news-post .push-3 {margin-left:0;}

		.modal-gallery .top h1 {width:100%; margin-top:50px;}
		.modal-gallery .top a {font-size: 14px; padding: 6px 10px;}
		
		.no-banner .top-inpage-nav {display:none;}
		.development .dev-menu ul li ul li a {padding: 10px 20px 0% 0px; margin-left: 1%;}
		.development .dev-menu ul li ul li a:hover {padding: 10px 20px 0% 0px; margin-left: 1%;}
		.development .dev-menu ul li ul li, .development .dev-menu ul li ul li:hover {padding: 0% 5% 0% 20%;}
		.development .dev-menu ul li a {padding: 2% 5%;}
		.development .dev-menu ul li ul li {padding: 0% 10% 0% 20%;}
		.development .dev-menu ul li ul li:last-child, .development .dev-menu ul li ul li:last-child:hover {padding: 0% 10% 0% 20%;}
		.development .dev-menu ul li a {width: 90%;}
		
		.es-carousel ul li {width:169px !important;}
		
		section.search-contact {width: 33px; height: 70px;}
		section.search-contact a.search {width: 33px; height: 33px;}
		section.search-contact a.contact {width: 33px; height: 33px;}
		section.search-contact a.search img, section.search-contact a.contact img {width:100%;}
		
		@media screen and (-webkit-min-device-pixel-ratio:0) {
		footer .newsletter input[type="submit"] {max-height:41px; padding: 10px 0 10px 0;}
		
		.SumoSelect > .CaptionCont > label > i { height: 42px; }

		section.our-info .icon img {width: 80%;}
	
		}

}

@media ( max-width: 1024px ) and ( min-width: 768px ) {

	footer figure img.logo-2 { width: 50%; }

}