/************ FONTS ***************/

@font-face{

  font-family: 'lightGoth';

    src: url('../fonts/GothamLight.eot');

    src: url('../fonts/GothamLight.eot?#iefix') format('embedded-opentype'), 

         url('../fonts/GothamLight.woff') format('woff'),

         url('../fonts/GothamLight.ttf') format('truetype'),

         url('../fonts/GothamLight.svg#lightGoth') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face{

  font-family: 'bookGoth';

    src: url('../fonts/GothamBook.eot');

    src: url('../fonts/GothamBook.eot?#iefix') format('embedded-opentype'), 

         url('../fonts/GothamBook.woff') format('woff'),

         url('../fonts/Gotham-Bold.ttf') format('truetype'),

         url('../fonts/GothamBook.svg#bookGoth') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face{

  font-family: 'mediumGoth';

    src: url('../fonts/GothamMedium.eot');

    src: url('../fonts/GothamMedium.eot?#iefix') format('embedded-opentype'),

         url('../fonts/GothamMedium.woff') format('woff'),

         url('../fonts/GothamMedium.ttf') format('truetype'),

         url('../fonts/GothamMedium.svg#mediumGoth') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face{

  font-family: 'boldGoth';

    src: url('../fonts/Gotham-Bold.eot');

    src: url('../fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'),

         url('../fonts/Gotham-Bold.woff') format('woff'),

         url('../fonts/Gotham-Bold.ttf') format('truetype'),

         url('../fonts/GothamBook.svg#boldGoth') format('svg');

    font-weight: normal;

    font-style: normal;

}



/************ Site Style ******************/

body{

  margin: 0;

}





#slide-1 .bcg{

  background-image: url('../img/section1_bg.jpg');

  /* clip-path: polygon(0 0, 100% 0, 100% 100%, 0 92%);

  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 92%); */

}

#slide-1 .bcg::before{
  content: '';
}

#slide-1 .bcg-tyc{

  background-image: url('../img/section1_bg.jpg');

  /* clip-path: polygon(0 0, 100% 0, 100% 100%, 0 92%);

  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 92%); */

}

.bcg-tyc{

  background-position:center;

  background-repeat: no-repeat;

  background-attachment: fixed;

  background-size: cover;

  width: 100%;

  height: 300px;

}

.bcg{

  background-position:center;

  background-repeat: no-repeat;

  background-attachment: fixed;

  background-size: cover;

  width: 100%;

  height: 800px;

}

.bcg2{

  background-position:center;

  background-repeat: no-repeat;

  background-attachment: fixed;

  background-size: cover;

  width: 100%;

  height: 840px;

}


#header{

  height: 102px;

  display: flex;

  flex-direction:row;

}

#header figure{

  margin: 0;

}

#header-logo{

  width: auto;

  height: 59px;

  padding-top: 40px;

}


.header{
  display: flex; 
  height: 80px;
  z-index: 10000;
  top: 0;
  left: 0;
  right: 0;
  align-items: center;
  justify-content: center ;
  position: fixed;
  width: 100%;
  
}

.header.visibility
{
  height: 50px;
  background: #fff;
  box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.1);
  
}

.header .main-wrapper{
  display: flex;
  padding: 10px 0;
  align-items: center;
  justify-content: space-between;
  margin: 0; 
}

.header #header-logo{ 
  width: auto;
  height: 35px;
  padding-top: 0px; 
}

.header.visibility #header-logo{ 
  height: 50px;
  background: #fff;
  height: 30px;
  
}


.nav-header{
  align-items: center;
  display: flex;
}

.header figure{
  margin: 0;
}

.nav-header a{
  font-family: 'boldGoth';
  color: #26aa9b;
  font-size: 20px;
  text-decoration: none; 
}

.nav-header a img{
  display: none;
}

.nav-header a:first-child{
  margin-right: 10px;
  text-shadow: -2px 3px 8px rgba(0, 0, 0, 0.3);
}

.nav-header a:first-child::after{
  content: ' | ';
  color: #26aa9b;
  margin: 0 5px;
  
}
.nav-header  #dwd-btn-2 {
  background-color: #f28e01;  
  border-radius: 15px;
  padding: 5px 8px; 
  color: #fff; 
  display: flex;
  align-items: center;
  justify-content: center ; 

}


.nav-header #dwd-btn-2 img{
  width: 20px;
  margin: 0 7px;
}


.main-wrapper{

  width: 1025px;

  margin: 0 auto;

}

#dwd-btn{

  background-color: #f28e01;

  font-family: 'boldGoth';

  padding: 8px 11px 0;

  text-transform: uppercase;

  font-size: 20px;

  color: #fff;

  text-decoration: none;

  letter-spacing: 1.1px;

  box-shadow: 0px 5px 0px #ba6d00;

  height: 32px;

  width: 210px;

  margin: 0 110px 0 0;

  display: block;

}

#dwd-icon{

  width: 20px;

  height: 20px;

  padding-right: 6px;

}

#contact-info{

  height: 40px;

  top: 0;

  z-index: 9999;

  position: absolute;

  width: 100%;

}

.sticky-btn{



}

#contact-info article{

  display: flex;

  flex-direction:row;

  justify-content:flex-end;

}

