/*
 Theme Name:   Twenty Sixteen Child
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Twenty Fifteen Child Theme
 Author:       John Doe
 Author URI:   http://example.com
 Template:     twentysixteen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-sixteen-child
*/

@font-face {
    font-family: NettoWebBold;
    src: url(fonts/NettoWebW03-Bold.ttf);
}
#fullpage{
width:100%!important;
min-height:100vh;
overflow:hidden;
position:relative;
display:block;
}
.section-container{

    padding:2% 6%;
 
}
.section-container li{
    z-index:100;
}
.section-container label{
    z-index:100;
}

#message {
position:absolute;
top:-100%;
color:#fff;
background-color:#000;
opacity:0.5;
z-index:100;
padding:2%;
border-radius:20px;
margin-left: 15%;
width: 70%;
text-align:center;
}


.hidden-email{
    position:absolute;
    left:9000px;
}

h1, h2, h3, h4 {

    font-family: NettoWebBold;

}



.gfield_label {
    font-size: 1.8vw;
    margin-top: 0 !important;
    font-weight: normal !important;

}

.gform_wrapper h1, .gform_wrapper h2, .gform_wrapper h3{
    margin:0px;

}

body{
overflow: auto;
background-color:#24C0F1;
font-size:1.1vw;

}
.animate-ball{
    position:absolute;
    overflow: hidden;
    width:10px;
    height:10px;
    border-radius:50%;
    opacity:0.8;
}


.gform_wrapper .gfield_html.gfield_no_follows_desc{
    margin-top: 0px!important;
}
footer{
    display:none!important;
}
.site-main{
margin-bottom:0px!important;
}
#main {
    margin-bottom: 0px!important;
}
.gform_footer {
    display:none;
}

li.question h2{
    position: relative;
    font-size:3vw;
    padding-left: 50px; 
    line-height: 1.1em; 
}


li.question.question_1 h2:after {
   background: rgba(0, 0, 0, 0) url("images/q1.png") no-repeat scroll 0 0 / 7%;
    content: "";
    display: inline-block;
        height: 250%;
    left: -5%;
    position: absolute;
    width: 100%;
    top:10%;
}
li.question.question_2 h2:after {
   background: rgba(0, 0, 0, 0) url("images/q2.png") no-repeat scroll 0 0 / 7%;
    content: "";
    display: inline-block;
    height: 250%;
    left: -5%;
    position: absolute;
    width: 100%;
    top:10%;
}
li.question.question_3 h2:after {
   background: rgba(0, 0, 0, 0) url("images/q3.png") no-repeat scroll 0 0 / 7%;
    content: "";
    display: inline-block;
    height: 250%;
    left: -5%;
    position: absolute;
    width: 100%;
    top:10%;
}
li.question.question_4 h2:after {
   background: rgba(0, 0, 0, 0) url("images/q4.png") no-repeat scroll 0 0 / 7%;
    content: "";
    display: inline-block;
    height: 250%;
    left: -5%;
    position: absolute;
    width: 100%;
    top:10%;
}
li.question.question_5 h2:after {
   background: rgba(0, 0, 0, 0) url("images/q5.png") no-repeat scroll 0 0 / 7%;
    content: "";
    display: inline-block;
    height: 250%;
    left: -5%;
    position: absolute;
    width: 100%;
    top:10%;
}


.next{
position:absolute;
left:4%;
width:100%;
bottom:0px;
}
.next img {
    width:15%;
    cursor:pointer;
}

.entry-content{
margin-top:0px!important;
}

body:not(.custom-background-image)::before, body:not(.custom-background-image)::after{
height:0px;
}


/* radio fields */
.gfield_radio label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 66px!important;
    margin-right: 15px;
    font-size: 18px;
    line-height:2rem!important;
    font-size:1.5em;

}


.gfield_checkbox label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 66px!important;
    margin-right: 15px;
    font-size: 18px;
    line-height:2rem!important;
    font-size:1.5em;
}

li.list-left ul li{
    float:left;
}

li.list-50 {
    clear: none !important;
    float: left;
    width: 40%;
}


.gfield_radio label:before {
    content: "";
    display: inline-block;
    width: 28px;
    height: 28px;
    margin-right: 14px;
    position: absolute;
    left: 15px;
     top: 4px;
    background-color: #fff;
    border-radius: 17px;
    border:3px solid #666;
  /*  box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);*/
}


input[type=radio] {
    display: none;
}

.slide_2 input[type=radio]:checked + label:before {
    color: #000;
    content: url("images/check-q1.png");
    line-height: 0 !important;
    padding: 3.5px 2px !important;
    text-align: center;
}

.slide_3 input[type=radio]:checked + label:before {
    color: #000;
    content: url("images/check-q2.png");
    line-height: 0 !important;
    padding: 3.5px 2px !important;
    text-align: center;
}

.slide_3 input[type=checkbox]:checked + label:before {
    color: #000;
    content: url("images/check-q2.png");
    line-height: 0 !important;
    padding: 3.5px 2px !important;
    text-align: center;
}

.slide_4 input[type=radio]:checked + label:before {
    color: #000;
    content: url("images/check-q3.png");
    line-height: 0 !important;
    padding: 3.5px 2px !important;
    text-align: center;
}

.slide_5 input[type=radio]:checked + label:before {
    color: #000;
    content: url("images/check-q4.png");
    line-height: 0 !important;
    padding: 3.5px 2px !important;
    text-align: center;
}

.slide_5 input[type=checkbox]:checked + label:before {
    color: #000;
    content: url("images/check-q4.png");
    line-height: 0 !important;
    padding: 3.5px 2px !important;
    text-align: center;
}

.slide_6 input[type=radio]:checked + label:before {
    color: #000;
    content: url("images/check-q5.png");
    line-height: 0 !important;
    padding: 3.5px 2px !important;
    text-align: center;
}

/* end radio fields */

.gfield_checkbox label:before {
       content: "";
    display: inline-block;
    width: 28px;
    height: 28px;
    margin-right: 14px;
    position: absolute;
    left: 15px;
     top: 4px;
    background-color: #fff;
    border-radius: 17px;
    border:3px solid #666;
}
.gfield_checkbox label:after{
}


input[type=checkbox] {
    display: none;
}




/* end check fields */

#page{
margin:0px
}

.site-inner{
    max-width:100%;
}

#fullpage .section {
    width:100%;
    position:relative;
    display:block;
}

#gform_wrapper_2{
margin:0px!important;
padding:0px!important;
width:100%!important;
}

.gform_wrapper{
max-width:100%!important;
}

.entry-content{
padding:0px;
margin:0px
}

/* slide 1 ------------------------------------ */

#fullpage .section.slide_1{
    background-color:#24C0F1;
    min-height:100vh;
    display: block;
    position:absolute;
    top:0px;
    width:100%;
    background-image: url("images/1_back_womanwatch.jpg");
    background-repeat: no-repeat;
    background-position: top left;
    background-size: cover;   
    width:100%!important;

}

.ball-1{
    left:-10%;
    top:40%;
    background-color:#4A99CC;
    z-index:8;
}
.slide_1 .next{
    z-index:200;
    bottom:0px;
}

.title-info {
    position: absolute;
    right: 4%;
    text-align: right;
    top: 2%;
}
.title-info h1 {
    color: #fff;
    font-size: 4vw;
}
.title-info h2 {
    color: #ffff00;
    font-size: 3.6vw;
}
.intro-text {
    bottom: 14%;
    color: #fff;
    left: 4%;
    max-width: 40%;
    position: absolute;
}
.intro-text h3 {
    font-size: 2.5vw;
    padding-bottom: 2%;
}
.intro-text ul{

    left:20px;
    position:relative;
}
.intro-text li {
    font-size: 1.6vw;
    line-height: 1.1em;
    margin-bottom:1%!important;
    }

