@import "font.css";

html { 
	height: 100%;
	margin: 0;
	padding: 0;
}
body {
	font-family: 'PT Sans';
	font-size: 12pt;
	line-height: 12pt;
	color: #acabab;
	border: 0;
	height: 100%;
	min-height: 100%;
	min-width: 100%;
}
#main-wrapper {
	height: 100%;
}
body.pb_index  {
	background: url("../images/designv2/bgr_big.png") #ffffff no-repeat 100% 0px;
	background-size: 58%;
	padding-top: 50px;
}
a, a:visited {
	color: #4e5b68;
	text-decoration: none;
}
a:hover {
	color: #4e5b68;
	text-decoration: underline;
}
a:focus {
	text-decoration: none;
}
.clear {
	clear: both;
}
.header.mobile {
	display: none;
	padding-left: 85px;
	min-width: 300px;
}
.header {
	height: 50px;
	background: url("../images/designv2/logo1.png") no-repeat 25px 5px;
	width: 100%;
	padding-left: 100px;
	position: fixed;
	top: 50px;
	z-index: 1000;
	display: none;
}
.header.sticked {
	background-color: rgba(255, 255, 255, 0.8);;
	box-shadow: 0px 0px 25px;
}
.header table.header_wrapper {
	width: 100%;
}
.header table.menu {
	width: 100%;
	max-width: 780px;
	float: left;
}
.header table.menu td {
	text-align: center;
	width: 1%;
	white-space: nowrap;
}
.header table.menu td a {
	font-size: 13pt;
}
.header table.menu td a:hover {
	position: relative;
	text-decoration: none;
}
.header table.menu td a::after {
	content: '';
	bottom: -20px;
	-webkit-transition: bottom 200ms linear;
	-ms-transition: bottom 200ms linear;
	-moz-transition:  bottom 200ms linear;
	-o-transition:  bottom 200ms linear;
	transition: bottom 200ms linear;
}
.header table.menu td a:hover::after, .header table.menu td a.selected::after{
	content: '';
	border: 8px solid transparent;
	border-bottom: 8px solid #0bd4d6;
	width: 16px;
	height: 8px;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	bottom: -10px;
}
.header .buttons {
	float: right;
}
.header.desktop .buttons {
	min-width: 275px;
}
.header.desktop .buttons .button.white {
	max-width: 165px;
}
.header.desktop .buttons .button.dark {
	max-width: 110px;
}
.header.desktop .header_wrapper .td_buttons .language {
	position: fixed;
	top: 15px;
	right: 25px;
	color: #16315b;
	font-weight: 600;
}

.header.desktop .header_wrapper .td_buttons .language a {
	color: #16315b;
	font-weight: 600;
	font-size: 18px;
}

.header.desktop .header_wrapper .td_buttons .language a.active {
	color: #495259;
}

.go_top {
	height: 85px;
	width: 100%;
	background: #d5dee6;
	cursor: pointer;
	padding-top: 13px;
}
.go_top:hover {
	background: #c0deed;
	-webkit-transition: background-color 300ms linear;
	-ms-transition: background-color 300ms linear;
	transition: background-color 300ms linear;
}
.go_top .text_wrapper {
	margin: 0px auto;
	width: 90px;
	text-align: center;
}
.go_top .text_wrapper .triangl{
	border: 8px solid transparent;
	border-bottom: 8px solid #ffffff;
	width: 16px;
	height: 8px;
	margin: 0px auto;
	margin-bottom: 10px;
}
.go_top .text_wrapper span{
	text-transform: uppercase;
	color: #ffffff;
	font-size: 14pt;
	font-weight: 900;
}
.footer {
	width: 100%;
	height: 80px;
	text-align: center;
}
.footer span {
	line-height: 80px;
	color: #01293d;
}
.block h3 {
	margin: 0;
	padding: 0;
	font-size: 21pt;
	font-weight: 900;
	color: #01293d;
	text-align: center;
}

