main-btn {

overflow: hidden;

}

main-btn:after {

content: "";

margin-left: 60px;

width: 30px;

height: 300px;

background: #fff;

-webkit-animation-delay: 0.05s;

animation-delay: 0.05s;

position: absolute;

left: -40px;

top: -150px;

-webkit-animation-timing-function: ease-in-out;

animation-timing-function: ease-in-out;

-webkit-transition: all 0.1s;

transition: all 0.1s;

-webkit-animation-name: slideme;

animation-name: slideme;

-webkit-animation-duration: 3s;

animation-duration: 3s;

-webkit-animation-iteration-count: infinite;

animation-iteration-count: infinite;

-webkit-transform: rotate(45deg);

transform: rotate(45deg);

}

.inp_cont_f .item_inp_f input{	width: 100%;    box-sizing: border-box;    padding: 15px 15px;    border-radius: 5px;    border: 1px solid #d4d4d4;    margin-bottom: 20px;}

#Layer2 {      padding: 0 33px!important;}.header_f #s_title_f{	font-size: 24px;    text-align: center;}.header_f #title_f{	font-size: 30px;    font-weight: 600;    text-align: center;}#Layer2 .footer_f_m span{	margin-top: 20px;    display: block;}#Layer2 #btn_f_mod{	border: none;    width: 100%;    padding: 15px 0;    background: #F51818;    color: #fff;    font-weight: 900;	font-size: 16px;}

.main-btn span {

	display: block;

	color: #000;

}

.main-btn .main-naim {

	display: inline-block;

	margin-bottom: 5px;

	font-weight: bold;

	text-transform: uppercase;

	font-size: 18px;

	

	background-image: url("img/svg/005-right-arrow.svg")/***css-loader:: can't load recource***/;

	background-position: right center;

	background-repeat: no-repeat;

	background-size: 12px;

	padding-right: 20px;

	position: relative;

}



.main-btn .main-naim:after {

	content: url("img/arrow.png")/***css-loader:: can't load recource***/;

	position: absolute;

	top: -135px;

    right: -140px;

}



.main-btn .sub-naim {

	font-weight: 400;



	font-size: 15px;

	

}



.our-works {	padding: 20px 0 90px;}.our-works .title {	text-align: center;	overflow: hidden;	margin-bottom: 30px;}.our-works .title span {	display: inline-block;	position: relative;	font-size: 24px;	font-weight: normal;	padding: 0 25px;	font-family: 'Museo Sans Cyrl 700';}.our-works .title span:before {	left: 100%;}.our-works .title span:after {	right: 100%;}.our-works .slider-container {	padding: 0 65px;}.our-works .slick-slide {	padding: 0 5px;}.our-works .slick-slide img {	width: 100%;	-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;}.our-works .slick-slide a {    background: #000;	display: block;    position: relative;    }.our-works .slick-slide a:before { position: absolute;width: 65px;height: 65px;top: 50%;left: 47%;margin: -25px 0 0 -21px; background: url('img/loop.png') no-repeat; content: ''; opacity: 0; z-index: 1; -webkit-transition: all 0.3s linear; transition: all 0.3s linear;}.our-works .slick-slide a:hover:before { top: 50%; opacity: 1;}.our-works .slick-slide a:after { position: absolute; width: 100%; height: 100%; top: 0; background: rgba(0, 0, 0, 0.6); content: ''; opacity: 0; -webkit-transition: all 0.3s linear; transition: all 0.3s linear;}.our-works .slick-slide a:hover:after { opacity: 1;}.our-works .slick-slide a img { padding: 0; margin: 0; max-width: 100%; height: auto;}



.our-works .slick-arrow {

	display: block;

	width: 40px;

	height: 40px;

	background: none;

	border: 0;

	cursor: pointer;

	position: absolute;

	top: calc(50% - 20px);

	text-indent: -9999px;

}



.our-works .slick-prev {

	background: url("img/svg/003-arrows.svg")/***css-loader:: can't load recource***/ no-repeat center;

	-webkit-background-size: 100% 100%;

	     -o-background-size: 100% 100%;

	        background-size: 100% 100%;

	left: -60px;

}



.our-works .slick-next {

	background: url("img/svg/002-arrows-1.svg")/***css-loader:: can't load recource***/ no-repeat center;

	-webkit-background-size: 100% 100%;

	     -o-background-size: 100% 100%;

	        background-size: 100% 100%;

	right: -60px;

}



body.fixed {

	position: fixed;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

}



.butt-anim{

overflow: hidden;

position: relative;

}

.butt-anim:after {

content: "";

margin-left: 60px;

width: 30px;

height: 300px;

background: #fff;

-webkit-animation-delay: 0.05s;

animation-delay: 0.05s;

position: absolute;

left: -40px;

top: -150px;

-webkit-animation-timing-function: ease-in-out;

animation-timing-function: ease-in-out;

-webkit-transition: all 0.1s;

transition: all 0.1s;

-webkit-animation-name: slideme;

animation-name: slideme;

-webkit-animation-duration: 3s;

animation-duration: 3s;

-webkit-animation-iteration-count: infinite;

animation-iteration-count: infinite;

-webkit-transform: rotate(45deg);

transform: rotate(45deg);

filter: blur(30px);

}

@-webkit-keyframes slideme { 0% { left: -30px; margin-left: 0px; }

  30% { left: 110%; margin-left: 80px; }

  100% { left: 110%; margin-left: 80px; } }



@keyframes slideme { 0% { left: -30px; margin-left: 0px; }

  30% { left: 110%; margin-left: 80px; }

  100% { left: 110%; margin-left: 80px; } }

  

  

.text span:after{ 

content: ''; 

width: 5px; 

height: 5px; 

background-color: #F68D33; 

border-radius: 50%; 

display: inline-block; 

margin-right: 5px; 

animation: pulsing 1.5s ease infinite; 

position: absolute; 

top: 8px; 

bottom: 0; 

left: 0px; 

right: 0; 

} 







} 

.text{ 

width: 100%; 

padding-left: 20px; 

}



.butt-bg{

    background-image: url(img/texture.png) !important;

}



a {

	text-decoration:none;

}



a:hover {

	text-decoration:none;

}





a {

    color: #EF233C;

}

a:visited {

    color: #EF233C;

}

a:hover {

    color: #EF233C;

}



a:active, a:focus { outline: none; }



input, textarea {outline:none;}

input:active, textarea:active {outline:none;}

:focus {outline:none;}

textarea {resize:none;}

textarea {resize:vertical;}

textarea {resize:horizontal;}









.ui-widget-overlay {

    background: #000;

    opacity: .7;

    filter: Alpha(Opacity=30);

}







.ui-widget-overlay {



    background: #000;



    opacity: .7;



    filter: Alpha(Opacity=30);



}



.dnone {



	display:none;



}





.our-works {



	padding: 20px 0 90px !important;



}







.our-works .title {



	text-align: center !important;



	overflow: hidden !important;



	margin-bottom: 30px !important;



}







.our-works .title span {



	display: inline-block !important;



	position: relative !important;



	font-size: 30px !important;



	font-weight: normal !important;



	padding: 0 25px !important;



	font-family: 'Oswald' !important;



}











.our-works .title span:before {



	left: 100% !important;



}







.our-works .title span:after {



	right: 100% !important;



}







.our-works .slider-container {



	padding: 0 30px !important;



}







.our-works .slick-slide {



	padding: 0 5px !important;



}







.our-works .slick-slide img {



	width: 100% !important;



	-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear !important;



}







.our-works .slick-slide img:hover {



	opacity: 0.9 !important;



	-webkit-filter: brightness(110%); filter: brightness(110%);-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;-ms-transition: all 0.2s linear;transition: all 0.2s linear !important;



}







.our-works .slick-arrow {



	display: block !important;



	width: 49px !important;



	height: 49px !important;



	background: none !important;



	border: 0 !important;



	cursor: pointer !important;



	position: absolute !important;



	top: calc(50% - 20px) !important;



	text-indent: -9999px !important;



}







.our-works .slick-prev {



	background: url("img/arrow-pointing-to-left.png") no-repeat center !important;



	-webkit-background-size: 100% 100% !important;



	     -o-background-size: 100% 100% !important;



	        background-size: 100% 100% !important;



}







.our-works .slick-next {



	background: url("img/arrow-pointing-to-right.png") no-repeat center !important;



	-webkit-background-size: 100% 100% !important;



	     -o-background-size: 100% 100% !important;



	        background-size: 100% 100% !important;



}







.ui-icon {



    width: 24px; 



    height: 24px;



}





@media only screen and (min-width: 1170px) {

#wb_Image18 {

	display:none;

}

#wb_Image20 {

	display:none;

}

