/*
body:before {
    display:none;
    content: url('../images/design/logo_latvenergo.png')
    			url('../images/design/logo_st.png')
    			url('../images/design/logo_is.png')
    			url('../images/design/logo_checkgps.png')
    			url('../images/design/logo_rcg.png')
    			url('../images/design/logo_aerones.png');
}
*/

html {
	position:relative;
	min-height:100%;	
	background-color:#626262	 /* same as footer, because not all mobile devices will stretch height */
}

html, body {
	min-width:1055px;
}

body {
	line-height:31px;	
	width:100%;
	overflow:auto;
	height:100%;
	padding:0;
	margin:0;
	background-color:#fff;
}

body, a, input, textarea, button {
	font-size:17px;
	font-family:'Roboto', sans-serif;
	color:#666;
	font-weight:300;
}

body.lv, .lv a, .lv input, .lv textarea, .lv button {
	font-size:17px;
	font-family:'Roboto', sans-serif;
}

a {
	text-decoration:none;
	outline:none;
	color:#009FE3;
}

a:hover {
	color:#006590;	
}


a.learn_more {
	color:#1490d3;
	font-weight:500;
	padding-right:15px;
	background:transparent url('../images/design/arrow.png') no-repeat center right;
}

strong {
	font-weight:700;
}

h1, h2, h3, h4, h5, h6,
blockquote,
.example_infographics h2,
.foot .menu li a,
.lang li a,
.menu li a,
a.login {
	font-family:'Raleway', sans-serif;
}

.lv h1, .lv h2, .lv h3, .lv h4, .lv h5, .lv h6,
.lv blockquote,
.lv .example_infographics h2,
.lv .foot .menu li a,
.lv .lang li a,
.lv .menu li a,
.lv a.login {
	font-family:'Source Sans Pro', sans-serif;
}

h1 {	
	font-size:53px;
	line-height:71px;
	font-weight:800;
	margin:0;
	color:#aa2e30;
}

h2 {
	font-weight:700;
}

h3 {
	font-size:20px;
	line-height:25px;
	font-weight:400;
	color:#000;
}

p {
	margin:0;
}

.error {
	color:red;
}

.done {
	color:#ffffff;
}

.white {
	color:#fff;
}

.gray {
	color:#444444;
	font-size:16px;
	line-height:20px;
	font-weight:normal;
}

.blue {
	color:#005da4;
}

.red {
	color:#000000;
	font-size:61px;
	line-height:72px;
	font-weight:300;
	font-family:'Roboto';
	position:relative;
	float:left;
}

div.text_block.index.sizer.first span.red{
	float:none;
	margin:0 auto;	
}

button,
a.as_button {
	color: #fff;
	background-color: #009FE3;
	border: 3px solid #009FE3;
	padding: 16px 28px;
	font-weight: 500;
	outline: none;
	-webkit-transition: background-color 0.5s, border-color 0.5s, color 0.5s;
	transition: background-color 0.5s, border-color 0.5s, color 0.5s;
	cursor: pointer;
	margin: 54px 0 0 105px;
	border-radius: 5px;
	position: relative;
	float: left;
	font-size: 25px;
}

button img,
a.as_button img {
	vertical-align:middle;	
}

.login{
	position:relative;
	float:right;
	width:60px;
	height:40px;
}

a.login,
a.login:hover {
	position:relative;
	float:right;
	width:60px;
	height:34px;
	background-color:transparent;
	color:#b5b5b5;
	border:2px solid #b5b5b5;
	border-radius:0;
	padding:6px 20px;
	text-transform:uppercase;
	margin:49px 20px 0 0;
}

button:hover,
a.as_button:hover {
	background-color:#2CC1FB;
	border-color:#2CC1FB;
}

form {
	width:100%;
}

form fieldset {
	width:100%;
	margin:0;
	padding:0;
	border:none;
	position:relative;
	float:left;
}

form fieldset:first-child {
	margin-top:0;
}

form input,
form textarea {
	width:95%;
	margin:0 0 20px 0;
	padding:10px 2%;
	color:#b5b5b5;
		color:#333333;
	border:1px solid;
	border-radius:5px;
	outline:none;
}

