@font-face {
  font-family: 'ApercuPro';
  src: url('../fonts/ApercuPro-Regular/ApercuPro.eot');
  src: url('../fonts/ApercuPro-Regular/ApercuPro.woff') format('woff'), url('../fonts/ApercuPro-Regular/ApercuPro.ttf') format('truetype'), url('../fonts/ApercuPro-Regular/ApercuPro.svg#ApercuPro') format('svg'), url('../fonts/ApercuPro-Regular/ApercuPro.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ApercuPro';
  src: url('../fonts/ApercuPro-Bold/ApercuPro-Bold.eot');
  src: url('../fonts/ApercuPro-Bold/ApercuPro-Bold.woff') format('woff'), url('../fonts/ApercuPro-Bold/ApercuPro-Bold.ttf') format('truetype'), url('../fonts/ApercuPro-Bold/ApercuPro-Bold.svg#ApercuPro') format('svg'), url('../fonts/ApercuPro-Bold/ApercuPro-Bold.eot?#iefix') format('embedded-opentype');
  font-weight: bold;
  font-style: normal;
}
body{
	font-family: 'ApercuPro',sans-serif;
	color: #3b3b3c;
}
a{
	color: #00a696;
	text-decoration: none
}
a.gray{
	color: #34383d;
	text-decoration: underline;
}
a:hover, a:visited, a:active{
	text-decoration: none;
}

input, select, textarea, .btn {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.info_tbl td,th { border-color: #8d8d8c; border-collapse: collapse; border-width: 1px; border-style: solid; }
.info_tbl th { background-color: #96d3e1; }

h1, h2, h3, h4, h5{
	font-weight: normal;
}
img {display: block; max-width: 100%}
.clear{
    display: block;
    visibility: hidden;
    clear: both;
    overflow: hidden;
    width: 0;
    height: 0;
}
.btn {
	display: block;
    padding: 18px 40px;
    background-color: #00a696;
    color: white;
    border: none;
    width: auto;
    font-size: 21px;
    margin: 0 auto;
    cursor: pointer;
}
.btn_black_trp{
	background-color: transparent;
	color: #3b3b3c;
	border: 2px solid #9d9d9c;
}
.btn_teal_trp{
	background-color: transparent;
	color: #00a696;
	border: 2px solid #00a696;
}
.btn.btn_thin{
	text-align: left;
	text-transform: none;
	padding: 8px 15px;
	letter-spacing: -1px;
	font-weight: normal;
}
.btn_gr_2{
	box-shadow: none;
	width: 50%;
	padding-left: 14px;
	padding-right: 14px
}
.btn.btn_gr_2  {
	background-color: #00a696
}
.btn.btn_white,
.btn.btn_gr_2.active,
.btn.btn_gr_2:hover {
	background-color: white;
	color: #34383d
}
.btn:hover{
	box-shadow: none
}

.ms-list {
	margin-left: 20px;
}
.ms-list li{
	list-style-image: url(../images/bullit.png);
	padding-left: 10px;
	margin-bottom: 20px;
}


.faq_q_group{
	background-color: white;
	margin: 15px 20px 0;
	padding: 0;
}
.faq_q_group li{
	display: block;
	padding: 10px 35px;
	margin: 0;
	border-bottom: 1px solid #ebebeb;
}
.faq_q_group li:last-of-type{box-shadow: none}
.faq_q_group .q_title {
	color: white;
	font-size: 16px
}
.faq_caption{
	display: block;
	cursor: pointer;
}
.faq_text{
	display: none;
    font-size: 13px;
    margin-top: 12px;
    color: #444
}

table.info_tbl { border-collapse: collapse; border-width: 1px; border-color: #8d8d8c; }

.d_block{display: block}
.f_left{float: left !important}
.f_right{float: right !important}
.f_none{float: none !important}
.t_left{text-align: left !important}
.t_center{text-align: center !important}
.t_right{text-align: right !important}

.tt_uppercase{text-transform: uppercase}
.tt_lowercase{text-transform: lowercase}
.tt_none{text-transform: none}
.fs_large{font-size: 24px}
.fs_small{font-size: 14px}
.fw_bold{font-weight: bold}
.fw_normal{font-weight: normal}
.lh_double{line-height: 2}

.t_shadow{text-shadow: 1px 2px 1px rgba(0,0,0,.3)}
.b_shadow{box-shadow: 0 0 30px rgba(0,0,0,.32)}

.offset_top{padding-top: 50px}
.offset_bottom{padding-bottom: 50px}
.offset{padding: 50px 0}

.m_bottom_0{margin-bottom: 0 !important}
.m_bottom_20{margin-bottom: 20px}
.m_bottom_30{margin-bottom: 30px}
.m_bottom_50{margin-bottom: 50px}
.m_bottom_80{margin-bottom: 80px}
.m_right_20{margin-right: 20px}
.m_right_50{margin-right: 50px}
.m_left_20{margin-left: 20px}
.m_left_50{margin-left: 50px}
.m_top_10{margin-top: 10px}
.m_top_20{margin-top: 20px}
.m_top_50{margin-top: 50px}
.m_top_100{margin-top: 100px}

.m_lr_auto{
	margin-left: auto !important;
    margin-right: auto !important
}
.wrap{
    padding-left: 10px;
    padding-right: 10px
}
.w_full{
	width: 100%
}
.mw_1200{
	max-width: 1200px !important
}
.mw_500{
	max-width: 540px !important
}
.mw_500 .w_900{
	max-width: 900px;
    margin-left: -200px;
}
.w_900{
	max-width: 900px;
}



.lb_block{
	border-left: 2px solid #ebebeb;
	padding-left: 20px
}
.white_block{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: white;
	padding: 30px 40px;
	border: 2px solid #888;
	font-size: 14px;
}
.white_block p:last-of-type{margin-bottom: 0}

.tc_teal{color: #00a696}
.bgc_teal{background-color: #00a696}

.tc_yellow{color: #fce900}
.bgc_yellow{background-color: #fce900}

.tc_pink{color: #e95288}
.bgc_pink{background-color: #e95288}
.tc_dark_pink{color: #e95288}
.bgc_dark_pink{background-color: #e95288}

.tc_white{color: white}
.bgc_while{color: white}
.tc_light{color: #ebebeb}
.bgc_light{background-color: #ebebeb}
.tc_black{color: #3c3c3b}
.bgc_black{background-color: #3c3c3b}

.tc_red{color: #e95288}
.bgc_red{background-color: #e95288}
.bc_red{border-color: #e95288}

.tc_orange{color: #faa72b}
.bgc_orange{background-color: #faa72b}
.bc_orange{border-color: #faa72b}
.tc_dark_orange{color: #ef5205}
.bgc_dark_orange{background-color: #ef5205}

.tc_green{color: #00a696}
.bgc_green{background-color: #00a696}

.bgc_cyan{background-color: #006fb8}
.tc_light_blue{color: #006fb8}
.bgc_light_blue{background-color: #006fb8}
.tc_blue{color: #006fb8}
.bgc_blue{background-color: #006fb8}
.tc_dark_blue{color: #006fb8}
.bgc_dark_blue{background-color: #006fb8}

.tc_purple{color: #604695}
.bgc_purple{background-color: #604695}
.bc_purple{border-color: #604695}
.tc_dark_purple{color: #604695}
.bgc_dark_purple{background-color: #604695}


section .title,
footer .title {
	padding: 10px 80px;
    margin-left: -60px;
}
section .title.f_right {
	margin-left: auto;
	margin-right: -60px
}
.wrap{
	max-width: 1540px;
	margin-left: auto;
	margin-right: auto
}
.t_wrap {
	margin-top: -50px;
	padding: 0;
	position: relative;
}
section.offset_bottom .t_wrap {
	margin-top: 0
}

section, header{
	overflow: hidden;
}

header{
	background-color: #00a696;
}
header h1{
	text-transform: none;
}

.top_section.offset_top.top_section {
    padding-top: 10px !important;
}
.top_section.wrap {
    max-width: none !important;
}

.top_section_img{
	display: block;
	position: relative;
	margin-left: -50px;
	padding-top: 80px;
	float: left;
}

.top_section h1 {
	font-size: 72px;
	text-align: center;
	color: white;
	clear: both;
}
.logo{
    max-width: 80px;
    padding: 20px 30px 30px;
    float: left !important;
}
.login_btn{
	display: block;
	position: relative;
	float: right;
	font-size: 16px;
	line-height: 1.3;
	font-weight: bold;
	margin: 14px;
	padding: 0 0 0 70px;
	color: #00a696;
	max-width: 260px;
}
.login_btn::before{
	content: '';
	display: block;
	position: absolute;
	left: 10px;
    top: 5px;
    width: 50px;
    height: 50px;
	background: transparent url(../images/enter_key.png) no-repeat center;
	background-size: auto 100%;
}
.login_text {
	display: block;
	font-size: 21px;
    padding-top: 5px;
}
.login_text span,
.account_info span{
	display: block;
	/*color: white;*/
}
.login_btn .account_link{
	display: block;
	/*position: absolute;
    bottom: 70px;
    left: 0;*/
}

.nav_block {
	margin-top: 30px
}
.nav_block li {
	display: inline-block;
	vertical-align: top;
	width: 23%;
	padding-left: .1%;
	padding-right: .1%
}
.nav_block span {
    display: block;
	font-size: 21px;
    line-height: 1.3;
    color: white;
    margin-top: 10px
}
.nav_block a .icon {
	display: block;
	margin: 0 auto;
	background: url(../images/menu_what.png) no-repeat top center;
	width: 117px;
	height: 117px;
}

#nav_tech .icon{background-image: url(../images/menu_tech.png)}
#nav_how_get .icon{background-image: url(../images/menu_how.png)}
#nav_how_use .icon{background-image: url(../images/menu_use.png)}
#nav_part .icon{background-image: url(../images/menu_part.png)}
#nav_faq .icon{background-image: url(../images/menu_faq.png)}
#nav_feedback .icon{background-image: url(../images/menu_feedback.png)}
#nav_router .icon{background-image: url(../images/menu_router.png)}


.step_count{
	font-size: 70px;
	font-weight: 800;
	float: left;
	padding-right: 27px;
    margin-top: -24px;
}
.what_is_tasks img {
	display: block;
	margin: 10px 0 0 20px;
}

.tech_faq .unit{
	background: url(../images/tech_block_1_1.png) no-repeat center;
	text-align: center;
	height: 205px;
	position: relative;
	line-height: 1;
}
.unit .tech_faq .unit:last-child{
	padding-right: 10px;
}
.unit .tech_faq .unit:first-child{
	padding-left: 10px;
}
.tech_faq .unit.tech_blue{padding-left: 10px}
.tech_faq .unit.tech_perple{background-image: url(../images/tech_block_1_2.png)}
.tech_faq .unit.tech_pink{background-image: url(../images/tech_block_1_3.png); padding-right: 10px}
.tech_faq p{
	margin-top: 75px;
	margin-left: -10px;
	display: block;
}
.tech_faq span {
	display: block;
	white-space: nowrap;
	margin-bottom: 5px;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: -1px
}
.lens {max-width: 54px}
.cinema{
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
}

.b_top{border-top: 1px solid #ebebeb; padding-top: 30px}

/* login section */

.login_part .g-recaptcha{
	float: left;
}
.registration_part .g-recaptcha{
	display: flex;
    justify-content: center;
}
.form-row {
    width: 100%;
    margin-bottom: 20px;
    clear: both;
}
input, select, textarea {
	font-family: 'ApercuPro', sans-serif;
	width: 100%;
	border: 2px solid #9d9d9c;
	padding: 10px 14px;
	font-size: 16px
}
label span{
	display: block;
	text-align: left;
	margin-bottom: 6px;
}
.forget_check input{
	width: auto;
}

.catalog .gray{
	display: block;
	height: 95px;
    line-height: 1.3em;
}
.catalog .unit{
	margin-bottom: 30px;
	background-color: white;
	width: 18%;
    margin: 10px 1%;
}
.catalog .img-wrap {
    height: 180px;
    overflow: hidden;
}
.catalog img{
	margin: 10px auto;
    max-height: 160px;
    max-width: 200px;
}
.catalog.grid .unit:first-child {
    padding-left: 10px;
}
.catalog.grid .unit:last-child {
    padding-right: 10px;
}



/* Responsive Stuff */
@media screen and (min-width: 961px) {
	body{font-size: 16px}
	header{
		background-image: url(../images/bg_yellow_ray.png);
		background-repeat: no-repeat;
		background-position: top right;
		background-size: auto 140px;
	}
	section .title,
	footer .title {
	    font-size: 32px;
	}
	#scrolltop{
		position: fixed;
		bottom: 68px;
    	right: 10px;
    	display: none
	}
	#scrolltop a{
		display: block;
		width: 60px;
		height: 60px;
		background-color: rgba(255,255,255,.4);
		border: 1px solid #00a696;
		opacity: .7
	}
	#scrolltop a:hover{
		opacity: 1
	}
	#scrolltop a:before{
		content:'';
		width: 0px;
		height: 0px;
		border: 12px solid transparent;
		border-top-color: #00a696;
		display: inline-block;
		transform: translate(17px, 25px);
		-webkit-transform: translate(17px, 25px);
		-moz-transform: translate(17px, 25px);
		-o-transform: translate(17px, 25px);
		-ms-transform: translate(17px, 25px);
	}
	#scrolltop a{
		transform: rotate(180deg) translate(0px, 25px);
		-webkit-transform: rotate(180deg) translate(0px, 25px);
		-moz-transform: rotate(180deg) translate(0px, 25px);
		-o-transform: rotate(180deg) translate(0px, 25px);
		-ms-transform: rotate(180deg) translate(0px, 25px);
	}
	.faq_q_group .q_title {
		font-size: 24px;
	}
}

@media screen and (max-width: 1440px) {
	header .offset_top{
		padding-top: 10px
	}
	.top_section_img {
	    width: 175px;
	}
}

@media screen and (max-width: 1300px) {
	.nav_block a .icon {
		width: 70px;
		height: 70px;
		background-size: contain
	}
	.top_section h1 {
	    font-size: 46px;
	}
	.top_section_img {
	    display: block;
	    float: left !important;
	    margin-left: 0;
	    margin-right: 30px;
	    width: 80px !important;
	    padding-top: 12px;
	}
}

@media screen and (max-width: 1240px) {
	.catalog img {
	    max-width: 130px;
	}
	.catalog .gray{
		font-size: 14px
	}

}

@media screen and (max-width: 960px) {
	.f_none_sm{float: none !important}
	.t_center_sm{text-align: center}
	.m_bottom_0_sm{margin-bottom: 0 !important}
	.m_bottom_20_sm{margin-bottom: 20px !important}
	.m_top_0_sm{margin-top: 0 !important}
	.m_top_20_sm{margin-top: 20px}
	.m_left_0_sm{margin-left: 0 !important}
	.m_right_0_sm{margin-right: 0 !important}
	.d_block_sm{display: block}
	.w_full_sm{width: 100%}

	section .title, footer .title, section .title.f_right{
		padding: 20px 50px;
		margin-left: -10px;
		margin-right: -10px;
		text-align: center;
	}

	.login_btn{
		background-color: #fce900;
	    width: auto;
	    height: auto;
	    padding: 10px 10px 10px 65px
	}
	.login_btn::before{
		left: 10px;
	    top: 17px;
	    width: 45px;
	    height: 45px;
	}

	.what_is_tasks img{
		margin: 10px auto 20px
	}
	img, img.f_right, img.f_left{
		margin-left: auto; 
		margin-right: auto; 
		float: none !important
	}
	.lens {
		float: left;
	}
	.mw_500 .w_900{
		width: auto;
		margin-left: auto
	}
	.catalog .unit {
		width: 60% !important;
		margin-left: 20%;
		margin-right: auto
	}
	.catalog img {
	    max-width: none;
	}
	.catalog .gray{
		font-size: 18px
	}
	.credits {
	    text-align: center;
	}
}
@media screen and (max-width: 560px) {
	.login_btn,
	.logo{
		float: none !important;
	}
	.login_btn {
		max-width: none;
	}
	.catalog .unit {
		width: 90% !important;
		margin-left: 5%;
		margin-right: auto
	}
	.catalog img {
	    max-width: 200px;
	}
}
@media screen and (max-width: 480px) {
	section .title, footer .title, section .title.f_right {
	    padding: 20px 50px;
	}
	.top_section h1 {
	    font-size: 28px;
	}
	.top_section_img {
	    margin-right: 15px;
	    margin-bottom: 15px;
	    padding-top: 0
	}
	.btn{
		width: 100%;
		font-size: 16px;
		letter-spacing: 0;
		padding-left: 10px;
		padding-right: 10px
	}
	.nav_block li {
	    display: block;
	    float: left;
	    margin-bottom: 30px;
	    width: 100%;
	    text-align: left;
	}
	.nav_block a .icon {
		display: none;
	}
	.nav_block span {
	    display: block;
	    text-align: center;
	    margin-top: 0;
	}
	.nav_block br {
	    display: none;
	}
	.faq_q_group{
		margin-left: 0;
		margin-right: 0
	}
}
.field-validation-error
{
    color: red;
}

.validation-summary-errors
{
    color: Red;
}