/*Login block*/
.login_block {
	max-width: 580px;
	margin-top: 110px;
	margin-left: 185px;
}
.login_block h1 {
	color: #01293d;
	font-weight: 900;
	font-size: 24pt;
	margin: 0;
}
.login_block h4 {
	color: #8a959e;
	font-size: 18px;
	margin: 30px 0 36px 0;
}
.login_block .forgot_password {
	float: right;
	margin-top: -25px;
}

/*Info block*/
.info_block {
	width: 100%;
	/*max-width: 1200px;*/
	margin: 230px auto 0 auto;
}
.info_block .one_row {
	min-height: 420px;
	background-position-y: 0px;
	background-repeat: no-repeat;
	margin-bottom: 120px;
}
.info_block .one_row .info_text {
	padding-top: 70px;
	background-repeat: no-repeat;
	background-position-y: 0px;
	background-position-x: 0px;
}
.info_block .one_row .info_text h3 {
	color: #01293d;
	font-size: 20pt;
	font-weight: 900;
	text-align: left;
	padding: 20px 0px;
}
.info_block .one_row .info_text p {
	color: #8a959e;
	font-size: 14pt;
	line-height: 17pt;
}
.info_block .one_row.text_right {
	background-position: right center;
}
.info_block .one_row.text_right .info_text {
	float: right;
}
.info_block .one_row.text_left {
	background-position: left center;
}
.info_block .one_row.text_left .info_text{
	float: left;
}
.info_block .one_row.text_right {
	background-position-x: 0px;
	padding-left: 600px;
	padding-right: 25px;
}
.info_block .one_row.text_left {
	background-position-x: 100%;
	padding-right: 600px;
	padding-left: 25px;
}
.info_block .one_row.r1 {
	background-image: url("../images/designv2/r1_big.png");
}
.info_block .one_row.r2 {
	background-image: url("../images/designv2/r2_big.png");
}
.info_block .one_row.r3 {
	background-image: url("../images/designv2/r3_big.png");
}
.info_block .one_row.r1 .info_text {
	background-image: url("../images/designv2/r1_icon.png");
}
.info_block .one_row.r2 .info_text {
	background-image: url("../images/designv2/r2_icon.png");
}
.info_block .one_row.r3 .info_text {
	background-image: url("../images/designv2/r3_icon.png");
}

