@font-face
{
	font-family: Oswald-Bold;
	src: url(fonts/Oswald-Bold.ttf);
}
@font-face
{
	font-family: Oswald-ExtraLight;
	src: url(fonts/Oswald-ExtraLight.ttf);
}
@font-face
{
	font-family: Oswald-Light;
	src: url(fonts/Oswald-Light.ttf);
}
@font-face
{
	font-family: Oswald-Medium;
	src: url(fonts/Oswald-Medium.ttf);
}
@font-face
{
	font-family: Oswald-Regular;
	src: url(fonts/Oswald-Regular.ttf);
}
@font-face
{
	font-family: Oswald-SemiBold;
	src: url(fonts/Oswald-SemiBold.ttf);
}

:focus {outline:none;}



#page-up {border-radius: 2px;width: 50px;height: 50px;background: #17BED2;position: fixed;right: 30px;bottom: 30px;cursor: pointer;display: none;text-align: center;line-height: 58px;}
#page-up svg {width: 25px;}

.breadcrumbs ul {display:flex;padding:0;margin:0;list-style:none;flex-wrap: wrap;}
.breadcrumbs ul li {font-size:14px;}
.breadcrumbs ul li a {color:#17BED2;}
.breadcrumbs ul li i {margin: 0 5px 0 2px;font-style: normal;}

.logo {font-size: 24px;color: #EBEBEB;}
header .top.top-fixed .logo {color: #17BED2;}
.logo:hover {text-decoration: none;}

.callback {background: #424A55;box-shadow: 0 5px 5px rgba(3,13,28,0.14);padding: 0 15px;text-transform: uppercase;color: #D0D3D6;font-family: Robotomedium;height: 40px;border: 2px solid transparent;line-height: 38px;display: inline-block;font-size: 12px;float: right;cursor: pointer;}
.callback:hover {border: 2px solid #424A55;background: none;color:#424A55;}

header {background: url(../img/header-bg.jpg) no-repeat scroll 50% 50% / cover;}
header .top {border-bottom: 1px solid #7E7E7E;padding: 13px 0;}
header .top.top-fixed {position: fixed;background: #fafafa;width: 100%;z-index: 20;box-shadow: 0 3px 6px rgba(0,0,0,0.09);border-bottom: none;}
header .top .phone {font-size: 24px;line-height: 36px;color: #EBEBEB;}
header .top.top-fixed .phone {color: #17BED2;}
header .top .phone:hover {text-decoration: none;}

header .top .main-menu {padding: 0;margin: 0;list-style: none;display: none;flex-direction: row;justify-content: center;}
header .top .main-menu li {padding: 0 20px;}
header .top .main-menu li a {color: #EBEBEB;text-transform: uppercase;font-size: 22px;}
header .top.top-fixed .main-menu li a {color: #17BED2;}
header .top .main-menu li a:hover {text-decoration: none;}
header .top .main-menu li a.action {color: #C92727;}
header .h-content {padding: 50px 0;}
header .h-content h1 {font-size: 30px;line-height: 34px;color: #EBEBEB;margin-bottom: 15px;}
header .h-content p {font-size: 16px;line-height: 22px;color: #EBEBEB;margin-bottom: 25px;}
header .h-content .button {border: 1px solid #17BED2;height: 50px;display: inline-flex;padding: 0 30px;font-size: 20px;color: #EBEBEB;font-family: Oswald-Medium;line-height: 44px;transition: all ease 0.2s;}
header .h-content .button:hover {text-decoration: none;background: #17BED2;transition: all ease 0.2s;}

header.page {background:none;min-height:auto;background: #fafafa;width: 100%;z-index: 20;box-shadow: 0 3px 6px rgba(0,0,0,0.09);border-bottom: none;}
header.page .phone {color: #17BED2;}
header.page .main-menu li a {color: #17BED2;}
header.page .logo {color: #17BED2;}


#advantages {background: #FAFAFA;padding: 50px 0 30px;}
#advantages .col-12 {margin-bottom: 20px;}
#advantages .item {background: #fff;padding: 20px 25px;height: 100%;display: flex;flex-direction: column;align-items: center;text-align: center;}
#advantages .item .title {color: #515769;font-size: 22px;line-height: 32px;font-family: Oswald-Medium;margin: 10px 0 15px;}
#advantages .item p {color: #A6A7AA;font-size: 18px;line-height: 22px;}

#advantages .icon1 {background: url(../img/icon1.svg) no-repeat scroll 0 0;background-size: 40px 40px;width: 40px;height: 40px;display: block;}
#advantages .icon2 {background: url(../img/icon2.svg) no-repeat scroll 0 0;background-size: 40px 40px;width: 40px;height: 40px;display: block;}
#advantages .icon3 {background: url(../img/icon3.svg) no-repeat scroll 0 0;background-size: 40px 40px;width: 40px;height: 40px;display: block;}
#advantages .icon4 {background: url(../img/icon4.svg) no-repeat scroll 0 0;background-size: 40px 40px;width: 40px;height: 40px;display: block;}
#advantages .icon5 {background: url(../img/icon5.svg) no-repeat scroll 0 0;background-size: 40px 40px;width: 40px;height: 40px;display: block;}
#advantages .icon6 {background: url(../img/icon6.svg) no-repeat scroll 0 0;background-size: 40px 40px;width: 40px;height: 40px;display: block;}




#important {background: #fff;padding: 50px 0;}
#important .title {color: #C92727;font-size: 40px;line-height: 42px;font-family: Oswald-Medium;margin-bottom: 20px;text-align: center;text-transform: uppercase;}
#important p {font-size: 22px;line-height: 32px;color: #515769;margin: 0;text-align: center;}
#important p.form__ok {color:green;margin-top:8px;}
#important form {display: flex;align-items: center;margin-top: 40px;flex-direction: column;}
#important form label {display: none;}
#important form .desc {display: none;}
#important form input {border: 1px solid #17BED2;padding: 0 15px;height: 56px;line-height: 56px;border-radius: 2px;color: #17BED2;font-size: 18px;font-family: Oswald-Medium;}
#important form .more-link {background: #17BED2;border-radius: 2px;border: 1px solid transparent;font-size: 18px;font-family: Oswald-Medium;height: 56px;line-height: 54px;padding: 0 25px;color:#FAFAFA;margin-top: 15px;cursor: pointer;transition: all ease 0.2s;}
#important form .more-link:hover {background: none;transition: all ease 0.2s;color:#17BED2;border: 1px solid #17BED2;}


#important .form {display: flex;justify-content: center;align-items: center;}


#which {background: #FAFAFA;padding: 50px 0 30px;}
#which .col-12 {margin-bottom: 20px;}
#which .item {background: #fff;padding: 20px 50px 30px;display: flex;flex-direction: column;align-items: center;text-align: center;height: 100%;}
#which .item i {width: 65px;height: 65px;border-radius: 2px;background-color: #17BED2;margin-bottom: 15px;display: flex;align-items: center;justify-content: center;}
#which .item .title {color: #515769;font-size: 26px;line-height: 32px;font-family: Oswald-SemiBold;}
#which .item p {color: #A6A7AA;font-size: 18px;text-align: center;line-height: 26px;margin: 20px 0 0 0;}





.news {padding: 50px 0;}
.news .title {font-size: 30px;line-height: 32px;color: #515769;font-family: Oswald-SemiBold;}
.news .prew-text {font-size: 15px;color: #A6A7AA;max-width: 510px;line-height: 22px;margin: 20px 0 70px;}
.news .item .img {width: 100%;height: 250px;}
.news .item .img img {object-fit: cover;width: 100%;height: 100%;}
.news .item .top-block {display: flex;justify-content: space-between;margin: 20px 0 25px;align-items: center;}
.news .item .top-block h4 {font-size: 20px;font-family: Oswald-Medium;line-height: 24px;}
.news .item .top-block h4 a {color: #515769;transition: all ease 0.2s;}
.news .item .top-block h4 a:hover {color: #17BED2;transition: all ease 0.2s;}
.news .item .top-block .date {color: #BFC1C7;font-size: 14px;}
.news .item a:hover {text-decoration: none;}
.news .item p {color: #A6A7AA;font-size: 15px;line-height: 22px;margin-bottom: 30px;}
.news .item .all-page {text-transform: uppercase;font-size: 13px;font-family: Oswald-Medium;color: #515769;display: inline-flex;justify-content: space-between;align-items: center;transition: all ease 0.2s;}
.news .item .all-page::after {content: '';width: 9px;height: 2px;background: #17BED2;margin-left: 10px;transition: all ease 0.2s;}
.news .item .all-page:hover {color: #17BED2;transition: all ease 0.2s;}
.news .item .all-page:hover::after {width: 19px;transition: all ease 0.2s;}

.news .news-items {margin-bottom: 50px;}
.news .news-items .col-12 {display: none;}
.news .news-items .col-12:first-child {display: block;}

.news .all-news {border: 1px solid #17BED2;height: 50px;display: table;padding: 0 30px;font-size: 20px;color: #17BED2;font-family: Oswald-Medium;line-height: 44px;margin: 0 auto;transition: all ease 0.2s;}
.news .all-news:hover {background: #17BED2;color:#FAFAFA;text-decoration: none;transition: all ease 0.2s;}




#action {background: url(../img/action-bg.jpg) no-repeat scroll 50% 50% / cover;padding: 50px 0 100px;}
#action .title {font-size: 34px;font-family: Oswald-SemiBold;line-height: 40px;color: #FAFAFA;max-width: 710px;margin: 0 auto 55px;text-align: center;}
#action .title-action {font-size: 34px;font-family: Oswald-Medium;color: #EBEBEB;text-align: center;line-height: 40px;}
#action .title-action span {display: block;color: #C92727;margin: 20px 0;}
#action .action-form {background: #FAFAFA;border-radius: 2px;padding: 45px 30px;max-width: 380px;margin: 40px auto 0;}
#action .action-form-title {color: #515769;font-size: 24px;font-family: Oswald-Medium;line-height: 28px;text-align: center;margin-bottom: 25px;}
#action .action-form label {display:none}
#action .field__item {width:100%;}
#action .action-form form {display: flex;flex-direction: column;}
#action .action-form input {border: 1px solid #EBEBEB;background: none;border-radius: 2px;height: 50px;line-height: 50px;padding: 0 15px;margin-bottom: 15px;width:100%;}
#action .action-form .more-link {background: #17BED2;border-radius: 2px;border: 1px solid transparent;display: table;margin:15px auto 0;color: #FAFAFA;height: 50px;line-height: 40px;border-radius: 2px;padding: 0 35px;font-size: 18px;cursor: pointer;transition: all ease 0.2s;width:auto;}
#action .action-form .more-link:hover {color: #17BED2;background: none;border: 1px solid #17BED2;transition: all ease 0.2s;}
#action .desc {display:none;}
#action p.form__ok {color:green;margin-top:8px;text-align:center;}


#action .timer-title {text-align: center;font-size: 20px;line-height: 28px;color: #EBEBEB;text-decoration: underline;font-family: Oswald-Medium;margin: 35px 0 30px;}
#action .timer span {color: #EBEBEB;font-family: Oswald-Bold !important;font-size: 50px;}
#timer-number-value-874a2fbda9f50655024c11953da7cdcd-days {font-size: 50px !important;}
#action .timer span#timer-text- {font-size: 20px !important;}
#timer-separator-874a2fbda9f50655024c11953da7cdcd-hours {color: #EBEBEB;font-family: Oswald-Bold;font-size: 50px;}

#process {padding: 50px 0;}
#process .big-title {font-size: 30px;font-family: Oswald-SemiBold;color: #515769;margin-bottom: 45px;line-height: 38px;}
#process .item {box-shadow: 0 3px 6px #EDEDED;padding: 20px;height: 100%;}
#process .item .title {color: #17BED2;font-size: 30px;font-family: Oswald-Bold;margin-bottom: 15px;}
#process .item ul {padding: 0;margin: 0;list-style: none;display: flex;flex-direction: column;}
#process .item ul li::before {content: '';width: 9px;height: 2px;background: #17BED2;margin-right: 10px;display: block;position: absolute;top:10px;left: 0;}
#process .item ul li {color: #515769;font-size: 15px;line-height: 18px;margin-bottom: 12px;position: relative;padding-left: 20px;}
#process .item.success ul li {color: #17BED2;}
#process .item ul li:last-child {margin-bottom: 0;}
#process .col-12 {margin-bottom: 30px;}


footer {background: #242424;padding: 20px 0;color:#fafafa;margin-top: 50px;text-align: center;}
footer.page {margin-top: 0;}
footer a:hover {text-decoration: none;}
footer .logo {color: #fafafa;}
footer .phone {margin-top: 20px;color: #fafafa;}


.content {padding: 30px 0;margin-bottom: 30px;}
.content h1 {font-size: 30px;margin: 20px 0;}



@media (min-width: 600px) {
    
    

}






@media (min-width: 768px) {

   
    header {min-height: 600px;}
    header .h-content {padding-top: 90px;}
    header .h-content h1 {margin-bottom: 35px;}
    
    header .h-content h1 {font-size: 50px;line-height: 74px;font-family: Oswald-SemiBold;margin-bottom: 35px;}
    header .h-content p {font-size: 26px;font-family: Oswald-Medium;line-height: 32px;margin-bottom: 35px;}
    
    #advantages .item {align-items: flex-start;text-align: left;}
    
    #important form {flex-direction: row;}
    #important form .more-link {margin-left: 15px;margin-top: 0;}
    
    .news .news-items .col-12 {display: inline-block;}
    .news .news-items .col-12:last-child {display: none;}
    
    #action .title {font-size: 44px;line-height: 58px;}
    #process .big-title {margin-bottom: 65px;}
    
    

}







@media (min-width: 980px) {

    #advantages {padding: 70px 0 50px;}
    #important {padding: 70px 0;}
    #which {padding: 70px 0 50px;}
    .news {padding: 70px 0;}
    
    header .top .main-menu {display: flex;}
	

}


@media (min-width: 1210px) {	
    
    
    header .top .phone {float: right;}   
    header .top .row {align-items: center;}
    header .logo {padding-right: 40px;}
    .news .news-items .col-12:last-child {display: inline-block;}
    
    #action .action-form  {margin: 0 auto;}


}


@media (min-width: 1360px) {	



}






.p-m-title {padding-top:35px;padding-left:30px;text-transform:uppercase;color:#d0d3d6;margin-bottom:30px;font-family:Robotobold;}



.panel {position:fixed;height:100vh;top:0;width:320px;z-index:999;overflow-x:hidden;box-shadow:none;max-height:100vh;background:#121212;}
.panel .m-contacts {text-align: center;color:#ECECEC;}

.panel .mail {color:#ECECEC;margin: 10px 0;display: inline-block;font-size: 20px;}
.panel .mail:hover {text-decoration:none;color:#E13839;}

.panel ul {padding:0 0 0px 30px;margin:0 0 50px 0;list-style:none;}
.panel ul li {padding-bottom:10px;}
.panel ul li a {color:#ECECEC;font-size:15px;font-family: Robotolight;}
.panel ul li a:hover {color:#E13839;text-decoration:none;}

.panel.right {right:0;-webkit-transform: translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%);-webkit-transition: -webkit-transform 0.2s 0s, box-shadow 0s 0s;-moz-transition:-moz-transform 0.2s 0s, box-shadow 0s 0s;transition:transform 0.2s 0s, box-shadow 0s 0s;}
.panel.left {left:0;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition: -webkit-transform 0.2s 0s, box-shadow 0s 0s;-moz-transition: -moz-transform 0.2s 0s, box-shadow 0s 0s;transition: transform 0.2s 0s, box-shadow 0s 0s;}
.panel.open {-webkit-transform:translateX(0%);-moz-transform:translateX(0%);-ms-transform:translateX(0%);-o-transform:translateX(0%);transform:translateX(0%);background:#424a55;box-shadow: 0 0 15px 0px rgba(0,0,0, 0.5);-webkit-transition:-webkit-transform 0.2s 0s, box-shadow 0.2s 0s;-moz-transition:-moz-transform 0.2s 0s, box-shadow 0.2s 0s;transition: transform 0.2s 0s, box-shadow 0.2s 0s;}
.mask {position:fixed;z-index:8;height:100%;width:100%;top:0;left:0;cursor:pointer;background-color:rgba(0, 0, 0, 0.5);visibility:hidden;opacity:0;-webkit-backface-visibility:hidden;  backface-visibility:hidden;-webkit-transition: opacity 0.1s 0s, visibility 0s 0.2s;
-moz-transition:opacity 0.1s 0s, visibility 0s 0.2s;transition:opacity 0.1s 0s, visibility 0s 0.2s;}
.mask.open {opacity:1;visibility:visible;-webkit-transition:opacity 0.2s 0s, visibility 0s 0s;-moz-transition:opacity 0.2s 0s, visibility 0s 0s;transition: opacity 0.2s 0s, visibility 0s 0s;}
.panel .close {position:absolute;top:30px;right:30px;cursor:pointer;width:36px;height:26px;text-align:center;line-height:26px;color:#fff;background: none;}
.panel .close:hover, .panel .close:focus {color:transparent;opacity:1;}

.panel .social {padding:20px 0;margin:0 auto;display:table;}
.panel .social li {padding-bottom:0;}
.panel .social li a {font-size:20px;color:#ECECEC;}
.panel .social li a:hover {color:#E13839;}
.panel .phone {text-align:center;display:block;margin:10px 0;color:#ECECEC;font-size: 20px;}
.panel .phone:hover {text-decoration:none;color:#E13839;}

.panel .social li a.whatsapp {color:#25d366;}
.panel .social li a.telegram {color:#08c;}
.panel .social li a.viber {color:#59267c;}