@import url(http://fonts.googleapis.com/css?family=Open+Sans:800&subset=latin,cyrillic);

@font-face {
    font-family: 'aa_bebas_neueregular';
    src: url('../fonts/aa-bebasneue-webfont.eot');
    src: url('../fonts/aa-bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aa-bebasneue-webfont.woff') format('woff'),
         url('../fonts/aa-bebasneue-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/opensans-light_0-webfont.eot');
    src: url('../fonts/opensans-light_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-light_0-webfont.woff') format('woff'),
         url('../fonts/opensans-light_0-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular_0-webfont.eot');
    src: url('../fonts/opensans-regular_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular_0-webfont.woff') format('woff'),
         url('../fonts/opensans-regular_0-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/opensans-semibold_0-webfont.eot');
    src: url('../fonts/opensans-semibold_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-semibold_0-webfont.woff') format('woff'),
         url('../fonts/opensans-semibold_0-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotobold';
    src: url('../fonts/roboto-bold-webfont.eot');
    src: url('../fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-bold-webfont.woff') format('woff'),
         url('../fonts/roboto-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotolight';
    src: url('../fonts/roboto-light-webfont.eot');
    src: url('../fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-light-webfont.woff') format('woff'),
         url('../fonts/roboto-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotothin';
    src: url('../fonts/roboto-thin-webfont.eot');
    src: url('../fonts/roboto-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-thin-webfont.woff') format('woff'),
         url('../fonts/roboto-thin-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


body {
font-family: open_sanslight;
font-size: 14px;
color: #000000;

}


#wrapper {
    position: relative;
    max-width: 1366px;
    margin: 0 auto;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
}

/*Typo*/

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
font-family: 'aa_bebas_neueregular';
}

.first h1, .h1 {
font-size: 102px;
color: #fff;
margin-bottom: 0px;
}

h2, .h2 {
font-size: 36px;
}

.third h2, .h2 {
font-size: 40px;
margin-top: 0px;
}

.four h2, .h2 {
font-size: 90px;
margin-bottom: 80px;
}

.five h2, .h2 {
font-size: 90px;
}

.tab_result {
font-family: 'robotolight';
font-size: 30px;
text-transform: uppercase;
color: #fff;
}

.tab_head h2, .h2 {
font-family: 'robotobold';
font-size: 40px;
}

.tab_head p{
font-family: 'robotobold';
font-size: 20px;
color: #fff;
}

.tab_content h4, .h4{
font-family: 'open_sansregular';
font-weight: bold;
font-size: 22px;
color: #fff;
}

.six_h2_big{
font-size: 90px;
margin-top: 40px;
}

.six_h2_under{
font-size: 30px;
}

.unical_block  h4, .h4{
font-size: 24px;
font-family: 'open_sansregular';
font-weight: bold;
}

.big_lead {
 font-family: 'robotobold';
 font-size: 48px; 
}

.five_head {
font-family: 'robotobold';
font-size: 18px;
margin: 0 0 0px;
}

.five_ul{
font-family: 'Open Sans', sans-serif;
font-weight: 800;
list-style: none;
padding-left: 10px;
font-size: 20px;
margin: 0 0 0px;
text-transform: uppercase;
}

.five_under_ul {
font-family: 'Open Sans', sans-serif;
font-weight: 800;
font-size: 30px;
text-transform: uppercase;
padding-left: 10px;
margin-top: 40px;
}

.result_number {
font-size: 90px;
color: #ffde00;
font-family: 'Open Sans', sans-serif;
font-weight: 800;
margin: 0 0 0px;
line-height: 80px;
}

.result_number_signature {
font-size: 18px;
color: #ffde00;
font-family: 'Open Sans', sans-serif;
font-weight: 800;
}

.five_ul li{
padding-top: 20px;
}
.yellow {
color: #ffde00;
}

.black_text {
color: #fff;
background: #000;
padding: 5px;
}

.five_span {
font-family: 'robotobold';
font-size: 60px;
line-height: 40px;
}

.five_text_clearfix {
height: 40px;
}

.five_lite_head {
font-family: 'robotothin';
font-size: 30px;
margin: 0 0 0px;
}

.five_bold_span{
font-family: 'open_sansregular';
font-size: 18px;
font-weight: bold;
}

.tab_ul {
font-family: 'open_sansregular';
font-size: 13px;
font-weight: bold;
}

.tab_ul li{
text-transform: uppercase;
color: #fff;
padding-top: 5px;
padding-bottom: 5px;
}

.up_font{
font-size: 60px;
}

.user_name {
font-family: 'robotothin';
font-size: 15px;
margin: 0 0 0px;
}

.lead {
font-family: 'robotothin';
font-size: 30px;
letter-spacing: 11px;
}

.btn {
font-family: 'robotothin';
font-size: 40px;
padding: 10px 26px;
color: #ffde00;
background-color: transparent;
border: 3px solid #ffde00;
margin-bottom: 30px;
margin-top: 30px;
}

.btn:hover {
font-family: 'robotothin';
font-size: 40px;
padding: 10px 26px;
color: #ffde00;
background-color: transparent;
border: 3px solid #ffde00;
}

.pointer {
top: 0;
margin-top: 60px;
position: absolute;
background: url('../img/pointer.png') center center no-repeat;
width: 70px;
height: 70px;
}

.btn-black {
font-family: 'robotothin';
font-size: 40px;
padding: 10px 26px;
color: #000000;
background-color: transparent;
border: 3px solid #000000;
margin-bottom: 30px;
margin-top: 30px;
}

.btn-black:hover {
font-family: 'robotothin';
font-size: 40px;
padding: 10px 26px;
color: #000000;
background-color: transparent;
border: 3px solid #000000;
margin-bottom: 30px;
margin-top: 30px;
}


/*Nav*/

.nav {
 font-family: 'robotolight';
font-size: 18px;
}

.navbar-nav>li>a {
color: #000000;
border-bottom:  1px dotted #000000;
padding-bottom: 5px;
margin-left: 10px;
margin-right: 10px;
}

.nav>li>a {
position: relative;
display: block;
padding: 10px 10px;
}	

.nav>li>a:hover {
background: transparent;
}

.muted {
color: #b2b2b2;
}

/*Sections*/

.navigation {
position: fixed;
background: url('../img/main_bg.jpg');
z-index: 9999;
width: 100%;
padding: 5px;
top: 0;
left: 0;
}

.first {
background:  #ffa100 url('../img/main_bg.jpg') center center no-repeat;
background-size: cover;
padding-top: 170px;
min-height: 750px;
}	

.mac {
left: 0;
position: absolute;
background: url('../img/mac_bg.png') no-repeat;
height: 400px;
width: 600px;
}

.hand {
right: 0;
margin-top: 900px;
position: absolute;
background: url('../img/hand_bg.png') no-repeat;
height: 600px;
width: 350px;
}

.second {
padding-top: 100px;
background-color: #ffffff;
min-height: 620px;
}	

.second_down {
padding-top: 140px;
}

.third {
padding-top: 80px;
background-color: #29243c;
background:  url('../img/blue_bg.jpg');
min-height: 1400px;
}

.four {
padding-top: 80px;
min-height: 740px;
}

.button_block {
background-color: #ffde00;
min-height: 130px;
}

.five {
padding-top: 80px;
background-color: #ffffff;
min-height: 1500px;
}

.tab_head {
background-color: #ffde00;
min-height: 100px; 	
}


.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
color: #a9a9a9;
background-color: #fff;
border: 0px solid #ddd;
border-bottom-color: transparent;
cursor: default;
text-decoration: none;
}


.nav-tabs>li.active:after {
top: 0;
content: " ";
display: table;
margin-top: 5px;
position: absolute;
background: url('../img/pointer_2.png') center center no-repeat;
width: 70px;
height: 70px;
}

.nav-tabs>li>a {
margin-right: 2px;
line-height: 1.42857143;
border: 0px solid transparent;
border-radius: 4px 4px 0 0;
text-decoration: underline;
}

.nav-tabs a {
color: #000000;
 font-family: 'robotobold';
}

.nav-tabs  {
margin-top: 20px;
margin-bottom: 20px;
border-bottom: 0px solid #ddd;
}

.tab-pane {
min-height: 600px;
background:  url('../img/sexy_bg.jpg') center center no-repeat;
background-size: cover;
}

.triggers {
padding-top: 60px;
min-height: 350px;
}

.well {
margin-top: 20px;
margin-bottom: 40px;
background-color: #FFFFFF;
border: 0px solid #e3e3e3;
border-width: 0 0 4px 0;
border-color: #000000;
}

.well_blue {
background-color: #c7f3fb;
}





.questions_left:after {	
margin-left: 0px;
margin-top: 17px;
border: solid transparent;
content: " ";
position: absolute;
pointer-events: none;
}

.questions_left:after {
border-left: 1px solid transparent;
border-right: 30px solid transparent;
border-top: 20px solid #fff;
}


.questions_right:after {	
margin-right: 0px;
margin-top: 17px;
border: solid transparent;
content: " ";
position: absolute;
pointer-events: none;
}

.questions_right:after {
border-left: 30px solid transparent;
border-right: 1px solid transparent;
border-top: 20px solid #fff;
}


.tab_ul {
list-style: none;
}

.tab_ul li span {
background:  url('../img/bullet_bg.png') center center no-repeat;
height: 20px;
width: 20px;
display: inline-block;
float: left;
margin-right: 10px;
}

.iconed_ul  li span {
width: 60px;
height: 60px;
display: inline-block;
float: left;
margin-right: 10px;
margin-top: -10px;
}

.iconed_ul  li  {
height: 80px;
}

.iconed_ul   {
list-style: none;
}

.icon_01 {
background: url(../img/icons/01.png) no-repeat center;
}
.icon_02 {
background: url(../img/icons/02.png) no-repeat center;
}

.icon_03 {
background: url(../img/icons/03.png) no-repeat center;
}

.icon_04 {
background: url(../img/icons/04.png) no-repeat center;
}

.icon_05 {
background: url(../img/icons/05.png) no-repeat center;
}

.icon_06 {
background: url(../img/icons/06.png) no-repeat center;
}

.icon_07 {
background: url(../img/icons/07.png) no-repeat center;
}

.icon_08 {
background: url(../img/icons/08.png) no-repeat center;
}

.icon_09 {
background: url(../img/icons/09.png) no-repeat center;
}

.icon_10 {
background: url(../img/icons/10.png) no-repeat center;
}

.icon_11 {
background: url(../img/icons/11.png) no-repeat center;
}
.icon_12 {
background: url(../img/icons/12.png) no-repeat center;
}


#prices {
background: #ffde00;
border-bottom: 5px solid #AA960F;
border-radius: 5px;
margin: 0 auto;

box-shadow: 0px 0px 20px rgba(0,0,0,.6);

}

#prices table td {
padding: 30px;
  border-right: 1px dashed #DABF0E;
}

#names {
     font-family: 'robotobold';
    font-size: 18px;
  
     border-bottom: 1px dashed #DABF0E;
}

