/**
 *   
 *  
 *  RESPONSIVE
 *  
 *
 */





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

    body {
    background-image: url(../images/line1120.png);
    font-size: 16px;
}
.skw {

    background-image: url(../images/line1120.png);

}

#start {
    background-repeat: no-repeat;
    background-position: right 108px;
    background-image: url(../images/bg1.svg);
    background-size: 752px auto;
}

#start .title {
    font-weight: bold;
    font-size: 70px;
    line-height: 88px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.title {
    font-size: 70px;
    line-height: 88px;
}

.menu a {
    display: inline-block;
    padding-left: 28px;
}

.anim_start1 {
    position: absolute;
    left:51px;
    top: 120px;
    background-repeat: no-repeat;
    background-position: left top;
    width: 674px;
    height: 665px;
    background-image: url(../images/s1_bg1.svg);
}
.slot2 .cont .row {
    background-image: url(../images/s2_bg.svg);
    background-repeat: no-repeat;
    background-position: 762px 0px;
    background-size: 374px auto;
}

.slot2 .anim2 {
    background-image: url(../images/s2_a1.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50px auto;
    width: 140px;
    height: 200px;
    position: absolute;
    top:97px;
    right: 240px;
}

.slot3 {
    background-image: url(../images/s3_bg.svg);
    background-repeat: no-repeat;
    background-position: -307px 217px;
    background-position: calc(50% - 586px) 337px;
}


.intro {
line-height: 45px;
}

.text {
    font-weight: 400px;
    font-size: 20px;
    width: 509px;
    margin-bottom: 57px;
}
.slot3 .ani1 {
    width: 184px;
}
.slot3 .ani2 {
    width: 182px;
}
.slot3 .ani3 {
    width: 180px;
}


.slot4 .cont .row {
    background-image: url(../images/s4_bg.svg);
    background-repeat: no-repeat;
    background-position: 762px 70px;
    background-size: 410px auto;
}
.arrani {
    background-image: url(../images/s4_a1.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 250px auto;
    position: absolute;
    width: 307px;
    height: 268px;
    right: -58px;
    top: 49px;
}

.doti {
    background-image: url(../images/s5_a1.svg);
    background-repeat: no-repeat;
    background-position: left top;
    width: 322px;
    height: 182px;
    position: absolute;
    left: -560px;
    top: 240px;
}


.slot5 .text {
    margin-top: 83px;
    width: 560px;
}
.lbform {
    float: left;
    width: 747px;
}
.rbform {
    float: left;
    width: 373px;
}

.sendblock button.but {
    color: #fff;
    margin-left: 136px;
}
.s7ani {
    position: absolute;
    width: 150px;
    height: 250px;
    top: 480px;
    left: -275px;
}
.slot7 .row {
    background-image: url(../images/s7_bg1.svg);
    background-repeat: no-repeat;
    background-position: 15px top;
    /* position: absolute; */
}
.slot8 .row {
    background-image: url(../images/s8_bg.svg);
    background-repeat: no-repeat;
    background-position: 762px 85px;
    background-size: 373px auto;
}
.lbabout {
    float: left;
    width: 558px;
}
.rbabout {
    float: left;
    width: 510px;
}


.slot8 .row .blockl .fd {
    background-size: 32px auto;
  right: 244px;
  top: 272px;
}
.slot8 .row .blockl .fd2 {
  right: 195px;
  top: 225px;
}
.slot8 .row .blockl .fd3 {
  right: 156px;
  top: 262px;
}


}









/* Medium Devices, Desktops 1024 Ipad landscape */
@media only screen and (max-width : 1200px) {

/*.row {background-color: rgba(20,20,150,0.2)}*/

#start,.slot2 .cont .row,.slot2 .anim2,
.slot4 .cont .row,.arrani, .slot8 .row
 {
    background-size: auto auto;
}
 
.slot2 .cont .row {
    background-image: none;
}


body {
    background-image: url(../images/ipad/line.png);
    font-size: 16px;
}

.mobmenuicon {
  display: block;
}

.arrani,.doti ,.mesani,.s7ani,.anistr{
  display: none;
}

.fd {
    display: none
} 
.logo a {
  display: block;
  background-image: url("../images/ipad/logow.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 155px auto;
  width: 155px;
  height: 52px;
}

.anim_start1 {
  position: absolute;
  left: 64px;
  top:120px;
  background-repeat: no-repeat;
  background-position: left top;
  width: 674px;
  height: 665px;
  background-image: url("../images/ipad/s1_bg1.svg");
}
.anim1 {
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  width:394px;
  height: 383px;
  left: 0px;
  top:0px;
  background-image: url("../images/ipad/s1_a1.svg");

}








#start  {
  background-repeat: no-repeat;
  background-position:calc(50% + 209px) 169px;
  background-image: url("../images/ipad/bg1.svg");
  padding-bottom: 120px;
}




#start .menu {display: none;}

#start .title {
    font-weight: bold;
    font-size: 40px;
    line-height: 45px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
#start .intro {
    font-weight: 500;
    font-size: 30px;
    margin-bottom: 55px;
}
#start .text {
    font-weight: 500;
    font-size: 16px;
    width: 360px;
    margin-bottom: 57px;
}

