/*!
Theme Name: Wideo-Akademia v.1.0
Theme URI:
Author: 
Author URI: 
Description: 
Version: 1.0.0
*/

body{
	background: #252529;
	color: #FFFFFF;
	font-family: 'Montserrat', sans-serif;
}

img{
	max-width: 100%
}
p{
	margin-bottom: 15px;
}
a{
	color:#A645E9;
	text-decoration: none
}
a:hover{
	text-decoration: none;
	color:#fff
}
:focus{
	outline: none !important
}

header{
	position: fixed;
	top: 0;
	width: 100%;
	left: 0;
	padding: 40px 0
}
	.linner{
		position: fixed;
		z-index: 2;
		width: 100%;
		height: 100%;
	}
	.linner .container{
		position: absolute;
		height: 100%;
		width: 100%;
		transform: translate(-50%, 0%);
		left: 50%;
	}
		.linner .container:before,
		.linner .container:after,
		.linner .container span:after,
		.linner .container span:before{
			content:'';
			position: absolute;
			left:15px;
			top:0;
			width:1px;
			height: 100%;
			background:  #646464;
			display: block;
		}
		.linner .container:after{
			left: 100%
		}
		.linner .container span:before{
			left: 33%
		}
		.linner .container span:after{
			left: 66% 
		}
.wraper{
	position: relative;
	z-index: 5
}
.wraper-btn {
    padding: 16px 30px;
	min-width: 220px;
    display: inline-block;
	position: relative;
	z-index: 1;
	overflow: hidden;
	background: #A645E9;
	border-radius: 6px;
	font-weight: bold;
	font-size: 16px;
	line-height: 120%;
	text-align: center;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: #FFFFFF;
}
	.wraper-btn:before{
		content:'';
		position: absolute;
		height: 0%;
		width: 0%;
		display: block;
		background: #fff;
		transition: all .3s;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: -1;
		opacity: 0
	}
	.wraper-btn:hover:before{
		height: 150%;
		width: 150%;
		opacity: 1
	}	
	.wraper-btn:hover{
		color:#A645E9;
		border-color:#fff;
	}


.relative{
	position: relative;
}
.section{
	padding: 120px 0
}	
	@media (max-width: 1199.98px) {
		.container{
			max-width: 100%
		}
	}
	@media (max-width: 767.98px) {
		.section {
			padding: 30px 0;
		}
		.wraper-btn {
			font-size: 16px;
			padding: 15px 26px;
		}
	}
.section__title{
	font-size: 40px;
	text-transform: uppercase;
	padding-bottom: 30px; 
}
	.section__title span{
		font-weight: bold;
		color: #A645E9;
	}

	@media (max-width: 767.98px) {
		.section__title{
			font-size: 30px;
			margin-bottom: 15px;
			line-height: 1
		}				
	}

header{
	position: fixed;
    width: 100%;
    z-index: 99;
    top: 0;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	padding: 10px 0;
	background: rgba(32, 27, 33, 0.0);
}

.sticky-fixed{
	background: rgb(40, 40, 40);
}
.admin-bar header{
	top: 32px;
}

	.header__logo {
		display: flex;
		align-items: center;
	}

	.header__info{
		display: flex;
		align-items: center;
		align-content: center;
	}
		.header__menu{
			margin-left: 50px;
			
		}
		.header__menu li{
			padding: 0 20px;
			position: relative
		}
			.header__menu li a{
				font-weight: 600;
				font-size: 16px;
				line-height: 160%;
				color: #fff;
				position: relative;
				z-index: 5
			}
			.header__menu li:before{
				content:'';
				left:0;
				top:100%;
				position: absolute;
				width: 0;
				height: 2px;
				background: #A645E9;
				transition: all 0.3s;
			}
			.header__menu li:hover:before,
			li.current-menu-item:before{
				width: 100%;
			}
			
			.header__menu li:hover a{
				color: #fff
			}

		.header__contacts {
			margin-left: 25px;
			
		}
			.header__contacts a{
				font-weight: bold;
				font-size: 18px;
				line-height: 140%;
				text-align: right;
				color: #FFFFFF;
			}
			.header__contacts a img{
				margin-right: 10px
			}
		
	.burger-menu{
		display: inline-block;
		height: 20px;
		width: 32px;
		vertical-align: middle;
		position: relative;
		margin-top: -3px;
		cursor: pointer;
		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s; 
		background: url('./img/svg/burger-menu.svg') no-repeat top right;
		background-size: contain;
	}
	.burger-menu.open{
		background: url('./img/svg/closet.svg') no-repeat top right;
		background-size: contain;
	}
	
footer.footer{
		background: #111111;
		text-align: center;
		font-size: 14px;
		line-height: 100%;
		text-align: center;
		color: rgba(255, 255, 255, 0.6);
		padding: 25px 15px;
}
	.footer-copy {

	}
		.footer-copy a{
			color:#fff;
			text-decoration: underline
		}

