/*
	Подключение шрифтов
*/

@font-face{

font-family: 'Blogger Sans';

src: url('../fonts/Blogger Sans.ttf');

}

@font-face{

font-family: 'Blogger Sans-Medium';

src: url('../fonts/Blogger Sans-Medium.ttf');

}

@font-face{

font-family: 'Blogger Sans-Light';

src: url('../fonts/Blogger Sans-Light.ttf');

}

/*
	Стили главной страницы
*/

body {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	font-family: 'Blogger Sans-Light';
	position: relative;
	color: black;
	line-height: 1.2; 
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.header {
	display: flex;
	height: 10vh;
	font-size: 1.3vw;
	z-index: 555;
	align-items: flex-end;
}

.half1 {
	width: 50%;
    height: 100%;
    background-color: white;
}

.half2 {
	width: 50%;
    height: 100%;
}

.footer {
	padding-left: 83px;
}

.header_logo {
	position: fixed;
	left: 83px;
	top: 7vh;
}

.header_phone {
	display: flex;
	color: white;
	position: fixed;
	right: 83px;
	top: 7vh;
}

.header_phone-text {
	margin-left: 10px;
}

.container_custom {
	display: flex;
	align-items: center;
	height: calc(100vh - 200px);
}

.content_text {
	font-size: 1.5vw;
	color: #717171;
	padding-right: 130px;
}

.content_button--btn {
	background-color: #fd0576;
	border-radius: 100px; 
	color: white;
	border: none;
	font-size: 20px;
	cursor: pointer;
	padding: 15px 23px;
    min-width: 250px;
	margin-right: 43px;
}

.content_button--btn:focus {
	outline: 0;
}

.content_button--btn:hover {
	background-color: #B90959;
}

.content_button--btn:active {
	background-color: #B51C23;
}

.counter {
	font-size: 1.2vw;
	color: #fd0576;
	opacity: .6;
}

.content_right {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 13px;
	padding-left: 40px;
	max-width: 40vw;
}

.counter span, .content_right_text span {
	font-family: 'Blogger Sans-Medium';
}

.content_right_text {
	color: white;
	font-size: 1.5vw;
}

.advantage {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}

.advantage_check {
	margin-right: 25px;
}

.content_copyright {
	font-size: 1vw;
	color: #9f9f9f;
}

.content_copyright a {
	border-bottom: 1px solid;
	color: #9f9f9f;
}

.content_left {
	width: 56vw;
	padding: 0 150px 0 80px;
}

.content_left-item {
	margin-bottom: 44px;
} 

.content_right-item  {
	margin-bottom: 50px;
}

.clip_div {
	-webkit-clip-path: polygon(38% 0, 100% 0, 100% 100%, 0% 100%);
	clip-path: polygon(38% 0, 100% 0, 100% 100%, 0% 100%);
	background-color: #ffc000;
	position: absolute;
	top: 0;
	right: 0;
	height: 100vh;
	width: 60vw;
	z-index: -1;
}

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

.header_phone-img {
	opacity: .6;
}

a:focus, a:hover {
	text-decoration: none;
}

.content_right_events {
	display: flex;
	align-items: center;
	margin-bottom: 0;
}

.content_right_events-item {
	display: flex;
	align-items: center;
}

.video {
	margin-right: 53px;
}

.video_img, .documentation_img {
	margin-right: 14px;
}

.content_right_events {
	opacity: .6;
	font-size: 1.5vw;
}

.content_right_events a {
	border-bottom: 1px solid;
	color: white;
}

.image {
	position: relative;
}

.image_macbook {
	width: 100%;
}

.image_screen {
    width: 67%;
    position: absolute;
    top: 7%;
    left: 17%;
}

.content_social {
	display: flex;
    align-items: center;
    opacity: .25;
    margin-bottom: 15px;
}

.content_title {
	font-size: 3.4vw;
	font-family: 'Blogger Sans-Medium';
}

.social-item {
	margin-right: 30px;
}

.content_advantages {
	font-size: 1.2vw;
}

#modalvideo .modal-dialog iframe {
	width: 100%;
	height: 669px;
}

.modal-dialog {
	max-width: 1190px;
}

#modalvideo .modal-content {
	padding: 5px;
	display: flex;
}

/*
	Стили для формы
*/

.text-center h4 {
	font-weight: bold;
	font-size: 26px;
}

.cb_table{
  	border-spacing: 0;
  	border-collapse: collapse;
  	padding: 0px;
  	margin: auto;
}

.cb_left_part{
	width: 1%;
	font-size: 20px;
	vertical-align: top;
	padding-top: 5px;
}

.cb_right_part{
  width: 1%;
}

.cb_green_res{
  text-decoration:none;
  font-size:13px;
  height: 12px;
  margin-bottom: 15px;
}

.cb_create_part{
  text-align: center;
  position: relative;
}

.cb_create_account_button {
	padding: 10px 20px;
	padding-top: 13px;
    height: auto;
	background-color: #fd0576;
	width: 320px;
	border-radius: 100px; 
	color: white;
	border: none;
	cursor: pointer;
	margin: 20px auto 0;
	font-size: 18px;
}

.cb_create_account_button:hover {	
	background-color: #B90959;
}

.cb_create_account_button--btn:active {
	background-color: #B51C23;
}

.cb_create_account_button:focus {
	outline: 0;
}

input, select, textarea {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    font-family: 'Blogger Sans-Light';
}

@media (max-width: 991px) {
	.container_custom {
		flex-direction: column;
		height: 100%;
	}

	.half1 {
		background: none;
	}

	.clip_div {
		width: 100vw;
		height: 100%;
	}

	body {
		overflow: auto;
		overflow-x: hidden;
	}

	.content_left {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 100vw;
		padding: 10px 30px;
	}

	.content_right {
	    max-width: 100%;
	    padding-left: 0;
	}

	.content_advantages {
		margin-bottom: 44px;
	}

	.content_title {
		font-size: 8vw;
	}

	.content_text, .content_right_text, .content_right_events, .content_advantages {
		font-size: 5vw;
	}

	.content_left-item {
		text-align: center;
		padding: 0;
	}

	.header, .content_button--btn, .counter {
		font-size: 4vw;
	}	

	.content_button--btn {
		margin-bottom: 44px;
	}
	
	.content_copyright {
		font-size: 3vw;
		text-align: center;
	}

	.content_advantages {
		text-align: left;
	}

	.footer {
		padding-left: 0;
	    margin-bottom: 20px;
	}

	.header {
		padding-left: 30px;
    	padding-right: 30px;
	}

	.header_logo {
		position: unset;
	}

	.header_phone {
		position: unset;
	}

	.half1, .half2 {
		height: auto;
	}

	.content_button {
		flex-direction: column;
	}

	.content_right_events {
		flex-direction: column;
		align-items: flex-start;
	}

	.content_right_events-item {
		margin-bottom: 44px;
	}

	.content_social {
		justify-content: center;
	}
}


@media (min-width: 991px) {
	#modalvideo .modal-dialog {
		width: 100%;
	}
}

@media (min-width: 1980px) {
	.container_custom {
    	height: calc(100vh - 400px);
	}

	.modal-dialog {
		width: 100%;
	}
}

@media (min-width: 2500px) {
	.container_custom {
    	height: calc(100vh - 600px);
	}
}

@media (max-height: 580px) {
	.footer {
		padding-top: 50px;
	}
}

@media (max-height: 485px) {
	.footer {
		padding-top: 80px;
	}
}

@media (max-height: 425px) {
	.footer {
		display: none;
	}
}