.top-circle-sl1{
background-color: #0071bc;
    border-radius: 50%;
    bottom: 70%;
    left: 10%;
    opacity: 0.66;
    padding-top: 120%;
    position: absolute;
    width: 120%;
}
.bottom-circle-sl1{

    background-color: #24c0f1;
    border-radius: 50%;
    left: -45%;
    opacity: 0.87;
    padding-top: 140%;
    position: absolute;
    top: 58%;
    width: 140%;
}
img.logo-full{
position:absolute;
bottom:0;
right:0;
z-index:5;
width:27%;
}
img.big-watch{
position:absolute;
bottom:0;
right:0;
height:80%;
width: auto;
z-index:3;

}



/* slide 2 ---------------------------------------------*/
#fullpage .section.slide_2{
    background-color:#CEDE00;
    z-index:9;
    position:absolute;
    top:4000px;
    overflow:hidden;
    min-height:100vh;
    background-image: url("images/2_back_crowd.jpg");
    background-repeat: no-repeat;
    background-position: top right;
    background-size: cover;  
    width:100%!important;
}

li.question.question_1 h2{
    padding-top:1%;
    z-index: 12;    
    top: 0;
}

li#field_2_2 {
        margin-left:50px!important;
}

.slide_1 .next{
    z-index:203;
    bottom:0px;
}

.ball-2{
    left:30%;
    top:-10%;
    background-color:#E2EC69;
    z-index:130!important;
}
.left-circle-sl2{
background-color: #CEDE00;
    border-radius: 50%;
    top:-40%;
    left: -50%;
    opacity: 1;
    padding-top: 100%;
    position: absolute;
    width: 100%;
    z-index:10;
}
.right-circle-sl2{

    background-color: #fff;
    border-radius: 50%;
    right: -10%;
    opacity: 0.41;
    padding-top: 70%;
    position: absolute;
    top: -30%;
    width: 70%;
    z-index:11;
}


.waking{
    margin-top:9%;
    z-index:12;
    position:relative;
    float:left;
    width:43%;
    padding:0 50px 0px 0px;
    border-right:2px solid rgba(0,0,0,.3);
}
.where{
    clear: none !important;
    float: left;
    margin-top: 9%;
    padding: 0 0 0 40px;
    position: relative;
    width:50%;
    z-index: 12;
}
.where .gfield_label {
    padding-bottom: 34px;
}
.slide_2 .next{
    z-index:201;
    
}

/* Section 3 -----------------------------*/

#fullpage .section.slide_3{
    background-color:#E07D05;
    z-index:12;
    position:absolute;
    top:4000px;
    min-height:100vh;
    overflow:hidden;
    background-size: auto 100%; 
    width:100%!important;

}
li.question.question_2 h2{
    z-index: 20; 
    max-width: 100%;
    padding-right: 30%;
    z-index: 20;
    padding-top:1%;
    top: 0;
}


li#field_2_18, li#field_2_37, li#field_2_19{
    margin-left:50px!important;
    padding:10px 0px;
}
.ball-3{
    left:-10%;
    top:-50%;
    background-color:#E17E05;
    z-index:130!important;
}
.left-circle-sl3{
    background-color: #FF9E19;
    border-radius: 50%;
    left: -30%;
    opacity: .9;
    padding-top: 90%;
    position: absolute;
    top: -45%;
    width: 90%;
    z-index:18;
}

img.right-people-sl3{
    right: 0;
    opacity: 0.9;
    position: absolute;
    top: 0; 
    height:100%;
    z-index:19;
}

.bottom-circle-sl3{
    background-color: #fff;
    border-radius: 50%;
    left: 10%;
    opacity: 0.43;
    padding-top: 110%;
    position: absolute;
    top: 55%;
    width: 110%;
    z-index:20;
}

img.corner-sl3{
    position:absolute;
    bottom:0;
    right:0;
    z-index:21;
}
.number{
    margin-top:2%;
    z-index:22;
    position:relative;
    float:left;
    width:50%;
    padding:0px 0px 10px 0px;
    border-bottom:2px solid rgba(0,0,0,.3);
}
.number li{
margin-right:3%!important;
    }
.number .gfield_radio label{
 padding-left: 46px !important;
 margin-left:0px!important;
}
.number .gfield_radio label::before{
left:0px;
}
.number .gfield_radio label::after{
background:none;
}
.aware{
    width:55%;
    z-index:22;
    position:relative;
    float:left;
    width:50%;
    padding:20px 50px 140px 0px!important;
}

.aware .gfield_radio label{
 padding-left: 46px!important;
 padding-right:20px!important;
}
.you-buy{
    width:55%;
    z-index:22;
    position:relative;
    float:left;
    width:50%;
    padding:0 50px 10px 0px;
    border-bottom:2px solid rgba(0,0,0,.3);
}

.you-buy ul li{
    min-width:260px;
}

.slide_3 .next{
    z-index:202;   
}


/* slide 4 -------------------------------------*/

#fullpage .section.slide_4{
    background-color:#FC4237;
    z-index:18;
    position:absolute;
    top:4000px;
    min-height:100vh;
    overflow:hidden;
    background-image: url("images/4-people-mobile.jpg");
    background-repeat: no-repeat;
    background-position: top right;
    background-size: auto 100%;   
    width:100%!important;
}

li.question.question_3 h2{
    z-index: 19; 
    max-width: 100%;
    padding-right: 30%;
    z-index: 20;
    padding-top:1%;
    top: 0;
}

.ball-4{
    left:-10%;
    top:70%;
    background-color:#E93830;
    z-index:130!important;
}
.slide_4 .next{
    z-index:203;
   
}

li#field_2_21, li#field_2_22, li#field_2_25{
    margin-left:50px!important;
}
.benefit{
    margin-top:3%;
    z-index:21;
    position:relative;
    float:left;
    width:75%;
    padding:0px 0px 0px 0px;
   
}
.benefit .gfield_label {
    padding-bottom: 5px;
}
.benefit ul li label {
    padding-left: 50px !important;
    padding-right: 40px !important;
}

.cloud ul li label {
    padding-left: 50px !important;
    padding-right: 40px !important;
}

.cloud{
   margin-top:1%;
    z-index:21;
    position:relative;
    float:left;
    width:55%;
    padding:1% 0;
    border-bottom:2px solid rgba(0,0,0,.3);
    border-top:2px solid rgba(0,0,0,.3);
}
ul#input_2_25 li label {
    padding-left: 14% !important;
    font-size:1.6vw!important;
}
ul#input_2_39 li label {
    padding-left: 14% !important;
    font-size:1.6vw!important;
}
ul#input_2_38 li label {
    padding-left: 14% !important;
    font-size:1.6vw!important;
}
li#field_2_24{
    clear: both!important;
    float: left;
    padding-bottom: 1%;
    padding-left: 50px;
    padding-top: 1%;
    position: relative;
    z-index: 21;
}

li#field_2_24 h3{
    font-size:1.8vw!important;
    font-weight:normal!important;
    font-family: "ff-netto-web",sans-serif;
}

ul#input_2_25 li {
    margin-bottom:1%!important;
}

ul#input_2_39 li {
    margin-bottom:1%!important;
}
ul#input_2_38 li {
    margin-bottom:1%!important;
}

ul#input_2_39{
    margin-right:10%!important;
    border-right:2px solid rgba(0,0,0,.3);
}
ul#input_2_25{
    margin-right:10%!important;
    border-right:2px solid rgba(0,0,0,.3);

}

li.smartphone{

    width:20%!important;
    float:left!important;
    clear:both!important;
    padding-bottom:5.5%!important;
}

li.tablet{

    width:20%!important;
    float:left!important;
}

li#field_2_25 label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 36px!important;
    margin-right: 0px;
    font-size: 18px;
    line-height:2rem!important;
    font-size:1.5em;
}


/* slide 5 --------------------------------*/


#fullpage .section.slide_5{
    background-color:#B70F8B;
    z-index:21;
    position:absolute;
    top:4000px;
    overflow:hidden;
    width:100%!important;
    min-height:100vh;
}
img.girl-beach-sl5{    
    left: 0;
    opacity: 0.9;
    position: absolute;
    bottom: 0; 
    max-height:70%;
    z-index:23;
}

.left-circle-sl5{
    background-color: #E51A94;
    border-radius: 50%;
    left: -30%;
    opacity: 1;
    padding-top: 100%;
    position: absolute;
    top: -50%;
    width: 100%;
    z-index: 22;
}

