@charset "utf-8";

/* general */
body {font-family: 'Open Sans',  sans-serif; font-size:16px; }
a, a:visited {color: #fff;}
a:hover {text-decoration:none; color: #de5f16;}
.title-white {/*font-weight:bold;*/ font-size:1.85em; color:#fff; text-transform:uppercase;}
.title-yellow {font-weight:bold; color:#ffae00;}
.white {color:#fff !important;}
.yellow {color:#ffae00;}
h1, h2, h3, h4 {font-family:'Open Sans', sans-serif;}
p {line-height:180%;}

.italic {font-style:italic;}

#wrap {background: #000; width: 100% !important; height: 100% !important;}

/* index */

hr { height: 0; border: solid #fff; border-width: 1px 0 0 0; margin: 15px 0;}
ul.circle-2 {margin-left:50px; color:#666;}


ul.circle li:before { color: #f7ad2f;}
.text-bold {font-weight:bold;}

.responsive-img { max-width: 100%; height: auto; }
.center {text-align: center !important;}

/*logo*/

#logo {padding:60px 0; color:#fff; margin: 0 auto; text-align: center;}
#logo img {text-align: center;}


/*slogan*/

#slogan {padding:60px 0; color:#fff !important; margin: 0 auto; text-align: center;}
#slogan h2 {color:#fff; text-transform: uppercase; font-size: 2.5em;}


/* Contact */
#contact {padding:60px 0; color:#fff;}
#contact a, a:visited { color: #fff; text-decoration: none; }
#contact a:hover, a:focus { text-decoration: none; outline: 0; color:#fccc1d; }
#contact-form {background:rgba(0,0,0,0.5); padding: 20px 35px; width: 70%; margin: 0 auto; }
#contact-form h2 {text-align: left; font-weight: normal; }
.title-text-contact {color:#fff; text-align: center; font-size: 1.3em; font-weight: bold;}
#contact-form input {margin-bottom:0px;}
#contact-form textarea { width:100%; min-height: 100px; overflow: auto; }
#contact-form input, textarea, select { display: block; background:rgba(255,255,255,0.25); max-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px 15px; border: none; color:#fff;}
#contact-form .button { text-align:center; padding:15px 35px; background:#fff; color:#fff; line-height: 5px !important; font-size:12px; font-weight:bold; text-shadow:none !important; border-radius:25px; }
#contact-form .button:hover { background-color:#c0c0c0 !important; color:#fff !important; text-shadow:none !important;}

#contact-form input#submit {font-size: 1.1em; color:#000 !important;}
#contact-form label.validation-error { color: #ffcc00;}


/*footer*/

#footer {margin-left: 0px; padding-top: 200px; padding-bottom: 20px; margin: 0 auto; text-align: center;}

#footer p {font-size:15px; text-align: center; text-transform: uppercase;}
#footer a {color:#fff;}
#footer a:hover {color:#ffcc00;}

#footer-white {background: #fff; padding: 250px 65px 100px 60px; text-align:right; color:#000;}
#footer-white hr { height: 0; border: solid #000; border-width: 1px 0 0 0; margin: 15px 0;}

.footer-black-bg {background: #000;}
.footer-black {background: #1d1d1d; padding: 80px 0; text-align:right; color:#FFF;}
.footer-gray {background: #303030; padding: 80px 0; text-align:right; color:#FFF;}
.footer-contact {background: #000; padding: 80px 65px 100px 60px; text-align:right; color:#FFF;}

#footer-full {width:100% !important; background:#1d1d1d !important;}
#footer-full p {font-size:15px;}
/*footer .footer-black, footer .footer-gray {width:25%; float:left;}*/
#footer-full a, a:visited {color: #fccc1d;}





/* Mobile Menu  */
#mobile-menu { background-color: rgba(0, 0, 0, 0.7); position:fixed; width:100%; }
#mobile-menu .mobile-menu-submenu-arrow:hover { background-color: #fccc1d; }
#mobile-menu li a:hover { background-color: rgba(252, 204, 29, 1); }
#mobile-menu li a {color: #fff !important;}
	
/* Mobile menu trigger  */
#mobile-menu-trigger { color: #fccc1d;}


@media only screen and (max-width: 768px) {
	.row { padding: 0; }
	
	.footer-black-bg {padding:15px 0;}
	
	#contact-form .button { padding: 15px;}
}

@media (min-width: 768px) and (max-width: 979px) {
	.row { padding: 0; }
	#contact-form .button { padding: 15px;}

}
@media (max-width: 767px) {
	.row .row, .row { padding: 0 20px 0 0; }
	.row .row-img { padding: 0 ; }
	#contact-form .button { padding: 15px;}
	#slogan img, #logo img {width:80% !important;}
}
	
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.row { padding: 0; }
	#contact-form .button { padding: 15px;}
	#slogan img, #logo img {width:80% !important;}


}
@media only screen and (min-width: 340px) and (max-width: 479px) {
	.row { padding: 0; }
	#contact-form .button { padding: 15px;}
	#slogan img, #logo img {width:80% !important;}


}