body {
    font-family: 'Open Sans', sans-serif;
}
p {
    color: #3e3e3e;
    font-size: 18px;
    line-height: 24px;
}
i.phone_icon_small {
    background-image: url("../img/phone_icon_small.png");
    width: 13px;
    height: 17px;
    display: inline-block;
}
i.email_icon {
    background-image: url("../img/email_icon_small.png");
    width: 14px;
    height: 10px;
    display: inline-block;
}
h1 {
    color: #3e3e3e;
    font-size: 38px;
    text-align: center;
}
h4 {
    color: #3e3e3e;
    font-size: 22px;
}
.left_alg {
    text-align: left;
}
.normal_transf {
    text-transform: initial !important;
}
.right_alg {
    text-align: right;
}
.yellow_btn {
    background-color: #ffc000;
    color: #000;
    border: none;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    padding-bottom: 12px;
    padding-top: 12px;
    transition: all 0.3s ease 0s;
}
.yellow_btn:hover {
    background-color: #ffae00;
}
/*HEADER*/
.header {
    background-color: #000;
    border-bottom: 2px solid #ffc000;
    padding-top: 10px;
    padding-bottom: 10px;
}
span.logo_text {
    color: #fff;
    font-size: 24px;
    font-style: italic;
    font-weight: bold;
    margin-left: 20px;
    margin-top: 25px;
}
.header a.logo, .header span.logo_text {
    display: inline-block;
}
i.phone_icon {
    background-image: url(../img/phone_icon.png);
    width: 21px;
    height: 29px;
    display: inline-block;
    margin-top: -4px;
    margin-right: 10px;
}
.phone_number {
    margin-top: 23px;
}
.phone_number p {
    display: inline-block;
    color: #ffc000;
    font-size: 24px;
    font-weight: bold;
}
/*END OF HEADER*/


/*SLIDER TEXT*/
.bx-viewport:before {
    position: absolute;;
    width: 100%;
    height: 100%;
    display: block;
    background-color: transparent;
    z-index: 2;
    content: "";
    background-image: url("../img/slider_foreground.png");
}
.maintext, .seconnd_text {
    background-image: url(../img/text_transparent_bg_black.png);
    height: 60px;
    position: relative;
    z-index: 4;
}
.maintext {
    margin-bottom: -60px;
}
.seconnd_text {
    margin-top: -60px;
    position: relative;
    z-index: 4;
}
b.yellow {
    color: #ffc000;
}
.uppercase {
    text-transform: uppercase;
}
.maintext h1 {
    font-size: 22px;
    color: #fff;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.75);
}
.seconnd_text h2 {
    font-size: 20px;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.75);
    color: #fff;
    text-align: center;
}
/*END OF SLIDER TEXT*/

/*PLAYER*/
.player_wrapper {
    background-color: #000;
    padding-top: 30px;
    padding-bottom: 20px;
    border-top: 2px solid #ffc000;
}
.player_wrapper .jp-title b {
    color: #a1a9ac;
    font-size: 24px;
}
/*END OF PLAYER*/


/*FORM WRAPPER*/
.form_wrapper .container .span8 p {
    margin-bottom: 0;
}
.form_wrapper h3 {
    font-size: 28px;
}
.form_wrapper {
    padding-top: 30px;
}
.form_wrapper .container {
    border-bottom: 4px solid #ffc000;
    padding-bottom: 20px;
}
.register_form {
    margin-top: 20px;
}
.register_form input {
    color: #999999;
    font-size: 18px;
    font-weight: bold;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: 2px solid #b8b8b8;
    line-height: 24px;
    height: 44px;
}
/*END OF FORM WRAPPER*/

/*DESCRIPTION*/
.description {
    padding-top: 30px;
}
.description h1 {
    margin-bottom: 30px;
}
.description p {
    text-align: left;
}
.description .container {
    border-bottom: 4px solid #ffc000;
    padding-bottom: 20px;
}
/*END OF DESCRIPTION*/


/*WHY US*/
.why_us .container {
    border-bottom: 4px solid #ffc000;
    padding-bottom: 20px;
}
.why_us .span4 {
    text-align: center;
}
.why_us {
    padding-top: 30px;
}
.why_us h1 {
    margin-bottom: 20px;
}
/*END OF WHY US*/