#wb_Image22 {

	display:none;

}

}



@media only screen and (max-width: 1169px) and (min-width: 768px) {

#wb_Image18 {

	display:none;

}

#wb_Image22 {

	display:none;

}

#wb_Image20 {

	display:none;

}

}



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

#wb_Image14 {

	display:none;

}
#wb_Image13 {

	display:none;

}
.ui-dialog {

    width: 100%!important;

}



.header_f #title_f {

    font-size: 25px;

} 



.header_f #s_title_f {

    font-size: 20px;

}



.inp_cont_f .item_inp_f input {

    font-size: 15px;

}



#Layer2 {

    text-align: center;

    font-size: 15px;

}





#ThemeableButton1 {

    font-size: 14px;

}

#ThemeableButton2 {

    font-size: 14px;

}

.ui-tooltip {

    max-width: 230px;

}



}



.form-result .alert-success {

    color: #3c763d;

    background-color: #dff0d8;

    border-color: #d6e9c6;

	margin-top: 20px;

}





.form-result .alert-success  h4{

    color: #3c763d;

}



.form-result .alert-success p{

    text-align: center;

    margin-top: 15px;

}



.form-result .alert-info{

	color:#31708f;

	background-color:#d9edf7;

	border-color:#bce8f1;

	margin-top: 10px;

}