a::-moz-focus-inner
button::-moz-focus-inner,
input::-moz-focus-inner {
   border: 0;
}

form fieldset input.error {
	box-shadow:1px 1px 18px red;
}

form fieldset textarea {
	height:300px;
}

table {
	border-collapse:collapse;
}
table.team {
	 margin:0 auto 70px auto;
}

table.team td {
	padding:11px 44px;
	text-align:center;
}

td {
	padding:10px;
}

td.padding30px {
	padding:30px;
}

td.padding_right_50px {
	padding-right:50px;
}

td.padding_right_100px {
	padding-right:100px;
}

td.device img {
	border:4px solid #ffc400;
	margin-right:20px;
}

td.device:last-child img {
	margin-right:0;
}

table.full_width {
	width:100%;
}

table.no_padding td {
	padding:0;
}

table.no_padding td .pic_l,
table.no_padding td .pic_r,
table.no_padding td .pic_c {
	margin:0;
	padding:0;
}

td.valign_middle,
td.valign_middle img {
	vertical-align:middle;
}

td.valign_top,
td.valign_top img {
	vertical-align:top;
}

span.contact_info,
span.contact_info a {
	font-size:14px;
	color:#878787;
	font-family:'Raleway', sans-serif;
}

.lv span.contact_info,
.lv span.contact_info a {
	font-family:'Source Sans Pro', sans-serif;
}

span.icon img,
td.valign_top span.icon img {
	vertical-align:middle;
}

table.contacts {
	margin-bottom:50px;
}

table.contacts td {
	color:#54473f;
	padding:10px 20px;
}

table.contacts td:first-child {
	padding-left:0;
}

table.contacts td:last-child {
	padding-right:0;
}

table.contacts td h2 {
	margin:0;
}

.img_gray_border {
	position:relative;
	float:left;
}

.img_gray_border img {
	border:1px solid #888888;
	margin:18px;
}

.wrap {
	overflow:auto;
}

.sizer {
	width:1360px;
	margin:0 auto;
	overflow:auto;
}

.header .sizer {
	overflow:initial;
}

.content {
	padding:110px 0 300px 0;
}

.header {
	width:100%;
	position:fixed;
	z-index:888;
	top:0px;
	height:140px;
	background-color:#ffffff;
	border-bottom:2px solid #cccccc;
}

.header.scrolled {
	background-color:#fff;
	position:fixed;
	z-index:9999;
	z-index:1;
	border-bottom:2px solid #bbbbbb;
}

.foot {
	position:absolute;
	width:100%;
	background-color:#626262;
	color:#d0c6c4;
	bottom:0;
	height:130px;
	padding:38px 0;
	
	z-index:100;
}


.logo {
	background:transparent url('../images/design/ta	hostar_logo_header.png') no-repeat center center;
	width:313px;
	height:64px;
	margin:40px 0 0 50px;
	position:relative;
	float:left;
	display:block;
}

.foot .logo {
	background-image:url('../images/design/footer_is_logo.png');
	width:281px;
	height:45px;
	margin:0;
}

.menu,
.lang {
	list-style-type:none;
	position:relative;
	float:left;
	margin:0;
	padding:0;
}


.lang li,
.menu li,
.social li {
	display:inline;
	position:relative;
	float:left;
}

.lang li{
	width:100%;
}


#main_nav {
	position:relative;
	float:left;
	height:110px;
}

.right_wrap {
	position:relative;
	float:right;
	height:135px;
}

.lang li a,
.menu li a,
a.login {
	font-weight:500;
}

.header .menu {
	margin:0 15px;
}



.main_content {
	padding-left:240px;
	margin-left:calc((100% - 1140px)/2);
}

.main_content .wrap {
	width:900px;
}

.main_content .part {
	border-bottom:2px solid #eeecec;
	padding-bottom:20px;
	margin-bottom:20px;
}


.copyrigth,
.createdby {
	position:relative;
	line-height:45px;
	vertical-align:middle;
}

.copyrigth {
	float:left;
}

.createdby {
	float:right;
}

.createdby img {
	vertical-align:middle;
	margin-left:10px;
}

.map_side,
.contact_form {
	position:relative;
	margin:20px 0 60px 0;
}

.map_side {	
	float:right;
	width:50%;
}