.info-btn{

  font-family: 'lightGoth';

  font-size: 14px;

  color: #fff;

  text-decoration: none;

  text-transform: uppercase;

}

.info-btn img{

  width: 14px;

  height: auto;

  padding-top: 11px;

}

#app-info{

  display: flex;

  flex-direction:row;

  position: relative;

  z-index: 1;

}

#app-text{

  width: 50%;

}

#app-text-tyc{

  width: 80%;

}

#app-text-tyc article{

  font-family: 'boldGoth';

  font-size: 42px;

  color: #fff;

  line-height: 1.2;

  display: flex ;
  justify-content: space-around; 

}


#app-text-tyc article h1{
  color: #000;
  margin: 25px auto; 
  width: 95%;
}


#app-text article{

  font-family: 'boldGoth';

  font-size: 36px;

  color: #fff;

  line-height: 1.2;

}

#app-text article h1{  

  font-size: 36px; 

  padding-top: 70px;

  margin: 0;

  color: #4a155f;

}
 

#app-text article h1 span{ 

  font-size: 42px;

  text-transform: uppercase;

  color: #26aa9b; 

}

#app-text article h1 img{

  width: 300px;

  height: auto;

}

#badges-section{

  display: flex;

  flex-direction:row;

  justify-content:space-between;

  padding-top: 70px;

}

#badges-section a{

  width: 237px;

  height: 70px;

}

#device-container{

  width: 50%;

  padding-top: 30px;

  background-image: url('../img/smartphone_8.png');

  background-repeat: no-repeat;

  background-size: 280px auto;

  background-position: center;

  height: 528px;

  position: relative;

}

#device-container > div{

  position: absolute;

  top: 74px;

  right: 144px;

}

#slide-2{

  background: #4a155f;

  height: auto;
 

  z-index: -10;

}

#slide-2::before{

  content: '';

  height: 0;

  position: absolute;

  top:-84px; 

  left: 0;

  background-color: inherit;

  padding-bottom: 35%;

  width: 100%;

  z-index: -2;

}

#slide-2::after{

  content: '';

  height: 0;

  position: absolute;

  bottom:-30px; 

  left: 0;

  background-color: inherit;

  padding-bottom: 35%;

  width: 100%;

  z-index: -2;

  /* clip-path: polygon(0 -10%, 100% 0, 100% 90%, 0 100%);

  -webkit-clip-path: polygon(0 -10%, 100% 0, 100% 90%, 0 100%);*/

}

#features-section{

  

  text-align: center;

  /*background-image: url('../img/color_explosion.png');*/

  background-repeat: no-repeat;

  background-size: 574px auto;

  background-position: 27% center;

  position: relative;

}

#features-section article h2{

  font-family: 'boldGoth';

  

  color: #00bfa7;

  margin: 0;

  /*text-transform: uppercase;*/

}

#features-section-tyc{

  padding-top: 50px;

  text-align: center;

  background-image: url('../img/color_explosion.png');

  background-repeat: no-repeat;

  background-size: 574px auto;

  background-position: 27% center;

}

#features-section article h2{

  font-family: 'boldGoth';  

  color: #00bfa7;

  margin: 0;

  text-transform: uppercase;

}


#features-section article span{
  text-transform:none;
}





#features-section-tyc p{

  font-family: "Gotham", Helvetica Neue, Helvetica, Arial, sans-serif;

  font-size: 18px;

  color: #000;

  text-align:justify;

  margin: 0;

}

#features-section-tyc ul{

  text-align:left;

  font-family: "Gotham";

}





#features-section article h2 span{

  color:#99cf7d;

}

#features-info{

  display: flex;

  flex-direction:row;

  padding: 40px 0;

  align-items: center;

}

#features-info figure{

  width: 50%;

  margin: 0;

}

 

#features-items{

  width: 50%;

  list-style: none;

  padding: 0;

  margin: 0;

  text-align: left;

}

.features-items-title{
    color: #fff;
    font-size: 28px;
    color: #fff;
    text-shadow: -2px 3px 8px rgba(0, 0, 0, 0.3);
    margin: 0; 
    line-height: 1.3;
    font-family: 'bookGoth';
}

#features-info ul li{

  font-family: 'lightGoth';

  color: #000000;

  display: table;

  height: 84px;

  margin-bottom: 17px;

}

#features-items li img{

  width: 84px;

  height: auto;

  margin-right: 10px;

  box-shadow: -6px 4px 7px 0px #d9d9d9;

  border-radius: 50%;

}

#features-items li p{

  margin: 0;

  display: table-cell;

  vertical-align: middle;

}

#slide-3{ 

  z-index: -12;

}


#central-panel{
  padding: 0 20px;
}
#slide-3::after_{

    content: '';

    height: 0;

    position: absolute;

    bottom: 0px;

    left: 0;

    background-color: #fff;

    padding-bottom: 10%;

    width: 100%;

    z-index: 0;

    /* clip-path: polygon(0 0%, 100% 65%, 100% 100%, 0% 100%);

    -webkit-clip-path: polygon(0 0%, 100% 65%, 100% 100%, 0% 100%); */ 

}