.right-circle-sl5 {
    background-color: #fff;
    border-radius: 50%;
    bottom: -45%;
    opacity: 0.33;
    padding-top: 40%;
    position: absolute;
    right: -10%;
    width: 40%;
    z-index: 22;
}

li.question.question_4 h2{
    z-index: 30!important; 
    max-width: 100%;
    padding-right: 30%;

    padding-top:1%;  
    top: 0;
}

.ball-5{
    left:90%;
    top:110%;
    background-color:#CF5EB1;
    z-index:130!important;
}

li#field_2_40, li#field_2_41{
margin-left:40%!important;
}
.best{
    margin-top:3%;
    z-index:23;
    position:relative;
    float:left;
    width:60%;
    padding:0px 0px 30px 0px;
    border-bottom:2px solid rgba(0,0,0,.3);
}


.worst{
    z-index:23;
    position:relative;
    float:left;
    width:60%;
    padding:30px 0px 100px 0px;
}


.slide_5 .next{
    z-index:204;
   
}

/* ---------------- slide 6 --------------------*/

#fullpage .section.slide_6{
    background-color:#24C0F1;
    z-index:26;
    position:absolute;
    top:4000px;
    overflow:hidden;
    width:100%!important;
    min-height:100vh;
}

li.question.question_5 h2{ 
    max-width: 100%;
    padding-right: 30%;
    z-index: 29;
    padding-top:1%;
    top: 0;
}

.right-circle-sl6{
    background-color: #fff;
    border-radius: 50%;
    bottom: -45%;
    opacity: 0.43;
    padding-top: 40%;
    position: absolute;
    right: -10%;
    width: 40%;
    z-index: 28;
}

.left-circle-sl6{
    background-color: #159DF1;
    border-radius: 50%;
    bottom:52%;
    opacity: 0.76;
    padding-top: 80%;
    position: absolute;
    left: -20%;
    width: 80%;
    z-index: 28;
}

img.city-sl6{
    left: 0;
    opacity: .8;
    position: absolute;
    bottom: 0; 
    width:100%;
    z-index:27;
}

img.woman-sl6{
    right: 0;
    opacity: .9;
    position: absolute;
    top:0; 
    height:100%;
    z-index:27;

}
.learn{
    margin-top:3%;
    z-index:28;
    position:relative;
    float:left;
    width:66%;
    padding:0px 0px 15px 0px;
    border-bottom:2px solid rgba(0,0,0,.3);
}
.teach{
    z-index:28;
    position:relative;
    float:left;
    width:66%;
    padding:15px 0px 15px 0px;
    border-bottom:2px solid rgba(0,0,0,.3);
}

.remote{
    z-index:28;
    position:relative;
    float:left;
    width:66%;
    padding:15px 0px 15px 0px;
    border-bottom:2px solid rgba(0,0,0,.3);
}

.alone{
    z-index:28;
    position:relative;
    float:left;
    width:66%;
    padding:15px 0px 15px 0px;
    padding-bottom:6%!important;
}

li#field_2_30, li#field_2_31, li#field_2_32, li#field_2_42{
        margin-left:50px!important;
}
.slide_6 ul li ul li{
    width:30%;
}

.slide_6 ul li ul li:nth-child(3){
    width:40%!important;
}

.ball-6{
    left:30%;
    top:-10%;
    background-color:#19A5F1;
    z-index:130!important;
}
.slide_6 .next{
    z-index:205;
  
}

.slide_6 ul li ul li label {
    padding-left: 55px !important;
}


li#field_2_32 label {

    width:85%;
}


/*-----  slide 7-------------------*/
#fullpage .section.slide_7{
    background-color:#232222;
    z-index:32;
    position:absolute;
    top:4000px;
       min-height:100vh;
    overflow:hidden;
    background-image: url("images/7-running.jpg");
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: auto 75%;

    width:100%!important;
}
.left-circle-sl7{
    background-color: #fff;
    border-radius: 50%;
    top: -50%;
    opacity: 0.2;
    padding-top: 60%;
    position: absolute;
    left: -15%;
    width: 60%;
    z-index: 33;
}

.right-circle-sl7{
    background-color: #000;
    border-radius: 50%;
    top: -25%;
    opacity: 1;
    padding-top: 90%;
    position: absolute;
    right: -42%;
    width: 90%;
    z-index: 35;
}

.bottom-circle-sl7{
    background-color: #000;
    border-radius: 50%;
    top: 77%;
    opacity: 0.34;
    padding-top: 90%;
    position: absolute;
    left: -40%;
    width: 140%;
    z-index: 35;
}


.slide_7 h1{
color:#fff;
font-size:5.6vw;

}
.slide_7 h3 {
    color: #95DEEF;
    font-size: 2.8vw;
    font-family: "ff-netto-web",sans-serif;
}
.slide_7 h4{
    text-transform:none;
    margin-top:2%!important;
    margin-bottom:1%;
    color:#fff;
    font-family: "ff-netto-web",sans-serif;
    font-size: 1.5vw;
    font-weight: normal;
}
.slide_7 .left-details{
width:55%;
float:left;
clear:none;
z-index:50;
}
.slide_7 .right-details label{
    color: #fff;
    font-size: 1.7vw;
    margin-bottom: 1% !important;
    margin-top: 2% !important;
}
.slide_7 .right-details{
width:35%;
float:left;
clear:none;
z-index:100;
position:relative;
margin-left:10%;
}
.slide_7 .right-details input{
width:100%!important;
border-radius:5px;
}
.slide_7 .right-details select{
width:100%!important;
border-radius:5px;
}

#gform_submit_button_2{
position:absolute;
right:-1000px;
}

.submit{
width:100%;
border-radius:15px;
text-align:center;
font-size:3.2vw;
padding:4px!important;
line-height:1.1em;
background: #95DEEF;
color:#fff;
text-transform: uppercase;
}




li#field_2_36{
    margin-left:-37px!important;
    margin-top:-15px;
}

.martrain {
    bottom: 10px;
    color: #fff;
    line-height: 1.3;
    position: absolute;
    width: 45%;
    z-index:120;
    }
ul#input_2_36 label::before{

border-radius:4px;
border:none;

}

input[type="checkbox"]:checked + label#label_2_36_1::before{

    content:url("images/tick.png");
    padding: 0.5px 2px !important;
}

.gfield_description {

color:#fff;
margin-top:-13%;
margin-bottom:20px;
padding-left: 80px !important;
width: 100% !important;
}

#label_2_36_1 {
    color: #000;
    font-size: 0.2em;
}

.ball-7{
    left:-10%;
    top:90%;
    background-color:#fff;
    z-index:130!important;
}
.slide_7 .next{
    z-index:206;
 
}

.gform_heading{
display:none;
}

header{
display:none;
}

footer{
display:none;
}
aside{
display:none;
}

#content{
padding:0px;
margin:0px;

}

.content-area{
width:100%;
margin-right:0px;
}


/*--------------- icons -----------------*/

.gfield_radio li.gchoice_2_2_0 label:after{
    background: rgba(0, 0, 0, 0) url("images/5-mins.png") no-repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 28px;
    left: -20px;
    position: absolute;
    top: 4px;
    width: 28px;
    background-size: 26px 26px;
}

.gfield_radio li.gchoice_2_2_0 label:after{
    background: rgba(0, 0, 0, 0) url("images/5-mins.png") no-repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 28px;
    left: -20px;
    position: absolute;
    top: 4px;
    width: 28px;
    background-size: 26px 26px;
}

.gfield_radio li.gchoice_2_2_1 label:after{
    background: rgba(0, 0, 0, 0) url("images/10-mins.png") no-repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 28px;
    left: -20px;
    position: absolute;
    top: 4px;
    width: 28px;
    background-size: 26px 26px;
}

.gfield_radio li.gchoice_2_2_2 label:after{
    background: rgba(0, 0, 0, 0) url("images/30-mins.png") no-repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 28px;
    left: -20px;
    position: absolute;
    top: 4px;
    width: 28px;
    background-size: 26px 26px;
}