#olMap {
	width:100%;
	height:733px;
}

.contact_form {m
	float:left;
	width:45%;
	margin-right:5%;
}

ul.success {
	padding:0;
}

ul.success li {
	list-style:none;
	line-height:38px;
	vertical-align:middle;
	background:transparent  url('../images/design/success.png') no-repeat left center;
  	padding: 3px 0px 3px 50px;
	margin:5px 0;
}

.overlay {
	top:0;
	left:0;
	bottom:0;
	right:0;
	background-color:rgba(0, 0, 0, 0.6);
	z-index:9999;
}
	

.loading-overlay {
	position:absolute;
	border-radius:5px;
}

.loading {
	text-align:center;	
}


.contacts .message_us,
.contacts .map {
	width:100%;
	position:relative;
	float:left;
	margin-bottom:0;
}

#contact_us h2 {
	margin-top:0;
}

#contact_us .contacts {
	margin-top:50px;
}

.contacts .message_us {
	width:40%;
	padding-right:10%;
}


.message_us form {
	position:relative;
	float:left;
}

.message_us form fieldset {
	margin:0;	
}

.message_us form input,
.message_us form textarea {
	position:relative;
	float:left;
}

.message_us form input {
	width:36.5%;
	padding:15px 5%;
	margin:0 5% 22px 0;
}

.message_us form input:last-child {
	margin-right:0;
}

#contact_us .contacts .message_us {
	width:47%;
	padding-right:3%;
}

#contact_us #olMap {
	height:367px;
}

#contact_us .contacts .message_us form input {
	width:89%;
	margin:0 0 25px 0;
}

#contact_us .contacts .message_us form textarea {
	height:300px
}

.message_us form textarea {
	width:95%;
	height:190px;
	margin:0;
}

.message_us form button {
	float:right;
	padding:19px 42px 17px 42px;
	margin:30px 0 0 0;
	text-transform:uppercase;
}

#login_form {
    position: fixed;
    top: 102px;
    right: calc((100% - 983px) / 2);
    position: fixed;
    display: none;
    width: 200px;
    z-index: 99999;
}

#login_form .triangle {
	position:relative;
	margin-top:-15px;
	margin-left:calc((100% - 30px) / 2);
	width:0;
	height:0;
	border-color:transparent transparent #fff transparent;
	border-width:0 15px 16px 15px;
	border-style:solid;
}

#login_form form {
	background-color:#fff;
	padding:10px 4%;
	border-radius:5px;
	width:92%;
	height:160px;
}

#login_form input {
	font-size:17px;
	color:#888888;	
}

.overlay {
	top:0;
	left:0;
	bottom:0;
	right:0;
	background-color:rgba(50, 50, 50, 0.6);
	z-index:99999;
	display:none;
	position:fixed;
}

#login_form input {
	margin-bottom:10px;
}

#login_form button {
	padding:6px 2%;
	width:80%;
	margin:3px 0 0 18px;
}

a.learn_more,
.firstpage .main_news_block {
	font-size:15px;
	line-height:17px;
}

.text_block .title {
	margin-bottom:20px;
}

.overlay {
	top:0;
	left:0;
	bottom:0;
	right:0;
	background-color:rgba(0, 0, 0, 0.6);
	z-index:9999;
	display:none;
	position:fixed;
}

.cookies_warning_overlay {
	position:fixed;
	display:block;	
}


.text_banner {
	overflow:auto;
	border-bottom:3px solid #eeecec;
} 

/*--------------------- PICS -----------------------------------------------------------------*/
.pic_l, .pic_c, .pic_r {
	font-size:0.75em;
	text-align:center;
	padding:5px;
	margin:5px 10px;
}

.pic_l,
.title_pic.left {
	float:left;
	margin-left:0;
}

.pic_c {
	margin:5px auto;
}

.pic_r,
.title_pic.right {
	float:right;
	margin-right:0;
}

.title_pic {
	position:relative;	
	margin:5px 2%;
	max-width:68%;
}

.pic_l img, .pic_c img, .pic_r img,
.title_pic img {
	max-width:100%;
	position:relative;
	float:left;
}

.lightbox_img img {
	box-shadow:1px 1px 8px #d5d5d5;
}