/*VIDEO*/
.video {
    padding-top: 30px;
}
.video h1 {
    margin-bottom: 30px;
}
.video .container {
    border-bottom: 4px solid #ffc000;
    padding-bottom: 20px;
}
/*END OF VIDEO*/

/*TRIGGERS*/
.triggers {
    padding-top: 30px;
}
.triggers .container > .row-fluid {
    margin-bottom: 50px;
}
.triggers .row-fluid > .span2 {
    margin-top: 20px;
}
/*END OF TRIGGERS*/

/*SOCIAL ICONS*/
.social_icons a {
    margin-right: 10px;
    display: inline-block
}
.social_icons a:last-child {
    margin-right: 0;
}
.social_icons i {
    margin-top: 6px;
    width: 32px;
    height: 32px;
    display: inline-block;
    background-image: url("../img/sprite.png");
}
i.vk {

}
i.vk:hover {
    background-position: 0 -32px;
}
i.youtube {
    background-position: -32px 0;
}
i.youtube:hover {
    background-position: -32px -32px;
}
i.tw {
    background-position: -64px 0;
}
i.tw:hover {
    background-position: -64px -32px;
}
i.fb {
    background-position: -96px 0;
}
i.fb:hover {
    background-position: -96px -32px;
}
i.odn {
    background-position: -128px 0;
}
i.odn:hover {
    background-position: -128px -32px;
}
i.insta {
    background-position: -160px 0;
}
i.insta:hover {
    background-position: -160px -32px;
}
i.m1 {
    background-position: -192px 0;
}
i.m1:hover {
    background-position: -192px -32px;
}
i.itunes {
    background-position: -224px 0;
}
i.itunes:hover {
    background-position: -224px -32px;
}
i.sound_cloud {
    background-position: -256px 0;
}
i.sound_cloud:hover {
    background-position: -256px -32px;
}
/*END OF SOCIAL ICONS*/

/*FOOTER*/
.footer {
    margin-top: 40px;
}
.footer .first_section {
    background-color: #1c1c1c;
    padding-bottom: 10px;
    border-bottom: 4px solid #000;
    border-top: 2px solid #ffc000;
}
.first_section h2 {
    color: #fff;
    font-size: 24px;
}
.first_section ul {
    margin: 0;
}
.first_section ul li {
    color: #fff;
    list-style-type: none;
}
.first_section ul li h4 {
    display: inline-block;
    color: #fff;
    font-size: 18px;
}
.first_section ul li p {
    display: inline-block;
    color: #ffc000;
}
.first_section ul li .phone_icon_small {
    margin-bottom: -2px;
    margin-right: 5px;
    margin-left: 10px;
}
.first_section ul li a.email {
    font-size: 18px;
    margin-left: 10px;
}
.first_section h2 {
    color: #ffc000;
}
.second_section {
    border-top: 1px solid #2c2c2c;
    background-color: #0d0d0d;
    padding-top: 10px;
    padding-bottom: 10px;
}
.second_section p {
    color: #fff;
    margin-top: 20px;
}
/*END OF FOOTER*/

/*modal*/


.modal_footer .span7 p { 
    text-align: left; 
    margin-bottom: 0; 
    margin-top: 10px; 
} 
.modal_wrap { 
    z-index: 10001; 
    opacity: 0; 
    visibility: hidden; 
    position: fixed; 
    top: 0; 
    right: 0; 
    bottom: 0; 
    left: 0; 
    text-align: left; 
    background: rgba(0,0,0, .9); 
    transition: opacity .4s ease; 
} 

.modal__bg { 
    position: absolute; 
    top: 0; 
    right: 0; 
    bottom: 0; 
    left: 0; 
    cursor: pointer; 
} 

.modal-state { 
    display: none; 
} 

.modal-state:checked + .modal_wrap { 
    opacity: 1; 
    visibility: visible; 
} 

#successMessage, #errorMessage{ 
    display: none; 
} 

