/* ===================================================================================================== */
/* 01. Global Content Styles                                                                             */
/* ===================================================================================================== */


html,
body { font-family: 'Open Sans', sans-serif; height: 100%; width: 100%; font-weight: 400; font-size: 16px; line-height: 24px; color: #fff; background: #000; }
/* Link Styling */


a,
a:hover,
a:active,
a:visited,
a:link { outline: none; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; text-decoration: none; }
/* Headings */


h1,
h2,
h3,
h4,
h5,
h6 { margin: 0; padding: 0; font-style: normal; }
p { margin: 0 0 0 0; padding: 0 0 0 0; font-family: 'Open Sans', sans-serif;  font-size: 16px; line-height: 1.2;  }
ul,
ul li { list-style: none; }
ol { list-style: outside none decimal; }
input,
select,
label,
textarea input[type="radio"],
input[type="checkbox"],
button { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; box-shadow: none; outline: none; color: #666; }
.center { margin: 0 auto; display: block; }
.container { margin: 0 auto; width: 100%; max-width: 990px; height: auto; display: block; }
.container:before,
.container:after { display: table; content: " "; }
.container:after { clear: both; }
 body::-webkit-scrollbar {
 width:6px;
}
body::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
 border-radius: 5px;
}
body::-webkit-scrollbar-thumb {
 border-radius: 5px;
 -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
}
/* ===================================================================================================== */
/* Content Styles                                                                             */
/* ===================================================================================================== */
.main-bg-wrapper{
    width: 100%;
    height: 100%;
    padding:0;
    display: table;
    position: absolute;
    background: url("../img/main-bg.jpg") no-repeat fixed;
    background-size: cover;
}
.main-bg-wrapper .content-area {
    position: relative;
    vertical-align: top;
    z-index: 1;
    display: table-cell;
}
.boxed-wrapper{ padding: 0 30px; background:rgba(52,18,52,0.7); background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%, rgba(26,9,26,0.8) 58%, rgba(52,18,52,0.9) 100%); }
 .top-logo-sec{padding: 45px 0; text-align: center;}
 .text-area{text-align: center; max-width: 620px; margin: 0 auto;}
 .text-area p{text-transform: uppercase; padding: 0 0 20px; line-height: 20px; font-weight: 300; color: #fff;} 
 .text-area h2{font-size: 24px; font-weight: 400; line-height: 1.1;text-transform: uppercase;padding: 0 0 20px; }
 .form-area{background: #4c0145; margin: 0 auto; max-width: 490px; padding:30px;} 
  .form-area p{font-size: 12px; line-height: 18px; color: #fff; text-align: center;}
 .form-area .field-box{
    -moz-appearance: none;
    border: none;
    border-radius: 1px;
    color: #757575;
    height: 44px;
    line-height: 44px;
    margin: 0 0 10px;
    padding: 0 15px;
    width: 100%;
    background: #fff;
    font-style: italic;
    text-transform: uppercase;font-family: 'Open Sans', sans-serif;
}
.form-area textarea.field-box{height: auto;; min-height: 70px; line-height:1.2; padding: 15px;}
.radio-custom{display: block; margin: 0; padding: 10px 0; text-align: center;}  
.radio-custom li{max-width: 49%; width:auto;  display: inline-block; padding:0 30px;}

.radio-custom label {
    cursor: pointer;
    display: inline-block;
    padding-left: 5px;
    position: relative;
    font-style: italic;
    text-transform: uppercase;font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-weight: 300;
}
.radio-custom label::before {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 18px;
    left: -20px;
    margin-right: 10px;
    position: absolute;
    top: 3px;
    width: 18px;
}
.radio-custom input[type="radio"] {
    display: none;
}
.radio-custom input[type="radio"]:checked + span::before {
    background: #5c529a;
    border-radius: 50%;
    content: "";
    display: block;
    height: 8px;
    left: -15px;
    position: absolute;
    top: 8px;
    width: 8px;
}
 input[type="submit"] ,.subscribe-btn{-moz-appearance: none;
    background: #5c529a ;
    border: 2px solid #5c529a;
    border-radius: 2px;
    box-shadow: none;
    color: #ffffff;
    cursor: pointer;
    display: block;
    text-transform: uppercase;font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    height: 44px;
    line-height: 40px;
    margin: 0 auto 15px;
    outline: medium none;
    overflow: hidden;
    text-align: center;
    transition: all 0.5s ease 0s;
    width: 100%; padding: 0;}
input[type="submit"]:hover,.subscribe-btn:hover{background: #fff;transition: all 0.5s ease 0s; color: #5c529a ;border-radius: 2px;}
.footer-area{padding: 30px 0 100px;}
.footer-social-icon{display: block; text-align: center; margin: 0; padding: 0;}
.footer-social-icon li{width: auto; display: inline-block; padding:20px 10px;}
.footer-social-icon li img{max-width: 90%;}
/* ===================================================================================================== */
/* Media Query                                                                                       */
/* ===================================================================================================== */



 
@media (max-width: 991px) {

}




@media (max-width: 767px) {
	.top-logo-sec img{max-width: 230px;}
	.text-area p{font-size: 14px;} 
 	.text-area h2{font-size: 20px; }
 	.footer-social-icon li img{max-width: 70px;}
 	 .form-area{ padding:20px 10px;} 
 	 .form-area p{font-size: 10px; line-height: 16px; }
}


@media (max-width:640px) {
}


@media (max-width: 575px) {

}

@media (max-width: 480px) {

}