.but {
    width: 200px;
    height: 60px;
    font-size: 18px;
    line-height: 60px;
    color: #fff;
}
.mouse {
    display: none;
}

#back-top {
    right: 50px;
    bottom: 75px;
}




section.blk {
    padding-top:100px;
}
section.blk .cont {
    top: 60px;
}
.slot2 .cont {
    padding-top: 60px;
    padding-bottom: 100px;
}
.slot2.skw {
    height: 910px;
}
.skw {
    transform: skewY(-5deg);
    background-color: #fff;
    min-height: 300px;
    background-image: url(../images/ipad/line.png);
    background-repeat: repeat-y;
    background-position: center top;
}
.title {
    font-weight: bold;
    font-size: 40px;
    line-height: 48px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.slot2 .intro {
    margin-bottom: 45px;
}

.intro {
    font-weight: 400;
    font-size: 30px;
    margin-bottom: 35px;
    line-height: 35px;
}

.text {
    font-weight: 400;
    font-size: 16px;
    width: 100%;
    margin-bottom: 57px;
}
.slot2 .text {
  width: 50%;
}
.slot2 .anim2 {
    background-image: url(../images/ipad/s2bg.svg);
    background-repeat: no-repeat;
    background-position: center center;
    width: 245px;
    height: 174px;
    position: absolute;
    top: 0px;
    right: 15px;
}

.slot3 .blockr {
 width: 100%;
 margin-left: 0;
}
.slot3 .intro {
    margin-bottom: 87px;
}
.slot3 .why_b {
    margin-bottom: 60px;
}
.slot3 {
    background-image:none;
}
.slot3  .title,
.slot3  .intro {
  margin-left: 50%;
}
.slot3 .row {
    background-image: url(../images/ipad/s3bg.svg);
    background-repeat: no-repeat;
    background-position: 15px 0px;
}
.slot3 .ani1 {
    display: inline-block;
    vertical-align: top;
    width: 242px;
    padding-right: 0px;
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 88px;
    background-image: url(../images/ipad/s3d1.svg);
    /*background-image: url("../images/ipad/d00.svg");*/

}
.slot3 .ani2 {
    display: inline-block;
    vertical-align: top;
    width: 241px;
    padding-right: 0px;
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 88px;
    background-image: url(../images/ipad/s3d2.svg);
    /*background-image: url("../images/ipad/d00.svg");*/
}
.slot3 .ani3 {
    display: inline-block;
    vertical-align: top;
    width: 235px;
    padding-right: 0px;
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 88px;
    background-image: url(../images/ipad/s3d3.svg);
    /*background-image: url("../images/ipad/d00.svg");*/
}



.slot4 .komu_txt {
    font-size: 12px;
}

.slot4 .intro {
    margin-bottom: 60px;
}
.slot4.skw {
    height: 820px;
}
.slot4 .cont .row {
    background-image: url(../images/ipad/s4bg.svg);
    background-repeat: no-repeat;
    background-position: 505px 0px;
}

.slot4 ul {
    list-style: none;
    margin-bottom: 42px;
    margin-right: 226px;
}
.slot5 .text {
    margin-top: 83px;
    width: 100%;
}
.slot5 {
    background-image: url(../images/ipad/s5txt.svg);
    background-repeat: no-repeat;
    background-position: calc(50% + 146px) 89px;
}
.slot5 .row {
    background-image: url(../images/ipad/s5bg.svg);
    background-repeat: no-repeat;
    background-position: 10px 34px;
}
.slot5.blk {
    height: auto;
    padding-top: 100px;
    padding-bottom: 60px;
}
.slot6.blk {
    height: 980px;
    padding-top: 100px;
    padding-bottom: 60px;
}
.lbform {
    float: left;
    width: 368px;
    padding-right: 15px;
}
.rbform {
    float: left;
    width: 368px;
}
.slot6 .cont .blockl {
    background-image: url(../images/ipad/s6bg.svg);
    background-repeat: no-repeat;
    background-position: 0px 225px;
}
.sendblock button.but {
    color: #fff;
    margin-left:0px;
}
.slot7 {
    background-image: url(../images/ipad/s7txt.svg);
    background-repeat: no-repeat;
    background-position: calc(50% - 237px) 82px;
}
.slot7 .row{
    background-image: url(../images/ipad/s7bg.svg);
    background-repeat: no-repeat;
    background-position: 15px 171px;
}
.slot7.blk {
    height: auto;
    padding-top: 170px;
    padding-bottom: 60px;
}
.slot7 ul li {
    background-image: url(../images/li5m.svg);
    background-repeat: no-repeat;
    background-position: left 6px;
    margin-left: 0px;
    padding-left: 38px;
    margin-bottom: 20px;
    line-height: 27px;
}

.slot8 .row {
    background-image: url(../images/ipad/s8bg.svg);
    background-repeat: no-repeat;
    background-position: 505px 0px;
}

.slot8.blk {
    height: 840px;
}
.slot8 .blockl {
    width: 50%;
}
.slot8 ul li {
    background-image: url(../images/lim.svg);
    background-repeat: no-repeat;
    background-position: left top;
    margin-left: 0px;
    padding-left: 50px;
    margin-bottom: 20px;
    line-height: 20px;
}
.top10 {
    background-image: url(../images/10m.svg);
    background-repeat: no-repeat;
    background-position: left top;
    margin-left: 0px;
    padding-left: 50px;
    margin-bottom: 20px;
    line-height: 20px;
    font-weight: 600;
}

.slot9.blk {
    height: auto;
    padding-top: 90px;
    padding-bottom: 30px;
}
.slot9 {
    background-image: url(../images/ipad/s9bg.svg);
    background-repeat: no-repeat;
    background-position: calc(50% - 193px) 62px;
}
.slot9 .intro {
    margin-bottom: 40px;
}


section.blk.slot10 .cont {
    top: 100px;
}


.lbabout {
    float: left;
    width: 369px;
}
.rbabout {
    float: left;
    width: 350px;
}
.emptyfin {
    position: absolute;
    bottom: -600px;
    background-color: #fff;
    width: 100%;
    height: 800px;
    transform: skewY(5deg);
    background-image: url(../images/ipad/line.png);
    background-repeat: repeat-y;
    background-position: center top;
}
.slot10 ul li {
    background-image: url(../images/li2m.svg);
    background-repeat: no-repeat;
    background-position: left top;
    margin-left: 0px;
    padding-left: 50px;
    margin-bottom: 20px;
    line-height: 20px;
}
.slot10 ul {
    list-style: none;
    margin-bottom: 45px;
}
.about_text {
    padding-top: 70px;
}
.slot10 h3 br {
    display: inline;
}
#wrapper {
    margin: 0 auto;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    padding-bottom: 670px;
    /* height: 100vh; */
}
.emptyfin {
    bottom: -670px;
    height: 800px;
}

}














