body{font-family: "Oswald", sans-serif !important;}
h1, h2, h3, h4, h5, h6 {font-family: "Oswald", sans-serif !important;font-weight: bold;}
small{display: block;font-family: "Oswald", sans-serif !important;}
strong{font-family: "Oswald", sans-serif !important;}
.woovv-text{position:relative;z-index:1; ;}
.woovv-text:after{content:"";position:absolute;display:block;width:100%;height:.3em;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='236' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.8 8.3l16.8-.6L35 7.1l15-.7c2.2-.1 4.5-.3 6.8-.3l10-.2h5.5l10.3.2 15.4.6L129.5 8l15.5.8 15.4.7c9.7.4 19.4.7 29 1.3l8 .5 8.9.7 7.7.7 3.2.3 3.7.5 5.2.6 6.6 1.2.6.1a2.3 2.3 0 002.3-1.6c.2-.6.1-1.3-.2-1.9-.2-.4-.8-1-1.3-1.1l-4.2-.8-4.2-.7A403.3 403.3 0 00212 7.7a2.4 2.4 0 001-2.4c-.2-.6-.6-1.2-1-1.5l-1.1-.5a33 33 0 00-2.6-.4l-2-.3-3.8-.2L195 2l-15.5-.5-15.4-.3L156 1h-24.4L115.8.8C106.1.7 96.2.6 86.4.7H71.8c-5.2 0-10.4 0-15.6.2L45.9 1l-5.9.1-9.4.4-6.2.3c-7.4.5-14.7 1-22 1.7-.5.1-.8.3-1.1.6-.5.4-.8 1-.8 1.6 0 1.3 1 2.5 2.3 2.5' fill='%23ff8100' fill-rule='evenodd'/%3E%3C/svg%3E");background-size:100% 100%;background-repeat:no-repeat;background-position:bottom;left:0;bottom:-.1em;z-index:-1;}
.hello-woovv {margin-top: 30px;}
.hello-woovv h1 {color: #FFF;}
.hello-woovv p {color: #a198dc; font-size: 14px; font-weight: bold;}
.no-img-block{display: inline-block !important;}
.slide-wo-color{background: #55e255; color: #FFF; padding-left: 5px; padding-right: 5px; font-size: 12px; font-weight: bold;}
.wo-cur{cursor: pointer;}
.bg-ust-svg{fill:#36016f;}
.svg-top{margin-top: -30px;}
@media (min-width: 992px) { .svg-top {margin-top: -90px;}}
.hg-img{margin: auto; margin-bottom: 20px;}
@media (min-width: 1400px) { .hg-img { float: right; margin-right: -80px; margin-bottom: 20px;}}
.img-fluid {
  max-width: 100%;
  height: auto;
}
.woovv-hom-cmp{min-height: 340px; background: #36016f; margin-top: 0px; padding: 30px 0 50px; color: #FFF;font-family: "Oswald", sans-serif !important; }

@media (min-width: 992px) { .woovv-hom-cmp { margin-top: -10px;padding: 50px 0 50px;}}

.woovv-hom-cmp h2{color: #FFF;}
.woovv-hom-cmp p{color: #FFF;}
.woovv-cmp-clm{margin-top: 35px !important;}
.woovv-cmp-clm strong{font-family: "Oswald", sans-serif !important; font-size: 20px; font-weight: 100;color: #FFF; display: block;}
.kmp-hint{color: #FFF; font-size: 14px; font-weight: 300;}
.wo-main-wrap{ min-height: 800px; background: -moz-linear-gradient(-45deg, rgba(58, 24, 108, 0.97) 0%, rgba(0, 7, 42, 0.97) 100%);background: -webkit-linear-gradient(-45deg, rgba(58, 24, 108, 0.97) 0%, rgba(0, 7, 42, 0.97) 100%);background: linear-gradient(135deg, rgba(58, 24, 108, 0.97) 0%, rgba(0, 7, 42, 0.97) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f73a186c', endColorstr='#f700072a', GradientType=1);}
.woovv-hosting-pack .hp-tab-content.current {margin-top: 20px;}
@media (min-width: 992px) { .woovv-hosting-pack .hp-tab-content.current { margin-top: 15px;}}
.woovv-hosting-pack .smtp-p-col{width: 100% !important;}
.smtp-page-row .host-slider-box{margin-top: 0px;}
.wo-hosting-tp{background: url(../images/wo14.png) no-repeat bottom center;width: 100%;height: 20px;}
.homs-pack .host-slider-box-titleuc{background: #420582 !important; min-height: 120px;}
.homs-pack .host-slider-box-btuc{background: #420582 !important;}
.homs-pack .host-slider-box-title span{text-align: left; font-size: 30px; margin-left: 30px;}
.ik-home{width: 100%; min-height: 20px; text-align: left !important;}
.ik-home i{font-size: 30px; margin-left: 30px;}
.hom-host-baslik h2{margin-top: 30px;margin-bottom: 80px;font-size: 40px; color: #FFF;}
.hom-host-baslik h2:before{position: absolute; width: 60px; height: 6px; margin-top: -20px; content: ""; background-color: #ff8100;}

@media (min-width: 768px) {.hom-host-baslik h2:before{margin-top: 60px;}}
.woovv-hosting-pack .home-pack-bg {background: none !important;-webkit-border-radius: 0px;-moz-border-radius: 0px;-ms-border-radius: 0px;border-radius: 0px;}
.woovv-hosting-pack .spe-button3{ color: #FFF !important; padding: 6px 12px !important; font-weight: bold; z-index: 999;background: #37ff7e;background: -moz-linear-gradient(-45deg, #37ff7e 0%, #55e255 100%);background: -webkit-linear-gradient(-45deg, #37ff7e 0%, #55e255 100%);background: linear-gradient(135deg
, #37ff7e 0%, #55e255 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#37ff7e', endColorstr='#55e255', GradientType=1)}
.woovv-hosting-pack .spe-button3:hover {background: #d83cff !important;background: -moz-linear-gradient(-45deg, #d83cff 0%, #8b2bd5 100%);
background: -webkit-linear-gradient(-45deg, #d83cff 0%, #8b2bd5 100%);background: linear-gradient(135deg, #d83cff 0%, #8b2bd5 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d83cff', endColorstr='#8b2bd5', GradientType=1);transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;}
.woovv-hosting-pack .spe-button3:after {background: #d83cff !important;background: -moz-linear-gradient(-45deg, #d83cff 0%, #8b2bd5 100%);background: -webkit-linear-gradient(-45deg, #d83cff 0%, #8b2bd5 100%);background: linear-gradient(135deg, #d83cff 0%, #8b2bd5 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d83cff', endColorstr='#8b2bd5', GradientType=1);transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;}
.woovv-hosting-pack .spe-button3:hover{ color: #FFF !important;}
.woovv-hosting-pack .spe-button3 span{ position: relative !important; display: block !important; color: #FFF !important; z-index: 2 !important;  font-size: 16px !important;}
.woovv-hosting-pack h2 {font-size: 50px;color: #FFF;}
.woovv-hosting-pack h2 span{font-family: "Oswald", sans-serif !important;}
.woovv-hosting-pack h2 small{font-size: 30px; margin-top: 15px; margin-left: 90px;color: #55e255; font-weight: normal;}
.woovv-hosting-pack small {display: block; font-size: 22px; margin-bottom: 10px; font-weight: 100;}
.woovv-hosting-pack .smtp-p-top i {color: #4beb62;font-size: 36px; display: block; margin-top: 10px;}
.woovv-hosting-pack .smtp-page-row .smtp-p-col .smtp-p-content .smpc-co {padding: 7px 0;}
.woovv-hosting-pack .smtp-page-row .smtp-p-col .smtp-p-content .smpc-col i {font-size: 26px;}
.woovv-price{font-family: "Oswald", sans-serif !important; width: 100px; min-height: 30px; margin: auto; font-weight: bold; font-size: 35px; color: #FFF; margin-top: 10px; text-align: center;}
.woovv-price em{font-size: 14px; font-style: normal; display: block; font-weight: 100;}
.woovv-plan-name{font-family: "Oswald", sans-serif !important; width: 90px; min-height: 20px; margin: auto; font-weight: 100; font-size: 14px; color: #FFF;text-align: center;}
.woovv-old-price{font-family: "Oswald", sans-serif !important;position: relative; color: #FFF; display: block; width: 65px; min-height: 20px; margin: auto; font-size: 16px; text-align: center; font-weight: 100; margin-top: 10px;}
.woovv-old-price:before {content: "";width: 65px;margin: auto;position: absolute;right: 0;margin-top: 10px;border-bottom: 2px solid rgba(255,255,255,.3);transform: skewY(-10deg);border-bottom-color: rgba(255,255,255,.3) !important;}
.km-color{ width: 200px; min-height: 15px; margin: auto; margin-top: 10px; margin-bottom: 10px; color: #000;background-color: #fff6ae;text-transform: lowercase; font-weight: 400; padding: 0px 10px;}


.woovv-domain-reg{font-family: "Oswald", sans-serif !important;min-height: 200px; color: #FFF;  display: none; margin-top: 10px;padding-top: 4px;}
@media (min-width: 992px) {.woovv-domain-reg {min-height: 100px; color: #FFF;  display: block; margin-left: -28px !important;}}
.woovv-domain-reg-clm{width: 100%; min-height: 60px; border-right: 1px solid rgba(255, 255, 255, 0.07);}
.woovv-domain-reg-clm-non{border-right: none;}
.woovv-domain-reg-box{float: left; margin-right: 15px;}
.woovv-domain-reg-box strong{font-family: "Oswald", sans-serif !important;float: left;font-size: 28px; font-weight: 400;}
.woovv-domain-reg-box strong em{font-size: 12px;}
.woovv-domain-reg-box strong em{font-size: 12px;}
.woovv-domain-reg-box .hom-kmp-box-exprice{font-family: "Oswald", sans-serif !important;color: #FFF!important; margin-top: 12px; width: 45px; opacity: 0.9; }
.woovv-domain-reg-box .hom-kmp-box-price{font-family: "Oswald", sans-serif !important;width: 100px; }
.woovv-domain-reg-box .hom-kmp-box-price span{font-family: "Oswald", sans-serif !important;display: block; float: left;margin-top: -35px;margin-left: 22px; }
.woovv-domain-reg-box .hom-kmp-box-price .bigspan{font-family: "Oswald", sans-serif !important;display: block; float: left;margin-top: -35px;margin-left: 32px; }
.woovv-domain-reg-inf{font-family: "Oswald", sans-serif !important;color: #FFF; font-weight: bold; font-size: 14px; font-style: italic; margin-left: 14%;}
.woovv-domain-reg-kmp{font-family: "Oswald", sans-serif !important;color: #FFF; font-weight: bold; font-size: 14px; font-style: italic; margin-left: 28%;}
.woovv-domain-reg-box .hom-kmp-box-exprice:before {
    content: "";
    width: 50px;
    position: absolute;
    margin-left: -5px;
    margin-top: 10px;
    border-bottom: 2px solid #ff8100 !important;
    transform: skewY(-10deg);
    border-bottom-color: #ff8100 !important;
}

.woovv-slide-title{font-size: 50px; font-weight: bold; color: #ff8100; margin-bottom: 20px !important; display: block; line-height: 60px;}
.slider-bt-inf{position: relative; display: block; min-height: 40px; color: #7a8ab1; font-size: 18px;}

.woovv-start{min-height: 970px; padding-top: 20px;background: #11162a url(../images/img25.jpg) top center no-repeat;}
@media (min-width: 992px) { .woovv-start { padding-top: 160px;}}
.woovv-start h1 small{margin-top: 20px; color: #6c757d !important;}
.woovv-start p{font-size: 16px; color: #FFF;}
.woovv-start-domain{ margin-top: 40px;}

.home-woovv-slide .slick-initialized .slick-slide{display: inline-flex !important;}
.home-woovv-slide .slider1 .slick-dots{top: -10px !important;}
.home-woovv-slide .slider1 .slick-dots li{float: left !important; margin-right: 8px !important;}
.home-woovv-slide .slick-slide img {display: inline-block !important; margin: auto !important;}
.home-woovv-slide a {font-family: "Oswald", sans-serif !important; font-size: 18px;background: #37ff7e;background: -moz-linear-gradient(-45deg, #37ff7e 0%, #55e255 100%);background: -webkit-linear-gradient(-45deg, #37ff7e 0%, #55e255 100%);background: linear-gradient(135deg
, #37ff7e 0%, #55e255 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#37ff7e', endColorstr='#55e255', GradientType=1); color: #FFF; display: block; width: 110px; min-height: 35px; margin: auto; margin-top: 7px !important; border-radius: 38px; text-align: center !important; padding-top: 4px;}

.woovv-hosting-content .content-top{background: none; color: #FFF;padding: 50px 0 0 0px;font-size: 32px !important;}
.woovv-hosting-content .tab-three-content {font-family: "Oswald", sans-serif !important;font-size: 18px; height: 220px;background: rgba(6, 10, 46, 0.2); padding: 40px 15px 15px; margin-top: 25px; margin-bottom: 50px; line-height: 30px;}
.woovv-hosting-content .tab-three-content i {display: block; margin: auto !important;}
.woovv-hosting-content .tth-col{color: #FFF;}
.woovv-ico{position: absolute; right: 0; margin-right: 40px; margin-top: -190px;}
.woovv-ico i{font-size: 80px;color: #4beb62; display: block;}
.hom-musteri-yorum{ min-height: 520px; padding: 40px 0;  color: #FFF;}
.hom-musteri-yorum h2{ position: relative; font-size: 35px; font-weight: bold; opacity: 0.9; margin-bottom: 40px;z-index: 800;}
.hom-musteri-yorum h2 small{ display: block; margin-left: 0px;}
@media (min-width: 992px) { .hom-musteri-yorum h2 small {margin-left: 85px;}}
.hom-musteri-yorum-clm{ position: relative; z-index: 900;}
.home-help-clm{background-color: #212335; margin-top: -40px; color: #FFF; min-height: 620px;}
@media (min-width: 992px) { .home-help-clm {min-height: 400px;}}
.home-bottom-img{position: absolute; left: 0; margin-top: -500px;}
.hom-musteri-yorum .slick-prev{ position: absolute; left: -20px; top: 310px; background-image: linear-gradient(to top,#2c664f,#2c664f);  width: 50px; height: 50px;box-shadow: 0 15px 25px -16px #000;-webkit-appearance: none; z-index: 900; border-radius: 38px; text-align: center; padding-top: 8px; }
.hom-musteri-yorum .slick-prev:hover{ background-color: #212335;}
.hom-musteri-yorum .slick-next{ position: absolute; left: 60px;  top: 310px; background-image: linear-gradient(to top,#2c664f,#2c664f);  width: 50px; height: 50px;box-shadow: 0 15px 25px -16px #000;-webkit-appearance: none;z-index: 900; border-radius: 38px; text-align: center; padding-top: 8px;}
@media (min-width: 992px) { .hom-musteri-yorum .slick-next {top: 255px;left: 160px;}}
@media (min-width: 992px) { .hom-musteri-yorum .slick-prev {top: 255px;left: 100px;}}
.hom-musteri-yorum .slick-next:hover{ background-color: #212335;}
.hom-musteri-yorum .slick-prev:before{content: url(../images/wleft-arrow.png);}
.hom-musteri-yorum [dir='rtl'] .slick-prev:before{content: url(../images/wright-arrow.png);}
.hom-musteri-yorum .slick-next:before{content: url(../images/wright-arrow.png);}
.hom-musteri-yorum [dir='rtl'] .slick-next:before{content: url(../images/wright-arrow.png);}
.hom-musteri-yorum .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {opacity: 1 !important;}
.hom-musteri-yorum .slick-dots {bottom: -65px;}
.hom-musteri-yorum .slick-dots li button:before {color: #ff6000; opacity: 0.4;}
.hom-musteri-yorum .slick-dots li.slick-active button:before {opacity: 1;color: #ff6000;background-image: none;box-shadow: none;border-radius: 50%;}
.hom-musteri-yorum-box {min-height: 200px; padding: 15px;}
.hom-musteri-yorum-box i {font-size: 35px; color: #4beb62; margin-right: 8px;}
.hom-musteri-yorum-box img {margin-right: 20px; opacity: 0.9;}
.owner-hint {margin-bottom: 35px; color: #FFF; font-size: 18px;}
.owner-img img{border-radius: 50%; opacity: 1 !important; float: left;}
.hom-musteri-yorum-box p {font-weight: 300; font-size: 15px;font-family: "Oswald", sans-serif !important;}
.blockquote-footer {
   font-family: "Oswald", sans-serif !important; 
  display: block;
  font-size: 80%;
  color: #6c757d;
}

.blockquote-footer::before {
  content: "\2014\00A0";
}

.multiple-items .slick-dots {
  position: absolute;
  display: block;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
@media only screen and (min-width: 1366px) {
  .multiple-items .slick-dots {
    bottom: -100px;
    width: 100%;
  }
}
@media only screen and (max-width: 1365px) {
  .multiple-items .slick-dots {
    bottom: -100px;
    width: 100%;
  }
}
.multiple-items .slick-dots li {
  position: relative;
  list-style: none;
  text-align: center;
  outline: 0;
  padding: 0;
  cursor: pointer;
}
@media only screen and (min-width: 1366px) {
  .multiple-items .slick-dots li {
    display: inline-block;
    margin: 5px 5px;
  }
}
@media only screen and (max-width: 1365px) {
  .multiple-items .slick-dots li {
    display: inline-block;
    margin: 5px 5px;
  }
}
.multiple-items .slick-dots li div {
  display: block;
  border: 0;
  outline: 0;
  width: 18px;
  text-indent: -99999999px;
  font-size: 0;
  transition: all 0.2s ease-in-out;
  height: 18px;
  background: transparent;
  border: 2px solid #2c664f;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  opacity: 1;
}
.multiple-items .slick-dots li div::after {
  content: "";
  width: 10px;
  height: 10px;
  background: #4beb62;
  display: block;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  margin: 0 auto;
  opacity: 0;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  margin-top: 2px;
}
.multiple-items .slick-dots .slick-active div {
  outline: 0;
  transition: all 0.2s ease-in-out;
}
.multiple-items .slick-dots .slick-active div::after {
  opacity: 1;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}



.wo-fot-tp{background: #420582; min-height: 80px;position: relative;z-index: 1001;}
.wo-fot-tp .mid2-buttons{margin: 30px 0 !important;}
.wo-fot-pad{ width: 100%; margin-top: 30px; margin-bottom: 30px; font-size: 22px;border-right: 1px solid rgba(255, 255, 255, 0.07);}
.wo-fot-pad span{font-family: "Oswald", sans-serif !important;color: #FFF; padding-top: 10px; display: block;}
.wo-fot-pad i{color: #FFF; font-size: 30px;}
.woovv-footer{min-height: 300px; color: #FFF; padding: 50px 0; text-align: center;}
@media (min-width: 992px) { .woovv-footer { text-align: left;}}
.woovv-footer h3{font-size: 20px; font-weight: normal !important;}
.woovv-footer a{display: block;color: #FFF; margin-bottom: 5px;}

.woovv-contenth2{text-align: left; margin-bottom: 10px; font-size: 40px; font-weight: bold; margin-top: 25px;}
.woovv-contenth2:befdore{position: absolute; left: -26px; margin-top: -6px; width: 60px; height: 60px; background-color: #dae2ed; content: ''; z-index: -1;border-radius: 30% 70% 70% 30% / 30% 30% 70% 70% ;}
.woovv-p{text-align:left; font-size: 18px; margin-bottom: 20px;}
.woovv-circle:befofre{position: absolute; left: -18px; margin-top: -10px; width: 50px; height: 50px; background-color: #dae2ed; content: ''; z-index: -1;border-radius: 30% 70% 70% 30% / 30% 30% 70% 70% ;}
.kmp{min-height: 75px; margin-top: 20px;}
.kmp p{margin-top: 38px;text-align: center;}
@media (min-width: 992px) { .kmp p { text-align: right;}}
.wo-plan-sec .toggle-clm{position: absolute; float: left;  margin-left: -160px; margin-top: 83px;}
.wo-plan-sec .toggle{background-image: linear-gradient(to top,#ff8100,#ff8100);-moz-box-shadow: inset 0 0.2em 0.04em rgba(0, 0, 0, 0.2), inset 0 0.2em 0.4em rgba(0, 0, 0, 0.3), 0 0 3em rgba(255, 255, 255, 0.1);-webkit-box-shadow: inset 0 0.2em 0.04em rgb(0 0 0 / 20%), inset 0 0.2em 0.4em rgb(0 0 0 / 30%), 0 0 3em rgb(255 255 255 / 10%);box-shadow: inset 0 0.2em 0.04em rgb(0 0 0 / 20%), inset 0 0.2em 0.4em rgb(0 0 0 / 30%), 0 0 3em rgb(255 255 255 / 10%);}
.wo-plan-sec .switch {background-image: linear-gradient(to bottom,#FFF,#dae2ed); }
.toggle-clm{margin-left: -25px; margin-top: 55px;}
.home-kmp{min-height: 210px; padding-top: 35px;border-top: 1px solid rgba(255, 255, 255, 0.05);background: #1a2032;
    background: -moz-linear-gradient(left, #1a2032 0%, #293046 100%);
    background: -webkit-linear-gradient(left, #1a2032 0%, #293046 100%);
    background: linear-gradient(to right, #1a2032 0%, #293046 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a2032', endColorstr='#293046', GradientType=1);}
.home-kmp h2{color:#ff8100; font-weight: bold;}
.home-kmp a{padding-left: 10px; padding-right: 10px; margin-top: 40px;}
.kmp-inf p{width: 300px; margin-left: 55px; color: #FFF; margin-top: 15px;}
@media (min-width: 992px) { .home-kmp a {float: right; margin-right: -40px; margin-left: 50px;}}
.tema-campaign-time{ width: 220px; max-height: 40px; margin: auto; line-height: 1;padding: 2px;font-size: 20px; margin-top: 23px;}
@media (min-width: 992px) { .tema-campaign-time {width: 445px;max-height: 40px; margin: auto; margin-top: 23px; font-size: 25px;}}
.tema-campaign-time strong{ font-size: 25px; padding: 7px 15px 12px 15px; margin: auto; display: block;}
@media (min-width: 992px) { .tema-campaign-time strong{float: left;margin-right: 10px;}}
#timer span {padding-left: 2px;font-size: 20px;}
#days {width: 60px;font-size: 20px;float: left; margin-top: 8px;}
@media (min-width: 992px) { #days {width: 60px;font-size: 25px;}}
#hours {width: 50px;font-size: 20px;float: left;margin-top: 8px;}
@media (min-width: 992px) { #hours {width: 60px;font-size: 25px;}}
#minutes {width: 50px;font-size: 20px;float: left;margin-top: 8px;}
@media (min-width: 992px) { #minutes  {width: 60px;font-size: 25px;}}
#seconds {width: 50px;font-size: 20px;float: left;margin-top: 8px;}
@media (min-width: 992px) { #seconds  {width: 60px;font-size: 25px;}}
.time-border{border-top: 8px solid #e6e9ed; margin-top: -13px; padding-top: 10px;}
.lf-col{margin-left: 0px;}
.lf-col p{color: #FFF;}
@media (min-width: 992px) { .lf-col  {margin-left: -50px;}}
.kampanya-pric {display: none;}
@media (min-width: 992px) { .kampanya-pric  {position: absolute; margin-left: -180px;margin-top: 20px;display: block;}}
.text-muted {color: #7a8ab1 !important;}

.woovv-hosting-list{list-style: none; text-align: left; padding: 15px 0px 50px;font-family: "Oswald", sans-serif !important;}
.woovv-hosting-list li{float: left; margin-right: 20px; font-size: 18px; font-weight: 500; text-align: left !important;}


.r-border{border-right: 1px solid rgba(255, 255, 255, 0.07);}
.rs-small small{color: rgba(255,255,255,.3); font-size: 20px; margin-top: 10px; margin-bottom: 10px;}
.woovv-home-tabs .content-pack-tab {padding: 20px 0 !important;}
.woovv-why{min-height: 510px;font-family: "Oswald", sans-serif !important; color: #fff;background: #350f5c;}
.woovv-why h2{font-size: 40px;font-weight: bold;margin-top: 15px; margin-bottom: 25px;}
.woovv-why h2 small{margin-top: 10px;}
.woovv-why-hin{ min-height: 510px; padding-top: 65px; background: #2d0458;}
.woovv-why-hin i{ font-size: 50px; color: #FFF; margin-top: 12px; margin-bottom: 30px; opacity: 0.9; margin-left: 20px;  }
.woovv-why-hin h2{ margin-top: 20px !important;  }
.woovv-why-clm-box{ max-width: 600px; min-height: 400px; margin: auto; margin-top: 25px;}
.woovv-why-box{min-height: 200px; margin: auto; padding-top: 30px;}
.woovv-why-clm{min-height: 160px; max-width: 500px; margin: auto; margin-top: 30px; padding: 30px 15px 15px 15px;background: #420582; border-radius: 15px;}
.woovv-why-clm:before{position: absolute;content: '';border-style: solid;border-width: 10px 20px;border-color: transparent transparent #420582;margin-top: -50px;left: 50%;transform: translateX(-50%);}
.woovv-why-clm p{font-size: 16px !important;}
.woovv-hizmet{background-image: linear-gradient(to bottom,#300162,#300162); padding: 45px 0 40px;}
.woovv-hizmet i{font-size: 45px; color: #4beb62; margin-bottom: 25px;}
.woovv-hizmet-tp i{font-size: 45px; color: #4beb62; margin-bottom: 25px;}
.woovv-hizmet h2{ font-size: 32px; color: #4beb62; opacity: 0.9;}
.the-container {font-family: "Oswald", sans-serif !important;display: flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;
  -webkit-flex-flow: row wrap;justify-content: center;}
.the-container .counter {font-weight: bold;}

.the-container .womstr {font-family: "Oswald", sans-serif !important;letter-spacing: -0.89px;font-weight: bold;}
.the-container i{margin-right: 15px;}
.cl-hiz{ position: relative;min-height: 215px; font-family: "Oswald", sans-serif !important; margin-top: 100px; margin-bottom: 100px;}
.cl-hiz h2{ margin-top: 30px; font-weight: bold; font-size: 35px;}
.cl-hiz p{font-size: 18px; font-weight: 400; color: #FFF;font-family: "Oswald", sans-serif !important;}
.cl-hiz-box{width: 230px; margin: auto; margin-bottom: 15px;  padding-top: 60px; padding-bottom: 5px;}
.cl-hiz-box span{font-size: 48px; color: #ff8100;}
.cl-hiz-box img{margin-top: -5px;}
.cl-hiz-box i{font-size: 45px;}
.cl-hiz-line{ width: 40%; height: 1px; margin: auto; margin-top: 30px; margin-bottom: 25px;}
.hom-cont{min-height: 1350px !important;}
@media (min-width: 992px) { .hom-cont  {min-height: 1200px !important;}}

.home-woovv-desk-clm{margin-top: 90px; margin-bottom: 100px;}
.woovv-desk-hom{width:250px; min-height: 250px; margin: auto; border-radius: 50%; background: #420582; margin-bottom: 20px;  padding-top: 60px;border: .2rem solid #500099;}
.wo-desk h2 small{ color: #FFF !important; opacity: 0.9; margin-top: 12px !important;}
.woovv-desk-hom i{font-size: 45px; color: #4beb62; display: block; margin-bottom: 25px;}
.woovv-desk-hom strong{color: #FFF; font-size: 20px; display: block;font-family: "Oswald", sans-serif !important; font-weight: 400;}
.woovv-desk-hom span{color: #FFF; font-size: 20px;font-family: "Oswald", sans-serif !important;}



.woovv-site .foot-top .ft-row .ft-col {padding: 5px 0 !important;}


.woovv-firsat{ margin-top: 3px !important; margin: auto;}
.woovv-firsat p{font-size: 12px !important; text-align: center !important;}
.woovv-firsat .ebulten-inp {width: 75%; margin: auto; background: #FFF; box-shadow: 0 15px 10px -16px #000;-webkit-appearance: none; min-height: 55px; font-weight: 500; border: none; outline: none; border-radius: 38px; padding-left: 50px;}
.woovv-firsat .ebulten-search {position: absolute; width: 180px; background:  #ff8100; color: #FFF; font-size: 25px; padding-left: 30px; min-height: 55px; margin-left: -170px; border: none; outline: none; border-radius: 39px; font-weight: bold;}
.woovv-firsat .ebulten-search:hover{ background-color: #1b1e32; color: #e8e8ea;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-o-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration: 0.3s;}
.woovv-ft-help{margin-top: -50px; margin-bottom: 80px;}
.foo-woovv-login a {padding-left: 20px; padding-right: 20px; margin-top: 5px; margin-bottom: 5px;}


.woovv-pro-hiz {
  font-family: 'Mulish', sans-serif !important;
}
@media only screen and (min-width: 1366px) {
  .woovv-pro-hiz {
    padding: 140px 0 0 0;
  }
}
@media only screen and (max-width: 1365px) {
  .woovv-pro-hiz {
    padding: 20px 0 0 0;
  }
}
.woovv-step-tab {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
    font-family: "Oswald", sans-serif !important;
}
@media only screen and (max-width: 1365px) {
  .woovv-step-tab {
    text-align: left;
  }
}
.woovv-step-tab li {
   font-family: "Oswald", sans-serif !important; 
  display: block;
  padding: 6px;
  font-size: 20px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
    border-radius: 4px;
    background: #300162;
}
.woovv-step-tab li.current:after {
    position: absolute;
    content: '';
    border-style: solid;
    border-width: 20px 10px;
    border-color: transparent #2d0458 transparent transparent;
    right: 0;
    margin-top: -5px;
}
.woovv-step-tab li.current:before {font-family: "Oswald", sans-serif !important;position: absolute; left: 0; margin-top:-30px; margin-left: -22px; width: 15px; height: 15px; display: block; border-radius: 50%; content:"+"; color: #ff8100; font-size: 65px; font-weight: bold;}
@media only screen and (min-width: 1366px) {
  .woovv-step-tab li {
   margin-top: 12px;
  }
}
@media only screen and (max-width: 1365px) {
  .woovv-step-tab li {
  margin-top: 12px;
  }
}
.woovv-step-tab li:hover,
.woovv-step-tab li.current {
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  color: #FFF;
}
.woovv-step-tab li span {
  display: block;
  font-size: 36px;
  margin-bottom: 5px;
}
.woovv-step-tab li:nth-child(1) span {
  color: #41c4d0;
}
.woovv-step-tab li:nth-child(2) span {
  color: #69df93;
}
.woovv-step-tab li:nth-child(3) span {
  color: #ffb864;
}
.woovv-step-tab li:nth-child(4) span {
  color: #ff7664;
}
.woovv-step-tab li:nth-child(5) span {
  color: #646fff;
}
.woovv-step-tab li:nth-child(6) span {
  color: #64ffd5;
}
.woovv-content {
  display: none;
}
.woovv-content.current {
  display: block;
}
@media only screen and (min-width: 1366px) {
  .woovv-content.current {
    padding-right: 0%;
  }
}
@media only screen and (max-width: 1365px) {
  .woovv-content.current {
    text-align: center;
  }
}
.woovv-content h2 {
  font-size: 28px;
  font-weight: 700;
  margin: 0 0 10px 0;
}
.woovv-content p {
  font-size: 14px;
  margin: 0;
  padding: 0;
}



/* Hosting Page */
.hosting-manset .slick-prev{ position: absolute; background: none; border: 3px solid #ff8100; width: 55px; height: 55px; z-index: 900; border-radius: 38px; text-align: center; padding-top: 8px; right: 0; opacity: 1 !important; margin-top: 5px; display: none !important; }
.hosting-manset .slick-next{ position: absolute; background: none; border: 3px solid #ff8100;  width: 55px; height: 55px; z-index: 900; border-radius: 38px; text-align: center; padding-top: 8px; padding-left: 1px; margin-top: 5px; display: none !important;}
@media (min-width: 992px) { .hosting-manset .slick-next {top: 0px;right: 0; float: right; margin-right: 20px; margin-top: 40px; display: block !important;}}
@media (min-width: 992px) { .hosting-manset .slick-prev {top: 0px;right: 0; float: left; margin-right: 100px; margin-top: 40px; display: block !important;}}

.hosting-manset .slick-prev:before{content: url(../images/cleft.png);}
.hosting-manset [dir='rtl'] .slick-prev:before{content: url(../images/cright.png);}
.hosting-manset .slick-next:before{content: url(../images/cright.png);}
.hosting-manset [dir='rtl'] .slick-next:before{content: url(../images/cright.png);}
.hosting-manset .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {opacity: 1 !important;}


.hosting-manset .slick-dots {
  position: absolute;
  display: block;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
    width: 100%;
}
@media only screen and (min-width: 1366px) {
  .hosting-manset .slick-dots {
    top: 760px;
  }
}
@media only screen and (max-width: 1365px) {
  .hosting-manset .slick-dots {
    top: -50px;
  }
}
.hosting-manset .slick-dots li {
  position: relative;
  list-style: none;
  text-align: center;
  outline: 0;
  padding: 0;
  cursor: pointer;
}
@media only screen and (min-width: 1366px) {
  .hosting-manset .slick-dots li {
    display: inline-block;
    margin: 5px 5px;
  }
}
@media only screen and (max-width: 1365px) {
  .hosting-manset .slick-dots li {
    display: inline-block;
    margin: 5px 5px;
  }
}
.hosting-manset .slick-dots li div {
  display: block;
  border: 0;
  outline: 0;
  width: 18px;
  text-indent: -99999999px;
  font-size: 0;
  transition: all 0.2s ease-in-out;
  height: 18px;
  background: transparent;
  border: 2px solid #2c664f;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  opacity: 1;
}
.hosting-manset .slick-dots li div::after {
  content: "";
  width: 10px;
  height: 10px;
  background: #4beb62;
  display: block;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  margin: 0 auto;
  opacity: 0;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  margin-top: 2px;
}
.hosting-manset .slick-dots .slick-active div {
  outline: 0;
  transition: all 0.2s ease-in-out;
}
.hosting-manset .slick-dots .slick-active div::after {
  opacity: 1;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.page-hosting-start{padding: 0px 0px 300px; background: #36016f url(../images/page-host-bg.png) left top no-repeat;}
.hosting-wel{position: relative; font-family: "Oswald", sans-serif !important;width: 100%; height: 180px; margin: auto; background: rgba(80,0,153,.7); border-radius: 20px; text-align: center; padding-top: 18px; font-size: 40px; font-weight: bold; color: #FFF; overflow: hidden;}
.hosting-wel h2{font-size: 40px;}
.hosting-wel p{font-size: 16px;}



.hosting-wel-line {position: absolute;display: inline-block;width: 185px;min-height: 30px;left: -45px;top: 30px;background-color: #2e0157;text-align: center;color: #611aa3;font-weight: bold;font-size: 18px;-webkit-transform: rotate(-50deg);-moz-transform: rotate(-50deg);-o-transform: rotate(-50deg);-ms-transform: rotate(-50deg);text-transform: none;padding-top: 3px;}
.hosting-firsat-clm{background: #420582; width: 100%; min-height: 80px; border-radius: 38px;color: #FFF;}
.hosting-firsat-clm strong{color: #FFF; font-size: 20px; display: block; margin-bottom: 5px;}
.hosting-firsat-clm span{font-family: "Oswald", sans-serif !important; font-size: 20px; font-weight: bold;}
.hosting-firsat-clm-line{border-right: 1px solid rgba(255, 255, 255, 0.07); min-height: 80px; padding-top: 8px;}
.hosting-firsat-clm-line-none{ min-height: 80px; padding-top: 8px;}
.wel-tp{margin-top: 30px;text-align: center;}
@media (min-width: 576px) {
  .wel-tp {
    text-align: left;
     margin-top: 20px; 
  }
}
.wel-btp{margin-top: 40px; text-align: center;}
@media (min-width: 576px) {
  .wel-btp {
    text-align: right;
     margin-top: -30px; 
  }
}

.wo-inf i{font-size: 100px;}
.hosting-manset{min-height: 900px; color: #FFF; padding: 60px 0;background: rgba(6, 10, 46, 0.2); margin-bottom: 30px;}
.hosting-manset .slick-slide img {display: inline-block; margin: auto;}
.hosting-manset h2{position: relative; font-size: 40px;}
.hosting-manset h2 span{font-family: "Oswald", sans-serif !important;}
.hosting-manset p{font-size: 16px;}
.hosting-manset a{color: #FFF;}
.page-hosting-price{font-family: "Oswald", sans-serif !important; font-size: 130px; font-weight: bold;color: #4beb62; margin-top: 80px; letter-spacing: -8px;}
.hosting-bot{margin-top: 76px;}
.hosting-bot-clm {font-size: 16px; margin-bottom: 30px; color: #FFF;}
.hosting-bot-clm i{position: relative;color: #FFF; font-size: 45px; display: block; margin: auto; margin-bottom: 5px; z-index: 999; opacity: 0.9;}
.home-woovv-svg{margin-top: -55px; margin-left: -25px; z-index: 1;}
.woovv-work { background: rgba(255, 255, 255, 0.02); padding: 6px;margin: 4px; cursor: pointer;}
.woovv-work h3{margin-bottom: 10px;}
.new-baslik span{ position: absolute; margin-left: 15px; display: block; padding: 0 4px; border-radius: 38px; margin-top: -50px; border: 2px solid rgba(255,255,255,.2);font-size: 11px; color: #ff8100;}
.woovv-work i{font-size: 40px; margin-bottom: 10px;}
.woovv-svg{margin-top: -80px; margin-left: -30px; z-index: 1;}
.host-svg{margin-top: -75px; margin-left: -30px; z-index: 1;}
.pack-clm{margin-top: 40px;}
.pack-clm span {color: #FFF;border-color: #daf5ea;margin-right: 10px; padding: 3px 15px 10px; font-weight: bold; font-size: 16px;}
.pad0{padding: 0px !important;}
.host-pop{position: absolute; left: -20px;}
.pack-kamp-wel{ margin-bottom: 10px; padding-top: 50px; padding-bottom: 50px; min-height: 310px;}
.pack-kamp-wel a{color: #FFF; display: block; margin-top: 50px; margin-right: 0px;font-family: "Oswald", sans-serif !important; font-size: 24px; text-align: center;}
@media (min-width: 576px) {.pack-kamp-wel a {margin-right: 40px; text-align: right;}}
.firsat-price {color: #FFF; margin-top: 50px; font-family: "Oswald", sans-serif !important; font-size: 26px; font-weight: bold; text-align: center;}
.firsat-price span{font-size: 14px; font-weight: 300; opacity: 0.9;}
@media (min-width: 576px) {.firsat-price {text-align: right;}}
.pack-kamp-wel i{color: #FFF;}
.pack-kamp{ margin-top: 15px;}
.pack-kamp .blockquote-footer{ font-family: "Oswald", sans-serif !important; color: #FFF; font-size: 18px; font-weight: 100; margin-top: 15px;}
.page-hom-pack{ margin-top: -300px;}
.page-hom-pack h2{ color: #4beb62;}
.pack-tp{margin-top: 10px;}
.hosting-box{width: 100%; min-height: 650px; background-color: #FFF;box-shadow: 0 5px 10px rgb(0 0 0 / 15%);border-radius: 8px; border-top: 12px solid #4beb62; color: #281d63; padding: 10px;}
.hosting-box-title{position: relative; font-family: "Oswald", sans-serif !important; font-size: 28px; z-index: 10; margin-top: 10px;}
.hosting-box-title i{position: relative; color: #4beb62; font-size: 45px; display: block; margin-top: 20px; margin-bottom: 10px; z-index: 999;}
.hosting-box-title p{ font-size: 14px;}
.host-price{width: 110px; min-height: 40px; margin: auto; text-align: left !important; font-size: 55px; font-weight: bold;font-family: "Oswald", sans-serif !important; margin-top: -10px;margin-bottom: 10px; color: #281d63;}
.host-price-big{width: 140px;}
.host-price-bigxl{width: 155px;}
.host-price strong{position: absolute; font-size: 35px; margin-top: 7px; margin-left: -72px;}
.host-price span{font-size: 12px;}
.host-old-price .woovv-old-price{color: #1281d63; margin-top: 0px; margin-bottom: 15px;}
.host-old-price .woovv-old-price:before {content: "";width: 75px;margin: auto;position: absolute;right: 0;margin-top: 14px;border-bottom: 2px solid #281d63;transform: skewY(-10deg);border-bottom-color: #281d63 !important;}
.km-color {color: #000;background-color: #fff6ae;text-transform: lowercase;font-weight: 400;padding: 0px 10px; font-size: 12px;}
.hosting-box a{font-family: "Oswald", sans-serif !important;display: block; width: 140px; min-height: 35px; margin: auto; margin-top: 15px; font-size: 16px;   padding-top: 5px; border: 1px solid #281d63; border-radius: 38px;webkit-box-shadow: 0 0 84px 0 rgb(155 176 200 / 31%);
    -moz-box-shadow: 0 0 84px 0 rgba(155, 176, 200, 0.31);
    box-shadow: 0 0 84px 0 rgb(155 176 200 / 31%);}
.hosting-box a i{color: #4beb62; font-size: 18px;}
.hosting-lun{position: absolute; font-size: 30px; margin-top: -40px;}
.hosting-lun i{ color: #4beb62; margin-right: 10px;}
.all-host {color: #FFF; min-height: 375px;}
.all-host a{color: #FFF;font-family: "Oswald", sans-serif !important; font-size: 22px; font-weight: 300;}
.all-host h2{color: #FFF; margin-bottom: 80px; font-size: 40px;}
.all-host h2 small{color: #FFF; margin-top: 30px; font-weight: 300;}

.slider-pack-title{font-size: 35px;}
.slider-pack-title i{color: #4beb62;}
.slider-pack-title small{font-weight: 300; font-size: 20px;}
.host-slider-box {position: relative; width: 100%; min-height: 500px; background-color: #FFF; border-radius: 20px; margin-top: 50px; z-index: 10;color: #281d63;}
.host-slider-box a {display: block; width: 180px; min-height: 40px; margin: auto; color: #281d63; font-size: 20px; font-weight: bold;}
.host-slider-box ul{list-style: none; text-align: center; padding: 0;}
.host-slider-box ul li{font-family: "Oswald", sans-serif !important;font-size: 18px; min-height: 70px;border-bottom: 1px solid rgba(6, 10, 46, 0.1); padding-top: 3px;}
.host-slider-box ul li span{font-family: "Oswald", sans-serif !important;font-weight: bold; font-size: 25px; display: block; line-height: 40px;}
.host-slider-box-title{font-family: "Oswald", sans-serif !important;background: #4beb62 url(../images/pack-title-1.png) right bottom no-repeat; min-height: 130px; border-bottom: 10px solid #e5e5e5; border-top-left-radius: 20px; border-top-right-radius: 20px; color: #FFF; font-size: 20px; text-align: center; padding-top: 13px; margin-bottom: 15px;}
.host-slider-box-titleiki{font-family: "Oswald", sans-serif !important;background: #3c199c url(../images/pack-title-1.png) right bottom no-repeat; min-height: 130px; border-bottom: 10px solid #e5e5e5; border-top-left-radius: 20px; border-top-right-radius: 20px; color: #FFF; font-size: 20px; text-align: center; padding-top: 13px;}
.host-slider-box-hometitleiki{font-family: "Oswald", sans-serif !important;background: #1e013e url(../images/pack-title-1.png) right bottom no-repeat; min-height: 130px; border-bottom: 10px solid #e5e5e5; border-top-left-radius: 20px; border-top-right-radius: 20px; color: #FFF; font-size: 20px; text-align: center; padding-top: 13px;}
.host-slider-box-titleuc{font-family: "Oswald", sans-serif !important;background: #ff8100 url(../images/pack-title-1.png) right bottom no-repeat; min-height: 130px; border-bottom: 10px solid #e5e5e5; border-top-left-radius: 20px; border-top-right-radius: 20px; color: #FFF; font-size: 20px; text-align: center; padding-top: 13px;}
.host-slider-box-hometitleuc{font-family: "Oswald", sans-serif !important;background: #ff8100 url(../images/pack-title-1.png) right bottom no-repeat; min-height: 130px; border-bottom: 10px solid #e5e5e5; border-top-left-radius: 20px; border-top-right-radius: 20px; color: #FFF; font-size: 20px; text-align: center; padding-top: 13px;}
.host-slider-box-hometitledort{font-family: "Oswald", sans-serif !important;background: #51099d url(../images/pack-title-1.png) right bottom no-repeat; min-height: 130px; border-bottom: 10px solid #e5e5e5; border-top-left-radius: 20px; border-top-right-radius: 20px; color: #FFF; font-size: 20px; text-align: center; padding-top: 13px;}
.host-slider-box-titledort{font-family: "Oswald", sans-serif !important;background: #0d7dbc url(../images/pack-title-1.png) right bottom no-repeat; min-height: 130px; border-bottom: 10px solid #e5e5e5; border-top-left-radius: 20px; border-top-right-radius: 20px; color: #FFF; font-size: 20px; text-align: center; padding-top: 13px;}
.host-slider-box-title span{font-family: "Oswald", sans-serif !important;font-size: 35px; display: block;}
.host-slider-box-bt{width: 90%; min-height: 15px; margin: auto; background: #4beb62; opacity: 0.9; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; margin-top: -5px; z-index: 1;}
.host-slider-box-btiki{width: 90%; min-height: 15px; margin: auto; background: #3c199c; opacity: 0.9; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; margin-top: -5px; z-index: 1;}
.host-slider-box-homebtiki{width: 90%; min-height: 15px; margin: auto; background: #1e013e; opacity: 0.9; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; margin-top: -5px; z-index: 1;}
.host-slider-box-btuc{width: 90%; min-height: 15px; margin: auto; background: #ff8100; opacity: 0.9; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; margin-top: -5px; z-index: 1;}
.host-slider-box-homebtuc{width: 90%; min-height: 15px; margin: auto; background: #ff8100; opacity: 0.9; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; margin-top: -5px; z-index: 1;}
.host-slider-box-homebtdort{width: 90%; min-height: 15px; margin: auto; background: #51099d; opacity: 0.9; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; margin-top: -5px; z-index: 1;}
.host-slider-box-btdort{width: 90%; min-height: 15px; margin: auto; background: #0d7dbc; opacity: 0.9; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; margin-top: -5px; z-index: 1;}
.wo-pack-content{background: #300162; min-height: 850px;color: #FFF;}
.wo-pack-content h2{margin-top: 80px; margin-bottom: 80px; font-size: 40px;}
.wo-pack-content h2:before{position: absolute; width: 60px; height: 6px; margin-top: -20px; content: ""; background-color: #ff8100;}

@media (min-width: 768px) {.wo-pack-content h2:before{margin-top: 60px;}}
.new-h-tp{width: 100%;height: 25px;}


.wo-pack-content-clm{background: #300162 url(../images/wo-alt.png) left bottom no-repeat;min-height: 850px;color: #FFF; padding-top: 90px;}
.wo-pack-content-clm i{color: #FFF; opacity: 0.9;}
.wo-pack-content-clm h2{margin-top: 80px; margin-bottom: 80px; font-size: 40px; opacity: 1 !important}
.wo-pack-content-clm h2:before{position: absolute; width: 60px; height: 6px; margin-top: -20px; content: ""; background-color: #ff8100;}
@media (min-width: 768px) {.wo-pack-content-clm h2:before{margin-top: 60px;}}
.wo-pack-content-clm .slick-prev{ box-shadow: none !important; background: none; border: 3px solid #ff8100; width: 55px; height: 55px; z-index: 900; border-radius: 38px; text-align: center; padding-top: 8px; margin-top: 40px; }
.wo-pack-content-clm .slick-next{ box-shadow: none !important; background: none; border: 3px solid #ff8100;  width: 55px; height: 55px; z-index: 900; border-radius: 38px; text-align: center; padding-top: 8px; padding-left: 1px;margin-top: 40px;}

@media (min-width: 992px) { .wo-pack-content-clm .slick-prev {box-shadow: none !important; background: none; border: 3px solid #ff8100; width: 55px; height: 55px; z-index: 900; border-radius: 38px; text-align: center; padding-top: 8px;  margin-left: -30px; margin-top: 2px;}}
@media (min-width: 992px) { .wo-pack-content-clm .slick-next {box-shadow: none !important; background: none; border: 3px solid #ff8100;  width: 55px; height: 55px; z-index: 900; border-radius: 38px; text-align: center; padding-top: 8px; padding-left: 1px; margin-top: 2px;}}


.wo-pack-content-clm .slick-next:hover{ background: none;}
.wo-pack-content-clm .slick-prev:hover{ background: none;}
.wo-pack-content-clm .slick-prev:before{content: url(../images/cleft.png);}
.wo-pack-content-clm [dir='rtl'] .slick-prev:before{content: url(../images/cright.png);}
.wo-pack-content-clm .slick-next:before{content: url(../images/cright.png);}
.wo-pack-content-clm [dir='rtl'] .slick-next:before{content: url(../images/cright.png);}
.wo-pack-content-clm .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {opacity: 0.9 !important;}
.wo-pack-content-clm .blockquote-footer {color: #FFF;}



.wo-pack-content .host-slider-box-btuc{margin-top: 0px;background: #36016f; opacity: 1;} 
.host-genel-ozellik{min-height: 250px; margin-top: 90px;}
.host-standart-clm {margin-top: 50px; margin-bottom: 50px;}
.host-standart-box {font-family: "Oswald", sans-serif !important; min-height: 160px; margin: 10px; background-color: #FFF; border-radius: 20px; color: #281d63;}
.host-standart-box i {display: block; font-size: 40px; margin-top: 6px; margin-bottom: 6px;}
.cps i {display: block; font-size: 50px; margin: 0;}
.host-standart-box-title {min-height: 80px; background: #3c199c url(../images/standart-bg.png) right bottom no-repeat; border-top-left-radius: 20px; border-top-right-radius: 20px;border-bottom: 10px solid #e5e5e5; padding-top: 3px; color: #FFF;}
.host-standart-box-title strong{font-size: 22px;}
.standart-ico {margin-top: 50px;}
.standart-ico i{font-size: 40px; color: #FFF; opacity: 0.9; margin-right: 15px;}
.standart-get-link {margin-top: 60px;}
.standart-get-link a{color: #FFF;font-family: "Oswald", sans-serif !important; font-size: 14px; padding: 5px 10px 5px; border: 2px solid rgba(255,255,255,.2); border-radius: 38px;}
.standart-get-link a i{color: #ff8100;}

.host-standart-clm .slick-prev{ position: absolute; background: none; border: 3px solid #ff8100; width: 55px; height: 55px; z-index: 900; border-radius: 38px; text-align: center; padding-top: 8px; right: 0; opacity: 1 !important; margin-top: 5px; }
.host-standart-clm .slick-next{ position: absolute; background: none; border: 3px solid #ff8100;  width: 55px; height: 55px; z-index: 900; border-radius: 38px; text-align: center; padding-top: 8px; padding-left: 1px; margin-top: 5px;}
@media (min-width: 992px) { .host-standart-clm .slick-next {top: 0px;right: 0; float: right; margin-right: -80px; margin-top: 60px;}}
@media (min-width: 992px) { .host-standart-clm .slick-prev {top: 0px;left: 0; float: left; margin-left: -80px; margin-top: 60px;}}

.host-standart-clm .slick-prev:before{content: url(../images/cleft.png);}
.host-standart-clm [dir='rtl'] .slick-prev:before{content: url(../images/cright.png);}
.host-standart-clm .slick-next:before{content: url(../images/cright.png);}
.host-standart-clm [dir='rtl'] .slick-next:before{content: url(../images/cright.png);}
.host-standart-clm .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {opacity: 1 !important;}
.hosting-bilgi-al{margin-top: 90px;}
.hosting-bilgi-al .sub-sss-col {border:none;font-family: "Oswald", sans-serif !important;}
.hosting-sorular .sub-sss-col .sub-sss-question {font-size: 18px !important; font-weight: bold;background: #420582;}
.hosting-bilgi-al .sub-sss-col .sub-sss-question {font-size: 18px; font-weight: bold;}
.hosting-bilgi-al .sub-sss-col .sub-sss-question::after {color: #ff8100; font-size: 34px; margin-top: -8px;}
.hosting-sorular .sub-sss-col .sub-sss-question::after {color: #ff8100; font-size: 34px; margin-top: -10px !important;}
.hosting-bilgi-al .sub-sss-col .sub-sss-answer {background:#420582; margin-top: 10px; }
.hosting-svg{position: relative; margin: auto; text-align: center; margin-top: 120px;}
.hosting-svg svg{width: 100%;}
@media (min-width: 992px) { .hosting-svg {position: absolute; right: 0; margin-right: -70px; margin-top: 5px; text-align: right;}}
@media (min-width: 992px) { .hosting-svg svg {width: 430px;}}
.cls-1,.cls-27,.cls-28,.cls-30,.cls-31,.cls-32,.cls-33,.cls-34,.cls-36,.cls-37{fill:none;}.cls-2{isolation:isolate;}.cls-3{fill:#420582;}.cls-4{fill:#3942bb;opacity:0.2;}.cls-5,.cls-9{fill:#525ecc;}.cls-27,.cls-5{stroke:#525ecc;}.cls-11,.cls-30,.cls-31,.cls-32,.cls-33,.cls-34,.cls-5,.cls-8{stroke-miterlimit:10;}.cls-11,.cls-27,.cls-28,.cls-5,.cls-8{stroke-width:4px;}.cls-10,.cls-6,.cls-8{fill:#1d1099;}.cls-6{opacity:0.3;}.cls-7{fill:#6e7ae5;}.cls-28,.cls-31,.cls-8{stroke:#6e7ae5;}.cls-11,.cls-32,.cls-37{stroke:#6ccce6;}.cls-11{fill:url(#linear-gradient);}.cls-12{fill:#333d61;}.cls-12,.cls-19,.cls-29,.cls-35{fill-rule:evenodd;}.cls-13{fill:#addcf1;}.cls-14,.cls-35{fill:#FFF;}.cls-15{fill:#c5e9fa;}.cls-16,.cls-29{fill:#9dd9ef;}.cls-17{fill:#e8f5f8;}.cls-18{clip-path:url(#clip-path);}.cls-19{fill:#2f3b4f;}.cls-20{fill:#1b1a18;}.cls-21{fill:#00b4d2;}.cls-22,.cls-26{fill:#049cbe;}.cls-23{fill:#465578;}.cls-24{fill:#f6fbfd;}.cls-25{fill:#6ccce6;}.cls-26{opacity:0.5;mix-blend-mode:multiply;}.cls-27,.cls-28,.cls-31,.cls-36,.cls-37{stroke-linecap:round;}.cls-27,.cls-28,.cls-36,.cls-37{stroke-linejoin:round;}.cls-30{stroke:#ff8100;stroke-width:3px;}.cls-31,.cls-36,.cls-37{stroke-width:2px;}.cls-33{stroke:#1d1099;}.cls-34,.cls-36{stroke:#ffa733;}

.host-standart-clm .slick-dots {
  position: absolute;
  display: block;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
@media only screen and (min-width: 1366px) {
  .host-standart-clm .slick-dots {
    bottom: -100px;
    width: 100%;
  }
}
@media only screen and (max-width: 1365px) {
  .host-standart-clm .slick-dots {
    bottom: -100px;
    width: 100%;
  }
}
.host-standart-clm .slick-dots li {
  position: relative;
  list-style: none;
  text-align: center;
  outline: 0;
  padding: 0;
  cursor: pointer;
}
@media only screen and (min-width: 1366px) {
  .host-standart-clm .slick-dots li {
    display: inline-block;
    margin: 5px 5px;
  }
}
@media only screen and (max-width: 1365px) {
  .host-standart-clm .slick-dots li {
    display: inline-block;
    margin: 5px 5px;
  }
}
.host-standart-clm .slick-dots li div {
  display: block;
  border: 0;
  outline: 0;
  width: 13px;
  text-indent: -99999999px;
  font-size: 0;
  transition: all 0.2s ease-in-out;
  height: 13px;
  background: transparent;
  border: 2px solid #aca1b9;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
}
.host-standart-clm .slick-dots li div::after {
  content: "";
  width: 13px;
  height: 13px;
  background: #ff8100;
  display: block;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  margin: 0 auto;
  opacity: 0;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  margin-top: -2px;
    margin-left: -2px;
   
}
.host-standart-clm .slick-dots .slick-active div {
  outline: 0;
  transition: all 0.2s ease-in-out;
}
.host-standart-clm .slick-dots .slick-active div::after {
  opacity: 1;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}



.wo-pack-content-clm .slick-dots li div {
  display: block;
  border: 0;
  outline: 0;
  width: 13px;
  text-indent: -99999999px;
  font-size: 0;
  transition: all 0.2s ease-in-out;
  height: 13px;
  background: transparent;
  border: 2px solid #aca1b9;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
}
.wo-pack-content-clm .slick-dots li div::after {
  content: "";
  width: 13px;
  height: 13px;
  background: #ff8100;
  display: block;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  margin: 0 auto;
  opacity: 0;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  margin-top: -2px;
    margin-left: -2px;
   
}






.woovv-my .slick-dots li div {
  display: block;
  border: 0;
  outline: 0;
  width: 13px;
  text-indent: -99999999px;
  font-size: 0;
  transition: all 0.2s ease-in-out;
  height: 13px;
  background: transparent;
  border: 2px solid #aca1b9;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
}
.woovv-my .slick-dots li div::after {
  content: "";
  width: 13px;
  height: 13px;
  background: #ff8100;
  display: block;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  margin: 0 auto;
  opacity: 0;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  margin-top: -2px;
    margin-left: -2px;
   
}



.hosting-manset .slick-dots li div {
  display: block;
  border: 0;
  outline: 0;
  width: 13px;
  text-indent: -99999999px;
  font-size: 0;
  transition: all 0.2s ease-in-out;
  height: 13px;
  background: transparent;
  border: 2px solid #aca1b9;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
}
.hosting-manset .slick-dots li div::after {
  content: "";
  width: 13px;
  height: 13px;
  background: #ff8100;
  display: block;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  margin: 0 auto;
  opacity: 0;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  margin-top: -2px;
    margin-left: -2px;
   
}


.host-page-basla{background: #300162; color: #FFF;}
.host-page-basla h2{font-size: 40px;}
.page-hosting-woovv{}
.page-hosting-woovv .whm-table-left .wtl-col{background: #420582; color: #FFF;}
.page-hosting-woovv .whb-tab .whb-t-col:hover, .whb-tab .whb-t-col.current{color: #FFF;}
.page-hosting-woovv .wh-pack-bg {background: #420582;}
.page-hosting-woovv .wh-pack-bg .wh-pack-price {background: rgba(6, 10, 46, 0.2);border-right: 1px solid #16246c;padding: 20px 0; font-size: 22px;}
.page-hosting-woovv .wh-pack-bg .wh-pack-button {padding: 20px;background: #420582;border-right: 1px solid #16246c;}
.page-hosting-woovv .wh-pack-bg .wh-pack-button a {font-family: "Oswald", sans-serif !important;display: block;background: none;padding: 7px 0;color: #ffffff;text-align: center;border: 2px solid rgba(255,255,255,.2);}
.page-hosting-woovv .wh-pack-bg .wh-pack-button a i {color: #ff8100; font-size: 18px;}
.page-hosting-woovv .whm-table-left2 .wtl-col-2 {color: #FFF;}
.whao-click {background: #420582;color: #FFF;margin: 120px 0 20px 0;}
.whao-click::after {content: "\f107";font-family: "Font Awesome 5 Free";font-weight: 900;color: #ff8100;position: absolute;right: 40px;font-size: 40px;margin-top: -14px;}
.whao-table li div:nth-child(odd){background: rgba(6, 10, 46, 0.2);}
.whao-table{background: #300162;}
.whao-table li div{border-bottom: 1px solid #16246c;border-left: 1px solid #16246c; color: #FFF;}
.whao-table li div i {color: #FFF;}
.host-wel span{font-family: "Oswald", sans-serif !important; color: rgba(255,255,255,.3); font-weight: bold; font-size: 18px;}
.host-lok {position: relative; margin-top: 10px;}
@media (min-width: 768px) { .host-lok {position: absolute; right: 172px; margin-top: -34px;}}
.host-lokimg {margin-top: 30px; text-align: center;}
@media (min-width: 992px) { .host-lokimg {margin-top: 30px; text-align: right;}}
.wh-pack-bg .wh-pack-list .whp-col i {
    color: #FFF;
}
.wh-pack-bg .wh-pack-top {font-size: 16px;}
.wh-pack-bg .wh-pack-top p{font-size: 14px; font-family: "Oswald", sans-serif !important; color: rgba(255,255,255,.3);}
.page-pop span {
    position: absolute;
    margin-left: 65px;
    display: block;
    padding: 0 4px;
    border-radius: 38px;
    margin-top: -75px;
    border: 2px solid rgba(255,255,255,.2);
    font-size: 11px;
    color: #ff8100;
    font-weight: bold;
}
.page-hosting-woovv .slick-prev:before, .slick-next:before {
    font-family: 'slick';
    font-size: 35px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.page-hosting-woovv .slider5 .slick-prev,
.slider5 .slick-next {
  font-size: 0;
  display: block;
  position: absolute;
   border: 3px solid #ff8100;
    border-radius: 50%;
    width: 55px;
    height: 55px;
    text-align: center;
}
.page-hosting-woovv .slider5 .slick-prev::before,
.slider5 .slick-next::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: block;
  text-align: center;
  line-height: 60px;
  font-size: 24px;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  background: none;
  cursor: pointer;
    border-radius: 50%;
   opacity: .75;
}
@media only screen and (min-width: 1366px) {
  .page-hosting-woovv .slider5 .slick-prev {
    right: 100px;
    top: -130px;
  }
  .page-hosting-woovv .slider5 .slick-prev:hover::before {
    background: none;
    color: #ffffff;
  }
  .page-hosting-woovv .slider5 .slick-next {
    right: 10px;
    top: -130px;
  }
  .page-hosting-woovv .slider5 .slick-next:hover::before {
    background: none;
    color: #ffffff;
  }
    
 
    
    
  .page-hosting-woovv .slider5 .slick-prev::before {
    content: url(../images/cleft.png);
    border-radius: 50%;
  }
  .page-hosting-woovv .slider5 .slick-next::before {
   content: url(../images/cright.png);
    border-radius: 50%;
  }
}
@media only screen and (max-width: 1365px) {
  .page-hosting-woovv .slider5 .slick-prev {
    right: 60px;
    top: -80px;
  }
  .page-hosting-woovv .slider5 .slick-prev:hover::before {
    background: none;
    color: #ffffff;
  }
  .page-hosting-woovv .slider5 .slick-next {
    right: 0px;
    top: -80px;
  }
  .page-hosting-woovv .slider5 .slick-next:hover::before {
    background: none;
    color: #ffffff;
  }
  .page-hosting-woovv .slider5 .slick-prev::before {
   content: url(../images/cleft.png);
      border-radius: 50%;
  }
  .page-hosting-woovv .slider5 .slick-next::before {
    content: url(../images/cright.png);
    border-radius: 50%;
  }
}
.host-onecikan{color: rgba(255,255,255,.3);}
.host-onecikan i{font-size: 30px;display: block; margin-bottom: 3px;}
.host-onecikan strong{font-size: 18px; font-weight: 300;}
.host-onecikan span{position: absolute; font-size: 16px;}
.host-pack-o{min-height: 500px; color: #FFF; padding-top: 30px;}
.host-pack-o h2{margin-bottom: 80px; margin-top: 50px;}
.host-pack-o h2 small{color: rgba(255,255,255,.3); margin-bottom: 15px;}
.host-pack-o i{ font-size: 40px; margin-bottom: 10px; padding: 5px;}
.host-pack-o strong{display: block; font-size: 20px;}
.host-pack-o p{margin-bottom: 70px;}
@media (min-width: 768px) { .host-pack-o p {margin-bottom: 10px;}}
.hosting-panel-demo{background: #420582; color: #FFF; min-height: 550px; padding-top: 45px; padding-bottom: 45px;}
@media (min-width: 768px) { .hosting-panel-demo {min-height: 400px; padding-bottom: 0px;}}
.ircd-h-t {min-height:700px; margin-top:300px;}
@media (min-width: 768px) {
    .ircd-h-t {
        min-height:700px; margin-top:20px;
    }
}
.hosting-panel-demo h2 small{color: rgba(255,255,255,.3); margin-bottom: 15px;}
.hosting-panel-demo p{color: #FFF; font-size: 16px; margin: 35px 15px;}
.hosting-panel-demo a{color: #FFF; font-size: 20px;border: 2px solid rgba(255,255,255,.2);border-radius: 38px; padding: 5px 10px 5px;}
.hosting-panel-demo a i{color: #ff8100;}
.reseller {margin-top: 60px; margin-bottom: 50px;}
.reseller i{display: block !important; font-size: 50px !important; margin-bottom: 20px;}
.reseller strong{font-size: 20px;}
.reseller p{margin-top: 20px !important;}
.myreseller{background: #36016e !important;}
.rs-box{width: 100%; min-height: 180px;background: #420582; margin-bottom: 30px; padding: 20px; border-radius: 8px;}
.rs-box strong{ display: block; font-size: 22px; margin-bottom: 10px;}
.rs-box ul{list-style: none; padding: 4px;}
.rs-box ul li{font-size: 14px; margin-top: 5px;font-family: "Oswald", sans-serif !important;}
.rs-box ul li i{margin-right: 5px;}
.i-bg{position: absolute; right: 45px; bottom: 45px; font-size: 50px; opacity: 0.8;}
.rad-i-one{font-size: 80px; margin-top: 80px;}
.rad-i-two{position: absolute; margin-top: 90px; font-size: 50px; margin-left: 30px;}
.rad-i-rg{position: absolute; margin-top: 90px; font-size: 50px; margin-left: -80px;}
.rad-circle{width: 128px; height: 128px; margin: auto; margin-top: 50px;background: #420582; border-radius: 52.1px; padding-top: 35px;}
.rad-circle i{font-size: 50px;}
.rd-pack strong{display: block; font-size: 20px; margin-top: 25px; margin-bottom: 5px;}
@media (min-width: 992px) { .rd-pack strong {margin-bottom: 50px;}}
.video-circle{width: 80px; height: 80px; border-radius: 50%; margin: auto; margin-top: 40px; margin-bottom: 22px; text-align: center; cursor: pointer;}
.video-circle i{color: #ff8100; font-size: 50px;}
.wp-ik{position: absolute; right: 0; margin-right: 140px; margin-top: -100px; font-size: 60px; opacity: 0.9; color: #FFF; display: block;}
.wp-nummer-clm{max-width: 400px; min-height: 30px; margin: auto; margin-top: 15px !important;}
.wp-nummer-clm strong{margin-top: 20px;}
@media (min-width: 1400px) { .wp-nummer-clm {margin-top: -115px !important;}}
.wp-nummer-active{color: #ff8100 !important;}
.wp-nummer{font-family: "Oswald", sans-serif !important;float: left; margin-left: 30px; width: 60px; height: 60px; border-radius: 50%; text-align: center; font-size: 34px; color: rgba(255,255,255,.3); padding-top: 16px; background: #420582;}
@media (min-width: 1200px) { .wp-nummer {padding-top: 10px;}}
.arrow-svg{position: relative; text-align: center; margin-top: 50px;}
@media (min-width: 1200px) { .arrow-svg {position: absolute; left: 0; margin-right: 5px; margin-top: 100px;}}
.wp-host-img{position: relative; margin-top: 50px; text-align: center; display: block; margin-bottom: 50px;}
@media (min-width: 1200px) { .wp-host-img {position: absolute; margin-top: -105px; right: 0; margin-right: 30px;}}
.wp-whao-click {margin: 160px 0 20px 0;}
.wo-hosting-tab {position: relative; margin-top: 30px; margin-bottom: 80px; color: #FFF; z-index: 999;}
.wo-hosting-tab h2 small {color: rgba(255,255,255,.3); margin-bottom: 15px;}
.wo-hosting-tab strong {color: rgba(255,255,255,.3); font-weight: 300; display: inline-block;}
.wo-hosting-tab strong i{font-size: 40px; margin-right: 10px;}
.wo-hosting-tab .tab-three-content{max-width: 100% !important;}

.clss-1{fill:#420582;}.clss-2{fill:#fff;}.clss-3{fill:#5d43ac;}.clss-4{fill:#e9eaeb;}.clss-5{fill:#cad4ff;}.clss-6{fill:#ff775c;}.clss-7{fill:#2a5082;}
.wo-hosting-tab .tab-three-content .rsr-col p{font-size: 20px; color: #FFF; padding-right: 0px; padding-left: 0px; padding-top: 5px;}
@media (min-width: 1200px) { .wo-hosting-tab .tab-three-content .rsr-col p {font-size: 20px; color: #FFF; padding-right: 80px; padding-left: 155px; padding-top: 40px;}}
.wo-hosting-tab .tab-three .tth-col{border: 2px solid rgba(255,255,255,.2); padding: 5px 10px 5px; border-radius: 38px; font-size: 14px !important; margin: 20px;}
@media (min-width: 1200px) { .wo-hosting-tab .tab-three .tth-col {margin-top: 2px; margin-right: 5px;}}
.wo-hosting-tab .tab-three .tth-col:hover, .tab-three .tth-col.current{border-bottom-color:rgba(255,255,255,.2);}
.wo-hosting-tab .tab-three .tth-col:hover::before, .tab-three .tth-col.current::before {opacity: 1 !important;transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;}
.wo-hosting-tab .tab-three .tth-col::before {content: "";width: 10px;opacity: 0;transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;height: 10px;-webkit-border-radius: 38px;-moz-border-radius: 38px;-ms-border-radius: 38px;border-radius: 38px;left: 0;right: 0;margin: auto;top: 40px;position: absolute;transform: rotate(45deg);-ms-transform: rotate(45deg); -moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);border: 2px solid #ff8100 !important;background: #ff8100;}

.irc-table2{margin-top: 91px; display: none;}
@media (min-width: 992px) { .irc-table2 {display: block;}}
.ircd-host-page .slider5 .slick-list{border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important;}
.irc-table2 .irc-row .irc-col:nth-child(1) {
    width: 18.3%;
    background: #ffffff !important;
    color: #000729;
}
.irc-table2 .irc-dropdown {
    font-family: "Oswald", sans-serif !important;
    cursor: pointer;
    padding: 10px 20px;
    color: #ffffff;
    position: relative;
    font-size: 16px;
    background: #420582;
    border-bottom: 1px solid #16246c;
    font-weight: bold;
}
.irc-table2 .irc-row .irc-col:nth-child(1) {
    width: 15%;
    background: #420582 !important;
    color: #FFF;
}
.irc-table2 .irc-row .irc-col:not(:first-child):nth-child(odd) {
    background: #420582;
    border-bottom: 1px solid #16246c;
}
.irc-table2 .irc-row .irc-col:not(:first-child):nth-child(even) {
    background: #420582;
    border-bottom: 1px solid #16246c;
}
.sale-app{position: absolute; width: 50px; margin-left: 93px;display: block;padding: 0 4px !important;border-radius: 38px;margin-top: -35px;font-size: 12px;color: #ff8100;font-weight: bold; line-height: 13px;}

.chat-sale-app{position: absolute; width: 50px; margin-left: 95px;display: block;padding: 0 4px !important;border-radius: 38px;margin-top: -29px;font-size: 12px;color: #ff8100;font-weight: bold; line-height: 13px;}

.irc-table2 .irc-dropdown::after {
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    right: 20px;
    color: #ff8100;
    top: 5px;
    position: absolute;
    font-size: 30px;
}
.irc-box-clm small{font-family: "Oswald", sans-serif !important;color: rgba(255,255,255,.3);font-weight: bold;font-size: 18px; margin-top: 10px; margin-bottom: 10px;}
.irc-box-clm strong{font-size: 16px;}
.ircd-box-one{width: 160px; height: 160px; margin: auto; margin-top: 50px; margin-bottom: 20px; background: #420582;border-radius: 52.1px; text-align: center; color: #FFF; padding-top: 15px;}
.ircd-box-two{width: 160px; height: 160px; margin: auto; margin-top: 10px; margin-bottom: 20px; background: #420582;border-radius: 52.1px; text-align: center; color: #FFF; padding-top: 15px;}
.ircd-box-one i{font-size: 40px;}
.ircd-box-two i{font-size: 40px;}
.ircd-box-one span{font-family: "Oswald", sans-serif !important; position: absolute; width: 55px; height: 55px;border-radius: 52.1px; margin-left: -85px; margin-top: -25px;background: #420582; text-align: center; font-weight: bold;color: rgba(255,255,255,.3); font-size: 35px;}
.ircd-box-two span{font-family: "Oswald", sans-serif !important; position: absolute; width: 55px; height: 55px;border-radius: 52.1px; margin-left: -85px; margin-top: -25px;background: #420582; text-align: center; font-weight: bold;color: rgba(255,255,255,.3); font-size: 35px;}
.chats-applet {min-height: 500px;}
.chats-applet ul{margin-top: 35px; margin-bottom: 50px; padding: 4px; list-style: none;}
.chats-applet ul li{font-family: "Oswald", sans-serif !important; margin: 4px; font-size: 18px; min-height: 20px;}
.chat-mac i {font-size: 150px; margin-top: 60px; margin-bottom: 30px; display: block; text-align: center;}
.irc-num{font-family: "Oswald", sans-serif !important;width: 70px; height: 70px; margin: auto; margin-bottom: 10px; text-align: center; border-radius: 25.1px;color: rgba(255,255,255,.3);background: #36016e; font-size: 40px; font-weight: bold; padding-top: 5px;}
.irc-num i{color: #ff8100;}

.irc-app-img{margin-top: 25px; margin-bottom: 45px;}
.irc-pro {min-height: 450px;}
.irc-pro h2{margin-bottom: 40px;}
.sale-app a{color: #ff8100;font-weight: bold; outline: none;font-family: "Oswald", sans-serif !important;}


/* Chat Applet Page */
.irc-app-wel{min-height: 2400px; margin-top: 320px; padding-bottom: 200px;}
@media (min-width: 1200px) { .irc-app-wel {margin-top: 210px; padding-bottom: 20px;}}
.app-img{ margin-top: 40px; text-align: center;}
@media (min-width: 992px) { .app-img {margin-top: 30px; text-align: right;}}
.app-mac{padding: 50px 0; margin-top: 20px; margin-bottom: 50px;}
.app-mac-title h2{margin-bottom: 150px;}
.app-work strong{font-size: 40px;}
.app-work strong small{color: rgba(255,255,255,.3);}
.app-work p{margin-top: 30px; font-size: 16px; margin-bottom: 50px;}
.app-work svg{float: right;}
.app-work-right strong{font-size: 40px;}
.app-work-right strong small{color: rgba(255,255,255,.3);}
.app-work-right p{margin-top: 30px; font-size: 16px; margin-bottom: 50px;}
.app-work-right svg{ margin: auto; margin-top: 60px; margin-bottom: 60px;}
@media (min-width: 768px) { .app-work-right svg {margin-left: -50px; margin-top: 130px; margin-bottom: 120px;}}
.app-arrow-svg{display: none;}
@media (min-width: 1200px) { .app-arrow-svg {position: absolute; margin-top: -440px; margin-left: 200px; display: block;}}
.app-work-right ul{list-style: decimal-leading-zero; margin-left: 32px; margin-top: 30px;}
.app-work-right ul li{margin-top: 5px; font-size: 16px;}
.app-work-right ul li::marker{color: rgba(255,255,255,.3); font-weight: bold; font-size: 20px; margin-right: 5px;}
.root-flag{position: absolute; margin-top: -200px; margin-left: 50px;}
@media (min-width: 768px) { .root-flag {position: absolute; margin-top: -100px; margin-left: 200px;}}
.root-flag img{border-radius: 50%; border: 2px dashed #ff8100;}
.root-flag:after{content: "";position: absolute;width: 40px;background-color: rgba(255,255,255,.3);height: 1px; margin-top: -50px; margin-left: 35px;transform: rotate(50deg);}
.flag-clm{margin-top: 100px; margin-bottom: 70px;}

.root-flag span{ position: relative; display: block; padding: 3px 15px 1px; color: #FFF; border: 2px solid rgba(255,255,255,.2); text-align: center; font-size: 10px; margin-left: 50px; margin-top: 50px; border-radius: 38px;}

.vip-flag{position: absolute; margin-top: -200px; margin-left: 150px;}
@media (min-width: 768px) { .vip-flag {position: absolute; margin-top: -100px; margin-left: 350px;}}
.vip-flag i{position: absolute; font-size: 18px; margin-top: -13px; margin-left: -20px;}
.vip-flag img{border-radius: 50%; border: 2px dashed #fe8e0a;}
.vip-flag:after{content: "";position: absolute;width: 40px;background-color: rgba(255,255,255,.3);height: 1px; margin-top: -50px; margin-left: 35px;transform: rotate(50deg);}
.vip-flag span{ position: relative; display: block; padding: 3px 15px 1px; color: #FFF; border: 2px solid rgba(255,255,255,.2); text-align: center; font-size: 10px; margin-left: 50px; margin-top: 50px; border-radius: 38px;}

.flag-info h2{margin-bottom: 70px;}
.flag-title{padding-top: 150px;}
.c-mesaj{min-height: 1050px;}
.c-mesaj svg{margin-top: 120px;}
.c-mesaj-send{font-size: 60px !important;}
.c-mesaj-img{position: absolute; margin-top: 65px; margin-left: 65px;}
.c-mesaj-img1{position: absolute; margin-top: 395px; margin-left: 2px;}
.c-mesaj-bot{position: absolute; width: 250px; right: 20px; margin-top: -45px;}
@media (min-width: 992px) { .c-mesaj-bot {right: -80px;}}
.chatv4 strong{margin-top: 40px;}
.plugin-video{margin-top: 205px;}
.plugin-video p{margin-top: 50px;}
.c-app-oz{ margin-top: 25px; font-family: "Oswald", sans-serif !important;font-size: 16px;padding: 5px 10px 5px;border: 2px solid rgba(255,255,255,.2);border-radius: 38px;}
.c-app-oz i{color: #FFF; font-size: 20px;}

/* Web Tasarım Page */

.left-circle {
    height: 1424px;
    width: 573px;
    background-color: #420582;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    border-bottom-left-radius: 235%;
    border-top-left-radius: 235%;
    border-left: 0;
    position: absolute;
    left: -520px;
    top: 10%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.half-circle3 {
    height: 905px;
    width: 50%;
    transform: scaleX(-1);
     background-color: #420582;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    border-left: 0;
    border-bottom-left-radius: 35%;
    position: absolute;
    left: 0px;
    top: -20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1;
}
.desing-wo{position: absolute; left: 0; margin-top: -270px; display: none;}
@media (min-width: 992px) { .desing-wo {position: absolute; left: 0; margin-top: -340px; display: none; display: block;}}
.web-tasarim-page{min-height: 1500px; padding-bottom: 100px;}
.web-tasarim-page h2 small{color: rgba(255,255,255,.3);margin-bottom: 15px;}
.web-title-img{margin-top: 110px !important;}
.web-title-img small{font-family: "Oswald", sans-serif !important;}

.seo-circle .web-market-circle {margin-left: 0px !important;}
.web-market-circle {margin-left: 0px;}
@media (min-width: 992px) { .web-market-circle {margin-left: -70px;}}
.web-market-circle small{font-size: 16px !important; border: 2px solid rgba(255,255,255,.2);padding: 5px 10px 5px;border-radius: 38px;}
.web-market-circle small span{color: #ff8100;}
.web-market-circle i{font-size: 55px;}
.web-market-circle .i-rep{font-size: 35px; margin-top: 50px;}
.web-market-circle .i-small{font-size: 20px; margin-top: 50px;}
.web-market-circle-tp{margin-top: 50px;}
@media (min-width: 992px) { .web-market-circle-tp {margin-top: -85px;}}
.i-saless{ margin-top: 50px;}
@media (min-width: 992px) { .i-saless {margin-top: 2px;}}

.seo-circle{margin-top: 90px;}
.seo-circle .web-market-circle-tp{margin-top: 50px;}
@media (min-width: 992px) { .seo-circle .web-market-circle-tp {margin-top: -125px;}}


.web-title{position: relative; z-index: 999; margin-bottom: 60px; margin-top: 40px; text-align: center;}
@media (min-width: 992px) { .web-title {position: relative; z-index: 999; margin-bottom: 30px; margin-top: 10px; text-align: left;}}
.web-title h2{ font-size: 50px;}
.web-title small{color: rgba(255,255,255,.3);margin-bottom: 15px; font-size: 30px;}
.web-title .blockquote-footer{color: rgba(255,255,255,.3); font-size: 14px; }
.web-title strong{display: block; font-size: 140px;}
.web-title strong span{font-family: "Oswald", sans-serif !important;position: absolute; font-size: 80px; margin-top: 32px;}
.web-title strong em{font-family: "Oswald", sans-serif !important;position: absolute; font-size: 14px; margin-top: 142px; margin-left: 5px;}
.web-title p{margin-top: 15px;}
.web-title a{font-family: "Oswald", sans-serif !important; color: #FFF; font-size: 26px; font-weight: bold; margin-left: 5px;}
.wel-imgs img{margin-top: 25px;}
.tema-i { margin-bottom: 50px;}
.tema-i i{font-size: 35px; margin-top: 10px; margin-right: 10px;}
.web-in{position: relative; z-index: 10; margin-top: 100px; margin-bottom: 40px;}
.web-in strong{font-size: 80px; color: #ff8100; display: block;}
.web-in span{font-family: "Oswald", sans-serif !important;color: rgba(255,255,255,.3); font-size: 60px; display: block; margin-top: -90px; font-weight: bold;}
.web-in p{font-family: "Oswald", sans-serif !important;color: rgba(255,255,255,.3); font-size: 60px; font-weight: bold; margin-top: -25px;}
.web-in small{font-family: "Oswald", sans-serif !important;color: #4beb62; font-size: 60px; font-weight: bold; margin-top: -35px;}
.wp-name{font-family: "Oswald", sans-serif !important;color: rgba(255,255,255,.3); font-size: 30px !important; display: block; margin-top: -35px !important; font-weight: bold; z-index: 999;}
.m-left{margin-left: 10px;}
.web-camp{position: relative; margin: auto; background: rgba(80,0,153,.7); width: 150px; height: 150px; border-radius: 38.1px; margin-top: -170px; color: #FFF; z-index: 1; padding-top: 15px; text-align: center;}
.web-camp::after{position: absolute; left: -32px; margin-top: -88px; content: url('../images/circle-arrow.png');}
.web-camp strong{ display: block; font-size: 40px;transform: rotate(20deg); margin-left: 20px;}
.web-camp span{ font-family: "Oswald", sans-serif !important; display: block; font-size: 30px;transform: rotate(20deg); color: #ff8100; margin-left: -20px; font-weight: bold; margin-top: -15px;}
.web-camp p{ display: block;transform: rotate(20deg); margin-left: -40px; font-size: 16px; margin-top: -10px;}
.web-camp-ik i{position: absolute; right: -50px; margin-top: -70px; color: #FFF; opacity: 0.4; font-size: 65px;}

.web-tasarim-page .host-standart-clm .slick-prev{ position: absolute; background: none; border: 3px solid #ff8100; width: 55px; height: 55px; z-index: 900; border-radius: 38px; text-align: center; padding-top: 8px; right: 0; opacity: 1 !important; margin-top: 5px; }
.web-tasarim-page .host-standart-clm .slick-next{ position: absolute; background: none; border: 3px solid #ff8100;  width: 55px; height: 55px; z-index: 900; border-radius: 38px; text-align: center; padding-top: 8px; padding-left: 1px; margin-top: 5px;}
@media (min-width: 992px) { .web-tasarim-page .host-standart-clm .slick-next {top: 0px;right: 0; float: right; margin-right: 30px; margin-top: 60px;}}
@media (min-width: 992px) { .web-tasarim-page .host-standart-clm .slick-prev {top: 0px;left: 0; float: left; margin-left: 30px; margin-top: 60px;}}
.proje-clm{margin-top: 50px;}
.proje-clm .slick-slide img {display: inline-block;}
.proje-mask-img{position: relative; z-index: 10;}
.proje-mask-bg{position: relative; z-index: 20; min-height: 800px; margin-top: 70px; background: url(../images/sos-bg.png) no-repeat left bottom;}
.website-start{margin-top: 170px;}
.website-start h2 small{color: rgba(255,255,255,.3);margin-bottom: 15px; font-size: 30px;}
.proje-start-clm{margin-top: 74px;}
.seo-t .proje-start-box{margin-left: 30px;background: #420582; border-radius: 16px; border-bottom: 10px solid rgba(255, 255, 255, 0.09); padding: 20px; margin-top: 80px;}
@media (min-width: 992px) { .seo-t .proje-start-box {margin-left: 30px;background: #420582; border-radius: 16px; border-bottom: 10px solid rgba(255, 255, 255, 0.09); padding: 20px; margin-top: 2px;}}
.proje-start-box strong{font-weight: bold; color: #FFF; margin-bottom: 30px;}
.proje-start-box strong i{font-size: 30px; color: #FFF;}
.proje-alph{position: absolute;color: #420582; font-size: 100px; font-weight: bold; margin-top: -62px;}
.proje-alph:before{position: absolute;color: #FFF; font-size: 60px; font-weight: bold; content: "b"; margin-top: -170px; margin-left: -32px; transform: rotate(-20deg); display: none;}
@media (min-width: 992px) { .proje-alph:before {margin-top: -70px; display: block;}}
.proje-alph:after{position: absolute;color: #ff8100; font-size: 60px; font-weight: bold; content: "c"; margin-top: -190px; margin-left: -20px; transform: rotate(-20deg); display: none;}
@media (min-width: 992px) { .proje-alph:after {margin-top: -140px;margin-left: 25px; display: block;}}
.proje-start-price {margin-top: 40px;}
.proje-start-price span {font-size: 18px;}
.proje-start-price a {position: relative; color: #FFF;font-size: 20px;background: rgba(255, 255, 255, 0.07);border-radius: 38px;padding: 5px 10px 5px; font-weight: bold;}
.site-start-img{position: relative; margin: auto; margin-top: 100px; margin-bottom: 50px;}
@media (min-width: 992px) { .site-start-img {position: absolute; right: -90px; margin-top: -80px;}}
.site-start-font{position: absolute; right: 100px; margin-top: 20px; font-size: 100px; color: #FFF;transform: rotate(40deg);}
@media (min-width: 992px) { .site-start-font {right: 0;}}
.web-person-img{position: absolute; left: 0; margin-top: 375px;}
.proje-ik{position: absolute; right: 80px; margin-top: -90px; opacity: 0.1; font-size: 130px;}
@media (min-width: 992px) { .proje-ik {right: -80px;font-size: 230px;margin-top: -190px;}}
.woovv-work-team{margin-top: -100px; margin-bottom: 20px;}
.woovv-work-team h2{ margin-bottom: 40px;}
.woovv-work-team h2 small{color: rgba(255,255,255,.3);margin-bottom: 15px; font-size: 30px;}
.woovv-work-team h2:before {position: absolute;width: 60px;height: 6px;margin-top: 105px;content: "";background-color: #ff8100;}
.editor-plans{margin-top: 150px;}
.editor-plans-box{background-color: #420582; width: 100%; min-height: 380px; margin: auto; border-radius: 8px; margin-top: 80px; text-align: center; padding: 20px;}
.editor-plans-box a{color: #FFF;font-family: "Oswald", sans-serif !important; font-size: 24px; display: block; margin-top: 30px;}
.editor-plans-box em{margin-bottom: 25px; display: block;}
.editor-plans-box strong{font-size: 30px; padding: 10px 20px 10px;background: #300162; border-radius: 40px;}
.editor-plans-box strong span{font-family: "Oswald", sans-serif !important;font-size: 20px;}
.e-plan-title{ font-size: 30px; margin-bottom: 10px;}
.editor-plans-box ul{list-style: none; padding: 0; margin-top: 20px; margin-bottom: 15px;}
.editor-plans-box ul li{list-style: none; font-size: 14px;}

/* Seo Page */
.desing-seo{position: absolute; left: 0; margin-top: -270px; display: none;}
@media (min-width: 992px) { .desing-seo {position: absolute; left: 0; margin-left: -150px; margin-top: -285px; display: none; display: block; z-index: 0;}}
.seo-start-right{ margin-top: -100px; background: url(../images/seo-map.png) no-repeat right top;padding-top: 175px; min-height: 600px;}
.seo-start-right .modal-content{ background: #300162;}
.seo-start-right .modal-content .close {text-shadow: none; color: #ff8100; opacity: 1; margin-right: 30px; margin-top: 15px;}
.seo-start-right h3{ color: rgba(255,255,255,.3); font-size: 45px; font-weight: 400;}
.seo-start-right p{ text-align: center; margin-top: 30px; font-size: 20px;}
.home-video{line-height: 80px;text-align: center;z-index: 1;width: 80px;height: 80px; margin: auto; margin-top: -130px;padding: 0; }
.home-video button{background: none; border: none; }
.home-video i{font-size: 40px; color: #ff8100; }
@media (min-width: 768px) { .home-video { margin-top: -185px; }}
.home-video-clm{position: relative; margin-top:70px; cursor: pointer; z-index: 2;}


.video-seo-ply{color: #ff8100; font-size: 40px; margin-top: 220px; position: absolute;}
.seo-titlem{font-size: 80px !important; margin-top: -10px; z-index: 998; font-weight: bold;}
.title-bir{margin-left: 60px; margin-top: -2px; position: relative;z-index: 999;font-weight: bold;}
.title-iki{margin-left: 159px; margin-top: -18px; position: relative;z-index: 999;color: #ff8100 !important; font-weight: bold;}
.title-uc{margin-left: 59px; margin-top: -24px; position: relative;z-index: 999;color: #4beb62 !important; font-weight: bold;}
.title-dort{margin-left: 10px; margin-top: -24px; position: relative;z-index: 999;color: #000 !important; font-weight: bold;}
.s-title-left{margin-left: 10px;}
.s-teklif{min-height: 100px; margin-top: 15px;position: relative; z-index: 2000;}
.s-teklif input{background: none; border: none; outline: none; font-size: 18px; font-family: "Oswald", sans-serif !important; padding-top: 3px; color: #FFF;}
.seo-ref a{border: 2px solid rgba(255,255,255,.2);padding: 5px 15px 5px;border-radius: 38px; color: #FFF; font-size: 16px; margin-left: 10px; position: relative; z-index: 999;}
.seo-ref button{border: none;padding: 5px 45px 5px;border-radius: 38px; color: #FFF; font-size: 12px; margin-left: 10px; position: relative; z-index: 999; background: none; outline: none; display: none;}
@media (min-width: 768px) { .seo-ref button { border: none;padding: 5px 45px 5px;border-radius: 38px; color: #FFF; font-size: 12px; margin-left: 10px; position: relative; z-index: 999; background: none; outline: none; display: inline-block; }}
.m-hid{display: none;}
@media (min-width: 992px) { .m-hid {display: inline-block;}}
.seo-ref button i{position: absolute; color: #ff8100; font-size: 20px; margin-top: -1px; margin-left: -35px;}
.seo-ref a i{color: #ff8100;}

.s-teklif input:-moz-placeholder {
	color: rgba(255,255,255,.3);
}
.s-teklif input::-webkit-input-placeholder {
	color: rgba(255,255,255,.3);
}

.s-teklif-clm-left{ padding-left: 30px; width: 75%; float: left; min-height: 65px;background: #420582; border-bottom-left-radius: 38px; border-top-left-radius: 38px;}
.s-teklif-clm-right{width: 25%; float: left; min-height: 65px;background: #ff8100; border-bottom-right-radius: 38px; border-top-right-radius: 38px; text-align: center; padding-top: 10px; font-size: 30px;}
.s-teklif-clm-right input{ font-size: 20px;}
.s-teklif-clm-right i{font-size: 22px;}
.s-inp-border{border-right: 2px solid rgba(255, 255, 255, 0.07); min-height: 65px; padding: 15px;}
.s-inp{min-height: 65px; padding: 15px;}
.seo-clm{margin-top:-50px;}
.seo-clm .site-start-fonts{position: relative; transform: rotate(40deg);  margin-top: 300px; margin-left: 50px;}
.seo-clm .site-start-fonts i{font-size: 60px;}
.seo-nummer{color: rgba(255,255,255,.3); font-size: 30px; display: block; background: #420582; width: 55px; height: 55px; border-radius: 50%; text-align: center; padding-top: 5px;}
.seo-nummer:before{position: absolute; width: 70px; height: 2px; content: "";background: #420582; margin-left: 40px; margin-top: 22px;}
.seo-nummer:after{position: absolute; width: 2px; height: 60px; content: "";background: #420582; margin-left: 80px; margin-top: 22px;}
.seo-title-num{ margin-top: 70px; margin-bottom: 30px;}
.seo-t{margin-top: 170px;}
.seo-t p{max-width: 450px; margin: auto; font-size: 18px;}
.seo-t .proje-ik{right: 120px; margin-top: 55px; font-size: 100px; opacity: 0.9;}
@media (min-width: 992px) { .seo-t .proje-ik {right: 120px; margin-top: -95px; font-size: 100px; opacity: 0.9;}}
.seo-t-i{font-size: 50px;}
.seo-inf{ margin-top: 70px;}
@media (min-width: 992px) { .seo-inf {margin-top: -170px;}}
.seo-inf-clm{width: 190px; height: 250px; margin: auto; margin-top: 15px; background: #420582; border-radius: 16px; padding: 15px;border-bottom: 8px solid rgba(255, 255, 255, 0.09);}
.seo-inf-clm i{display: block; font-size: 40px; margin-bottom: 20px;}
.seo-inf-clm strong{font-size: 16px;}
.seo-inf-clm span{color: #ff8100;}
.seo-inf-clm p{margin-top: 10px; font-size: 14px;}
.seo-inf-tp{margin-top: 15px;}
@media (min-width: 992px) { .seo-inf-tp {margin-top: 70px;}}
.seo-content-clm{ min-height: 600px; background: url(../images/seo-hom-bg.png) no-repeat;}
.seo-pan{margin-top: -415px; margin-bottom: 170px;}
@media (min-width: 992px) { .seo-pan {margin-top: -145px; margin-bottom: 170px;}}
.seo-clm-tp{ margin-top: 10px;}
@media (min-width: 992px) { .seo-clm-tp {margin-top: 340px;}}
.seo-bub{min-height: 700px;}
.seo-bg-color1{position: absolute; background: #420582; width: 60px; height: 240px; margin-top: 57px; text-align: center; padding-top: 150px;}
.seo-bg-color1 span{transform: rotate(-90deg);white-space: nowrap; display: inline-block; margin-left: -40px; font-weight: bold;}
.seo-bg-color1 p{transform: rotate(-90deg);white-space: nowrap; display: inline-block; float: left; margin-left: -10px; margin-top: -15px; font-weight: 300; font-size: 14px;}
.seo-bg-color2{position: absolute; background: #ff8100; height: 140px; width: 60px; margin-top: 160px; text-align: center; padding-top: 60px;}
.seo-bg-color2 span{transform: rotate(-90deg);white-space: nowrap; display: inline-block;margin-left: -40px; font-weight: bold;}
.seo-bg-color2 p{transform: rotate(-90deg);white-space: nowrap; display: inline-block; float: left; margin-left: -10px; margin-top: -15px; font-weight: 300; font-size: 14px;}
.seo-bg-color3{position: absolute; background: #4beb62; height: 270px; width: 60px; margin-top: 29px; text-align: center; padding-top: 200px;}
.seo-bg-color3 span{transform: rotate(-90deg);white-space: nowrap; display: inline-block;margin-left: -32px; font-weight: bold;}
.seo-bg-color3 p{transform: rotate(-90deg);white-space: nowrap; display: inline-block; float: left; margin-left: -25px; margin-top: -40px; font-weight: 300; font-size: 14px;}
.seotab-three-content i{display: block; font-size: 50px; margin-bottom: 15px;}
.seotab-three-content strong{margin-top: 15px; font-size: 25px;}
.seotab-three-content strong span{color: #ff8100;}
.seotab-three-content p{font-size: 14px;}
.seotab-three-content {
  color: #FFF;
  font-weight: 300;
}
@media only screen and (min-width: 1366px) {
  .seotab-three-content {
    font-size: 18px;
    line-height: 25px;
    margin-top: 40px;
    max-width: 500px;
      z-index: 10;
  }
}
@media only screen and (max-width: 1365px) {
  .seotab-three-content {
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    margin-top: 20px;
      z-index: 10;
  }
}
@media only screen and (max-width: 1365px) {
  .seotab-three {
    text-align: center;
    margin: 30px 0;
  }
}
.seotab-three .seotth-col {
  display: inline-block;
  font-family: "Oswald", sans-serif;
  border-bottom: 2px solid transparent;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  position: relative;
  cursor: pointer;
}
@media only screen and (min-width: 1366px) {
  .seotab-three .seotth-col {
    font-size: 18px;
    margin-right: 4px;
      height: 300px;
      background: #652da0;
      width: 60px;
      border-top-left-radius: 12px;
      border-top-right-radius:12px;
  }
}
@media only screen and (max-width: 1365px) {
  .seotab-three .seotth-col {
    font-size: 18px;
    margin-right: 4px;
      height: 300px;
      background: #652da0;
      width: 60px;
      border-top-left-radius: 12px;
      border-top-right-radius:12px;
  }
}
.seotab-three .seotth-col:hover,
.seotab-three .seotth-col.current {
  border-bottom-color: #4beb62;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.seotab-three .seotth-col:hover::before,
.seotab-three .seotth-col.current::before {
  opacity: 1;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}


.seotab-three .seotth-col::before {
  content: "";width: 10px;opacity: 0;transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;height: 10px;-webkit-border-radius: 38px;-moz-border-radius: 38px;-ms-border-radius: 38px;border-radius: 38px;left: 0;right: 0;margin: auto;top: -20px;position: absolute;transform: rotate(45deg);-ms-transform: rotate(45deg); -moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);border: 2px solid #ff8100 !important;background: #ff8100;
}
.seotab-three-content {
  display: none;
}
@media only screen and (min-width: 1366px) {
  .seotab-three-content {
    height: 290px;
  }
}
.seotab-three-content.current {
  display: block;
}
@media only screen and (min-width: 1366px) {
  .seotab-three-content-fix {
    height: auto !important;
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 1365px) {
  .seotab-three-content-fix {
    padding-bottom: 20px;
  }
}

.seo-hom-slider{min-height: 430px;background: #420582; margin-top: 240px; margin-bottom: 100px;}
@media (min-width: 992px) { .seo-hom-slider {min-height: 350px;}}
.seo-hom-slider .host-standart-clm .slick-dots li div{margin-top: -50px;}
@media (min-width: 992px) { .seo-hom-slider .host-standart-clm .slick-dots li div{margin-top: 200px;}}
.seo-sli-tit{position: relative; margin-top: -145px; z-index: 2;}
.seo-sli-text{color: #420582; font-size: 160px; margin-top: -175px; display: block; z-index: 1;}
.seo-hom-slider .host-standart-clm .slick-prev {top: 0px;left: 0;float: left;margin-left: 30px;margin-top: 420px;}
@media (min-width: 992px) { .seo-hom-slider .host-standart-clm .slick-prev {top: 0px;left: 0;float: left;margin-left: 30px;margin-top: -115px;}}
.seo-hom-slider .host-standart-clm .slick-next {top: 0px;left: 0;float: left;margin-left: 130px;margin-top: 420px;}
@media (min-width: 992px) { .seo-hom-slider .host-standart-clm .slick-next{top: 0px;left: 0;float: left;margin-left: 130px;margin-top: -115px;}}
.seo-hom-slider-clm {min-height: 200px;}
.seo-hom-slider-clm i {display: block; font-size: 60px; margin-bottom: 15px; }
.seo-hom-slider-clm p {max-width: 500px; margin: auto; }
.seo-hom-slider-clm h3 span{color: #ff8100 !important; display: block;}
.seo-hom-clm-i{position: absolute; left: 0; margin-top: 150px; font-size: 130px; opacity: 0.8;}
.seo-teklif-hom{min-height: 500px; margin-top: 120px;}
.seo-proje{min-height: 150px; margin-bottom: 30px;}
.seo-proje i{display: block;font-size: 60px; margin-bottom: 15px; margin-top: 15px;}
.seo-proje h3 span{color: #ff8100;}
.seo-proje-clm{width: 65px; height: 65px; margin: auto;border-radius: 52.1px;background: #420582; margin-top: 67px; margin-bottom: 15px; font-size:30px; padding-top: 12px;}
.seo-pr strong{font-size: 16px;}
.seo-pr strong span{display: block;}
.seo-teklif-al{margin-top: 100px;}
.seo-teklif-al i{display: block;font-size: 60px; margin-bottom: 15px; margin-top: 15px;opacity: 0.4;color: #989bb2;}
.seo-teklif-al h3 small {margin-top: 15px; display: block;color: rgba(255,255,255,.3); margin-bottom: 35px;}
.seo-teklif-al a {color: #FF8100;font-family: "Oswald", sans-serif !important;font-size: 18px;padding: 5px 10px 5px; border: 2px solid rgba(255,255,255,.2); border-radius: 38px;}

/* Sunucu Page Bitti */

/* Sunucu Page */
.woovv-sunucu {background: #300162;}
.woovv-sunucu .host-wel{margin-bottom: 90px;}
.woovv-applet .host-wel{margin-bottom: 40px;}
.woovv-applet .host-wel .irc-num i{color: #FFF;}
.sunucu-price{color: rgba(255,255,255,.3); margin-top: 47px;}
.sunucu-price strong{font-size: 20px; display: block;}
.sunucu-price span{font-size: 18px; font-weight: 300;}
.woovv-sunucu .ghost-bg{background: none;}
.woovv-dedica .ghost-bg{min-height: 850px;}
.woovv-sunucu .ghost-bg .gb-col .gb-label .gb-text {background: #420582;}
.woovv-sunucu label {margin-bottom: 0px;}
.woovv-sunucu .gh-bottom .gh-col:nth-child(1) {width: 100%;}
.woovv-sunucu .ghost-bg .gb-col {width: 33.3333%;border-bottom: 1px solid rgba(255, 255, 255, 0.1);border-right: 1px solid rgba(255, 255, 255, 0.1);}
@media (min-width: 992px) { .ghost-bg .gb-col {width: 20%;border-right: 1px solid rgba(255, 255, 255, 0.1);}}
.woovv-sunucu .ghost-bg .gb-col .gb-label .gb-text .gb-text1 {font-family: "Oswald", sans-serif !important;text-align: center;color: #FFF;margin-top: 10px;font-weight: 700;font-size: 18px;}
.woovv-sunucu .ghost-bg .gb-col .gb-label .gb-text .gb-icon::after {content: "\f058";font-family: "Font Awesome 5 Free";font-weight: 500;position: absolute;left: 2px;opacity: 0;transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;font-size: 13px;line-height: 17px;color: #ff8100;}

.woovv-sunucu .gtc-table .gtc-col {border-right: 1px solid rgba(255,255,255,.2);}
.woovv-sunucu .gtc-table {border: 2px solid rgba(255,255,255,.2); color: #FFF;}
.woovv-sunucu .gtc-table i{font-size: 30px; margin-bottom: 5px;}
.woovv-sunucu .ghost-bg .gb-col .gb-label .gb-text .gb-icon {border: 2px solid rgba(255,255,255,.2);}
.woovv-sunucu .gtc-table2 .gtc2-col:nth-child(odd) {background: #36016e;}
.woovv-sunucu .gtc-table2 .gtc2-col:nth-child(even) {background: #420582;}
.woovv-sunucu .gtc-table2 .gtc2-col:nth-child(5) input {background: #ff8100;}
.woovv-sunucu .gtc-table2 .gtc2-col:nth-child(5)::after {position: absolute;content: "\f07a";font-family: "Font Awesome 5 Free";font-weight: 900; display: inline-block; margin-top: -67px; margin-left: 40px; font-size: 25px;}
.woovv-sunucu .gtc-table2 .gtc2-col .gtc2-label .gtc2-text .gtc2-icon {border: 2px solid #ff8100;}
.woovv-sunucu .gtc-table2 .gtc2-col .gtc2-label input:checked + .gtc2-text .gtc2-icon {background: #ff8100 !important;transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;}
.woovv-sunucu .gtc-table2 .gtc2-col .gtc2-label .gtc2-text .gtc2-text1 {color: #FFF;}
.wo-sunucu-clm{min-height: 600px;background: #300162;padding-top: 80px; color: #FFF;}
.wo-sunucu-clm h2{font-size: 30px;}
.wo-sunucu-clm h2 small{font-family: "Oswald", sans-serif !important;color: rgba(255,255,255,.3);font-weight: bold; margin-bottom: 15px;}
.sunucum{margin-top: 80px;}
.sunucu-box{width: 100%; min-height: 150px; margin-top: 15px; margin-bottom: 15px;}
.sunucu-box strong{font-size: 18px;}
.sunucu-box-ico{width: 60px; height: 60px; border: 2px solid rgba(255,255,255,.3);border-radius: 15.1px; margin: auto; margin-top: 10px; margin-bottom: 15px; background: #300162; text-align: center; padding-top: 8px;}
.sunucu-box-ico i{font-size: 35px;}
.sunucu-wo-pack{min-height: 650px !important;}

.woovv-dedica .dedi-table-top .dtt-col{border-left: none;border-right: 1px solid rgba(255, 255, 255, 0.1);}
.woovv-dedica .dedi-table-top .dtt-col i{font-size: 35px;}
.woovv-dedica .dedi-table-top .dtt-col span{color: #FFF;}
.woovv-dedica .dedi-table-top{background: #420582; margin-bottom: 45px;}
.woovv-dedica .dedi-table-content .dedi-row{background: #420582;border: 1px solid rgba(255, 255, 255, 0.1);}
.woovv-dedica .dedi-table-content .dedi-row .der-col:nth-child(8) a{background: #ff8100;}
.woovv-dedica .dedi-table-content .dedi-row .der-col:nth-child(8) a i{font-size: 20px; margin-top:-2px; position: relative; z-index: 999;}
.woovv-dedica .dedi-table-content .dedi-row.current {border: 1px solid #ff8100;}

.dedi-help-box{width: 95%; min-height: 200px; margin: auto; border: 2px solid rgba(255,255,255,.3);border-radius: 15.1px; margin-top: 20px; padding: 15px;}
.dedi-help-box i{display: block; font-size: 45px; margin-bottom: 10px;}
.dedi-help-box strong{display: block; font-size: 20px;}
.dedi-help-box p{margin-bottom: 25px;}
.dedi-help-box a {font-size: 14px; color: #FFF;border: 2px solid rgba(255,255,255,.3);border-radius: 15.1px; font-family: "Oswald", sans-serif !important; padding: 5px 10px 5px;}
.dedi-help-box a i {display: inline-block; font-size: 14px; color: #ff8100;}
.help-dedi-title {margin-bottom: 40px; padding-left: 20px;}
.help-dedi-title strong{font-size: 20px;}
.help-dedi-title strong small{color: rgba(255,255,255,.3); margin-bottom: 15px;}

.sunucu-svg{margin-top: 130px; display: none;}
@media (min-width: 992px) { .sunucu-svg {margin-top: 130px; display: block;}}
.svg-mask{margin-top: -400px;display: none;}
@media (min-width: 1200px) { .svg-mask {margin-top: -400px; display: block;}}
.sunucu-circle-1{width: 300px; min-height: 150px; float: left; text-align: center; margin-top: 130px;}
.sunucu-circle-1-title {width: 200px; min-height: 80px; float: right; margin-right: 20px;}
.sunucu-circle-1-title strong{font-size: 18px;}
.s-circle-1{width: 60px; height: 60px; border: 2px solid rgba(255,255,255,.3);border-radius: 15.1px; margin-left: -30px; margin-top: 10px;background: #300162; text-align: center; padding-top: 8px;}
.s-circle-1 i{font-size: 35px;}
.s-circle-1:after{content: "";position: absolute;width: 40px;background-color: rgba(255,255,255,.3);height: 1px; margin-top: 20px; margin-left: 12px;}

.sunucu-circle-2{width: 300px; min-height: 150px; float: right; text-align: center; margin-top: -60px;}
.sunucu-circle-2-title {width: 200px; min-height: 80px; float: right; margin-right: -80px;}
.sunucu-circle-2-title strong{font-size: 18px;}
.s-circle-2{width: 60px; height: 60px; border: 2px solid rgba(255,255,255,.3);border-radius: 15.1px; margin-left: 180px; margin-top: 120px;background: #300162; text-align: center; padding-top: 8px;}
.s-circle-2 i{font-size: 35px;}
.s-circle-2:after{content: "";position: absolute;transform: rotate(145deg);width: 40px;background-color: rgba(255,255,255,.3);height: 1px; margin-top: -18px; margin-left: 5px;}

.sunucu-circle-3{width: 300px; min-height: 150px; float: left; text-align: center; margin-top: 130px;}
.sunucu-circle-3-title {width: 200px; min-height: 80px; float: right; margin-right: -90px; margin-top: 5px;}
.sunucu-circle-3-title strong{font-size: 18px;}
.s-circle-3{width: 60px; height: 60px; border: 2px solid rgba(255,255,255,.3);border-radius: 15.1px; margin-left: 90px; margin-top: -82px;background: #300162; text-align: center; padding-top: 8px;}
.s-circle-3 i{font-size: 35px;}
.s-circle-3:after{content: "";position: absolute;width: 40px;background-color: rgba(255,255,255,.3);height: 1px; margin-top: 60px; margin-left: -1px;transform: rotate(50deg);}

.sunucu-circle-4{width: 300px; min-height: 150px; float: right; text-align: center; margin-top: -130px;}
.sunucu-circle-4-title {width: 200px; min-height: 80px; float: right; margin-right: -195px; margin-top: 30px;}
.sunucu-circle-4-title strong{font-size: 18px;}
.s-circle-4{width: 60px; height: 60px; border: 2px solid rgba(255,255,255,.3);border-radius: 15.1px; margin-left: 200px; margin-top: 95px;background: #300162; text-align: center; padding-top: 8px;}
.s-circle-4 i{font-size: 35px;}
.s-circle-4:after{content: "";position: absolute;transform: rotate(145deg);width: 40px;background-color: rgba(255,255,255,.3);height: 1px; margin-top: -18px; margin-left: 5px;}

.sunucu-circle-5{width: 300px; min-height: 150px; float: left; text-align: center; margin-top: 130px;}
.sunucu-circle-5-title {width: 200px; min-height: 80px; float: left; margin-left: -55px; margin-top: 5px;}
.sunucu-circle-5-title strong{font-size: 18px;}
.s-circle-5{width: 60px; height: 60px; border: 2px solid rgba(255,255,255,.3);border-radius: 15.1px; margin-left: 220px; margin-top: 12px;background: #300162; text-align: center; padding-top: 8px;}
.s-circle-5 i{font-size: 35px;}
.s-circle-5:after{content: "";position: absolute;width: 40px;background-color: rgba(255,255,255,.3);height: 1px; margin-top: 20px; margin-left: -85px;}





.sunucu-circle-6{width: 300px; min-height: 150px; float: left; text-align: center; margin-top: 80px;}
.sunucu-circle-6-title {width: 200px; min-height: 80px; float: left; margin-left: -285px; margin-top: 30px;}
.sunucu-circle-6-title strong{font-size: 18px;}
.s-circle-6{width: 60px; height: 60px; border: 2px solid rgba(255,255,255,.3);border-radius: 15.1px; margin-left: -220px; margin-top: -82px;background: #300162; text-align: center; padding-top: 8px;}
.s-circle-6 i{font-size: 35px;}
.s-circle-6:after{content: "";position: absolute;width: 40px;background-color: rgba(255,255,255,.3);height: 1px; margin-top: 70px; margin-left: -34px;transform: rotate(90deg);}
.foot-market i{font-size: 60px; margin-top: 22px;}
.foot-mar-text{margin-top: 15px; font-size: 13px;}
.foot-card{margin-top: 30px;}
.foot-card i{font-size: 30px; margin-right: 10px;}
.toggle,
.toggler {
  display: inline-block;
  vertical-align: middle;
  margin: 10px;
}
.toggler {
  transition: .2s;
  font-weight: bold;
	font-size: 20px;
}
.toggler--is-active {
  color: inherit;
}
.b {
  display: block;
}
.toggle {
  position: relative;
  width: 80px;
  height: 35px;
  border-radius: 100px;
  background-color: #303349;
  overflow: hidden;
  
}
.check {
  position: absolute;
  display: block;
  cursor: pointer;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 6;
}
.check:checked ~ .switch {
  right: 2px;
  left: 57.5%;
  transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-property: left, right;
  transition-delay: .08s, 0s;
}
.switch {
  position: absolute;
  left: 2px;
  top: 2px;
  bottom: 2px;
  right: 57.5%;
  background-image: linear-gradient(to bottom,#ff4e00,#ff6000);
  border-radius: 36px;
  z-index: 1;
  transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-property: left, right;
  transition-delay: 0s, .08s;
}
.hide {
  display: none;
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}
.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  -ms-flex-order: -1;
  order: -1;
}

.order-last {
  -ms-flex-order: 13;
  order: 13;
}

.order-0 {
  -ms-flex-order: 0;
  order: 0;
}

.order-1 {
  -ms-flex-order: 1;
  order: 1;
}

.order-2 {
  -ms-flex-order: 2;
  order: 2;
}

.order-3 {
  -ms-flex-order: 3;
  order: 3;
}

.order-4 {
  -ms-flex-order: 4;
  order: 4;
}

.order-5 {
  -ms-flex-order: 5;
  order: 5;
}

.order-6 {
  -ms-flex-order: 6;
  order: 6;
}

.order-7 {
  -ms-flex-order: 7;
  order: 7;
}

.order-8 {
  -ms-flex-order: 8;
  order: 8;
}

.order-9 {
  -ms-flex-order: 9;
  order: 9;
}

.order-10 {
  -ms-flex-order: 10;
  order: 10;
}

.order-11 {
  -ms-flex-order: 11;
  order: 11;
}

.order-12 {
  -ms-flex-order: 12;
  order: 12;
}

.offset-1 {
  margin-left: 8.333333%;
}

.offset-2 {
  margin-left: 16.666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.333333%;
}

.offset-5 {
  margin-left: 41.666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.333333%;
}

.offset-8 {
  margin-left: 66.666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.333333%;
}

.offset-11 {
  margin-left: 91.666667%;
}

@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-sm-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-sm-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-sm-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-sm-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-sm-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-sm-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-sm-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-sm-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-sm-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-sm-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-sm-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-sm-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-sm-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-sm-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.333333%;
  }
  .offset-sm-2 {
    margin-left: 16.666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.333333%;
  }
  .offset-sm-5 {
    margin-left: 41.666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.333333%;
  }
  .offset-sm-8 {
    margin-left: 66.666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.333333%;
  }
  .offset-sm-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-md-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-md-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-md-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-md-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-md-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-md-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-md-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-md-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-md-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-md-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-md-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-md-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-md-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-md-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.333333%;
  }
  .offset-md-2 {
    margin-left: 16.666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.333333%;
  }
  .offset-md-5 {
    margin-left: 41.666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.333333%;
  }
  .offset-md-8 {
    margin-left: 66.666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.333333%;
  }
  .offset-md-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-lg-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-lg-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-lg-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-lg-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-lg-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-lg-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-lg-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-lg-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-lg-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-lg-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-lg-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-lg-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-lg-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-lg-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.333333%;
  }
  .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.333333%;
  }
  .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.333333%;
  }
  .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.333333%;
  }
  .offset-lg-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-xl-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-xl-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-xl-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-xl-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-xl-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-xl-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-xl-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-xl-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-xl-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-xl-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-xl-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-xl-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-xl-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-xl-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.333333%;
  }
  .offset-xl-2 {
    margin-left: 16.666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.333333%;
  }
  .offset-xl-5 {
    margin-left: 41.666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.333333%;
  }
  .offset-xl-8 {
    margin-left: 66.666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.333333%;
  }
  .offset-xl-11 {
    margin-left: 91.666667%;
  }
}
.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}
.nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: 0.5rem 1rem;
}

.nav-link:hover, .nav-link:focus {
  text-decoration: none;
}

.nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}

.nav-tabs .nav-item {
  margin-bottom: -1px;
}

.nav-tabs .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  border-color: #e9ecef #e9ecef #dee2e6;
}

.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills .nav-link {
  border-radius: 0.25rem;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #007bff;
}

.nav-fill .nav-item {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified .nav-item {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: center;
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}
.home-domain .hdmf-row .hdmf-col:nth-child(2) .hdmf-input input {
  display: block;
  border: none;
  outline: 0;
  width: 100%;
  background: #420187;
  color: #ccc;
}
.home-domain .hdmf-row .hdmf-col:nth-child(2) .hdmf-input input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgba(255,255,255,.4);
  opacity: 1; /* Firefox */
}

.home-domain .hdmf-row .hdmf-col:nth-child(2) .hdmf-input input::-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: rgba(255,255,255,.4);
}

.home-domain .hdmf-row .hdmf-col:nth-child(2) .hdmf-input input::-ms-input-placeholder { /* Microsoft Edge */
  color: rgba(255,255,255,.4);
}

.home-domain .hdmf-row .hdmf-col:nth-child(1) .hdmf-1 {
  display: block;
  -webkit-border-top-left-radius: 70px;
  -webkit-border-bottom-left-radius: 70px;
  -moz-border-radius-topleft: 70px;
  -moz-border-radius-bottomleft: 70px;
  border-top-left-radius: 70px;
  text-align: Center;
  border-bottom-left-radius: 70px;
  background: #420187;
  color: rgba(255,255,255,.4);
}
.slider2 .slick-prev::before, .slider2 .slick-next::before {
  background: #ff6000;
}
.new-hom-dm-clm{width: 250px; min-height: 30px; display: block;margin-left: 20px; margin-top: -20px; text-align: center;}
@media (min-width: 992px) { .new-hom-dm-clm {width: 350px; min-height: 40px; display: block;margin-left: 37px; margin-top: -30px; text-align: center;}}
.new-dm-clm-box{width: 90px;min-height: 30px;background-image: linear-gradient(to bottom,#3f136d,#420187);position: absolute;margin-top: 20px; border-top-left-radius: 8px; border-top-right-radius: 8px; color: #FFF;padding-top: 5px;}
@media (min-width: 992px) { .new-dm-clm-box {width: 120px;min-height: 40px;background-image: linear-gradient(to bottom,#3f136d,#420187);position: absolute;margin-top: 20px; border-top-left-radius: 8px; border-top-right-radius: 8px; color: #FFF;padding-top: 10px;}}
.new-dm-clm-box a{font-family: "Oswald", sans-serif !important; color: #FFF; font-size: 12px;}
@media (min-width: 992px) { .new-dm-clm-box a {font-family: "Oswald", sans-serif !important; color: #FFF; font-size: 14px;}}
.new-dm-clm-box i{opacity: 0.9; font-size: 12px;color: #FFF;}
@media (min-width: 992px) { .new-dm-clm-box i{opacity: 0.9; font-size: 16px;color: #FFF;}}

.cart-top {background: #2c025d;}

.cart-top .ct-left .ct-col .ct-top {
    color: #ff8100 !important;
}

.cart-top .ct-left .ct-col.current {
    border: none;
}
.cart-top .ct-left .ct-col:nth-child(1) {
  background: #350172;
}
.cart-top .ct-left .ct-col:nth-child(1) .ct-top {
  background: #350172;
}
.cart-top .ct-left .ct-col:nth-child(2) {
  background: #350172;
}
.cart-top .ct-left .ct-col:nth-child(2) .ct-top {
  background: #350172;
}
.cart-top .ct-left .ct-col:nth-child(3) {
  background: #350172;
}
.cart-top .ct-left .ct-col:nth-child(3) .ct-top {
  background: #350172;
}
.cart-top .ct-left .ct-col:nth-child(4) {
  background: #350172;
}
.cart-top .ct-left .ct-col:nth-child(4) .ct-top {
  background: #350172;
}
.cart-top .ct-left .ct-col:nth-child(5) {
  background: #350172;
}
.cart-top .ct-left .ct-col:nth-child(5) .ct-top {
  background: #350172;
}

.cart-content {
    padding: 30px 0 0 0;
    background: #300162;
}
.cart-con-row .cart-con-col:nth-child(1) .c-con-row .ccc-col:nth-child(1) {
    width: 25%;
    display: none;
}
.cart-con-row .cart-con-col:nth-child(1) .c-con-row .ccc-col:nth-child(2) {
    width: 100%;
}
.woovv-domain-page h2{color: #FFF; margin-left: 25px; margin-bottom: 55px; margin-top: 500px;}
@media (min-width: 1366px) { .woovv-domain-page h2 {color: #FFF; margin-left: 25px; margin-bottom: 55px; margin-top: 280px;}}
.sepet-domain{margin-top: -525px; color: #FFF; font-size: 20px;}
@media (min-width: 1366px) { .sepet-domain {margin-top: -280px; color: #FFF; font-size: 20px;}}
.woovv-domain-page .new-dm-clm-box {
    margin-top: 0px;
}
.woovv-domain-page .btn-primary {color: #fff;
    background-color: #17d44a;
    border: none;
    border-radius: 38px;
    padding: 10px;
    font-weight: bold;
    margin-left: 20px;
    font-size: 18px;
    margin-top: -3px;
    outline: none;
}
.woovv-domain-page .spotlight-tlds {
    margin: 15px 0;
    padding: 7px 14px;
    background: none;
}
.woovv-domain-page .btn-primary img{margin-top:-3px;}

.woovv-domain-page .domain-checker-result-headline {
    font-size: 2.3em !important;
    word-wrap: break-word;
    color: #FFF !important;
    font-weight: bold !important;
}
.woovv-domain-page .domain-checker-available {
    color: #17d44a !important;
}
.woovv-domain-page .domain-checker-unavailable {
    color: #ff8100 !important;
}
.woovv-domain-page{ min-height: 300px !important; margin-bottom: 80px;}
.home-domain .hdmf-row .hdmf-col:nth-child(2) .hdmf-input input {
  display: block;
  border: none;
  outline: 0;
  width: 100%;
  background: #420187;
  color: #ccc;
}
.woovv-domain-page .sssi-row .sssi-1::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgba(255,255,255,.4);
  opacity: 1; /* Firefox */
  font-weight: bold;
}

.woovv-domain-page .sssi-row .sssi-1::-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: rgba(255,255,255,.4);
}

.woovv-domain-page .sssi-row .sssi-1::-ms-input-placeholder { /* Microsoft Edge */
  color: rgba(255,255,255,.4);
}

.home-domain .hdmf-row .hdmf-col:nth-child(1) .hdmf-1 {
  display: block;
  -webkit-border-top-left-radius: 70px;
  -webkit-border-bottom-left-radius: 70px;
  -moz-border-radius-top-left: 70px;
  -moz-border-radius-bottomleft: 70px;
  border-top-left-radius: 70px;
  text-align: Center;
  border-bottom-left-radius: 70px;
  background: #420187;
  color: #FFF;
}

.woovv-domain-page .spe-step-special-input .sssi-row .sssi-1 {
    display: block;
    height: 60px;
    line-height: 60px;
    padding: 0 20px;
    font-size: 25px;
    width: 100%;
    outline: none;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: none;
    background: #420187;
  color: #FFF;
  border-top-left-radius: 38px;
  border-bottom-left-radius: 38px;
    border-bottom-right-radius: 38px;
    border-top-right-radius: 38px;
}
@media (min-width: 1366px) { .woovv-domain-page .spe-step-special-input .sssi-row .sssi-1 {
   border-top-left-radius: 70px;
  border-bottom-left-radius: 70px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    }}

.woovv-domain-page .spe-step-special-input .sssi-row .sssi-2 {
    display: block;
   background: #ff8100;
    color: #ffffff;
    text-align: center;
    outline: 0;
    font-family: "Oswald", sans-serif;
    font-weight: 400;
    border: none;
  -webkit-border-top-right-radius: 38px;
    -webkit-border-bottom-right-radius: 38px;
    -moz-border-radius-top-right: 38px;
    -moz-border-radius-bottomright: 38px;
    border-top-right-radius: 38px;
    border-bottom-right-radius: 38px;
    border-bottom-left-radius: 38px;
    border-top-left-radius: 38px;
}
@media (min-width: 1366px) { .woovv-domain-page .spe-step-special-input .sssi-row .sssi-2 {
    display: block;
   background: #ff8100;
    color: #ffffff;
    text-align: center;
    outline: 0;
    font-family: "Oswald", sans-serif;
    font-weight: 400;
    border: none;
    -webkit-border-top-right-radius: 70px;
    -webkit-border-bottom-right-radius: 70px;
    -moz-border-radius-top-right: 70px;
    -moz-border-radius-bottomright: 70px;
    border-top-right-radius: 70px;
    border-bottom-right-radius: 70px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    }}
.woovv-domain-page .domain-searching {
    color: #ff8100 !important;
}
.woovv-domain-page .domain-lookup-loader i{color: #ff8100;}
.woovv-domain-page .spotlight-tld-container-8 {
    width: 100% !important;
    margin-top: -9px;
}
.woovv-domain-page .spotlight-tld {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 12px 0;
    height: 235px !important;
    border: 2px solid #420187;
    background: none;
    text-align: center;
    font-weight: 700;
    color: #FFF;
    border-radius: 8px;
    font-size: 20px;
}

@media (min-width: 992px) { .woovv-domain-page .spotlight-tld {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 12px 0;
    height: 60px !important;
    border: 2px solid #420187;
    background: none;
    text-align: center;
    font-weight: 700;
    color: #FFF;
    border-radius: 38px;
    font-size: 20px;
    }}

.woovv-domain-page #spotlightcom .my-price-wo{
  font-family: "Nunito Sans", sans-serif !important; width: 170px; height: 40px; margin: auto; margin-top: 10px; font-weight: normal;
}
@media (min-width: 992px) { .woovv-domain-page #spotlightcom .my-price-wo {font-family: "Nunito Sans", sans-serif !important; width: 170px; height: 40px; margin-left:-50px; margin-top: 10px; font-weight: normal;}}
.woovv-domain-page #spotlightcom .my-price-wo:after{
  position: absolute; content: "236.00₺/yenileme"; margin-left: -40px; font-size: 12px; color: #a198dc;
}
.woovv-domain-page #spotlightcom .my-price-wo:before {
    content: "";
    width: 45px;
    position: absolute;
    margin-left: -43px;
    margin-top: 8px;
    border-bottom: 1px solid #fff !important;
    transform: skewY(-23deg);
}
.woovv-domain-page #spotlightnet .my-price-wo:before {
    content: "";
    width: 45px;
    position: absolute;
    margin-left: -43px;
    margin-top: 8px;
    border-bottom: 1px solid #fff !important;
    transform: skewY(-23deg);
}
.woovv-domain-page #spotlightorg .my-price-wo:before {
    content: "";
    width: 45px;
    position: absolute;
    margin-left: -43px;
    margin-top: 8px;
    border-bottom: 1px solid #fff !important;
    transform: skewY(-23deg);
}
.woovv-domain-page #spotlightbiz .my-price-wo:before {
    content: "";
    width: 45px;
    position: absolute;
    margin-left: -43px;
    margin-top: 8px;
    border-bottom: 1px solid #fff !important;
    transform: skewY(-23deg);
}
.woovv-domain-page #spotlightinfo .my-price-wo:before {
    content: "";
    width: 45px;
    position: absolute;
    margin-left: -43px;
    margin-top: 8px;
    border-bottom: 1px solid #fff !important;
    transform: skewY(-23deg);
}
.woovv-domain-page #spotlightchat .my-price-wo:before {
    content: "";
    width: 45px;
    position: absolute;
    margin-left: -43px;
    margin-top: 8px;
    border-bottom: 1px solid #fff !important;
    transform: skewY(-23deg);
}
.woovv-domain-page #spotlightmobi .my-price-wo:before {
    content: "";
    width: 45px;
    position: absolute;
    margin-left: -43px;
    margin-top: 8px;
    border-bottom: 1px solid #fff !important;
    transform: skewY(-23deg);
}
.woovv-domain-page #spotlightsite .my-price-wo:before {
    content: "";
    width: 45px;
    position: absolute;
    margin-left: -43px;
    margin-top: 8px;
    border-bottom: 1px solid #fff !important;
    transform: skewY(-23deg);
}
.wo-uygundegil{
    padding: 2px 10px;
    font-size: 11px !important;
    line-height: 1;
    background-color: #ff8100 !important;
    border: 2px solid #420187 !important;
    color: #fff;
    width: 140px !important;
    min-height: 45px !important;
    border-radius: 38px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    opacity: 1 !important;
    outline: none;
    margin-top: 10px !important;
    margin: auto;
}

@media (min-width: 992px) { .wo-uygundegil {
    padding: 2px 10px;
    font-size: 11px !important;
    line-height: 1;
    background-color: #ff8100 !important;
    border: 2px solid #420187 !important;
    color: #fff;
    width: 140px !important;
    min-height: 45px !important;
    border-radius: 38px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    opacity: 1 !important;
    outline: none;
    margin-top: -6px !important;
    float: right;
    }}

.wo-uygundegil:before {
    content: "";
    width: 30px;
    position: absolute;
    margin-left: -3px;
    margin-top: 10px;
    border-bottom: 3px solid #FFF !important;
    transform: skewY(-15deg);
}
.wo-al{
    padding: 2px 10px;
    font-size: 14px !important;
    line-height: 1;
    background: #17d44a !important;
    border:none;
    color: #fff;
    width: 140px !important;
    min-height: 43px !important;
    border-radius: 38px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    outline: none;
    opacity: 1 !important;
    font-weight: bold;
    margin-top: 10px !important;
    margin: auto;
}
@media (min-width: 992px) { .wo-al {
    padding: 2px 10px;
    font-size: 14px !important;
    line-height: 1;
    background-color: #17d44a !important;
    border:none;
    color: #fff;
    width: 140px !important;
    min-height: 43px !important;
    border-radius: 38px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    outline: none;
    opacity: 1 !important;
    font-weight: bold;
    margin-top: -5px !important;
    float: right;
    }}
.woovv-domain-page #spotlightnet .my-price-wo{
  font-family: "Nunito Sans", sans-serif !important; width: 170px; height: 40px; margin: auto; margin-top: 10px; font-weight: normal;
}
@media (min-width: 992px) { .woovv-domain-page #spotlightnet .my-price-wo {font-family: "Nunito Sans", sans-serif !important; width: 170px; height: 40px; margin-left:-50px; margin-top: 10px; font-weight: normal;}}

.woovv-domain-page #spotlightnet .my-price-wo:after{
  position: absolute; content: "294.55₺/yenileme"; margin-left: -40px; font-size: 12px; color: #a198dc;
}
.woovv-domain-page #spotlightorg .my-price-wo{
  font-family: "Nunito Sans", sans-serif !important; width: 170px; height: 40px; margin: auto; margin-top: 10px; font-weight: normal;
}
@media (min-width: 992px) { .woovv-domain-page #spotlightorg .my-price-wo {font-family: "Nunito Sans", sans-serif !important; width: 170px; height: 40px; margin-left:-50px; margin-top: 10px; font-weight: normal;}}
.woovv-domain-page #spotlightorg .my-price-wo:after{
 position: absolute; content: "299.55₺/yenileme"; margin-left: -40px; font-size: 12px; color: #a198dc;
}
.woovv-domain-page #spotlightbiz .my-price-wo{
  font-family: "Nunito Sans", sans-serif !important; width: 170px; height: 40px; margin: auto; margin-top: 10px; font-weight: normal;
}
@media (min-width: 992px) { .woovv-domain-page #spotlightbiz .my-price-wo {font-family: "Nunito Sans", sans-serif !important; width: 170px; height: 40px; margin-left:-50px; margin-top: 10px; font-weight: normal;}}
.woovv-domain-page #spotlightbiz .my-price-wo:after{
  position: absolute; content: "380.55₺/yenileme"; margin-left: -40px; font-size: 12px; color: #a198dc; 
}
.woovv-domain-page #spotlightinfo .my-price-wo{
  font-family: "Nunito Sans", sans-serif !important; width: 170px; height: 40px; margin: auto; margin-top: 10px; font-weight: normal;
}
@media (min-width: 992px) { .woovv-domain-page #spotlightinfo .my-price-wo {font-family: "Nunito Sans", sans-serif !important; width: 170px; height: 40px; margin-left:-50px; margin-top: 10px; font-weight: normal;}}
.woovv-domain-page #spotlightinfo .my-price-wo:after{
  position: absolute; content: "380.55₺/yenileme"; margin-left: -40px; font-size: 12px; color: #a198dc; 
}
.woovv-domain-page #spotlightchat .my-price-wo{
  font-family: "Nunito Sans", sans-serif !important; width: 170px; height: 40px; margin: auto; margin-top: 10px; font-weight: normal;
}
@media (min-width: 992px) { .woovv-domain-page #spotlightchat .my-price-wo {font-family: "Nunito Sans", sans-serif !important; width: 170px; height: 40px; margin-left:-50px; margin-top: 10px; font-weight: normal;}}
.woovv-domain-page #spotlightchat .my-price-wo:after{
  position: absolute; content: "562.55₺/kampanya"; margin-left: -40px; font-size: 12px; color: #a198dc; 
}
.woovv-domain-page #spotlightmobi .my-price-wo{
  font-family: "Nunito Sans", sans-serif !important; width: 170px; height: 40px; margin: auto; margin-top: 10px; font-weight: normal;
}
@media (min-width: 992px) { .woovv-domain-page #spotlightmobi .my-price-wo {font-family: "Nunito Sans", sans-serif !important; width: 170px; height: 40px; margin-left:-50px; margin-top: 10px; font-weight: normal;}}
.woovv-domain-page #spotlightmobi .my-price-wo:after{
  position: absolute; content: "387.55₺/fırsat"; margin-left: -40px; font-size: 12px; color: #a198dc; 
}
.woovv-domain-page #spotlightsite .my-price-wo{
  font-family: "Nunito Sans", sans-serif !important; width: 170px; height: 40px; margin: auto; margin-top: 10px; font-weight: normal;
}
@media (min-width: 992px) { .woovv-domain-page #spotlightsite .my-price-wo {font-family: "Nunito Sans", sans-serif !important; width: 170px; height: 40px; margin-left:-50px; margin-top: 10px; font-weight: normal;}}
.woovv-domain-page #spotlightsite .my-price-wo:after{
  position: absolute; content: "550.55₺/yeni"; margin-left: -40px; font-size: 12px; color: #a198dc; 
}
.wo-se i{ position: absolute; margin-left: 270px; margin-top: -30px;}
.w-domain { color: #FFF; font-size: 20px; }
.satin-alinmis{
   background: none !important;
    border: none;
    outline: none;
    color: #ff8100 !important;
    font-size: 11px !important;
    margin-top: 6px !important;
    opacity: 1 !important;
    width: 120px !important;
    border-radius: 38px !important;
}
.kayit-et{
    border: none;
    outline: none;
    color: #17d44a !important;
    font-size: 11px !important;
    margin-top: 1px !important;
    opacity: 1 !important;
    border-color: #daf5ea !important;
    background-color: #daf5ea !important;
    width: 120px !important;
    border-radius: 38px !important;}
.woovv-domain-page .spotlight-tld-hot {
    width: 100px;
    position: absolute;
    letter-spacing: 0;
    padding: 3px;
    font-size: x-small;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    top: 3px;
    left: 0;
    background-color: #ff6000;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.woovv-domain-page .spotlight-tld-new {
    width: 100px;
    position: absolute;
    letter-spacing: 0;
    padding: 3px;
    font-size: x-small;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    top: 3px;
    left: 0;
    background-color: #2ad588;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.woovv-domain-page .spotlight-tld-sale {
    width: 100px;
    position: absolute;
    letter-spacing: 0;
    padding: 3px;
    font-size: x-small;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    top: 3px;
    left: 0;
    background-color: #f7d458;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.woovv-domain-page .suggested-domains .domain-lookup-suggestions-loader {
    padding: 30px 20px;
    background: none;
    font-size: .9em;
    text-align: center;
    opacity: .7;
    color: #FFF;
}
.woovv-domain-page .panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    text-align: center;
    color: #FFF;
}

.wo-transfer-clm .sssi-1{background: none !important; border: 2px solid #420187 !important; color: #FFF;}
.wo-transfer-clm .sssi-2 {background: #ff8100 !important;}
.wo-transfer-clm input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgba(255,255,255,.4);
  opacity: 1; /* Firefox */
}

.wo-transfer-clm input::-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: rgba(255,255,255,.4);
}

.wo-transfer-clm input::-ms-input-placeholder { /* Microsoft Edge */
  color: rgba(255,255,255,.4);
}
.woovv-reg .spe-cart3-top1 {color:#FFF;}
.woovv-reg .grey{background: none !important; border: 2px solid #420187 !important;}
.woovv-options .sp3-host-have{border: 2px solid #420187 !important; color: #FFF;}

.woovv-options .sc3-infos{background: #ff8100 !important;}
.woovv-options .sp3-host-have div span { color: #ff8100; display: block;}
#order-standard_cart .field, #order-standard_cart .form-control {
    position: relative;
    vertical-align: top;
    border: 1px solid rgba(255, 255, 255, 0.07) !important;
    display: -moz-inline-stack;
    display: inline-block;
    color: #FFF !important;
    outline: 0;
    background-color:#340665 !important;
    height: 36px;
    width: 100%;
    border-radius: 3px;
    font-size: 13px;
}
.woovv-options .sp3-dom-labels-check .spe-domlabel1 input:checked + .sdoml1-con .sdoml1-top span {
    background: #ff8100;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    border-color: #ff8100;
}
.woovv-options .sp3-dom-labels-check .spe-domlabel1 {border: 1px solid #420187 !important; color: #FFF !important;}
.woovv-options .field-help-text {color: #FFF !important;}
.woovv-options .sp3-dom-labels-check .spe-domlabel1 .sdoml1-bot span {background: #280057 !important;}
.woovv-options .sp3-dom-labels-check .spe-domlabel1 .sdoml1-bot div {background: none !important; color: #ff8100 !important;}
.woovv-options .sp3-dom-labels-check .spe-domlabel1 .sdoml1-bot div i{margin-right: 3px;}
.woovv-options .user-inline-text.grey {background: none !important; border: 2px solid #420187 !important;}
.woovv-options .user-inline-text.grey p {color:#FFF !important; font-size: 11px !important;}
#order-standard_cart label {color: #FFF !important; opacity: 0.8;}
.woovv-options .btn-primary {background-color: #ff8100 !important;border-color: #ff8100 !important;}
.wo-page-sepet{color:#FFF;}
.spe-step4-table .s-s4-tab .s4-t-col:nth-child(3) .spe-button-del {background: #ff8100 !important;}
.spe-step4-table .s-s4-tab .s4-t-col:nth-child(1) .spe-name a {color: #ff8100 !important;}
.wo-spe{background: #ff8100;}
.spe-step-special-input .sssi-row .sssi-2 {
    background: #ff8100;
    background: -moz-linear-gradient(-45deg, #ff6000 0%, #ff8100 100%);
    background: -webkit-linear-gradient(-45deg, #ff6000 0%, #ff8100 100%);
    background: linear-gradient(135deg, #ff6000 0%, #ff8100 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6000', endColorstr='#ff8100', GradientType=1);
    border: none;
}
.spe-button5:hover {
  background: #ff8100;
  color: #ffffff;
}
.step5-links .step5-link {
    background: #ff8100;
    color: #FFF;
}
.wo-odeme{color:#FFF;}
.wo-grey{background: none !important; border: 2px solid #420187 !important;}
.spe-input2 {background: none !important; border: 2px solid #420187 !important; color:#FFF;}
.wo-slc {background: #340665 !important; border: 2px solid #420187 !important; color:#FFF;}
#order-standard_cart .sub-heading span, #order-standard_cart .sub-heading-borderless span {
    display: inline-block;
    position: relative;
    padding: 0 17px;
    top: -11px;
    font-size: 16px;
    color: #FFF !important;
    border: 1px solid rgba(255, 255, 255, 0.07);
    background-color: #340665 !important;
}
#order-standard_cart .sub-heading {
    height: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.07) !important;
    text-align: center;
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}

.progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #24014a !important;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}

.wos{background: #ff8100; color: #FFF; border: none;}
.wos:hover{background: #4beb62; color: #FFF; border: none;}
.spe-textarea2 {
    border: 1px solid rgba(255, 255, 255, 0.07) !important;
    background: #340665;
    color: #FFF;
}

.marketing-email-optin {
    margin: 0 0 20px 0;
    padding: 10px 20px 20px;
    background-color: #340665 !important;
    border-radius: 3px;
    color: #FFF !important;
}
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default {
    color: #FFF;
    background: #ff8100;
}
.bootstrap-switch .bootstrap-switch-label {
    text-align: center;
    margin-top: -1px;
    margin-bottom: -1px;
    z-index: 100;
    color: #333;
    background: #250449;
}
.bootstrap-switch {
    border: 1px solid;
    border-color: #431870;
}
.user-inline-kul-button a, .user-inline-kul-button input {
    background: #ff8100;
    background: -moz-linear-gradient(-45deg, #ff6000 0%, #ff8100 100%);
    background: -webkit-linear-gradient(-45deg, #ff6000 0%, #ff8100 100%);
    background: linear-gradient(135deg, #ff6000 0%, #ff8100 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6000', endColorstr='#ff8100', GradientType=1);
}
.alert-warning {
    color: #FFF;
    background-color: #340665 !important;
    border-color: rgba(255, 255, 255, 0.07);
}
.alert-danger {
    color: #a94442;
   background-color: #340665 !important;
    border-color: rgba(255, 255, 255, 0.07);
}
.wo-page-login{position: absolute;left: 0;right: 0;margin-top: -20px;background: #300162;min-height: 672px;z-index: 1;}
@media (min-width: 992px) {.wo-page-login {position: absolute;left: 0;right: 0;margin-top: -20px;background: #300162;min-height: 710px;z-index: 1;}}
.wo-page-sifre{position: absolute;left: 0;right: 0;margin-top: -310px;background: #300162;min-height: 672px;z-index: 1;}
@media (min-width: 992px) {.wo-page-sifre {position: absolute;left: 0;right: 0;margin-top: -310px;background: #300162;min-height: 710px;z-index: 1;}}
.wo-page-register{position: absolute;left: 0;right: 0;margin-top: -20px;background: #300162;min-height: 2672px;z-index: 1;}
@media (min-width: 1000px) {.wo-page-register {position: absolute;left: 0;right: 0;margin-top: -20px;background: #300162;min-height: 1840px;z-index: 1;}}
.wo-white{background: none;border: 1px solid rgba(255, 255, 255, 0.05);}
.wo-op {background: rgb(51 0 105);}
.wo-op a {border-bottom: none; color: #FFF;}
.wo-op a.current, .user-op-top a:hover {
    background: #2c025d;
    color: #ffffff;
}
.wo-op a i {
    color: #ff8100;
}
    
.spe-label2 span {background: #ff8100;}
.spe-label2 input:checked + span {
  background: #ff8100;
  border-color: #FFF;
}
footer {position: relative;z-index: 1001;}
.spe-sub-row {
    position: relative;
    z-index: 1000;
    padding: 20px 0;
}
.wo-transfer-clm input::-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: rgba(255,255,255,.4);
}

.wo-transfer-clm input::-ms-input-placeholder { /* Microsoft Edge */
  color: rgba(255,255,255,.4);
}