﻿@font-face {
    font-family: logo;
    src: url(../font/logo.ttf);
}
body{
	color: #fff;
	font-family: 'Oswald', sans-serif;
	text-shadow: 1px 1px 1px #000;
	font-size: 23px;
	font-weight: 300;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}
.accept{
	color: #73ff00;
	font-size: 22px;
	margin-top: 15px;
	text-align: center;
}
.error{
	color: #ff441e;
	font-size: 22px;
	margin-top: 15px;
	text-align: center;
}
p{
	font-size: 23px;
	font-weight: 300;
}
a{
	color: #fff;
}
a:hover{
	color: #fff;
	text-decoration: none;
}

/* FROM Animation START */
.container{
	z-index: 2;
	position: relative;
}
/* FROM Animation END */


header{
	background-image: url("../img/14.jpg");
	position: relative; /*FROM ANIMATION*/
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;
}
.header_menu {
    background-color: rgba(0, 0, 0, 0.2);
    margin-top: 40px;
    padding: 20px 0;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
}
.header_menu_nav nav ul{
	margin: 0;
	padding: 0;
	text-align: center;
}
.header_menu_nav nav ul li{
	display: inline-block;
	margin: 0 45px;
	border-bottom: 1px dotted #ffd211;
}
.header_menu_nav nav ul li:first-child{
	
}
.header_menu_nav nav ul li a{
	font-size: 24px;
}
li a.phone_header_nav{
	color: #ffd211;
}
li a.phone_header_nav i{
	font-size: 20px;
	margin-right: 10px;
}

.logo{
	color: #ffd211;
	text-align: center;
	font-size: 110px;
	line-height: 130px;
	margin-top: 55px;
	font-family: logo;
}
.sub_logo{
	text-align: center;
	margin-top: 20px;
}
.sub_logo h1{
	text-transform: uppercase;
	font-size: 34px;
	font-weight: 400;
}



.phone_header{
	text-align: center;
	margin-top: 40px;
}
.phone_header_number a{
	font-size: 50px;
	color: #ffd211;
	font-weight: 500;
	text-shadow: 1px 1px 6px #000;
}
.phone_header_number a i{
	margin-right: 15px;
}

.phone_header_service{
	margin-top: 20px;
}
.phone_header_service a{
	display: block;
	font-size: 26px;
	text-shadow: 1px 1px 6px #000;
}
.phone_header_service a i{
	margin-right: 15px;
	color: #ffd211;
}


.head_text_block{
	margin-top: 130px;
}
.head_text_block_first{
	text-align: center;
}
.head_text_block_first h2{
    font-size: 34px;
    margin-top: 45px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
}
.head_text_block_second{
	text-align: center;
	font-size: 34px;
	text-transform: uppercase;
	margin-top: 30px;
}
.head_text_block_btn {
    text-align: center;
    margin-top: 30px;
}
.head_text_block_btn a {
    background-color: #ffd211;
    border-radius: 50px;
    padding: 10px 25px;
    color: #000;
    font-size: 26px;
    text-shadow: none;
    animation: shadow 3s infinite ease-in-out;
    text-transform: uppercase;
    font-weight: 400;
}