/* Small Devices, Tablets 768  Ipad port*/
@media only screen and (max-width : 991px) {





}

















/* 640!  iphone6 landscape */
@media only screen and (max-width : 767px) {
body {
    background-image: none;
    font-size: 14px;
}

#back-top {
    display: none !important;
}

.logo a {
  display: block;
  background-image: url("../images/mob/logow.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: auto 35px;
  width: 150px;
  height: 35px;
}

.but {
    width: 180px;
    height: 60px;
    font-size: 16px;
    line-height: 60px;
    color: #fff;
}

#start {
    background-repeat: no-repeat;
    background-position: center 180px;
    background-image: url(../images/ipad/bg1.svg);
    padding-bottom: 120px;
    height: 700px;
}
.topmenu_block {
    margin-top: 35px;
}
.anim_start1 {
    position: absolute;
    left: 0px;
    top: 120px;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 50px;
    background-image: none;
}
.anim1 {
    background-repeat: no-repeat;
    background-position: center right 25px;
    -webkit-background-size: 85px 85px;
    background-size: 85px 85px;
    position: absolute;
    width: 100%;
    height: 100px;
    left: 0px;
    top: 0px;
    background-image: url(../images/ipad/s1_a1.svg);
}

#start .title {
    font-weight: bold;
    font-size: 30px;
    line-height: 32px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