.gfield_radio li.gchoice_2_2_3 label:after{
    background: rgba(0, 0, 0, 0) url("images/walking.png") no-repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 28px;
    left: -20px;
    position: absolute;
    top: 4px;
    width: 28px;
    background-size: 26px 26px;
}

.gfield_radio li.gchoice_2_2_4 label:after{
    background: rgba(0, 0, 0, 0) url("images/desk.png") no-repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 28px;
    left: -20px;
    position: absolute;
    top: 4px;
    width: 28px;
    background-size: 26px 26px;
}

.gfield_radio li.gchoice_2_17_0 label:after{
    background: rgba(0, 0, 0, 0) url("images/home.png") no-repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 28px;
    left: -20px;
    position: absolute;
    top: 4px;
    width: 28px;
    background-size: 26px 26px;
}

.gfield_radio li.gchoice_2_17_1 label:after{
    background: rgba(0, 0, 0, 0) url("images/mix.png") no-repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 28px;
    left: -20px;
    position: absolute;
    top: 4px;
    width: 28px;
    background-size: 26px 26px;
}

.gfield_radio li.gchoice_2_17_2 label:after{
    background: rgba(0, 0, 0, 0) url("images/office.png") no-repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 28px;
    left: -20px;
    position: absolute;
    top: 4px;
    width: 28px;
    background-size: 26px 26px;
}

.gfield_radio li.gchoice_2_17_3 label:after{
    background: rgba(0, 0, 0, 0) url("images/desk-flex.png") no-repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 28px;
    left: -20px;
    position: absolute;
    top: 4px;
    width: 28px;
    background-size: 26px 26px;
}

.gfield_radio li.gchoice_2_17_4 label:after{
    background: rgba(0, 0, 0, 0) url("images/desk.png") no-repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 28px;
    left: -20px;
    position: absolute;
    top: 4px;
    width: 28px;
    background-size: 26px 26px;
}




.gfield_checkbox li.gchoice_2_37_1 label:after{
    background: rgba(0, 0, 0, 0) url("images/pc.png") no-repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 28px;
    left: -20px;
    position: absolute;
    top: 4px;
    width: 28px;
    background-size: 26px 26px;
}

.gfield_checkbox li.gchoice_2_37_2 label:after{
    background: rgba(0, 0, 0, 0) url("images/laptop.png") no-repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 28px;
    left: -20px;
    position: absolute;
    top: 4px;
    width: 28px;
    background-size: 26px 26px;
}

.gfield_checkbox li.gchoice_2_37_3 label:after{
    background: rgba(0, 0, 0, 0) url("images/tablet.png") no-repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 28px;
    left: -20px;
    position: absolute;
    top: 4px;
    width: 28px;
    background-size: 26px 26px;
}

.gfield_checkbox li.gchoice_2_37_4 label:after{
    background: rgba(0, 0, 0, 0) url("images/mobile.png") no-repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 28px;
    left: -20px;
    position: absolute;
    top: 4px;
    width: 28px;
    background-size: 26px 26px;
}

.gfield_checkbox li.gchoice_2_37_5 label:after{
    background: rgba(0, 0, 0, 0) url("images/none.png") no-repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 28px;
    left: -20px;
    position: absolute;
    top: 4px;
    width: 28px;
    background-size: 26px 26px;
}



.gfield_radio li.gchoice_2_19_0 label:after{
    background: rgba(0, 0, 0, 0) url("images/yes.png") no-repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 28px;
    left: -20px;
    position: absolute;
    top: 4px;
    width: 28px;
    background-size: 26px 26px;
}

.gfield_radio li.gchoice_2_19_1 label:after{
    background: rgba(0, 0, 0, 0) url("images/no.png") no-repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 28px;
    left: -20px;
    position: absolute;
    top: 4px;
    width: 28px;
    background-size: 26px 26px;
}

.gfield_radio li.gchoice_2_19_2 label:after{
    background: rgba(0, 0, 0, 0) url("images/dont-know.png") no-repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 28px;
    left: -20px;
    position: absolute;
    top: 4px;
    width: 28px;
    background-size: 26px 26px;
}






.gfield_radio li.gchoice_2_21_0 label:after{
    background: rgba(0, 0, 0, 0) url("images/yes.png") no-repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 28px;
    left: -20px;
    position: absolute;
    top: 4px;
    width: 28px;
    background-size: 26px 26px;
}

.gfield_radio li.gchoice_2_21_1 label:after{
    background: rgba(0, 0, 0, 0) url("images/dont-know.png") no-repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 28px;
    left: -20px;
    position: absolute;
    top: 4px;
    width: 28px;
    background-size: 26px 26px;
}

.gfield_radio li.gchoice_2_21_2 label:after{
    background: rgba(0, 0, 0, 0) url("images/no.png") no-repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 28px;
    left: -20px;
    position: absolute;
    top: 4px;
    width: 28px;
    background-size: 26px 26px;
}

.gfield_radio li.gchoice_2_22_0 label:after{
    background: rgba(0, 0, 0, 0) url("images/yes.png") no-repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 28px;
    left: -20px;
    position: absolute;
    top: 4px;
    width: 28px;
    background-size: 26px 26px;
}

.gfield_radio li.gchoice_2_22_1 label:after{
    background: rgba(0, 0, 0, 0) url("images/no.png") no-repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 28px;
    left: -20px;
    position: absolute;
    top: 4px;
    width: 28px;
    background-size: 26px 26px;
}

.gfield_radio li.gchoice_2_22_2 label:after{
    background: rgba(0, 0, 0, 0) url("images/dont-know.png") no-repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 28px;
    left: -20px;
    position: absolute;
    top: 4px;
    width: 28px;
    background-size: 26px 26px;
}





/* ------------   smartphone -----------------*/



li#field_2_25 input[type=radio]:checked + label:before {
    color: #000;
     content: url("images/check-q3.png");
    line-height: 0 !important;
    padding: 3.5px 2px !important;
    text-align: center;
}

li#field_2_25 label.gfield_label:after{
    background: rgba(0, 0, 0, 0) url("images/mobile.png") no-repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 28px;
    left: 3px;
    position: absolute;
    top: 4px;
    width: 28px;
    background-size: 26px 26px;
}

ul.input_2_25{
    cursor: pointer;
    display: inline-block;
    font-size: 1.5em;
    line-height: 2rem !important;
    margin-right: 0;
    padding-left: 45px !important;
    position: relative;
}

ul#input_2_25 label::before {

    left: -22px;
 
}

/* --------------tablet -------------------*/

li.tablet{
    width:20%!important;
    float:left!important;
    clear:none!important;
}

li#field_2_39 label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 36px!important;
    margin-right: 0px;
    font-size: 18px;
    line-height:2rem!important;
    font-size:1.5em;
}

li#field_2_39 input[type=radio]:checked + label:before {
    color: #000;
     content: url("images/check-q3.png");
    line-height: 0 !important;
    padding: 3.5px 2px !important;
    text-align: center;
}

li#field_2_39 label.gfield_label:after{
    background: rgba(0, 0, 0, 0) url("images/tablet.png") no-repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 28px;
    left: 3px;
    position: absolute;
    top: 4px;
    width: 28px;
    background-size: 26px 26px;
}

ul.field_2_39{
    cursor: pointer;
    display: inline-block;
    font-size: 1.5em;
    line-height: 2rem !important;
    margin-right: 0;
    padding-left: 45px !important;
    position: relative;
}

ul#input_2_39 label::before {
    left: -22px;

}


/* --------------laptop -------------------*/

li.laptop{
    width:20%!important;
    float:left!important;
    clear:none!important;
}

li#field_2_38 label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 36px!important;
    margin-right: 0px;
    font-size: 18px;
    line-height:2rem!important;
    font-size:1.5em;

}


li#field_2_38 input[type=radio]:checked + label:before {
    color: #000;
    content: url("images/check-q3.png");
    line-height: 0 !important;
    padding: 3.5px 2px !important;
    text-align: center;
}