/*--------------------- VIDS -----------------------------------------------------------------*/
.vid_l, .vid_c, .vid_r {
	text-align:center;
	padding:5px;
	margin:20px;
}

.vid_l {
	float:left;
	margin-left:0;
}

.vid_c { 
	margin:20px auto;
	float:none;
	position:static;
}

.vid_r {
	float:right;
	margin-right:0;
}

.vid_lightbox {
	display:none
}

/*------------------------- vertical centering ---------------------*/

.outer {
	display:table;
	height:90%;
}

.inner {
	display:table-cell;
	vertical-align:middle;
}

.inner .center_span{
	position:relative;
	float:left;
	text-align:left;
}

@media screen and (max-width: 1140px) {	
	body, a, input, textarea, button {
		font-size:15px;
		line-height:29px;
	}
	
	h3 {
		font-size:18px;
		line-height:23px;	
	}
	
	.infographic#try_it_yourself .descr h3 {
		font-size:29px;
		line-height:36px;
	}
	
	.sizer {
		width:98%;
		margin:0 1%;
		
	}
	
	.main_content {
		margin-left:1%;
		padding-left:150px;
	}
	
	.left_menu.fixed {
		width:120px;
		left:1%;
	}
	
	.main_content .wrap {
		width:98%;
	}
	
	#components td img {
		width:98%
	}
	
	#login_form {
		right:1%;
	}
	
	.lang li a, .menu li a {
		padding-left:5px;
		padding-right:5px;
	}
	
	.infographic.type_0:nth-child(odd) .descr,
	.infographic.type_0:nth-child(even) .descr {
		width:24%;
		margin-left:1%;
		margin-right:1%;
	}
	
	.infographic#try_it_yourself .descr {
		width:39%;
	}
	
	.infographic.type_0 .infographic_background {
		width:74%;
	}
	
	.infographic#try_it_yourself .infographic_background {
		width:59%;
	}
}

@media screen and (max-width: 1055px) {
	h1 {
		font-size:38px;
		line-height:58px;
	}
		
	.message_us form input {
		width:89%;
		margin-right:0;
	}
	
	.infographic.type_2 {
		width:100%;
	}
}

@media screen and (max-width: 750px) {
	.header,
	#login_form {
		position: absolute;
	}
	
	.header.scrolled {
		border:none;
	}
	
	.main_content .part:before { /* remove bottstrap nav hack  */
	  display: none; 
	}

	.left_menu.fixed {
		position:relative;
		margin-left:-150px;
		left:auto;
		top:auto;
		margin-top:10px;
	}
}


.row{
	border-bottom:1px solid #cccccc;	
	
}

.row table{
	width:95%;
	position:relative;
	margin:85px auto;	
}


.row table#realtime_updates{
	width:50%;
	position:relative;
	margin:55px auto -6px auto;
}

.row table#realtime_updates tr:nth-child(2) td{
	text-align: left;
	padding: 40px 0 40px 10px;
	vertical-align: middle;
	color: #000000;
	font-size: 20px;
	line-height: 26px;		
}




          
element {text-align: left;vertical-align: middle;padding: 19px 0 30px 0;}

.row table#realtime_updates td{
	padding:0;
}



div.text_block.index.sizer.first p{
	height:0;	
}





.row table.features td{
	/*border:1px solid red;*/
	width:33%;
	text-align:center;
	font-size:28px;
	line-height:32px;	
	
}

.row table td{
	width:50%;
	text-align:left;
	vertical-align:bottom;

}


.row table tr:nth-child(2)  td{
	vertical-align:top;
}



.menubar{
	position:relative;
	float:right;
	margin:59px 0 0 0;
	z-index:10000;
	
}

.menubar ul{
	position:relative;
	float:left;
	margin:0;
	padding:0;
	list-style-type: none;
	height:40px;
}

.menubar ul li{
	position:relative;
	float:left;
	margin:0 39px 0 0;
	font-size:20px;
	font-weight:400;
	color:#777777;
	cursor:pointer;
}

.menubar ul li a{
	font-size:20px;
	font-weight:bold;
	color:#999999;
	cursor:pointer;
}

.menubar ul li:hover,
.menubar ul li a:hover{
	color:#009FE3;
	border-bottom:4px solid #009FE3;
	padding: 0 0 6px 0;
}