#slide-3 .bcg2{

  background-image: url('../img/section3_bg.jpg');
  position:relative;
  height: auto;
  padding-bottom: 50px;

}

#slide-3 article{

  padding-top: 60px;

  display: flex;

  flex-direction:row;

/*  justify-content:space-between;*/

}

#slide-3 article #central-panel h2{
  font-size: 38px; 
  text-align: center;
  margin-top: 150px; 
}

#slide-3 article #central-panel p{
  font-size: 28px; 
  margin-top: 30px;
  text-align: center;
  font-family: 'bookGoth';
}


#central-img{

  /*background-image: url('../img/color_lines.png');*/

  background-repeat: no-repeat;

  background-size: 80%;

  background-position: center top;

  position: relative;

  z-index: 1;

}

#slide-3 article h2{

  font-family: 'boldGoth';

  color: #fff;

  text-shadow:-2px 3px 8px rgba(0, 0, 0, 0.3);

  margin: 0;

  line-height: 1.3;

}

#slide-3 article h2 span{

  color: #fbfb93;

}

#slide-3 article p{

  font-family: 'boldGoth';

  color: #fff;

  text-shadow:-2px 3px 8px rgba(0, 0, 0, 0.3);

  margin: 0;

}

#slide-3 article div p span{

  background-color: #00bfa7;

  color: #343c53;

  padding: 10px 35px;

  position: relative;

  top: -32px;

  left: -27px;

  z-index: 2;

}

#slide-3 article div p span::after{

  content: "";

  width: 0;

  height: 0;

  border-style: solid;

  border-width: 35px 0 35px 20px;

  border-color: transparent transparent transparent #00bfa7;

  position: absolute;

  top: 0;

  right: -20px;

}

#slide-3 article div p img{

  width: 100px;

  height: auto;

  position: relative;

  z-index: 3;

}

#slide-3 article figure{

  margin: 0;

  text-align: center;

  width: 493px;

}

#slide-3 article figure img{

  width: 283px;

  height: auto;

  position: relative;

  z-index: 5;

}

#slide-4{

  background: #fff;
 

  height: auto;

  z-index: -15;

}

#slide-4::after{

  /*content: ''; */

  height: 0;

  position: absolute;

  bottom: -84px;

  left: 0;

  background-color: inherit;

  padding-bottom: 35%;

  width: 100%;

  z-index: 0;

  /* clip-path: polygon(0 0%, 100% 0%, 100% 90%, 0% 100%);

  -webkit-clip-path: polygon(0 0%, 100% 0%, 100% 90%, 0% 100%); */

}

#slide-4 article{

  padding-top: 75px;

  position: relative;

  z-index: 1;

}

#slide-4 article h2{

  font-family: 'boldGoth';
  
  text-align: center;

  color:#4a155f;

  margin: 0;
 

  width: 600px;

  margin: 0 auto;

  padding: 7px 0;

  position: relative;

}

#slide-4 article h2::before{

  /*content: '';*/

  width: 0;

  height: 0;

  border-style: solid;

  border-width: 31px 15px 31px 0px;

  border-color: transparent #4a155f transparent;

  position: absolute;

  top: 0px;

  left: -15px;

}

#slide-4 article h2::after{

  /*content: '';*/

  width: 0;

  height: 0;

  border-style: solid;

  border-width: 31px 0 31px 15px;

  border-color: transparent #4a155f transparent;

  position: absolute;

  top: 0px;

  right: -15px;

}

 

#slide-4 article p{

  font-family: 'bookGoth';

  font-size: 28px;

  text-align: center;

  color: #4a155f;

  margin:   0 auto;

}

#slide-4 article figure{

  margin: 0;
    text-align: center;
    padding-top: 50px;
    height: 345px;
    overflow: hidden; 

}

#slide-4 article figure img{

  margin: 0 auto;
  width: 283px;
  height: auto;

}

#net-followup{

  padding-top: 30px;

  /*background-image: url('../img/color_explosion2.png');*/

  background-repeat: no-repeat;

  background-size: 863px auto;

  background-position: 40% 80%;

  position: relative;

  z-index: 2;

}

#net-followup .main-wrapper h2{
  font-family: 'boldGoth';
  color: #4a155f;
  text-align: center; 
  font-size: 38px;
}


#slide-5{

  background-color: #00b49d;

  height: auto;
 

  z-index: -17;

  padding-bottom: 50px;

}

#slide-5::after{

  /* content: ''; */

  height: 0;

  position: absolute;

  bottom: -84px;

  left: 0;

  background-color: inherit;

  padding-bottom: 35%;

  width: 100%;

  z-index: -18;

  /* clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0% 90%);

  -webkit-clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0% 90%); */

}

#slide-5 article{

  display: flex;

  flex-direction:row;

  justify-content:space-between;

}

#create-yoursite{

  position: relative;

  padding-top: 50px;

}

#create-text{

  width: 50%;

  font-family: 'boldGoth';

  color:#343c53;

  padding-top: 15px;

}

#create-text ul{
  margin: 0;
  padding: 0;
}

#create-text ul li{
  font-size: 28px;
  color: #fff; 
  line-height: 1.1;
  margin-bottom: 30px;
  font-family: 'bookGoth';
}