.form-result .alert-success, .form-result .alert-info{

	border-radius: 5px;

	padding: 10px 15px;    

	text-align: center;

}

#ThemeableButton1 {

    border-bottom: 5px solid #3a76eb !important; 

	box-shadow: inset 1px 0px 15px rgba(172,206,252,0.8);

}

#ThemeableButton2 {

    border-bottom: 5px solid #3a76eb !important; 

	box-shadow: inset 1px 0px 15px rgba(172,206,252,0.8);

}

#wb_uid16 {
    font-family: "Gilroy ExtraBold";
}
    .ToolTip1 .ui-tooltip-content {   

	width: 180px !important;

 }

 .ToolTip2 .ui-tooltip-content {    

	width: 180px !important;

	}

 .ToolTip3 .ui-tooltip-content {    

	width: 180px !important;

	}	





	 .fixed-overlay {
     position: fixed;
     overflow: auto;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, 0.12);
}
 .fixed-overlay__modal {
     text-align: center;
     z-index: 777;
    /*white-space: nowrap;
    */
}
 .fixed-overlay__modal::after {
     display: inline-block;
     vertical-align: middle;
     width: 0;
     height: 100%;
     content: '';
}
 .form_popup {
     width: 400px;
     max-width: 100%;
     border-radius: 5px;
     background: white;
     z-index: 11111;
     overflow: auto;
     display: inline-block;
     vertical-align: middle;
	 padding: 30px;
}
 .form_popup .head {
     padding: 10px;
     color: #333;
     font-size: 21px;
     overflow: auto;
     border-radius: 0;
}
 .form_popup .head .title {
     float: inherit;
	 font-size: 30px;
	 font-family: "Gilroy ExtraBold";
}
 .form_popup .head .close {
     background-image: url(img/popup_close.png);
     width: 20px;
     height: 20px;
     margin: 5px;
     cursor: pointer;
     float: right;
	  margin-top: -10px;
    margin-right: -10px;
}
 .form_popup .body {
     display: block;
     background: white;
     color: black;
     font-weight: 100;
     font-size: 20px;
     overflow: auto;
     padding: 10px;
     min-height: 150px;
     z-index: 9999;
}
 .form_popup .desc {
     padding: 10px 15px !important;
     display: block;
}
 .form_popup .desc p{
    text-align: center;
    padding: 10px;     
}
 .form_popup .desc ul{
     text-align: left;
     list-style: inside;
     padding-left: 7px;
}
 .form_popup .alert-success {
     color: #3c763d;
     background-color: #dff0d8;
     border-color: #d6e9c6;
     margin-top: 20px;
}
 .form_popup .alert-success p{
     text-align: center;
     margin-top: 15px;
}
 .form_popup .alert-info{
     color:#31708f;
     background-color:#d9edf7;
     border-color:#bce8f1 
}
 .form_popup .alert-success, .popup-form .alert-info{
     border-radius: 5px;
     padding: 10px 15px;
}
 .popup-form {
     padding: 5px;
}
 .popup-form .fieldset {
     position: relative;
     margin: 1.4em 0;
}
 .popup-form .fieldset:first-child {
     margin-top: 0;
}
 .popup-form .fieldset:last-child {
     margin-bottom: 0;
}
 .popup-form label {
     font-size: 14px;
     font-size: 0.875rem;
}
 .popup-form label.image-replace {
    /* заменить текст с иконой */
     display: inline-block;
     position: absolute;
     left: 15px;
     top: 50%;
     bottom: auto;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
     height: 20px;
     width: 20px;
     overflow: hidden;
     text-indent: 100%;
     white-space: nowrap;
     color: transparent;
     text-shadow: none; 
     background-repeat: no-repeat;
     background-position: 50% 0;
}
 .popup-form label.cd-email {
     background-image: url("img/form_email.png");
}
 .popup-form input {
     margin: 0;
     padding: 0;
     border-radius: 0.25em;
     height: 65px;
}
 .popup-form input.full-width {
     width: 100%;
}
 .popup-form input.has-padding {
     padding: 12px 20px 12px 50px;
}
 .popup-form input.has-border {
     border: 1px solid #d2d8d8;
     -webkit-appearance: none;
     -moz-appearance: none;
     -ms-appearance: none;
     -o-appearance: none;
     appearance: none;
}
 .popup-form input.has-border:focus {
     border-color: #343642;
     border: 1px solid #d76666;
     box-shadow: 0 0 5px #d76666;
     outline: none;
}
 .popup-form input.has-error {
     border: 1px solid #d76666;
}
 .popup-form input[type=password] {
    /* пространство для кнопки Скрыть */
     padding-right: 65px;
}
 .popup-form input[type=submit] {
     padding: 16px 0;
     cursor: pointer;
     background: #81621F;
     color: #434344;
     font-weight: bold;
     border: none;
     -webkit-appearance: none;
     -moz-appearance: none;
     -ms-appearance: none;
     -o-appearance: none;
     appearance: none;
     text-transform: uppercase;
     border-bottom: 5px solid #81621F;
     -webkit-border-radius: 7px;
     -moz-border-radius: 7px;
     border-radius: 7px;
     background-color: #E9AE39;
     background-image: -webkit-gradient(linear, left bottom, left top, from(#E9AE39), to(#F7D995));
     background-image: -webkit-linear-gradient(bottom, #E9AE39 0%, #F7D995 100%);
     background-image: -moz-linear-gradient(bottom, #E9AE39 0%, #F7D995 100%);
     background-image: -o-linear-gradient(bottom, #E9AE39 0%, #F7D995 100%);
     background-image: linear-gradient(to top, #E9AE39 0%, #F7D995 100%);
}
 .no-touch .popup-form input[type=submit]:hover, .no-touch .popup-form input[type=submit]:focus {
     background: #343642;
     outline: none;
}
 @media screen and (max-width: 976px) {
}
 @media screen and (max-width: 659px) {
     .form_popup {
         width: 80%;
    }
     .form_popup .head .title {
         float: inherit;
         margin-right: 10px;
         font-size: 30px;
		 font-family: "Gilroy ExtraBold";
    }
     .form_popup .head .close {
         cursor: pointer;
         float: right;
         top: 2px;
         right: 5px;
		     margin-top: -10px;
    margin-right: -10px;
    }
	.form_popup {
    padding: 20px;
}
}
#wb_Text1 {
   /* height: 100% !important;*/
}