section.why_bnr{background:url(../png/whychose_bnr.png) no-repeat;background-size:100% 100%;background-attachment:fixed;padding:150px 0}
.why_bnrwrap>h1{color:#fff;font-size:52px;font-weight:700;font-family:'Roboto', sans-serif;letter-spacing:1px;margin:0;line-height:65px}



.whybnr_btn{border:2px solid #35da5c;border-left:7px solid #35da5c;font-weight:600;color:#fff;width:180px;height:52px;font-family:'Roboto', sans-serif;font-size:14px;background:none;margin:33px 0 0 0;transition:.3s}
.whybnr_btn:hover{background:#3cd353;}
.why_mostwrap{width:100%;float:left}
.why_mostarea{width:50%;float:left} 
.why_msotimg{width:60%;float:left}
.why_msotimg>img{width:100%;height:475px}
.why_mosttxt{width:40%;float:left;background:#35da5c;color:#fff;vertical-align:middle;height:475px;padding:100px 20px;font-family:'Roboto', sans-serif;}
.why_mosttxt>img{margin:0 0 15px}
.why_mosttxt>p{font-size:32px;line-height:45px;font-weight:410;font-family:'Roboto', sans-serif;}
.why_mostarea_rgt{width:50%;float:left;padding:100px 175px 150px 100px;font-family:'Roboto', sans-serif;} 
.why_mostarea_rgt>h3{color:#2b78e1;font-size:17px;letter-spacing:1px}
.why_mostarea_rgt>h2{color:#222222;font-size:32px;line-height:44px;margin:15px 0 25px}
.why_mostarea_rgt>p{color:#8b8b8b;font-size:15px;line-height:31px;letter-spacing:1px}
section.whyicptn{padding:100px 0;background-image:url(../png/why_icnpatrn.png);background-repeat:repeat-x;background-position:0px 156px;width:100%;float:left}
.why_icnwrp{width:90%;margin-left:auto;margin-right:auto;text-align:center;font-family:'Roboto', sans-serif;}
.why_icnwrp>h4{color:#137fe4;font-size:46px;font-weight:710;margin:35px 0 20px}
.why_icnwrp>h5{font-size:19px;font-weight:700;color:#292929;letter-spacing:1px;line-height:23px}
.why_icnwrp>p{color:#7b7b7b;font-size:14px;line-height:22px}
section.why_makeus_bg{background:#f2f2f2;padding:60px 0;float:left;width:100%}
h2.ttle{color:#222222;font-size:34px;font-weight:710;text-align:center;font-family:'Roboto', sans-serif;}
.why_box{background:#fff;border:1px solid #dadada;padding:30px 50px;margin:60px 0 0 0;text-align:center;font-family:'Roboto', sans-serif;transition:.3s}
.why_box:hover{box-shadow:0px 0px 50px #dedede}
.why_box>h4{font-weight:bold;font-size:20px;color:#4c4c4c;margin:30px 0 15px}
.why_box>p{font-size:14px;color:#6d6d6d;font-weight:400;line-height:26px}
 
section.whyclients_bg{margin:50px 0;padding:50px 0;background:url(../png/clients-2.png) no-repeat;width:100%;background-repeat:repeat;height:471px;animation:blud 60s linear infinite}
@keyframes blud{from{background-position:0 0}to{background-position:-2372px 0}}

.whyclients_circle{border:5px solid #1c71e3;padding:65px 50px;border-radius:50%;height:400px;width:400px;box-shadow:inset 0 0 10px #000;background:#fff;text-align:center;font-family:'Roboto', sans-serif;}
.whyclients_circle>h2{color:#313131;font-size:42px;font-weight:bold;}
.whyclients_circle>h2>span{color:#2375e4;display:block}
.whyclients_circle>p{color:#313131;font-size:14px;line-height:25px;margin:15px 0 0 0}
section.why_platform{background:#efefef;padding:50px 0}
.why_platformwrap{text-align:center;font-family:'Roboto', sans-serif;}
.why_platformwrap>h2{color:#262626;font-size:32px;font-weight:710;margin:0 0 15px}
.why_platformwrap>p{color:#262626;font-size:14px;}



.context {
    width: 100%;
    position: absolute;
	padding:150px 0;
	z-index:99;
}

.context h1{
   color: #fff;
    font-size: 52px;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 1px;
    margin: 0;
    line-height: 65px;
}

 



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

 ul.listof_dtavl li {
    width: 100%;
    float: left;
}

.flickity-page-dots{display:block}
.why_mostarea{width:100%;float:left} 
.why_mosttxt{padding:20px 20px;font-family:'Roboto', sans-serif;}
.why_mosttxt>p{font-size:29px}
.why_mostarea_rgt{width:100%;float:left;padding:20px;} 
.why_mostarea_rgt>h2{margin:10px 0}
section.whyicptn{padding:30px 0;background:none}
.why_icnwrp{margin:30px 0;width:100%}
.why_icnwrp>h4{margin:10px 0}
.why_box{margin:30px 0 0 0}


.carousel-split-cell-inner-content>h3{font-size:25px!important;line-height:29px!important;margin:0 0 5px!important}

 
}



ul.listof_dtavl {
    display: block;
    list-style: none;
    padding: 0;
    width: 100%;
}
ul.listof_dtavl li {
    width: 20%;
    float: left;
}
@media only screen and (max-width:800px) {

 ul.listof_dtavl li {
    width: 100%;
    float: left;
}
}