#create-text h2, #create-text p{

  margin: 0;
  position: relative;

}

#create-text h2 img{

  width: 100px;

  height: auto;

  position: relative;

  top:22px;

  z-index: 5;

  box-shadow: -8px 9px 10px rgba(0, 0, 0, 0.3);

  border-radius: 50%;

}

#web-page{

  background-color: #4a155f;

  color:#fbfb93;

  padding: 10px 5px;

  display: inline-block;

}

#web-page::after{

  content: "";

  width: 0;

  height: 0;

  border-style: solid;

  border-width: 35px 0 35px 15px;

  border-color: transparent #4a155f transparent;

  position: absolute;

  top: 0px;

  right: -15px;

}

#create-img{

  width: 50%;

  /*background-image: url('../img/color_lines2.png');*/

  background-repeat: no-repeat;

  background-size: 450px auto;

  background-position: center;

  position: relative;

  overflow: visible;

  z-index: 2;

}

#create-img figure{

  margin: 0;

  text-align: center;

}

#create-img figure img,
#features-info figure img{

  width: 283px;

  height: auto;

}

#slide-6{

  background-color: #4a155f;

  height:auto ;

  

  z-index: -18;
  padding-bottom: 50px; 

}

#slide-6::after{

  /* content: ''; */

  height: 0;

  position: absolute;

  bottom: -84px;

  left: 0;

  background-color: inherit;

  padding-bottom: 35%;

  width: 100%;

  z-index: -18;

  /* clip-path: polygon(0 0%, 100% 0%, 100% 90%, 0% 100%);

  -webkit-clip-path: polygon(0 0%, 100% 0%, 100% 90%, 0% 100%); */

}

#slide-6 article{

  display: flex;

  flex-direction:row;

  justify-content:space-between;

  align-items: center;

}

#manage-yoursite{

  padding-top: 50px;
 
  position: relative; 

}

#manage-img{

  width: 50%;

}

#manage-img figure{

  margin: 0;

  text-align: left;

}

#manage-img figure img{

  width: 283px;

  height: auto;

  transform: rotate(45deg);
}

#manage-text{

  width: 50%;

  font-family: 'boldGoth';

  color:#f4f48f;

  font-size: 34px;

  line-height: 1.3;


}

#manage-text div{

  display: table;

}

#manage-text div p{

  color: #fff;

  display: table-cell;

  font-family: 'bookGoth';

  vertical-align: top;

  margin: 0; 

  font-size: 28px;

}

#manage-text div:nth-child(2n){ 
   margin-top: 40px;
}

#manage-text div img{

  width: 60px;

  height: 60px;
 

  margin-right: 15px;

}

#manage-text div p span{

  color: #99cf7d;

}

#slide-7{

  background-color: #fff;

  height: auto;
 

  padding-bottom: 50px;

  z-index: -19;

}

#slide-7::after{

  /* content: ''; */

  height: 0;

  position: absolute;

  bottom: -84px;

  left: 0;

  background-color: inherit;

  padding-bottom: 35%;

  width: 100%;

  z-index: -18;

  /*clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0% 90%);

  -webkit-clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0% 90%);*/

}

#simulator-prices{

    position: relative;
   

}

#simulator-prices article{

  text-align: center;

}

#simulator-prices article h2{

  font-family: 'boldGoth';
  

  margin: 0;

  color: #343c53;

}

#simulator-prices article p{
    font-family: 'bookGoth';
    font-size: 28px;
    margin: 18px auto;
    padding: 0 20px; 
    color: #f28e01;
    text-align: center;

}


#simulator-img{

  /*background-image: url('../img/color_explosion4.png');*/

  background-repeat: no-repeat;

  background-size: 800px auto;

  background-position: center;

  display: flex;
  align-items: center;
  justify-content: center;


}

#simulator-img figure{

  margin: 0;
  display: flex;
  height: 460px;
  overflow: hidden;
  align-items: flex-end;
  justify-content: center;

}

#simulator-img figure img{

  width: 300px;

  height: auto;

}

#simulation-text{

  background-color: #00bfa7;

  color: #fff !important;

  display: inline-block;

  padding: 3px 10px;

  position: relative;

}

#simulation-text::before{

  content: '';

  width: 0;

  height: 0;

  border-style: solid;

  border-width: 31px 15px 31px 0px;

  border-color: transparent #00bfa7 transparent;

  position: absolute;

  bottom: 0px;

  left: -14px;

}

#simulation-text::after{

  content: '';

  width: 0;

  height: 0;

  border-style: solid;

  border-width: 31px 0 31px 15px;

  border-color: transparent #00bfa7 transparent;

  position: absolute;

  bottom: 0px;

  right: -14px;

}

.bcg3{

  background-position:center;

  background-repeat: no-repeat;

  background-attachment: fixed;

  background-size: cover;

  width: 100%;

  height: 790px;

}

#slide-8 .bcg3{

  background-image: url('../img/section8_bg.jpg');

   

  z-index: -20;

  padding-bottom: 50px;

}

#slide-8{

  position: relative;
 

}

