/*
Theme Name: Інтернет провайдер/
Theme URI: http://#
Author: Юрий Барташников
Author URI: http://#
*/

body{padding: 0; margin: 0; font-family: 'Roboto', sans-serif;}
.page{ max-width: 1000px; margin: 0 auto; padding-left: 20px; padding-right: 20px;}
header{ padding-top: 20px;}
h1{font-size: 28px; font-weight: bold; padding: 0; margin-top: 50px;  line-height: 118.4%; margin-bottom: 23px;}
h1,h2,h3{color: #525c62; line-height: 1.4em;}
h2,h3{margin-top: 40px; margin-bottom: -10px;}
h2{font-size: 26px;}
h3{font-size: 24px;}
.logo{background: url('images/logo.svg') no-repeat; width: 182px; height: 39px; display: -webkit-box; display: -ms-flexbox; display: flex;}
.logo_f{background-image: url(images/logo_f.svg); width: 179px; height: 30px;display: -webkit-box;display: -ms-flexbox;display: flex;}
button{border-radius: 30px; background-color: #00FFFF; padding: 12px 30px; color: #000; font-size: 16px;font-weight: bold; border: none; text-transform: uppercase; cursor: pointer; -webkit-transition: 1s; transition: 1s; -webkit-transition: 1s;transition: 1s;filter: drop-shadow(0px 0px 10px #00FFFF);}

footer{border-top: 1px solid #d4d5d5; padding: 30px 0; margin-top: 55px;}
.flex{display: -webkit-box;display: -ms-flexbox;display: flex;}
.sb{-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.copyright{color: #bcc3c8; font-size: 13px; padding-top: 5px;}
.topmenu{ width: 100%; height: 50px; margin-top: 20px; padding-top: 10px;  }
img.tar{width: 100%; height: auto;}
.impt{overflow: hidden;background-image: url('images/ip_bg.svg'); background-position: 0 20px; background-size: contain; background-repeat: no-repeat; background-color: #D7EAEE; padding: 48px 0; display: block; text-align: center; color: white; border-radius: 3px; margin-bottom: 32px; height: 160px; text-transform:uppercase; }
.marquee{overflow: hidden;  white-space: nowrap;  position: relative;  width: 10080px;animation: marquee 500s linear infinite;}
#lottie-logo{width: 38px;height: 38px;margin-right: 10px;} 
.animation_logo{display: flex;}
#lottie-box{width: 35px; height: 35px;position: absolute;margin-left: -45px;margin-top: -12px;}

.iptv_logo{background: url('images/iptv_logo.svg') no-repeat; width: 188px;height: 70px;}
.impt_sets{overflow: hidden; display: inline-block; display: inline-flex; align-items:center; text-align: center;}

.impt_item{background: #fff; width: 100px; height: 60px; border-radius: 20px; padding: 10px; margin-right: 20px;  display: flex;}
.impt_item img{width: 80%; height: auto; margin: 0 auto;align-self: center; }
.small{background-color: #000; padding: 5px 12px; font-size: 10px; display: block; margin-bottom: 35px; margin-top: 10px; color: #fff;}
.download>div{ min-height: 125px; padding-left: 140px; padding-top: 15px; margin-top: 66px;}
.download a{background-color: #5d6d7c; padding: 10px 0px;text-align: center;text-decoration: none; border-radius: 20px; width: 120px; margin-top: 10px; line-height: 12px;transition: 1s; color: #fff; display: block; height: 13px; font-size: 12px; text-transform: uppercase;}

.justy{justify-content: space-between;}
.a{background: url(images/windows.svg) no-repeat 70px 15px;}
.b{background: url(images/iptv.svg) no-repeat 65px 15px;}
.c{background: url(images/android.svg) no-repeat 70px 10px; }
.referral{padding: 5px 10px; width: 413px; background: #0ff; color: #000; border-radius: 20px; margin: 45px auto;font-weight: bold; font-size: 12px; text-transform: uppercase;}
.tar_info{font-size: 11px; font-weight: bold; padding: 4px 10px; max-width:250px; border-radius: 20px; margin: 10px auto;text-transform: uppercase;}
.tar_color_mango{background: #d9d9d9; color: #525c62;}
.tar_color_green{background: #91EDF2; color: #525c62;}
.tar_color_black{background: #57646b;}
.iptv_price {font-size: 14px; display: flex;color: #5d6d7c;}
.iptv_price span{font-size: 38px; font-weight: bold; line-height: 0.9em; padding-right: 10px;}
.iptv_price_b{margin-right: 20px;}
.ctext{font-size: 17px; line-height: 1.5em;}
blockquote { background: #d9f7ff; padding: 15px 35px; border-radius: 20px; margin: 0; font-weight: bold;}
.pos-space-bwn{display: flex; justify-content:space-between;}
a.button_all_tv{background: #5d6d7c; color: #fff; padding: 10px 20px; text-decoration: none; border-radius:20px; height: 15px; font-size: 12px;transition: 1s;}
a.button_all_tv:hover, .download a:hover{background: #0ff;transition: 1s; color: #000;}
.tar_title{font-size: 36px; margin: 16px 0 0 0; text-transform:uppercase ;}
.tar_price{font-size: 36px; font-weight: bold;}
.tar_price span{font-size: 14px; font-weight: normal;}
.tarimg{ width: 100%; text-align: center; color: #fff;display: flex; align-items: stretch; }
.tarimg .tar_a:first-child{margin-left: 0;}

.tar_a,.tar_b,.tar_c{margin-left: 20px; padding-bottom: 15px; width: 100%;transition: 1s; min-height: 450px;

min-height: 540px;
display: flex;
flex-direction: column;
justify-content: end;
flex: 1;

}


.tar_a:hover, .tar_b:hover, .tar_c:hover { transform: scale(1.02); transition: 0.4s;}


.tar_a{
background: url('images/start.webp') no-repeat center;

border-radius: 20px;
background-size: cover;
}
.tar_b{
background: url('images/smart.webp') no-repeat center;

border-radius: 20px;
background-size: cover;
}
.tar_c{
background: url('images/space.webp') no-repeat center;

border-radius: 20px;
background-size: cover;
}

.socials img{margin-left: 10px;}
.tarimg img{ width: 100%;}
.viber_lip:hover,.tega_lip:hover,.tel_lip:hover{ opacity: .8;}
.viber_lip,.tega_lip,.tel_lip{position: fixed;}
.viber_lip{right: 20px; bottom: 100px;}
.tega_lip{right: 20px; bottom: 155px;}
.tel_lip{right: 20px; bottom: 47px;}
button.small:hover{background-color: #72838C;}
img.size-full{ width: 100%; height: auto;}

ul#menu-prime li a :local-link{ color: #000!important;}
.wpcf7-text,.wpcf7-textarea { background: #e4eeee;border-radius: 20px; padding: 12px 30px;border: none;
    font-size: 16px; color: #525c62; margin-top: 5px;max-width: 385px}

input.wpcf7-form-control.wpcf7-submit { padding: 12px 30px; background: #414a4f; color: #fff;
    border-radius: 20px; border: none;text-transform: uppercase; font-size: 14px; font-weight: bold;}
input.wpcf7-form-control.wpcf7-submit:hover{background: #65737a;}
.wpcf7-form label { font-size: 15px;}
input:focus, .wpcf7-textarea:focus { outline: none; background: #eff5f5;}


.telekanal{display: -webkit-box; display: -ms-flexbox; display: flex;}
.telekanal img{width: 7.4%; height: auto; margin-right: 22px; margin-bottom: 20px; }

img.size-thumbnail{width: 7.4%; height: auto; margin-right: 22px; margin-bottom: 20px; }
.title_line{background-color: #FFCB0F; padding: 5px; font-size: 28px;color: 000;text-transform: uppercase;text-align: center; margin-bottom: 10px; margin-top: 20px; border-radius: 2px;font-weight: bold}
.graywrap{background: #5d6d7c;}

/*
.referral::before{content: ''; display: block; width: 8px; height:8px;  background: #fff; position: absolute; margin-left: -28px;margin-top: 3px; border-radius: 50%; animation: pulse 3s ease-out infinite;}
*/
.contact_img img{width: 100%; height: auto;}
.contact_info{align-self: center;width: 50%; margin-left: 60px;}
.contact_img {width: 60%;}
.contact_item{border-top: 1px solid #adcaca; padding: 20px 0;font-size: 20px; display:flex; line-height: 1.3em;}
.contact_page a{color: #525c62; text-decoration: none;}
.contact_page{margin-top: 100px; margin-bottom: 100px;}
.contact_item svg{margin-left: 10px;}
@keyframes pulse { 
  0% {
    transform: scale(0.9);    
     box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  
  70% {
    transform: scale(1.2);
    box-shadow: 0 0 0 10px rgba(0, 255, 255, 0);
  }
  
  100% {
    transform: scale(0.9);
    box-shadow: 0 0 0 0 rgba(255, 65, 54, 0);
  }
}

@keyframes marquee {
  0%{
    transform: translateX(0%);
  }
  50% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0%);
  }
}

@keyframes burger { 
  0% {
    width: 26px;
    right: 0;
  }
  
  50% {
    width: 15px;
    right: 0;
  }
  
  100% {
    width: 26px;
    right: 0;
  }
}



/* =Menu
-------------------------------------------------------------- */

#main_menu {
clear: both;
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
overflow: hidden;
}


#main_menu ul {
margin: 0;
padding: 0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}

#main_menu ul li {
list-style: none;
}

#main_menu a {
color: #fff;
padding: 7px 12px;
border-radius: 15px;
text-decoration: none;
display: block;
background: #435260;
margin: 5px 0 5px 0;

}

#main_menu a:hover{background: #0ff; color: #000; }

#main_menu .sub-menu {
display: none;
position: absolute;

z-index: 999999;
}
#main_menu .sub-menu a {
padding: 5px 20px;

}

#main_menu .sub-menu a:hover {color: #00FFFF;background: none;}

#main_menu ul li:hover .sub-menu {
display: block;
clear: both;
position: absolute;
background: #435260;
padding: 10px;
border-radius: 10px;

}


.primary-nav i{display: none;}

@media only screen and (min-width: 768px) and (max-width:850px) {
#main_menu {font-size: 15px;}
#main_menu .sub-menu { font-size: 14px;}
#main_menu a {
padding: 15px 0;
}


    
}


.menu__btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
top: 82px;
right: 20px;
width: 26px;
height: 26px;
cursor: pointer;
z-index: 1;
}

#menu__toggle {
opacity: 0;
display: none;
}

#menu__toggle:checked~.menu__btn>span {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

#menu__toggle:checked~.menu__btn>span::before {
top: 0;
-webkit-transform: rotate(0);
transform: rotate(0);
}

#menu__toggle:checked~.menu__btn>span::after {
top: 0;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}

.menu__btn>span,
.menu__btn>span::before,
.menu__btn>span::after {
display: block;
position: absolute;
width: 100%;
height: 2px;
background-color: #fff;
-webkit-transition-duration: .25s;
transition-duration: .25s;
}
.menu__btn>span::before{animation: burger 5s ease-out infinite;}


.menu__btn>span::before {
content: '';
top: -8px;
}

.menu__btn>span::after {
content: '';
top: 8px;
position: absolute;
}

.menu__item {
display: block;
padding: 12px 24px;
color: #333;
font-family: 'Roboto', sans-serif;
font-size: 20px;
font-weight: 600;
text-decoration: none;
-webkit-transition-duration: .25s;
transition-duration: .25s;
}



.menu__item:hover {
background-color: #CFD8DC;
}

.menu__btn{display: none; }


@media only screen and (min-width: 0px) and (max-width:0px) {
img.alignnone{width: 100%; height: auto;}    
h1{font-size: 200%;margin-top: 17px;}
.download,footer div,.tarimg{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
    .tarimg :first-child{padding-right: 0; padding-bottom: 12px;}
    footer div {text-align: center; margin-bottom: 15px;}
    .logo_f{margin: 0 auto;}
.download .a, .download .b, .download .c{width: auto}  
.download>div{margin-right: 0;margin-top: 20px; padding-top: 17px;}
    
.viber_lip{right: 20px; bottom: 72px;}
.tega_lip{right: 20px; bottom: 125px;}  
.tel_lip{right: 20px; bottom: 20px;}
}



@media only screen and (min-width: 0px) and (max-width:850px) {
.download{flex-direction: column; display: flex;}
.download>div{margin-top: 0; width: 220px; margin: 0 auto;}
footer{margin-top: 0;}
#main_menu ul li:hover .sub-menu {padding: 0;}
#main_menu a:hover {background:none; color: #0ff;}
.copyright {max-width: 200px; padding: 5px 0 0 20px;}

.topmenu{height: auto; padding-top: 0;}

.menu__btn{top:30px; right: 30px;}
button{padding: 0 15px; font-size: 12px;}
.bt_cab{margin-right: 61px;}
.primary-nav i{font-size: 14px; display: block; position: absolute; right: 60px; top: 85px; font-style: normal; color: white;}

.menu__btn{display: -webkit-box;display: -ms-flexbox;display: flex;}

#menu__toggle:checked~.menu__box {
visibility: visible;
right: 0;
top: 78px;
height: 100vh;
}

.menu__box {
    display: block;
    position: absolute;
    visibility: hidden;
    overflow: auto;

    top: 120px;
    left: 0;
    /* right: -100%; */
    /* width: 100%; */
    height: 100%;
    margin: 0;
    padding: 80px 0;
    list-style: none;
    background-color: #435260;
    font-size: 7vw;
    z-index: 999999;
}

#main_menu ul { display: block;}
#main_menu ul li {
    padding: 0 30px;
    width: 250px;
    margin: 0 auto;
}
    
#main_menu .sub-menu {
display: block;
position: relative;
margin: 0;
z-index: 999999;
font-size: 60%;
width: 100%;
}
        
#main_menu .sub-menu a{color: #84c7c7; padding: 5px 0;}

#main_menu ul li:hover .sub-menu {
display: block;
clear: both;
position: relative;
background: none;
}

#main_menu a{padding: 15px 0; font-size: 16px;}
}


@media only screen and (min-width: 0px) and (max-width:640px) {
#lottie-logo{width: 34px; height: 34px; margin-right: 10px;  margin-top: 6px;} 
.logo{background-image: url(images/logo.svg); width: 200px; height: 34px; background-size: contain; background-repeat: no-repeat;}
.referral::before{margin-top: 11px;}

#lottie-box {width: 45px; height: 45px; position: absolute;margin-left: -56px; margin-top: -9px;}

.referral{ margin: 40px auto 70px auto; }
.tarimg{flex-direction: column;}
.tar_a, .tar_b, .tar_c{margin: 20px auto 20px auto;}

.pos-space-bwn{flex-direction: column;}
.iptv_logo{margin: 0 auto; height: 60px;}
.iptv_price{width: 320px; margin:0 auto;}
a.button_all_tv{width: 100px;margin: 20px auto;}
.referral{width: 219px;}
.impt{height: auto;}

footer>div{flex-direction: column; width: 179px; margin: 20px auto; text-align:center}
.copyright{padding: 20px 0 20px 0;}

.menu__box{top:105px;}

span.impt{margin-bottom: 25px;}
footer { margin-top: 15px;}
img.size-thumbnail{width: 15%; height: auto; margin-right:0; margin-bottom: 20px; }
.title_line{font-size: 24px; line-height: 1.2em;padding: 10px 5px;}
.telekanal img {width: 23%;height: auto;margin-right: 1%;margin-bottom: 1%;}
    
}
@media only screen and (min-width: 0px) and (max-width:640px) {
  label.menu__btn:before{content: ''; height: 40px; width: 40px; border-radius: 50%; position: absolute; right: -7px; animation-name: pulse; animation-duration: 3s; animation-timing-function: ease-out;
animation-iteration-count: 10; animation-fill-mode: forwards; }
.logo{background-image: url(images/logo.svg); width: 150px; height: 34px;margin-top: 8px;}
button{padding: 0 10px;font-size: 10px;height: 30px;margin-top: 8px;}
.bt_cab{margin-right: 65px;}
.iptv_price span{margin-right: 5px; padding-right: 0;font-size: 35px;}
.contact_page{flex-direction: column;text-align: center; align-self:top}
.contact_img,.contact_info{width: 100%;margin: 0;}
.contact_page h1{margin: 0;}
.contact_item{display: block;}
.contact_item svg{}
}

@media only screen and (min-width: 640px) and (max-width:1000px) {
.tar_price {font-size: 120%;}
.tar_info{max-width: 70%; text-transform: uppercase; line-height: 1.4em;}
#main_menu{font-size: 10px;}
}

@media only screen and (min-width: 0px) and (max-width:480px) {
header { padding-top: 20px; position: fixed; width: 100%; background: #5d6d7c; margin-top: -3px; z-index: 999999;}
.ctext{padding-top: 60px;}
.tarimg{padding-top: 90px;}
}