/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/*
 * Responsive Style Sheet - Defines base styles for mobile devices
 */


/* Responsive Utility Classes
----------------------------------------------------------------------------------------------------*/

.hidden-desktop { display: none; }
a.button-2 { display: none; }

/* Only Phones */
@media (max-width: 767px) {
	.hidden-desktop { display: block; }
	.hidden-phone { display: none; }
}

/* Only Tablets (Portrait) */
@media (min-width: 768px) and (max-width: 959px) {
	.hidden-desktop { display: block; }
	.hidden-tablet { display: none; }
}


/* Responsive Content
----------------------------------------------------------------------------------------------------*/

#header-responsive { 
	display: none; 
}

/* Layout Breakpoints
----------------------------------------------------------------------------------------------------*/

/* All except large Screens */
@media (max-width: 1220px) {

	#banner { display: none; }
	.module-title {
		padding: 0 10px 10px;	
	}

}

/* Only Phones and Tablets (Portrait) */
@media (max-width: 959px) {

	/* Layout */
	#maininner,
	#sidebar-a,
	#sidebar-b {
		width: 100%;
		left: auto;
		right: auto;
	}
	
	.text_slider p.box {
		position:static;
		padding: 40% 20px 2px;
		width: 95%;
	}
	#top-a {		
    	background-size: contain;
		background-position: 50% 28%
	}	
}

/* Only Tablets (Portrait) and Phones (Landscape) */
@media (min-width: 480px) and (max-width: 959px) {
	
	.front-image {
		padding: 20px 0;
		width: 100%;
		margin-bottom: 80px;
	}
	
	.front-text {
		margin: 40px 0;
	}		
	
	.slider-wrapper .img-mac {
		display: none;
	}
	
	.btn-app {
		bottom: -100px;
		left: 0;
		padding: 0;
		text-align: center;
	}

	.btn-item {
		display: inline-block;
	}

	/* Layout */
	.width16,
	.width20,
	.width25,
	.width40,
	.width60,
	.width75,
	.width80 { width: 50%; }

	.width50 .width50 { width: 100%; }

	.sidebars-1 #sidebar-a .width100,
	.sidebars-1 #sidebar-b .width100 { width: 50%; }

	#sidebar-a .width100:nth-child(odd):last-child,
	#sidebar-b .width100:nth-child(odd):last-child,
	.width20:nth-child(odd):last-child { width: 100%; }

	.sidebars-2 #sidebar-a,
	.sidebars-2 #sidebar-b { width: 50%; }
	.sidebars-2.sidebar-b-left:not(.sidebar-a-left) #sidebar-a { float: right; } /* Keep Sidebar order */

	.grid-gutter > .grid-box:nth-child(n+3) > * { margin-top: 30px; }

	/* Tools */
	.width50 .align-left,
	.width50 .alignleft,
	.width50 .align-right,
	.width50 .alignright {
		margin: 0 auto 15px auto;
		float: none;
	}
	
	.searchbox {
		display: none;
	}
	
	.slider-wrapper {
		height: auto;
		padding-bottom: 20px; 
	}
		
	.text_slider .btns-s {
    	position: static;
		margin: 0 0 0 20px;	
	}
	
	.news-item {
  		width: 24%;
	}
	
	#innerbottom {
		width: 100%;
	
	}
	#innertop {
		float: none;
		margin: 0;
	}
	
	.blue-box {
    	width: 40%;
	}
}

@media (max-width: 800px) {
	
	.front-image {
		padding: 20px 0;
		width: 100%;
		margin-bottom: 80px;
	}
	
	.front-text {
		margin: 40px 0;
	}		
	
	.slider-wrapper .img-mac {
		display: none;
	}
	
	.btn-app {
		bottom: -100px;
		left: 0;
		padding: 0;
		text-align: center;
	}

	.btn-item {
		display: inline-block;
	}

	.step-block {
		width: 100%;
		padding: 20px;
		text-align: center;
		font-size: 18px;
		line-height: 22px;
	}
	.step-button {
		padding: 0 10px;
		border-radius: 5px;
		margin: 5px;
		font-size: 15px;
	}


}

