@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500');

/*clear page: start*/
body, form, form input, form div, span, div, p, h1,
h2, h3, h4, dl, dt, dd, ul, li, img, form input,
textarea, select, section, fieldset {
	padding: 0;
	margin: 0;
}

body table, th, tr, td {
	padding: 0;
	border: 0;
	border-collapse: collapse;
	margin: 0;
}

body img, fieldset {
	border: none;
	outline: none;
}

input[type=text] {
	-webkit-appearance: none;
	outline: none;
	border: none;
	font: 400 15px/normal "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

a {
	color: #000;
	text-decoration: none;
}

a:hover {text-decoration: underline;}

.clear:after {
	content: '';
	display: block;
	font-size: 0;
	line-height: 0;
	clear: both;
	overflow: hidden;
}
/*clear page: end*/

/*main styles: start*/
html, body {
	margin: 0;
	padding: 0;
}

html {
	min-height: 100%;
	position: relative;
	padding-bottom: 64px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	min-height: 100%;
	height: auto;
	font: 300 16px/24px "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	color: #000;
	background-color: #fff;
	-webkit-font-smoothing: antialiased;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-overflow-scrolling: touch;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
}
h1, h1 a, h2, h3 {color:#333;}
.container {
	width: 1216px;
	margin: 0 auto;
}

.overflow {overflow: hidden;}

.stat_icon {
	position: absolute;
	display: block;
}

.icon32 {
	width: 32px;
	height: 32px;
}
/*main styles: end*/

/*header: start*/
.header {
	width: 100%;
	height: 68px;
	padding-top: 17px;
	background-color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.logo {
	display: block;
	float: left;
	width: 230px;
	height: 46px;
	margin-top:-8px;
	z-index: 10;
    position: relative;
}

.wrapper_search {
	position: relative;
	float: right;
	max-width: 336px;
	width: 50%;
	margin-left:50px;
}

.wrapper_search input[type=text] {
	display: block;
	width: 100%;
	height: 32px;
	padding: 0 32px 0 8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:1px solid #009688;
	/*background: #f1f4f4;*/
}

.wrapper_search input[type=text]::-webkit-input-placeholder {color: #51626a;}

.wrapper_search input[type=text]::-moz-placeholder {color: #263238;}

.wrapper_search input[type=text]:-ms-input-placeholder {color: #263238;}

.wrapper_search .search_button {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 32px;
	height: 32px;
	background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M-9.64%2C19.95h-.81l-.29-.28a6.66%2C6.66%2C0%2C0%2C0%2C1.62-4.35%2C6.69%2C6.69%2C0%2C0%2C0-6.69-6.69%2C6.69%2C6.69%2C0%2C0%2C0-6.69%2C6.69A6.69%2C6.69%2C0%2C0%2C0-15.81%2C22a6.66%2C6.66%2C0%2C0%2C0%2C4.35-1.62l.28.29v.81L-6%2C26.63l1.53-1.53Zm-6.17%2C0a4.63%2C4.63%2C0%2C0%2C1-4.63-4.63%2C4.63%2C4.63%2C0%2C0%2C1%2C4.63-4.63%2C4.63%2C4.63%2C0%2C0%2C1%2C4.63%2C4.63A4.63%2C4.63%2C0%2C0%2C1-15.81%2C19.95Z%22%20transform%3D%22translate%2829.5%20-1.63%29%22%20style%3D%22fill%3A%23263238%22/%3E%3Cpath%20d%3D%22M-29.5%2C1.63h32v32h-32Z%22%20transform%3D%22translate%2829.5%20-1.63%29%22%20style%3D%22fill%3Anone%22/%3E%3C/svg%3E') no-repeat;
}

.wrapper_search .dropdown {
	position: absolute;
	top: 31px;
	left: 0;
	right: 0;
	display: none;
	overflow: hidden;
	background-color: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #009688;
	z-index: 10000;
}

.wrapper_search .dropdown.show {display: block;}

.wrapper_search .dropdown > div:hover, .wrapper_search .dropdown .select {background-color: #e0f2f1;}

.wrapper_search .dropdown > div:hover .title {color: #00897b;}

.wrapper_search .dropdown > div {
	border-bottom: 1px solid #e1e1e1;
	padding: 10px;
	width: 100%;
	overflow: hidden;
	cursor: pointer;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.wrapper_search .dropdown > div:last-child {border-bottom: none;}

.wrapper_search .dropdown a:hover {text-decoration: none;}

.wrapper_search .dropdown .txt {color: #009688;}

.wrapper_search .dropdown .icon32 {
	float: left;
	margin-right: 12px;
}

.wrapper_search .dropdown .title {
	font-size: 14px;
	line-height: 18px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	padding-right: 108px;
}

.wrapper_search .dropdown .grey {
	color: #bcbcce;
	font-size: 13px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.dropdown .stars, .dropdown .stars .fill, .dropdown .stars .fill img {
	width: 95px;
	height: 14px;
	overflow: hidden;
	position: relative;
	direction: ltr;
}

.dropdown .stars {
	position: absolute;
	top: 50%;
	margin-top: -7px;
	right: 10px;
}

.dropdown .stars .fill img {
	position: absolute;
}

.dropdown .stars {
	background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2095%2014%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%2380cbc4%3B%7D.cls-2%7Bfill%3Anone%3B%7D%3C/style%3E%3C/defs%3E%3Cpath%20d%3D%22M7.5%200l1.8%205.28%205.56.07-4.47%203.33L12.04%2014%207.5%2010.78%202.95%2014%204.6%208.68.15%205.35l5.57-.07L7.5%200zM27.5%200l1.8%205.28%205.56.07-4.47%203.33L32.04%2014l-4.55-3.22L22.95%2014l1.66-5.32-4.46-3.33%205.57-.07L27.5%200zM47.5%200l1.8%205.28%205.56.07-4.47%203.33L52.04%2014l-4.55-3.22L42.95%2014l1.66-5.32-4.46-3.33%205.57-.07L47.5%200zM67.5%200l1.8%205.28%205.56.07-4.47%203.33L72.04%2014l-4.55-3.22L62.95%2014l1.66-5.32-4.46-3.33%205.57-.07L67.5%200zM87.5%200l1.8%205.28%205.56.07-4.47%203.33L92.04%2014l-4.55-3.22L82.95%2014l1.66-5.32-4.46-3.33%205.57-.07L87.5%200z%22%20class%3D%22cls-1%22/%3E%3Cpath%20d%3D%22M0%200h95v14H0z%22%20class%3D%22cls-2%22/%3E%3C/svg%3E') no-repeat;
	/*
	background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2097%2016%22%3E%3Ctitle%3EVector%20Smart%20Object7%3C%2Ftitle%3E%3Cpolygon%20points%3D%228.5%200%2010.56%206.03%2017%206.11%2011.84%209.92%2013.75%2016%208.5%2012.32%203.25%2016%205.16%209.92%200%206.11%206.44%206.03%208.5%200%22%20style%3D%22fill%3A%2380cbc4%22%2F%3E%3Cpolygon%20points%3D%2228.5%200%2030.56%206.03%2037%206.11%2031.84%209.92%2033.75%2016%2028.5%2012.32%2023.25%2016%2025.16%209.92%2020%206.11%2026.44%206.03%2028.5%200%22%20style%3D%22fill%3A%2380cbc4%22%2F%3E%3Cpolygon%20points%3D%2248.5%200%2050.56%206.03%2057%206.11%2051.84%209.92%2053.75%2016%2048.5%2012.32%2043.25%2016%2045.16%209.92%2040%206.11%2046.44%206.03%2048.5%200%22%20style%3D%22fill%3A%2380cbc4%22%2F%3E%3Cpolygon%20points%3D%2268.5%200%2070.56%206.03%2077%206.11%2071.84%209.92%2073.75%2016%2068.5%2012.32%2063.25%2016%2065.16%209.92%2060%206.11%2066.44%206.03%2068.5%200%22%20style%3D%22fill%3A%2380cbc4%22%2F%3E%3Cpolygon%20points%3D%2288.5%200%2090.56%206.03%2097%206.11%2091.84%209.92%2093.75%2016%2088.5%2012.32%2083.25%2016%2085.16%209.92%2080%206.11%2086.44%206.03%2088.5%200%22%20style%3D%22fill%3A%2380cbc4%22%2F%3E%3C%2Fsvg%3E') no-repeat;*/
}
/*header: end*/

/*breadcrumbs: start*/
.breadcrumbs {
	color: #f3fffe;
	font-size: 14px;
	line-height: 32px;
	margin-bottom: 24px;
	background-color: #009688;
}

.breadcrumbs ul {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.breadcrumbs li {display: inline;}

.breadcrumbs a {
	color: #f3fffe;
	margin-right: 4px;
	position: relative;
	padding-right: 11px;
}

.breadcrumbs a:after {
	content: "›";
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	line-height: normal;
	margin-top: -9px;
}

.breadcrumbs li:first-child {
    padding-left: 11px;
}
.breadcrumbs li:first-child:before {
    content: "›";
    display: block;
    position: absolute;
    line-height: normal;
    margin-top: 7px;
}

.breadcrumbs a.home {
	display: block;
	float: left;
	width: 18px;
	height: 18px;
	margin-top: 6px;
	background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2018%22%3E%3Ctitle%3EVector%20Smart%20Object5%3C%2Ftitle%3E%3Cpath%20d%3D%22M7.5%2C15V10.5h3V15h3.75V9H16.5L9%2C2.25%2C1.5%2C9H3.75v6Z%22%20style%3D%22fill%3A%23555%22%2F%3E%3Cpath%20d%3D%22M0%2C0H18V18H0Z%22%20style%3D%22fill%3Anone%22%2F%3E%3C%2Fsvg%3E') no-repeat;
}
/*breadcrumbs: end*/

/*list items: start*/
.small_list li:after, .list li:after {
	content: '';
	display: block;
	width: 9px;
	height: 14px;
	position: absolute;
	top: 50%;
	right: 9px;
	margin-top: -7px;
	background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%209%2014%22%3E%3Ctitle%3EVector%20Smart%20Object4%3C%2Ftitle%3E%3Cpolygon%20points%3D%225.89%207%200%2012.63%201.56%2014%209%207%201.56%200%200%201.37%205.89%207%22%20style%3D%22fill%3A%23009688%22%2F%3E%3C%2Fsvg%3E') no-repeat;
}

.list li {
	list-style: none;
	margin-bottom: 8px;
	position: relative;
}

.list li a {
	display: block;
	line-height: 56px;
	padding: 0 38px 0 16px;
	background-color: #fff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #fff;
	cursor: pointer;
	text-decoration: none;
}
.list li a:hover {
	border-color: #009688;
    -webkit-box-shadow: 0 3px 7px 0 rgba(218, 218, 218, 1);
    -moz-box-shadow: 0 3px 7px 0 rgba(218, 218, 218, 1);
    box-shadow: 0 3px 7px 0 rgba(218, 218, 218, 1);
}

.list li:last-child {margin-bottom: 0;}

.list li:after {right: 25px;}
/*list items: end*/

/*footer: start*/
.footer {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 64px;
	border-top: 9px solid #26a69a;
	background-color: #212121;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.footer_logo {
	/*text-align: center;*/
	margin: 16px 0 15px;
	float:left;
}

.footer_logo a {
	font-size: 16px;
	color: #80cbc4;
}

.footer .overflow {
	margin: 16px 0 0 16px;
	float:left;
}

.footer ul {text-align: center;}

.footer  li {
	list-style: none;
	display: inline-block;
	margin-right: 20px;
	color:#9e9e9e;
}

.footer li:last-child {margin-right: 0;}

.footer li a {
	color: #9e9e9e;
}

.footer li:before { 
	content:'/';
	color: #9e9e9e;
	margin-right: 16px;
}
.footer .copyright {
	/*border-top: 1px solid #373737;*/
	color: #757575;
	padding-top: 16px;
	text-align: right;
	float:right;
}
/*footer: end*/



/*contact page: start*/
.contact .main_container, .page404 .main_container {
	border-top: 32px solid #009688;
	padding-top: 24px;
}

.contact h1, .page404 h1 {
	font: 300 30px/34px "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	margin-bottom: 15px;
}

.contact_form.container {padding-bottom: 30px;}

.contact_form input[type=submit], .contact_form input[type=text], .contact_form textarea {outline: none;}

.contact_form input[type=text] {
	width: 100%;
	padding: 12px;
	margin: 8px 0;
	border: 1px solid #8c8c8c;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.contact_form textarea {
	width: 100%;
	resize: none;
	padding: 12px;
	border: 1px solid #8c8c8c;
	font: 400 15px/normal "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.contact_form .g-recaptcha {margin: 10px 0;}

.contact_form input[type=submit] {
	padding: 16px 32px;
	text-decoration: none;
	cursor: pointer;
	color: #fff;
	font-size: 18px;
	background-color: #028c7e;
	border: 1px solid #007a6e;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.contact_form .form-msg {
	font-weight: 600;
	font-size: 14px;
	padding: 0 0 15px;
}
.contact_form .form-msg.error {
	color: #99000B;
}
.contact_form .form-msg.success {
	color: #0DAD1A;
}
/*contact page: end*/

/*media: start*/
@media all and (max-width: 1240px), (min-width: 1240px) {
	.container {
		max-width: 970px;
		padding: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
}

@media all and (max-width: 990px) {
	.container {
		max-width: 720px;
		padding: 0 10px;
	}

	.breadcrumbs {margin-bottom: 20px;}

	.small_list li:after, .list li:after {right: 20px;}
	.list li {
		float: left;
		width: 49%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.list li:nth-child(2n+1) {margin-right: 2%;}

	.footer .container {max-width: 100%;}
}

@media all and (max-width: 740px) {
	.container {max-width: 100%;}
	html {padding-bottom: 90px;}
	.footer {height: 90px;}
	.footer .container > div:first-child {
		width: 100%;
		display: block;
		text-align: center;
		margin: 16px 0 8px;
	}
	.footer .footer_logo, .footer .overflow {
		display: inline-block;
		float: none;
		margin-top: 0;
		margin-bottom: 0;
	}
	.footer .overflow {vertical-align: bottom;}
	.footer .copyright {
		padding: 0;
		float: none;
		clear: both;
		text-align: center;
	}
	.footer_logo a {
    	font-size: 16px;
	}
}

@media all and (max-width: 600px) {
	body {
		font-size: 14px;
		line-height: 20px;
		min-width: 320px;
	}

	.featured_soft .prog_name span {
		position: relative; 
		bottom: -25px 
	}

	.header {height: 48px; padding-top: 8px;}

	.logo {
		width: 146px;
		height: 25px;
		float: none;
		margin: 0 auto;
	}

	.wrapper_search {
		float: none;
		max-width: 100%;
		width: auto;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		height: 48px;
		padding: 8px 8px;
		box-sizing: border-box;
		margin-left:0;
	}
	.wrapper_search input[type=text] {display: none;}
	.wrapper_search.show input[type=text] {display: block;}
	.wrapper_search.show .search_button {background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Ctitle%3EVector%20Smart%20Object6%3C%2Ftitle%3E%3Cpath%20d%3D%22M-9.64%2C19.95h-.81l-.29-.28a6.66%2C6.66%2C0%2C0%2C0%2C1.62-4.35%2C6.69%2C6.69%2C0%2C0%2C0-6.69-6.69%2C6.69%2C6.69%2C0%2C0%2C0-6.69%2C6.69A6.69%2C6.69%2C0%2C0%2C0-15.81%2C22a6.66%2C6.66%2C0%2C0%2C0%2C4.35-1.62l.28.29v.81L-6%2C26.63l1.53-1.53Zm-6.17%2C0a4.63%2C4.63%2C0%2C0%2C1-4.63-4.63%2C4.63%2C4.63%2C0%2C0%2C1%2C4.63-4.63%2C4.63%2C4.63%2C0%2C0%2C1%2C4.63%2C4.63A4.63%2C4.63%2C0%2C0%2C1-15.81%2C19.95Z%22%20transform%3D%22translate(29.5%20-1.63)%22%20style%3D%22fill%3A%2300897b%22%2F%3E%3Cpath%20d%3D%22M-29.5%2C1.63h32v32h-32Z%22%20transform%3D%22translate(29.5%20-1.63)%22%20style%3D%22fill%3Anone%22%2F%3E%3C%2Fsvg%3E') no-repeat;}
	.wrapper_search .dropdown {
		top: 39px;
		left: 8px;
		right: 8px;
	}
	
	.wrapper_search .search_button {
		width: 48px;
		height: 48px;
		background-size: 32px;
    	background-position: center;
	}
	
	.breadcrumbs {
		margin-bottom: 10px;
		border-top: 1px solid #f5f5f5;
	}

	.list li {
		float: none;
		width: 100%;
	}
	.list li:nth-child(2n+1) {margin-right: 0;}
	.list li {
		line-height: 48px;
		margin-bottom: 8px;
		padding-left: 16px;
	}
	.small_list li:after, .list li:after {margin-top: -7px;}

	.container {padding: 0 16px;}


	
	.footer_logo {text-align:center; float: none; margin-bottom:0; margin-top:24px;}
	
	.footer_logo a {
		font-size:18px; 
	}
	.footer li a:before {
		content:none;
	}
	.footer .overflow { 
		float:none;
		text-align: center;
		margin-top:0;
		margin-bottom:0;
	}
	
	.footer .copyright {
		float:none;
		text-align: center;
		padding-top:0;
	}

	.contact .container.contact_form {padding: 0 10px 30px;}
}
/*media: end*/