section.offer{
	background-color: #ffd211;
    color: #2c103a;
    text-shadow: none;
    padding: 30px 0 50px 0;
    text-align: center;
}
section.offer h2{
	color: #2c103a;
    font-size: 30px;
    font-weight: 500;
    text-transform: uppercase;
}
section.offer p{
	font-weight: 400;
}
.offer_form form input {
    width: 400px;
    border: 2px solid #460366;
    border-radius: 50px;
    text-align: center;
    display: block;
    margin: 0 auto;
    outline: 0;
}
.offer_form_input{
	margin-top: 30px;
}
.offer_form form button{
	background-color: #2c103a;
    border-radius: 50px;
    width: 300px;
    color: #ffd211;
    font-size: 24px;
    text-shadow: none;
    text-transform: uppercase;
    animation: shadow_black 3s infinite ease-in-out;
    display: block;
    margin: 0 auto;
    border: 0;
    outline: 0;
}
.offer_form_submit{
	margin-top: 30px;
}
.offer_descr, .offer_phone_descr{
	margin-top: 30px;
}
.offer_phone{
	margin-top: 40px;
}
.offer_phone a{
	padding: 8px 35px;
	margin: 0 25px;
	color: #fff;
	border-radius: 50px;
	text-transform: uppercase;
	font-weight: 400;
}
.offer_phone a.viber{
	background: rgb(125,0,158);
	background: linear-gradient(180deg, rgba(125,0,158,1) 0%, rgba(68,0,87,1) 100%);
	animation: viber 2s infinite;
}
.offer_phone a.whatsapp{
	background: rgb(0,158,16);
	background: linear-gradient(180deg, rgba(0,158,16,1) 0%, rgba(9,87,0,1) 100%);
	animation: whatsapp 2s infinite;
}
@keyframes viber {
  0% {box-shadow: 0 0 20px 3px #7b4d9c;}
  50% {box-shadow: 0 0 20px 5px #9c61c7;}
  100% {box-shadow: 0 0 20px 3px #7b4d9c;}
}
@-webkit-keyframes viber {
  0% {box-shadow: 0 0 20px 3px #7b4d9c;}
  50% {box-shadow: 0 0 20px 5px #9c61c7;}
  100% {box-shadow: 0 0 20px 3px #7b4d9c;}
}
@keyframes whatsapp {
  0% {box-shadow: 0 0 20px 3px #21c741;}
  50% {box-shadow: 0 0 20px 5px #1fd943;}
  100% {box-shadow: 0 0 20px 3px #21c741;}
}
@-webkit-keyframes whatsapp {
  0% {box-shadow: 0 0 20px 3px #21c741;}
  50% {box-shadow: 0 0 20px 5px #1fd943;}
  100% {box-shadow: 0 0 20px 3px #21c741;}
}

section.devider {
    background-color: #ffd211;
    position: relative;
    color: #2c103a;
    text-shadow: none;
    padding: 30px 0 50px 0;
}
.header_devider{
	color: #2c103a;
	text-align: center;
	font-size: 30px;
	font-weight: 500;
	text-transform: uppercase;
}
.descr_devider{
	font-size: 22px;
	margin-top: 15px;
	text-align: center;
}
.btn_after_devider_text{
	text-align: center;
	margin-top: 40px;
}
.btn_after_devider_text a{
	background-color: #2c103a;
    border-radius: 50px;
    padding: 10px 25px;
    color: #ffd211;
    font-size: 24px;
    text-shadow: none;
    text-transform: uppercase;
    animation: shadow_black 3s infinite ease-in-out;
}
.descr_devider img{
	width: 23px;
}


section.service{
	background-image: url("../img/11.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding-bottom: 50px;
	position: relative; /*FROM ANIMATION*/
}
.name_section{
	color: #ffd211;
	text-align: center;
	font-size: 80px;
	line-height: 90px;
	margin-top: 25px;
	font-family: logo;
	margin-bottom: 10px;
}

.service_item{
	margin-top: 50px;
	text-align: center;
}
.service_item_img img{
	width: 250px;
	height: 250px;
	border-radius: 50%;
	border: 2px solid #ffd211;
	animation: shadow 3s infinite ease-in-out;
}
.service_item_name{
	font-size: 26px;
	margin-top: 20px;
	color: #ffd211;
	font-weight: 400;
}
.service_item_text{
	margin-top: 20px;
}
.service_item_btn a{
	color: #ffd211;
	border-bottom: 1px dotted #ffd211;
	font-weight: 300;
}




section.about_me{
	background-image: url("../img/about.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding-bottom: 50px;
	position: relative; /*FROM ANIMATION*/
}
.about_me_text{
	margin-top: 20px;
}
.about_me_text p{
	text-align: center;
}
.btn_about_me{
	margin-top: 50px;
	text-align: center;
}
.btn_about_me a{
	background-color: #ffd211;
    border-radius: 50px;
    padding: 10px 25px;
    color: #000;
    font-size: 28px;
    text-shadow: none;
    animation: shadow 3s infinite ease-in-out;
    font-weight: 400;
}
.img_cert img{
	width: 100%;
	margin-top: 20px;
}

section.recent{
	 background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)),url("../img/bggif.gif");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding-bottom: 50px;
	position: relative; /*FROM ANIMATION*/
}
.recent_item{
	text-align: center;
	margin-top: 20px;
	outline: none;
}
.recent_item_img img{
	width: 250px;
	height: 250px;
	border-radius: 50%;
	border: 2px solid #ffd211;
	animation: shadow 3s infinite ease-in-out;
}
.slick-slide img {
    display: inline-block;
}
.recent_item_name {
    margin-top: 25px;
    font-size: 30px;
    color: #ffd211;
}
.recent_item_text{
	margin-top: 20px;
}
.btn_add_recent{
	text-align: center;
	margin-top: 40px;
}
.btn_add_recent a{
	background-color: #ffd211;
    border-radius: 50px;
    padding: 10px 25px;
    color: #000;
    font-size: 28px;
    text-shadow: none;
    animation: shadow 3s infinite ease-in-out;
}
.slick-prev:before, .slick-next:before {
    opacity: 1;
    color: #ffd211;
}




section.contact{
	background-image: url("../img/about.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding-bottom: 50px;
	position: relative; /*FROM ANIMATION*/
}
.prev_contact_text{
	margin-top: 20px;
}
.left_contact_item{
	margin-top: 20px;
}
a.phone_contact_block{
	font-size: 38px;
	color: #ffd211;
}
a.phone_contact_block i{
	margin-right: 10px;
	font-size: 34px;
}
.left_contact_item_service a{
	color: #fff;
	border-bottom: 1px dotted #ffd211;
	font-size: 26px;
	display: table;
}
.left_contact_item_service a i{
	margin-right: 10px;
	color: #ffd211;
}
.confid {
    margin-top: 40px;
    text-align: center;
}


input,textarea,button{
	width: 100%;
    background-color: rgba(0, 0, 0, 0.55);
    border: 1px solid #ffd211;
    border-radius: 5px;
    padding: 5px 15px;
    margin-top: 20px;
    color: #fff;
    outline: none;
}
input.send_btn, button.send_btn{
	background-color: #ffd211;
    border-radius: 50px;
    padding: 10px 25px;
    color: #000;
    font-size: 28px;
    text-shadow: none;
    animation: shadow 3s infinite ease-in-out;
}




footer{
	background-color: #ffd211;
}
.developer a{
	font-size: 18px;
	color: #000;
	text-shadow: none;
}


.iziModal .iziModal-content {
    background-image: url("../img/about.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative; /*FROM ANIMATION*/
}
.iziModal .iziModal-button {
    opacity: 1;
}
.name_modal{
	font-size: 34px;
    color: #ffd211;
}
.modal_text{
	margin-top: 5px;
}

.slick-prev, .slick-next {
    z-index: 1;
}



@keyframes shadow {
from {box-shadow: none;}
50% {box-shadow: 0 0 20px 2px #ffd211;}
to {box-shadow: none;}
}

@keyframes shadow_black {
from {box-shadow: none;}
50% {box-shadow: 0 0 20px 2px #160901;}
to {box-shadow: none;}
}

img.mv_disp{
	display: none;
	width: 100%;
}
.tele img{
	margin: 0 15px;
}
.tele{
	margin-bottom: 20px;
}

.disclaimer_white{
	text-align: center;
	color: #fff;
	font-size: 16px;
	margin-top: 20px;
}

@media screen and (max-width: 1199px) {
	.header_menu_nav nav ul li {
    	margin: 0 31px;
	}
	.head_text_block_first {
    	font-size: 32px;
	}
	.head_text_block {
    	margin-top: 150px;
	}
	.service_item_name {
    	font-size: 24px;
	}
}

@media screen and (max-width: 991px) {
.head_text_block {
    margin-top: 0;
}
.sub_logo {
    margin-top: 20px;
}
.head_text_block_first {
    color: #ffd211;
}
.head_text_block_btn {
    margin-top: 65px;
}
.left_contact_item_service a{
	display: block;
}
.header_menu {
    background-color: transparent;
    padding: 20px 0;
    box-shadow: none;
}
	.prev_contact_text {
    	text-align: center;
	}
	.left_contact_item {
    	text-align: center;
	}
	.left_contact_item_service a{
		margin-left: 20px;
	}
	.left_contact_item_service a:first-child{
		margin-left: 0;
	}
	input, textarea {
    	text-align: center;
	}
}


@media screen and (max-width: 768px) {
	.header_menu_nav nav ul li {
    	margin: 0 17px;
	}
	img.mv_disp{
		display: block;
	}
	
}

@media screen and (max-width: 600px) {

.slick-next {
    right: 70px;
}
.slick-prev {
    left: 70px;
}

.slick-prev, .slick-next {
    top: 41%;
}
}

@media screen and (max-width: 533px) {
	.header_menu_nav nav ul li {
    margin: 0 14px;
}
}

@media screen and (max-width: 509px) {
	.header_menu_nav nav ul li {
    margin: 0 13px;
}
}

@media screen and (max-width: 505px) {
.slick-prev, .slick-next {
    top: 35%;
}
}

@media screen and (max-width: 501px) {
	.header_menu_nav nav ul li {
    	margin: 0 11px;
	}
}
@media screen and (max-width: 495px) {
.phone_header_number a {
    font-size: 41px;
}
}

@media screen and (max-width: 485px) {
	.header_menu_nav nav ul li {
    	margin: 0 10px;
	}
	.service_item_name {
    	font-size: 28px;
	}
}

@media screen and (max-width: 477px) {
.header_menu_nav nav ul li {
    margin: 0 8px;
}
.header_menu_nav nav ul li a{
	font-size: 21px;
}
}

@media screen and (max-width: 456px) {
a.optimize_m{
	font-size: 30px;
}
.offer_form form input{
	width: 100%;
}
}

@media screen and (max-width: 436px) {
	.name_section {
    font-size: 82px;
}
.header_menu {
    margin-top: 20px;
}
}

@media screen and (max-width: 432px) {
.slick-prev, .slick-next {
    top: 31%;
}
.offer_phone a{
	display: block;
	margin: 30px 0;
}
}


@media screen and (max-width: 417px) {
.header_menu_nav nav ul li a{
	font-size: 19px;
}
.logo {
    font-size: 100px;
    line-height: 120px;
}
}

@media screen and (max-width: 414px) {
.phone_header_number a {
    font-size: 36px;
}
}

@media screen and (max-width: 405px) {
a.phone_contact_block {
    font-size: 34px;
}
a.optimize_m{
	font-size: 26px;
}
}

@media screen and (max-width: 399px) {
	.slick-prev {
    left: 53px;
}
.slick-next {
    right: 53px;
}
}

@media screen and (max-width: 393px){
.tele img {
    margin: 0 10px;
}
}

@media screen and (max-width: 388px) {
.header_menu_nav nav ul li a{
	font-size: 18px;
}
.head_text_block_btn a, .btn_after_devider_text a, .btn_about_me a, .btn_add_recent a{
    font-size: 24px;
}
}

@media screen and (max-width: 373px) {
.header_menu_nav nav ul li a {
    font-size: 17px;
}
.name_section {
    font-size: 70px;
}
.phone_header_number a {
    font-size: 30px;
}
}

@media screen and (max-width: 370px) {
	a.phone_contact_block {
    font-size: 30px;
}
.header_devider {
    font-size: 25px;
}
a.optimize_m{
	font-size: 26px;
}
}

@media screen and (max-width: 361px){
.tele img {
    width: 65px;
}
.logo {
    font-size: 95px;
}
}

@media screen and (max-width: 357px) {
	.slick-prev, .slick-next {
    top: 26%;
}
.slick-prev {
    left: 23px;
}
.slick-next {
    right: 23px;
}
}

@media screen and (max-width: 340px){
.head_text_block_btn a, .btn_after_devider_text a, .btn_about_me a, .btn_add_recent a {
    font-size: 22px;
}
}


@media screen and (max-width: 320px) {
a.phone_contact_block {
    font-size: 28px;
}
.left_contact_item_service a {
    margin-left: 0;
}
.head_text_block_btn a, .btn_after_devider_text a, .btn_about_me a, .btn_add_recent a {
    font-size: 22px;
}

.head_text_block_first {
    font-size: 25px;
}
.head_text_block_second {
    font-size: 25px;
}
.sub_logo h1 {
    font-size: 28px;
}
a.optimize_m{
	font-size: 24px;
}
}