div.header div.sizer{
	height:100%;
}

.languages{
	position:relative;
	float:right;
	border:1px solid #cfcfcf;
	margin:50px 20px 0 0;
	width:100px;
	height:47px;
}

.contact_block{
	position: absolute;
	width: 460px;
	height: 310px;
	z-index: 1;
	top: 77px;
	left: 20%;
	background-color: white;
}

.demoform{
	background-color: #016392;
	position: relative;
	float: left;
	width: 100%;
}

.demotext{
	position: relative;
	float: left;
	margin: 50px 20px 0 110px;
	width: 408px;
	height: 345px;
	text-align:center;
	font-size:26px;
	color:#333333;
}

form#demo_request{
	position: relative;
	float: right;
	margin: 50px 126px 0 28px;
	width: 400px;
	height: 400px;		
}


.foot .copyright a{
	color:#ffffff;
	font-size:15px;
}

.foot .right_side,
.foot .left_side {
	position:relative;
	float:left;
}

.foot .left_side {
	width:30%;
	height:150px;
}

.foot .right_side {
	width:63%;
}

.foot .contacts {
	color:#fff;
	position:relative;
	float:right;
	width:35%;
}

.foot .contacts a {
	color:#fff;
	font-size:15px;
	line-height:20px;
}

.foot .contacts h2 {
	font-size:17px;
	line-height:19px;
	text-transform:uppercase;
	margin:15px 0;
	padding:0;
}

.foot .contacts p {
	line-height:20px;
	margin:10px 0;
	font-size:13px;
}

.foot .social {
	position:relative;
	float:left;
	margin:0;
	padding:0;
}

div.contacts h3{
	color:#ffffff;
	margin:0;
	font-size:20px;
}


.foot span.ico{
	margin: 0 10px 0 0;
	width: 26px;	
}



.solutions {
	position:relative;
	float:left;
	width:100%;
	height:634px;
	background-color:#006391;
}


.magentarow,
.magentarow .sizer{ 
	background-color:#8E008E;
	border:3px solid red;
}

.magentarow .sizer {
	height:200px;
	width:68%;
	color:white;
	font-size: 36px;
	line-height: 42px;
	font-family: 'Oswald', sans-serif;
	font-weight:200;
}



.solutions .sizer{
	background:transparent url('../images/design/tachostar-truck-bg.jpg') no-repeat center center;
}



.pusbilde{
    position: relative;
    float: right;
    width: 401px;
    height: 291px;
    background:transparent url('../images/design/pusbilde.png') no-repeat center center / 80%;
    margin: 65px 95px 0 122px;
}


.tryforfree{
	position: relative;
	float: left;
	width: 244px;
	height: 46px;
	background-color: orange;
	color: white;
	margin: 36px 0 0 147px;
	border-radius: 21px;
	padding: 13px 4px 0 15px;
	font-size: 28px;
	font-weight: bold;
}

.trackyourdata{
	border: 2px solid red;
	height: 214px;
	background-color: white;
	color: black;
	margin: 64px 0 0 130px;
	width: 300px;
}

.solution_wrapper{
	position:relative; 
	float:left; 
	width:100%; 
	height:626px; 
	margin:32px 0 0 0;
}

.solution_leftside{
	position:relative; 
	float:left; 
	width:48%; 
	height:100%;
}

.solution_rightside{
	position:relative; 
	float:right; 
	width:48%; 
	height:100%;
}


div.solutions table{
	width: 78%;
	margin: 48px 0 0 100px;	
}

div.solutions table  tr:nth-child(1) td{
font-size: 87px;
line-height: 90px;
color: #ffffff;
font-family: 'Oswald', sans-serif;
}

div.solutions table  tr:nth-child(2) td{
	font-size: 29px;
	line-height: 34px;
	color: #ffffff;
	font-family: 'Roboto';
	font-weight:300;
	padding: 26px 0 0 0;
}

div.text_block.index.sizer{
	overflow:hidden;
}

div.content_a	{
	margin:365px 0 0 0;
		margin:106px 0 0 0;
}

div#joslas{
	position:relative;
	float:left;
	width:100%;
	
}

