@charset "UTF-8";
/* CSS Document */

/********************TOP MENU********************/

@media (max-width: 840px) {
	
#top-menu {
	top: 16px;
	right: 150px;
	
}	
	
#mob-menu a {
	font-weight:700;
	color: #fff;
	
}
 
 
.menu {
  display:none;
  text-align: left;
  
}
 
.mobile-menu{
  postion: relative;
  display:block;
  padding: 0;
  padding-top: 0;
  text-align:right;
  text-transform:uppercase;
  font-weight:500;

 
}
 
nav{margin:0;
background:none;}
 
.menu li{display:block;
margin:0;
background:none;
background-color:#FFF;
padding: 0px;
height: auto;

}

.menu li:hover {
	background:none;
    background-color:#FFF;
}
 
.menu li a {
	background-color: #fff;
	color: #797979;
	border-top: 1px solid #e0e0e0;
	border-left: 3px solid #fa3d96;
	padding: 7px 15px;
}
 
.menu li a:hover, .menu li:hover > a{
background:#f0f0f0;
color:#797979 !important;
border-left:3px solid #000;}
 
/*level 2 and 3 - make same width as all items*/
.menu ul {display:block;
position:relative;
top:0;
left:0;
width:100%;}
 
.menu ul ul {left:0;}

#searchkeyform {
	margin-top: 10px;
	margin-left: 0px;
}

 

 
}

/********************END TOP MENU********************/
@media (max-width: 1200px) {
	
#content_adp #colRight {
	width: 75%;
}

#tn-ts {
	width: 74%;
}
	
}

@media (max-width: 1050px) {
	
#top-short-text {
	line-height: 18px;
	top: 350px;
}



#footer-social {
	display:none;
}
	
}

@media (max-width: 960px) {
	
#content_adp #colRight {
	width: 70%;
}

#tn-ts {
	width: 69%;
}

	
#port-link {
	font-size:24px;
}


.bt-icon {
	margin: 5%;
	width: 37%;
}
	
	#top-short-text {
	position: absolute;
	left: 10%;
    top: 740px;
	width: 80%;
	font-size: 15px;
	line-height: 25px;
  }
  
  #block_0 {
		height: 1000px;
	}
	
	#top-title h1 {
    
    font-size: 50px;
}

#b1_left {
	width: 100%;
	margin-right: 0;
}

#b1_right {
	width: 100%;
	text-align:center;
}

#b3_left {
	width: 100%;
	margin-right: 0;
}

#b3_right {
	width: 100%;
	text-align:center;
}

#top-author {
    left: 35%;
}

#top-title {
	left: 35%;
}



	
}

@media (max-width: 850px) {
	#top-short-text {
    top: 600px;
}

#block_0 {
    height: 850px;
}	

}


@media (max-width: 800px) {
	
#block_0 {
    height: 850px;
}	
	
#content_adp #colRight {
	width: 100%;
}
#content_adp #colLeft {
	width: 100%;
	margin-left: 0px;
	padding-left: 20px;
}
	
#tn-ts {
	width: 50%;
}	

#thead-regist {
	display:none;
}
	
.prod_pic {
    width: 100%;
    margin-right: 0;
    max-width: 800px;
    float: left;
}	
	
.prod-right-side {
    width: 100%;
   
}

#about-company {
    background: none;
}
	
#abc-shilt-left {
    margin-right: 0;
    padding-bottom: 20px;
}	


blockquote {
    margin: 20px;
    padding: 10px 20px;
}

#port-link {
	font-size:18px;
}

	
}



@media (max-width: 700px) {

	
#block_0 {
    height: 750px;
}	
	
.allblocks {
	height: 50vh;
	overflow:hidden;
}

#support .b2-knob input {
	font-size: 13px;
}

.fr-blocks {
	
}


#top-short-text {
   
    top: 580px;
	font-size: 14px;
    line-height: 20px;
}


	
#top-author h2 {
    font-size: 18px;
}

#top-title h1 {
    font-size: 40px;
}

#top-epigraph { 
    font-size: 18px;
    top: 24%;
	left: 35%;
}

#top-short-text {
    top: 500px;
}

}

@media (max-width: 640px) {
	
	#top-short-text {
    top: 400px;
	}
	
	#top-epigraph { 
    font-size: 16px;
    top: 24%;
}

	#top-title h1 {
    
    font-size:30px;
}

#block_0 {
    height: 650px;
}	
	
}

@media (max-width: 500px) {
	#support .b2-knob input {
	font-size: 12px;
	padding: 18px 18px;
	}
}

@media (max-width: 500px) {
	
	#top-short-text {
    top: 400px;
	}
	
	#block_0 {
    height: 650px;
}	
	
	
	#tn-ts {
	  display: none;
}
	
	
#port-link {
	font-size:14px;
}	
	
.bt-icon {
	margin: 3%;
	width: 43%;
}	
	
#table-contact input[type="text"], #table-contact textarea {
	width: 300px;
}	

#footright {
	display:none;
}

.footcol {
    width: 46%;
	
}

.h11 {
	font-size:24px;
}

#content h1 {
	font-size:24px;
}

.cd-hero-slider p {
	font-size:12px;
}

}

@media (max-width: 450px) {
	
	#tg_valute {
		display:none;
	}
	
	#port-link {
		right: 10%;
}

  #top-menu {
	right: 140px;
	
}
	
#top-author {
    left: 38%;
    top: 6%; 
}	

#top-title {
    left: 38%;
    top: 13%;
}

#top-epigraph {
    font-size: 16px;
    top: 32%;
    left: 37%; 
}

#top-title h1 {
    font-size: 30px;
}

#top-short-text {
    top: 280px;
	font-size: 13px;
}
	
	
	#block_0 {
    height: 550px;
}		
	
	
	
	
}


@media (max-width: 430px) {
	#support .b2-knob input {
	font-size: 9px;
	padding: 18px 5px;
	}
	
	.fr-blocks-ins {
    padding: 50px 20px;
	}
}

@media (max-width: 380px) {
	#top-title h1 {
    font-size: 25px;
}
}