li#field_2_38 label.gfield_label:after{
    background: rgba(0, 0, 0, 0) url("images/laptop.png") no-repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 28px;
    left: 3px;
    position: absolute;
    top: 4px;
    width: 28px;
    background-size: 26px 26px;
}

ul.field_2_38{
    cursor: pointer;
    display: inline-block;
    font-size: 1.5em;
    line-height: 2rem !important;
    margin-right: 0;
    padding-left: 45px !important;
    position: relative;
}

ul#input_2_38 label::before {
    left: -22px;
}

/* --------------end laptop -------------------*/



.gfield_checkbox li.gchoice_2_40_1 label:after{
    background: rgba(0, 0, 0, 0) url("images/productive.png") no-repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 28px;
    left: -20px;
    position: absolute;
    top: 4px;
    width: 28px;
    background-size: 26px 26px;
}


.gfield_checkbox  li.gchoice_2_40_2 label:after{
    background: rgba(0, 0, 0, 0) url("images/balance.png") no-repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 28px;
    left: -20px;
    position: absolute;
    top: 4px;
    width: 28px;
    background-size: 26px 26px;
}


.gfield_checkbox  li.gchoice_2_40_3 label:after{
    background: rgba(0, 0, 0, 0) url("images/laptop.png") no-repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 28px;
    left: -20px;
    position: absolute;
    top: 4px;
    width: 28px;
    background-size: 26px 26px;
}


.gfield_checkbox  li.gchoice_2_40_4 label:after{
    background: rgba(0, 0, 0, 0) url("images/dance.png") no-repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 28px;
    left: -20px;
    position: absolute;
    top: 4px;
    width: 28px;
    background-size: 26px 26px;
}



.gfield_checkbox li.gchoice_2_41_1 label:after{
    background: rgba(0, 0, 0, 0) url("images/desk.png") no-repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 28px;
    left: -20px;
    position: absolute;
    top: 4px;
    width: 28px;
    background-size: 26px 26px;
}

.gfield_checkbox  li.gchoice_2_41_1 label:after{
    background: rgba(0, 0, 0, 0) url("images/desk.png") no-repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 28px;
    left: -20px;
    position: absolute;
    top: 4px;
    width: 28px;
    background-size: 26px 26px;
}

.gfield_checkbox  li.gchoice_2_41_2 label:after{
    background: rgba(0, 0, 0, 0) url("images/tired.png") no-repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 28px;
    left: -20px;
    position: absolute;
    top: 4px;
    width: 28px;
    background-size: 26px 26px;
}

.gfield_checkbox li.gchoice_2_41_3 label:after{
    background: rgba(0, 0, 0, 0) url("images/alone.png") no-repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 28px;
    left: -20px;
    position: absolute;
    top: 4px;
    width: 28px;
    background-size: 26px 26px;
}

.gfield_checkbox li.gchoice_2_41_4 label:after{
    background: rgba(0, 0, 0, 0) url("images/cost.png") no-repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 28px;
    left: -20px;
    position: absolute;
    top: 4px;
    width: 28px;
    background-size: 26px 26px;
}

.gfield_checkbox li.gchoice_2_41_5 label:after{
    background: rgba(0, 0, 0, 0) url("images/none.png") no-repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 28px;
    left: -20px;
    position: absolute;
    top: 4px;
    width: 28px;
    background-size: 26px 26px;
}


/*----------------question 5 --------------------   */


.gfield_radio li.gchoice_2_30_0 label:after{
    background: rgba(0, 0, 0, 0) url("images/no.png") no-repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 28px;
    left: -20px;
    position: absolute;
    top: 4px;
    width: 28px;
    background-size: 26px 26px;
}
.gfield_radio li.gchoice_2_30_1 label:after{
    background: rgba(0, 0, 0, 0) url("images/yes.png") no-repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 28px;
    left: -20px;
    position: absolute;
    top: 4px;
    width: 28px;
    background-size: 26px 26px;
}

.gfield_radio li.gchoice_2_30_2 label:after{
    background: rgba(0, 0, 0, 0) url("images/dont-know.png") no-repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 28px;
    left: -20px;
    position: absolute;
    top: 4px;
    width: 28px;
    background-size: 26px 26px;
}


.gfield_radio li.gchoice_2_31_0 label:after{
    background: rgba(0, 0, 0, 0) url("images/no.png") no-repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 28px;
    left: -20px;
    position: absolute;
    top: 4px;
    width: 28px;
    background-size: 26px 26px;
}

.gfield_radio li.gchoice_2_31_1 label:after{
    background: rgba(0, 0, 0, 0) url("images/yes.png") no-repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 28px;
    left: -20px;
    position: absolute;
    top: 4px;
    width: 28px;
    background-size: 26px 26px;
}

.gfield_radio li.gchoice_2_31_2 label:after{
    background: rgba(0, 0, 0, 0) url("images/dont-know.png") no-repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 28px;
    left: -20px;
    position: absolute;
    top: 4px;
    width: 28px;
    background-size: 26px 26px;
}

.gfield_radio li.gchoice_2_32_0 label:after{
    background: rgba(0, 0, 0, 0) url("images/yes.png") no-repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 28px;
    left: -20px;
    position: absolute;
    top: 4px;
    width: 28px;
    background-size: 26px 26px;
}

.gfield_radio li.gchoice_2_32_1 label:after{
    background: rgba(0, 0, 0, 0) url("images/hold.png") no-repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 28px;
    left: -20px;
    position: absolute;
    top: 4px;
    width: 28px;
    background-size: 26px 26px;
}

.gfield_radio li.gchoice_2_32_2 label:after{
    background: rgba(0, 0, 0, 0) url("images/dont-know.png") no-repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 28px;
    left: -20px;
    position: absolute;
    top: 4px;
    width: 28px;
    background-size: 26px 26px;
}

.gfield_radio li.gchoice_2_42_0 label:after{
    background: rgba(0, 0, 0, 0) url("images/alone.png") no-repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 28px;
    left: -20px;
    position: absolute;
    top: 4px;
    width: 28px;
    background-size: 26px 26px;
}

.gfield_radio li.gchoice_2_42_1 label:after{
    background: rgba(0, 0, 0, 0) url("images/together.png") no-repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 28px;
    left: -20px;
    position: absolute;
    top: 4px;
    width: 28px;
    background-size: 26px 26px;
}

.gfield_radio li.gchoice_2_42_2 label:after{
    background: rgba(0, 0, 0, 0) url("images/dont-know.png") no-repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 28px;
    left: -20px;
    position: absolute;
    top: 4px;
    width: 28px;
    background-size: 26px 26px;
}




@media (max-width: 1100px) {

    .you-buy ul li{
    min-width:210px;
}

        li.question.question_1 h2:after {
        background: rgba(0, 0, 0, 0) url("images/q1.png") no-repeat scroll 0 0 / 9%;
        content: "";
        display: inline-block;
        height: 300%;
        left: -5%;
        position: absolute;
        width: 100%;
        top:10%;
    }
    li.question.question_1 h2 {
        padding-top:2%;
    }

    li.question.question_2 h2:after {
       background: rgba(0, 0, 0, 0) url("images/q2.png") no-repeat scroll 0 0 / 9%;
        content: "";
        display: inline-block;
        height: 300%;
        left: -5%;
        position: absolute;
        width: 100%;
        top:10%;
    }

    li.question.question_3 h2:after {
       background: rgba(0, 0, 0, 0) url("images/q3.png") no-repeat scroll 0 0 / 9%;
        content: "";
        display: inline-block;
        height: 300%;
        left: -5%;
        position: absolute;
        width: 100%;
        top:10%;
    }

    li.question.question_4 h2:after {
       background: rgba(0, 0, 0, 0) url("images/q4.png") no-repeat scroll 0 0 / 9%;
        content: "";
        display: inline-block;
        height: 300%;
        left: -5%;
        position: absolute;
        width: 100%;
        top:10%;
    }

    li.question.question_5 h2:after {
       background: rgba(0, 0, 0, 0) url("images/q5.png") no-repeat scroll 0 0 / 9%;
        content: "";
        display: inline-block;
        height:300%;
        left: -5%;
        position: absolute;
        width: 100%;
        top:10%;
    }


}