/*Review block*/
.reviews_block {
	width: 100%;
	background: linear-gradient(to top, #eaeef2 70%, #ffffff 100%);
	position: relative;
	padding: 0px 70px 25px 70px;
}
.reviews_block h3 {
	margin-bottom: 90px;
}
.reviews_block .brg_q {
	width: 50%;
	height: 60%;
	position: absolute;
	right: 0px;
	bottom: 0px;
	background: url("../images/designv2/review_bgr.png") no-repeat 100% 100%;
	background-size: contain;
	z-index: 1;
}
.reviews_block .tr_wrapper {
	display: table-row;
}
.reviews_block .tr_wrapper .one_tr_wrapper {
	display: none;
	padding: 0px 20px;
	width: 25%;
	position: relative;
	z-index: 200;
}
.reviews_block .tr_wrapper .one_tr_wrapper.selected{
	display: table-cell;
}
.reviews_block .tr_wrapper .one_tr_wrapper .message { 
	background: #ffffff;
	padding: 40px 25px;
	font-size: 13pt;
	color: #8a959e;
	position: relative;
	margin-bottom: 40px;
	box-shadow: 0px 0px 25px;
}
.reviews_block .tr_wrapper .one_tr_wrapper .message::after {
	content: '';
	position: absolute;
	border: 10px solid transparent;
	border-left: 10px solid #ffffff; 
	border-top: 10px solid #ffffff;
	bottom: -20px;
	left: 20%;
}
.reviews_block .tr_wrapper .one_tr_wrapper .uname {
	padding-left: 10%;
	color: #1dcaff;
	font-size: 16pt;
	font-weight: 900;
	margin-bottom: 10px;
	line-height: 17pt;
}
.reviews_block .tr_wrapper .one_tr_wrapper .utype {
	padding-left: 10%;
	color: #8a959e;
	font-size: 13pt;
}

/*Tariffs block*/
.tariffs_block {
	background: #f8f8f8;
	padding-bottom: 50px;
}
.tariffs_block h3 {
	padding: 60px 0 20px 0;
}
.tariffs_block .tr_wrapper {
	position: relative;
	height: 100%;
}
.tariffs_block .tr_wrapper .one_tr_wrapper {
	padding: 30px 0;
	display: block;
	height: 100%;
}
.tariffs_block .tr_wrapper .one_tr_wrapper .one_tr{
	background: #ffffff;
	padding-bottom: 40px;
	top: 0px;
	display: block;
	margin: 0px 20px;
	height: 100%;
	position: relative;
}
.tariffs_block .tr_wrapper .one_tr_wrapper .title {
	color: #01293d;
	font-size: 19pt;
	font-weight: 900;
	text-align: center;
	line-height: 70px;
}
.tariffs_block .tr_wrapper .one_tr_wrapper .price {
	height: 65px;
	text-align: center;
	font-size: 30pt;
	font-weight: 900;
	color: #ffffff;
	text-transform: uppercase;
	background: #0bd4d6;
	padding-top: 12px;
	line-height: 25px;
}
.tariffs_block .tr_wrapper .one_tr_wrapper .price span {
	font-size: 13pt;
	font-weight: normal;
	display: block;
	text-transform: none;
}
.tariffs_block .tr_wrapper .one_tr_wrapper .price small {
	font-size: 20pt;
	font-weight: normal;
	text-transform: none;
	line-height: 14pt;
}
.tariffs_block .tr_wrapper .one_tr_wrapper .description {
	
}
.tariffs_block .tr_wrapper .one_tr_wrapper .description ul {
	list-style: none;
	padding: 20px 25px;
}
.tariffs_block .tr_wrapper .one_tr_wrapper .description ul li {
	margin-bottom: 15px;
	padding-left: 25px;
	line-height: 1.2;
	background: url("../images/designv2/check.png") no-repeat 0px 2px;
}
.tariffs_block .tr_wrapper .one_tr_wrapper .button_wrapper {
	text-align: center;
	position: absolute;
	bottom: 10px;
	width: 100%;
}
.tariffs_block .tr_wrapper .one_tr_wrapper .one_tr:hover {
	box-shadow: 0px 0px 20px silver;
	top: -15px;
	-webkit-transition: top 200ms linear;
	-ms-transition: top 200ms linear;
	transition: top 200ms linear;
}
.tariffs_block .tr_wrapper .one_tr_wrapper .one_tr:hover .button.blue,
.tariffs_block .free.button_wrapper .button.blue:hover,
.tariffs_block .tr_wrapper .one_tr_wrapper .one_tr:hover .price{
	background: #1dcaff !important;
}

.tariffs_block .free.button_wrapper .button.blue {
	min-width: 30%;
	background: url("../images/designv2/btn_bgr1.png") no-repeat center/100%;
}
.tariffs_block .free.button_wrapper .button.blue span{
	font-size: 14pt;
	font-weight: 900;
}

.tariffs_block .free.button_wrapper {
	text-align: center;
	margin-top: 45px;
	margin-bottom: 25px;
}

.tariffs_block .free_button_wrapper a{
	display:inline-block;
	line-height: 70px;
	height:70px;
	text-decoration: none;
	width:600px;
}

/*Partners block*/
.partners_block h3 {
	padding: 60px 0 40px 0;
}

.partners_block .row.company-logos{
	margin: 0 20px;
}

.partners_block .company-logo a.thumbnail{
	border: none;
}

.partners_block .company-logo a.thumbnail img{
	max-width: 40%;
}

.partners_block .company-logos {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

/*CallBack block*/
.callback_block{
	background: url("../images/designv2/callback_bgr.png") #ffffff no-repeat 100% 0;
	padding: 0 5px 115px 5px;
}
.callback_block h3 {
	padding: 90px 0px;
}
.callback_block form {
	max-width: 580px;
	margin: 0px auto;
}
.callback_block form .button.blue {
	margin: 0px auto;
}
.callback_block .message {
	text-align: center;
	margin-bottom: 10px;
	font-size: 18pt;
}
.callback_block .message.success {
	color: #22e0db;
}
.callback_block .message.error {
	color: #cc273b;
}

/*Inputs*/
.input_field {
	margin-bottom: 20px;
}
.input_field input, .input_field textarea, .input_field select{
	width: 100%;
	border: 2px solid #c0deed;
	height: 40px;
	font-size: 15pt;
	color: #8a959e;
	padding-left: 15px;
	background: transparent;
}
.input_field textarea {
	resize: none;
	height: 200px;
	padding: 15px;
	width: 100%;
}
.input_field input:focus {
	border-color: #0bd4d6;
	color: #01293d;
	outline: none;
}
.input_field .info_wrapper {
	text-align: right;
	width: 100%;
	display: block;
	margin-top: 5px;
	height: 20px;
}
.input_field .info_wrapper .info {
	display: none;
}
.input_field.error input, .input_field.error textarea {
	border-color: #cc273b;
	color: #01293d;
}
.input_field.error .info {
	display: inline;
	color: #cc273b;
}
.input_field.loading {
	opacity: 0.5;
}
.input_field .asterisk {
	display: none;
}
.input_field.required .asterisk {
	display: block;
	position: absolute;
	font-size: 25pt;
	color: #cc273b;
	line-height: 22pt;
}

/*Buttons*/
.buttons .button {
	display: block;
	float: left;
	text-transform: uppercase;
	font-weight: 900;
	font-size: 11pt;
	padding: 17px 36px;
	cursor: pointer;
}
.buttons .button.white {
	background: #ffffff;
	color: #01293d;
}
.buttons .button.white:hover {
	text-decoration: none;
	color: #0bd4d6;
	-webkit-transition: color 200ms linear;
	-ms-transition: color 200ms linear;
	transition: color 200ms linear;
}
.buttons .button.dark {
	background: #01293d;
	color: #ffffff;
}
.buttons .button.dark:hover {
	text-decoration: none;
	background: #16315b;
	color: #ffffff;
	-webkit-transition: background-color 200ms linear;
	-ms-transition: background-color 200ms linear;
	transition: background-color 200ms linear;
}
.button.blue {
	/*background: #0bd4d6;*/
	background: url("../images/designv2/btn_bgr1.png") no-repeat 100% 0px;
	padding: 17px 36px;
	display: inline-block;
	position: relative;
	overflow: hidden;
	padding-right: 58px;
	cursor: pointer;
}
.button.blue:hover {
	text-decoration: none;
	background-position-x: 0px;
	-webkit-transition: background-position-x 800ms linear;
	-ms-transition: background-position-x 800ms linear;
	transition: background-position-x 800ms linear;
}
.button.blue span {
	font-size: 13pt;
	font-weight: 900;
	color: #ffffff;
}
.button.blue span::after {
	content: '';
	background: url("../images/designv2/btn_arrow.png");
	width: 23px;
	height: 11px;
	display: block;
	position: absolute;
	right: 25px;
	top: 22px;
}
.button.blue.loading span::after{
	background: url("../images/designv2/loader1.gif") no-repeat;
	height: 24px;
	width: 26px;
	top: 15px;
}
.button.blue.loading:hover {
	background: #0bd4d6;
}
.button.blue.loading:hover::after {
	bottom: 0px;
	right: 0px;
}

/*Login page*/
.page_sign {
	min-height: 100%;
	background: url("../images/designv2/login_page_img1.png") no-repeat #ffffff;
}
.page_sign .logo {
	width: 72px;
	height: 40px;
	background: url("../images/designv2/logo2.png") no-repeat;
	float: left;
	margin-top: 40px;
	margin-left: 80px;
}
.page_sign .buttons {
	float: right;
	margin-top: 40px;
	margin-right: 5%;
	height: 60px;
}
.page_sign .buttons span {
	float: left;
	color: #01293d;
	font-size: 16pt;
	padding: 12px 40px;
	line-height: 20pt;
}
.page_sign .buttons .button {
	box-shadow: 0px 0px 10px #000000;
}
.page_sign .main_form {
	float: left;
	width: 45%;
	padding-left: 10%;
	background: #ffffff;
	margin-left: 493px;
	margin-bottom: 45px;
}
.page_sign .main_form h1{
	margin: 0;
	padding: 40px 0;
	font-size: 23pt;
	font-weight: 900;
	color: #01293d;
}
.page_sign .main_form .input_field {
	margin-bottom: 15px;
}
.page_sign .main_form .message {
	width: 100%;
	padding: 10px;
	font-size: 18pt;
	line-height: 20pt;
	margin-bottom: 20px;
	display: none;
}
.page_sign .main_form .message.success {
	color: #22e0db;
}
.page_sign .main_form .message.error {
	color: #cc273b;
}
.page_sign .forgot_password {
	float: right;
	margin-top: -25px;
}

.input_field.captcha {}
.input_field.captcha .c_left{
	float: left;
	width: 50%;
}
.input_field.captcha .c_right{
	float: right;
	width: 50%;
}

.paginat {
	text-align: center;
	z-index: 200;
	position: relative;
	display: block;
	margin-top: 15px;
}
.paginat ul,
.paginat ol {
	list-style: none;
	display: inline-block;
	margin: 0px;
	padding: 0px;
}
.paginat ul li,
.paginat ol li {
	display: inline-block;
	width: 10px;
	height: 10px;
	background: #8a959e;
	margin-left: 15px;
	border-radius: 50%;
	float: left;
	margin-top: 3px;
	cursor: pointer;
}
.paginat ul li.selected,
.paginat ol li.current {
	width: 15px;
	height: 15px;
	background: #01293d;
	margin-top: 0px;
	-webkit-transition: width 100ms linear;
	-ms-transition: width 100ms linear;
	transition: width 100ms linear;
}
.paginat ol li a span {
	display: none;
}
.paginat .prevBtn,
.paginat .nextBtn {
	display: inline-block;
	width: 23px;
	height: 14px;
	cursor: default;
	opacity: 0.5;
}
.paginat .prevBtn.el_fade,
.paginat .nextBtn.el_fade {
	opacity: 1;
	-webkit-transition: opacity 100ms linear;
	-ms-transition: opacity 100ms linear;
	transition: opacity 100ms linear;
	cursor: pointer;
}
.paginat .prevBtn {
	background: url("../images/designv2/arrow_left.png") no-repeat 0px 0px;
	margin-right: 10px;
}
.paginat .nextBtn {
	background: url("../images/designv2/arrow_right.png") no-repeat 0px 0px;
	margin-left: 10px;
}

.ajax_form .main_form .message {
	width: 100%;
	padding: 10px 0px;
	font-size: 15pt;
	line-height: 20pt;
	display: none;
}
.ajax_form .main_form .message.success {
	color: #22e0db;
}
.ajax_form .main_form .message.error {
	color: #cc273b;
}
#pres_objects {
	color: #282828;
	overflow-x: hidden;
}
#pres_objects .row{
	/**/
}
.cross_links {
	display: flex;
	margin-top: 10px;
}
.cross_links .link_one_block{
	line-height: 32px;
	width: 100%;
	margin:0 15px;
	white-space: nowrap;
}
.cross_links .link_one_block.right {
	text-align: right;
}
.cross_links .link_one_block.left {
	display: flex;
}
.cross_links .link_one_block a.fb_icon{
	display: inline-block;
	margin-right: 10px;
	width:32px;
	height:32px;
	background: url("../images/soc/facebook.png") no-repeat 0px 0px;
}
/* Responsive */

