@import url(reset.css);

@font-face {
font-family: "Roboto-Regular";
font-style: normal;
font-weight: normal;
src:  url("/web/fonts/Roboto-Regular.woff") format("woff"); }


body, html {
	font-weight: normal;
	font-size: 14px;
	min-width: 320px;
	position: relative;
	width: 100%;
	height: 100%;
	color: #000;
	line-height: normal;
	font-family: "Roboto-Regular" !important;
}

b, strong{
	font-weight: bold !important;
}

i, em{
	font-style: italic !important;
}

::-webkit-scrollbar-button{ 
	width:6px; 
	height:0px;
} 

::-webkit-scrollbar-track{ 
	background-color: transparent; 
} 

::-webkit-scrollbar-thumb{ 
	-webkit-border-radius: 5px; 
	border-radius: 5px; 
	background-color:#14A0E0;  
} 

::-webkit-resizer{ 
	width:7px; 
	height:0px; 
} 

::-webkit-scrollbar{ 
	width: 11px; 
}

::before{
	content: "";
	display: block;
	position: absolute;
}

::after{
	content: "";
	display: block;
	position: absolute;
}

.container{
	max-width: 1200px;
	width: 100%;
}

.row{
	clear: both;
	float: none;
}

input{
	outline: none;
}

.owl-carousel .owl-item img{
	width: auto;
}

.video{
    width: 100%;
    height: 100%;
}

.video[poster]{
    height:100%;
    width:100%;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.voice1{
    display: none;
    position: absolute;
    z-index: 2000;
    float: right;
    right: 31px;
    width: 40px;
    cursor: pointer;
    bottom: 130px;
}


.voice2{
    display: block;
    position: absolute;
    z-index: 2000;
    float: right;
    right: 31px;
    width: 40px;
    cursor: pointer;
    bottom: 130px;
}



/*======================
   =  Модальное окно   =
========================*/

.modal_bg{
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 10;
	background-color: rgba(0,0,0,.8);
	left: 0;
	top: 0;
}

.modal_form{
	display: none;
	position: fixed;
	max-width: 350px;
	min-height: 273px;
	background-color: #fff;
	top: 100px;
	left: 0;
	right: 0;
	margin: 0 auto;
	padding: 20px;
	padding-top: 30px;
	padding-bottom: 10px;
	z-index: 11;
}

.mod_close{
	position: absolute;
	display: block;
	float: right;
	right: 8px;
	top: -3px;
	cursor: pointer;
	font-size: 39px;
}

.mod_p1{
	text-align: center;
	text-transform: uppercase;
	font-size: 21px;
	color: #000;
}

.mod_ul{
	margin-top: 20px;
}

.mod_ul li{
	margin-bottom: 15px;
}

.mod_ul input{
	display: block;
	width: 100%;
	height: 47px;
	border: none;
	border: 1px solid #cccccc;
	font-size: 16px;
	text-indent: 10px;
}

.mod_btn{
	height: 50px;
	background-color: #152D4A;
	color: #fff;
	cursor: pointer;
	text-align: center;
	text-transform: uppercase;
	font-size: 20px;
	padding-top: 12px;
}

.mod_btn:hover{
	background-color: #244874;
}

.modal_form2{
	display: none;
	position: fixed;
	max-width: 350px;
	min-height: 150px;
	background-color: #fff;
	top: 100px;
	left: 0;
	right: 0;
	margin: 0 auto;
	padding: 20px;
	padding-top: 30px;
	padding-bottom: 10px;
	z-index: 11;
}

.mod_p4{
	text-align: center;
	font-size: 24px;
}

.mod_p5{
	text-align: center;
	font-size: 18px;
	margin-top: 15px;
}

/*= End Модальное окно =*/


/*======================
   =  Слайдер 1   =
========================*/

.main_slider {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.main_slider .swiper-slide {
	height: 100% !important;
	overflow: hidden;
	width: 100%;
	position: relative;
	display: block;
}

.contacts{
	height: 90%;
	background-color: #000;
	padding-top: 160px;
}

.footer{
	height: 10%;
	background-color: #f3f3f3;
	padding-top: 2.2%;
}

#footer .tiny-details {
    font-family: Arial, sans-serif !important;
    font-size: 10px;
    color: #777;
    text-transform: capitalize;
    letter-spacing: 0;
}

#footer a {
    color: #777;
}

/*= End Слайдер 1 =*/


/*================
   = SECTION 1 =
==================*/
.s1{
	min-height: 200px;
	position: relative;
	background-color: #fff;
	background-image: url(../img/);
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center top;
	padding-top: 20px;
	padding-bottom: 20px;
	clear: both;
	float: none;
}

.logo{
	position: fixed;
	z-index: 10;
	top: 20px;
	left: 30px;
	width: 124px;
}

#play1{
    display: none;
}

.play1{
    position: absolute;
    width: 120px;
    height: 120px;
    transition: 0.3s;
    background-color: rgba(0,0,0,.99);
    left: 0;
    right: 0;
    margin: 0 auto;
    border-radius: 50%;
     top: 43%; 
 /*    top: 44vh;  */
    z-index: 50;
    cursor: pointer;
}

.play1:hover{
    background-color: rgba(0,0,0,.98);
}

.play1 span{
    color: #fff;
    position: relative;
    border: 24px solid transparent;
    border-left: 40px solid #fff;
    z-index: 2;
    top: 37px;
    left: 46px;
    display: block;

}