.head{
    height: 100vh;
	overflow: hidden;
	align-items: center;
    display: flex;
    padding: 0; 
	position: relative
}
	.head:before{
		content:'';
		position: absolute;
		z-index: 2;
		height: 100%;
		width: 100%;
		display: block;
		top:0;
		left:0;
		background: linear-gradient(180deg, rgba(37, 37, 41, 0.5) 0%, #252529 100%);	
		opacity: 0.8		
	}
	.head-content {
		width: 100%;
		position: relative;
		z-index: 10;
	}
		.head-content h1{
			color: #fff;
			font-weight: 400;
			font-size: 42px;
			line-height: 150%;
			text-transform: uppercase;
			margin-bottom: 30px
		}
		.head-content h1 b{
			color: #A645E9;
			font-weight: bold;
		}
		.head-content__subtitle{
			margin-bottom: 40px;
		}
		.head-content__subtitle span{
			width: 220px;
			height: 48px;
			border: 1px solid rgba(255, 255, 255, 0.3);
			box-sizing: border-box;
			border-radius: 30px;	
			font-weight: bold;
			font-size: 14px;
			line-height: 48px;
			text-align: center;
			letter-spacing: 0.03em;
			text-transform: uppercase;
			color: #FFFFFF;	
			display: inline-block;
		}
			.head-content__subtitle span:before{
				content: '';
				display: inline-block;
				height: 10px;
				width: 10px;
				background: #A645E9;
				box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.1);
				border-radius: 50%;
				margin-right: 10px;
			}
		.head-content__description{
			margin-bottom: 60px;
			font-weight: 600;
			font-size: 18px;
			line-height: 150%;
			color: #FFFFFF;
		}
			.head-content__description span{}
			.head-content__description span img{
				margin-right: 15px
			}
			.head-content__description .plus{
				padding: 0 24px;
				font-weight: 600;
				font-size: 31px;
			}
	.head-video{
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		position: absolute;
		min-width: 100%;
		min-height: 100%;
		width: auto;
		height: auto;
		z-index:1;
		opacity: 0.8
	}
	
.head-content__form {
    padding-top: 50px;
}	
	.head-content__form .wraper-btn{
		box-shadow: none;
		border: none;
	}
	.head-content__form .wraper-btn:hover{
		background: #fff;
	}
	input.wpcf7-form-control.wpcf7-text {
		border: 1px solid #fff;
		background: none;
		height: 45px;
		border-radius: 4px;
		padding: 0 15px;
		color: #fff
	}
	
.about{
	padding-top: 50px;
}
	.about__description{
		font-size: 18px;
		line-height: 170%;
		color: rgba(255, 255, 255, 0.7);
	}
		.about-item{
			border-radius: 6px;
			transition: all 0.5s;
			padding: 50px 30px
		}
		.about-item__icon{
			margin-bottom: 30px
		}
			.about-item__icon img{
				width: auto;
				height: 160px;
			}
		.about-item__title{
			font-weight: bold;
			font-size: 27px;
			line-height: 150%;
			color: #FFFFFF;
			height: 90px;
		}
		.about-item__description{
			font-size: 15px;
			line-height: 170%;
			color: rgba(255, 255, 255, 0.7);
		}
		.about-item:hover{
			background: #1C1D21;
		}
	
.who-course{
	background: rgba(16, 16, 19, 0.30);
}

	.who-course__description{
		font-size: 16px;
		line-height: 170%;
		color: rgba(255, 255, 255, 0.7);
	}
		.who-course__description b{
			color: #fff
		}
		.who-course__description h3{
			color: #fff;
			font-size: 20.4px;
			margin-bottom: 20px
		}
		
.programs{}		
	.programs__description{
		font-size: 16px;
		line-height: 170%;
		color: rgba(255, 255, 255, 0.7);
	}
		.programs__description b{
			color: #fff
		}
		.programs__description h3{
			color: #fff;
			font-size: 20.4px;
			margin-bottom: 20px
		}
		.programs__description ul{
			margin:0;
			padding: 0;
		}
			.programs__description ul li{
				display: block;
				position: relative;
				padding-left: 30px;
				margin-bottom: 10px
			}
			.programs__description ul li:before{
				content: '';
				display: inline-block;
				height: 10px;
				width: 10px;
				background: #A645E9;
				box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.1);
				border-radius: 50%;
				margin-right: 10px;	
				position: absolute;	
				left: 0; 
				top: 10px				
			}
	.programs__info{
		background: rgba(16, 16, 19, 0.30);
		padding: 20px 40px;
	}
		.programs-info__title{
			font-weight: bold;
			font-size: 16px;
			line-height: 150%;
			color: #FFFFFF;
			padding:20px 0;
			margin-bottom: 40px;
			border-bottom: 1px solid rgba(255, 255, 255, 0.1);
			text-align: center

		}
		.programs-info__item{
			padding-left: 75px;
			position: relative;
			padding-bottom: 60px;
			font-size: 16px;
			line-height: 170%;
			color: rgba(255, 255, 255, 0.7);
		}
		.programs-info__item:last-child{
			padding-bottom: 20px
		}
			.programs-info__item b{
				font-weight: bold;
				color: #fff
			}
			.programs-info__item img{
				width: 30px;
				position: absolute;
				top: 0;
				left: 0
			}