@media (max-width: 1040px) {
	.header .header_wrapper .td_menu {
		display: none;
	}
	.header .header_wrapper .td_buttons .buttons {
		float: right;
	}
	.header table.header_wrapper {
	}
	.header {
		background-position-x: 25px;
		padding-right: 10px;
	}
}

@media (min-width: 920px) and (max-width: 1000px) {
	.page_sign .buttons {
		margin-right: 0;
	}
	.page_sign .main_form {
		padding-left: 5px;
	}
}

@media (max-width: 919px) {
	.page_sign {
		background: #ffffff;
	}
	.page_sign .main_form {
		margin-left: 0px;
		width: 100%;
		padding-left: 1%;
		padding-right: 1%;
	}
	.page_sign .buttons {
		margin-right: 1%;
		margin-top: 0;
	}
	.page_sign .logo {
		background: url(../images/designv2/logo1.png) no-repeat;
		margin: 0 0 0 1%;
	}
	.block.info_block {
		margin-top: 80px;
	}
	.block.info_block .one_row {
		background-image: none !important;
		padding: 0px 10px !important;
		min-height: auto;
		margin-bottom: 60px;
	}
	.block.info_block .one_row .info_text {
		width: 100%;
	}
	.block.reviews_block {
		padding: 0px 10px 25px 10px;
	}
}