@keyframes pulse { 
  0% { 
 transform: translateY(0);
  } 
  50% { 
 transform: translateY(-12px);
  } 
  100% {
 transform: translateY(0);
 }
}

@keyframes pulse2 { 
  0% { 
 transform: translateX(0);
  } 
  50% { 
 transform: translateX(-12px);
  } 
  100% {
 transform: translateX(0);
 }
}

@keyframes pulse3 { 
  0% { 
 transform: translateX(0);
  } 
  50% { 
 transform: translateX(12px);
  } 
  100% {
 transform: translateX(0);
 }
}

.arr1{
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 70px;
    z-index: 5;
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -webkit-transition: none;
    transition: none;
    cursor: pointer;
}

.arr1 img{
    width: 30px;
}

.swiper-button-next{
    -webkit-animation-name: pulse2;
    animation-name: pulse2;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -webkit-transition: none;
    transition: none;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: rgba(0,0,0,.6);
    background-size: 18px 44px;

}

.swiper-button-prev{
    -webkit-animation-name: pulse3;
    animation-name: pulse3;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -webkit-transition: none;
    transition: none;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: rgba(0,0,0,.6);
    background-size: 18px 44px;
}




.navcontainer {
    display: block;
    position: fixed;
    float: right;
    text-align: right;
    z-index: 10;
    right: 17px;
    top: 28px;

}

.tel-fixed {
    display: none;
    position: absolute;
    top: -15px;
    right: 30px;
    font-size: 16px;
    color: #fff;
}

body .addr-top {
    color: #fff;
    
}

body .addr-top {
    display: inline-block;
    vertical-align: middle;
    font-weight: 400;
    position: relative;
    text-align: left;
}

.cod-vertical {
    transform: rotate(-90deg);
    position: absolute;
    left: -15px;
    top: 11px;
}

.phone-space {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 30px;
    padding-top: -20px;
    top: -20px;
}

.mobile-icon-tel {
    display: none !important;
}

.desctop-icon-tel, .mobile-icon-tel {
    position: relative;
    top: -10px;
    display: inline-block;
    width: 40px;
    height: 40px;
    margin: 0 15px 0 20px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #fff;
    text-align: center;
    line-height: 43px;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    cursor: pointer;
}

.desctop-icon-tel i, .mobile-icon-tel i {
    font-size: 24px;
    color: #fff;
    position: relative;
    top: -18px;
    left: -10px;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}

.desctop-icon-tel:hover, .mobile-icon-tel:hover {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}

.desctop-icon-tel:hover::before, .mobile-icon-tel:hover::before {
    opacity: 1;
}

