/*!
Theme Name: AlterEgo
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: alterego
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

AlterEgo is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */
img {
	width:100%; height:auto;
}
a:visited{
	color:#5c6368;
}
/* xlo */


/* пиксели делим на 10 получаем rem */
html{
    
	font-size:calc(100vw / 1920 * 10);
}

@media(max-width:1024px){
	 
	html{
        font-size:calc(100vw / 768 * 10);
    }   
}
@media(max-width:767px){
	 
	html{
        font-size:calc(100vw / 500 * 10);
    }   
}
@media(max-width:500px){
	 
	html{
        font-size:calc(100vw / 375 * 10);
    }   
}


body {
    margin:0;
	min-width:320px;
    overflow-x:hidden;
	font-size:2rem;
	font-family: 'Open Sans', sans-serif;
	color:#5c6368;
}
.xcontainer {
	width:168rem;
    max-width:100%;
    margin-right: auto;
    margin-left: auto;
	
}
@media(min-width:1680px){
	.xcontainer {
		max-width:168rem;
	}
}
@media(min-width:1920px){
	.xcontainer {
		max-width:168rem;
	}
}
@media(min-width:2500px){
	
}
/*
@media(min-width:1920px){
	.xcontainer, .container {
		max-width:1920px;
	}
}
@media(min-width:1920px){
	.xcontainer {
		max-width:1440px;
	}
}
*/
header {
	border-bottom:1px solid #CCC;
}
.menu-toggle {
	display:none;
	width: 3rem;
    height: 3rem;
    background-size: cover;
    border: none;
    border-color: transparent;
    background-image: url(images/burger.png);
	margin-right: 0.5rem;
}
.header-logo img {width:31.5rem}
.header-wrap a {
	text-decoration:none;
	color:#000;
}
.header-wrap{
	display:flex;
	align-items: center;
	justify-content: space-between;
	
	font-size:2.2rem
}
#site-navigation ul {
	padding-left:0;
}
#primary-menu {
	display:flex;
	position:relative;
	margin:0;
}
#primary-menu li {
	list-style-type:none;
}
#primary-menu li a {
	text-decoration:none;
	padding: 2rem;
}
#primary-menu .sub-menu {
	position:absolute;
	display:none;
	z-index:100;
	margin-top:2rem;
	background-color:#FFF;
	-webkit-box-shadow: 4px 10px 8px 0px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 4px 10px 8px 0px rgba(34, 60, 80, 0.2);
    box-shadow: 4px 10px 8px 0px rgba(34, 60, 80, 0.2);
}
#primary-menu > li:hover .sub-menu{
	display:block;
}

#primary-menu .sub-menu li{
	
}
#primary-menu .sub-menu li a{
	padding:1.2rem 2rem;
	display:block;
}
#primary-menu .sub-menu li a:hover{
	background-color:#e2e5ea;
}

.header_sticky {
    position: fixed;
	width:100%;
    background-color: #FFF;
	z-index:100;
    
}
.ul_list{padding-left:0}
.ul_list li{
	list-style-type:none;
	margin-bottom:4rem;
}
.ul_list li a {
	text-decoration:none;
	color:#5c6368;
}

.video-pc{
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height:100%;
}
.overlay-content{
	position: absolute;
    right: 0;
    left: 0;
    
}

.sec1 .xcontainer{
	padding-bottom:9rem;
}
.section {
	padding:2rem 0;
	opacity:0;
}
.section p {
	margin: 0 0 1rem 0;
}
.sec1{
	background-image:url(images/bg-1.jpg);
	background-size:cover;
	background-position-y: bottom;
	height: 107rem;
    position: relative;
	overflow:hidden;
}
.sec1-logo {text-align:center}
.sec1-logo img {
	width:50%; 
}
.sec1-title1, .sec1-title2{
	text-transform:uppercase;
	font-size:3rem;
	text-align:center;
	color:#000;
}
.sec1-title1{
	margin-bottom:23rem;
}
.sec1-title2{
	
}

.sec2{
	background-color:#e3e5eb;
}
.sec2-wrap{
	display:flex;
}
.sec3{
	display:flex;
}
.sec3 h2{
	width:45rem;
	padding-left:2rem;
}


.sec3-l {
	width:40%;
	padding:2rem 8rem 2rem 2rem;
}
.sec3-r {
	width:60%;
	background-image:url(images/bg-3.jpg);
	background-size: cover;
}
.sec-h2{
	margin-top:0;
	font-size:4.4rem;
	position:relative;
}
.sec-h2::before {
	content: '';
    position: absolute;
    left: -3rem;
    top: 1.5rem;
    border: 1.5rem solid transparent;
    border-left: 3rem solid #fdb600;
}
.sec-h3{
	font-size:3rem;
}
.sec3 ul li a {
	
	display:block;
	padding: 1rem 2rem 1rem 0;
}
.sec3 ul li {
	padding: 1rem 2rem;
	
}
.sec3-r__descr {
	background-color:#FFF;
	width:50rem;
	padding:4rem;
	transform: translateX(-5rem);
	transform: translateY(5rem);
	transform: translate3d(-5rem, 15rem, 0px);
}