@media (max-width: 870px) {
	.block.callback_block {
		padding-bottom: 100px;
	}
}

@media (max-width: 700px) {
	.block.login_block {
		margin-left: 0;
		width: 100%;
		max-width: 100%;
		padding: 0px 15px;
		margin-top: 75px;
	}
	.tariffs_block .tr_wrapper .one_tr_wrapper .one_tr:hover {
		box-shadow: none;
		top: 0px;
	}
	.tariffs_block .tr_wrapper .one_tr_wrapper .one_tr:hover .button.blue,
	.tariffs_block .tr_wrapper .one_tr_wrapper .one_tr:hover .price{
		background: #0bd4d6 !important;
	}
}

@media (max-width: 550px) {
	#main-wrapper {
		padding-top: 0px;
	}
	body.pb_index {
		background-size: 65%;
		background-position-y: 50px;
	}
	.login_block h1 {
		font-size: 21pt;
	}
	.page_sign .logo {
		display: none;
	}
	.page_sign .buttons span {
		padding-left: 0;
	}
	.header.desktop {
		display: none;
		top: 0px !important;
	}
	.header.mobile {
		margin: 0;
		padding: 0;
		background-color: #ffffff;
		box-shadow: 0px 0px 15px #000000;
		background-position-x: 20px;
		top: 0;
		bottom: 1px;
	}
	.block.reviews_block h3, .block.callback_block h3, .block.tariffs_block h3 {
		padding: 40px 0px 0px 0px;
		margin: 0px;
	}
	.block.tariffs_block {
		padding: 0;
	}
	.block.callback_block {
		padding: 0px 10px 10px 10px;
	}
	.footer {
		height: 60px;
	}
	.footer span {
		line-height: 60px;
	}
	.paginat {
		padding-bottom: 20px;
		margin-top: 0px;
	}
	.tariffs_block .tr_wrapper .one_tr_wrapper {
		padding: 20px 0;
	}
}

@media (max-width: 400px) {
	body.pb_index {
		background-size: 55%;
	}
	.page_sign .buttons {
		width: 100%;
	}
	.page_sign .buttons span {
		padding-left: 10px;
		padding-right: 0px;
	}
	.page_sign .buttons .button {
		padding: 17px 10px;
		float: right;
	}
	.block.login_block {
		margin-top: 60px;
	}
	.login_block h2 {
		margin: 20px 0px;
	}
}
@media (max-width: 360px) {
	.header.mobile .buttons {
		width: auto;
	}
	.header.mobile .buttons .button {
		padding: 17px 20px;
	}
}
@media (max-width: 330px) {
	.header.mobile .buttons .button {
		padding: 17px 10px;
	}
	.tariffs_block .tr_wrapper .one_tr_wrapper .description {
		min-height: 440px;
	}
}