/* global */
html {position: relative;min-height: 100%;}
body {color: #000;font-size: 17px;line-height: 26px;font-family: 'Roboto', sans-serif;}
body a {color: #000;text-decoration: none;}
body a:hover {color: #c0f500;text-decoration: underline;}
body a:focus, body button:focus {outline: 0;}
.clear {clear: both;}
.btn, .form-control {border-radius: 0;color: #000;}
.btn-style {border-width: 2px;border-color: #000;font-size: 18px;padding: 10px 20px;color: #000;text-decoration: none;background: none;line-height: 26px;}
.btn-style .icon-right {display: inline-block;width: 10px;vertical-align: top;background: url(../img/icon-btn-right.png) 0 4px no-repeat;height: 26px;margin-left: 10px;}
.btn-white {border-color: #FFF;color: #FFF;}
.btn-white .icon-right {display: inline-block;width: 10px;vertical-align: top;background: url(../img/icon-btn-right.png) -12px 4px no-repeat;height: 26px;margin-left: 10px;}
.narrow {margin: 0 auto;max-width: 768px;}
.narrow--small {max-width: 450px;}
.hover-transition, .hover-transition:hover {transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);}
h2 {font-size: 25px;text-transform: uppercase;margin: 0 0 25px 0;}
.link-target {display: block;height: 1px;}
/* global */

/* fonts */
header .phone, header .nav li a, h2, h1 {font-family: 'Roboto', sans-serif;}
/* /fonts */

header {}
header img {margin: 15px 0 0 0;}
header .phone {font-size: 20px;margin: 70px 0 0 0;}
header .phone span {color: #000;font-size: 30px;}
header .phone strong {color: #000;font-size: 30px;}
header .navbar-toggle {font-size: 32px;color: #000;}

#menu {width: 100%;z-index: 999;top: 0;background: rgba(255,255,255,1);-webkit-transform: translateZ(0);-webkit-backface-visibility: hidden;}
#menu.affix {box-shadow: 0 0 0px #666;}
#menu img {height: 50px;float: left;display: none;margin: 3px 0 0 0;}
#menu.affix img {display: inline-block;}
#menu .nav {}
#menu .nav li {padding: 0px;}
#menu .nav li a {color: #000;font-size: 20px;text-decoration: none; border-radius: 0px 0px 0px 0px;}
#menu .nav li a:hover {background: #c0f500;color: #fff; transition: all 200ms;border-radius: 0px 0px 0px 0px;}

#main-carousel {background: #fff;position: relative;}
#main-carousel img {display: inline-block;}
#main-carousel .carousel-control {background: none;box-shadow: none;font-size: 78px;opacity: 1;line-height: 60px;top: 50%;margin: -30px 0 0 0;}
#main-carousel .carousel-control span {color: #fff;}

#references {background: url(../img/lake.jpg) #393939;padding: 40px 0 40px 0;color: #FFF;margin: 0 0 60px 0;}
#references {}
#references h1 {color: #000; margin-top: 0px;}
#references a {display: block;position: relative;margin-bottom: 10px; border: 1px solid #FFF}
#references a .hover {background: rgba(0,0,0,0.4);position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 1px solid #FFF;opacity: 0;visibility: none;transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);}
#references a:hover .hover {display: block;cursor: pointer;transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);opacity: 1;visibility: visible;margin: 5%;width: 90%;height: 85%;}
#references a .hover strong {display: block;position: absolute;top: 50%;margin-top: -15px;left: 0;width: 100%;text-transform: uppercase;text-align: center;}
#references a .hover strong span {display: inline-block;padding: 0 15px;line-height: 30px;font-size: 14px;background: #000;color: #FFF;}
#references img {padding: 0px; margin: 0px;}
#references .filter {float: right;list-style: none;margin: 0;padding: 0;}
#references .filter li {display: inline-block;padding: 0 15px 0 0;}
#references .filter li a {text-decoration: none;color: #FFF;transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);}
#references .filter li a.active {color: #FE2B00;}
#references .filter li a:hover {color: #FE2B00;transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);}


#section-grey {background: #cfecff;padding: 10px 0 40px 0;color: #000;margin: 0 0 60px 0;}

#contact {}
#contact h3 {font-size: 18px;font-weight: 700;margin: 0;line-height: 25px;}
#contact .phone-email {color: #FE2B00;font-size: 25px;}
#contact .phone-email strong {font-size: 18px;text-transform: uppercase;color: #666;font-weight: 300;display: block;margin: 30px 0 10px 0;}
#contact .phone-email a {color: #FE2B00;}

#main {padding: 40px 0 0px 0;}
#main .row-middle-hr {background: url(../img/dot-grey.png) center top repeat-y;}
#main .row-30 {margin-left: -30px;margin-right: -30px;}
#main .row-30 > div {padding-left: 30px;padding-right: 30px;}

footer {margin-top: 0px;padding: 15px;background: #EEE;font-size: 14px;color: #7A7A7A;}
footer a {color: #7A7A7A;}
footer p {margin: 0;}

.content {}
.content h1 {font-size: 36px;line-height: 60px;margin: 0 0 20px 0;color: #000;font-weight: 400;text-transform: uppercase;}
.content h2 {font-size: 21px;margin: 38px 0 10px 0;color: #000;font-weight: 700;}
.content h2.style-h2 {font-size: 23px;font-weight: 400;}
.content h3 {font-size: 18px;margin: 15px 0 15px 0;}
.content h4 {font-size: 16px;margin: 10px 0 10px 0;}
.content img {margin: 15px 0;max-width: 100%;}
.content img.no-margin {margin: 0;}
.content img.align-left {float: left;margin: 15px 20px 15px 0;}
.content img.align-right {float: right;margin: 15px 0 15px 20px;}
.content p {margin: 15px 0 15px 0;}
.content p.top {margin: 25px 0;font-size: 17px;line-height: 24px;}
.content table {border: 0;margin: 10px 0;border-collapse: collapse;max-width: 100%;}
.content table tr th {vertical-align: top;text-align: left;border: 0;padding: 4px 12px;border: 1px solid #DDD;font-size: 20px;background: #F1F1F1;color: #000;}
.content table tr td {border: 0;padding: 6px 10px;border: 1px solid #DDD;font-size: 20px;}
.content ul {list-style: square;padding: 0px;margin: 15px 0 15px 20px;	list-style-image: url(../img/categories-submenu-bullet.png);}
.content ul li {padding: 1px 0 1px 5px;}
.content ul li ul {margin: 5px 0 5px 20px;}
.content ol {list-style: decimal;padding: 0px;margin: 15px 0 15px 30px;}
.content ol li {padding: 1px 0 1px 25px;}
.content hr {border: 0;background: none;padding: 0;border-bottom: 1px solid #000;height: 1px;margin: 35px 0;}
.content hr.grey {border-color: #E8E8E8;}
.content small {font-size: 13px;}

.content-grey {background: #d8d8d8;}

/* reporting */
#message {background: #FFF;}
#message .fail {padding: 15px 20px;margin: 10px 0;background: #FFF;color: #EB1908;border: 1px solid #EB1908;}
#message .fail a {color: #EB1908;}
#message .success {padding: 15px 20px;margin: 10px 0;color: #FFF;background: #129844;background: linear-gradient(to right, #129844 0%, #006C2B 100%);}
#message .success a {color: #FFF;}
#message .info {border: 1px solid #F1F1F1;padding: 15px 20px;margin: 10px 0;color: #000;}
/* /reporting */

/* forms */
.form {color: #000;margin: 0 0 15px 0;}
.form .mandatory {color: #FE2B00;font-weight: 700;font-size: 17px;}
.form label {text-align: left;text-transform: none;color: #666;font-weight: normal;font-size: 15px;}
.form label.control-label {text-align: left;}
.form input.form-control {line-height: 40px;height: 40px;background: none;box-shadow: none;border-color: #E8E8E8;}
.form textarea.form-control {background: none;border-color: #E8E8E8;box-shadow: none;}
.form select.form-control {height: 40px;box-shadow: none;border-color: #E8E8E8;}
.form .form-control:focus {box-shadow: none;border-color: #000;}
.form .checkbox {/*min-height: 40px;margin-bottom: 15px;*/padding-top: 0;}
.form .checkbox label {font-size: 16px;line-height: 20px;}
.form .checkbox.switch {}
.form .checkbox.switch label {text-transform: uppercase;font-weight: 600;font-size: 14px;}
.form .has-feedback .form-control-feedback {height: 40px;line-height: 40px;}
.form .form-group {margin-bottom: 10px;}
.form .submit-wrap {margin-bottom: 0;margin-top: 20px;}
/*.form .submit-wrap p {margin: 0;height: 54px;vertical-align: middle;display: table-cell;}*/
.form small {color: #999;}

#form-contact {border-left: 1px solid #E8E8E8;padding-left: 40px;}

.form button.submit {font-weight: 400;font-size: 16px;padding: 15px 25px 12px 25px;line-height: 24px;border: 0;color: #000;background: #5f5f5f; transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);border-radius: 15px 15px 15px 15px;}
.form button.submit-red {background-color: #e50000;color: #FFF;}
.form button.submit-black {background-color: #5f5f5f;color: #FFF;}
.form button:hover {background: #e50000;transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);}

.form button.form-control {height: auto;}

@media (max-width: 992px) {
	#form-contact {padding-left: 0;padding-top: 50px;border: 0;}
	header img {max-width: 80%;}
}