.sec-7 .sec3-r{
	background-image:url(images/bg-7.jpg);
	background-position-y: 70%;
}
.sec-9 .sec3-r{
	background-image:url(images/bg-9.jpg);
	background-position-y: 70%;
	order:-1;
	
}
.sec-9 .sec3-l{
	padding: 2rem 2rem 2rem 8rem;
}
.sec-9 .sec3-r__descr{
	transform: translate3d(5rem, 15rem, 0px);
    margin-left: auto;
}
.sec2{
	padding:2em 0 6em 0;
}
.sec2 h2{
	padding-left:4rem;
}
.sec2 .sec-h2::before{
	left:0;
}
.sec2-wrap{
	display:flex;
	background-color:#FFF;
	justify-content: space-between;
}
.sec2-item li{
	list-style-type:none;
}
.sec2-wrap .sec2-item{
	width:33%;
	position:relative;
}
.sec2-wrap .sec2-item:nth-child(1)
{
	padding: 10rem 4rem 5rem 10rem;
	
}

.sec2-wrap .sec2-item:nth-child(1) .sec2-item__title:nth-child(1){
	width:38rem;
}
.sec2-wrap .sec2-item:nth-child(1) .sec2-item__title:nth-child(3){
	width:30rem;
}

.sec2-wrap .sec2-item:nth-child(3){
	padding: 10rem 10rem 5rem 4rem;
}
.sec2-item__title{
	padding:1rem 0;
	border-bottom:1px solid #CCC;
	position:relative;
	margin-bottom:3rem;
}
.sec2-item__title a {
	text-decoration:none;
	font-size:3rem;
	color:#5c6368;
}

.sec2-item__title.left-arrow{
	text-align:right;
	margin-left:auto;
}

.sec2-wrap .sec2-item:nth-child(3) .sec2-item__title:nth-child(1){
	margin-bottom:7.1rem;
	width:40rem;
}
.sec2-wrap .sec2-item:nth-child(3) .sec2-item__title:nth-child(3){
	width:40rem;
}


.sec2-item__title.right-arrow::after{
	content: '';
    position: absolute;
    right: -1rem;
    bottom: -0.9rem;
    border: 1rem solid transparent;
    border-left: 2rem solid #fdb600;
}
.sec2-item__title.left-arrow::before{
	content: '';
    position: absolute;
    left: -1rem;
    bottom: -0.9rem;
    border: 1rem solid transparent;
    border-right: 2rem solid #fdb600;
}

.sec2-babochka{
	position:absolute;
	width: 122%;
    bottom: -10rem;
    right: -12rem;
}
.sec2-descr{
	position:absolute;
	background-color: #FFF;
    width: 38rem;
    padding: 5rem;
    top: -8rem;
    right: -19rem;
}
.sec-6 .sec3-r {
    background-image: url(images/bg-6.jpg);
    background-position-y: 70%;
}
.sec-7a .sec3-r {
    background-image: url(images/bg-7a.jpg);
}
.sec-8 .sec3-r {
    background-image: url(images/bg-8.jpg);
}

.sec10-descr{
	color:#858080;
	width:48rem;
	font-size:2.2rem;
}
.sec-10 /*.xcontainer*/{
	background-image:url(images/bg-10_4.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}
.sec-10 .sec-h2,
.sec-11 .sec-h2
{
	padding-left:2rem;
}
.sec-9-wrap {
	width:40%;
}
.sec-10-wrap{
	display:flex;
	justify-content: space-between;
}
.sec-10 .ul_list li{
	padding: 1rem 2rem;
}
.sec10-item {
	width:32%;
	background-color: #FFF;
    border: 1px solid #ccc;
}

.sec10-sub-title{
	padding: 1rem 2rem;
	color:#000;
	font-size:2.5rem;
	background-color:#e2e5ea;
}
.sec-11-wrap {
	display:flex;
	flex-wrap:wrap;
	align-items: center;
	justify-content: space-between;
}
.brand{
	max-width:15rem;
	margin-right:1rem; margin-bottom:1rem;
	
}
.footer-logo{
	width:120rem; height:71rem;
	margin-left:auto; margin-right:auto;
	text-align:center;
	background-image:url(images/ekran.png);
	background-repeat:no-repeat;
	background-size:cover;
}

.footer-logo img{
	width:80rem;
	margin-top:5rem;
}
.footer-item{
	margin-bottom:1rem;
}
.footer-tg{
	margin-bottom:5rem;
}
.footer-top{
	background-image:url(images/bg-1.jpg);
	background-size: contain;
    background-position-x: 20%;
}
footer .xcontainer.pc-contacts{
	padding:5rem 0;
}
.footer-bottom{
	position:relative;
	height:107rem;
}
.clock_video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
#clock-mob {
	display:none;
}

