@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0;}
body{ 
  margin:0; padding:0; font-family: 'Roboto Condensed', sans-serif;
background: url(../images/main_bg.jpg) no-repeat center center fixed ; height:100%; width:100%; display:block; overflow:hidden; position:fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

}
h1, h2, h3, h4, h5, h6{ margin:0px; padding:0;font-family: 'Roboto Condensed', sans-serif;}
li{ list-style: none;}
p{ margin:0; padding:0; font-weight:normal;}
a, img{  border:none; height:auto; max-width:100%;}
a, a:link, a:visited{ outline:none; text-decoration:none; transition:0.5s all; -webkit-transition:0.5s all; -moz-transition:0.5s all; -o-transition:0.5s all;	-ms-transition:0.5s all;}


.brex_wrapper{
  position:absolute; width: 1200px; text-align: center;
  top:40%;
  left:50%;
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
} 
.brex_leftpanel h1{
	 font-size: 36px; color: #fff; font-weight: 300; margin-bottom: 20px;
}
.brex_leftpanel h2{
	 font-size: 37px; color: #fff; font-weight: 700; text-transform: uppercase; letter-spacing: 2px;
}
.brex_leftpanel h2 span{
	 font-size: 37px; color: #ff8b32;
}
.brex_footer{
	position: absolute; bottom: 50px; left: 0; right: 0; margin: 0 auto; width: 800px; text-align: center; 
}
.brex_footerlink{
	 text-align: center;
}
.brex_footerlink ul{
	margin: 0px; padding: 0px;
}
.brex_footerlink ul li{
	display: inline-block; vertical-align: top; margin-bottom:10px; /*background: url(../images/separetor.png) no-repeat;*/
}
.brex_footerlink ul li{
	font-size: 20px; color: #fff; font-weight: 300; text-transform: uppercase; letter-spacing: 3px;
}
.brex_footerlink ul li a{
	font-size: 20px; color: #fff; font-weight: 300; text-transform: uppercase; letter-spacing: 3px;
}
.brex_footerlink ul li a:hover{
	color: #ff8b32;
}
.brex_footerlink ul li a:hover span{
	color: #fff !important;
}
.logo {
	padding-bottom: 60px;
}
.brex_footerlink a span {
	padding: 0 16px 0 16px;
}
.brex_footerlink ul li span {
	padding: 0 16px 0 16px;
}

@media screen and (max-width: 1200px) {
.brex_wrapper {width: 100%;	padding: 0 3%;}
}

@media screen and (max-width: 1199px) {
.brex_leftpanel h1 {font-size: 32px; margin-bottom: 15px;}
.brex_leftpanel h2 {font-size: 30px;}
.brex_leftpanel h2 span{font-size: 30px;}
}

@media screen and (max-width: 1024px) {
.brex_leftpanel h1 {font-size: 27px;}
.brex_leftpanel h2 {font-size: 27px;}
.brex_leftpanel h2 span{font-size: 27px;}
}

@media screen and (max-width: 991px) {
body{background: url(../images/mobile_bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}

.brex_wrapper {text-align: center;}
.brex_leftpanel h1 {font-size: 30px;}
.brex_leftpanel h2 {font-size: 30px;}
.brex_leftpanel h2 span{font-size: 30px;}
.logo {padding-bottom: 30px;}
}

@media screen and (max-width: 736px) {
.brex_footer {width: 100%;padding: 0 3%;}
.brex_wrapper {top: 28%;}
.brex_footer {bottom: 30px;}
.brex_leftpanel h1 {font-size: 23px;}
.brex_leftpanel h2 {font-size: 23px;}
.brex_leftpanel h2 span{font-size: 23px;}
.brex_footerlink a span {padding: 0 6px 0 6px;}
.brex_footerlink ul li span {padding: 0 6px 0 6px;}
.brex_footerlink ul li, .brex_footerlink ul li a {font-size: 15px;letter-spacing: 2px;}

}
@media screen and (max-width: 650px) {
.brex_footerlink ul li, .brex_footerlink ul li a {font-size: 17px;}
.brex_leftpanel h1 {font-size: 23px;}
.brex_leftpanel h2 {font-size: 23px;}
.brex_leftpanel h2 span{font-size: 23px;}	
}	

@media screen and (max-width: 568px) {
.brex_wrapper {top: 28%;}
.brex_footer {bottom: 30px;}
.brex_leftpanel h1 {font-size: 18px;}
.brex_leftpanel h2 {font-size: 18px;}
.brex_leftpanel h2 span{font-size: 18px;}
.brex_footerlink ul li, .brex_footerlink ul li a {font-size: 15px;letter-spacing: 2px;}

}

@media screen and (max-width: 480px) {
.brex_wrapper {top: 28%;}
.brex_footer {bottom: 30px;}
.brex_leftpanel h1 {font-size: 18px;}
.brex_leftpanel h2 {font-size: 18px;}
.brex_leftpanel h2 span{font-size: 18px;}
}

@media screen and (max-width: 375px) {
.brex_wrapper {top: 18%;}
}

@media screen and (max-width: 320px) {
.brex_wrapper {top: 25%;}
.brex_footer {bottom: 40px;}
}