.content-td {
         font-family: 'aa-bebasneue-webfont','aa_bebas_neueregular',Arial;
    font-size: 17px;
   
    border-bottom: 1px dashed #DABF0E;
}

.ok {
    font-family: 'robotobold';
    font-size: 18px;
    text-align: center; 

}

#whites {
    padding: 30px;
    background: #fff;
}

.lefttd {
    background: #FFCC00;
    padding: 20px;
}
.yellows {
    background: #ffde00;
}
.ceni {
    font-size: 22px; 
}

iframe {
    display: block;
    padding-bottom: 20px;
}

.orangelight {
    color: #ffc000;
}

.headsing {
    background: #fff;
    border-radius: 5px;
    padding: 10px;
    font-family: 'aa_bebas_neueregular','aa-bebasneue-webfont',Arial;
    font-size: 30px;
    width: 200px;
    margin: 0 auto;
}

#about {
    text-align: center;
    background: #f5f5f5;
        position: relative; 
               font-family: 'pf_beausans_proregular',Arial;
}

#about p {
border-left: 3px solid #ccc;
padding-left: 20px;
text-align: left;
}



.about-span {
    font-family: 'open_sansregular',Arial;
    display: block;
    background: #fafafa;
    border-bottom: 3px solid #ccc;
    padding: 10px;
    margin-right: 30px;
    border-radius: 5px;
}

.p2{
    display: block;
    text-align: center;
font-size: 54px;
z-index: 77;
position: relative;
}

.green {
  background: #adff00;
}

.big {
  font-size: 40px;
  font-family: 'pf_beausans_proregular',Arial;
}

.form-block {

  padding: 10px;
}

.form-back {
  width: 70%;
  margin: 0 auto;
  text-align: left;
  padding: 20px;
background: #fafafa;
border-radius: 5px;
box-shadow: 0px 3px 0px rgba(0,0,0,0.2);
}

.grey-back {
  background: #ebebeb;
}

.x-25 {
font-weight: bold;
font-size: 36px;
text-align: center;
}