.modal-state:checked + .modal_wrap .modal__inner { 
    top: 0; 
    background-color: #fff; 
    border: 5px solid #ebebeb; 
} 
.modal__inner h2 { 
    color: #ffc000; 
    margin-bottom: 20px; 
} 
.modal__inner p { 
    color: #2e2e2e; 
    font-size: 21px; 
    font-weight: bold; 
    line-height: 26px; 
    text-align: center; 

} 
.modal__inner p b { 
    color: #e05b4a; 
} 

.modal__inner { 
    transition: top .25s ease; 
    position: absolute; 
    top: -20%; 
    right: 0; 
    bottom: 0; 
    left: 0; 
    width: 600px; 
    margin: auto; 
    overflow: auto; 
    background: #fff; 
    border-radius: 5px; 
    padding: 1em 2em; 
    height: 410px; 
} 

.modal__close { 
    position: absolute; 
    right: 1em; 
    top: 1em; 
    width: 1.1em; 
    height: 1.1em; 
    cursor: pointer; 
} 
.modal__inner form .control-group .controls input { 
    font-size: 24px; 
    height: 44px; 
    line-height: 29px; 
} 
.modal__inner label.error { 
    margin-top: 0; 
    margin-bottom: 0px; 
} 
.modal__inner form { 
    margin-top: 30px; 
} 
.modal__inner form textarea { 
    font-size: 24px; 
    padding: 10px; 
    color: #878787; 
} 

.modal__close:after, 
.modal__close:before { 

} 

.modal__close 
{ 
    width: 16px; 
    height: 16px; 
    display: inline-block; 
    opacity: 0.5; 
} 
.modal__close:hover { 
    opacity: 1; 
} 



/*RESPONSIVE*/
@media (min-width: 1200px) {
    .video980 {
        display: none;
    }
    .video768 {
        display: none;
    }
}
@media (min-width: 980px) and (max-width: 1199px) {
    .phone_number p {
        font-size: 20px;
    }
    .maintext h1 {
        font-size: 19px;
    }
    .seconnd_text h2 {
        font-size: 18px;
    }
    .player_wrapper .jp-title b {
        font-size: 20px;
    }
    .video_1200 {
        display: none;
    }
    .video768 {
        display: none;
    }
}
@media (min-width: 768px) and (max-width: 979px) {
    span.logo_text {
        font-size: 16px;
    }
    .phone_number p {
        font-size: 18px;
    }
    .phone_number i {
        display: none;
    }
    .maintext {
        margin-bottom: 0;
        height: 100px;
        background-color: #000;
    }
    .seconnd_text {
        margin-top: 0;
        background-color: #000;
        height: 100px;
    }
    .main-slider .bx-wrapper .bx-pager, .main-slider .bx-wrapper .bx-controls-auto {
        bottom: -10px;
    }
    .progress_wrapper {
        padding-left: 40px;
    }
    .volume_control_wrapper a.jp-mute, .volume_control_wrapper a.jp-unmute {
        margin-left: 0 !important;
    }
    .player_wrapper .jp-title b {
        font-size: 16px;
    }
    .video_1200 {
        display: none;
    }
    .video980 {
        display: none;
    }
}
@media (max-width: 767px) {
    body {
        padding: 0;
    }
    .container {
        padding-left: 20px;
        padding-right: 20px;
    }
    .video980, .video_1200 {
        display: none
    }
    .video768 iframe {
        margin: 0 auto;
        display: block;
    }
    .header a.logo {
        margin: 0 auto;
        display: block;
        width: 100%;
        text-align: center;
    }
    .header span.logo_text {
        text-align: center;
    }
    .phone_number {
        text-align: center;
    }
    .phone_number p {
        float: none;
    }
    .phone_number i {
        display: none;
    }
    .maintext {
        height: auto;
        margin-bottom: 0;
        background-color: #000;
    }
    .seconnd_text {
        height: auto;
        margin-top: 0;
        background-color: #000;
    }
    .bx-viewport .slide img {
        margin-left: -100px;
        margin-right: -100px;
    }
    .slider_wrapper {
        display: none;
    }
    .jp-title {
        text-align: center;
    }
    .play_btn_wrapper {
        text-align: center;
        margin-top: 20px;
    }
    .player_wrapper {
        display: none;
    }
}

@media (max-width: 480px) {

}