body{background-color:#030303;}

h1{font-family: 'Exo', sans-serif;  font-size:30px; text-transform: uppercase;}
h2{font-family: 'Exo', sans-serif;  font-size:22px; }
.button{ background-color:#cd0202; padding:10px 20px 10px 20px; font-family: 'Exo', sans-serif; font-size:16px; color:#ffffff; font-weight:700;transition: background-color 0.5s ease; text-transform: uppercase; border:none; }
.button:hover{background-color:#c2bbc1; color:#cd0202;  text-decoration:none; }
.button:focus{background-color:#c2bbc1; color:#cd0202;  text-decoration:none; border:none; }
.clear{clear:both;}
.alert { margin:20px;}
.success{background-color:#1faa6e;}
.attention{background-color:#ffa63d;}
.error{background-color:#d56f6f;}
.linkHolder{min-height:50px;}
.grayBg{background-color:rgba(3,3,3,0.7);}
a{color:#cd0202;transition: color 0.5s ease;}
a:hover{color:#ffffff; text-decoration:none;}

.menuHolder{ width:85%; background-color: #c2bbc1; height: 100px; float:right;}
.menuHolder nav{float:left; margin-left:240px; margin-top:35px;}
.menuHolder nav li{float:left; margin-right:20px; }
.menuHolder nav li a{font-size:16px;  color:#000000;font-family: 'Exo', sans-serif; transition: 0.5s ease; font-weight: 700; text-transform: uppercase; }
.menuHolder nav li a:hover{color:#cd0202; text-decoration:none;}
.menuHolder .button{ float:right; margin-right:20px; margin-top:25px; }
.menuStart{ float:right; border-bottom: 100px solid #c2bbc1;border-left: 50px solid transparent;border-right: 0px solid transparent}
.logoHolder{position:absolute; margin-top:10px;}
.logoHolder a{color:#ffffff;}
.logoHolder a:hover{color:#ffffff; text-decoration: none;}
.logoHolder .text{ background-color:#cd0202; float:left; height:80px; color:#ffffff; font-family: 'Exo', sans-serif; font-weight: 700; font-size:30px; text-transform: uppercase; padding-left:20px; padding-top:20px; padding-right:20px;}
.logoHolder .end{  border-top: 80px solid #cd0202; border-right: 50px solid transparent; border-left: 0px solid transparent; float:left;}
.logoHolder .reg{font-weight:normal; font-size:14px;}

.mainDiv{background:url(../img/background.png); background-size:auto;background-repeat:no-repeat;background-position: top center;min-height:400px;}
.footer{background-color:#cd0202 ; margin-top:100px;font-family: 'Exo', sans-serif; padding:10px 20px 10px 20px; color:#c2bbc1}
.footer a{color:#ffffff;}
.footer a:hover{color:#000000;}

.aboutBox{ padding-top:500px;clear:both;}
.aboutBox .content{float:right; width:80%; background-color:rgba(255,255,255,0.2);  height:200px; text-align:right; color:#cdcdcd;  padding:30px 30px 30px 120px; font-family: 'Exo', sans-serif; }
.aboutBox .contentEnd{float:right; border-bottom: 200px solid rgba(255,255,255,0.2);border-left: 100px solid transparent;border-right: 0px solid transparent }
.aboutBox .title{position:absolute; margin-top:10px; }
.aboutBox .title .text{ color:#cd0202; background-color:#c2bbc1; float:left; height:80px; font-family: 'Exo', sans-serif; font-weight: 700; font-size:30px; text-transform: uppercase; padding-left:20px; padding-top:20px; padding-right:20px;}
.aboutBox .title .end{  border-top: 80px solid #c2bbc1; border-right: 50px solid transparent; border-left: 0px solid transparent; float:left;}

.blogBox{ padding-top:60px;clear:both;}
.blogBox .content{float:right; width:80%; background-color:rgba(255,255,255,0.2);  height:200px; text-align:right; color:#cdcdcd;  padding:30px 30px 30px 120px; font-family: 'Exo', sans-serif; }
.blogBox .contentEnd{float:right; border-bottom: 200px solid rgba(255,255,255,0.2);border-left: 100px solid transparent;border-right: 0px solid transparent }
.blogBox .title{position:absolute; margin-top:10px; }
.blogBox .title .text{ color:#cd0202; background-color:#c2bbc1; float:left; height:80px; font-family: 'Exo', sans-serif; font-weight: 700; font-size:30px; text-transform: uppercase; padding-left:20px; padding-top:20px; padding-right:20px;}
.blogBox .title .end{  border-top: 80px solid #c2bbc1; border-right: 50px solid transparent; border-left: 0px solid transparent; float:left;}

.loginBox{ padding-top:60px;clear:both;}
.loginBox .content{float:right; width:80%; background-color:rgba(255,255,255,0.2);  height:200px; text-align:right; color:#ffffff; padding:15px 30px 30px 200px; font-family: 'Exo', sans-serif; }
.loginBox .contentEnd{float:right; border-bottom: 200px solid rgba(255,255,255,0.2);border-left: 100px solid transparent;border-right: 0px solid transparent }
.loginBox .title{position:absolute; margin-top:10px; }
.loginBox .title .text{ color:#ffffff; background-color:#cd0202; float:left; height:80px; font-family: 'Exo', sans-serif; font-weight: 700; font-size:30px; text-transform: uppercase; padding-left:20px; padding-top:20px; padding-right:20px;}
.loginBox .title .end{  border-top: 80px solid #cd0202; border-right: 50px solid transparent; border-left: 0px solid transparent; float:left;}
.loginBox .textfield{width:100%; background-color:#ffffff; border:1px solid #ffffff; padding:15px; margin-bottom:10px; color:#7f8c8d;}
.loginBox .alert { margin:0px;}


.regHolder{clear:both; padding-top:40px; text-align:center;color:#ffffff;font-family: 'Exo', sans-serif;}
.regHolder h2{color:#ffffff;}
.regHolder p{color:#cdcdcd;}
.regHolder .button{font-size:30px;  padding:10px 100px 10px 100px; }

.contentHolder{background-color:rgba(3,3,3,0.7); color:#cdcdcd; padding:30px;font-size:16px; letter-spacing: 1px; line-height: 22px; min-height: 500px;}
.contentHolder .pretext{font-weight:bold; margin-bottom:20px;font-family: 'Exo', sans-serif;}
.profileHolder{background-color:rgba(3,3,3,0.7); color:#cdcdcd; padding:30px;font-size:16px; letter-spacing: 1px; line-height: 22px;}

.form-field{clear:both;}
.form-field label{float:left; width:30%;font-family: 'Exo', sans-serif; padding-top:10px;}
.form-field input{float:left; width:70%; background-color:#ffffff; border:1px solid #ffffff; padding:15px; margin-bottom:10px; color:#7f8c8d;}
.form-field select{float:left; width:70%; background-color:#ffffff; border:1px solid #ffffff; padding:15px; margin-bottom:10px; color:#7f8c8d;}
.form-field textarea{float:left; height:300px; width:70%; background-color:#ffffff; border:1px solid #ffffff; padding:15px; margin-bottom:10px; color:#7f8c8d;}
.error-message{ position:relative; margin-bottom:10px; font-size:14px; color:red; clear:both; float:right;}
.form-field .error{background-color:red; color:#ffffff;}
.date-field select{width:20%; margin-right:5px;}
.checkbox input{ width:30px; margin-top:13px;}
.checkbox label{ width:70%;}
.checkbox .error-message{position: absolute;  top: 41px;}

.questions .item{border-bottom:1px solid #5b4b4b; padding-bottom:20px; margin-bottom:30px;}
.leftimg{position:fixed; bottom:0px; left:0px; z-index: 1000; width: 17%;}
.rightimg{position:fixed; bottom:0px; right:0px;z-index: 1000; width: 17%;}

.blogcontent, .blogparent{
	background-color: rgba(3,3,3,0.7); 
}

.blogsparent, .archiveparent, .blogparent{
	padding-top: 60px;
	padding-left: 0px;
}
.archiveparent{
    padding-left:50px;
}

.blogparent .footernews{
	padding-bottom: 20px;
}

.archiveparent{
	margin-top: 20px;
}

.textinside{
	color: rgb(205, 205, 205);
	display: inline;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
}

.textinside h1{
	font-family: Exo, sans-serif;
	font-size: 30px;
	font-weight: 500;
	font-style: normal;
	margin-bottom: 40px;
}	

.blogcontent .text p, .footernews .text p{
	font-weight: normal;
	font-style: normal;
}

.footernews{
	border-bottom:1px solid #e0001c;
	min-height: 100px;
	margin-bottom: 50px;
	position: relative;
}

.footernews .text .blogtitleparent{
	color: #000000;
    background-color: rgb(194, 187, 193);
    float: left;
    height: 55px;
    font-family: 'Exo', sans-serif;
    font-weight: 700;
    font-size: 30px;
    text-transform: uppercase;
    padding-left: 20px;
    padding-top: 0px;
    padding-right: 20px;
	margin-top: 40px;
}

.footernews .text .blogtitleparent h3, .archiveparent h3{
	font-size: 16px;
    color: #000000;
    font-family: 'Exo', sans-serif;
    transition: 0.5s ease;
    font-weight: 700;
    text-transform: uppercase;
	font-style: normal;
    display:inline-block
}
.footernews .text .blogtitleparent .date{
    display: inline-block;
    margin-top:10px;
    font-size:12px;
    border-right:3px solid #000000;
    padding-right:15px;
    margin-bottom:10px;
}
.footernews .text .blogtitleparent .date .day{
    font-size:20px;
    display:block;
    margin-bottom:-5px;
}
.mainimg{
    float:left;
    margin-right:15px;
    margin-bottom:15px;
}

.archiveparent h3{
	color: rgb(205, 205, 205);
}

.archiveparent ul li, .archiveparent ul li a{
	font-size: 16px;
	color: #cd0202;
}

.footernews .text .end{
	margin-top: 40px;
	border-top: 55px solid rgb(194, 187, 193);
    border-right: 25px solid transparent;
    border-left: 0px solid transparent;
    float: left;
}


.blogpretext{
	margin-top: 100px;
}

.blogpretext p{
	margin-bottom: 30px;
}

.blogpretext .button{
	float: right;
    margin-top: -21px;
}

.blogpretext .button:hover{
	color: #cd0202;
}
.writer{
    margin-top:30px;
    font-size:14px;
    font-weight:normal;
    margin-bottom: -30px;
}

.blogtext{
	margin-top: 50px;
}

.blogtext p{
	margin-top: 30px;
	margin-bottom: 0;
}
.mainBlogDate{
    float:right;
    padding: 10px 20px;
    border:1px solid #ffffff; 
    margin-left:20px;
}
.mainBlogDate .day{
    font-size:30px;
    display:block;
}

.mainBlogDate{
    
}

.mainBlogBody{
    float:right;
    
}
.mainBlogTitle{
    margin-top: 5px;
}
.mainBlogTitle a{
    color:#ffffff;
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 960px) {
    .fixedWidth{width:960px; margin-left:auto; margin-right:auto;}    
}
@media (max-width: 768px) {
}

iframe{background-color:white!important;}