@media (max-width: 1024px){ 
    body{
        font-size:2.9vw;
    }
        .you-buy ul li{
    min-width:210px;
    }

        li.question.question_1 h2:after {
        background: rgba(0, 0, 0, 0) url("images/q1.png") no-repeat scroll 0 0 / 9% auto;
        content: "";
        display: inline-block;
        height: 300%;
        left: -4%;
        position: absolute;
        width: 100%;
        top:10%;
    }
    li.question.question_1 h2 {
        padding-top:2%;
    }

    li.question.question_2 h2:after {
       background: rgba(0, 0, 0, 0) url("images/q2.png") no-repeat scroll 0 0 / 9% auto;
        content: "";
        display: inline-block;
        height: 300%;
           left: -4%;
        position: absolute;
        width: 100%;
        top:10%;
    }

    li.question.question_3 h2:after {
       background: rgba(0, 0, 0, 0) url("images/q3.png") no-repeat scroll 0 0 / 9% auto;
        content: "";
        display: inline-block;
        height: 300%;
          left: -4%;
        position: absolute;
        width: 100%;
        top:10%;
    }

    li.question.question_4 h2:after {
       background: rgba(0, 0, 0, 0) url("images/q4.png") no-repeat scroll 0 0 / 9% auto;
        content: "";
        display: inline-block;
        height: 300%;
          left: -4%;
        position: absolute;
        width: 100%;
        top:10%;
    }

    li.question.question_5 h2:after {
       background: rgba(0, 0, 0, 0) url("images/q5.png") no-repeat scroll 0 0 / 9% auto;
        content: "";
        display: inline-block;
        height:300%;
          left: -4%;
        position: absolute;
        width: 100%;
        top:10%;
    }

.section-container {
    padding: 2% 2% 2% 4%;
}


/*q3 - option c */
    li#field_2_24 h3 {
        font-size:2.8vw!important;
    }


li.question h2 {
    font-size: 4vw;
}

.gfield_label {
    font-size:2.8vw!important;
}

.gfield_radio label, .gfield_checkbox label  {
    font-size:2.3vw!important;
}

    .title-info h1 {
    font-size: 3.7vw!important;
}
    .title-info h2 {
    font-size: 3.6vw!important;
}

.intro-text {
    max-width:75%;
    bottom: 14%;
}

.intro-text h3 {
    font-size: 3vw;
    padding-bottom: 2%;
}
.intro-text li {
    font-size: 2vw;
    line-height: 1.2em;
    margin-bottom: 1.3% !important;
    width: 80%;
}

    .next {
    width: 150%;
    }

    img.big-watch{
        height:70%;
        right:0%;
        max-width:35%;
    }
    .top-circle-sl1 {
        bottom:75%;

    }

    /* ----- question 1 ----- slide 2 -------------*/

li#field_2_2 {
    margin-left: 0px !important;
}

    .waking{
        border:none;
        width:100%;
        padding: 0 0 0 40px;
    margin-left: 0px !important;



    }

    .where { 
    float: left;
    margin-top: 5%;
    padding: 0 0 100px 40px;
    width: 100%;
      margin-left: 0px !important;
    }

    .where .gfield_label {
    padding-bottom: 4px;
    }

    .left-circle-sl2 {
    background-color: #cede00;
    opacity: 0.6;
    padding-top: 150%;
    width: 150%;
    top:-10%;
    }
    .right-circle-sl2 {
        top:40%;
        right:-30%;
    }


    /* question 2 - --- slide 3    */

    img.right-people-sl3 {
        opacity:0.1;
        max-height:100%;
        height:auto;
    }

    .number{
        width:80%;
    }
        .you-buy{
        width:80%;
    }
        .aware{
        width:80%;
        padding-bottom:100px!important;
    }

    li.gchoice_2_18_3 {
        clear:both;
    }
    .aware ul li {
        clear:both;
    }

    li.list-left.aware ul li {
    clear: both;
    float: left;
    }


    /* slide 4 - question 3*/

    .left-circle-sl4{

    background-color: #E93830;
    border-radius: 50%;
    right: -40%;
    opacity: 0.43;
    padding-top: 300%;
    position: absolute;
    top: -10%;
    width: 300%;
    z-index:20;
    }

ul#input_2_25 li label {
    padding-left: 6% !important;
    font-size:2.6vw!important;
}
ul#input_2_39 li label {
    padding-left: 6% !important;
    font-size:2.6vw!important;
}
ul#input_2_38 li label {
    padding-left: 6% !important;
    font-size:2.6vw!important;
}

li.laptop{
    padding-bottom:9%
}

    .benefit {

        width:90%;
    }

    .cloud{
        width:90%;
    }

    ul#input_2_25 {
        border:none;
    }
    ul#input_2_39{
        border:none;
    }

    li.smartphone, li.tablet, li.laptop {
        width:90%!important;
            padding-bottom:5.5%!important;
    }

    li#field_2_21, li#field_2_22, li#field_2_25, li#field_2_39, li#field_2_38 {
        margin-left:50px!important;

    }
    li.question.question_3 h2 {
        padding-right: 10%!important;
    }


   /* question 4 - --- slide 5   */
#fullpage .section.slide_5 {
    background-color: #E51A94;
}


   

       .left-circle-sl5 {
        background-color:#D92199;
        border-radius: 50%;
        bottom: 20%;
        left: -70%;
        opacity: 0.56;
       width:400%;
        padding-top:400%;
        position: absolute;
        
        z-index: 28;
    }

    .right-circle-sl5 {
        background-color: #fff;
        border-radius: 50%;
        bottom: 20%;
        right:-100%;
        opacity: 0.26;
        padding-top: 190%;
        position: absolute;
        width: 190%;
        z-index: 28;
    }

   .best {
    width:90%;
   }

   .worst{
    width:90%;
   }
    li#field_2_40, li#field_2_41 {
        margin-left: 10% !important;
    }
  

    li.question.question_4 h2 {
    padding-right:10%;   
    }


       /* question 5 ---- slide 6 */


    .left-circle-sl6 {
        background-color: #159df1;
        border-radius: 50%;
        bottom: 10%;
        left: -70%;
        opacity: 0.76;
        padding-top: 190%;
        position: absolute;
        width: 190%;
        z-index: 28;
    }
    .slide_6 ul li.list-left ul li {
        clear:both!important;
    }
    .alone {
        padding-bottom:10%!important;
    }
    .learn, .teach, .remote, .alone {
        width:90%;
    }
    .slide_6 ul li ul li {
    width: 80%;
}

    .slide_6 ul li ul li label {
    width: 80%;
}

       /* end ---- slide 7 */


    .slide_7 .left-details {
    width:90%;

    }
    .slide_7 .right-details {
    clear: none;
    float: left;
    margin-left: 0;
    position: relative;
    width: 90%;
    z-index: 100;
    }

    .slide_7 h1 {
        font-size: 7.6vw;
    }

    .right-circle-sl7 {
        background-color: #000;
        border-radius: 50%;
        left: -98%;
        opacity: 0.4;
        padding-top: 190%;
        position: absolute;
        top: 25%;
        width: 190%;
        z-index: 12 !important;
    }

    .submit {
        margin-top:50px;
    }

    .martrain {
    font-size:1.6vw;
    width: 80%;
 
    }

    .gfield_description {
        color: #fff;
        font-size: 1.8vw !important;
        margin-bottom: 20px;
        margin-top: -9%;
        padding-left: 80px !important;
        width: 100% !important;
    }

    .bottom-circle-sl7 {
    background-color: #000;
    border-radius: 50%;
    left: -30%;
    opacity: 0.34;
    padding-top: 90%;
    position: absolute;
    top: 67%;
    width: 140%;
    z-index: 35;
    }

    .slide_6 ul li ul li:nth-child(3) {
        width: 80% !important;
    }
    .slide_6 ul li ul li{
            width: 80% !important;
    }

        .slide_7 .right-details {
        padding-bottom:200px;
    }

}



@media only screen 