/* Only Phones */
@media (max-width: 767px) {
	
			
	.front-image {
		padding: 20px 0;
		width: 100%;
		margin-bottom: 80px;
	}
	
	.front-text {
		margin: 40px 0;
	}		
	
	.slider-wrapper .img-mac {
		display: none;
	}
	
	.btn-app {
		bottom: -100px;
		left: 0;
		padding: 0;
		text-align: center;
	}

	.btn-item {
		display: inline-block;
	}


	/* Layout */
	.width33,
	.width66 { width: 100%; }

	/* Header */
	#header-responsive { display: block; }

	#header-responsive .searchbox {
		display: none;
	}

	#header-responsive .logo { 
		display: block;
		text-align: center;
		width: 100%;	
		margin-top: 20px; 
	}
	
	#header-responsive .logo span { 
		display: block;
		text-align: center;
		width: 100%;	
		margin-bottom: 10px; 
		
		
	}

	#header-responsive .header-block {
		float: none;
		text-align: center;
		margin: 5px 0 5px;
		padding: 0 0 10px;
	}
	
	#header-responsive .header-block  h-block {
		margin: 5px;
	}
	
	#header-responsive .header-block .langs {
		margin: 5px 0 5px;
	}
	

	/* Menu */
	.menu-responsive {
		width: 100%;
		font-size: 14px;
	}
	
	.grid-box {
    	float: none;
    	margin: auto;
	}
	
	.video iframe {
	 	width: 468px;
	 	height: 315px;
	}
	
	.width50 {
		width: 100%;
	}
	
	.news-item {
  		width: 32%;
		height: 320px;
	}
	
	#innerbottom {
		width: 100%;
	
	}
	#innertop {
		float: none;
		margin: 0;
	}	
	
	.copy {
    	float: none;
    	padding-top: 15px;
    	text-align: center;
	}
	
	.icons_r {
		float: none;
		width: 300px;
		margin: auto;
	}
	
	.shareaholic-share-buttons-container 
	.shareaholic-share-buttons-wrapper {
		display: block !important;	
	}
	a.button-2 { display: block; }
}

@media (max-width: 660px) {
		
	.front-image {
		padding: 20px 0;
		width: 100%;
		margin-bottom: 80px;
	}
	
	.front-text {
		margin: 40px 0;
	}	
	
	.slider-wrapper .img-mac {
		display: none;

	}
	
	.btn-app {
		bottom: -100px;
		left: 0;
		padding: 0;
		text-align: center;
	}

	.btn-item {
		display: inline-block;
	}


	.blue-box {
    	width: 90%;
	}
	.col-md-2 {
    	width: 100%;
	}
	.text_slider .btns-s {
    	position: static;
		margin: 0 0 0 20px;	
	}
	
	.text_slider .btns-s img {
		margin: 0 0 5px 30%;	
	}
	
	.text_slider .btns-s a.button-1, .text_slider .btns-s a.button-2 {
		clear:both;
		float: none;
		margin: auto;	
	}
}

@media (min-width: 240px) and  (max-width: 525px) {
	#lightbox-content .link-img-mail img,
	#lightbox-content .link-img-pro img,
	#lightbox-content .link-img-md img  {
		width: 90%;
	}
	.text_slider p.box {
		padding: 40% 20px 2px;
	}
	#top-a {		
		background-position: 50% 33%
	}
}

/* Only Phones (Landscape) */
@media (min-width: 479px) and (max-width: 520px) {
	
		
	.front-image {
		padding: 20px 0;
		width: 100%;
		margin-bottom: 80px;
	}
	
	.front-text {
		padding: 20px 0;
		margin: 10px 0;
		width: 100%;
		text-align: center;
	}
	
	.front-text h1 {
		font-size: 24px;
		line-height: 26px;	
	}
	
	.front-text p {
		text-align: center;
		font-size: 22px;
		line-height: 24px
	}
	
	.slider-wrapper .img-mac {
		display: none;

	}
	
	.btn-app {
		bottom: -100px;
		left: 0;
		padding: 0;
		text-align: center;
	}

	.btn-item {
		display: inline-block;
	}

	
	.scroll-w {
		height: auto;
	}
	
	.home_ul > li {
		width:100%;
		float: none;
	}
	
	.video iframe {
	 	width: 100%;
	 	height: 315px;
	}
	
	.width50 {
		width: 100%;
	}
	
	#innerbottom {
		width: 100%;
	
	}
	#innertop {
		float: none;
		margin: 0;
	}
	.blue-box {
    	width: 90%;
	}
	
	.col-md-2 {
    	width: 100%;
	}
		
 
}