#slide-8::after{

  /* content: ''; */

  height: 0;

  position: absolute;

  left: 0;

  bottom: -2px;

  background-color: #00b69e;

  padding-bottom: 10%;

  width: 100%;

  z-index: 0;

  /* clip-path: polygon(0 98%, 100% 60%, 100% 100%, 0% 100%);

  -webkit-clip-path: polygon(0 98%, 100% 60%, 100% 100%, 0% 100%); */ 

}

#slide-8 article{

  padding-top: 100px;

}

#slide-8 article h2, #slide-8 article p{

  font-family: 'boldGoth';

  font-size: 38px;

  margin: 0;

  color: #f28e01;

}

#slide-8 article p{

  font-size: 28px;

}


#prices-table{

  display: flex;

  flex-direction:row;

  justify-content:space-between;

  padding-top: 55px;

}

#slide-8 #prices-table p{

  font-family: 'lightGoth';

  font-size: 20px;

  color: #757575;

  margin-top: 25px; 

}

#slide-8 #prices-table div:nth-child(3n) p{
  color: #fff;
}

#slide-8 #prices-table span{

  font-family: 'mediumGoth';

  text-transform: uppercase;

}

#slide-8 #prices-table strong{

  font-family: 'mediumGoth';

}

#slide-8 #prices-table figure{

  margin: 0;

}

#slide-8 #prices-table figure img{

  width: 140px;

  height: 140px;

}

.feat-size{

  width: 31%;

  text-align: center;

}

#slide-9{

  background-color: #00b69e;

  height: auto;

  position: relative;

}
 

.logos-app-mobile{
  display: flex !important ;
  justify-content: space-around;
  width: 100%;
  margin-top: 35px; 
}

.logos-app-mobile img{
  height: 200px;
  width: auto ;
}

#slide-9 article{

  align-items: center; 

  padding-top: 50px;

  padding-bottom: 50px;

  display: flex;

  flex-direction:row;

  justify-content:space-between;

}

#download-steps{

  width: 50%;

  font-family: 'bookGoth';

  font-size: 34px;

  color: #fff;

}

#download-steps div{

  display: table;

}

#download-steps div p{

  margin:0;

  display: table-cell;

  vertical-align: top;

  line-height: 1.3;

  padding-bottom: 80px;

  font-size: 28px;

}

#download-steps div:nth-child(2n) p{
  padding-bottom: 0px;
}

#download-steps div p strong{

  font-family: 'boldGoth';

}

#download-steps div img{

  width: 80px;

  height: 80px;

  margin-right: 15px;

}

#download-img{

  width: 50%;

}

#download-img div{

  /* background-image: url('../img/color_explosion5.png'); */

  background-repeat: no-repeat;

  background-position: center;

  background-size: 100% auto;

}

#download-img div figure{

  text-align: center;

  margin: 0;

}

#download-img div figure img{

  width: 280px;

  height: auto;

}

#contact-section{

  background-color: #eeeeee;

  height: auto;

}

#contact-section article{

  display: flex;

  flex-direction:row;

  justify-content:space-around;

  padding: 80px 0 ;

  position: relative;

  width: 100%;

}

#contact-section article div p{

  font-family: 'mediumGoth';

  font-size: 38px;

  color:#4a155f; 

  margin: 0;
  font-weight: bold;


}

#contact-section article div p strong{
  font-size: 12px;
}

#icons-section{

  display: flex;

  flex-direction:row;

  justify-content:space-between;

  padding-top: 25px;

}

#icons-section a{  
  margin-right: 0px;
  margin-top: 21px;

}

#icons-section a img{

  width: 46px;

  height: auto;

}

#mail-address{

  display: table;

  padding-top: 12px;

}

#mail-address img{

  width: auto;

  height: 65px;

  margin-right: 5px;

}

#mail-address a{

  display: table-cell;

  vertical-align: middle;

  font-family: 'lightGoth';

  font-size: 14px;

  color: #00bfa7;

  height: 46px;

}

#app-download p{

  text-align: center;

}

#download-icons{

  display: flex;

  flex-direction: column ;

  padding-top: 25px;

}

#download-icons a:nth-child(1){

 margin-bottom: 25px; 

}

#download-icons a img{

  width: auto;

  height: 60px;

}

footer{

  background-color: #4a155f;

  height: auto;

}

footer article figure{

  margin: 0;

  text-align: center;

}

footer article p{

  font-family: 'lightGoth';

  font-size: 14px;

  color: #fff;

  text-align: center;

  line-height: 1.5;

  padding: 35px 0 0;

  margin: 0;

}

footer article p:nth-child(3n){
  padding: 10px 0 25px 0;
}

footer article p a {
  color: #fff;  
} 

footer article figure img{

  width: 192px;

  height: auto;
 

}


.footer-cointeiner-top{
  display: flex;
    width: 96%;
    align-items: center;
    justify-content: space-between;
    font-family: 'lightGoth';
    font-size: 14px;
    color: #fff;
    padding-top: 50px;
    margin: 0 auto;
}


.footer-nav{
  
  display: flex;
  flex-flow: column;
}


.footer-nav a{
  color: #fff; 
  line-height: 1.5;
}

.footer-text{
  text-align: right;
  line-height: 1.5;
}


#post-footer{

  background-color: #000;

  height: auto;

  text-align: center;

}