and (max-device-width : 1024px) 
and (orientation : portrait){
        .you-buy ul li{
    min-width:210px;
}
        body{
        font-size:2.9vw;
    }
.section-container {
    padding: 2%;
    float:left;
}


/*q3 - option c */
    li#field_2_24 h3 {
        font-size:2.8vw!important;
    }


li.question h2 {
    font-size: 4vw;
}

.gfield_label {
    font-size:2.8vw!important;
}

.gfield_radio label, .gfield_checkbox label  {
    font-size:2.3vw!important;
}

    .title-info h1 {
    font-size: 5vw!important;
}
    .title-info h2 {
    font-size: 4.6vw!important;
}

.intro-text {
    max-width:35%;
    bottom: 9%;
}

.intro-text h3 {
    font-size: 3.5vw;
    padding-bottom: 2%;
}
.intro-text li {
    font-size: 2.6vw;
    line-height: 1.2em;
    margin-bottom: 3% !important;
}

    .next {
    width: 150%;
    }

    img.big-watch{
        height:50%;
        right:-15%;
    }
    .top-circle-sl1 {
        bottom:75%;

    }

    /* ----- question 1 ----- slide 2 -------------*/

li#field_2_2 {
    margin-left: 0px !important;
}

    .waking{
        border:none;
        width:100%;
        padding: 0 0 0 40px;
    margin-left: 0px !important;



    }

    .where { 
    float: left;
    margin-top: 5%;
    padding: 0 0 100px 40px;
    width: 100%;
      margin-left: 0px !important;
    }

    .where .gfield_label {
    padding-bottom: 4px;
    }

    .left-circle-sl2 {
    background-color: #cede00;
    opacity: 0.6;
    padding-top: 150%;
    width: 150%;
    top:-10%;
    }
    .right-circle-sl2 {
        top:40%;
        right:-30%;
    }


    /* question 2 - --- slide 3    */

    img.right-people-sl3 {
        opacity:0.2;
        max-height:100%;
        height:auto;
    }

    .number{
        width:80%;
    }
        .you-buy{
        width:80%;
    }
        .aware{
        width:80%;
        padding-bottom:100px!important;
    }

    li.gchoice_2_18_3 {
        clear:both;
    }
    .aware ul li {
        clear:both;
    }

    li.list-left.aware ul li {
    clear: both;
    float: left;
    }


    /* slide 4 - question 3*/

    .left-circle-sl4{

    background-color: #E93830;
    border-radius: 50%;
    right: -40%;
    opacity: 0.43;
    padding-top: 300%;
    position: absolute;
    top: -10%;
    width: 300%;
    z-index:20;
    }

    ul#input_2_25 li label {
        padding-left: 6% !important;
        font-size:2.6vw!important;
    }
    ul#input_2_39 li label {
        padding-left: 6% !important;
        font-size:2.6vw!important;
    }
    ul#input_2_38 li label {
        padding-left: 6% !important;
        font-size:2.6vw!important;
    }

    li.laptop{
        padding-bottom:9%
    }

    .benefit {

        width:90%;
    }

    .cloud{
        width:90%;
    }

    ul#input_2_25 {
        border:none;
    }
    ul#input_2_39{
        border:none;
    }

    li.smartphone, li.tablet, li.laptop {
        width:90%!important;
            padding-bottom:5.5%!important;
    }

    li#field_2_21, li#field_2_22, li#field_2_25, li#field_2_39, li#field_2_38 {
        margin-left:50px!important;

    }
    li.question.question_3 h2 {
        padding-right: 10%!important;
    }


   /* question 4 - --- slide 5   */
    #fullpage .section.slide_5 {
        background-color: #E51A94;
    }


   

       .left-circle-sl5 {
        background-color:#D92199;
        border-radius: 50%;
        bottom: 20%;
        left: -70%;
        opacity: 0.56;
       width:400%;
        padding-top:400%;
        position: absolute;
        
        z-index: 28;
    }

    .right-circle-sl5 {
        background-color: #fff;
        border-radius: 50%;
        bottom: 20%;
        right:-100%;
        opacity: 0.26;
        padding-top: 190%;
        position: absolute;
        width: 190%;
        z-index: 28;
    }

   .best {
    width:90%;
   }

   .worst{
    width:90%;
   }
    li#field_2_40, li#field_2_41 {
        margin-left: 10% !important;
    }
  

    li.question.question_4 h2 {
    padding-right:10%;   
    }


       /* question 5 ---- slide 6 */


    .left-circle-sl6 {
        background-color: #159df1;
        border-radius: 50%;
        bottom: 10%;
        left: -70%;
        opacity: 0.76;
        padding-top: 190%;
        position: absolute;
        width: 190%;
        z-index: 28;
    }
    .slide_6 ul li.list-left ul li {
        clear:both!important;
    }
    .alone {
        padding-bottom:10%!important;
    }
    .learn, .teach, .remote, .alone {
        width:90%;
    }
    .slide_6 ul li ul li {
    width: 80%;
    }

    .slide_6 ul li ul li label {
    width: 80%;
    }

       /* end ---- slide 7 */


    .slide_7 .left-details {
    width:90%;

    }
    .slide_7 .right-details {
    clear: none;
    float: left;
    margin-left: 0;
    position: relative;
    width: 90%;
    z-index: 100;
    }

    .slide_7 h1 {
        font-size: 7.6vw;
    }

    .right-circle-sl7 {
        background-color: #000;
        border-radius: 50%;
        left: -98%;
        opacity: 0.4;
        padding-top: 190%;
        position: absolute;
        top: 25%;
        width: 190%;
        z-index: 12 !important;
    }

    .submit {
        margin-top:50px;
    }

    .martrain {
    font-size:1.6vw;
    width: 80%;
 
    }

    .gfield_description {
        color: #fff;
        font-size: 1.8vw !important;
        margin-bottom: 20px;
        margin-top: -9%;
        padding-left: 80px !important;
        width: 100% !important;
    }

    .bottom-circle-sl7 {
    background-color: #000;
    border-radius: 50%;
    left: -30%;
    opacity: 0.34;
    padding-top: 90%;
    position: absolute;
    top: 67%;
    width: 140%;
    z-index: 35;
    }

    .slide_6 ul li ul li:nth-child(3) {
        width: 80% !important;
    }
    .slide_6 ul li ul li{
            width: 80% !important;
    }

        .slide_7 .right-details {
        padding-bottom:200px;
    }



}


@media only screen 

and (max-device-width : 700px) 
and (orientation : portrait){

.title-info h1, .title-info h2 {
    font-size: 7vw !important;
            text-align:center!important;
}

.intro-text {
    max-width: 90%;
    top: 20%;
}

    body{
        font-size:4vw;
    }

      li#field_2_24 h3 {
        font-size:4.8vw!important;

    }

    .intro-text h3 {
    font-size: 5.5vw;
    padding-bottom: 3%;
    }
    .intro-text li {
    font-size: 4.1vw;
    line-height: 1.2em;
    margin-bottom: 3% !important;
    }
    img.big-watch {
        height: 40%;
        right:0;

    }

    li.question h2 {
        font-size: 6vw;
    }

    .gfield_label {
        font-size:4.8vw!important;
    }

    .gfield_radio label, .gfield_checkbox label  {
        font-size:4.3vw!important;
    }


    .section-container {
 
    padding: 2% 2% 2% 4%;
    }
         li.question.question_1 h2:after {
        background: rgba(0, 0, 0, 0) url("images/q1.png") no-repeat scroll 0 0 / 45px auto;
        content: "";
        display: inline-block;
        height: 300%;
        left: -2px;
        position: absolute;
        width: 100%;
        top:10%;
    }
    li.question.question_1 h2 {
        padding-top:2%;
    }

    li.question.question_2 h2:after {
       background: rgba(0, 0, 0, 0) url("images/q2.png") no-repeat scroll 0 0 / 45px auto;
        content: "";
        display: inline-block;
        height: 300%;
        left:-2px;
        position: absolute;
        width: 100%;
        top:10%;
    }

    li.question.question_3 h2:after {
       background: rgba(0, 0, 0, 0) url("images/q3.png") no-repeat scroll 0 0 / 45px auto;
        content: "";
        display: inline-block;
        height: 300%;
       left: -2px;
        position: absolute;
        width: 100%;
        top:10%;
    }

    li.question.question_4 h2:after {
       background: rgba(0, 0, 0, 0) url("images/q4.png") no-repeat scroll 0 0 / 45px auto;
        content: "";
        display: inline-block;
        height: 300%;
        left: -2px;
        position: absolute;
        width: 100%;
        top:10%;
    }

    li.question.question_5 h2:after {
       background: rgba(0, 0, 0, 0) url("images/q5.png") no-repeat scroll 0 0 / 45px auto;
        content: "";
        display: inline-block;
        height:300%;
        left: -2px;
        position: absolute;
        width: 100%;
        top:10%;
    }

        .benefit {

        width:80%;
    }

    .cloud{
        width:80%;
    }


    .left-circle-sl2 {
    background-color: #cede00;
    opacity: 0.8;
    padding-top: 450%;
    top: -50%;
    width: 450%;
    }