.desctop-icon-tel::before, .mobile-icon-tel::before {
    content: "";
    position: absolute;
    top: -6px;
    left: -6px;
    display: block;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #fff;
    opacity: 0;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.form-box {
    position: relative;
}

.msg {
    position: absolute;
    float: left;
    width: 810px;
    padding-right: 50px;
    padding: 34px 13px;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    opacity: 0;
    visibility: hidden;
}

.msg__text {
    font-size: 18px;
    color: #000;
}

.msg__btn_pseudo {
    color: #000;
    width: 124px;
    background: #f8e71c;
    text-align: center;
    padding: 6px;
    text-transform: uppercase;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.container.with-sidebar .sidebar {
    float: left;
    right: 0;
    top: 0;
    width: 33%;
}

.widget {
    margin-bottom: 50px;
}

.widget h4.widget-title {
    color: #fff;
    font-size: 0.85em;
}

.widget h3.widget-title, .widget h2.widget-title, .widget h4.widget-title {
    line-height: 28px;
}

.widget .widget-title {
    margin-bottom: 20px;
    letter-spacing: 0.1em;
}

.widget h3, .widget h2, .widget h4 {
    padding: 0;
    margin: 0 0 16px;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    text-shadow: none;
    font-size: 0.85em;
    font-weight: bold;
    letter-spacing: normal;
}

.cod-vertical.cod-vertical--bottom {
    left: 6px;
    top: 50px;
}

.cod-vertical {
    transform: rotate(-90deg);
    position: absolute;
    left: -15px;
    color: #fff;
}

.textwidget{
	color: #fff;
	font-size: 16px;
	line-height: 28px;
	opacity: 0.7;
}

.widget a {
    text-decoration: none;
    color: #fff;
}

.phone-space {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 30px;
    color: #fff;
}

.container.with-sidebar .content {
    padding-right: 0;
    padding-left: 50px;
}
.container.with-sidebar .content {
    float: left;
    width: 810px;
    padding-right: 50px;
    width: 67%;
}

.page-content .content {
    padding-bottom: 50px;
}

.title-form {
    font-family: Arial,sans-serif;
    color: #fff;
    line-height: 28px;
    margin-bottom: 20px;
    letter-spacing: 0.1em;
    transition: all 0.3s ease 0s;
    text-shadow: none;
    font-size: 0.85em;
    font-weight: bold;
}

.ninja-forms-cont {
    position: relative;
}

.field-wrap, #ninja_forms_required_items {
    margin-bottom: 20px;
}

.label-above label {
    color: #fff;
}

.text-wrap.label-above label, .textarea-wrap.label-above label {
    display: block;
    width: 100%;
}
.label-above label {
    margin-bottom: 5px;
}
.ninja-forms-form-wrap label {
    font-weight: bold;
}

.text-wrap.label-above input, .text-wrap.label-below input, .text-wrap.label-inside input, .textarea-wrap.label-above textarea, .textarea-wrap.label-below textarea, .textarea-wrap.label-inside textarea, .list-dropdown-wrap.label-above select, .list-dropdown-wrap.label-below select {
    width: 100%;
}
.struck .ninja-forms-form-wrap input, .struck .ninja-forms-form-wrap textarea {
    padding: 12px;
}
.ninja-forms-form-wrap input[type=text], .ninja-forms-form-wrap textarea {
    margin-bottom: 10px;
}
input[type="text"], textarea, #commentsubmit input[type="text"], #commentsubmit textarea, .contactsubmit input[type="text"], .contactsubmit textarea, .contactsubmit select, select#top_nav_menu {
    background: rgba(100, 100, 100, 0.09);
    transition: background 0.5s ease-in-out;
    -webkit-transition: background 0.5s ease-in-out;
    -moz-transition: background 0.5s ease-in-out;
    -o-transition: background 0.5s ease-in-out;
    border: 1px solid transparent;
    border-bottom: 1px solid #fff;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    text-indent: 10px;
}
input[type="text"], textarea, #commentsubmit input[type="text"], #commentsubmit textarea, .contactsubmit input[type="text"], .contactsubmit textarea, .contactsubmit select, select#top_nav_menu {
    color: #fff;
    text-indent: 10px;
    background: rgba(100, 100, 100, 0.09);
    transition: background 0.5s ease-in-out;
    -webkit-transition: background 0.5s ease-in-out;
    -moz-transition: background 0.5s ease-in-out;
    -o-transition: background 0.5s ease-in-out;
}
.ninja-forms-form-wrap input, .ninja-forms-form-wrap select, .ninja-forms-form-wrap textarea {
    width: auto;
    height: auto;
    vertical-align: inherit;
    text-indent: 10px;
}
input[type="text"], textarea, #commentsubmit input[type="text"], #commentsubmit textarea, .contactsubmit input[type="text"], .contactsubmit textarea, .contactsubmit select, select#top_nav_menu {
    color: #fff;
    background: #e8e8e8;
    background: rgba(100, 100, 100, 0.09);
    transition: background 0.5s ease-in-out;
    -webkit-transition: background 0.5s ease-in-out;
    -moz-transition: background 0.5s ease-in-out;
    -o-transition: background 0.5s ease-in-out;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    text-indent: 10px;
}
input[type=text], textarea {
    margin: 0 0 20px 0;
    background: #e8e8e8;
    background: rgba(100, 100, 100, 0.09);
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    width: 90%;
    padding: 10px;
}
.ninja-forms-form-wrap *, .ninja-forms-form-wrap *:after, .ninja-forms-form-wrap *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.articleinner, .tw-post-break .tw-column, .content, p, ul, ol, sf-menu li li a, input, textarea, .sidebar, dd, dt, table {
    font-family: Arial, sans-serif;
    line-height: 1.8em;
    font-weight: 400;
    font-style: normal;
    font-size: 1em;
}

.w100{
	color: #fff;
}

.struck .ninja-forms-form-wrap input, .struck .ninja-forms-form-wrap textarea {
    padding: 12px;
}

.ninja-forms-form-wrap input, .ninja-forms-form-wrap select, .ninja-forms-form-wrap textarea {
    width: auto;
    height: auto;
    vertical-align: inherit;
}

input[type="file"] {
    display: block;
    text-indent: 0 !important;
    margin-top: 10px;
}

input[type="submit"].ninja-forms-field {
    background: rgba(248, 231, 28, 0.8);
    color: #000;
}

input[type="submit"].ninja-forms-field {
    width: 124px;
    height: 45px;
    border: 1px solid #000;
    border-radius: 0;
    font-size: 14px;
    text-transform: capitalize;
    color: #000;
    font-family: Arial, sans-serif;
    letter-spacing: 0;
    font-weight: normal;
}
.struck .ninja-forms-form-wrap input, .struck .ninja-forms-form-wrap textarea {
    padding: 12px;
}

