/*-------------------PROMO-----------------------*/

.promo_section {
    padding  :50px 0;
    position :relative;
}
.promo_section .row {
    position :static;
}
.p-section1, .p-section4 {
    height :580px;
}
.time {
    background     :#00A2FF;
    border-radius  :25px;
    color          :#FFF;
    font-size      :16px;
    line-height    :30px;
    padding        :8px 22px;
    text-align     :center;
    text-transform :uppercase;
    position       :absolute;
    left           :60px;
    top            :60px;
    z-index        :200;
}
.time:after {
    content       :'';
    display       :inline-block;
    width         :12px;
    height        :12px;
    border-radius :6px;
    background    :#00A2FF;
    position      :absolute;
    left          :-25px;
    top           :50%;
    margin-top    :-6px;
}
.promo_section:after {
    background :#00A2FF;
    content    :'';
    display    :block;
    position   :absolute;
    left       :40px;
    top        :0px;
    width      :2px;
    bottom     :0px;
}
.promo_section.p-section1:after, .promo_section.p-section11:after {
    top :82px
}

.promo_section.p-section9:after, .promo_section.p-section10:after {
    display :none;
}
.p-content {
    margin-left   :100px;
    font-size     :16px;
    line-height   :23px;
    margin-top    :60px;
    text-align    :center;
    margin-bottom :20px;
}
.p-section1 .p-content {
    padding       :25px;
    background    :#FFF;
    border-radius :5px;

}
.p-section4 .p-content {
    margin-top   :0;
    margin-left  :0;
    margin-right :100px;
}
.p-section8 .p-content {
    margin :0;
}
.browser {
    border-radius      :5px;
    overflow           :hidden;
    -webkit-box-shadow :0 0 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow         :0 0 10px 0 rgba(0, 0, 0, 0.1);
    margin-bottom      :40px;
}
.b-body {
    background :#FFF;
    /*min-height:400px;*/
    padding-top: 15px;
    padding-bottom: 15px;
}
.b-header {
    background :#5B6775;

    padding    :10px;
    overflow   :hidden;
}
.b-header i {
    float         :left;
    margin-right  :8px;
    border-radius :50%;
    background    :#79899C;
    width         :12px;
    height        :12px;
}
.b-form {
    padding:15px;
}
input[type="checkbox"], input[type="radio"] {
    vertical-align: middle;
}
.b-form input[type="text"], .b-form textarea, .b-form select, .b-form .uneditable-input {
    display: inline-block;
    padding: 4px;
    font-size: 13px;
    line-height: 18px;
    color: #555555;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width :100%;
}
.b-form label {
    display:block;
    margin-bottom:3px;
}
.b-form hr {
    margin:15px 0;
}
.bf-well {
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    padding:15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom:5px;
}

.bf-levels input[type="text"] {
    width :50px;
}
.bf-levels label {
    display:inline;
    margin-right:5px;
}
.p-right {
    margin-right :40px;
}
.p-section1 .browser {
    position :absolute;
    right    :40px;
    bottom   :-60px;
}

.round_img, .round_img img {
    border-radius :50%;
    display       :inline-block;

}
.round_img {
    background    :#FFF;
    margin-bottom :20px;
    padding       :5px;
    border        :1px solid #B1BAC7;
}

.gmail_table {
    background         :#FFF;
    width              :100%;
    border-top         :1px solid #E1E8EB;
    margin-bottom      :40px;
    -webkit-box-shadow :0 0 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow         :0 0 10px 0 rgba(0, 0, 0, 0.1);
}
.gmail_table td {
    padding       :10px;
    border-bottom :1px solid #E1E8EB;
    border-right  :1px solid #E1E8EB;;
    border-left   :1px solid #E1E8EB;;
}
.p-gmail_ico {
    margin-right :10px;
}
.right_content {
    padding-top :15px;
}

.ps4_table {
    position :absolute;
    bottom   :40px;
    left     :100px;
    right    :100px;

}
.ps4_table .gmail_table {
    margin :0;
}

.ps8_and {
    position       :absolute;
    font-size      :36px;
    font-weight    :bold;
    left           :0;
    right          :0;
    top            :180px;
    text-align     :center;
    text-transform :uppercase;
    color          :#00A2FF;
}
.p-section8 {
    
    border-bottom :1px solid #E1E8EB;
}
.promo_section.p-section8:after, .promo_section.p-section13:after {
    bottom :inherit;
    height :80px;
}
.tab-nav {
    font-size  :0px;
    text-align :center;
}
.tab-nav span {
    display     :block;
   
}
.tab-nav img {
    margin-bottom :5px;

}
.tab-nav a {
    font-size             :16px;
    margin                :0 5px;
    margin-bottom         :10px;

    padding               :10px 20px;
    display               :inline-block;
    border                :3px solid #FFF;
    -webkit-border-radius :4px;
    -moz-border-radius    :4px;
    border-radius         :4px;
    text-align            :center;
    background            :#FFF;
    color                 :#525252;
    text-decoration       :none;
    -webkit-box-shadow    :0 0 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow            :0 0 10px 0 rgba(0, 0, 0, 0.1);
}
.tab-nav a:hover, .tab-nav a.active {
    border-color :#00A2FF;
    color        :#00A2FF;
}
.tab-pane.row {
    display:block;
}
.tab-pane.row {
    display :none;

}

.tab-pane {
	display:none;
}
.tab-pane:first-child {
    display :block;
}

.tab-content {
    margin-top  :20px;
    font-size   :16px;
    line-height :23px;
}
.p-section9 .p-content , .p-section10 .p-content {
    margin-left :0;
    margin-top  :0px;
}
.p-section10 {
    padding-top:10px;
}
.tab-right_text {
    padding-top :20px;
    text-align  :center;
}
.tab-right_text p {
    margin-bottom :1.4em;
}
.form_tabs {
    font-size:13px;
    margin-top:0;
}
.right_content h3:before {
    content:"— ";
}

.col_1_3, .col_1_2 {
    float:left;
    width:30%;
    margin-left:5%;
}
.col_1_2 {
    width :47%;
    margin-left:6%;
}
.col_1_3:first-child, .col_1_2:first-child {
    margin-left:0;
}
.row_col {
    overflow:hidden;
}
@media (min-width: 1200px) {
    
}
@media (max-width :1000px) and (min-width :768px) {
    .p-section1 .grid_5 {
        width :480px;
    }
    
}
@media (max-width :768px) {
    .promo_section:after {
        display :none;
    }
    .p-content {
        margin-left :0px;
        margin-top  :0;

    }
    .p-right {
        margin :0;
    }
    .p-section1 .browser {
        right         :0px;
        bottom        :0;
        position      :static;
        margin-bottom :0;
    }
    .time {
        left :0px;
    }
    .time:after {
        display :none;
    }
    .ps4_table {
        position :static;
        left     :0;
        right    :0;
        bottom   :0;

    }
    .p-section4 .p-content {

        margin-right :0px;
    }
    .promo_section {
        background :transparent !important;
        padding    :30px 0;
    }
    .p-section1, .p-section4 {
        height :auto;
    }
    .time {
        position      :static;
        margin-bottom :15px;
    }
    .ps8_and {
        position :static;
        margin   :15px 0;
    }

    .col_1_2 {
        width:100%;
        margin:0;
        margin-bottom:10px;
    }

}