p.chromeframe {background-color:#ff0000; line-height:25px; font-size:14px; font-family: Arial, sans-serif; text-align:center; position:absolute; width:100%;}
p.chromeframe a {color:#ffffff; font-weight: bold; text-transform: uppercase;}
p.chromeframe a:hover {text-decoration: underline;}

.m_top{margin-top:40px;}.m_bot{margin-bottom:40px;}.m_top20{margin-top:20px;}.m_bot20{margin-bottom:20px;}.m_top10{margin-top:10px;}.m_bot10{margin-bottom:10px;}img{max-width:100%;}.m_top0{margin-top:0;}.m_bot0{margin-bottom:0;}
* {outline:none !important;}

a, .home_box, .home_box_svg, .pdf_icon {-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-ms-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;}

body {-webkit-backface-visibility: hidden;font-family: 'Roboto', sans-serif;font-weight:300;font-size:16px;color:#000000;}
a {color:#009492;}
a:hover, a:focus {text-decoration: none;color:#1c706e;}
h2, h4 {font-weight:300;}
h2 {border-bottom:1px solid #000000;padding-right:35px;padding-bottom:5px;background:url('../img/square_logo.svg') scroll right top transparent no-repeat;}
b {font-weight:400;}

/*--- NAVIGATION ---*/
header {margin-top:20px;margin-bottom:20px;}
.navbar {margin-bottom:0;border:none;margin-top:36px;min-height:10px;}
.navbar-default {background-color:transparent;border:none;}
.navbar-collapse {padding-right:0;}
.navbar-toggle {float:left;margin-top:0;margin-bottom:0;}
.navbar-brand {float:none;padding:0;}
.navbar-brand>img {display:inline;}
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav a, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus {color:#414142;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > .active > a:hover {color:#009492;}

#main_menu ul a {display:block; padding:0px 6px; text-decoration:none; }
#main_menu > ul > li > a {padding: 6px 30px}
#main_menu ul li ul {position:absolute;top:30px;width:200px;z-index:999;background-color:#ffffff;padding:0;border-bottom:1px solid #009492;padding:10px 0 5px;}
#main_menu ul li ul li a {padding: 4px 25px 4px 15px;}
#main_menu ul li ul li a:hover {color:#009492;}

@media all and (min-width:992px) and (max-width:1199px) {
	.navbar {margin-top:22px;}
	#main_menu {font-size:15px;}
	#main_menu > ul > li > a {padding: 10px 22px;}
}

@media all and (min-width:768px) and (max-width:991px) {
	header {margin-bottom:10px;}
	.navbar {margin-top:10px;}
	#main_menu {font-size:13px;}
	#main_menu > ul > li > a {padding: 10px 14px;}
}

@media screen and (max-width: 767px) {
	header {margin-bottom:0;margin-top:15px;}
	.navbar {font-size:15px;margin-top:0;}
	.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > li > a:hover {border:none;background:none;}
	.navbar-nav {margin:0;}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {border:none}
	#main_menu > ul > li {border:none;border-bottom:1px solid #009492;}
	#main_menu > ul > li:last-child {border-right:none;}
	#main_menu > ul > li > a {padding:20px;}
	#main_menu ul li ul {z-index:0;position:relative;top:0px;border-bottom:none;background-color:#eeeeee;width:100%;}
	#main_menu ul li ul li a {padding:12px 0px 12px 35px;}
	#main_menu ul li ul li:first-child a {padding-top:0;}
	.cbp-spmenu {background: #eeeeee;position: fixed;padding:0;margin:0 !important;overflow-x:hidden;overflow-y:visible;display:block;visibility:visible;}
	.cbp-spmenu-vertical {width: 260px;height: 100%;top: 0;z-index: 1000;}
	.cbp-spmenu-left {left: -260px;}
	.cbp-spmenu-left.cbp-spmenu-open {left: 0px;}
	.cbp-spmenu-push {overflow-x: hidden;position: relative;left: 0;}
	.cbp-spmenu-push-toright {left: 260px;}
	.cbp-spmenu,.cbp-spmenu-push {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
}

/*--- FOOTER ---*/
footer {background-color:#000000;color:#ffffff;}
.social {margin-right:5px;color:#000000;background-color:#ffffff;width:40px;height:40px;line-height:40px;vertical-align:middle;display:inline-block;text-align:center;font-size:24px;border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px}
.social:hover, .social:focus {background-color:#009492;color:#000000;} 

@media screen and (max-width:1199px) {
	.social {width:32px;height:32px;line-height:32px;font-size:20px;}
}

@media screen and (max-width:991px) {
	.social {width:24px;height:24px;line-height:24px;font-size:14px;margin-right:3px;}
}

@media screen and (max-width:768px) {
	.social {width:30px;height:30px;line-height:30px;font-size:16px;}
}

/*--- HOME ---*/
.home_box {padding:50px;background-color:#dddddd;text-align:center;color:#009492;}
.home_box:hover, .home_box:focus {background-color:#009492;color:#ffffff;}
.home_box_svg {fill:#009492;}
.home_box:hover .home_box_svg, .home_box:focus .home_box_svg {fill:#ffffff;}

@media screen and (max-width:991px) {
	.home_box {padding:30px;}
	.home_box svg {height:100px;}
}

/*--- DOCUMENTS ---*/
.icon {float:left;margin-right:20px;}
.pdf_icon {fill:#e6e6e5;}
.download:hover .pdf_icon, .download:focus .pdf_icon {fill:#009492}
.download:hover, .download:focus {color:#009492;}
.download, .download span {color:#000000;}

/*--- PROJECT ---*/
.about_caption {position:absolute;bottom:20px;left:20px;color:#ffffff;font-size:32px;line-height:34px;font-weight:400;}

@media screen and (max-width:767px) {
	.about_caption {font-size:13px;line-height:15px;left:5px;bottom:5px;}
}


.phase {padding:5px 10px;margin-bottom:10px;position:relative;}
.phase:hover, .phase:focus {cursor: pointer;}
.phase h3 {color:#ffffff;margin:0;}
.phase i {color:#ffffff;position:absolute;right:10px;top:5px;font-size:52px;}

.phase1 {background-color:#bae8e5}
.phase2 {background-color:#99d5d4}
.phase3 {background-color:#66bfbe}
.phase4 {background-color:#33aaa9}
.phase5 {background-color:#009492}
.phase6 {background-color:#00706e}

@media screen and (min-width:1200px) {
	.phase1 {margin-left:44px;margin-right:58px;}
	.phase2 {margin-left:44px;margin-right:860px;}
	.phase3 {margin-left:44px;margin-right:58px;}
	.phase4 {margin-left:446px;margin-right:236px;}
	.phase5 {margin-left:90px;margin-right:58px;}
	.phase6 {margin-left:310px;margin-right:58px;}

}

@media screen and (min-width:992px) and (max-width:1199px) {
	.phase h3 {font-size:20px;}
	.phase i {font-size:43px;}
	.phase1 {margin-left:37px;margin-right:48px;}
	.phase2 {margin-left:37px;margin-right:711px;}
	.phase3 {margin-left:37px;margin-right:48px;}
	.phase4 {margin-left:368px;margin-right:196px;}
	.phase5 {margin-left:74px;margin-right:48px;}
	.phase6 {margin-left:310px;margin-right:48px;}

}

.modal-backdrop {background-color:#ffffff;}
.modal-backdrop.in {opacity:0.9;filter: alpha(opacity=90);}
.modal-header {padding-bottom:0;border-bottom:none;}
.modal-body {padding-top:0;}
.modal-content {box-shadow:none;}
.modal-title {display:inline-block;text-align:center;font-weight:900;line-height:40px;margin:0;color:#ffffff;font-weight:900;padding:5px;width:50px;height:50px;border-radius:50px;-moz-border-radius:50px;-webkit-border-radius:50px;}

.project_table td {padding:7px;font-size:14px;}
.project_table td:first-child {padding-left:0}
.project_table td:last-child {padding-right:0;}