.header ul.lang {
	list-style-type: none;
	width: 130px;
	height: 40px;
	display: block;
	position: relative;
	float: right;
	margin: 57px 33px 0 0;
}

.header ul.lang li{
	width: 46px;
	height: 32px;
	display: block;
	position: relative;
	float: left;
	margin: 0 11px 0 0;
	border: 1px solid #ffffff;
}

.header ul.lang li.active{
	border: 1px solid #dddddd;
}


.lang li a{
	text-transform:uppercase;
	padding:12px 10px;
	margin:0 5px;
	color:#b5b5b5;
	line-height:1em;
}

.solution_leftside .block{
	width:1000px;
}

table#request_demo{
	position: absolute;
	top: 130px;
	left: 389px;
	width: 530px;
	color:#ffffff;
	text-align:left;	
}

table#ddd_downloads,
table#schedule_downloads,
table#driver_activities,
table#infringements,
table#we_working,
table#monthly_reports{
	width:1140px;
}

table#schedule_downloads span.gray,
table#schedule_downloads span.red{
	margin:0 0 0 70px;
	display:block;
	position:relative;
	float:left;	
}

table#infringements span.gray,
table#infringements span.red{
	margin:0 0 0 50px;
	display:block;
	position:relative;
	float:left;	
}


	

form#demo_request button{
	margin:35px 0 0 0;
}


table#we_working{
	position:relative;
	margin:70px auto;	
}

table#we_working tr td{ 
	padding:10px 0 10px 0;
}


table#we_working tr:nth-child(2) td{
	text-align:center;
	
}

table#we_working tr:nth-child(3) td{
	text-align:center;
	font-size:22px;
	
}
table#we_working tr:nth-child(4) td{
	text-align:center;
	
}



table#mapcontacts tr  td{
	padding:0;
}

table#mapcontacts tr:nth-child(1) td{
	text-align: left;
	color: #4AADE6;
	font-size: 20px;
	font-weight: bold;
	padding: 18px 0 0 17px;	
}

table#mapcontacts tr:nth-child(2) td{
	text-align: left;
	font-size: 20px;
	padding:0 0 0 17px;
}

table#mapcontacts tr td:nth-child(2){
	padding:10px 0 0 0;	
}



.header .lang {
	position:relative;
	float:right;
	margin-right:156px;
	margin-top:58px;
}



.header .lang .active_lang {
	padding:10px;
	border-radius:5px;
	cursor:pointer;
	position:relative;
	float:left;
	height:13px;
}

.header .lang .active_lang.open {
	border-bottom:none;
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
}

.header .lang .active_lang img {
	position:relative;
	float:left;
}





.header .lang  .triangle {
	position:relative;
	float:left;
	margin: 2px 0 0 8px;
	width: 0px;
    height: 0px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #2f2f2f;
}



.header .lang  .triangle.up {
    border-top: 0px solid transparent;
    border-bottom: 5px solid #2f2f2f;
}





.header .lang ul {
	display:none;
	position:absolute;
	border:1px solid #d4d4d4;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	right:0;
	left:0;
	top:16px;
	background-color:white;
	z-index:9999;
	padding:0	;

}






.header .lang ul li a {
	display:block;
	text-align:center;
	padding:10px 0;
	margin:0;	
}

.header .lang ul li.active a {
	background-color:#d4d4d4;
}
	
	
	
table#footer_tab{
	/*border:2px solid red;*/
}	

.cookies_warn {
	position: fixed;
	width: 350px;
	height: 230px;
	top: 250px;
	left:calc(50% - 175px);
	z-index: 10000;
	padding: 17px 10px 7px 10px;
	background-color: white;
	border-radius: 5px;
	text-align: center;
	color: #555555;
	line-height:22px;
}

.cookies_warn a {
	text-decoration: underline;
	cursor: pointer;
}

.cookies_warn a:hover {
	color: #000000;
}

.cookies_warn button {
	width: 150px;
	border: 1px solid #6694c5;
	border-radius: 5px;
	padding: 9px 0;
	text-transform: uppercase;
	background-color: #37a4dd;
	font-size: 1.2em;
	font-weight: bold;
	color: white;
	position: absolute;
	bottom: 24px;
	left: 7px;
	cursor: pointer;
}