html{ width:100%; }
body{width:100%;margin:0;padding:0;overflow-x: hidden;}
a{-webkit-transition: all 0.4s;  -moz-transition: all 0.4s;  -o-transition: all 0.4s;  transition: all 0.4s;}
a, a img{text-decoration:none;outline:none;border:none;}
.clr{ clear:both; height:0;}
*,*:after,*::before {  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;  margin: 0;  padding: 0;  text-decoration: none;  list-style-type: none;outline: none;font-family: 'Poppins', sans-serif;}
a:focus {outline: 0;}

header{width:100%;padding: 89px 0 0 0;position: fixed;left:0;top:0;z-index:10;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-o-transition: all 0.6s;transition: all 0.6s;}
header .logo{float:left;width: 276px;height: 55px;background: url(../img/logo_yeni.svg) no-repeat;display:block;}
header .logo2{background: none !important;background-size: contain !important;}
header .logo2:after{background: url(../img/logo2.svg) no-repeat;width: 100%;height: 36px !important;content:'';position:absolute;left: 7%;top: 43%;}
header .menu-btn{ float:right; cursor: pointer; padding-right: 65px; position: relative; margin-top:10px; }
header .menu-btn::after{width:42px;height: 34px;position: absolute;right:0;top: -4px;background: url(../img/menu-icon-white.svg) no-repeat;content: ''; -webkit-transition: all 0.4s;  -moz-transition: all 0.4s;  -o-transition: all 0.4s;  transition: all 0.4s;}
header .menu-btn.active::after{background: url(../img/menu-icon-active.svg) no-repeat !important;}
header .menu-btn p{font-size:16px;color: #fff;font-weight: 600;}
.center{width:1200px;margin: 0 auto;}
header .active.menu-btn p {color: #C12575;}
.pink-btn{
  width: 203px;
    height: 61px;
    position: relative;
    line-height: 61px;
    border-radius: 31px;
    display: block;
    text-align: center;
    background: #BA2D8C;
    -webkit-box-shadow: -5px -5px 10px 0px rgb(255 54 157);
    -moz-box-shadow: -5px -5px 10px 0px rgba(255,54,157,1);
    box-shadow: -5px -5px 10px 0px rgb(255 54 157);
    color:#fff;
    margin-bottom:50px;
    margin-top:0;
}
.pink-btn span{
  font-size: 14px;
  font-weight: bold;
  color: #fff;
}
.fancybox-toolbar *{ color:#fff;}
iframe{ border:0;}
.neler-yaptik-liste{float: right;width: 87.25%;padding: 20px 3% 90px 11%;}
.neler-yaptik-liste .item-area{width:48%;float:left;display:block;margin-bottom: 73px;}
.neler-yaptik-liste .item-area:nth-child(2n+0){ float:right;}
.neler-yaptik-liste .item-area iframe{width:100%;height: 400px;}
header.fixed-header{position:fixed;padding: 24px 0 18px 0;background: #2F2651;}
.mobil-slide{ display:block !important;}
.home-slider{ width:100%; float:left; position: relative; height:820px; padding:191px 0 0 0;}
.home-slider .center{ position: relative; height:100%;}
.home-slider::after{width: 62.5%;height:100%;position: absolute;left:0;top:0;background: #C12575;content: ''; z-index:-1}
.home-slider .left{width:50%;float:left;margin: 87px 0 0 0;}
.home-slider .left .title{ font-size:96px; font-weight: bold;  color:#fff; -webkit-text-fill-color:#C12575;-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: fff; opacity: 0.16;}
.home-slider .left h2{color:#fff;font-size:48px;line-height:1.1;padding-left: 98px;margin-top: -75px;position: relative;z-index: 1;font-weight: 600;}
.home-slider .left p{font-size:18px;color:#fff;padding-left: 16.5%;margin: 25px 0 0 0;line-height: 1.4;}
.home-slider .left a{display: block;margin:58px 0 0 16.5%;width:181px;height: 71px;border-radius:31px;text-align: center;position: relative;-webkit-box-shadow: -5px -5px 5px 0px rgba(255,54,157,0.69);-moz-box-shadow: -5px -5px 5px 0px rgba(255,54,157,0.69);box-shadow: -5px -5px 5px 0px rgba(255,54,157,0.69);overflow: hidden;}
.home-slider .left a::before{width: 100%;height: 0;background:#fff;transition: 0.6s ease 0s;content:'';position: absolute;left:0;top: 0;border-radius: 31px;overflow: hidden;}
.home-slider .left a:hover::before{height: 61px;}
.home-slider .left a::after{ position: absolute; left:0; top:0; width:100%; height:61px; border-radius:31px; opacity: 0.40;-webkit-box-shadow: 5px 5px 5px 0px rgba(133,15,67,1); -moz-box-shadow: 5px 5px 5px 0px rgba(133,15,67,1); box-shadow: 5px 5px 5px 0px rgba(133,15,67,1); opacity: 0.40;  content: ''; }
.home-slider .left a span{font-size:14px;font-weight: bold;color:#fff;line-height: 59px;position: relative;z-index: 1;pointer-events: none;transition: 0.5s ease 0s;}
.home-slider .left a:hover span{ color:#C12575;}
.home-slider .right{width:50%;float: right;}
.home-slider .right video{ transform:scale(1.4); position:relative; top:-4%; pointer-events:none;}

.home-text-2{float:left;width: 100%;padding:124px 0;}
.home-text-2 .center{position: relative;height: 100%;}
.home-text-2 .center{ padding-left:98px;}
.home-text-2 .title{font-size:40px;color: #2F2651;float:left;width:100%;line-height: 1.2;font-weight: 600;margin-bottom:20px;}
.home-text-2 .title span{ color:#C12575;}
.home-text-2 p{ font-size:18px; color:#686868; float:left; width:100%; line-height: 1.4; font-weight: 400; margin-bottom:44px;}
.home-text-2 a{width: 181px;height: 61px;border-radius: 31px;background: #F2F2F2;position: relative;display: block;-webkit-box-shadow: -5px -5px 10px 0px rgba(255,255,255,1);-moz-box-shadow: -5px -5px 10px 0px rgba(255,255,255,1);box-shadow: -5px -5px 10px 0px rgba(255,255,255,1);float: left;text-align: center;line-height: 61px;overflow: hidden;-webkit-box-shadow: 5px 5px 10px 0px rgba(193,37,117,0.2);-moz-box-shadow: 5px 5px 10px 0px rgba(193,37,117,0.2);box-shadow: 5px 5px 10px 0px rgba(193,37,117,0.2);}
.home-text-2 a::before{width: 100%;height: 0;background:#C12575;transition: 0.6s ease 0s;content:'';position: absolute;left:0;top: 0;border-radius: 31px;overflow: hidden;}
.home-text-2 a:hover::before{height: 61px;}
.home-text-2 a span{color: #C12575;font-size: 14px;font-weight: bold;position: relative;transition: 0.6s ease 0s;}
.home-text-2 a:hover span{ color:#fff;}
.home-text-2 a::after {content: '';width: 100%;height: 61px;border-radius: 31px;position: absolute;left: 0;top: 0;opacity: 0.2;-webkit-box-shadow: 5px 5px 10px 0px rgba(193,37,117,1);-moz-box-shadow: 5px 5px 10px 0px rgba(193,37,117,1);box-shadow: 5px 5px 10px 0px rgba(193,37,117,1);overflow: hidden;}
#lottie{/* background-color:#fff; */width:100%;height:100%;display:block;overflow: hidden;transform: translate3d(0,0,0);text-align: center;opacity: 1;}
.home-box-3-colm{ width:100%; float: left; position: relative; padding:60px 0 0 0; }
.home-box-3-colm .center{ position: relative;}
.home-box-3-colm::after{ width:100%; height:948px; position: absolute; left:0; top:0; content:''; background: linear-gradient(rgba(0, 0, 0, 1), rgba(52, 52, 52, 1)); z-index: -1;}
.home-box-3-colm .title{font-size:42px;float:left;width:100%;font-weight: bold;padding-left: 98px;color:#fff;}
.home-box-3-colm .title span{ color:#E04875; }
.home-box-3-colm p{font-size:20px;float:left;width:100%;font-weight:300;padding-left: 98px;margin: 10px 0 60px 0;color:#fff;}

.home-box-3-colm .colms{width:100%; float:left; margin-bottom:30px; }
.home-box-3-colm .colms .item {float:left;display: block;border-radius:8px;overflow:hidden;margin: 0 1.2% 44px 0;width:32.5%;position: relative;transition: 0.6s ease 0s;top:0;box-shadow: 0 0 11px rgba(33,33,33,.0);border-radius: 15px;}
.home-box-3-colm .colms .item a{ display:block; width:100%; float:left;position:relative;}
.home-box-3-colm .colms .item a .new-area{
  position:absolute;
  width: 119px;
  height: 32px;
  background: linear-gradient(rgba(52, 52, 52, 1), rgba(0, 0, 0, 1));
  color: #B9D63E;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 30px;
  top:31px;
  left:0;
  text-align:center;
}
.home-box-3-colm .colms .item:hover{top:-10px;box-shadow: 10px 10px 10px rgba(33,33,33,.3);}
.home-box-3-colm .colms .item img{width:100%;display: block;}
.home-box-3-colm .colms .item:nth-child(3n+0){margin: 0 0 44px 0;}
.home-box-3-colm .colms .item img{  overflow:hidden;}
.home-box-3-colm .box-content{position: absolute;left:0;top:0;padding: 43px;padding-top: 90px;}
.home-box-3-colm .box-content .img{height: 86px;margin-bottom: 56px;}
.home-box-3-colm .box-content .img img{ width:auto;}
.home-box-3-colm .box-content .title-sub{ color:#fff; font-size:24px; font-weight: 600; display: block; float:left; width:100%;}
.home-box-3-colm .box-content p{color:#fff;font-size: 15px;font-weight:500;display: block;float:left;width:100%;padding-left: 0;margin: 0;margin-top: 10px;line-height:1.4;height: 71px;}
.home-box-3-colm .box-content img.last-child{display: block;margin: 20px 0 0 -20px;float:left;width: auto;}

.bottom-page-title-area .center .title-area .text h3{
  font-size: 22px;
    color: #E04875;
    font-weight: 300;
    margin: 0 0 20px 0;
    line-height: 1.4;
}

.bottom-page-title-area .center .title-area .text ul{
  padding-left:20px;
}

.bottom-page-title-area .center .title-area .text ul li{
  list-style:disc;
}

.bottom-page-title-area{
  position:relative;
}

.bottom-page-title-area::before{
  content:url('../img/left-ai-page.png');
  position:absolute;
  top:567px;
  left:0;
}

.bottom-page-title-area::after{
  content:url('../img/right-ai-page.png');
  position:absolute;
  top:1430px;
  right:0;
}

.what-do-header .center::after{
  content:"";
  width: 56px;
  height: 56px;
  flex-shrink: 0;
  background: linear-gradient(180deg, #FC4279 11.94%, #441B5D 71.84%, #3E105A 86.92%);
  filter: drop-shadow(0 8px 5px rgba(0, 0, 0, 0.16));
  backdrop-filter: blur(15px);
  position:absolute;
  bottom:-25px;
  righT:0;
  border-radius:100%;
}

.home-colm-slide-2{float:left;width:100%;margin: 10px 0 0 0;}
.home-colm-slide-2 .title{font-size:40px;color: #C12575;float:left;width:100%;line-height: 1.2;font-weight: 600;margin-bottom:20px;}
.home-colm-slide-2 p{font-size:18px;color:#686868;float:left;width:100%;line-height: 1.4;font-weight: 400;margin-bottom: 0;}
.title-area{ padding-left:98px;}
#neler-yaptik{float:right;width:76.5%;padding-right:56px;margin-bottom: 100px;}
#neler-yaptik.owl-carousel .owl-stage-outer{padding-top: 12px;}
#neler-yaptik .img{position: absolute;right:0;bottom: 0;width: 73%;}
#neler-yaptik p{position: absolute;left:70px;top:75px;width:210px; color:#090708; font-size:21px; font-weight: 600;}
#neler-yaptik a{position: absolute;left:70px;overflow: hidden;bottom:56px;width:181px;height: 71px;line-height: 61px;text-align: center;-webkit-box-shadow: -5px -5px 10px 0px rgba(255,239,106,1);-moz-box-shadow: -5px -5px 10px 0px rgba(255,239,106,1);box-shadow: -5px -5px 10px 0px rgba(255,239,106,1);border-radius:61px;}
#neler-yaptik a span{ color:#090708;font-size:16px;font-weight:bold; position:relative; pointer-events:none;}
#neler-yaptik a:hover::before{ height:61px;}
#neler-yaptik a::before {
width: 100%;
height: 0;
background: #fff;
transition: 0.6s ease 0s;
content: '';
position: absolute;
left: 0;
top: 0;
border-radius: 31px;
overflow: hidden;
}
#neler-yaptik a::after{content:'';position: absolute;left:0;top:0;-webkit-box-shadow: 5px 5px 10px 0px rgba(183,158,1,1);-moz-box-shadow: 5px 5px 10px 0px rgba(183,158,1,1);box-shadow: 5px 5px 10px 0px rgba(183,158,1,1);width: 181px;height: 61px;border-radius: 61px;overflow:hidden;opacity: 0.7;}
#neler-yaptik a.white{-webkit-box-shadow: -5px -5px 10px 0px rgba(255,255,255,1);-moz-box-shadow: -5px -5px 10px 0px rgba(255,255,255,1);box-shadow: -5px -5px 10px 0px rgba(255,255,255,1);}
#neler-yaptik a.white::after{-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,1);-moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,1);box-shadow: 5px 5px 10px 0px rgba(0,0,0,1); opacity: 0.16;}
#neler-yaptik.owl-theme .owl-nav{float: left;margin-top: 18px;width: 100%;}
#neler-yaptik .owl-nav .owl-prev{ width:29px; height:30px; float:left; background:url(../img/prev-slider.svg) no-repeat !important; font-size:0 !important; }
#neler-yaptik .owl-nav .owl-next{width:30px;height:30px;float: right;background:url(../img/next-slider.svg) no-repeat !important;font-size:0 !important;margin-left: 0;}


#neler-yaptik2{float:right;width:76.5%;padding-right:56px;margin-bottom: 100px;}
#neler-yaptik2.owl-carousel .owl-stage-outer{padding-top: 12px;}
#neler-yaptik2 .img{position: absolute;right:0;bottom: 0;width: 73%;}
#neler-yaptik2 p{position: absolute;left:70px;top:75px;width:210px; color:#090708; font-size:21px; font-weight: 600;}
#neler-yaptik2 a{position: absolute;left:70px;overflow: hidden;bottom:56px;width:181px;height: 71px;line-height: 61px;text-align: center;-webkit-box-shadow: -5px -5px 10px 0px rgba(255,239,106,1);-moz-box-shadow: -5px -5px 10px 0px rgba(255,239,106,1);box-shadow: -5px -5px 10px 0px rgba(255,239,106,1);border-radius:61px;}
#neler-yaptik2 a span{ color:#090708;font-size:16px;font-weight:bold; position:relative; pointer-events:none;}
#neler-yaptik2 a:hover::before{ height:61px;}
#neler-yaptik2 a::before {
width: 100%;
height: 0;
background: #fff;
transition: 0.6s ease 0s;
content: '';
position: absolute;
left: 0;
top: 0;
border-radius: 31px;
overflow: hidden;
}
#neler-yaptik2 a::after{content:'';position: absolute;left:0;top:0;-webkit-box-shadow: 5px 5px 10px 0px rgba(183,158,1,1);-moz-box-shadow: 5px 5px 10px 0px rgba(183,158,1,1);box-shadow: 5px 5px 10px 0px rgba(183,158,1,1);width: 181px;height: 61px;border-radius: 61px;overflow:hidden;opacity: 0.7;}
#neler-yaptik2 a.white{-webkit-box-shadow: -5px -5px 10px 0px rgba(255,255,255,1);-moz-box-shadow: -5px -5px 10px 0px rgba(255,255,255,1);box-shadow: -5px -5px 10px 0px rgba(255,255,255,1);}
#neler-yaptik2 a.white::after{-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,1);-moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,1);box-shadow: 5px 5px 10px 0px rgba(0,0,0,1); opacity: 0.16;}
#neler-yaptik2.owl-theme .owl-nav{float: left;margin-top: 18px;width: 100%;}
#neler-yaptik2 .owl-nav .owl-prev{ width:29px; height:30px; float:left; background:url(../img/prev-slider.svg) no-repeat !important; font-size:0 !important; }
#neler-yaptik2 .owl-nav .owl-next{width:30px;height:30px;float: right;background:url(../img/next-slider.svg) no-repeat !important;font-size:0 !important;margin-left: 0;}


.home-logos{background:#C12575;float: right;width: 87.25%;padding: 93px 0 0 11%; position: relative;}
.home-logos .title{color:#fff;font-size:42px;margin-bottom: 82px;}
.home-logos .logos{float:left;width: 75%;}
.home-logos .logos a{float:left;width: 23%;margin: 0 0 93px 0;height: 34px;text-align: center;}
.home-logos .logos a img{ display: block; margin:0 auto;transition: 0.5s ease 0s; transform: scale(1);}
.home-logos .logos a:hover img{transform: scale(1.15);}
.home-logos .logos a:nth-child(4n+1) img{float:left;}
.home-logos .logos a:nth-child(4n+1){width: 18%;}

.blog-list-row-2.top-margin{margin-top: -500px;padding: 430px 0 0 0;}
.blog-list-row-2{float:left;width:100%;padding: 130px 0 0 0;background: #F2F2F2;margin-top: 0;}
.blog-list-row-2 .blog-container{width: 87.25%;float:right;padding:0px 0 0 11%;clear: both;}
.blog-list-row-2 .blog-container h3{ font-size:42px; color:#2F2651; font-weight: bold;}
.blog-list-row-2 .blog-container p{font-size:20px;color:#686868;font-weight:300;margin: 10px 0 33px 0;}
.blog-list-row-2 .blog-container p a{ font-weight:500; color:#E04875 !important; }
.blog-list-row-2 .blog-container .blog-in{float:left;width: 78.5%;margin-bottom: 278px;}
.left-detail-area .blog-in{ width:100% !important;}
.blog-page.blog-list-row-2 .blog-container .blog-in{margin-bottom: 378px;}
.blog-list-row-2 .blog-container .blog-box{padding:30px;float:left;width:100%;margin-bottom:60px;-webkit-box-shadow: -15px -15px 30px 0px rgba(255,255,255,1);-moz-box-shadow: -15px -15px 30px 0px rgba(255,255,255,1);box-shadow: -15px -15px 30px 0px rgba(255,255,255,1);border-radius: 10px;position: relative;background: #F2F2F2;}
.blog-list-row-2 .blog-container .blog-box::after{content:'';position: absolute;left:0;top:0;-webkit-box-shadow: 15px 15px 30px 0px rgba(0,0,0,1); -moz-box-shadow: 15px 15px 30px 0px rgba(0,0,0,1); box-shadow: 15px 15px 30px 0px rgba(0,0,0,1); opacity: 0.10; width:100%; height:100%;border-radius: 10px; }
.blog-list-row-2 .blog-container .blog-box .img{float:left;width: 40%;}
.blog-list-row-2 .blog-container .blog-box .img img{  width:100%; border-radius:10px; overflow:hidden;}
.blog-list-row-2 .blog-container .blog-box .blog-content{float:left;width:60%;padding: 0 0 0 66px;position: relative;z-index: 2;}
.blog-list-row-2 .blog-container .blog-box .blog-content .title-category{color: #C12575;font-size:14px;margin-bottom: 20px;font-weight: 500;}
.blog-list-row-2 .blog-container .blog-box .blog-content .title-sub{  font-size:24px; margin-bottom: 12px; font-weight: 500;}
.blog-list-row-2 .blog-container .blog-box .blog-content p{font-size:16px;margin-bottom: 20px;font-weight: 500;color: #464749;line-height: 1.4;/* position: relative; *//* z-index: 2; */}

.blog-list-row-2 .blog-container .blog-box .blog-content a {position: relative;left: 0px;bottom: 0px;width: 181px;height: 71px;display: block;line-height: 61px;text-align: center;-webkit-box-shadow: -5px -5px 10px 0px rgba(255,255,255,1);-moz-box-shadow: -5px -5px 10px 0px rgba(255,255,255,1);box-shadow: -5px -5px 10px 0px rgba(255,255,255,1);border-radius: 61px;z-index: 5;left: 0;bottom: 0;margin: 40px 0 0 0; overflow:hidden;}
.blog-list-row-2 .blog-container .blog-box .blog-content a span{color: #C12575;font-size: 14px;font-weight: bold; position:relative;transition: 0.6s ease 0s;}
.blog-list-row-2 .blog-container .blog-box .blog-content a:hover::before{ height:61px;}
.blog-list-row-2 .blog-container .blog-box .blog-content a:hover span{ color:#fff;}
.blog-list-row-2 .blog-container .blog-box .blog-content a::before {width: 100%;height: 0;background: #C12575;transition: 0.6s ease 0s;content: '';position: absolute;left: 0;top: 0;border-radius: 31px;overflow: hidden;}
.blog-list-row-2 .blog-container .blog-box .blog-content a::after {content: '';position: absolute;left: 0;top: 0;-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,1);-moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,1);box-shadow: 5px 5px 10px 0px rgba(0,0,0,1);opacity: 0.16;width: 181px;height: 61px;border-radius: 61px;}
.all-link, .blog-list-row-2 .blog-container .all-blog-link{ float: left; font-size:16px; color:#E04875; font-weight: 500; border-bottom: 1px solid #E04875; padding-bottom: 4px;}
.all-link{margin-top: 0;text-align: center;width: 130px;margin: 0 auto;display: block;float: none;font-size: 18px !important;position: relative;top: 30px;}
.all-link:hover, .all-blog-link:hover{ opacity:0.7;}

.form-area{ float:left; width:100%; background: #fff; }

.offer-form{width: 75%;background:#C12575;height:417px;margin: -163px auto 160px auto;border-radius: 27px; padding:85px 108px 0 200px;}
.offer-form .left{ float:left; width:70%;}
.offer-form .left .title-sub{ font-size:42px; font-weight: bold; color:#fff; margin-bottom: 10px;}
.offer-form .left p{font-size: 19px;font-weight: 300;color:#fff;margin-bottom: 10px;line-height: 1.4;}
.offer-form .left a{width:203px; height:61px; position: relative; line-height: 61px; border-radius: 31px; margin:37px 0 0 0; display: block; text-align: center; background:#BA2D8C;-webkit-box-shadow: -5px -5px 10px 0px rgba(255,54,157,1); -moz-box-shadow: -5px -5px 10px 0px rgba(255,54,157,1); box-shadow: -5px -5px 10px 0px rgba(255,54,157,1);}
.offer-form .left a::after{-webkit-box-shadow: 5px 5px 10px 0px rgba(143,47,122,1);-moz-box-shadow: 5px 5px 10px 0px rgba(143,47,122,1); box-shadow: 5px 5px 10px 0px rgba(143,47,122,1); position: absolute; width:203px; height:61px; border-radius: 61px; content:''; left:0;top:0;  }
.offer-form .left a span{ font-size:14px; font-weight: bold; color:#fff;}
.offer-form .right{ float:right; width:30%;}
.offer-form .right svg{ float: right;}

.contact-us-form{ width:1092px; margin:0 auto;}
.contact-us-form .title-sub{ font-size:42px; font-weight: bold; margin-bottom:10px;  }
.contact-us-form p{ font-size:20px; font-weight:300; margin-bottom:74px;  }
.contact-us-form .form-area{ float:left; width:100%; }
.contact-us-form .form-area .left-colm{ float:left; width:35%; padding:55px 0 0 0;}
.contact-us-form .form-area .left-colm .row-area{ float: left; width:100%; }
.contact-us-form .form-area .left-colm .row-area span{float: left; width:100%;  display: block; color: #C12575; font-size:14px; font-weight: bold; margin-bottom: 10px;}
.contact-us-form .form-area .left-colm .row-area a{float: left; width:100%;  display: block; color:#464749; font-size:16px; font-weight: 500; margin-bottom:33px;}
.contact-us-form .form-area .left-colm .row-area.social-link a{ width:auto; margin-right:25px; margin-top:29px;}
.contact-us-form .form-area .left-colm .row-area.social-link a img{ height:18px;}
.contact-us-form .form-area .left-colm .row-area.social-link a:hover{ opacity:0.4;}

.contact-us-form .form-area .right-colm{float:left;width:65%;background:#F2F2F2;padding:46px 116px 89px 72px;border-radius: 20px;height: 621px;}
.contact-us-form .form-area .right-colm .title-sub{ width:100%; float: left; color: #C12575;  font-size:14px; font-weight: bold; padding-left:18px; margin-bottom:4px; }
.contact-us-form .form-area .right-colm span{width:100%;display: block;font-weight: 500;font-size:12px;padding-left:18px;margin-bottom:7px;margin-top:21px;float:left;opacity: 0.6;}
.contact-us-form .form-area .right-colm .inputCl{ width:100%; height:52px; background:#fff; border-radius:9px; border:0; padding-left:25px; font-size:12px }
.contact-us-form .form-area .right-colm textarea.inputCl{ padding:20px; overflow: hidden; resize:none; height:127px}
.contact-us-form .form-area .right-colm .send-btn{width:156px;height:61px;border-radius: 31px;background: #F2F2F2;position:relative;-webkit-box-shadow: -5px -5px 10px 0px rgba(255,255,255,1);-moz-box-shadow: -5px -5px 10px 0px rgba(255,255,255,1);box-shadow: -5px -5px 10px 0px rgba(255,255,255,1);top: 67px;}
.contact-us-form .form-area .right-colm .send-btn::after{ content:''; width:100%; height:61px; border-radius: 31px; position: absolute; left:0; top:0; opacity:0.2; -webkit-box-shadow: 5px 5px 10px 0px rgba(193,37,117,1); -moz-box-shadow: 5px 5px 10px 0px rgba(193,37,117,1); box-shadow: 5px 5px 10px 0px rgba(193,37,117,1); }
.contact-us-form .form-area .right-colm .send-btn input{display: block;width:100%;height:61px;background:none;border:0;cursor: pointer;position: relative;z-index: 2;color: #C12575;font-size: 14px;font-weight: bold;}

footer{ margin:180px 0 0 0; float:right; width:87%; background:#C12575; -webkit-border-top-left-radius: 34px; -moz-border-radius-topleft: 34px; border-top-left-radius: 34px; padding:100px; padding-bottom: 62px;}
.footer-in{width: 91%;float:left;}
.footer-in .footer-logo{float:left;width: 28%;}
.footer-in .footer-menu{float:right;width: 60%;margin-top:20px;}
.footer-in .footer-menu a{color:#fff;font-size:16px;font-weight: 500;margin-right: 7%;position:relative;float: left;display: block;}
.footer-in .footer-menu a::after{content:''; width:0; height:1px; position:absolute; right:0; bottom:-2px; background:#fff;transition: 0.5s ease 0s;}
.footer-in .footer-menu a:hover::after{ width:100%; left:0;}
.footer-in .footer-menu a:last-child{ margin-right: 0;}
.footer-bottom{ float:left; width:85%; margin:108px 0 0 0; border-top:1px solid #fff; padding:60px 6% 0 0;}
.footer-bottom .left{ float:left; color:#fff; font-weight: 300;}
.footer-bottom .right{float:right;color:#fff;font-weight: 300;margin-top: -20px;}
.footer-bottom .right p{ display: inline-block; color:#fff; font-size:13px;}
.footer-bottom .right img{display: inline-block;position: relative;top: 7px;margin-left:23px;}

#shapes, #shapes-2, #shapes-3, #shapes-4 {position: absolute;left: 0;top: 0;height: 100%;width: 100%; pointer-events:none;}
.shape{ position:absolute; width:79px; height:79px; pointer-events: none;}
.shape1{top:0;left:auto !important;right: 36% !important;width:26px !important;height:20px !important;position: absolute !important;top: -7% !important;}
.shape2{top:0;left:auto !important;right: 44% !important;width:112px !important;height:112px !important;position: absolute !important;top: -7% !important;}
.shape3{top:0;left:auto !important;right: 58% !important;width:18px !important;height:18px !important;position: absolute !important;top: 0% !important;}
.shape4{top:0;left:auto !important;right: 47% !important;width:18px !important;height:18px !important;position: absolute !important;top: 29% !important;}
.shape5{top:0;left:0 !important;right: auto !important;width:18px !important;height:18px !important;position: absolute !important;top: 55% !important;}
.shape6{top:0;left:auto !important;right:58% !important;width:18px !important;height:18px !important;position: absolute !important;top: 58% !important;}
.shape7{top:0;left:auto !important;right: 37% !important;width:18px !important;height:18px !important;position: absolute !important;top: 78% !important;}
.shape8{left:-1% !important;right: auto !important;width:185px !important;height:185px !important;position: absolute !important;top: -32% !important;}
.shape9{left:auto !important;right: 8% !important;width:26px !important;height:20px !important;position: absolute !important;top:-10% !important;}
.shape10{left:auto !important;right: 50% !important;width:15px !important;height:15px !important;position: absolute !important;top: 83% !important;}
.shape11{left:auto !important;right: 12% !important;width:15px !important;height:15px !important;position: absolute !important;top: 0% !important;}
.shape12{left:auto !important;right: 7% !important;width: 23px !important;height: 23px !important;position: absolute !important;top: 5% !important;}

.shape13{left:auto !important;right: 65% !important;width: 23px !important;height: 23px !important;position: absolute !important;top: 22% !important;}
.shape14{left:auto !important;right: 14% !important;width: 23px !important;height: 23px !important;position: absolute !important;top: 25% !important;}
.shape15{left:auto !important;left: 8% !important;width: 23px !important;height: 23px !important;position: absolute !important;top: 58% !important;}
.shape16{left:auto !important;right: 4% !important;width: 23px !important;height: 23px !important;position: absolute !important;top: 65% !important;}
.shape17{left:auto !important;right: 25% !important;width: 23px !important;height: 23px !important;position: absolute !important;top: 71% !important;}
.shape18{left:auto !important;left: 41% !important;width: 23px !important;height: 23px !important;position: absolute !important;top: 76% !important;}
.shape19{left:auto !important;left: 65% !important;width: 258px !important;height: 258px !important;position: absolute !important;top: 33% !important;}

.offer-form .right svg *, .how-do-we-work-slide svg * {fill: none;}
.how-do-we-work-slide svg{ margin:0 auto; display:block;}
.bottom-page-header{width:100%; float:left; position: relative; }
.bottom-page-header .title-area{position: absolute;width:100%;left:0;text-align: center;top: 60%;transform: translate(0, -50%);z-index: 2;}
.what-do-header{ height:565px;}
.what-do-header .title-area{width:auto;left:0;text-align: center;top: 68%;transform: translate(0, -50%);z-index: 2;margin: 0 !important;padding: 0 !important;text-align: left;width: 80%;}
.bottom-page-header .title-area h1{font-size:48px;color:#fff;font-weight: 600;margin: 0;}
.bottom-page-header .center{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 100%;}
.what-do-header .center{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);height: 100%;}
.what-do-header .icon{float:left;width: 11%;}
.what-do-header .icon img{ position:relative;}
.what-do-header .text-area{float:left;width: 73%;padding-left: 0;} 
.what-do-header .text-area h1{font-size:48px;margin-bottom: 16px;}
.what-do-header .text-area p{font-size: 22px;color:#fff;line-height:1.4;width:100%;}

.how-do-we-work{width:100%; float: left; }
.how-do-we-work .center{ position: relative; padding:136px 0 0 0; }
.how-do-we-work .center .title-area{ padding-left: 108px;}
.how-do-we-work .center .title-area .title{font-size:40px; color:#2F2651; font-weight:600; margin:0 0 20px 0; }
.how-do-we-work .center .title-area .title span{ color:#C12575;}
.how-do-we-work .center .title-area .text{font-size:20px;color:#2F2651;font-weight:300;line-height: 1.4;}

.how-do-we-work .center .matters{width:100%;float:left;margin: 60px 0 30px 0;}
.how-do-we-work .center .matters .item-area{float:left;width:33.33%;margin-bottom: 50px;}
.how-do-we-work .center .matters .item-area .icon{float:left;width: 20%;margin-right: 6%;display: block; height:90px}
.how-do-we-work .center .matters .item-area p{float:left;width: 74%;font-size:16px;color:#686868;padding-top: 20px;padding-right: 30px;display: block;line-height: 1.4;}


.how-do-we-work-slide{ width:100%; float: left; background:#C12575; padding:180px 0;  }
.how-do-we-work-slide .image-slide{float:left;width: 34%;position: relative;z-index: 2;}
.how-do-we-work-slide .image-slide img{padding: 0 5%;margin:0 auto;display:block;width: 80% !important;}
.how-do-we-work-slide .image-slide .owl-next{position: absolute;right:0;top: 50%;font-size:0 !important;width:16px !important;height:28px !important;background: url(../img/next-slide.svg) no-repeat !important;z-index: 99;margin-top: -14px;}
.how-do-we-work-slide .image-slide .owl-prev{position: absolute;left:0;top: 50%;font-size:0 !important;width:16px !important;height:28px !important;background: url(../img/prev-slide.svg) no-repeat !important;z-index: 99;margin-top: -14px;}

.how-do-we-work-slide .text-slider{float:right;width: 46%;position: relative;}
#mainTxtSlider{ width:100%; padding:0 0 0 16px;}
#mainTxtSlider h2{font-size:28px;font-weight: bold;color:#fff;margin-bottom: 30px;padding-left: 16px;}
#mainTxtSlider p, #mainTxtSlider span{font-size: 16px;font-weight: 400;color:#fff;margin-bottom: 0;line-height: 2.2;}
#mainTxtSlider p{ padding-left:16px;}
#mainTxtSlider span{display:block;position:relative;padding-left:16px;float:left;left: -16px;width: 100%;font-size: 16px;}
#mainTxtSlider span:after{content:''; width:6px; height:6px; background:#fff; position:absolute; left:0; top:50%; margin-top:-3px;}
.how-do-we-work-slide .image-slide .owl-dots{position: absolute;right:0;bottom: -80px;width: 100%;right: -168%;z-index: 222;}
.how-do-we-work-slide .image-slide .owl-dots .owl-dot{display: block;font-size:18px;opacity:0.40;color: #fff;float: left;font-weight: 500;margin-right: 23px;}
.how-do-we-work-slide .image-slide .owl-dots .owl-dot.active{ opacity:1;}
.how-do-we-work-slide .image-slide .owl-dots {counter-reset: dots;}
.how-do-we-work-slide .image-slide .owl-dots .owl-dot span{ color:#fff !important;}
.how-do-we-work-slide .image-slide .owl-dot:before {counter-increment:dots;content: counter(dots);color: #fff;font-size: 18px;}


.what-we-do{width:100%; float: left; }
.what-we-do .center{ position: relative; padding:136px 0 0 0; }
.what-we-do .center .title-area{ padding-left: 108px;}
.what-we-do .center .title-area .title{font-size:40px; color:#2F2651; font-weight:600; margin:0 0 20px 0; }
.what-we-do .center .title-area .title span{ color:#C12575;}
.what-we-do .center .title-area .text{font-size:20px;color:#2F2651;font-weight:300;line-height: 1.4;}
.what-we-do .center .matters{ padding:100px 0 0 108px; float:left; width:100%;}
.what-we-do .center .matters .item-area{float:left;width: 43%;margin-bottom: 70px;}
.what-we-do .center .matters .item-area:nth-child(2n+0){ float: right;}
.what-we-do .center .matters .item-area .icon{margin-bottom: 0;height: 117px;}
.what-we-do .center .matters .item-area .title{ font-size:26px; color: #E04875; margin:0 0 20px 0; font-weight: bold;}
.what-we-do .center .matters .item-area p{font-size:16px;font-weight: 400;line-height: 1.4;color: #464749;height: 68px;}


.why-videomax{width:100%;float: left;background: rgb(182,48,151);background: linear-gradient(42deg, rgba(182,48,151,1) 0%, rgba(173,57,179,1) 32%, rgba(162,67,210,1) 47%, rgba(158,72,224,1) 100%);padding-bottom: 80px;}
.why-videomax .center{ position: relative; padding:136px 0 0 0; }
.why-videomax .center .title-area{ padding-left: 108px;}
.why-videomax .center .title-area .title{font-size:40px;color: #fff;font-weight:600;margin:0 0 20px 0;}
.why-videomax .center .title-area .title span{color: #fff;}
.why-videomax .center .title-area .text{font-size:20px;color: #fff;font-weight:300;line-height: 1.4;}
.why-videomax .center .matters{ padding:100px 0 0 108px; float:left; width:100%;}
.why-videomax .center .matters .item-area{float:left;width: 43%;margin-bottom: 30px;}
.why-videomax .center .matters .item-area:nth-child(2n+0){ float: right;}
.why-videomax .center .matters .item-area .icon{margin-bottom: 0;height: 117px;}
.why-videomax .center .matters .item-area .title{font-size:26px;color: #fff;margin:0 0 20px 0;font-weight: bold;}
.why-videomax .center .matters .item-area p{font-size:16px;font-weight: 400;line-height: 1.4;color: #fff;height: 68px;}

.blog-header{ height:634px; background:#C12575; }
.blog-detail-header{ height:208px; background:#C12575; }
.blog-header p{ font-size:20px; color:#fff; font-weight: 300; line-height: 1.4;}

.blog-header .shape19{left:auto !important;left: 35% !important;width: 258px !important;height: 258px !important;position: absolute !important;top: 19% !important;}
.blog-header .shape14{left: 30% !important;width: 23px !important;height: 23px !important;position: absolute !important;top: 27% !important;}
.blog-header .shape13{left:auto !important;right: 18% !important;width: 23px !important;height: 23px !important;position: absolute !important;top: 22% !important;}
.blog-header .shape17{left:auto !important;right: 57% !important;width: 23px !important;height: 23px !important;position: absolute !important;top: 78% !important;}
.blog-header .shape18 {left: auto !important;right: 25% !important;width: 23px !important;height: 23px !important;position: absolute !important;top: 85% !important;}
.blog-page h3{ color:#C12575 !important; }
.left-list-area{ float:left; width:54%;}
.left-detail-area{ float:left; width:54%;}
.left-list-area .blog-in{ width:100% !important;}
.blog-list-row-2 .blog-container .left-list-area .blog-box .img{ width:46%;}
.blog-list-row-2 .blog-container .left-list-area .blog-box .blog-content{ width:54%;}

.right-blog-list{float: left;width: 24%;-webkit-box-shadow: -15px -15px 30px 0px rgba(255,255,255,1);-moz-box-shadow: -15px -15px 30px 0px rgba(255,255,255,1);box-shadow: -15px -15px 30px 0px rgba(255,255,255,1);border-radius: 10px;position: relative;margin-left: 5%;padding:36px;background: #F2F2F2;}
.right-blog-list::after{content:'';position: absolute;left:0;top:0;-webkit-box-shadow: 15px 15px 30px 0px rgba(0,0,0,1); -moz-box-shadow: 15px 15px 30px 0px rgba(0,0,0,1); box-shadow: 15px 15px 30px 0px rgba(0,0,0,1); opacity: 0.10; width:100%; height:100%;border-radius: 10px; }
.right-blog-list .title{font-size:14px;color:#C12575;width:100%;float:left;padding-bottom:18px;border-bottom:1px solid #E04875;margin-bottom:38px;font-weight: 500;}
.right-blog-list a{display:block;float:left;width:100%;border-bottom: 1px solid #ccc;margin-bottom: 52px;padding-bottom: 52px;position: relative;z-index: 2;}
.right-blog-list a:last-child{ border:0; margin-bottom:0;}
.right-blog-list a img{float:left;border-radius:8px;width: 32%;display: block;}
.right-blog-list p{float:left;width: 67%;font-size: 16px !important;padding-left: 10px;margin: 10px 0 0 0 !important;line-height: 1.3;color: #2F2651 !important;}

.blog-detail-header .shape16{left:auto !important;right: -3% !important;width: 23px !important;height: 23px !important;position: absolute !important;top: 70% !important;}
.blog-detail-header .shape18{left:8% !important;right: auto !important;width: 23px !important;height: 23px !important;position: absolute !important;top: 78% !important;}
.blog-detail-header .shape19{left:30% !important;right: auto !important;width: 23px !important;height: 23px !important;position: absolute !important;top: -45% !important;}

.blog-detail-page{ background:#fff;}
.blog-detail-page .category, .blog-detail-page .date{ font-size:14px; color:#464749; }
.blog-detail-page .title-top{ font-size:36px; color:#E04875; margin:10px 0; font-weight:500 }
.blog-detail-page .blog-detail-title-area{float:left;width:100%;height: 137px;margin-bottom: 58px;}
.blog-detail-page .right-blog-list{margin: 200px 0 0 5%;}
.blog-detail-page img{ border-radius:8px; width:100%;}
.blog-detail-page p{font-weight: 300 !important;}
.left-detail-area  p{font-size: 18px !important;float:left;width:100%; line-height:1.4}
.left-detail-area .title-sub{ font-size:24px; font-weight:500; color:#E04875; }
.detail-blog-in{ margin-bottom:40px !important;}

.what-do-header .shape19{left: -8% !important;top: 40% !important;}
.what-do-header .shape18{left: 50% !important;top:85% !important;}
.what-do-header .shape17{left: 5% !important;top: 47% !important;}
.what-do-header .shape16{left: auto !important;top: 77% !important; right:-5% !important;}
.what-do-header .shape15{left: auto !important;top: 68% !important; right:2% !important;}
.what-do-header .shape14{left: auto !important;top: 48% !important; right:12% !important;}
.what-do-header .shape13{ top:32% !important;}

.bottom-page-title-area{width:100%;float: left;margin-bottom: 40px;}
.bottom-page-title-area .center{ position: relative; padding:136px 0 0 0; }
.bottom-page-title-area .center .title-area{ padding-left: 108px;}
.bottom-page-title-area .center .title-area .title{font-size: 22px;color: #E04875;font-weight: 300;margin:0 0 20px 0;width: 72%;line-height: 1.4;}
.bottom-page-title-area .center .title-area .title span{ color:#C12575;}
.bottom-page-title-area .center .title-area .text{font-size: 16px;color: #464749;font-weight:300;line-height: 1.4;width: 72%;}

.neler-yaptik-header .title-area{top: 65%;}
.neler-yaptik-header .shape19 {left: auto !important;left: 55% !important;width: 258px !important;height: 258px !important;position: absolute !important;top: -18% !important;}

.neler-yaptik-header .shape13{left:auto !important;right: 62% !important;width: 23px !important;height: 23px !important;position: absolute !important;top: 49% !important;}
.neler-yaptik-header .shape14{left:auto !important;right: 17% !important;width: 23px !important;height: 23px !important;position: absolute !important;top: 63% !important;}
.neler-yaptik-header .shape15{left:auto !important;left: 8% !important;width: 23px !important;height: 23px !important;position: absolute !important;top: 58% !important;}
.neler-yaptik-header .shape16{left:auto !important;right: 0% !important;width: 23px !important;height: 23px !important;position: absolute !important;top: 50% !important;}
.neler-yaptik-header .shape17{left:auto !important;right: 33% !important;width: 23px !important;height: 23px !important;position: absolute !important;top: 11% !important;}
.neler-yaptik-header .shape18{left:auto !important;left: 23% !important;width: 23px !important;height: 23px !important;position: absolute !important;top: 76% !important;}
.neler-yaptik-header{ margin-bottom:100px;}
.neler-yaptik-page .text{ font-size:20px; line-height:1.4; text-align:center;}
.neler-yaptik-page .row-area-2{ float:left; width:100%;}
.neler-yaptik-page .item-area{float:left;width: 48.5%;position:relative; margin-bottom:73px;}
.neler-yaptik-page .item-area iframe{ height:330px;}
.neler-yaptik-page .item-area:nth-child(2n+0){ float:right;}
.neler-yaptik-page .item-area img{display: block;}
.neler-yaptik-page .item-area .img {position: absolute;right: 0;bottom: 0;width: 73%;}
.neler-yaptik-page .item-area p {position: absolute;left: 70px;top: 75px;width: 210px;color: #090708;font-size: 21px;font-weight: 600;line-height: 1.3;}
.neler-yaptik-page .item-area a{position: absolute;left:70px;/* overflow: hidden; */bottom:56px;width: 155px;height: 51px;line-height: 51px;color:#090708;font-size: 12px;font-weight:bold;text-align: center;-webkit-box-shadow: -5px -5px 10px 0px rgba(255,239,106,1);-moz-box-shadow: -5px -5px 10px 0px rgba(255,239,106,1);box-shadow: -5px -5px 10px 0px rgba(255,239,106,1);border-radius: 51px;}
.neler-yaptik-page .item-area a::after{content:'';position: absolute;left:0;top:0;-webkit-box-shadow: 5px 5px 10px 0px rgba(183,158,1,1);-moz-box-shadow: 5px 5px 10px 0px rgba(183,158,1,1);box-shadow: 5px 5px 10px 0px rgba(183,158,1,1);width: 155px;height: 51px;border-radius: 51px;}
.neler-yaptik-page .item-area a.white{-webkit-box-shadow: -5px -5px 10px 0px rgba(255,255,255,1);-moz-box-shadow: -5px -5px 10px 0px rgba(255,255,255,1);box-shadow: -5px -5px 10px 0px rgba(255,255,255,1);}
.neler-yaptik-page .item-area a.white::after{-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,1);-moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,1);box-shadow: 5px 5px 10px 0px rgba(0,0,0,1); opacity: 0.16;}

.neler-yaptik-page .row-area-1 .item-area{ width:100%;}
.neler-yaptik-page .row-area-1 .item-area .img{width: 48%;padding-right:58px;}
.neler-yaptik-page .row-area-1 .item-area p{ width:50%;}

.menu{ position:fixed; right:0%; top:-100%; background:#C12575; width:100%; height:100vh; z-index:9;transform: scale(1);transition: 0.6s ease-in 0s; opacity:1;}
.menu.aktif{transform: scale(1); opacity:1; top:0; right:0;}
.menu nav a:nth-child(1n){transition:0.7s ease 0.2s;}
.menu nav a:nth-child(2n){transition:0.7s ease 0.4s;}
.menu nav a:nth-child(3n){transition:0.7s ease 0.6s;}
.menu nav a:nth-child(4n){transition:0.7s ease 0.8s;}
.menu nav a:nth-child(5n){transition:0.7s ease 1s;}
.menu nav a:nth-child(6n){transition:0.7s ease 1.2s;}
.menu nav{position:absolute;left:50%;transform:translate(-50%, -50%);top: 48%;width: 100%;text-align: center;}
.menu nav a{display:block;position:relative;width:100%;text-align:center;color:#fff;margin-bottom:40px;transform: scale(1.5);opacity:0;z-index: 22;}
.menu.aktif nav a{transform: scale(1); opacity:1;}
.menu nav a span{ font-size:32px; font-weight:500; color:#fff;}
.menu nav a small{position:absolute;left: 0;top: -164%;text-align:center;font-size: 119px;-webkit-text-fill-color: #C12575;-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: #fff;opacity: 0;width: 100%;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;visibility: hidden;z-index: -99;pointer-events: none;}
.menu nav a:hover small{opacity:0.21;visibility: visible;}
.menu nav a:last-child{ margin-bottom:0;}
.menu .menu-bottom{position:absolute;bottom: 60px;left:50%;width:1200px;margin-left:-600px;border-top:1px solid #fff;padding-top:60px;}
.menu .menu-bottom .left-bottom{ float:left; width:auto; color:#fff; font-size:16px; font-weight:300;}
.menu .menu-bottom .right-bottom{ float:right;}
.menu .menu-bottom .right-bottom a{ margin-right:25px;}
.menu .menu-bottom .right-bottom a:hover{ opacity:0.4;}
.menu .menu-bottom .right-bottom a:last-child{ margin:0;}
.menu .shape7{opacity:0.10;top: -22% !important;right: -11% !important;left:auto !important;width: 730px !important;height: 730px !important;}
.menu .center{position: absolute;left: 50%;transform: translate(-50%, 0%);top: 0;height: 100vh;}

.menu .shape1{top:0;left:auto !important;right: 36% !important;width:26px !important;height:20px !important;position: absolute !important;top: -7% !important;}
.menu .shape2{top:0;left:auto !important;right: 44% !important;width:112px !important;height:112px !important;position: absolute !important;top: -7% !important;}
.menu .shape3{top:0;left:auto !important;left: 14% !important;width:18px !important;height:18px !important;position: absolute !important;top: 68% !important;}
.menu .shape4{top:0;left:auto !important;right: 47% !important;width:18px !important;height:18px !important;position: absolute !important;top: 29% !important;}
.menu .shape5{top:0;left: 7% !important;right: auto !important;width:18px !important;height:18px !important;position: absolute !important;top: 20% !important;}
.menu .shape6{top:0;left:auto !important;right: 81% !important;width:18px !important;height:18px !important;position: absolute !important;top: 47% !important;}
.menu .shape8{top:0;left:auto !important;right: 44% !important;width:18px !important;height:18px !important;position: absolute !important;top: 12% !important;}
.menu .shape9{top:0;left:auto !important;right: 21% !important;width:18px !important;height:18px !important;position: absolute !important;top: 16% !important;}
.menu .shape10{top:0;left:auto !important;right: -2% !important;width:18px !important;height:18px !important;position: absolute !important;bottom: 23% !important;top: auto !important;}


.simform {
position: relative;
margin: 0 auto;
/* padding: 2em 0; */
max-width: 860px;
width: 100%;
text-align: left;
/* font-size: 2.5em; */
}

.simform .submit {
display: none;
}

/* Question list style */
.simform ol {
margin: 0;
padding: 0;
list-style: none;
position: relative;
-webkit-transition: height 0.4s;
transition: height 0.4s;
background: #F2F2F2;
}


.questions li {
z-index: 1;
margin-bottom: 10px;
position: relative;
visibility: visible;
height: auto;
-webkit-transition: visibility 0s 0.4s, height 0s 0.4s;
transition: visibility 0s 0.4s, height 0s 0.4s;
display:none;
}
.questions li span b{font-weight:bold;color:#2F2651;font-size: 24px;}
.questions li.current{ display:block;}
.questions li.current,
.no-js .questions li {
visibility: visible;
height: auto;
-webkit-transition: none;
transition: none;
}

/* Labels */
.questions li > span {
display: block;
/* overflow: hidden; */
opacity:0.3;
}
.questions li.current > span{
opacity:1;
}


.questions li > span label {
display: block;
-webkit-transition: -webkit-transform 0.4s;
transition: transform 0.4s;
/*-webkit-transform: translateY(-100%);
transform: translateY(-100%); */
margin-bottom: 30px;
}
.questions li > span label{ position:relative; left:-25px;}
.questions li > span label small{font-size:16px;font-weight:bold;position: relative;top: -4px;}
.questions li > span label img{ margin:0 7px;}
.questions li > span p{ font-size:21px;}

.questions li.current > span label,
.no-js .questions li > span label {
-webkit-transition: none;
transition: none;
-webkit-transform: translateY(0);
transform: translateY(0);
}

.show-next .questions li.current > span label {
-webkit-animation: moveUpFromDown 0.4s both;
animation: moveUpFromDown 0.4s both;
}

@-webkit-keyframes moveUpFromDown {
from { -webkit-transform: translateY(100%); }
to { -webkit-transform: translateY(0); }
}

@keyframes moveUpFromDown {
from { -webkit-transform: translateY(100%); transform: translateY(100%); }
to { -webkit-transform: translateY(0); transform: translateY(0); }
}

/* Input field */
.questions input {display: block;margin: 0.3em 0 0 0;padding: 0;width: calc(100% - 2em);border: none;font-size: 1em;opacity: 0.6;/* -webkit-transition: opacity 0.3s; *//* transition: opacity 0.3s; */pointer-events: none;color: #2F2651;margin: 20px 0 0 0;background: none;float: left;width: 100%;font-size: 21px;color: #2F2651;padding: 10px 0;}

.questions .current input,
.no-js .questions input {
opacity: 0.4;
pointer-events: auto;
}

.questions input:focus,
.simform button:focus {
outline: none;
}
.next {
position: relative;
left: 0;
top: 17px;
display: block;
padding: 0;
width: 181px;
height: 61px;
/* height: 2em; */
border: none;
background: none;
text-align: center;
opacity: 0;
z-index: 5;
cursor: pointer;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-webkit-transform: translateX(-20%);
transform: translateX(-20%);
pointer-events: none;
font-size: 16px;
-webkit-box-shadow: -5px -5px 10px 0px rgba(255,255,255,1);
-moz-box-shadow: -5px -5px 10px 0px rgba(255,255,255,1);
box-shadow: -5px -5px 10px 0px rgba(255,255,255,1);
border-radius: 61px;
margin-bottom: 70px;
}
.prev-current{ display:block !important;}
.next p{ font-size:16px; font-weight:600; color:#C12575; }
/* Next question button */

.next svg{
margin-top:5px;
}
.slide-button{ float:left; width:100%;}
.slide-button a{ margin-right:-30px;}

.next:hover {
color: rgba(0,0,0,0.5);
}



.next.show {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
pointer-events: auto;
}

/* Progress bar */
.simform .progress {
width: 0%;
height: 0.15em;
background: rgba(0,0,0,0.3);
-webkit-transition: width 0.4s ease-in-out;
transition: width 0.4s ease-in-out;
position: absolute;
left: 0;
z-index: 23;
background: #E04875;
height: 2px;
top: 0;
}

.simform .progress::before {
position: absolute;
top: auto;
width: 180px;
height: inherit;
/* background: red; */
content: '';
}
.progress-wrapper{width:180px;float: left; position:relative;}
.progress-wrapper:after{ position:absolute; left:0; top:20px; background:#C7C7C7; content:''; height:2px; width:100%;}
/* Number indicator */
.simform .number { display:none;
position: absolute;
right: 0;
overflow: hidden;
margin: 0.4em 0;
width: 3em;
font-weight: 700;
font-size: 0.4em;
}

.simform .number:after {
position: absolute;
left: 50%;
content: '/';
opacity: 0.4;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}

.simform .number span {
float: right;
width: 40%;
text-align: center;
}

.simform .number .number-current {
float: left;
}

.simform .number-next {
position: absolute;
left: 0;
}

.simform.show-next .number-current {
-webkit-transition: -webkit-transform 0.4s;
transition: transform 0.4s;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}

.simform.show-next .number-next {
-webkit-animation: moveUpFromDown 0.4s both;
animation: moveUpFromDown 0.4s both;
}

/* Error and final message */
.simform .error-message,
.simform .final-message {
position: static;
visibility: hidden;
opacity: 0;
-webkit-transition: opacity 0.4s;
transition: opacity 0.4s;
}

.simform .error-message {padding: 0.4em 3.5em 0 0;width: 100%;color: red;font-style: italic;font-size: 13px;position: relative;top: -320px;}

.final-message {
top: 50%;
left: 0;
padding: 0.5em;
width: 100%;
text-align: center;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}

.error-message.show,
.final-message.show {
visibility: visible;
opacity: 1;
}

.final-message.show {
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}

/* Final hiding of form / showing message */
.simform-inner.hide {
visibility: hidden;
opacity: 0;
-webkit-transition: opacity 0.3s, visibility 0s 0.3s;
transition: opacity 0.3s, visibility 0s 0.3s;
}
.simform-inner{margin-top:156px;background: #F2F2F2;}
.simform-inner .controls{margin-top: 50px;float:left;width:100%;}
/* No JS Fallback */
.no-js .simform {
font-size: 1.75em;
}

.no-js .questions li {
padding: 0 0 2em;
}

.no-js .simform .submit {
display: block;
float: right;
padding: 10px 20px;
border: none;
background: rgba(0,0,0,0.3);
color: rgba(0,0,0,0.4);
}

.no-js .simform .controls {
display: none;
}

/* Remove IE clear cross */
input[type=text]::-ms-clear {
display: none;
}

.overflowHidden{ overflow:hidden !important;}
.progress, .tamamlandi{float:left;width:100%;color:#E04875;font-size:12px;margin-bottom: 0;font-weight: 500;margin-top: 20px;position: relative;top: 10px;}
.tamamlandi span{color:#E04875;font-size: 12px;margin-bottom:20px;width: 14px;overflow: hidden; /* taşacak kısımları gizle. */white-space: nowrap; /* alt satırı gösterme, alt satıra inme. */text-overflow: inherit; /* uzunsa sonuna üç nokta koy. */display: inline-block;float: left;letter-spacing: 0.5px;margin-right: 2px;}
.show-cl{visibility: visible !important;opacity: 1 !important;position: absolute !important;font-size: 40px !important;font-weight:600;text-align: left;padding-left: 22%;top: 60px !important;}
.show-cl small{ color:#E04875; font-size:40px;font-weight:600;}
.buttons{ float:left; width:100%;}
.buttons a{width: 31%;float:left;border:1px solid #0C257B;height:41px;margin-right: 2%;margin-bottom:29px;font-size:18px;border-radius: 5px;text-align: center;line-height: 39px;}
.buttons a:hover, .buttons a.active{border:1px solid #C12575; color:#C12575; }

.nav-menu-wrapper{position: fixed;right: 0%;top:0;width: 100%;height: 100vh;z-index: 9;transform: scale(1);transition: 0.6s ease-in 0s;opacity: 1;overflow: hidden;visibility: hidden;}
.nav-menu-wrapper.aktif{visibility: visible;}
.nav-menu-wrapper .left-area{position:absolute;left:-50%;bottom:0%;height:100vh;background:#E04875;width:50%;transition: 0.6s ease-in 0s;overflow: hidden;}
.nav-menu-wrapper .left-area svg{
    transform: scale(2) !important;
    position: relative;
    top: 20%;
}
.nav-menu-wrapper.aktif .left-area{ left:0}
.nav-menu-wrapper.aktif .right-area{ right:0}
.nav-menu-wrapper .left-area video{position:absolute;bottom:-20%;left:50%;transform: translate(-50%, 0) scale(2);width:100%;}
.nav-menu-wrapper .right-area{ position:absolute;right:-50%; top:0%; height:100vh; background:#fff; width:50%; transition: 0.6s ease-in 0s; }
.nav-menu-wrapper .right-area .menu-area{width:auto;position:absolute;left:100px;top:50%;transform: translate(0, -50%);}
.nav-menu-wrapper .right-area .menu-area .links{}
.nav-menu-wrapper .right-area .menu-area .links a{ display:block; width:100%; margin-bottom:21px; font-size:28px; font-weight:500; color:#E04875;}
.nav-menu-wrapper .right-area .menu-area .links a:hover{ color:#2F2651;}
.nav-menu-wrapper .right-area .menu-info{ margin-top:100px;}
.nav-menu-wrapper .right-area .menu-info .top a{ font-size:18px; font-weight:500; display:block; margin-bottom:12px;}
.nav-menu-wrapper .right-area .menu-info .top{ margin-bottom:32px; padding-bottom:32px; border-bottom:1px solid #E04875; padding-right:100px; }
.nav-menu-wrapper .right-area .menu-info .bottom a{ margin-right:30px;}
.nav-menu-wrapper .right-area .menu-info .bottom a img{ height:18px;}
.nav-menu-wrapper .right-area .menu-info .bottom a:hover{ opacity:0.6;}

.aktif #Group_367{
background: red;
position: relative;
 animation: mymove 0.5s 3;
  animation-direction: alternate;
}

@keyframes mymove {
  from {transform: translate(48px, -8px) scale(1) rotate(0deg);}
  to {transform: translate(48px, 0px) scale(1) rotate(0deg);}
}


.aktif #Group_387{
background: red;
position: relative;
 animation: mymove2 0.5s 3;
  animation-direction: alternate;
}
@keyframes mymove2 {
  from {transform: translate(98px, 6px) }
  to {transform: translate(98px, 12px)}
}




@media screen and (max-width: 1560px) {
.neler-yaptik-liste{ padding-left:0;}
.home-logos .logos{ width:88%;}
.neler-yaptik-liste .item-area{ margin-bottom:20px;}
.neler-yaptik-liste .item-area iframe{ height:320px; margin-bottom:0px;}
.home-slider::after{ width:66.5%;}
.menu nav a span{ font-size:26px;}
.menu nav a{ margin-bottom:30px;}
.menu nav a small{top: -169%;font-size: 100px;}
.nav-menu-wrapper .left-area svg{ bottom:-30%; width:60%;}
.nav-menu-wrapper .right-area .menu-area .links a{margin-bottom: 14px; font-size: 24px;}
.nav-menu-wrapper .right-area .menu-info {margin-top: 80px;}
.nav-menu-wrapper .left-area video {transform: translate(-50%, 0) scale(2.2);}

}


@media screen and (max-width: 1200px) {	
.home-box-3-colm .colms .item{ width:32%;-webkit-transition: all 0s;-moz-transition: all 0s;-o-transition: all 0s;transition: all 0s;animation-delay: 0s !important; }
.neler-yaptik-liste{ width:100%; padding:70px 2% 0 2%;}
.all-link{margin-bottom: 50px;margin-top: 0;}
.contact-us-form .form-area .left-colm .row-area.social-link a{ margin-right:18px;}
.neler-yaptik-liste iframe{margin-top: 0;height: 265px;margin-bottom: 40px;}
.neler-yaptik-page .text br{ display:none;}
.neler-yaptik-page .item-area{ margin-bottom:0;}
.neler-yaptik-page .item-area iframe{ height:400px;}
.neler-yaptik-page .item-area p{left: 4%; top: 15%;}
.neler-yaptik-page .item-area a{bottom: 12%;left: 5%; }
.blog-header p{ margin:10px 0 0 0; font-size:16px;}
.blog-header{ height:450px;}
.neler-yaptik-page{ padding:0 10% !important;}
.what-do-header .icon{ margin-right:2%;}
.right-blog-list{ width:37%;}
#neler-yaptik.owl-theme .owl-nav{ margin-bottom:0; padding-bottom:0;}
.bottom-page-title-area .center{ padding:0;}
.bottom-page-title-area .center .title-area{padding: 4% 3%;}
#neler-yaptik.owl-theme .owl-nav{margin-bottom:100px;margin-top: -40px;}
.bottom-page-header{ overflow:hidden;}
#neler-yaptik.owl-theme .owl-nav{ margin-bottom:50px;}

#neler-yaptik2.owl-theme .owl-nav{ margin-bottom:0; padding-bottom:0;}
#neler-yaptik2.owl-theme .owl-nav{margin-bottom:100px;margin-top: -40px;}
#neler-yaptik2.owl-theme .owl-nav{ margin-bottom:50px;}



.what-do-header .title-area{ left:4%;}
.what-do-header .text-area{width:85%;}
.left-list-area{ width:58%;}
.bottom-page-title-area .center .title-area .text, .bottom-page-title-area .center .title-area .title, .blog-list-row-2 .blog-container .left-list-area .blog-box .blog-content, .blog-list-row-2 .blog-container .left-list-area .blog-box .img{ width:100%;}
.blog-list-row-2 .blog-container .left-list-area .blog-box .blog-content{ margin:10px 0 0 0;}
.bottom-page-header .title-area h1{ font-size:36px;}
.bottom-page-header.blog-header .title-area{ top:65%;}
.how-do-we-work .center .matters .item-area .icon img, .offer-form, .blog-list-row-2 .blog-container .blog-in, .home-logos, .contact-us-form, .nav-menu-wrapper .right-area, .home-slider .right img, .center{ width:100%;}
.nav-menu-wrapper .right-area{ right:-100%;}
.nav-menu-wrapper .left-area{ display:none;}
.nav-menu-wrapper.aktif .logo img{ display:none;}
.nav-menu-wrapper.aktif .mobil-menu-logo{ display:block !important}
header{padding: 40px 4%;padding-bottom:0;}
.home-slider .left .title{ text-align:center; font-size:76px;}
.home-slider{ height:710px;}
.home-box-3-colm{ padding:60px 2% 0 2%;}
.home-box-3-colm .box-content{ padding:6%; padding-top:20px;}
#neler-yaptik{width:100%;padding:0 2%;margin-bottom:50px;margin-top: -120px;}
#neler-yaptik p{left: 6%;top: 6%;}
#neler-yaptik a{left: 6%;bottom: 5%;}

#neler-yaptik2{width:100%;padding:0 2%;margin-bottom:50px;margin-top: -120px;}
#neler-yaptik2 p{left: 6%;top: 6%;}
#neler-yaptik2 a{left: 6%;bottom: 5%;}

.title-area {padding-left: 2%;}
header.fixed-header{padding: 26px 4% 20px 4%;}
.home-logos .logos{ width:100%;}
.home-logos{padding: 0;padding-top: 5%;}
.home-logos .logos a:nth-child(4n+1) img{ float:none;}
.home-logos .logos a, .home-logos .logos a:nth-child(4n+1){ width:25%;}
.home-logos .title{ padding-left:5%;}
.blog-list-row-2 .blog-container{width:100%;padding: 0 5%;}
.offer-form{padding: 8% 6%;}
.form-area{ padding:0 2%;}
.offer-form{ margin-bottom:50px;}
footer{ width:98%;}
.footer-bottom, .footer-in{ width:100%;}
.footer-in .footer-menu a{ margin-right:6%;}
.footer-bottom{ margin-top:50px;}
footer{ padding:4%;}
.blog-list-row-2 .blog-container .blog-box .blog-content{ padding-left:3%;}
.why-videomax .center .matters, .why-videomax .center .title-area, .what-we-do .center .matters, .what-we-do .center .title-area, .how-do-we-work .center .title-area, .how-do-we-work .center .matters{ padding:0 5%;}
.mobil-width{ width:100%;}
.why-videomax .center, .what-we-do .center, .how-do-we-work .center{ padding:56px 0 0 0;}
.how-do-we-work .center .matters .item-area p{ padding-top:0;}
.how-do-we-work-slide{ padding:5%;}
.how-do-we-work-slide svg{ width:90% !important;}
.how-do-we-work-slide .image-slide{ width:42%;}
.how-do-we-work-slide .text-slider{ width:52%;}
.how-do-we-work-slide .image-slide .owl-dots{bottom: -20px;right: -122%;}
.why-videomax .center .matters, .what-we-do .center .matters{ margin-top:40px;}
.why-videomax{ padding-bottom:30px;}
.blog-list-row-2{ padding: 100px 0 0 0;}
.blog-header .shape18, .blog-header .shape17{ display:none !important;}

}

@media screen and (max-width: 768px) {	
.simform-inner{margin-top: 50px;}
.simform .error-message{ left:4%;}
.simform{ padding:0 4%;}
.neler-yaptik-liste .item-area iframe {height: 250px;margin-bottom: 0px;}
.neler-yaptik-liste iframe {margin-top: 0;margin-bottom: 0;height: 220px;}
.neler-yaptik-liste {padding: 0 2% 0 2%;}
.simform ol{  padding:0 4%;}
.tamamlandi{ top:32px;}
.left-detail-area, .right-blog-list, .left-list-area{ width:100%;}
.blog-detail-page .right-blog-list{ margin:0px 0 0 0;}
.right-blog-list{margin:0;margin-bottom: 270px;}
.blog-page.blog-list-row-2 .blog-container .blog-in {margin-bottom: 88px;}
.home-box-3-colm .box-content p{ font-size:12px; height:44px;}
.home-box-3-colm .box-content img.last-child{ width:70px;}
.home-box-3-colm .box-content .img{ margin-bottom:18px;}
.home-box-3-colm .box-content .title-sub{ font-size:18px;}
.home-slider .left h2{ font-size:34px;}
.right-blog-list a img{ width:23%;}
.right-blog-list p{ width:70%;}
.home-slider {height: 560px;padding-top: 12%;}
.home-slider .right{ margin-top:9%;}
.home-slider .left .title{ font-size:60px;}
.home-slider .left p{font-size: 14px;margin: 20px 0 0 0;}
.home-colm-slide-2 .title, .home-logos .title, .home-text-2 .title{ font-size:32px;}
.home-logos .title{ margin-bottom:40px;}
.blog-list-row-2 .blog-container .blog-box .blog-content p{ font-size:13px;}
.blog-list-row-2 .blog-container .blog-box .blog-content .title-sub{font-size: 20px;}
.blog-list-row-2 .blog-container .blog-box .blog-content a{ margin-top:30px;}
.footer-in .footer-logo img{ width:100%;}
.footer-in .footer-menu a{ margin-right:4%;}
.footer-in .footer-menu{ width:63%;}
.footer-bottom .left{ font-size:14px;}
.footer-bottom .right{ margin-top:-16px;}
footer{ margin-top:80px;}
.home-box-3-colm .box-content {padding: 7%;padding-top: 28px;}
.home-box-3-colm .box-content .img img {width: auto;height: 79px;}
.mobil-width {width: 150%;}
.bottom-page-header .title-area{ top:60%;}
.bottom-page-header .title-area h1{ font-size:36px;}
.how-do-we-work .center .title-area .title{ font-size:32px;}
.how-do-we-work-slide .image-slide{ width:100%;}
.how-do-we-work-slide .text-slider{ width:100%;}
.how-do-we-work-slide .image-slide .owl-dots{ display:none; right:0;}
.bottom-page-header{overflow:hidden;margin-bottom: 30px;}
.how-do-we-work-slide img{ width:90%;}
.how-do-we-work-slide .image-slide img{ width:50% !important;}
.text-slider .owl-carousel .owl-item{ opacity:0;}
.text-slider .owl-carousel .owl-item.active{ opacity:1;}
.blog-header .shape19{ opacity:0.4;}
.right-blog-list a{ padding-bottom:20px; margin-bottom:20px;}
.what-do-header .icon img{ width:100%;}
.bottom-page-header .title-area h1{ margin-bottom:5px;}
.what-do-header .text-area p{ font-size:20px;}
}


@media screen and (max-width: 640px) {	
.home-slider::after{ display:none;}
.neler-yaptik-liste .item-area img{ width:100%;}
.neler-yaptik-liste iframe{width:100%;height: 223px;margin-top: 0;margin-bottom: 20px;}
.nav-menu-wrapper .right-area .menu-info {margin-top: 40px;}
.nav-menu-wrapper .right-area .menu-info .top {margin-bottom: 22px;padding-bottom: 0;}
.nav-menu-wrapper .right-area .menu-info .top{ padding-right:0;}
.nav-menu-wrapper .right-area .menu-area{ top:55%;}
.nav-menu-wrapper .right-area .menu-area .links a {margin-bottom: 11px;font-size: 20px;}
.neler-yaptik-page .item-area{ width:100%;}
.home-colm-slide-2 p{ margin-bottom:30px;}
.home-slider{background:#C12575;z-index: 2;padding-bottom: 20px;}
.home-slider .right, .home-slider .left{ width:100%;}
.home-slider .right img{ width:85%; float:right;}
.home-slider{ height:auto;}
.neler-yaptik-page .item-area iframe {height: 280px;}
.neler-yaptik-page{ padding:0 4% !important;}
.what-do-header .icon{float:none;width: 20%;}
.what-do-header .text-area h1{ padding-left:0 !important;}
.blog-list-row-2 .blog-container .detail-blog-in p{ padding:0;}
.home-box-3-colm .box-content .title-sub {font-size: 29px;}
.mobil-slide .owl-prev {position:absolute;left:3%;top:45%;margin-top:-10px !important;width:13px;height:26px;background: url(../img/owl-prev-mobil.svg) no-repeat !important;font-size: 0 !important;}
.mobil-slide .owl-next {position:absolute;right: 3%;top: 45%;margin-top: -10px !important;width: 13px;height: 26px;background: url(../img/owl-next-mobil.svg) no-repeat !important;font-size: 0 !important;}
.home-slider .right {margin-top: 22%;}
.blog-detail-page .title-top{ font-size:32px; line-height:1.3;}
.home-box-3-colm .title{padding-left: 12%;}
.home-slider .left .title{ display:none;}
.home-box-3-colm .colms .item{ width:100%;}
header .menu-btn p{ color:#fff !important;}
header .menu-btn::after{background: url(../img/menu-icon-white.svg) no-repeat !important; }
header .logo{width: 53%;background: url(../img/logo_yeni.svg) no-repeat;background-size: contain !important;margin: 2px 0 0 0;}
header {padding: 40px 7%;padding-bottom: 0;}
.home-slider #shapes{ height:600px;}
.home-slider .left h2 {font-size: 26px;padding-left: 17%;}
.home-slider .left a{ margin-top:30px;}
.nav-menu-wrapper .right-area .menu-area{ left:8%;}
.home-text-2{padding: 20% 0 12% 0;}
.home-text-2 .center {padding: 0 15%;}
.shape8{ left:-12% !important; top:-24% !important}
.home-box-3-colm .colms a{ width:100%;}
.home-box-3-colm .box-content {padding: 16%;padding-top: 10%;padding-bottom: 0;padding-right: 4%;}
.home-box-3-colm .box-content p{font-size: 17px;height: auto;line-height: 1.6;}
.home-box-3-colm p {padding-left: 12%;font-size: 16px;padding-right: 13%;line-height: 1.3;}
#neler-yaptik.owl-theme .owl-nav, .home-colm-slide-2{margin-top: 0;}
#neler-yaptik2.owl-theme .owl-nav, .home-colm-slide-2{margin-top: 0;}
.home-box-3-colm .title, .home-colm-slide-2 .title, .home-logos .title, .home-text-2 .title {font-size: 32px;}
.home-logos .logos a, .home-logos .logos a:nth-child(4n+1) {width: 50%;}
.home-logos .title {margin-bottom: 40px;font-weight: bold;padding-left: 10%;margin-top: 30px;padding-right: 17%;line-height: 1.4;}
.home-logos .logos a{margin: 0 0 40px 0; }
.home-logos .logos a img{ width:62%;}
.blog-list-row-2 .blog-container h3{ font-size:32px; padding-left:10%;}
.contact-us-form p, .contact-us-form .title-sub, .blog-list-row-2 .blog-container p, .home-colm-slide-2 p, .home-colm-slide-2 .title{ padding-left:10%; padding-right:12%;}
.blog-list-row-2 .blog-container .blog-box .blog-content{width:100%;padding-top: 11px;}
.blog-list-row-2 .blog-container .blog-box .img{ width:100%;}
.blog-list-row-2 .blog-container .blog-box .blog-content p{width:100%;padding-left:0;padding-right: 0;}
.offer-form .right, .offer-form .left{ width:100%;}
.offer-form{ height:auto; overflow:hidden;}
.offer-form .right svg{float: none; margin: 0 auto; display: block; margin: 30px auto 50px auto; } 
.offer-form .left p, .offer-form .left .title-sub{ text-align:center;}
.offer-form .left a{margin: 37px auto 10px auto;}
.offer-form .left p{ padding:0 3%; font-size:20px;}
.contact-us-form .title-sub{ font-size:32px;}
.contact-us-form .form-area .right-colm, .contact-us-form .form-area .left-colm{ width:100%;}
.contact-us-form .form-area .left-colm .row-area span{ font-size:21px;padding-left:10%;}
.contact-us-form .form-area .left-colm .row-area a{ font-size:24px;padding-left:10%;}
.contact-us-form .form-area .left-colm .row-area.social-link a{float:none;display:inline-block;transform: scale(1);margin-right: 8%;padding-left: 0;float: left;margin-top: 10px;}
.contact-us-form .form-area .left-colm .row-area.social-link{text-align:center;float: none;padding-left: 10%;}
.contact-us-form .form-area .left-colm{ padding:0;}
.contact-us-form p{ margin-bottom:40px;}
.contact-us-form .form-area .right-colm{ padding:10%;}
.contact-us-form .form-area .right-colm span, .contact-us-form .form-area .right-colm .title-sub{ text-align:center; padding:0;}
.contact-us-form .form-area .right-colm .title-sub{ font-size:21px;}
.contact-us-form .form-area .right-colm span{ font-size:14px;}
.contact-us-form .form-area .right-colm .send-btn{ margin:0 auto;}
.home-box-3-colm {padding: 60px 4% 0 4%;}
.footer-in .footer-menu, .footer-in .footer-logo{ width:100%;}
footer {padding: 13%;}
.footer-in .footer-menu a{display:block;margin:0 0 20px 0;width: 100%;text-align: center;}
.footer-in .footer-menu a::after{ display:none;}
.footer-in .footer-logo{width: 100%;margin-bottom: 20px;}
.footer-in .footer-logo img{display:block;margin:0 auto;width: 70%;}
.footer-bottom .left{width:100%;margin-bottom: 7px;font-size: 16px;}
.footer-bottom .right{width:100%;margin: 0;}
.footer-bottom{padding-right:0;margin: 30px 0 0 0;padding: 30px 0 0 0;}
.footer-bottom .right img{height:20px;top: 4px;}
#neler-yaptik p{text-align: center; font-size: 18px; left: 0;  }
#neler-yaptik{padding:0 6%;margin-bottom: 0;}
.home-box-3-colm .box-content .img img{ height:100px;}
.home-box-3-colm .box-content .img {margin-bottom: 40px;}
.blog-list-row-2 {padding: 60px 0 0 0;}
.home-box-3-colm::after{ height:530px;}
.shape2{right: 70% !important; top: 57% !important;}
.shape3{top: 11% !important;right: 86% !important;}
.home-slider .left a::after{ height:51px;}
.home-slider .left a{ height:61px; }
.home-slider .left a span{line-height:51px;}
#neler-yaptik.owl-carousel .owl-stage-outer {padding-top: 0;}

#neler-yaptik2.owl-carousel .owl-stage-outer {padding-top: 0;}
#neler-yaptik2 p{text-align: center; font-size: 18px; left: 0;  }
#neler-yaptik2{padding:0 6%;margin-bottom: 0;}

.bottom-page-header .title-area h1{ padding:0 2%; font-size:32px;}
.bottom-page-header .title-area h1 {padding: 0 12%;font-size: 23px;line-height: 1.4;}
.mobil-width {width: 190%;}
.how-do-we-work .center .matters .item-area{ width:100%;}
.how-do-we-work .center .matters .item-area p{ font-size:18px;}
.how-do-we-work-slide .image-slide img {width: 71% !important;padding-top: 9%;}
.how-do-we-work-slide svg {width: 70% !important;}
#mainTxtSlider span{ line-height:1.4; margin-bottom:17px;}
.why-videomax .center .matters .item-area, .what-we-do .center .matters .item-area{ width:100%;}
.blog-list-row-2.bottom-page {padding: 30px 0 0 0;}
.why-videomax .center .matters, .why-videomax .center .title-area, .what-we-do .center .matters, .what-we-do .center .title-area, .how-do-we-work .center .title-area, .how-do-we-work .center .matters {padding: 0 13%;}
.right-blog-list{ padding:8%;}
.right-blog-list p{padding-right: 0 !important;padding-left: 5% !important;}
.right-blog-list a img {width: 30%;}
.bottom-page-header.blog-header .title-area {top: 62%;}
.blog-list-row-2.blog-page{padding:30px 0 0 0;margin-bottom: 60px;}
.questions li > span label{ left:0;}
.buttons a{width:47%;font-size:16px;margin-bottom: 17px;}
.show-cl, .show-cl small{font-size: 22px !important; line-height:1.4}
.show-cl{padding: 0 7%;}
.questions li span b{ font-size:22px;}
.bottom-page-title-area .center .title-area .title{ font-size:22px;}
#neler-yaptik iframe{ height:250px;}
#neler-yaptik{ margin-top:-20px;}

#neler-yaptik2 iframe{ height:250px;}
#neler-yaptik2{ margin-bottom:50px;margin-top:20px;}
.home-slider .right video{ transform:scale(1);}
header .logo2:after{ width:46%; background: url(../img/logo2.svg) no-repeat; background-size: 100%; }
header.fixed-header{padding: 14px 4% 0px 4%;}
.neler-yaptik-page .text, .contact-us-form .form-area .left-colm .row-area a, .contact-us-form p, .offer-form .left p, .blog-list-row-2 .blog-container p, .home-colm-slide-2 p, .home-box-3-colm .box-content p, .home-box-3-colm p, .home-text-2 p{ font-size:16px;}
.blog-list-row-2 .blog-container .blog-box .blog-content p {font-size: 16px;}
.blog-list-row-2 .blog-container .blog-in{ margin-bottom:38px;}
.all-link{ top:5px;}
header .menu-btn.active{width: 42px;height: 34px; }
.questions li span b{ font-size: 16px; } 
.questions li > span label small{ top:0;}
.questions input{ font-size:16px; margin:0;}
.next{ margin-bottom:50px;}
.simform-inner {margin-top: 10px;}
.questions li > span label{ margin-bottom:20px;}
.buttons a{ line-height: 30px; height: 30px;}
.simform-inner .controls{ margin-top:30px;}
.neler-yaptik-liste .item-area{ width:100%;}

.blog-list-row-2.top-margin{
  padding-top:50px;
  margin-top:-50px;
}

}

.swal2-icon.swal2-success .placeholder{border: 4px solid rgba(193, 37, 117, .2) !important;}
.swal2-icon.swal2-success .line{background-color:#C12575 !important;}
.swal2-icon.swal2-success{border-color:#C12575 !important;}


.mobile-fixed-menu{
  display:none;
  position:fixed;
  bottom:0;
  z-index:99;
  width:100%;
}

.mobile-fixed-menu .left{
  width:50%;
  background:#E04875;
  color:#fff;
  float:left;
}

.mobile-fixed-menu .right{
  width:50%;
  background:#2F2651;
  color:#fff;
  float:left;
}

.mobile-fixed-menu .right a,.mobile-fixed-menu .left a{
  color:#fff;
  text-align:center;
  padding:15px 0;
  display:block;
  font-weight:bold;
}

.blog-list-row-2 .blog-container p strong{
  font-weight:bold;color:#2F2651;
}

.neler-yaptik-liste .item-area .cover{
  position:relative;
}

.neler-yaptik-liste .item-area .cover .video-cover{
  width:100%;
  display: block;
}

.neler-yaptik-liste .item-area .cover::before{
  content:"";
  width:100%;
  height:100%;
  background: linear-gradient(45deg, rgba(0, 0, 0, 0.56) 50%, rgba(0, 0, 0, 0.57) 50%);
  position:absolute;
}

.neler-yaptik-liste .item-area .cover .play-icon{
  position:absolute;
  right:37px;
  bottom:23px;
}

.neler-yaptik-liste .item-area .cover .video-logo{
  position:absolute;
  inset:0;
  margin:auto;
  width:auto;
  height:auto;
}

.neler-yaptik-page .item-area .cover{
  position:relative;
}

.neler-yaptik-page .item-area .cover .video-cover{
  width:100%;
  display: block;
}

.neler-yaptik-page .item-area .cover::before{
  content:"";
  width:100%;
  height:100%;
  background: linear-gradient(45deg, rgba(0, 0, 0, 0.56) 50%, rgba(0, 0, 0, 0.57) 50%);
  position:absolute;
}

.neler-yaptik-page .item-area .cover .play-icon{
  position:absolute;
  right:37px;
  bottom:23px;
}

.neler-yaptik-page .item-area .cover .video-logo{
  position:absolute;
  inset:0;
  margin:auto;
  width:auto;
  height:auto;
}

@media only screen and (max-width: 600px) {
  .mobile-fixed-menu{
    display:block;
  }
  .popular-posts{
    display:none;
  }

.bottom-page-title-area::before{
  display:none;
}

.bottom-page-title-area::after{
  display:none;
}

.what-do-header .center::after{
  display:none;
}

.buttons a{
  width:100%;
  height:auto;
}

}