#post-footer article{

    padding: 15px 0;

}

#post-footer article a{

  font-family: 'lightGoth';

  font-size: 12px;

  text-decoration: none;

  color: #fff;

}

#post-footer article span{

  color: #fff;

}

#slide-2.slide-2__tyc{
  background: #fff;
}

#slide-2.slide-2__tyc .main-wrapper{ 
  width: 90%;
}

#slide-2.slide-2__tyc .main-wrapper p{
  font-size: 20px; 
}



.windows-visiblitity{    
  position: fixed;
  right: 20px; 
  z-index: 1000000;
  bottom: 0;
  top: 0;
  margin: 25% 0;

}

.windows-visiblitity__item{  
  
  height: 10px;
  margin: 10px 0;
  width: 10px;

}


.windows-visiblitity__item a{
  border-radius: 5px;
  background-color: #81379e;
  border: 1px #81379e solid; 
  display: block;
  height: 14px;
  width: 14px;
  box-shadow:  0 0 8px 1px rgba(0,0,0,.2);
}


.windows-visiblitity__item a.active{
  background-color: #ba6d00;
  border: 1px #000 solid; 
}


/******************************************/

/***************** Responsive ***********************/

@media screen and (max-width: 1200px){

  #download-steps div p {
    padding-right: 20px;
  }

  #prices-table{
    width: 98%;
  }
}

@media screen and (max-width: 1025px){


  
  
  #slide-3 article #central-panel h2{
    margin-top: 0;
  }

  .header .main-wrapper{
    width: 95%;
  }

  .main-wrapper{

    width: 100%;
    

  }

  .features-items-title{
    padding-top: 28px;
    width: 95%;
  }

  #header{

    flex-direction:column;

    text-align: center;

    height: auto;

  }

  #header-logo{

    padding-top: 0;

  }

  #header figure{

    margin-top: 80px;

  }

  #contact-info{

    width: 100%;

  }

  #contact-info article{

    flex-direction:column;

  }

  #dwd-btn{

    margin: 0px auto;

  }

  .bcg{

    background-attachment: local;

    height: auto;

  }

  .info-btn{

    padding-bottom: 15px;

  }

  #app-info{

    flex-direction:column;

  }

  #app-text{

    width: 100%;

  }

  #app-text article h1{

    padding-top: 40px;

    text-align: center;

    width: 90%;

    margin: 0 auto; 

  }

  #badges-section{

    flex-direction:column;

    padding-top: 40px;

  }

  #badges-section a{

    margin: 10px auto;

  }

  #device-container{

    width: 100%;

    padding-bottom: 100px;

    background-position: 50% 24%;

    background-image: url('../img/smartphone_8_2.png');

  }

  #device-container > div{

    display: none !important;

  }

  #features-section article h2{

    font-size: 32px;

  }

  #features-info{

    flex-direction:column;

  }

  #features-items{
    width: 90%;
    text-align: center; 
    padding-bottom: 40px;
  }

  #slide-2{

    height: auto;

  }

  #features-section{

    background-position: top center;

  }

  #features-info figure{

    width: 100%;

  }

  #features-items{

    margin: 0 auto;

  }

  #slide-3 .bcg2{

    height: auto;

  }

  #slide-3 article{

    padding-top: 60px;

    flex-direction:column;

  }

  #slide-3 article h2{

    text-align: center;

  }

  #slide-3 article p{

    text-align: center;

    margin-bottom: 50px;

    padding: 0 30px;

  }

  #slide-4 article p{
    text-align: center; 

    width: 92%;
  }

  #slide-3 article figure{

    width: 100%;

  }

  #central-img{

    background-size: 40%;

  }

  #slide-4 article{

    padding-top: 30px;

  }

  #slide-5{

    height: auto;

  }

  #create-yoursite{

    padding-top: 6px;

  }

  #slide-5 article{

    flex-direction:column;

  }

  #create-text{

    margin: 0 auto 30px;

    padding-top: 0;

    width: 90%;

  }

  #create-img{

    margin: 0 auto;

  }

  #slide-6{

    height: auto;

  }

  #slide-6 article{

    flex-direction:column;

  }

  #manage-yoursite{

    background-position: center 12%;

  }

  #manage-img{

    margin: 0 auto;

  }

  #manage-img figure{

    text-align: center;

  }

  #manage-text{

    padding-top: 0;

    margin: 0 auto;

    width: 90%;

  }

  #slide-7{

    height: auto;

  }

  #simulator-prices article{

    padding-bottom: 50px;

  }

  #simulator-img{

    background-size: 80% auto;

  }

  .bcg3{

    height: auto;

  }

  #slide-8 article{

    padding: 100px 0;

  }

  #prices-text{

    text-align: center;

  }

  #slide-9 article{

    flex-direction:column;

    padding-top: 50px;

  }

  #download-steps{

    margin: 0 auto;

    width: 90%;

  }

  #download-img{

    margin:0 auto;

    padding-bottom: 20px;

  }

  #download-steps div p{

    padding-bottom: 40px;

  }

  #contact-section article{

    flex-direction:column;

  }

  #icons-section{

    justify-content:space-around;

    width: 25%;

    margin: 0 auto;

  }

  #contact-section article div p{

    text-align: center;

  }

  #mail-address{

    margin: 0 auto;

  }

  #mail-section{

    margin-top: 50px; 

  }

  #download-icons{

    margin: 0 auto;

  }

  #app-download{

    margin: 50px auto;

  }

}