/* Only Phones (Portrait) */
@media (max-width: 479px) {
	
	.front-image {
		padding: 20px 0;
		width: 100%;
		margin-bottom: 80px;
	}
	
	.front-text {
		padding: 20px 0;
		margin: 10px 0;
		width: 100%;
		text-align: center;
	}
	
	.front-text h1 {
		font-size: 24px;
		line-height: 26px;	
	}
	
	.front-text p {
		text-align: center;
		font-size: 22px;
		line-height: 24px
	}
	
	.slider-wrapper .img-mac {
		display: none;

	}
	
	.btn-app {
		bottom: -100px;
		left: 0;
		padding: 0;
		text-align: center;
	}

	.btn-item {
		display: inline-block;
	}

	/* Base */
	body { word-wrap: break-word; }

	/* Layout */
	.width16,
	.width20,
	.width25,
	.width40,
	.width50,
	.width60,
	.width75,
	.width80 { width: 100%; }

	.grid-gutter > .grid-box:nth-child(n+2) > * { margin-top: 30px; }

	/* Tools */
	.align-left,
	.alignleft,
	.align-right,
	.alignright {
		margin: 0 auto 15px auto;
		float: none;
	}
	
	#header-responsive .header-block .h-block {
		display:block;
		
	}
	
	.header-block {
	height: 150px;
	}
	
	.langs {
		text-align:center;
	}
	
	.langs-box {
		text-align:center;
	}	

	.read-about {
		margin: 5px auto 10px;
	}
	
	.slider-wrapper {
		height: auto;
		padding-bottom: 20px; 
	}

	
	.home_ul > li {
		width:100%;
		float: none;
	}
	
	.scroll-w {
		height: auto;
	}
	
	.video iframe {
	 	width: 100%;
	 	height: 315px;
	}
	
	.width50 {
		width: 100%;
	}
	
	.news-item {
  		width: 49%;
		height: 300px;
	}
	
	.quote {
    	float: none;
		width: 100%;
	}
	
	.quote blockquote {
		width: 80%;
		padding: 10px 30px 10px;
	}
	
	#innerbottom {
		width: 100%;
	
	}
	#innertop {
		float: none;
		margin: 0;
	}
	
	.sotrudniki	.col-md-4 {
		float: none;
		margin: auto;
		padding: 10px 0;
	
	}
	.blue-box {
    	width: 90%;
	}
	.col-md-2 {
    	width: 100%;
	}

}


/* Fix Viewport for IE10 Snap Mode
----------------------------------------------------------------------------------------------------*/

@media (max-width: 400px) {
	
	.front-image {
		padding: 0;
		width: 100%;
		margin-bottom: 80px;
	}
	
	.front-text {
		padding: 10px 0;
		margin: 10px 0;
		width: 100%;
		text-align: center;
	}
	
	.front-text h1 {
		font-size: 24px;
		line-height: 26px;	
	}
	
	.front-text p {
		text-align: center;
		font-size: 22px;
		line-height: 24px
	}
	
	.slider-wrapper .img-mac {
		display: none;

	}
	
	.btn-app {
		bottom: -80px;
		padding: 0;
		text-align: center;
	}

	.btn-item {
		display: inline-block;
	}
	
	@-ms-viewport{
		width: 320px;
	}
	
	.text_slider .btns-s img {
		margin: 0 0 5px 25%;	
	}
	
	.home_ul > li {
		width:100%;
		float: none;
	}
	
	.scroll-w {
		height: auto;
	}
	
	.video iframe {
	 	width: 100%;
	 	height: auto;
	}
	
	.width50 {
		width: 100%;
	}
	
	.news-item {
  		width: 99%;
		height: auto;
	}
	
	.thumb {
    	height: auto;
    	overflow: hidden;
   	 	margin-bottom: 10px;
	}
	
	#innerbottom {
		width: 100%;
	
	}
	#innertop {
		float: none;
		margin: 0;
	}
	.blue-g	img {
		width: 80%;
	}
	.blue-box {
    	width: 90%;
	}
	
	.blue-bg-box .icons {
    	width: 131px;
	}
	
	.sotrudniki img {
		display: block;
		margin-left: -20px;
	}
	
	.col-md-2 {
    	width: 100%;
	}
	
	.step-block {
		padding: 15px;
	}
	#top-a {		
		background-position: 50% 38%
	}
}

@media (max-width: 300px) {
	
	
	.front-image {
		padding: 0;
		width: 100%;
		margin-bottom: 80px;
	}
	
	.front-text {
		padding: 10px 0;
		margin: 10px 0;
		width: 100%;
		text-align: center;
	}
	
	.front-text h1 {
		font-size: 24px;
		line-height: 26px;	
	}
	
	.front-text p {
		text-align: center;
		font-size: 22px;
		line-height: 24px
	}
	
	.slider-wrapper .img-mac {
		display: none;

	}
	
	.btn-app {
		bottom: -80px;
		padding: 0;
		text-align: center;
	}

	.btn-item {
		display: inline-block;
	}
	
	.text_slider .btns-s img {
		margin: 0 0 5px 20%;	
	}
	
	.home_ul > li {
		width:100%;
		float: none;
	}
	.scroll-w {
		height: auto;
	}
	
	.video iframe {
	 	width: 100%;
	 	height: 315px;
	}
	
	.width50 {
		width: 100%;
	}
	.news-item {
  		width: 100%;
		height: auto;
	}
	
	#innerbottom {
		width: 100%;
	
	}
	#innertop {
		float: none;
		margin: 0;
	}
	.blue-box {
    	width: 90%;
	}
	.blue-bg-box .icons {
    	width: 111px;
	}
	.sotrudniki img {
		display: block;
		margin-left: -20px;
	}
		.col-md-2 {
    	width: 100%;
	}
	#top-a {		
		background-position: 50% 41%
	}	
}