.left-circle-sl4 {
    background-color: #e93830;
    border-radius: 50%;
    opacity: 0.93;
    padding-top: 600%;
    width: 600%;
    position: absolute;
    right: -150%;
    top: -10%;
    z-index: 20;
}

.left-circle-sl5 {
opacity:0.9;
}

    .left-circle-sl6 {
        bottom: -10%;
        padding-top: 290%;
        width: 290%;   
        opacity:0.9;  
    }

    ul#input_2_25 li label {
        padding-left: 6% !important;
        font-size:4vw!important;
    }
    ul#input_2_39 li label {
        padding-left: 6% !important;
        font-size:4vw!important;
    }
    ul#input_2_38 li label {
        padding-left: 6% !important;
        font-size:4vw!important;
    }

    .slide_7 h1 {
    font-size: 10.6vw;
    z-index: 900 !important;
    }

    .slide_7 h4 {
        font-size: 3.5vw;
    }

    .slide_7 h3 {
    font-size: 6.8vw;
    
    }
    .submit{
        font-size:7.3vw;
    }

    .gfield_description {
        font-size:2.8vw!important;
    }

    .martrain {
        font-size: 2.6vw!important;
        
    }

    #fullpage .section.slide_7 {

        background-size:100% auto!important;
    }
    .learn, .teach, .remote, .alone {
    width: 80%;
    }

    .top-circle-sl1 {
        background-color: #0071bc;
        border-radius: 50%;
        bottom: 20% !important;
        left: -35%;
        opacity: 0.76;
        padding-top: 320%;
        position: absolute;
        width: 320%;
    }
    .bottom-circle-sl1 {
    background-color: #24c0f1;
    border-radius: 50%;
    left: -65%;
    opacity: 0.47;
    padding-top: 190%;
    position: absolute;
    top: 28%;
    width: 190%;
}

.bottom-circle-sl3 {
    background-color: #fff;
    border-radius: 50%;
    left: 10%;
    opacity: 0.43;
    padding-top: 210%;
    position: absolute;
    top: 15%;
    width: 210%;
    z-index: 20;
}

    img.big-watch{
        height:50%;
        right:-15%;
    }

}




@media only screen 

and (max-device-width : 700px) 
and (orientation : landscape){

.title-info h1, .title-info h2 {
    font-size: 7vw !important;
            text-align:center!important;
}

.title-info h2{
    padding-bottom: 100% !important;
}

.intro-text {
    max-width: 50%;
    position:relative;
    float:left;
    padding-top: 30%;
    padding-bottom:100px;
    height:100%;
    display:block;
}

    body{
        font-size:4vw;
    }

      li#field_2_24 h3 {
        font-size:4.8vw!important;

    }

    .intro-text h3 {
    font-size: 4vw;
    padding-bottom: 3%;
    }
    .intro-text li {
    font-size: 3.1vw;
    line-height: 1.2em;
    margin-bottom: 3% !important;
    width:80%;
    }
    img.big-watch {
        height: 60%;
        right:0;

    }

    li.question h2 {
        font-size: 6vw;
    }

    .gfield_label {
        font-size:4.8vw!important;
    }

    .gfield_radio label, .gfield_checkbox label  {
        font-size:4.3vw!important;
    }


    .section-container {
 
    padding: 2% 2% 2% 4%;
    }
         li.question.question_1 h2:after {
        background: rgba(0, 0, 0, 0) url("images/q1.png") no-repeat scroll 0 0 / 45px auto;
        content: "";
        display: inline-block;
        height: 300%;
        left: -2px;
        position: absolute;
        width: 100%;
        top:10%;
    }
    li.question.question_1 h2 {
        padding-top:2%;
    }

    li.question.question_2 h2:after {
       background: rgba(0, 0, 0, 0) url("images/q2.png") no-repeat scroll 0 0 / 45px auto;
        content: "";
        display: inline-block;
        height: 300%;
        left:-2px;
        position: absolute;
        width: 100%;
        top:10%;
    }

    li.question.question_3 h2:after {
       background: rgba(0, 0, 0, 0) url("images/q3.png") no-repeat scroll 0 0 / 45px auto;
        content: "";
        display: inline-block;
        height: 300%;
       left: -2px;
        position: absolute;
        width: 100%;
        top:10%;
    }

    li.question.question_4 h2:after {
       background: rgba(0, 0, 0, 0) url("images/q4.png") no-repeat scroll 0 0 / 45px auto;
        content: "";
        display: inline-block;
        height: 300%;
        left: -2px;
        position: absolute;
        width: 100%;
        top:10%;
    }

    li.question.question_5 h2:after {
       background: rgba(0, 0, 0, 0) url("images/q5.png") no-repeat scroll 0 0 / 45px auto;
        content: "";
        display: inline-block;
        height:300%;
        left: -2px;
        position: absolute;
        width: 100%;
        top:10%;
    }

        .benefit {

        width:80%;
    }

    .cloud{
        width:80%;
    }


    .left-circle-sl2 {
    background-color: #cede00;
    opacity: 0.8;
    padding-top: 450%;
    top: -50%;
    width: 450%;
    }



.left-circle-sl4 {
    background-color: #e93830;
    border-radius: 50%;
    opacity: 0.93;
    padding-top: 600%;
    width: 600%;
    position: absolute;
    right: -150%;
    top: -10%;
    z-index: 20;
}

.left-circle-sl5 {
opacity:0.9;
}

    .left-circle-sl6 {
        bottom: -10%;
        padding-top: 290%;
        width: 290%;   
        opacity:0.9;  
    }

    ul#input_2_25 li label {
        padding-left: 6% !important;
        font-size:4vw!important;
    }
    ul#input_2_39 li label {
        padding-left: 6% !important;
        font-size:4vw!important;
    }
    ul#input_2_38 li label {
        padding-left: 6% !important;
        font-size:4vw!important;
    }

    .slide_7 h1 {
    font-size: 10.6vw;
    z-index: 900 !important;
    }

    .slide_7 h4 {
        font-size: 3.5vw;
    }

    .slide_7 h3 {
    font-size: 6.8vw;
    
    }
    .submit{
        font-size:7.3vw;
    }

    .gfield_description {
        font-size:2.8vw!important;
    }

    .martrain {
        font-size: 2.6vw!important;
        
    }

    #fullpage .section.slide_7 {

        background-size:100% auto!important;
    }
    .learn, .teach, .remote, .alone {
    width: 80%;
    }

    .top-circle-sl1 {
        background-color: #0071bc;
        border-radius: 50%;
        bottom: -20% !important;
        left: -35%;
        opacity: 0.76;
        padding-top: 320%;
        position: absolute;
        width: 320%;
    }
    .bottom-circle-sl1 {
    background-color: #24c0f1;
    border-radius: 50%;
    left: -65%;
    opacity: 0.47;
    padding-top: 190%;
    position: absolute;
    top: 28%;
    width: 190%;
}

.bottom-circle-sl3 {
    background-color: #fff;
    border-radius: 50%;
    left: 10%;
    opacity: 0.43;
    padding-top: 210%;
    position: absolute;
    top: 15%;
    width: 210%;
    z-index: 20;
}

}