@media screen and (max-width: 990px){


  #slide-1 .bcg { 
    background-position: right;
    }

  #create-text{ 

    width: 60%;

  }

  #create-text h2, #create-text p{

    font-size: 28px;

  }

  #web-page::after{

    border-width: 32px 0 32px 15px;

  }

}

 


@media screen and (max-width: 765px){
  

  #app-text article h1{
    font-size: 28px;
  }


  #app-text article h1 span{
      font-size: 38px;
  }


  #slide-3 article #central-panel h2,
  #net-followup .main-wrapper h2,
  #slide-8 article h2,
  #contact-section article div p {
    font-size: 34px; 
  }


  .features-items-title,
  #slide-3 article #central-panel p,
  #slide-4 article p,
  #create-text ul li,
  #manage-text div p ,
  #simulator-prices article p,
  #slide-8 article p    {
    font-size: 24px; 
  }


  #app-text-tyc article h1{
    font-size: 30px;
  }
  .windows-visiblitity{
    display: none;
  }
  

}

@media screen and (max-width: 745px){

  #app-text article{

    font-size: 28px;

  }


  #slide-3 article p{

    font-size: 28px;

  }

  #slide-3 article div p span{

    top:-28px;

  }

  #slide-3 article div p span::after{

    border-width: 30px 0 29px 20px;

  }

  #slide-3 article div p img{

    width: 80px;

  }

  #slide-3 article figure img{

    width: 250px;

  }

  #slide-4 article h2{

    width: 480px;

  }

  #slide-4 article h2::before{

    border-width: 26px 15px 27px 0px;

  }

  #slide-4 article h2::after{

    border-width: 26px 0 27px 15px;

  }


 

  #slide-4 article figure{

    padding-top: 28px;

    height: 307px;

  }

  #net-followup{

    padding-top: 0;

  }

  #slide-4 article figure img{

    width: 250px;

    height: auto;

  }

  #slide-4::after{

    bottom: -30px;

  }

  #net-followup{

    background-size: 550px auto;

  }

  #create-yoursite{

    padding-top: 40px;

  }

  #create-img{

    background-size: 360px auto;

  }

  #manage-img figure img{

    width: 250px;

  }

  #manage-text div img{

    width: 40px;
    width: 40px;

    padding-top: 20px;

  }


  

  #manage-text{

    font-size: 28px;

    width: 70%;

  }

  #manage-text br{

    display: none;

  }

 
 

  #simulation-text::before{

    border-width: 25px 15px 25px 0px;

  }

  #simulation-text::after{

    border-width: 25px 0 25px 15px;

  }

 
  

  .feat-size{

    width: 25%;

  }

  #prices-table{

    padding-top: 30px;

  }

  #slide-8 #prices-table figure img{
    height: auto;
    width: 80px;

  }

  #download-steps{

    width: 70%;

    font-size: 28px;

  }

  #download-steps div img{

    width: 70px;

    height: 70px;

  }

}

@media screen and (max-width: 735px){

  #slide-2 br{

    display: none;

  }

  #create-text h2, #create-text p{

    font-size: 28px;

  }

  #web-page::after{

    border-width: 30px 0 30px 15px;

  }

  #create-text h2 img{

    width: 80px;

  }

}

@media screen and (max-width: 663px){

  #app-text article h1 img{

    width: 185px;

  }

  #badges-section{

    padding-top: 30px;

  }


  #badges-section a{

    width: 200px;

  }

  #device-container{

    background-size: 250px auto;

    padding-bottom: 0;

  }

  #features-items{

    width: 85%;

  }

  #slide-3 article p{

    margin-bottom: 30px;

    font-size: 28px;

  }

  #slide-3 article h2{

    font-size: 28px;

  }

  #slide-3 article div p img{

    width: 70px;

  }

  #slide-3 article div p span{

    top: -24px;

  }

  #slide-3 article div p span::after{

    border-width: 27px 0 27px 20px;

  }

  #slide-3 article figure img{

    width: 200px;

  }


  

  #slide-4 article h2{

    width: 400px;

  }

  #slide-4 article h2::before{

    border-width: 23px 15px 24px 0px;

  }

  #slide-4 article h2::after{

    border-width: 24px 0 23px 15px;

  }
 

  #create-text{

    width: 80%;

  }

  #simulator-prices article h2{

    font-size: 24px;

  }

  #simulator-prices article{

    padding-bottom: 0;

  }

  #simulation-text::before{

    border-width: 20px 15px 19px 0px;

  }

  #simulation-text::after{

    border-width: 20px 0 19px 15px;

  }

  #create-img figure img,
  #simulator-img figure img{

    width: 250px;

  }

  #simulator-img figure{
    height: 382px;
  }

 
  

  #prices-table{

    flex-direction:column;

  }

  .feat-size{

    width: 50%;

    margin:0 auto 30px;

  }

  #download-img div figure img{

    width: 240px;

  }

  footer article p{

    padding: 30px 80px 50px;

  }

  #features-info ul li{

    height: 64px;

  }

  #features-items li img{

    width: 64px;

  }

  .footer-cointeiner-top{ 
    flex-flow: column;
    justify-content: center;
  }

  .footer-nav,
  .footer-text{
    text-align: center;
    margin-bottom: 30px;
  }

  .footer-logo{
    margin-bottom: 30px;
  }

 
}