.s1_p1{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s1_p2{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s1_p3{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s1_p4{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s1_p5{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s1_img1{
	display: block;
	width: 100%;
}


.bg-image-block {
    position: relative;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100vh;
    background-color: pink;
    z-index: 500;
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-transition: 30s;
    -moz-transition: 30s;
    -ms-transition: 30s;
    -o-transition: 30s;
    transition: 30s;
    
}

.slider_1 .swiper-slide-active .bg-image-block{
	-webkit-transform: scale(1.2) translate(50px, 50px)!important;
    -moz-transform: scale(1.2) translate(50px, 50px)!important;
    -ms-transform: scale(1.2) translate(50px, 50px)!important;
    -o-transform: scale(1.2) translate(50px, 50px)!important;
    transform: scale(1.2) translate(50px, 50px)!important;

}

.slider_2 .swiper-slide-active .bg-image-block{
	-webkit-transform: scale(1.2) translate(50px, 50px)!important;
    -moz-transform: scale(1.2) translate(50px, 50px)!important;
    -ms-transform: scale(1.2) translate(50px, 50px)!important;
    -o-transform: scale(1.2) translate(50px, 50px)!important;
    transform: scale(1.2) translate(50px, 50px)!important;

}

.slider_3 .swiper-slide-active .bg-image-block{
	-webkit-transform: scale(1.2) translate(50px, 50px)!important;
    -moz-transform: scale(1.2) translate(50px, 50px)!important;
    -ms-transform: scale(1.2) translate(50px, 50px)!important;
    -o-transform: scale(1.2) translate(50px, 50px)!important;
    transform: scale(1.2) translate(50px, 50px)!important;

}

.swiper-button-next{
	z-index: 1000;
	top: 49vh;
}

.swiper-button-prev{
	z-index: 1000;
	top: 49vh;
}

.swiper-pagination{
	z-index: 1000;
	top: 95vh;
}

.swiper-pagination-bullet {
	height: 3px;
	width: 23px;
	text-align: center;
	line-height: 20px;
	font-size: 12px;
	color:#000;
	opacity: 1;
	background: rgba(255,255,255,.5);
}
.swiper-pagination-bullet-active {
	color:#fff;
	background: #fff;
}

video {
    position: relative;
    background-size: cover;
}


.s1_img2{
	
}

.s1_ul{
	position: fixed;
	z-index: 10;
	color: #fff;
	margin-top: -56px;
	top: 50%;
	left: 33px;
}

.s1_ul li{
	position: relative;
	margin-bottom: 0px;
	height: 23px;
	font-size: 18px;
	opacity: 0.5;
	cursor: pointer;
	transition: 0.8s;
	margin-bottom: 3px;
}

.s1_ul li:hover{
	opacity: 1;
}

.s1_ul li span{
	display: block;
	position: absolute;
	width: 1px;
	height: 23px;
	background-color: #fff;
	left: -10px;
}

.s1_ul li.active span{
	width: 3px;
	left: -11px;
}

.s1_ul li.active{
	opacity: 1;
}

.s1_btn{
	position: relative;
	max-width: 350px;
	width: 100%;
	min-height: 50px;
	padding-top: 10px;
	cursor: pointer;
	background-color: #000;
	color: #fff;
	font-size: 14px;
	margin-top: 0px;
	text-align: center;
	border-radius: 5px;
	transition: 0.3s;
}

.s1_btn:hover{
	background-color: #000;
}

.s1_a1{
	transition: 0.3s;
}

.s1_a2{
	transition: 0.3s;
}

.s1_a1:hover, .s1_a1:focus{
	text-decoration: none;
	color: #fff;
}

.s1_a2:hover, .s1_a2:focus{
	text-decoration: none;
	color: #fff;
}

/*= End SECTION 1 =*/



/*================
   = SECTION 2 =
==================*/
.s2{
	min-height: 200px;
	position: relative;
	background-color: #fff;
	background-image: url(../img/);
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center top;
	padding-top: 20px;
	padding-bottom: 20px;
	clear: both;
	float: none;
}

.s2_p1{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s2_p2{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s2_p3{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s2_p4{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s2_p5{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s2_img1{

}

.s2_img2{
	
}

.s2_ul{
	position: relative;
	margin-top: 0px;
}

.s2_ul li{
	position: relative;
	margin-bottom: 0px;
}

.s2_ul li input{
	display: block;
	max-width: 300px;
	width: 100%;
	height: 50px;
	border: none;
	border: 1px solid #000;
}

.s2_btn{
	position: relative;
	max-width: 350px;
	width: 100%;
	min-height: 50px;
	padding-top: 10px;
	cursor: pointer;
	background-color: #000;
	color: #fff;
	font-size: 14px;
	margin-top: 0px;
	text-align: center;
	border-radius: 5px;
	transition: 0.3s;
}

.s2_btn:hover{
	background-color: #000;
}

.s2_a1{
	transition: 0.3s;
}

.s2_a2{
	transition: 0.3s;
}

.s2_a1:hover, .s2_a1:focus{
	text-decoration: none;
	color: #fff;
}

.s2_a2:hover, .s2_a2:focus{
	text-decoration: none;
	color: #fff;
}


/*= End SECTION 2 =*/



/*================
   = SECTION 3 =
==================*/
.s3{
	min-height: 200px;
	position: relative;
	background-color: #fff;
	background-image: url(../img/);
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center top;
	padding-top: 20px;
	padding-bottom: 20px;
	clear: both;
	float: none;

}

.s3_p1{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s3_p2{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s3_p3{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s3_p4{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s3_p5{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s3_img1{

}

.s3_img2{
	
}

.s3_ul{
	position: relative;
	margin-top: 0px;
}

.s3_ul li{
	position: relative;
	margin-bottom: 0px;
}

.s3_ul li input{
	display: block;
	max-width: 300px;
	width: 100%;
	height: 50px;
	border: none;
	border: 1px solid #000;
}

.s3_btn{
	position: relative;
	max-width: 350px;
	width: 100%;
	min-height: 50px;
	padding-top: 10px;
	cursor: pointer;
	background-color: #000;
	color: #fff;
	font-size: 14px;
	margin-top: 0px;
	text-align: center;
	border-radius: 5px;
	transition: 0.3s;
}

.s3_btn:hover{
	background-color: #000;
}

.s3_a1{
	transition: 0.3s;
}

.s3_a2{
	transition: 0.3s;
}

.s3_a1:hover, .s3_a1:focus{
	text-decoration: none;
	color: #fff;
}

.s3_a2:hover, .s3_a2:focus{
	text-decoration: none;
	color: #fff;
}


/*= End SECTION 3 =*/



/*================
   = SECTION 4 =
==================*/
.s4{
	min-height: 200px;
	position: relative;
	background-color: #fff;
	background-image: url(../img/);
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center top;
	padding-top: 20px;
	padding-bottom: 20px;
	clear: both;
	float: none;
}

.s4_p1{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s4_p2{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s4_p3{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s4_p4{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s4_p5{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s4_img1{

}

.s4_img2{
	
}

.s4_ul{
	position: relative;
	margin-top: 0px;
}

.s4_ul li{
	position: relative;
	margin-bottom: 0px;
}

.s4_ul li input{
	display: block;
	max-width: 300px;
	width: 100%;
	height: 50px;
	border: none;
	border: 1px solid #000;
}

.s4_btn{
	position: relative;
	max-width: 350px;
	width: 100%;
	min-height: 50px;
	padding-top: 10px;
	cursor: pointer;
	background-color: #000;
	color: #fff;
	font-size: 14px;
	margin-top: 0px;
	text-align: center;
	border-radius: 5px;
	transition: 0.3s;
}

.s4_btn:hover{
	background-color: #000;
}

.s4_a1{
	transition: 0.3s;
}

.s4_a2{
	transition: 0.3s;
}

.s4_a1:hover, .s4_a1:focus{
	text-decoration: none;
	color: #fff;
}

.s4_a2:hover, .s4_a2:focus{
	text-decoration: none;
	color: #fff;
}


/*= End SECTION 4 =*/



/*================
   = SECTION 5 =
==================*/
.s5{
	min-height: 200px;
	position: relative;
	background-color: #fff;
	background-image: url(../img/);
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center top;
	padding-top: 20px;
	padding-bottom: 20px;
	clear: both;
	float: none;
}

.s5_p1{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s5_p2{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s5_p3{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s5_p4{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s5_p5{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s5_img1{

}

.s5_img2{
	
}

.s5_ul{
	position: relative;
	margin-top: 0px;
}

.s5_ul li{
	position: relative;
	margin-bottom: 0px;
}

.s5_ul li input{
	display: block;
	max-width: 300px;
	width: 100%;
	height: 50px;
	border: none;
	border: 1px solid #000;
}

.s5_btn{
	position: relative;
	max-width: 350px;
	width: 100%;
	min-height: 50px;
	padding-top: 10px;
	cursor: pointer;
	background-color: #000;
	color: #fff;
	font-size: 14px;
	margin-top: 0px;
	text-align: center;
	border-radius: 5px;
	transition: 0.3s;
}

.s5_btn:hover{
	background-color: #000;
}

.s5_a1{
	transition: 0.3s;
}

.s5_a2{
	transition: 0.3s;
}

.s5_a1:hover, .s5_a1:focus{
	text-decoration: none;
	color: #fff;
}

.s5_a2:hover, .s5_a2:focus{
	text-decoration: none;
	color: #fff;
}

/*= End SECTION 5 =*/



/*================
   = SECTION 6 =
==================*/
.s6{
	min-height: 200px;
	position: relative;
	background-color: #fff;
	background-image: url(../img/);
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center top;
	padding-top: 20px;
	padding-bottom: 20px;
	clear: both;
	float: none;
}

.s6_p1{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s6_p2{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s6_p3{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s6_p4{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s6_p5{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s6_img1{

}

.s6_img2{
	
}

.s6_ul{
	position: relative;
	margin-top: 0px;
}

.s6_ul li{
	position: relative;
	margin-bottom: 0px;
}

.s6_ul li input{
	display: block;
	max-width: 300px;
	width: 100%;
	height: 50px;
	border: none;
	border: 1px solid #000;
}

.s6_btn{
	position: relative;
	max-width: 350px;
	width: 100%;
	min-height: 50px;
	padding-top: 10px;
	cursor: pointer;
	background-color: #000;
	color: #fff;
	font-size: 14px;
	margin-top: 0px;
	text-align: center;
	border-radius: 5px;
	transition: 0.3s;
}

.s6_btn:hover{
	background-color: #000;
}

.s6_a1{
	transition: 0.3s;
}

.s6_a2{
	transition: 0.3s;
}

.s6_a1:hover, .s6_a1:focus{
	text-decoration: none;
	color: #fff;
}

.s6_a2:hover, .s6_a2:focus{
	text-decoration: none;
	color: #fff;
}


/*= End SECTION 6 =*/



/*================
   = SECTION 7 =
==================*/
.s7{
	min-height: 200px;
	position: relative;
	background-color: #fff;
	background-image: url(../img/);
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center top;
	padding-top: 20px;
	padding-bottom: 20px;
	clear: both;
	float: none;
}

.s7_p1{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s7_p2{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s7_p3{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s7_p4{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s7_p5{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s7_img1{

}

.s7_img2{
	
}

.s7_ul{
	position: relative;
	margin-top: 0px;
}

.s7_ul li{
	position: relative;
	margin-bottom: 0px;
}

.s7_ul li input{
	display: block;
	max-width: 300px;
	width: 100%;
	height: 50px;
	border: none;
	border: 1px solid #000;
}

.s7_btn{
	position: relative;
	max-width: 350px;
	width: 100%;
	min-height: 50px;
	padding-top: 10px;
	cursor: pointer;
	background-color: #000;
	color: #fff;
	font-size: 14px;
	margin-top: 0px;
	text-align: center;
	border-radius: 5px;
	transition: 0.3s;
}

.s7_btn:hover{
	background-color: #000;
}

.s7_a1{
	transition: 0.3s;
}

.s7_a2{
	transition: 0.3s;
}

.s7_a1:hover, .s7_a1:focus{
	text-decoration: none;
	color: #fff;
}

.s7_a2:hover, .s7_a2:focus{
	text-decoration: none;
	color: #fff;
}


/*= End SECTION 7 =*/



/*================
   = SECTION 8 =
==================*/
.s8{
	min-height: 200px;
	position: relative;
	background-color: #fff;
	background-image: url(../img/);
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center top;
	padding-top: 20px;
	padding-bottom: 20px;
	clear: both;
	float: none;
}

.s8_p1{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s8_p2{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s8_p3{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s8_p4{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s8_p5{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s8_img1{

}

.s8_img2{
	
}

.s8_ul{
	position: relative;
	margin-top: 0px;
}

.s8_ul li{
	position: relative;
	margin-bottom: 0px;
}

.s8_ul li input{
	display: block;
	max-width: 300px;
	width: 100%;
	height: 50px;
	border: none;
	border: 1px solid #000;
}

.s8_btn{
	position: relative;
	max-width: 350px;
	width: 100%;
	min-height: 50px;
	padding-top: 10px;
	cursor: pointer;
	background-color: #000;
	color: #fff;
	font-size: 14px;
	margin-top: 0px;
	text-align: center;
	border-radius: 5px;
	transition: 0.3s;
}

.s8_btn:hover{
	background-color: #000;
}

.s8_a1{
	transition: 0.3s;
}

.s8_a2{
	transition: 0.3s;
}

.s8_a1:hover, .s8_a1:focus{
	text-decoration: none;
	color: #fff;
}

.s8_a2:hover, .s8_a2:focus{
	text-decoration: none;
	color: #fff;
}

/*= End SECTION 8 =*/


/*================
   = SECTION 9 =
==================*/
.s9{
	min-height: 200px;
	position: relative;
	background-color: #fff;
	background-image: url(../img/);
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center top;
	padding-top: 20px;
	padding-bottom: 20px;
	clear: both;
	float: none;
}

.s9_p1{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s9_p2{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s9_p3{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s9_p4{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s9_p5{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s9_img1{

}

.s9_img2{
	
}

.s9_ul{
	position: relative;
	margin-top: 0px;
}

.s9_ul li{
	position: relative;
	margin-bottom: 0px;
}

.s9_ul li input{
	display: block;
	max-width: 300px;
	width: 100%;
	height: 50px;
	border: none;
	border: 1px solid #000;
}

.s9_btn{
	position: relative;
	max-width: 350px;
	width: 100%;
	min-height: 50px;
	padding-top: 10px;
	cursor: pointer;
	background-color: #000;
	color: #fff;
	font-size: 14px;
	margin-top: 0px;
	text-align: center;
	border-radius: 5px;
	transition: 0.3s;
}

.s9_btn:hover{
	background-color: #000;
}

.s9_a1{
	transition: 0.3s;
}

.s9_a2{
	transition: 0.3s;
}

.s9_a1:hover, .s9_a1:focus{
	text-decoration: none;
	color: #fff;
}

.s9_a2:hover, .s9_a2:focus{
	text-decoration: none;
	color: #fff;
}

/*= End SECTION 9 =*/


/*================
   = SECTION 10 =
==================*/
.s10{
	min-height: 200px;
	position: relative;
	background-color: #fff;
	background-image: url(../img/);
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center top;
	padding-top: 20px;
	padding-bottom: 20px;
	clear: both;
	float: none;
}

.s10_p1{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s10_p2{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s10_p3{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s10_p4{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s10_p5{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s10_img1{

}

.s10_img2{
	
}

.s10_ul{
	position: relative;
	margin-top: 0px;
}

.s10_ul li{
	position: relative;
	margin-bottom: 0px;
}

.s10_ul li input{
	display: block;
	max-width: 300px;
	width: 100%;
	height: 50px;
	border: none;
	border: 1px solid #000;
}

.s10_btn{
	position: relative;
	max-width: 350px;
	width: 100%;
	min-height: 50px;
	padding-top: 10px;
	cursor: pointer;
	background-color: #000;
	color: #fff;
	font-size: 14px;
	margin-top: 0px;
	text-align: center;
	border-radius: 5px;
	transition: 0.3s;
}

.s10_btn:hover{
	background-color: #000;
}

.s10_a1{
	transition: 0.3s;
}

.s10_a2{
	transition: 0.3s;
}

.s10_a1:hover, .s10_a1:focus{
	text-decoration: none;
	color: #fff;
}

.s10_a2:hover, .s10_a2:focus{
	text-decoration: none;
	color: #fff;
}

/*= End SECTION 10 =*/


/*================
   = SECTION 11 =
==================*/
.s11{
	min-height: 200px;
	position: relative;
	background-color: #fff;
	background-image: url(../img/);
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center top;
	padding-top: 20px;
	padding-bottom: 20px;
	clear: both;
	float: none;
}

.s11_p1{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s11_p2{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s11_p3{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s11_p4{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s11_p5{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s11_img1{

}

.s11_img2{
	
}

.s11_ul{
	position: relative;
	margin-top: 0px;
}

.s11_ul li{
	position: relative;
	margin-bottom: 0px;
}

.s11_ul li input{
	display: block;
	max-width: 300px;
	width: 100%;
	height: 50px;
	border: none;
	border: 1px solid #000;
}

.s11_btn{
	position: relative;
	max-width: 350px;
	width: 100%;
	min-height: 50px;
	padding-top: 10px;
	cursor: pointer;
	background-color: #000;
	color: #fff;
	font-size: 14px;
	margin-top: 0px;
	text-align: center;
	border-radius: 5px;
	transition: 0.3s;
}

.s11_btn:hover{
	background-color: #000;
}

.s11_a1{
	transition: 0.3s;
}

.s11_a2{
	transition: 0.3s;
}

.s11_a1:hover, .s11_a1:focus{
	text-decoration: none;
	color: #fff;
}

.s11_a2:hover, .s11_a2:focus{
	text-decoration: none;
	color: #fff;
}

/*= End SECTION 11 =*/


/*================
   = SECTION 12 =
==================*/
.s12{
	min-height: 200px;
	position: relative;
	background-color: #fff;
	background-image: url(../img/);
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center top;
	padding-top: 20px;
	padding-bottom: 20px;
	clear: both;
	float: none;
}

.s12_p1{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s12_p2{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s12_p3{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s12_p4{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s12_p5{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s12_img1{

}

.s12_img2{
	
}

.s12_ul{
	position: relative;
	margin-top: 0px;
}

.s12_ul li{
	position: relative;
	margin-bottom: 0px;
}

.s12_ul li input{
	display: block;
	max-width: 300px;
	width: 100%;
	height: 50px;
	border: none;
	border: 1px solid #000;
}

.s12_btn{
	position: relative;
	max-width: 350px;
	width: 100%;
	min-height: 50px;
	padding-top: 10px;
	cursor: pointer;
	background-color: #000;
	color: #fff;
	font-size: 14px;
	margin-top: 0px;
	text-align: center;
	border-radius: 5px;
	transition: 0.3s;
}

.s12_btn:hover{
	background-color: #000;
}

.s12_a1{
	transition: 0.3s;
}

.s12_a2{
	transition: 0.3s;
}

.s12_a1:hover, .s12_a1:focus{
	text-decoration: none;
	color: #fff;
}

.s12_a2:hover, .s12_a2:focus{
	text-decoration: none;
	color: #fff;
}

/*= End SECTION 12 =*/


/*================
   = SECTION 13 =
==================*/
.s13{
	min-height: 200px;
	position: relative;
	background-color: #fff;
	background-image: url(../img/);
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center top;
	padding-top: 20px;
	padding-bottom: 20px;
	clear: both;
	float: none;
}

.s13_p1{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s13_p2{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s13_p3{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s13_p4{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s13_p5{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s13_img1{

}

.s13_img2{
	
}

.s13_ul{
	position: relative;
	margin-top: 0px;
}

.s13_ul li{
	position: relative;
	margin-bottom: 0px;
}

.s13_ul li input{
	display: block;
	max-width: 300px;
	width: 100%;
	height: 50px;
	border: none;
	border: 1px solid #000;
}

.s13_btn{
	position: relative;
	max-width: 350px;
	width: 100%;
	min-height: 50px;
	padding-top: 10px;
	cursor: pointer;
	background-color: #000;
	color: #fff;
	font-size: 14px;
	margin-top: 0px;
	text-align: center;
	border-radius: 5px;
	transition: 0.3s;
}

.s13_btn:hover{
	background-color: #000;
}

.s13_a1{
	transition: 0.3s;
}

.s13_a2{
	transition: 0.3s;
}

.s13_a1:hover, .s13_a1:focus{
	text-decoration: none;
	color: #fff;
}

.s13_a2:hover, .s13_a2:focus{
	text-decoration: none;
	color: #fff;
}

/*= End SECTION 13 =*/


/*================
   = SECTION 14 =
==================*/
.s14{
	min-height: 200px;
	position: relative;
	background-color: #fff;
	background-image: url(../img/);
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center top;
	padding-top: 20px;
	padding-bottom: 20px;
	clear: both;
	float: none;
}

.s14_p1{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s14_p2{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s14_p3{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s14_p4{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s14_p5{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s14_img1{

}

.s14_img2{
	
}

.s14_ul{
	position: relative;
	margin-top: 0px;
}

.s14_ul li{
	position: relative;
	margin-bottom: 0px;
}

.s14_ul li input{
	display: block;
	max-width: 300px;
	width: 100%;
	height: 50px;
	border: none;
	border: 1px solid #000;
}

.s14_btn{
	position: relative;
	max-width: 350px;
	width: 100%;
	min-height: 50px;
	padding-top: 10px;
	cursor: pointer;
	background-color: #000;
	color: #fff;
	font-size: 14px;
	margin-top: 0px;
	text-align: center;
	border-radius: 5px;
	transition: 0.3s;
}

.s14_btn:hover{
	background-color: #000;
}

.s14_a1{
	transition: 0.3s;
}

.s14_a2{
	transition: 0.3s;
}

.s14_a1:hover, .s14_a1:focus{
	text-decoration: none;
	color: #fff;
}

.s14_a2:hover, .s14_a2:focus{
	text-decoration: none;
	color: #fff;
}

/*= End SECTION 14 =*/


/*================
   = SECTION 15 =
==================*/
.s15{
	min-height: 200px;
	position: relative;
	background-color: #fff;
	background-image: url(../img/);
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center top;
	padding-top: 20px;
	padding-bottom: 20px;
	clear: both;
	float: none;
}

.s15_p1{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s15_p2{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s15_p3{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s15_p4{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s15_p5{
	font-size: 14px;
	position: relative;
	margin-top: 0px;
}

.s15_img1{

}

.s15_img2{
	
}

.s15_ul{
	position: relative;
	margin-top: 0px;
}

.s15_ul li{
	position: relative;
	margin-bottom: 0px;
}

.s15_ul li input{
	display: block;
	max-width: 300px;
	width: 100%;
	height: 50px;
	border: none;
	border: 1px solid #000;
}

.s15_btn{
	position: relative;
	max-width: 350px;
	width: 100%;
	min-height: 50px;
	padding-top: 10px;
	cursor: pointer;
	background-color: #000;
	color: #fff;
	font-size: 14px;
	margin-top: 0px;
	text-align: center;
	border-radius: 5px;
	transition: 0.3s;
}

.s15_btn:hover{
	background-color: #000;
}

.s15_a1{
	transition: 0.3s;
}

.s15_a2{
	transition: 0.3s;
}

.s15_a1:hover, .s15_a1:focus{
	text-decoration: none;
	color: #fff;
}

.s15_a2:hover, .s15_a2:focus{
	text-decoration: none;
	color: #fff;
}

/*= End SECTION 15 =*/
@media screen and (min-width: 750px) and (min-height: 1000px) {
    .s1_ul {
        display: none !important;
    }
}
@media screen and (max-width: 900px) and (max-height: 400px) {
    .video[poster] {
        left: 0 !important;
        top: 0 !important;
        width: 100% !important;
        height: 100% !important;
    }
}
@media screen and (max-width: 900px) and (max-height: 950px) {
    .video[poster] {
        left: 0 !important;
        top: 0 !important;
        width: 100% !important;
        height: 100% !important;
    }
        .play1 {
        top: 40vh !important;
    }
    .container.with-sidebar .sidebar {
        width: 100% !important;
        display: block !important;
    }
    .s1_ul {
        display: none !important;
    }
    .form-box {
        padding-left: 0;
    }
    .container.with-sidebar .sidebar {
        width: 33% !important;
        display: inline-block !important;
    }
    .form-box {
        padding-left: 0 !important;
    }
    .container.with-sidebar .content {
        width: 100% !important;
        padding-left: 0 !important;
        display: inline-block !important;
        vertical-align: top !important;
    }
    .widget {
        padding-left: 0 !important;
    }
    .field-wrap, #ninja_forms_required_items {
        margin-bottom: 20px;
        width: 45%;
        display: inline-block;
        margin: 0 10px;
    }
    .form-box {
        margin-top: 25px !important;
    }
    .sidebar .phone-space {
        display: block;
    }
}
@media screen and (max-width: 500px) {
    .video[poster] {
        margin-top: 35vh !important;
    }
    body {
        background: #000;
    }
    .container.with-sidebar .sidebar {
        width: 100% !important;
        display: block !important;
        margin-top: 0 !important;
    }
    .field-wrap, #ninja_forms_required_items {
        width: 100% !important;
    }
    .container.with-sidebar .content {
        margin-top: 0 !important;
    }
    .voice2 {
        bottom: 0 !important;
        margin-bottom: 2vh !important;
    }
}

@media only screen and (min-width: 800px) and (max-width: 1200px) {
    .video[poster] {
        width: auto !important;
        left: -572px !important;
        top: 0px !important;
        height: auto !important;
    }
    .play1 {
        top: 44vh !important;
    }
    .container.with-sidebar .sidebar {
        width: 80% !important;
    }
}

@media screen and (min-width: 2048px) and (min-height: 1536px) and (max-width: 2048px) and (max-height: 1536px) {
    .s1_ul {
        display: none !important;
    }
}

@media screen and (min-width: 768px) and (min-height: 1024px) and (max-width: 768px) and (max-height: 1024px) {
    .s1_ul {
        display: none !important;
    }
}

@media screen and (max-width: 750px) and (max-height: 450px) {
    .field-wrap, #ninja_forms_required_items {
        width: 40%;
    }
    .container.with-sidebar .content {
        width: 65% !important;
    }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
    .s1_ul {
        display: none !important;
    }
    
    
}

@media only screen
    and (device-width : 414px) 
   and (device-height : 896px) 
   and (-webkit-min-device-pixel-ratio:2)
  and (orientation: landscape) { 
 
         .item_text{
        top: 50px !important;
        font-size: 18px !important;
        width: 70%  !important;
        left: -150px !important;
    }	
    
    
    #play1{
        display: none !important;
    }

    .item_text2{
        font-size: 30px !important;

    }
    
    	.tel-fixed {
    	 top:20px !important;	
    	 left: -200px !important;	 
	    display: block;
	    width: 200px;
	}
    
    	.addr-top{
	display: none !important; 
	}
 	
 	} 	



@media only screen and (max-width: 480px) {
    .contacts {
       padding-top: 70px !important;
    }

    .item_text{
        top: 50px !important;
        font-size: 15px !important;
        width: 50%  !important;
    }

    #play1{
        display: none !important;
    }

    .item_text2{
        font-size: 30px !important;

    }
}

.item_text{
    position: fixed;
    color: #fff;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 3;
    font-size: 20px;
    top: 39px;
    width: 100%;
    text-align: center;
}


.item_text2{
    position: absolute;
    color: #fff;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    z-index: 3;
    font-size: 50px;
    width: 100%;
    height: 50px;
    text-align: center;
}


.item_text3{
    position: absolute;
    color: #fff;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 3;
    font-size: 20px;
    bottom: 126px;
    width: 100%;
    text-align: center;
}

.item_bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.4);
    z-index: 1;
}