.start{
	padding-top: 0
}	
	.start .section__title{
		padding: 0
	}
	.start__description {
		font-weight: 500;
		font-size: 20.4px;
		line-height: 150%;
		color: rgba(255, 255, 255, 0.7);
		padding-bottom: 60px;
	}	
	.start-item{}
		.start-item__icon{}
			.start-item__icon img{
				height: 130px;
				width: auto
			}
		.start-item__title{
			font-weight: bold;
			font-size: 20.4px;
			line-height: 150%;
			color: #FFFFFF;
			padding: 30px 0
		}
		.start-item__description{
			font-size: 16px;
			line-height: 170%;
			color: rgba(255, 255, 255, 0.7);
		}
			.start-item__description b{
				color: #fff
			}
		
.here {
    background: rgba(16, 16, 19, 0.30);
    padding: 65px 0;
}	
	.here__description{
		font-weight: 500;
		font-size: 20.4px;
		line-height: 150%;
		color: #FFFFFF;
		margin-bottom: 40px
	}
	.old-price{
		display: inline-block;
		position: relative;
		padding: 0 15px
	}
		.old-price:before{
			content: '';
			background: #A645E9;
			-moz-transform: rotate(15deg);
			-ms-transform: rotate(15deg);
			-webkit-transform: rotate(15deg);
			-o-transform: rotate(15deg);
			transform: rotate(15deg);
			height: 1px;
			width: 100%;
			display: block;
			top: 16px;
			position: absolute;
			left: 0%;
		}
		.old-price:after{
			content: '';
			background: #A645E9;
			-moz-transform: rotate(-15deg);
			-ms-transform: rotate(-15deg);
			-webkit-transform: rotate(-15deg);
			-o-transform: rotate(-15deg);
			transform: rotate(-15deg);
			height: 1px;
			width: 100%;
			display: block;
			top: 16px;
			position: absolute;
			right: 0%;
		}
	.actial-price{
		display: inline-block;
		font-size: 28px;
		line-height: 150%;
		color: #A645E9;		
	}
	.here-item {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}
		.here-item__icon {
			width: 80px;
		}
		.here-item__description {
			flex: 1;
		}
.contacts{
	
}		
	.contacts .section__title{
		font-style: normal;
		font-weight: bold;
		font-size: 20.4px;
		line-height: 150%;
		color: #FFFFFF;
		text-transform: none;
	}
	.contacts-item {
		display: flex;
		align-items: center;
		flex-wrap: wrap;	
	}
		.contacts-item_wrap{
			margin-bottom: 16px;
		}
		.contacts-item__icon {
			width: 55px;
		}
		.contacts-item__description{
			flex: 1
		}
		.contacts-item__description span{
			display: block;
			font-size: 14px;
			line-height: 130%;
			letter-spacing: 0.03em;
			color: #FFFFFF;
			opacity: 0.7;
		}
		.contacts-item__description a{
			font-weight: bold;
			font-size: 16px;
			line-height: 130%;
			letter-spacing: 0.03em;
			color: #FFFFFF;
		}
		.contacts-item__description a:hover{
			text-decoration-line: underline;
		}
footer{
	background: rgba(16, 16, 19, 0.30);
	padding: 20px 0;
	font-size: 12px;
	line-height: 15px;
	color: #FFFFFF;
}
	.menu-footer{
		margin:0;
		padding: 0;
		text-align: right
	}	
		.menu-footer li{
			display: inline-block;
			padding: 5px 10px
		}
		.menu-footer a{
			color:#fff;
			text-decoration-line: underline;
			color: #FFFFFF;
		}
		
.mobile__menu{
	display: none;
	background: rgba(32, 27, 33, 0.9);
    position: absolute;
    top: 100%;
    width: 100%;
	left: 0;
}	
	.mobile__menu li{
		display: block;
	}
		.mobile__menu li a {
			color: #fff;
			font-size: 18px;
			padding: 10px 0;
			display: inline-block;
		}
		.mobile__menu li a:hover{
			color:#A645E9;
		}		
		
@media (max-width: 1199.98px) {
	.header__menu{
		margin: 0
	}
}

@media (max-width: 1099.98px) {
	.header__menu li {
		padding: 0 10px;
	}
	.header__call{
		margin-left: 20px;
		width: 130px;
	}
	.header__contacts{
		margin-left: 20px;
	}
}

@media (max-width: 991.98px) {
	.header__menu{
		display: none
	}
	.burger-menu{
		display: inline-block !important;
		margin-left: 20px
	}
}

@media (max-width: 767.98px) {
	.menu-footer{
		text-align: center;
		padding-top: 30px
	}
}

@media (max-width: 600.98px) {
	.footer__menu{
		margin: 30px 0
	}
}

@media (max-width: 445px) {

}

@media (max-width: 374.98px) {
	.header__logo img{
		max-width: 100px
	}
} 

/* Fixed */
.who-course iframe{
	width: 100%;
	height: 430px;
}