.arrow-top {
  position: fixed;
  display:none;;
  width: 5rem;
  height: 6.5rem;
  bottom: 2rem;
  right: 2rem;
}
.arrow-top.arrow-top-active{
	display:block;
}

.arrow-top::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  clip-path: polygon(
      30% 100%, 
      30% 53.84615384615385%, 
      0% 53.84615384615385%, 
      50% 0%, 
      100% 53.84615384615385%, 
      70% 53.84615384615385%, 
      70% 100%
    );
  background-color: #fdb600;
  border: 0px solid #333333;
  border-radius: 0px;
  transform: rotate(0deg);
  transform-origin: center 76.92307692307693%;
  transition: all 0.3s ease;
}

/* Hover state */
.arrow-top:hover::before {
  background-color: #e9a200;
  transform: rotate(0deg) scale(1.1);
}

.shadow {
	-webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
	-moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
	box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
}
.yellow-border-left{
	border-left:2rem solid #fdb600;
}
.yellow-border-right{
	border-right:2rem solid #fdb600;
}
.pc-visible{display:none}


.bg-gray {
	background-color:#e2e5ea;
}
.bold{font-weight:bold}
.mob_contacts{display:none;}

@media(max-width:1600px){
	
}
@media(max-width:1450px){
	
}
@media(max-width:1024px){
	body {
		font-size:1.2rem;
	}
	.xcontainer {
		width: 74rem;
	}
	.video-pc{
		height:auto;
	}
	.sec1 {
    	height: 42rem;
    }
	.ul_list li {
		margin-bottom: 1rem;
	}
	.sec3-r__descr {
       width: 30rem;
		padding: 1rem;
		transform: translate3d(-1.5rem, 5rem, 0px);
    }
	.sec-h2 {
		font-size: 2.4rem;
	}
	.header-logo img {
		width: 16rem;
	}
	.sec1-title1 {
		margin-bottom: 7rem;
	}
	.sec3 h2 {
		width: 30rem;
		padding-left: 1rem;
	}
	.sec3-l {
		padding: 1rem 2rem 1rem 1rem;
	}
	.header-wrap {
		font-size: 1.5rem;
	}
	.sec3 ul li {
		padding: 0.5rem 1rem;
	}
	.yellow-border-left {
		border-left: 1rem solid #fdb600;
	}
	.yellow-border-right {
		border-right: 1rem solid #fdb600;
	}
	.sec-h2::before {
        top: 0.3rem;
    }
	
	.sec2-wrap .sec2-item:nth-child(1),
	.sec2-wrap .sec2-item:nth-child(3)
	
	{
		padding: 2rem;
		width:50%;
	}
	.sec2-wrap{
		flex-wrap:wrap;
	}
	.sec2-wrap .sec2-item:nth-child(2){
		order:-1;
		width:100%;
	}
	.sec2-item__title a {
		font-size: 2rem;
	}
	.sec2-babochka{display:none}
	.sec2-descr{
		position:relative;
		top:unset; left:unset; right:0;
		width:auto; padding:2rem;
		font-size:2rem;
	}
	.sec2-wrap .sec2-item:nth-child(3) .sec2-item__title:nth-child(1) {
		margin-bottom: 2rem;
		width: auto;
	}
	.sec2-wrap .sec2-item:nth-child(1) .sec2-item__title:nth-child(1),
	.sec2-wrap .sec2-item:nth-child(1) .sec2-item__title:nth-child(3),
	.sec2-wrap .sec2-item:nth-child(3) .sec2-item__title:nth-child(3)
	{
		width: auto;
	}
	.sec-9 .xcontainer {
        background-size: contain;
    }
	.sec9-descr {
		color: #000;
		font-size: 1.5rem;
	}
	.sec-9 .sec-h3{
		font-size:2rem;
	}
	.sec-9 .sec3-r{
		background-repeat:no-repeat;
		width:70%;
	}
	
	.sec-9 .sec3-l{
		width:30%;
		padding: 2rem 2rem 2rem 3rem;
	}
	.sec-9 .sec3-r__descr {
		transform: translate3d(2rem, 15rem, 0px);
	}
	
	.sec10-descr {
		color: #676262;
		width: unset;
		font-size: 1.8rem;
	}
	.sec-h3 {
		font-size: 2.2rem;
	}
	.sec10-sub-title {
        font-size: 1.5rem;
	}
	.sec-10-wrap{
		flex-wrap:wrap;
	}
	.sec10-item{
		width:49%;
		margin-bottom:1rem;
	}
	footer .xcontainer.pc-contacts {
		padding: 3rem 0;
	}
	.footer-top {
		background-image: url(images/bg-1.jpg);
		background-size: auto;
		background-position-x: center;
		background-position-y: center;
	}
	
	.footer-logo {
		width: 60.5rem;
		height: auto;
		
	}
	.footer-logo img {
		width: 53rem;
		margin-top: 3rem;
		transform: translateY(-5rem);
	}
	.footer-item {
		margin-bottom: 1rem;
		transform: translateY(-6.7rem);
		font-size:1.5rem;
	}
	.footer-tg {
		margin-bottom: 1rem;
	}
	.footer-bottom {
		height: 43rem;
	}
	
	
}