@media screen and (max-width: 550px){

  #app-text article{

    line-height: 1.5;

  }

  #device-container{

    background-size: 215px auto;

    height: 500px;

  }



 
  #features-section{

    background-size: 360px auto;

    background-position: 50% 17%;

  }



  #slide-3 article div p img{

    width: 60px;

  }

  #slide-3 article div p span{

    top: -22px;

  }

  #slide-3 article div p span::after{

    border-width: 23px 0 24px 20px;

  }

  #slide-3 article figure img{

    width: 180px;

  }



  #slide-4 article h2{

    font-size: 25px;

    width: 350px;

  }

  #slide-4 article h2::before{

    border-width: 20px 15px 21px 0px;

  }

  #slide-4 article h2::after{

    border-width: 21px 0 20px 15px;

  }



  #slide-4 article figure{

    height: 245px;

    padding-top: 25px;

  }

  #slide-4 article figure img{

    width: 200px;

  }


  

  #create-text h2, 
  #create-text p{

    font-size: 25px;

  }

  #create-text h2 img{
    

    width: 60px;

    top: 13px;

  }

  #web-page::after{

    border-width: 24px 0 23px 15px;

  }

  #create-img{

    background-size: 0;

  }

  #simulator-img figure{
    height: 305px;
  }
  #create-img figure img,
  #simulator-img figure img,
  #features-info figure img{

    width: 200px;

  }

  #slide-6 article{

    padding-top: 40px;

  }

  #manage-img figure img{

    width: 185px;

  }

  #manage-yoursite{

    background-size: 450px auto;

    background-position: center 20%;

  }


  

  
  #simulation-text::before{

    border-width: 17px 15px 16px 0px;

  }

  #simulation-text::after{

    border-width: 17px 0 16px 15px;

  }

  #slide-8 article{

    padding: 150px 0 30px;

  }

 
  

  #slide-8 #prices-table figure img{

    width: 80px;

  }

  #slide-8 #prices-table p{

    margin-top: 10px;


  }

  #download-steps{

    width: 85%;

  }

  #download-steps div img{

    width: 60px;

    height: 60px;

  }

  #download-steps div p{
    font-size: 24px;

  }

 
  

}


@media screen and (max-width: 500px){
  .nav-header a{
    display: flex ;

  }
  .nav-header a img{
    display: block;
    width: 30px;
  }
  .nav-header a span{
    display: none;
  }


  
}

@media screen and (max-width: 450px){

  #slide-1 .bcg { 
    background-image: none ;
    background-color: #fff; 
  }

  #app-text article h1{
    font-size: 24px;
  }


  #app-text article h1 span{
      font-size: 34px;
  }

 

  #download-img div figure img{

    width: 200px;

  }

}

@media screen and (max-width: 400px){
  

  #header-logo{

    width: 300px;

    height: auto;

  }

  #app-text article h1{    

    width: 85%;

    margin: 0 auto;

  }

  #app-text article h1 img{

    width: 155px;

    padding-top: 5px;

  }



  

  #slide-3 article div p img{

    width: 50px;

  }

  #slide-3 article div p span{

    top:-17px;

  }

  #slide-3 article div p span::after{

    border-width: 21px 0 21px 20px;

  }

  #slide-4 article h2{

    font-size: 20px;

    width: 270px;

  }

  #slide-4 article h2::before{

    border-width: 18px 15px 18px 0px;

  }

  #slide-4 article h2::after{

    border-width: 18px 0 18px 15px;

  }



  #create-text h2 img{

    width: 50px;

  }

  #web-page::after{

    border-width: 21px 0 21px 15px;

  }

  #create-img figure img,
  #features-info figure img{

    width: 180px;

  }

  #manage-img figure img{

    width: 150px;

  }

  #manage-yoursite{

    background-size: 375px auto;

  }


  #manage-text div img{

    width: 50px;

  }


  #slide-7::after{

    bottom: -50px;

  }

  #simulation-text::before{

    border-width: 14px 15px 14px 0px;

  }

  #simulation-text::after{

    border-width: 14px 0 14px 15px;

  }

  #slide-8 article{

    padding: 85px 0 30px;

  }



  #download-steps div img{

    width: 50px;

    height: 50px;

  }



  #download-icons{

    flex-direction:column;

    margin: 0 auto;

    text-align: center;

  }

  #download-icons a:nth-child(1){

    margin: 0 0 10px;

  }

  #contact-section article{

    padding: 80px 0 0;

  }

  #download-img{

    width: 80%

  }

  

}

@media screen and (max-width: 360px){

    #app-text article h1{
      font-size: 20px;
    }
  
  
    #app-text article h1 span{
        font-size: 30px;
    }
  
}

/****************************************************/