/*index.css*/
html{
	height: 100%;
}

body{
	background-color: rgb(247,248,250);
	height: 100%;
}

@font-face {
    font-family: "EtelkaLig";
    src: url("../fonts/ETELKALIGHTPRO_4/ETELKALIGHTPRO_4.eot");
    src: url("../fonts/ETELKALIGHTPRO_4/ETELKALIGHTPRO_4.eot?#iefix")format("embedded-opentype"),
    url("../fonts/ETELKALIGHTPRO_4/ETELKALIGHTPRO_4.woff") format("woff"),
    url("../fonts/ETELKALIGHTPRO_4/ETELKALIGHTPRO_4.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "EtelkaReg";
    src: url("../fonts/EtelkaRegPro_2/EtelkaRegPro_2.eot");
    src: url("../fonts/EtelkaRegPro_2/EtelkaRegPro_2.eot?#iefix")format("embedded-opentype"),
    url("../fonts/EtelkaRegPro_2/EtelkaRegPro_2.woff") format("woff"),
    url("../fonts/EtelkaRegPro_2/EtelkaRegPro_2.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

.navbar-default{
	background: none;
	border:none;
	z-index: 1;
}

.in .nav > li{
	background: rgb(247,248,250);
}


#mainmenuplace.navbar-nav > li > a {
	color:rgb(120,121,121);
}

#mainmenuplace.navbar-nav > li > a:hover {
	text-decoration:underline;
}

#mainmenuplace.navbar-nav > li .navbar-form .form-control {
	box-shadow: 2px 2px 10px rgba(220,220,220,0.5);
	border: none;
	width:150px;
	border-radius: 20px;
}

#mainmenuplace.navbar-nav > li.searchplace{
	width:150px;
}

#mainmenuplace.navbar-nav > li.enplace{
	/*width:50px;*/
	min-height: 50px;
}

#mainmenuplace.navbar-nav > li.enplace .btn-primary,  .navbar-default .dropdown.mobile .btn-primary{
	box-shadow: 2px 2px 10px rgba(220,220,220,0.5);
	border: none;
	width:87px;
	border-radius: 20px;
	background: rgb(247,248,250);
/*	color:rgb(180,181,181); */
    color:rgb(0,0,0); 
	top:10px;
	left:30px;
	position: relative;
}

#mainmenuplace.navbar-nav > li.enplace a{
	line-height: 1;
	font-size: 13px;
}

#searchplace{
	display: none;
}

/*.in #mainmenuplace.navbar-nav> li.searchplace, .in #mainmenuplace.navbar-nav > li.enplace{
	display: none;
}*/

.in #mainmenuplace.navbar-nav> li.searchplace {
	display: none;
}

#mainmenuplace.navbar-nav > li .glyphicon, #mainmenuplace.navbar-nav > li .likeglyphicon{
	color:rgb(220,220,220);
	background: rgb(255,255,255);
	padding: 10px;
	border-radius: 20px;
	box-shadow: 2px 2px 10px rgba(220,220,220,0.5);
	right: -15px;
	top: 10px;
	position: absolute;
}
	div.site-wrapper{
		height: 100%;
		background: url('../images/1200/bg.jpg') 100% 100% no-repeat;
		background-size: cover;
	}

	div#placeholder_sh278235254{
		width:69%;
		height:95%;
		background: url('../images/1200/shuterstock_278235254.png') 100% 100% no-repeat;
		background-size: cover;
		position: absolute;
		bottom: 0;
		right:8%;

	}

	div#logo{
		position: absolute;
		width:11%;
		height:3%;
		top:4%;
		left:3%;
		background:  url('../images/1200/logo.png') 100% 100% no-repeat;
		background-size: cover;
		cursor:pointer;
		z-index: 10;
	}

	h1#autologus{
		font-family: "EtelkaReg";
		text-align: center;
		width: 20%;
		height: 11%;
		left:19%;
		top:44%;
		position: absolute;
		font-size:150%;
		font-weight:bolder;
	}
	
	
	.navbar-default .dropdown.mobile{display:none;    position: absolute;   right: 100px;}
	.navbar-default .dropdown.mobile .dropdown-menu{left:-20px;}
	
	

/* scroll.js */
#scrollSliderVertical{
    position: fixed;
    height: 70%;
    width:5px;
    border: 1px solid rgb(220,220,220);
    background: rgb(235,235,235);
    border-radius: 3px;
    box-shadow:inset 0 0 2px rgba(255,255,255,0.5);
    left:41%;
    top:15%;
}

