* {font-size:1rem; font-weight:400;color:#000;font-family: "Wix Madefor Text", sans-serif;}

:root{
    --pink-color:#bc1f67;
    --blue-color:#0963ae;
    --font-Extrabold:800;
    --font-bold:700;
    --font-semibold:600;
    --font-medium:500;
    --font-regular:400;
    --font-light:200;
    
    /*font-weight:var(--font-bold);*/
}
@media screen and (min-width:1700px) {
.flex-xxxl-row {flex-direction:row !important;}
}


body,html{height:100%;width:100%;}
.BlueBtn{background-color:#0063f7; padding:10px 40px; border-radius:30px;color:#fff;text-decoration:none;display:table;font-size:1.5rem;cursor:pointer;}
.max-w-100{max-width:100%;}
.WhiteTextColor{color:#fff !important;}
/*ul{margin:0px;padding:0px;}
ul li{list-style-type:none;font-size:15px;line-height:30px;}
ul.Montserrat li {font-family: Montserrat, sans-serif;}
ul.Arrow li:before{content:"\2192";padding-right:10px;}
*/

.Bold{ font-weight:var(--font-bold) !important;}
.Medium{ font-weight:var(--font-medium) !important;}
.SemiBold{ font-weight:var(--font-semibold) !important;}
.Regular{ font-weight:var(--font-regular) !important;}
.ExtraBold{ font-weight:var(--font-Extrabold) !important;}


/*--------------------------------------------------------------------------------------------------------*/

.Menu .Logo{max-width:300px;}
.Menu .navbar-nav li a.nav-link{cursor:pointer; font-weight:var(--font-bold);color: #000;border-radius: 30px;padding-left: 20px;padding-right: 20px;transition: all .2s linear;}

.Menu .navbar-nav li a:where(.active,:hover) {background-color:#efefef;}


.Menu .navbar-nav li:last-child a.nav-link{background-color: #0063f7;color: #fff; animation-iteration-count: infinite;animation-name: Scale;animation-duration:2s;}
@keyframes Scale{
  0% {transform:scale(1)}
  50% {transform: scale(1.15);}
  100% {transform: scale(1);}
}

@media only screen and (max-width:414px) {
.Menu .Logo{max-width:215px;}
}

@media only screen and (max-width:1200px) {
.Menu .navbar-nav li a.nav-link {border-bottom: 1px solid grey;border-radius: 0;text-align: center;padding: 20px;margin-bottom: 10px;}
.Menu .navbar-nav li:last-child a.nav-link {border-bottom-color:transparent;}
#navbarScroll {margin-top:20px;}
.Menu .navbar-nav li:last-child a.nav-link {animation-name:none;}
}

/*.Menu .nav li a{font-weight:var(--font-bold);text-decoration:none;color:#000;*//*font-size: 0.8rem;*//*transition: all .2s linear;}
.Menu .nav li a:hover{color:#bc1f67;}
.Menu .nav .dropdown .dropdown-item{font-weight:var(--font-regular);}
.Menu .nav .dropdown-item.active, .Menu .nav .nav-link.active{background-color:#fff !important; color:#bc1f67;}*/

/*--------------------------------------------------------------------------------------------------------*/
.Teaser{border-top-left-radius : 50px;border-top-right-radius : 50px;background-image:url('/ui/img/Teaser/BackgroundImage_Hover.png'),url('/ui/img/Teaser/BackgroundImage.png');background-position:top center;background-repeat:no-repeat,repeat-x;background-size:cover;}
.Teaser .item .Title{font-size:80px;}
.Teaser .item .p{font-size:80px;}
.Teaser:after{content:" ";height:25px;background: rgb(0,99,247);background: linear-gradient(90deg, rgba(0,99,247,1) 26%, rgba(0,64,161,1) 91%); width:100%;display:block;}
.Teaser .Animate {position:relative;}
.Teaser .Animate img:nth-child(2){z-index:2;animation-iteration-count: infinite;animation-name: SlowUp;animation-duration:5s;position:absolute;left:0px;right:0px;top:50px;}
.Teaser .Animate img:nth-child(3){ animation-iteration-count: infinite;animation-name: SlowDown;animation-duration:5s;position:absolute;left:0px;right:0px;top:50px;}

@keyframes SlowUp {
  0% {top:50px;}
  50% {top:0px;}
  100% {top:50px;}
}
@keyframes SlowDown {
  0% {top:0px;}
  50% {top:50px;}
  100% {top:0;}
}
/*--------------------------------------------------------------------------------------------------------*/
.Home .owl-carousel .item img {width:auto;}
.Home .owl-carousel .item img.BigImage {width:650px;max-width:100%;}
/*--------------------------------------------------------------------------------------------------------*/
.Home .SectionTwo .MagzterGold{font-size: 1.2rem;background-color:#1e293b;color:#fff;-webkit-border-top-right-radius: 50px;-moz-border-radius-topright: 50px;border-top-right-radius: 50px;border:10px solid #e7c360;padding:30px;border-left:0;}
.Home .SectionTwo .owl-carousel .item {display:flex;align-items:center;height:50px;}

@media only screen and (max-width:1024px) {
.Home .SectionTwo .MagzterGold{border-radius:50px !important;margin:20px;text-align:center;border:10px solid #e7c360 !important;}

}

/*--------------------------------------------------------------------------------------------------------*/
.Home section .Title {font-size:3.5rem;margin-bottom:20px;}
.Home section .Spot {font-size:1.25rem;margin-bottom:50px;/*line-height:normal;*/}
.Home section.Line::after {content:" "; display:block; height:50px; background-image:url('/ui/img/HomeLineBg.png');background-repeat:repeat-x;background-position:center;width:100%;margin:50px auto;}
   
@media only screen and (max-width:1024px) {
.Home section .Title {font-size:2rem;}

}
/*--------------------------------------------------------------------------------------------------------*/
.Home .PhoneList .item {display:flex;flex-direction:row;align-items:stretch;font-weight:var(--font-medium);justify-content:center;margin-bottom:50px;}
.Home .PhoneList .item .y-box{display:table;background-color:#ffd302;}
.Home .PhoneList .item .y-box :where( p , strong ) {font-weight:var(--font-medium); font-size:1.2rem;}
.Home .PhoneList .item .y-box .Title{font-size: 1.6rem;line-height: normal;font-weight: var(--font-bold);margin-bottom: 10px;display: block;}
.Home .PhoneList .item .y-box.y-box-r1{border-radius: 70px;border-bottom-right-radius: 0;padding: 50px 20px;width:200px;max-width:100%;}
.Home .PhoneList .item .y-box.y-box-r2{border-radius:70px; border-top-right-radius:0;width:250px;max-width:100%;padding: 30px;}
 

@media only screen and (max-width:1200px) {
.Home .PhoneList .item .y-box{max-width:100% !important; width:100% !important; margin-bottom:30px;}
.Home .PhoneList .item {flex-direction:column;align-items:center;}
}
@media only screen and (max-width:767px) {
.Home .PhoneList .item{flex-direction:column;align-items:center;}

}

.Home .PhoneList .item .Left{display:flex; flex-direction:column; align-items:end; justify-content:center;}
.Home .SectionTwo .PhoneList .col-xl-4:last-child .item strong {font-size:1.3rem;}
/*--------------------------------------------------------------------------------------------------------*/
.Home .SectionThree {background-position:top;background-repeat:no-repeat;background-size:auto;}
.Home .SectionThree .Boxes {margin-top:-30px;}
.Home .SectionThree .Boxes .Box1 {border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;background-color: #efefef;width: 300px;height: 300px;padding: 10px 33px;display: flex;align-items: center;}
.Home .SectionThree .Boxes .Box2 {border-radius:80% 20% 57% 43% / 22% 42% 58% 78%; background-color: #efefef;width: 300px;height: 300px;padding: 10px 30px;display: flex;align-items: center;}
.Home .SectionThree .Boxes .Box3 {border-radius:8% 92% 16% 84% / 62% 30% 70% 38%;background-color: #efefef;width: 300px;height: 300px;padding: 10px 15px;display: flex;align-items: center;}
/*--------------------------------------------------------------------------------------------------------*/

.PhoneAnimate .Phone{border:1px solid #fff;width:310px; min-height:634px;display:table;position:relative;background-image: url('/ui/img/Phone.png');background-position:center;background-repeat:no-repeat;background-size:contain;}
.PhoneAnimate .Phone .PhoneBgImage {opacity: 1;-webkit-mask-image: url(/ui/img/PhoneMask.png);mask-image: url(/ui/img/PhoneMask.png);-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;position:absolute;left:15px;right:15px;top:0px;bottom:0px;-webkit-mask-position: center;-webkit-mask-size: cover;}
.PhoneAnimate .Phone.active .PhoneBgImage {opacity:1;transition:.7s all;}
.PhoneAnimate .Phone.active .PhoneBgImage img {position: absolute;top: 0;left: 0;right: 0;}
@keyframes PhoneTopAnimate {0%   {top:0;}50%  {top:-400vh;}100% {top:0;}}

.PhoneAnimate .Phone .after {height: 49%;width: 100%;position: absolute;left: 0;right: 0;z-index: 5;bottom: 0;}
.PhoneAnimate .Phone .before {height: 49%;width: 100%;position: absolute;left: 0;top:0;right: 0;z-index: 5;}
.PhoneAnimate .Phone video {height:auto;position: absolute;top: 0;left: 0;right: 0;}



/*--------------------------------------------------------------------------------------------------------*/
.Home .SectionFour .Busuu {max-width:800px; background-color:#116eee;display:flex;align-items:center; justify-content:center; border-radius:60px; padding:15px 40px;margin:auto;margin-bottom:50px;}
.Home .SectionFour .Busuu p{color:#fff;margin-bottom:0px;}
.Home .SectionFour .PhoneList .item .y-box{background-color:#87b6f6;}
/*.Home .SectionFour .PhoneList .col-xl-4:last-child .item  .y-box.y-box-r2  {width:220px;}
.Home .SectionFour .PhoneList .col-xl-4:last-child .item  .y-box.y-box-r3  {width:250px; padding:30px;}*/
.Home .SectionFour .MT240  {margin-top:-240px;}

@media only screen and (max-width:1024px) {
            .Home .SectionFour .MT240  {margin-top:-100px;}
}
/*--------------------------------------------------------------------------------------------------------*/
.Home .SectionFive {background-position:top center;background-position:top center;background-repeat:no-repeat;background-size:contain;}
.Home .SectionFive .YellowText{background-color:#ffe500;padding:15px 40px; margin-bottom:0px; border-radius:50px;font-size:1.5rem; font-weight:var(--font-medium);}
.Home .SectionFive .YellowText strong {font-size:1.5rem; font-weight:var(--font-bold);}

.Home .SectionFive .YellowText.Small{font-size:1rem;padding:10px 40px; font-weight:var(--font-bold);}
.Home .SectionFive .YellowText.Small strong {font-size:1.2rem; font-weight:var(--font-bold);}

.Home .SectionFive .YellowText.Border{border:10px solid #e6e6e6;}
.Home .SectionFive .MinHeight700{min-height:700px;}

.Home .SectionFive .ArrowText {font-size:1.3rem; font-weight:var(--font-Extrabold); display:table;background-color:#b3deff;padding:10px 40px;border-radius:10px;text-align:center;position:relative;margin:50px auto;}
.Home .SectionFive .ArrowText:before {content:'';position: absolute;left: 0;right: 0;margin: 0 auto;width: 0;height: 0;border-bottom: 25px solid #b3deff;border-left: 15px solid transparent;border-right: 15px solid transparent;top:-20px;}
.Home .SectionFive .ArrowText{  }


.Home .SectionFive .BlueBox{  }
.Home .SectionFive .BlueBox a{text-decoration:none;font-size:1.5rem;font-weight:var(--font-bold); color:#000; font-family: 'Georgia';}
.Home .SectionFive .BlueBox .item{background-color:#b3deff;padding:40px; border-radius:30px;position:relative;}
.Home .SectionFive .BlueBox.YellowBox .item{background-color:#fffcb3;}
.Home .SectionFive .BlueBox .item p{ font-weight:var(--font-medium);font-size:1rem;}   

#SectionFive .item.Kirmizi:before {content: " ";width:250px;height:250px;display: block;position: absolute;right: -130px;top:-250px;background-image: url(/files/Home/SectionFive/Kirmizi.png);background-position:center;background-repeat:no-repeat;background-size:contain;}


@media only screen and (min-width:1930px) {
.Home .SectionFive .MinHeight700{min-height:1000px;}
}

@media only screen and (max-width:1200px) {
#SectionFive .item.Kirmizi:before {right:0px;width: 150px;top: -150px;}

}

@media only screen and (max-width:1024px) {
.Home .SectionFive .MinHeight700{min-height:auto;}

}


/*--------------------------------------------------------------------------------------------------------*/
.Home .SectionSix .ContactBtn{background-color:#000; color:#fff; padding:15px 80px;font-size:1.7rem;border-radius:50px;display:table;margin:50px auto;}   
.Home a.Phone {line-height:80px; text-decoration:none; min-height:80px; display:table;background-image:url('/ui/img/icon/Phone.png');background-position:left center;background-repeat:no-repeat;background-size:60px;padding-left:80px; color:#fff;font-size:2.5rem;}    
.Home a.Whatsapp {line-height:80px;text-decoration:none; min-height:80px;color:#29a71a; display:table;background-image:url('/ui/img/icon/Whatsapp.png');background-position:left center;background-repeat:no-repeat;background-size:60px;padding-left:80px;font-size:2.5rem;}   
/*--------------------------------------------------------------------------------------------------------*/
.Home .SectionSeven{background-color:#000;background-image:url(/ui/img/ContactBg.png);background-position:left bottom ; background-repeat:no-repeat;padding: 100px 0px;}
.Home .SectionSeven label{color:#fff;}
.Home .SectionSeven h2{color:#fff;}
.Home .SectionSeven form label{padding-left:20px;}
.Home .SectionSeven input[type=text]{border-radius:30px; padding:10px 20px;/*max-width:400px;*/margin:10px 0px;}
.Home .SectionSeven #Captcha{max-width:180px;}
.Home .SectionSeven .form-check-input{width:2em; height:2em;}
.Home .SectionSeven .btn-success{background-color:#0063f7;font-size: 1.2rem;padding: 10px 70px;}
.Home .SectionSeven .input-validation-error{border:4px solid red;}
.Home .SectionSeven .Yellow{color:#ffe500;}

@media only screen and (max-width:1024px) {
.Home .SectionSeven input{max-width:100%;}
}

/*--------------------------------------------------------------------------------------------------------*/
footer{background-color:#000;background-image:url(/ui/img/FooterBg.png);background-position:right center; background-repeat:no-repeat; padding:80px 50px;}
footer ul li{list-style-type:none;}
footer ul li a{color:#fff !important; font-weight:var(--font-medium);cursor:pointer;}


/*-------------------------------------------------------------------------------------------------------*/
.ContactButton {position:fixed;right:30px;bottom:30px;z-index:50;cursor:pointer;}
.ContactButton .Contact_Popup{display:none; left:-180px;top:-110px;z-index: 15;position: absolute;background-color:#fff;border-radius:10px;padding:10px 0px;box-shadow: 0px 9px 25px 3px rgba(0,0,0,0.1);width:210px;}

.ContactButton p {display:flex;align-items:center;justify-content:center;margin-bottom:0px;text-align:center;}
.ContactButton p span{display:block;color:#fff;font-size:11px;}
.ContactButton p span i {display: block;font-size: 26px;margin-bottom: 1px;color:#fff;}
.ContactButton p span.Close{display:none;}

.ContactButton.active p span:first-child{display:none;}
.ContactButton.active p span.Close{display:block;font-size:20px;}


.ContactButton .Contact_Popup ul {margin:0px; padding:0px;}
.ContactButton .Contact_Popup ul li {list-style:none;}
.ContactButton .Contact_Popup ul li:hover a{background-color: #0063f7;color: #fff;}
.ContactButton .Contact_Popup ul li:hover i{color: #fff;}
.ContactButton .Contact_Popup ul li a{padding: 10px 20px;display: flex;text-decoration: none;text-align: left;background-position: left center;background-repeat: no-repeat;align-items: center;font-size:15px;color:#000;}
.ContactButton .Contact_Popup ul li a i{font-size:25px;margin-right: 20px;}
.ContactButton .Contact_Popup ul li:first-child a i{font-size:20px;margin-right: 20px;}

.ContactButton.active .Contact_Popup {display:table;}

.ContactButton .Contact_Body {width:80px; height:80px;    display: flex;align-items: center;justify-content: center; position:relative;}
.ContactButton .Contact_Circle { position:absolute;left:0px;right:0px;top:0px;bottom:0px; background-color:#0063f7; width:80px; height:80px;border-radius:65% 35% 62% 38% / 40% 65% 35% 60%;animation-iteration-count: infinite;animation-name: ContactBorderAnimate;animation-duration:2s;}



@keyframes ContactBorderAnimate {
  0% {transform:rotate(0deg); }
  50% {transform:rotate(180deg);}
  100% {transform:rotate(0deg);}
}