#start .title {
    margin-top: 175px;
}
#start .text {
    font-weight: 500;
    font-size: 14px;
    width: 100%;
    margin-bottom: 47px;
}
.blockr {
    margin-left: 0%;
    color: #fff;
    position: relative;
}
#start .text {
    font-weight: 500;
    font-size: 16px;
    width: 100%;
    margin-bottom: 57px;
}
.mobile {
  display: block;
}
.skw {
    background-image: none;
}
.slot2 .text {
    width: 100%;
}
.slot4 .blockl {
    width: 100% ;
}
.slot2.skw {
    height: 1223px;
}
.title {
    font-weight: bold;
    font-size: 30px;
    line-height: 38px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.slot2 .intro {
    margin-bottom: 45px;
}
.text {
    font-weight: 400;
    font-size: 14px;
    width: 100%;
    margin-bottom: 57px;
}

.slot2 .anim2 {
  display: none;
}

.slot2 ul.li3 li {
    margin-bottom: 10px;
    padding-left: 40px;
}

.slot3 .row {
    background-image: none;
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
.slot3 {
    background-image: url(../images/mob/s3bg.svg);
    background-repeat: no-repeat;
    background-position: 0px 88px;
}
.slot3 .blockr {
   
   padding-top: 25px;
}
.slot3 .title {
    margin-bottom: 0px;
}
.slot3 .title, .slot3 .intro {
  margin-left: 0;
}
.slot3 .intro {
    margin-bottom: 40px;
}
.slot3 .ani1,
.slot3 .ani2,
.slot3 .ani3 {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding-right: 0px;
    padding-left: 100px;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: auto 52px ;
    padding-top: 18px;
    height: 85px;
}

.slot3 .ani2 { background-size:auto 52px ; }
.slot3 .ani3 { background-size:auto 52px ; }
.slot3 .why_b {
    margin-bottom: 20px;
}

.slot4 .cont .row {
    background-image: none;
}
.slot4 .cont{
    background-image: url(../images/ipad/s4bg.svg);
    background-repeat: no-repeat;
    background-position: right 20px top 105px;
    background-size:129px 132px ;
    padding-top: 160px;
}
.slot4 ul {
    list-style: none;
    margin-bottom: 42px;
    margin-right: 0px;
}
.slot4 ul li {
    background-image: url(../images/li1m.svg);
    background-repeat: no-repeat;
    background-position: left top;
    margin-left: 0px;
    padding-left: 30px;
    margin-bottom: 20px;
}
.slot4.skw {
    height: 1020px;
}

.slot4 .komu_txt {
	  font-size: 12px;
}

.slot5 {
    background-image: url(../images/mob/s5bg.svg);
    background-repeat: no-repeat;
    background-position: right 219px;
}
.slot5 .blockr {
    height: 1000px;
    padding-top: 210px;
    padding-bottom: 60px;
    background-repeat: no-repeat;
    background-position: right 50px top;
    background-image: url(../images/mob/s5bg1.svg);
}
.slot5 .row {
    background-image: none;
}
.slot5 .text {
    margin-top: 40px;
    width: 100%;
    padding-bottom: 150px;
    
}

.slot5 .bggg {
    background-repeat: no-repeat;
    background-position: 0 bottom;
    background-image: url(../images/mob/s5bg2.svg);    
}


.slot5 .title {
    padding-right: 45px
}
.slot6 .cont {
    padding-top: 70px;
    padding-bottom: 100px;
}
.slot6 .cont .blockl {
    background-image: url(../images/mob/s6bg.svg);
    background-repeat: no-repeat;
    background-position: right top;
    padding-top: 10px;
}

.slot6 .text {
    margin-bottom: 30px;
}

.slot7 {
    background-image: url(../images/ipad/s7txt.svg);
    background-repeat: no-repeat;
    background-position: calc(50% - 237px) 82px;
    background-position: center 95px;
}


.lbform {
    float: none;
    width: 100%;
    padding-right: 0px;
}
.rbform {
    float: none;
    width: 100%;
}
.form_row label {
    display: block;
    font-size: 12px;
}
.form_row input, .form_row textarea {
    background: rgba(0, 0, 0, 0.1);
    color: #000;
    border: 0;
    padding: 7px;
    font-size: 14px;
    width: 100%;
}
.slot6.blk {
    height: 1000px;
    padding-top: 100px;
    padding-bottom: 60px;
}
.form_row input {
    height: 30px;
    line-height: 30px;
}
.form_row textarea {
    height: 80px
}

.slot7.blk {
    height: auto;
    padding-top: 80px;
    padding-bottom: 65px;
}
.slot7 .intro {
    margin-bottom: 60px;
}

.slot7 ul li {
    background-image: url(../images/mob/li5m.svg);
    background-repeat: no-repeat;
    background-position: left 0px;
    margin-left: 0px;
    padding-left: 38px;
    margin-bottom: 20px;
    line-height: 27px;
}
.slot7 .row {
    background-image: none;
}

.slot7 .blockr {
 background-image: url(../images/mob/s7bg2.svg);
    background-repeat: no-repeat;
    background-position: left bottom; 
    padding-bottom: 320px;  
}

.slot8.blk {
    height: 1000px;
}

.slot8 .blockl {
    width: 100%;
    background-image: url(../images/mob/s8bg.svg);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding-top: 210px;
}
.slot8 .row {
    background-image: none;
}
section.blk.slot8 .cont {
    top: 130px;
}
.slot8 .title {
    margin-bottom: 34px;
}

.intro {
 line-height: normal;
 
}

.slot9.blk {
    height: 870px;
    padding-top: 90px;
    padding-bottom: 30px;
}
.slot9.blk .blockr {
    padding-top: 150px;
    background-image: url(../images/mob/s9bg.svg);
    background-repeat: no-repeat;
    background-position: right -40px top -0px;
}
.slot9 {
    background-image: url(../images/mob/s9txt.svg);
    background-repeat: no-repeat;
     background-position: center 85px;
}

.slot9.blk .blockr .title {
    padding-top: 245px;
}

.emptyfin {
    position: absolute;
    bottom: -800px;
    background-color: #fff;
    width: 100%;
    height: 900px;
    transform: skewY(5deg);
    background-image: none;
}
.slot10 .intro {
    margin-bottom: 10px;
}
.lbabout {
    float: none;
    width: 100%;
    margin-bottom: 43px;
}
.rbabout {
    float: none;
    width: 100%;
}
.slot10 h3 {
    margin-bottom: 40px;
    font-size: 14px;
}
.slot10 ul.li3 li {
    margin-bottom: 10px;
    padding-left: 40px;
}
.slot10 ul {
    list-style: none;
    margin-bottom: 30px;
}
.slot10 ul.li4 li {
    font-size: 12px;
    padding-left: 40px;
    margin-bottom: 8px;
    line-height: 20px;
}
#wrapper {
    padding-bottom: 800px;
    /* height: 100vh; */
}
}











/* Extra Small Devices, iphone6 Phones Landscape  */
@media only screen and (max-width : 400px) {



}














/* Extra Small Devices, Phones */
@media only screen and (max-width : 380px) {



}