#scrollSliderVertical #custom-handle{
    width: 100%;
    height:50%;
    border-radius: 3px;
    box-shadow:inset 0 0 1px rgba(100,100,100,0.5);
    background: rgb(200,200,200);
    cursor:pointer;

}
/* scroll.js */
	

@media all and (orientation: landscape){

	@media (aspect-ratio:1600/1080), (min-aspect-ratio:1570/1080) and (max-aspect-ratio:1630/1080) and (min-width:1500px){
		div#logo{
			height:3%;
			width:18%;
		}

		div#placeholder_sh278235254{
			height:65%;
		}
	}


	@media (min-width:1200px) and (max-width: 1919px) {

		div#placeholder_sh278235254{
			width:69%;
			height:95%;
			background: url('../images/1200/shuterstock_278235254.png') 100% 100% no-repeat;
			background-size: cover;
			position: absolute;
			bottom: 0;
			right:8%;

		}

		div.site-wrapper{
			height: 100%;
			background: url('../images/1200/bg.jpg') 100% 100% no-repeat;
			background-size: cover;
		}

		div#logo{
			position: absolute;
			width:13%;
			height:4%;
			top:4%;
			left:3%;
			background:  url('../images/1200/logo.png') 100% 100% no-repeat;
			background-size: cover;
		}

		h1#autologus{
			text-align: center;
			width: 20%;
			height: 11%;
			left:19%;
			top:44%;
			position: absolute;
			font-size:220%;
		}

		@media (min-aspect-ratio:1360/700) and (max-aspect-ratio:1390/600){
			div#placeholder_sh278235254{
				width:49%;
			}

			div#logo{
				height:5%;
			}
		}

	}

	@media (min-width:1920px){
		div#placeholder_sh278235254{
			width:69%;
			height:95%;
			background: url('../images/1920/shuterstock_278235254.png') 100% 100% no-repeat;
			background-size: cover;
			position: absolute;
			bottom: 0;
			right:8%;
		}

		div.site-wrapper{

			background-image: url('../images/1920/bg.jpg')100% 100% no-repeat;
			background-size: cover;
		}

		div#logo{
			position: absolute;
			width:11%;
			height:3%;
			top:4%;
			left:3%;
			background:  url('../images/1920/logo.png') 100% 100% no-repeat;
			background-size: cover;
		}

		h1#autologus{
			text-align: center;
			width: 20%;
			height: 11%;
			left:19%;
			top:44%;
			position: absolute;
			font-size:300%;
		}
	}

	@media (min-aspect-ratio:750/600) and (max-aspect-ratio:850/600), (max-width: 500px){
		h1#autologus{
			left:5%;
		}
		div#logo{
			width:14%;
		}
	}

	@media (aspect-ratio:1280/1024), (min-aspect-ratio:1229/1024) and (max-aspect-ratio:1331/1024){
		div#logo{
			width:18%;
			height:4%;
		}
		h1#autologus {
			left:9%;
		}
	}

	@media (aspect-ratio:480/320), (min-aspect-ratio:468/320) and (max-aspect-ratio:492/320){
		div#logo{
			width:30%;
			height:8%;
		}

		h1#autologus {
			width:30%;
		}
	}

	@media (aspect-ratio:800/600), (min-aspect-ratio:780/600) and (max-aspect-ratio:820/600){
		h1#autologus {
			width:30%;
		}
		div#placeholder_sh278235254{
			height:80%;
		}
	}

	@media (aspect-ratio:1440/900), (min-aspect-ratio:1400/900) and (max-aspect-ratio:1480/900){
		div#logo{
			width:15%;
		}
	}

	@media (aspect-ratio:1600/900), (min-aspect-ratio:1600/950) and (max-aspect-ratio:1600/800){
		div#logo{
			width:14%;

		}
	}

	@media (aspect-ratio:1600/860), (min-aspect-ratio:1600/870) and (max-aspect-ratio:1600/855){
		div#logo{
			width:13%;
		}
	}

	@media (aspect-ratio:960/600), (min-aspect-ratio:900/600) and (max-aspect-ratio:1000/600){
		div#logo{
			height: 4%;
			 width:14%;
		}

		div#placeholder_sh278235254 {
			height:90%;
		}
	}

	@media (aspect-ratio:1024/600), (min-aspect-ratio:1000/600) and (max-aspect-ratio:1050/600){
		div#logo{
			height: 4%;
			 width:13%;
		}

		div#placeholder_sh278235254 {
			height:90%;
		}

	}

}