@media(max-width:767px){
	.sec-h2::before {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		border: unset;
		border-left: unset;
	}
	
	.pc-visible{display:block}
	.xcontainer {
        width: 100%;
    }
	.video-pc {
        display:none;
    }
	.overlay-content {
		position: relative;
	}
	.sec1-title1, .sec1-title2{
		font-size:2rem;
		width:80%;
		margin-left:auto; margin-right:auto;
		color:#5c6368;
	}
	.sec1-title1{
		margin-bottom:12rem;
	}
	.sec1 .xcontainer {
		padding-bottom: 3rem;
	}
	
	.sec3 {
		display: block;
		padding:0 0.5rem;
	}
	.sec3-l, .sec3-r {width:100%}
	
	.sec-7 .sec3-l, 
	.sec-7 .sec3-r, 
	.sec-9 .sec3-l, 
	.sec-9 .sec3-r
	{width:100%}
	
	.header-contacts{
		display:none;
	}
	
	.sec3-r__descr {
        padding: 1rem;
        transform: unset;
		width: 35rem;
        margin-left: auto;
        margin-right: auto;
    }
	.sec3-l {
        padding: 0;
    }
	.sec-9 .sec3-l {
		padding: 0;
	}
	.sec3-r{
		padding:10rem 0;
		background-position-y: bottom;
	}
	.sec-9 .sec3-r__descr {
		transform: translate3d(0, 0, 0px);
		margin-left: auto; margin-right:auto;
	}
	
	#primary-menu {
		flex-direction:column;
		position: fixed;
        top: 5.2rem;
        right: -100%; 
		width:100%;
		transition: 0.5s ease;
		background-color:#FFF;
		z-index:100;
	}
	#primary-menu.show{
		right:0; 
		
	}
	#primary-menu li a{
		display:block;
		border-bottom:1px solid #ccc;
	}
	#primary-menu li.menu-item-has-children::after{
		content: "";
		width: 2rem;
		height: 1.6rem;
		position: absolute;
		background-image: url(images/arrow.svg);
		background-repeat: no-repeat;
		right: 0.1rem;
		top: 2.5rem;
		-webkit-transition: 0.5s all;
		transition: 0.5s all;
		transform: rotateZ(270deg);
	}
	#primary-menu li.menu-item-has-children.focus::after {
		transform: rotateZ(180deg);
		right:0.9rem;
	}
	
	#primary-menu .sub-menu{
		
		transition: 0.7s;
		margin-top:-0.1rem;
		width:100%;
		display:block;
		opacity:0;
	}
	#primary-menu li.menu-item-has-children.focus .sub-menu{
		
		
		opacity:1;
	}
	.menu-toggle {display:block}
	
	.sec-10-wrap {
        padding:0 0.5rem;
    }
	.sec10-item {
		width:100%;
	}
	.sec-h2, .sec-10 .sec-h2, .sec10-descr, .sec-h3{
		padding-left:1rem;
	}
	.sec-10 {
		background-position-x: center;
		background-position-y: top;
	}
	.brand {
		max-width: 9rem;
		margin-right: 0.5rem;
		margin-bottom: 0.5rem;
	}
	.sec-11-wrap{
		padding-left:1rem;
	}
	.footer-logo {
        width: 100%;
        height: auto;
		background-size: contain;
		background-position-x: center;
    }
	
	.footer-logo img {
        width: 74%;
        margin-top:0;
		transform: translateY(-1rem);
    }
	.footer-item {
        margin-bottom: 0.5rem;
        transform: translateY(-3.7rem);
        
    }
	/*
	.mob_contacts{display:block;}
	.pc-contacts{display:none}
	*/
	
}
@media(max-width:500px){
	.sec3-r__descr{
		width: 30rem;
	}
	.sec3-r {
        padding: 6rem 0;
    }
	.sec1-title1, .sec1-title2{
		font-size:1.5rem;
	}
	
	.sec2-item__title a {
        font-size: 1.5rem;
    }
	.brand {
        max-width: 5rem;
    }
	.footer-phone{
		margin-top:3rem;
		
	}
	
	.footer-item {
        transform: translateY(-5.4rem);
	}
	
	
	
}