@media all and (orientation: portrait){
	div#placeholder_sh278235254{
		width:100%;
		height:75%;
	}

	div#logo{
		position: absolute;
		width:20%;
		height:3%;
		top:3%;
		left:3%;
		background:  url('../images/1200/logo.png') 100% 100% no-repeat;
		background-size: cover;
	}

	h1#autologus{
		text-align: center;
		width: 100%;
		height: 11%;
		left:0;
		top:10%;
		position: absolute;
		font-size:220%;
	}

	@media (aspect-ratio:320/480), (min-aspect-ratio:300/450) and (max-aspect-ratio:350/500){
		div#logo{
			width:35%;
			height:4%;
		}
	}

	@media (aspect-ratio:600/800), (min-aspect-ratio:560/800) and (max-aspect-ratio:640/800){
		div#logo{
			width:30%;
			height:4%;
		}
	}

	@media (min-aspect-ratio:760/1024) and (min-width:760px ) and (min-height: 1300px){
		div#logo{
			height:3%;
			width:25%;
		}
	}

	@media (aspect-ratio:900/1440) and (min-width:850px), (min-aspect-ratio:864/1440) and (max-aspect-ratio:950/1440) and (min-width:850px){
		div#logo{
			height:2%;
			width:18%;
		}
	}

	@media (aspect-ratio:900/1600), (min-aspect-ratio:884/1600) and (max-aspect-ratio:930/1600) and (min-width:850px){
		div#logo{
			height:2%;
			width:18%;
		}

		div#placeholder_sh278235254{
			height:65%;
		}
	}

	@media (aspect-ratio:768/1366), (min-aspect-ratio:760/1366) and (max-aspect-ratio:778/1366){
		div#logo{
			height:2%;
			width:21%;
		}

		div#placeholder_sh278235254{
			height:55%;
		}
	}


  @media (min-aspect-ratio:768/1366) and (min-width:760px ) and (min-height: 1300px) and (max-height: 840px){

		div#placeholder_sh278235254{
			height:55%;
		}

		div#logo{
			height:5%;
		}
  }

  @media (aspect-ratio:1024/1280) and (min-width:1000px), (min-aspect-ratio:1000/1280) and (max-aspect-ratio:1044/1280){

		div#logo{
			width:22%;
		}
  }

	@media (aspect-ratio:320/533), (min-aspect-ratio:320/535) and (max-aspect-ratio:320/517){
		div#logo{
			height: 5%;
			 width:46%;
			 left:7%;
		}

		div#placeholder_sh278235254 {
			height:45%;
		}

		.in #mainmenuplace.navbar-nav > li.searchplace{
			display:block;
			position: relative;
			height: 70px;
			width: 100%;
			background: rgb(247, 248, 250);
		}

		.in #mainmenuplace.navbar-nav > li.searchplace .navbar-form{
			margin-top: 0;
		}

		#mainmenuplace.navbar-nav > li .glyphicon, #mainmenuplace.navbar-nav > li .likeglyphicon{
			right: 5px;
		}

		.in #mainmenuplace.navbar-nav > li.enplace {
			display:block;
			position: absolute;
			width: 100%;
			height: 50px;
		}
		.navbar-nav .open .dropdown-menu{
			background: rgb(247, 248, 250);
		}

		#applicationsHeader{
			font-size: 24px;

		}

		.site-wrapper-inner #scrollButtons{
			width: 70%;
		}

	}

}

@media all and (orientation: landscape){

	@media (aspect-ratio:1600/1080), (min-aspect-ratio:1570/1080) and (max-aspect-ratio:1630/1080) and (min-width:1500px){
		div#logo{
			top:5%;
			left:4%;
			height:3%;
			width:12%;
		}


	}

	@media (aspect-ratio:1600/900), (min-aspect-ratio:1570/900) and (max-aspect-ratio:1630/900) and (min-width:1500px){
		div#logo{
			top:5%;
			left:4%;
			height:4%;
			width:13%;
		}


	}
}

#midscrollPlace {
	overflow: hidden !important;
		overflow-x: scroll !important;
}

#logo {
	background-size: contain !important;
}

@media only screen and (max-width : 768px) {
	#verticalScrollPlace{
		overflow: hidden !important;
		overflow-y: scroll !important;
	}
	#logo{
		width: 167px !important;
		    height: 39px !important;
		    background-size: contain !important;
		    background-position: 0 0 !important;
	}
	
	
}
@media only screen and (max-width : 767px) {
	.navbar-default .dropdown.mobile{display:block;}
	.navbar-default{z-index:11;}
	#mainmenuplace.navbar-nav > li.enplace{display:none;}
}