html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline: none;
    vertical-align:baseline;
}

* {-webkit-box-sizing: border-box;
   -o-box-sizing: border-box;
   -ms-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box}

html { height:100%}

body { height:100%; 
	   background:#fff url(/images/bg.gif) 0 0 repeat;
	   font-size:18px; 
	   line-height: 1.4em;
	   font-family: 'Roboto', Arial, sans-serif;
	   color:#1e1e1e;
	   
	  -webkit-user-select: none; 
      -webkit-touch-callout: none; 
      -moz-user-select: none; 
      -ms-user-select: none; 
         user-select: none;    
	   } 


select, input[type="text"], textarea {font-family:'Roboto', Arial, sans-serif; 
									 font-size:16px; 
									 outline: none;
									 border: solid 1px #bbb9ba; 
									 background:none}

select, input { vertical-align:middle}

textarea,
input[type="text"],
input[type="password"] {padding:5px 30px}
						 
a { color:#1e1e1e}

a:hover { text-decoration:none}

.index-h,
h1,
.h1,
.why-we h2,
.index-visa h2  {padding-bottom:35px;
				 text-align:center; 
				 font: normal 34px/38px 'Roboto', Arial, sans-serif; 
				 text-transform:uppercase}

.header1	{ padding:0 20px; 
			  font: bold 34px/44px 'Roboto', Arial, sans-serif;
			  text-align:center; 
			  font-weight:bold}

h2,
.header2     {padding:0; 
			  font: bold 26px/1.4em 'Roboto', Arial, sans-serif;
			  text-align:center}

h3,
.header3     {font: bold 18px/1.4em 'Roboto', Arial, sans-serif}

.header4 {font: bold 16px/1.4em 'Roboto', Arial, sans-serif; 
		  text-align:center;
		  color:#a12a30}

.header5 {font: bold 14px/1.2em 'Roboto', Arial, sans-serif;
		  text-align:center}

h4, h5 { font-size:14px}

ul, ol { margin-left:20px}

.hidden { display:none}

.no-visibility{ visibility:hidden}

.relative { position:relative}

.empty-w-s { font-size:0;
			 line-height:0}

.italic { font-style: italic}

.strong { font-weight:bold}

.text-center { text-align:center !important}

.text-left  { text-align:left !important}

.text-right { text-align:right !important}

.wrapper { width:100%; 
		   overflow:hidden}

.h-auto { height:auto!important }

nav ul { margin:0;
		 list-style:none}

.no-padding { padding:0!important}
.no-marging { margin:0 !important}


.text-indent {text-indent:1.5em}
	
.fleft { float:left !important}		 

.fright { float: right !important}		 

.p-t-15 { padding-top:15px !important}
.p-t-40 { padding-top:40px !important}
.p-t-50 { padding-top:50px !important}
.p-t-75 { padding-top:75px !important}
.p-t-60 { padding-top:60px !important}

.p-b-10 { padding-bottom:10px !important }
.p-b-28{ padding-bottom:28px !important }
.p-b-60{ padding-bottom:60px !important }
.p-b-120{ padding-bottom:120px !important }

.m-t-10 { margin-top:50px !important}

.m-b-15 { margin-bottom:15px !important}

p.p-margin,
.p-margin p{ margin-bottom:15px !important}

.content p,
.index-visa p,
p.p-padding { padding-bottom:15px}

.color-main-f { color:#231f20 !important }
.color-main-s { color:#2b3843 !important}


.f-24 { font-size:24px; 
		line-height:32px}

.bg-white { background-color:#fff}

.bg-cover {-webkit-background-size: cover;
			  -moz-background-size: cover;
				 -o-background-size: cover;
					 -ms-background-size: cover;
						 background-size: cover;
						  background-repeat:no-repeat; 
						  background-position: 0 0}



.bg-contain {-webkit-background-size: contain;
			  -moz-background-size: contain;
				 -o-background-size: contain;
					 -ms-background-size: contain;
						 background-size: contain;
						  background-repeat:no-repeat; 
						  background-position: 0 0}

.bl-justify { text-align:justify !important; font-size:0; line-height:0}

	.bl-justify > span,
	.bl-justify > div  { display:inline-block;
						 vertical-align:top}

.bl-justify:after { content:''; 
					display:inline-block;
					width:100%}

.banner_content { width:100%; height:100%}

/* Top */

.top { background:#fff; width:100%}
	
	.top .content-pos { padding-bottom:20px}

	.top a.logo {display: inline-block;
				 position: relative;
				 left:65px; 
				 top:15px;
				 cursor:pointer}
	
	.en .top a.logo,
	.cn .top a.logo{ background-image:url(/images/logo_en.png)}
	
	.top .address { position:absolute; 
					bottom:20px;
					right:388px; 
					font-size:16px; 
					line-height: 18px}
	
		.top .address .r_number {padding-top:13px;
								 font-size:14px}
		
	.top .info { position:absolute; 
				 right:0; 
				 bottom:20px; 
				 padding-top:32px; 
				 font-size:14px; 
				 text-align:right}	
				 	
			.top .info span {display:inline-block; 
							 vertical-align:bottom}
			
			.top .info .phone {padding-bottom:2px;
							   font: bold 26px/28px 'Roboto', Arial, sans-serif;
							   color:#df582d}		
		
			.top .info .phone b { font-size:20px}
			
			.top .info .callback { display:inline-block; 
								   border-bottom: dotted 2px #1e1e1e;
								   color:#1e1e1e; 
								   font-size:14px;
								   line-height:18px; 
								   text-decoration:none}	
								   
			.top .info .callback:hover { border-color:#fff}					   	 
	
	.top-image { min-height:57px; background-position:center; overflow:hidden; background-repeat:no-repeat}
	
	.bg-fixed { background-attachment:fixed; background-position:center 0}
	
	.top-menu { position:relative;
				z-index:10; 
				margin-top:-57px}
	
	.top-menu nav { position:relative;
				    z-index:2;
					height:57px; 
					max-width:1310px; 
					margin:-57px auto 0;
					font-family:'Roboto', Arial, sans-serif;
					color:#fff; 
					text-align:center}
	
	/*
	.show-top-nav .top-menu nav { position:fixed; width:100%; margin-top:0; top:0; left:0;} 
	
	*/	
		.top-menu nav > ul { text-align: center;
							 padding:0 38px; 
							 font-size:0;
							 line-height:0}
		
			.top-menu nav > ul:after { content:'';
									   display:inline-block;
									   width:100%}
		
		.top-menu:before,
		.top-menu nav > ul > li.have_child div:before { content:'';
													    display:block; 
														position: absolute;
														top:0; 
														left:0;
														z-index:0; 
														width:100%;
														height:100%;
														background:#363636;
														opacity: 0.95}
		
		.top-menu nav > ul > li.have_child div:before { top:1px; opacity: 0.9}
		
		.top-menu nav > ul > li { display: inline-block;
						    	  position:relative}
									
		.top-menu nav > ul > li:after {  display:block;
										 content:'';
										 position:absolute; 
										 right:0;
										 top:3px;
										 width:1px; 
										 height:51px; 
										 background:#151313}
		
		.top-menu nav > ul > li:last-child:after { display:none}
		
		.top-menu nav  a { color:#4f4f4f}	
		
		.top-menu nav  > ul > li > a {display:inline-block; 
									  position:relative;
									  padding:0 38px;
									  font-size:17px;
									  line-height:56px; 
									  text-decoration:none}
								  
		.top-menu nav  > ul > li.select > a,
		.top-menu nav  > ul > li.active > a,
		.top-menu nav  > ul > li:hover > a   { color:#df582d}	
		
		.top-menu nav  > ul > li.have_child > a { padding-right:41px}
											 
		.top-menu nav  > ul > li.have_child > a:after {content:''; 	
													   display:block;
													   position:absolute;
													   right:19px; 
													   top:26px;
													   background:url(/images/top_menu_arr_spr.png?3) 0 -8px no-repeat; 
													   width:11px; 
													   height:7px}									 
				
			
			top-menu nav  > ul > li.have_child > a:after  {-webkit-transition: transform 0.3s linear 0.1s;
														   -moz-transition: transform 0.3s linear 0.1s;
															  -o-transition: transform 0.3s linear 0.1s;
																 -ms-transition: transform 0.3s linear 0.1s;
																	transition: transform 0.3s linear 0.1s}
			
			.top-menu nav  > ul > li.active > a:after,
			.top-menu nav  > ul > li.have_child:hover > a:after { -webkit-transition: transform 0.3s linear 0.1s;
																	-moz-transition: transform 0.3s linear 0.1s;
																	  -o-transition: transform 0.3s linear 0.1s;
																	  -ms-transition: transform 0.3s linear 0.1s;
																		   transition: transform 0.3s linear 0.1s;
																	 -moz-transform: rotate(180deg);  
																		 -ms-transform: rotate(180deg); 
																			-webkit-transform: rotate(180eg);  
																				-o-transform: rotate(180deg);
																					transform: rotate(180deg)}

				.top-menu nav  > ul > li > div  {display: none;
												 position: absolute; 
												 z-index:10; 
												 left:0px; 
												 top:56px;
												 min-width:250px;
												 padding:0 20px 10px 40px; 
												 text-align:left}
				
					.top-menu nav  > ul > li > div ul { position:relative;
												  		z-index:11;
												  		padding:10px 0 0}
												   
						.top-menu nav  > ul > li > div ul > li { display:list-item; 
																 position:relative;
																 border-bottom: solid 1px #454142}
						
								.top-menu nav  > ul > li > div ul > li:before { content:''; 	
																				display:block; 
																				position:absolute;
																				left:-19px;
																				top:50%;
																				/*background: url(/images/top_menu_arr_spr.png?3) 0 0 no-repeat;*/
																				width:11px; 
																				height:7px; 
																				margin-top:-3px;
																				-moz-transform: rotate(90deg);  
																				 -ms-transform: rotate(-90deg); 
																					-webkit-transform: rotate(-90deg);  
																						-o-transform: rotate(-90deg);
																							transform: rotate(-90deg)}
						
						.top-menu nav  > ul > li > div ul > li:last-child { border:none}
						
							.top-menu nav  > ul > li > div ul  a { display:block; 
															       padding:10px 22px 10px 2px;
															       text-decoration:none; 
															  	   font-size:15px; 
																   line-height:20px; 
															  	   white-space:nowrap}		
							
							.top-menu nav  > ul > li > div ul  a:hover { color:#df582d}
				
				.top-menu nav  > ul > li:hover  > div { display:block}
				

		
		.fix-top-menu-top .top-menu { position:fixed; 
									  left:0;
									  top:0; 
									  margin:0;
									  z-index:100; 
									  width:100%;
									  min-height:56px}
							  
	.fix-top-menu-top .top-menu nav { margin:0 auto}	
		
		.toggle-menu {
			  display: none;
			  cursor: pointer;
			  -webkit-user-select: none;
				 -moz-user-select: none;
				  -ms-user-select: none;
					  user-select: none;
			  background: none;
			  border: none;
			  position: absolute;
			  z-index:10; 
			  right: 24px; 
			  top:25px;
			  padding:0;
		}
		
		.toggle-menu .burger-lines  {
		  background-color: #fff;
		}
		
		
		.toggle-menu:hover, .toggle-menu:focus {
		  outline: 0;
		}
		
		.toggle-menu:hover .burger-lines, 
		.toggle-menu:focus .burger-lines  {
		      background-color: #ccc;
		}
		.toggle-menu:hover .burger-lines:before, 
		.toggle-menu:hover .burger-lines:after,
		.toggle-menu:focus .burger-lines:before,
		.toggle-menu:focus .burger-lines:after {
			  background-color: #ccc;
		}
				
		.toggle-menu.active .burger-lines {
		  background: transparent;
		}
		.toggle-menu.active .burger-lines:before, 
		.toggle-menu.active .burger-lines:after {
									  -webkit-transition: top 300ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 300ms 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
									  transition: top 300ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 300ms 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
									  transition: top 300ms cubic-bezier(0.165, 0.84, 0.44, 1), transform 300ms 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
									  transition: top 300ms cubic-bezier(0.165, 0.84, 0.44, 1), transform 300ms 300ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 300ms 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
									  top: 0;
									  width: 25px;
		}
		.toggle-menu.active .burger-lines:before {
												  -webkit-transform: rotate3d(0, 0, 1, 45deg) scale(1.1);
														  transform: rotate3d(0, 0, 1, 45deg) scale(1.1);
		}
		.toggle-menu.active .burger-lines:after {
												  -webkit-transform: rotate3d(0, 0, 1, -45deg) scale(1.1);
														  transform: rotate3d(0, 0, 1, -45deg) scale(1.1);
		}
		
		.toggle-menu .burger-lines {
						  display: inline-block;
						  cursor: pointer;
						  -webkit-user-select: none;
							 -moz-user-select: none;
							  -ms-user-select: none;
								  user-select: none;
						  -webkit-transition: all 300ms ease;
						  transition: all 300ms ease;
						  width: 25px;
						  height: 3px;
						  background-color: #fff;
						  position: relative;
						  top: -2px;
		}
		.toggle-menu .burger-lines:before, 
		.toggle-menu .burger-lines:after {
							  content: '';
							  display: inline-block;
							  background-color: #fff;
							  width: 25px;
							  height: 3px;
							  position: absolute;
							  left: 0;
							  -webkit-transform-origin: 50% 50%;
							  transform-origin: 50% 50%;	
							  -webkit-transition: top 300ms 300ms cubic-bezier(0.165, 0.84, 0.44, 1), background-color 300ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
							  transition: top 300ms 300ms cubic-bezier(0.165, 0.84, 0.44, 1), background-color 300ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
							  transition: top 300ms 300ms cubic-bezier(0.165, 0.84, 0.44, 1), transform 300ms cubic-bezier(0.165, 0.84, 0.44, 1), background-color 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
							  transition: top 300ms 300ms cubic-bezier(0.165, 0.84, 0.44, 1), transform 300ms cubic-bezier(0.165, 0.84, 0.44, 1), background-color 300ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
		}
		.toggle-menu .burger-lines:before {
		  top: 8px;
		}
		.toggle-menu .burger-lines:after {
		  top: -8px;
		}

/* Right menu */ 
.right-menu {position:fixed; 
			 z-index:100; 
			 top:0; 
			 right:0;
			 background:#fff;
			 height:100%; 
			 width:370px;
			  webkit-box-shadow: 2px 2px 2px rgba(107, 107, 107, 0.3);
				  -moz-box-shadow: 2px 2px 2px rgba(107, 107, 107, 0.3);
					  box-shadow: 0px 0px 20px 5px rgba(90, 90, 90, 0.4);
			-webkit-transform: translate3d(390px, 0, 0);
	    	  transform: translate3d(390px, 0, 0);}

	
	.right-menu .pos {padding:55px 60px  50px 60px; 
					  position:relative}
	
	.right-menu .close {display:block; 
						position:absolute; 
						top:19px; 
						right:19px; 
						background:url(/images/close.png) 0 0 no-repeat; 
						width:19px; 
						height:18px}
	
	.right-menu ul { width:225px}
		
		.right-menu  ul > li { margin-bottom:0!important}
	
			.right-menu  ul a {display:block;
							   padding:7px 2px 7px;
							   text-decoration:none; font:normal 18px/1.4em 'Roboto', Arial, sans-serif
							   }
							   				
				.right-menu  ul li.select a,
				.right-menu  ul li a:hover   { color:#df582d}
				


/* //Right menu */

.theme-background .coda-nav ul li a.current,
.theme-background .coda-nav ul li a:hover   { background:}
 
/* //Top */

/* Slider */

.slider-bl { position:relative; 
			 visibility: visible; 
			 width:100%;
			 min-height:57px}
	
	.slider-bl .banner { position:relative;
						 width:100%;
					     height:466px; 
						 background-position:center; 
						 background-repeat:no-repeat; 
						 -webkit-background-size: cover;
						   -moz-background-size: cover;
							 -o-background-size: cover;
							 -ms-background-size: cover;
								 background-size: cover;
						 overflow:hidden}
	
	
	.slider-bl .banner > a { display:block;
							 cursor:pointer; 
							 height:100%}
	
	.slider-bl .banner .name { display:none}
	
	.slider-bl .banner-bg-right { background-position: right center}
	
	.an-onload-start .slider-bl { display:block; visibility:visible}
	
	.slider-bl ul { margin:0; padding:0}
	
		.slider-bl img {width:100%; height:auto}
		
		.slider-bl .name { position:absolute;
						   width:100%;
						   left:0; 
						   bottom: 70px;
						   text-align:center; 
						   font-size:30px; 
						   line-height:28px; 
						   color:#003255;
						   letter-spacing: 0.3em}
						   
		.slider-bl  .banner-name-color-w .name { color:#fff}				   
/* // Slider*/


/* Content */

.ext-title { position: absolute;
			 z-index:10;
			 color:#fff;
			 font: normal 26px/32px Arial, Helvetica, sans-serif}

.scroll {position:relative;}

		.scroll-content { width:100%;
						  position:relative; 
						  overflow:hidden;
						  font-size:0; 
						  line-height:0}

		
		.scroll-content  table { z-index:1; 
								 font-size:17px; 
								 line-height:1.3em}
		
		.scroll .prev,
		.scroll .next  { content:''; 
						 display:none;
						 position:absolute;
						 z-index:20; 
						 top:12px; 
						 left:2px; 
						 background:url(/images/scroll_arrow_spr.png) 0 0 no-repeat;
						 width:32px; 
						 height:32px; 
						 cursor:pointer}
	
		.scroll .next { left: auto; 		
						right:2px; 
						background-position:-32px 0}
	
		.scroll-h { height:100% }
	
		.scroll-h .scroll-content { height:100%}
		
			
			.scroll-h .prev,
			.scroll-h .next  { /*background:url(/images/scroll_v_arrow_spr.png) 0 0 no-repeat;*/
							   -moz-transform: rotate(180deg);
								-ms-transform: rotate(180deg);
								-webkit-transform: rotate(180eg);
								-o-transform: rotate(180deg);
								transform: rotate(90deg);
							   top:10px; 
							   left: 50%; 
							   margin-left:-16px;
							   right:auto}
		
			.scroll-h .next { background-position:-32px 0; 
							  bottom:10px; 
							  top:auto}	

.btn { display: inline-block; 
	   border:none;
	   padding:0;
	   margin:0; 
	   background:#e55a2e; 
	   width:266px; 
	   color:#fff;
	   font: normal 16px/50px 'Roboto', Arial, sans-serif;
	   text-align:center; 
	   vertical-align:middle;
	   text-decoration:none; 
	   cursor:pointer} 
 
 
.content-pos {max-width:1310px;
			  margin:0 auto}

.padding-s { padding-left:60px; padding-right:60px}

.index-content,
.content  { background:#fff;
			max-width:1310px;
			padding:0 0;
			margin:0 auto}

.index-pos { padding: 0 70px}

.section-row { width:100%}

.breadcr a { display:inline-block; 
			 margin-right:6px; 
			 font-size:16px;
			 color:#4b4b4b; 
			 vertical-align:middle; 
			 cursor:pointer}

	.breadcr span { display:inline-block;
					vertical-align:middle;
					font-size:16px;
					color:#959595}
	
	.breadcr a:after { content:''; 	
					   display: inline-block;
					   background: url(/images/top_menu_arr_spr.png?3) 0 0 no-repeat;
					   width:11px; 
					   height:7px; 
					   margin-left:17px; 
					   position:relative; vertical-align:middle; 
					   margin-top:0px;
						-moz-transform: rotate(90deg);  
						 -ms-transform: rotate(-90deg); 
							-webkit-transform: rotate(-90deg);  
								-o-transform: rotate(-90deg);
									transform: rotate(-90deg)}
.col,
.col-2,
.col-3,
.col-4,
.col-2-3 { float:left}

.col-2 { width:50%}
.col-3 { width:33.3%}
.col-4 { width:25%}
.col-2-3 { width:66.7%}

.section-row:after { content:''; 
					 display:block; 
					 width:100%; 
					 clear:both}

.img-block { display:block}

.img-responsive { display:block;	
				  max-width:100%;
				  height: auto}

.img-pull-center { margin:0 auto}

.img-pull-left { float:left;
				 margin-right:30px; 
				 margin-bottom:10px}
				 
.img-pull-right { float: right;
				  margin-left:30px; 
				  margin-bottom:10px}				 

.font-24 { font-size:24px; 
		   line-height:28px}



.content ul { margin-left:20px}

#YMapsID { width:100%; 
		   height: 576px}

.content { padding:50px 60px 0}

	.content h1 { padding-bottom:35px}
	
	.content table,
	table.border    { border-collapse:collapse}
	
		.content table td,
		.content table th,
		table.border td,
		table.border th   { border:solid 1px #e0e0e0;
							padding:12px}

	.content table.no-border { border-collapse:separate}
	
		.content table.no-border td,
		.content table.no-border th   { padding:5px; border:none}	

.inner-page .content h1.module-header { padding-bottom:25px}

table.nowrap th,
table.nowrap td  { white-space:nowrap}

	table.nowrap .normal-wrap { white-space:normal}

.inner-page .content { padding-top:30px; 
					   padding-bottom:30px}

	.inner-page .content h1 { padding-top:40px}

.bl_more_link { text-align:center;
						padding-bottom:45px}
		
			.bl_more_link a { display:inline-block; 
							  position:relative;; 
							  border-bottom: dotted 2px #2b3843;
							  padding:0 5px 3px 5px;
							  font-size:16px; 
							  line-height:18px; 
							  text-decoration:none; 
							  color:#2b3843}
							  
				.bl_more_link a:after { display: block;
										content:'';
									    position:absolute;
										top:8px; 
										right:-20px; 
										width:11px; 
										height:7px;
										background:url(/images/top_menu_arr_spr.png?3) 0 0 no-repeat}	
										
			.bl_more_link a:hover { border-bottom-color: transparent}
			
			
			.bl_more_link a.bl-now-open:after {-moz-transform: rotate(180deg);  
												 -ms-transform: rotate(180deg); 
													-webkit-transform: rotate(180eg);  
														-o-transform: rotate(180deg);
															transform: rotate(180deg)}

.directions {height:275px; 
			 margin-bottom:35px; 
			 overflow:hidden;
			 -webkit-transition: all 0.5s  ease-in;
				-moz-transition: all 0.5s  ease-in;
					-o-transition:all 0.5s  ease-in;													  
						transition: all 0.5s  ease-in} 
	
	
	.page-devorce { height:auto!important; padding-top:15px}
	
	.directions a { display:inline-block; 
					overflow:hidden;
					position:relative; 
					margin-bottom:20px;
					vertical-align:top; 
					font-size:0;
					line-height:0}
					
		
		.directions a img { position:relative; 
							z-index:1}
							
		
		.directions a span { display:block;
							 position:absolute;
							 z-index:2; 
							 width:100%; 
							 left:0;
							 bottom:0;
							 overflow:hidden;
							 padding:14px 12px; 
							 text-align:center; 
							 font-weight:normal; 
							 font-size:18px;
							 line-height:22px; 
							 color:#fff}
							 
		
		.gallery-list .directions a span { font-size:14px; 
										   line-height:18px}
		
			.directions a span:before,
			.directions a span:after  { content:'';
										display:block; 
										position:absolute;
										left:0;
										bottom:0;
										z-index:2; 
										background:#9aa2b2; 
										width:100%; 
										height:100%; 
										opacity:0.9;
										-webkit-transition: all 0.2s  linear;
											   -moz-transition: all 0.2s  linear;
												-o-transition:all 0.2s  linear;													  
												transition: all 0.2s  linear}
			
			.directions a span:after { z-index:3;
									   bottom:-100%;
									   background:#e55a2e;
									   opacity:1}
			
			.directions a span b  { position:relative;
								    z-index:4; 
									font-weight:normal}
			
			
			.directions a:hover span:before {opacity:0;
											 -webkit-transition: all 0.2s  linear;
											   -moz-transition: all 0.2s  linear;
												-o-transition:all 0.2s  linear;													  
												transition: all 0.2s  linear}
			
			.directions a:hover span:after { bottom:0;
											 opacity:0.9;
											   -webkit-transition: all 0.2s  linear;
											   -moz-transition: all 0.2s  linear;
												-o-transition:all 0.2s  linear;													  
												transition: all 0.2s  linear}				 


.bg-scroll { background-attachment:fixed}

.index-visa { padding:45px 0 0; 
			  background-image:  url(/images/bg_visa.jpg) }

.index-visa .directions { height:200px}


.index-info-bl { background-color:#000;
				 background-image:url(/images/bg_info.jpg); 
				 padding:54px 0 0;
				 color:#fff; 
				 text-align:center}						 

	
	.index-info-bl .h1 { padding-bottom:65px}
	
	.index-info-bl  div p { padding:0 15px 26px;
							font: normal 36px/38px 'Roboto', Arial, sans-serif; 
							color:#ed724b; 
							text-transform:uppercase}
	
	.index-info-bl  div strong { display: inline-block;
								 border:solid 1px #fff;
								 padding:32px 113px; 
								 margin-bottom:42px;
								 font: bold 72px/74px 'Roboto', Arial, sans-serif}
								 
			.index-info-bl  div strong span { font-size: 48px}
			
			.index-info-bl  .bl_more_link { padding-top:5px;
										    padding-bottom:56px}
			
			.index-info-bl  .bl_more_link a { border-color:#fff;
											  color:#fff}
		
			.index-info-bl .bl_more_link a:hover {border-color: transparent}
		
			.index-info-bl .bl_more_link a:after { background-image:url(/images/bl_arr_w.png)}	

.why-we .bl_more_link{ padding-bottom:58px}

.content ul,
.index-visa ul{ margin:0;
			    list-style:none}
	
	.index-visa ul { margin:0}
	
	.content ul > li,
	.index-visa ul > li,
	.right-menu  ul > li{ position:relative; 
						  padding-left:25px; 
						  margin-bottom:10px}			  

	.content ul > li:before,
	.index-visa ul > li:before,
	.right-menu  ul > li:before{ content:''; 
							  display:block; 
							  position:absolute;
							  left:0;
							  top:8px;
							  width:8px; 
							  height:8px; 
							  background:#000;
							  -moz-border-radius: 3px;
							   -webkit-border-radius: 3px;
							   -o-border-radius: 3px;
							   -ms-border-radius: 3px;
							   border-radius: 4px}
							   
	.right-menu  ul > li:before { top:16px}						   
	

.slider-partners { padding:60px 0 0 0; 
				   background-image:url(/images/bg_partners.jpg);}


	.slider-partners .h1 { padding-bottom:50px}
	
	
	.slider-partners .bl_more_link { padding:35px 35px 58px}
	
	.slider-partners .pos {padding:0 135px}
		
		.slider_bl { position:relative; 
					 overflow:hidden}
					 
			.slider_bl ul {list-style: none;
							width: 20000em;
							position: relative;
							margin: 0 !important;
							overflow: hidden}		 
				
				.slider_bl ul li {float: left;
								  width: 206px;
								  font-size: 14px;
								  line-height: 24px;
								  text-align: center}
								  
					.slider_bl ul li  img { border: solid 1px #bfbfbf;
											 -webkit-box-sizing: content-box;
											   -o-box-sizing: content-box;
											   -ms-box-sizing: content-box;
											   -moz-box-sizing: content-box;
											   box-sizing: content-box}
					
					
			.slider-partners .pos .prev,
			.slider-partners .pos .next {display: block;
										 position: absolute;
										 z-index: 10;
										 top: 50%;
										 margin-top: -20px;
										 background: url(/images/arrow_spr.png) 0 0 no-repeat;
										 width: 24px;
										 height: 39px}
										 
			.slider-partners .pos .prev { left:65px}
			
			.slider-partners .pos .next { right:65px;
										  background-position: -26px 0}


.index-address  { background:#fff}

	.index-address .h1 { padding-bottom:30px}
	
	.index-address .address { padding:0 20px 25px; 
							  text-align:center}

	.index-address .text-right { padding-right:4px}
	.index-address .text-left { padding-left:4px}
	
	.index-address .worktime { padding:0 20px 0; 
							   text-align:center}
	
	.coffee { padding: 100px 20px 77px}

.btn_right {position: fixed;
			z-index:20;
			right: 0;
			top: 50%;
			margin-top: -123px}
						
.en .btn_right { background-image: url(/images/btn_right_en.png)}

.cn .btn_right { background-image: url(/images/btn_right_cn.png)}


.fly_in,
.fly_out {display:inline-block; 
		  padding-left:29px; 	
		  background-image: url(/images/fl_in.png?2);
		  background-position:left center; 
		  background-repeat:no-repeat}

.fly_out {background-image: url(/images/fl_out.png?2)}


.block_open { height:auto!important}


#login-form { position:fixed; 
			  top:50%;
			  left:50%; 
			  width:380px;
			  height:200px;
			  margin-left:-190px; 
			  margin-top:-100px; border:solid 1px #777; background:#f3f3f3}


#login-form  input[type="text"] { background:#fff}

#login-form .error input { border-color:#f30000}

.presentation-content { background:#fff; max-width:1200px; margin:0 auto; padding:20px}

#presentation-form { background:#deefd3; padding:7px 22px}

#presentation-form   input[type="text"] { background:#fff; width:70%}

#presentation-content { margin-top:45px}

#presentation-content .name{ background:#ead9a7;
							 border-bottom:solid 2px #fff; 
							 font-size:18px; 
							 line-height:20px; 
							 color:#000; 
							 padding-right:80px}
							 
#presentation-content .name span {display:block;
								  padding:15px 30px;
								  cursor:pointer }							 

.presentation-content .panel { position:absolute; top:50%; margin-top:-15px; right:16px}

.presentation-content .panel .del input { width:30px; height:30px}

.presentation-content .panel .del,
.presentation-content .p-users-content .col-6 .del{ cursor:pointer;
													display:inline-block; 
													width:30px;
													height:31px; 
													background:url(/images/ic_del_new.png?3) center center no-repeat; vertical-align:middle}

.presentation-content .p-users-content .col-6 .del{ margin:0; background-image:url(/images/ic_del_new.png?3)}


.p-users-content .row:after { content:''; display:block; clear:both; width:100%;}

.p-users { height:0; overflow:hidden; background:#eee}

.p-users-content .row { border-bottom:solid 2px #fff}

.p-users-content .col { position:relative}

.p-users-content .col-1 { width:10%; position:relative}

.p-users-content .col:after { content:''; display:block; height:90%; position: absolute; width:1px; right:0; top:5%; border-right:solid 1px #000}

.p-users-content .col-2 { width:27%}
.p-users-content .col-3 { width:27%}
.p-users-content .col-4 { width:22%}
.p-users-content .col-5 { width:9%; color:rgb(13, 190, 3)}
.p-users-content .col-6 { width:5%; text-align:center}
.p-users-content .col-6:after { display:none}

.p-users-content .col span a,
.p-users-content .col span img { vertical-align:middle; margin-left:22px; display:inline-block; padding:0;  cursor:pointer; text-decoration:none}

.p-users-content .col span a img,
.p-users-content .col-4 span a{ margin-left:0}

.p-users-content .row  span { display:block; padding:12px}

/* //Content */


/* Gallery */

.gallery {padding: 25px 0 60px}

.gallery-content { padding:40px 0 0}

.gallery-content p,
.galley-annonce  p,
.gallery-description p{ padding-bottom:0!important}

.gallery-description { padding-bottom:40px}

.gallery-sections { margin:25px 0 0; padding:0}

	.gallery a {
					display: inline-block;
					max-width: 188px;
					margin: 0 0 20px}
	
		.gallery a img { max-width:100%}
				
	.galley-photos-h1 { padding-top:60px}			

.gallery-list { padding-top:40px}

	.gallery-list a { width:230px; margin-bottom:10px}
	
		/*
		.gallery-list a img{ width:100%; 
							 height:auto}
		*/
	.gallery-list h3  { padding:65px 0 25px; 						 
						text-align:center}
						
	.gallery-list h3:first-child { padding-top:0}


.galley-photos a { display:inline-block;
				 	margin-bottom:10px}
/* //Gallery */


/* Portfolio */

.portfolio-annonce { padding-bottom:25px}
.portfolio-content { padding-top:25px}

.portfolio-annonce p,
.portfolio-content p { padding-bottom:0}

/* Portfolio */

/* Partners */

.partners { padding-top:15px}

.module-content { padding-bottom:10px}

.partners > span,
.partners > a,
.portfolio .item{
    display: inline-block;
    position: relative; 
	width:293px;
	height:293px;
    font-size: 0;
    line-height: 0; 
	border: solid 1px #dfdfdf; 
	margin-bottom:5px; 
}

.anim-show-text .item {
    position: relative;
    font-size: 0;
    line-height: 0;
}

.anim-show-text .item img {
    width: 100%;
    height: auto;
}

.portfolio .item:before,
.partners > a:before,
.partners > span:before { content:''; 
					  position:absolute;
					  z-index:2; 
					  left:0;
					  top:0; 
					  background:#000; 
					  display: block;
					  visibility:hidden;
					  height:100%;
					  width:100%; 
					  opacity:0;
						-webkit-transition: all 0.3s ease-in;
						  -moz-transition: all 0.3s ease-in;
							-o-transition: all 0.3s ease-in;
								transition: all 0.3s ease-in}
	
	.portfolio .item:hover:before,
	.partners > a:hover:before,
	.partners > span:hover:before { opacity: 0.8; 
									visibility:visible;
									-webkit-transition: all 0.3s ease-in;
									  -moz-transition: all 0.3s ease-in;
										   -o-transition: all 0.3s ease-in;
											  transition: all 0.3s ease-in}
	
	
	.portfolio .item > span,
	.partners > a > span,
	.partners > span > span { position:absolute; 
					    top:0;
					    left:0;
						z-index:2;
						width:100%;
						height:100%; 
						text-align:center}
	
		.portfolio .item > span > span,
		.partners > a > span > span,
		.partners > span > span > span {  display: inline-block; 
								    position: relative;
								    visibility:hidden;    
								    max-height:80%; 
									width:85%;
									overflow:hidden; 
									margin:0 10px;
									padding: 10px 10px; 
									text-align:center;
									color:#fff; 
									border:solid 1px #fff;
									opacity:0;
									vertical-align:middle; 
									font-size: 14px; 
									line-height:22px}
											 
			.portfolio .item > span > span span,
			.partners > a > span > span span,
			.partners > span > span > span span { display:block; 
											      padding-bottom:10px}
		
		.portfolio .item > span:after, 
		.partners > a > span:after,
		.partners > span > span:after {content:''; 
									   display: inline-block;
									   height:100%;
									   width:0px;
									   vertical-align:middle}
		
		
		.portfolio .item:hover > span > span,
		.partners  > a:hover > span > span,
		.partners  > span:hover > span > span { opacity:1;
												 visibility:visible;
												   -webkit-transition: all 0.3s ease-in;
													   -moz-transition: all 0.3s ease-in;
														 -o-transition: all 0.3s ease-in;
														  transition: all 0.3s ease-in}
		.partners  img { width:100%;
					     height:auto}										   

/* //Partners */

/* Contacts */

.contact-info { background:#f6f4f4; padding:20px 25px 10px} 
	
 .contact-info p { padding: 5px 0}	
 
 	.contact-info img {max-width:100%; margin-top:10px; height:auto}
									   
.contacts-soc { padding:53px 0 0;
				text-align:center}	

	.contacts-soc a { display:inline-block;
					  border: solid 1px #dfdfdf; 
					  margin:0 7px }

.contacts-form { padding:45px 0 0}

	.contacts-form .h1 { padding-bottom:20px}
	
.index-h-descr {padding: 0 20px 50px;
				font-size: 19px;
				color: #2b3843;
				text-align: center}
				
.index-form { margin:0 60px; text-align:left}

	.index-form .bl-justify > div {width:32%;}
	
	.index-form input[type='text'],
	.index-form input[type='password'] {width:100%;  
								    	height:50px}
	
	.index-form input[type='checkbox'],
	.index-form input[type='radio'] 	{ width:17px; height:17px}
	
	.index-form .error input,
	.index-form .error textarea {border-color: #ff3333}
	
	.index-form .error span { color:#ff3333}
	
	.index-form	textarea { width:100%;
						   margin-top:30px; 
						   height:154px}				

	.index-form .bl-btn { padding:37px 10px 57px;
						  text-align:center}

		.index-form .bl-btn input { width:auto;
									background:#e55a2e;
									padding:15px 55px; 
									border:none; 
									font-size:20px; 
									cursor:pointer; 
									color:#fff}	
	
.contacts-ya-map .h1{ padding:80px 0 50px}


.presentation-form { max-width:510px; margin:20px auto}


.presentation-form > div { margin-bottom:20px}

.presentation-form .bl-btn { padding-top:17px}

.error .validate-text { color:#ff3333}

/* //Contacts */


/* Visa Support */

.visa-form .bl-justify { padding-bottom:15px}

.visa-form header { text-align:center; padding:25px 0 15px; font-weight:bold}

.visa-form  textarea { margin-top:0}

/* Visa Support */


/* Programs */

.programs > div { margin:0 0 15px}

.content .programs ul > li { background: url(/images/bul_disc.png) 0 0.4em no-repeat; 
							 padding-left:17px}

.programs .section-row { position:relative; border:solid 1px #d9d9d9}

	.programs .section-row > div { padding:13px 13px 9px}
	
	.programs .section-row > div ul { margin:10px 0 0}
	
	.programs .section-row > div ul li { margin-bottom:4px}

	.programs .section-row .col   { width:385px/*34%*/}
	.programs .section-row .col-2 { width:353px;/*30%*/ 
									background:#eee}
									
	.programs .section-row .col-3 {width:246px/*18%*/;
								   position:absolute; 
								   right:218px/*18%*/;
								   top:0; 
								   float:none;
								   padding:0;
								   height:100%;
								   text-align:center;
								   vertical-align: middle; 
								   cursor:pointer}
									
	.programs .section-row .col-4 {width:218px/*18%*/;
								   background:#f1f1f1; 
								   position:absolute; 
								   right:0;
								   top:0;
								   float:none;
								   padding:0; 
								   height:100%; 
								   text-align: center;
								   cursor:pointer}
	
	.programs .program-content { height:0;
								 opacity:0;
								 overflow:hidden; 
								 -webkit-transition: opacity 1.0s 0s;
									-moz-transition: opacity 1.0s 0s;
										-o-transition: opacity 1.0s 0s;
											-ms-transition: opacity 1.0s 0s;
												transition: opacity 1.0s 0s;}
	
	.programs .program-content table { margin-top:10px; border-top-color:#fff}
	
	.programs .program-content-open  {opacity:1; transition: opacity 1.0s 0s;}
	
		.programs .name { line-height:27px; text-transform:uppercase}
		
		.programs .section-row a { display:inline-block;
								   position:absolute; 
								   left:50%;
								   top:50%; 
								   width:90px; 
								   height:24px; 
								   margin-left:-45px; 
								   margin-top:-12px; 
								   color:#df582d; 
								   font-size:22px; 
								   line-height:24px; 
								   text-decoration:none}

/* //Programs */

/* FAQ */

ul.faq-list { margin:0; 
			  list-style:none;
			  padding-bottom:35px}

	ul.faq-list	li { background:#f6f4f4; 
					 margin-bottom:19px; 
					 padding-left:0; 
					 font-size:26px; 
					 line-height:1.4em}
		
		ul.faq-list	li:before { display:none}
		
		ul.faq-list	li .quest-bl { cursor:pointer}
					 
		ul.faq-list .quest { padding:35px 24px 0 42px}
		
			ul.faq-list .view{ padding:10px 35px 10px 0;
							   text-align:right;
							   font-size:16px;
							   line-height:18px}
							   
				ul.faq-list .view a { color:#777}			   
							   
		ul.faq-list .answer { max-height:0;
							  opacity:0;
							  overflow:hidden;
							  background:#fff url(/images/faq_open.png) 64px 23px  no-repeat;
							  padding-left:139px;
							  -webkit-transition: all 1.0s 0s;
													-moz-transition: all 1.0s 0s;
														-o-transition: all 1.0s 0s;
															-ms-transition:all 1.0s 0s;
																transition: all 1.0s 0s
							  }
							  
			ul.faq-list .answer > div { background:#f6f4f4;
										border-top:solid 15px #fff; 
										padding: 27px 35px 19px 25px; 
										font-size:18px;  line-height:26px}	
			
			ul.faq-list .answer-open  { max-height:2000px;
										 opacity:1;
											-webkit-transition: all 1.5s 0s;
													-moz-transition: all 1.5s 0s;
														-o-transition: all 1.5s 0s;
															-ms-transition: all 1.5s 0s;
																transition: all 1.5s 0s}
	
.faq-bl-bot { background-image:url(/images/bg_faq.jpg); 
			  color:#231f20}

	.faq-bl-bot div strong { border-color:#231f20}
	
	.faq-bl-bot .bl_more_link a { color:#2b3843; 
								  border-color: #2b3843 }

	.faq-bl-bot .bl_more_link a:after { background:url(/images/bl_arr.png) right 0 no-repeat}
	
	
	.faq-form { margin:0}
	
	.faq-form .bl-btn { padding-bottom:10px}
		
/* //FAQ */

/* Plagins  */

.page-bottom-plagin { padding:50px 60px}

/* //Plagins  */

.reg-btn { position:fixed; z-index:2000; width:100px; height:50px; right:10px; bottom:10px; background:url(/images/33.svg) right 0 no-repeat}

/* //Footer */


footer {position: relative;
    	width: 100%; 
		overflow:hidden; 
		background:#111;
		overflow:hidden;
	    padding:0; 
		font: normal 16px/20px 'Roboto', Arial, sans-serif;
		color:#fff}

	footer a { color:#fff}

	footer .content-pos { padding:0 15px 0 65px}

	.f-top {background-image:url(/images/bg_footer.jpg); 
			padding-top:63px} 
	
	.f-top header { padding-bottom:11px;
					font: bold 18px/20px 'Roboto', Arial, sans-serif}
	
	.f-top .info { line-height:30px}
	
	.f-top .soc { padding:7px 0 30px;
				  font-size:0; 	
				  line-height:0}
	
		.f-top .soc a { display:inline-block;
						background:url(/images/soc_spr.png) 0 0 no-repeat;
						width:26px;
						height:26px; 
						margin-right:9px}
						
			.f-top .soc a.tw { background-position:-35px}	
			
	.f-top .agents .col { padding-right:50px}	
	
		.f-top .agents .col .item { padding-bottom:30px}
		
		.f-top .descr { padding-bottom:45px}
		
	 .f-bottom { background-image:url(/images/bg_footer_bot.jpg); 
	 			 padding:31px 0 37px 0; 
				 font-size:14px}
	
		.f-bottom .logo { display:block;
						  margin:0 auto; text-align: center}
		
		.f-bottom .counters{ position:absolute; 
							 top:11px; 
							 left:65px}
		
		.f-bottom .conf-link{ padding-top:14px}

				 
				.f-bottom .copy_fl {position: absolute;
									top: 40px;
									right: 65px;
									text-align: right}
										
						.f-bottom .copy_fl a { display: inline-block;
											background: url(/images/fl.png?7) 0 0 no-repeat;
											padding-left: 49px;
											line-height: 40px;
											text-decoration: none}				
				
						
			.f-bottom .copy_fox { position:absolute; 
								  top:47px;
								  right: 65px; 
								  text-align:right}
			
				
				footer .copy_fox a { display: inline-block;
   									 background: url(/images/dev_logo.png?7) 127px 2px no-repeat;
   									 padding-right: 100px;
  									 text-decoration: none;}
				
				.f-bottom .copy a:hover { text-decoration:underline}					
/* //Footer */


/* Process */

#user-page-bg {position: fixed;
			   z-index:1000;
			   top:0;
			   left:0; 
			   background-color:#000;
			   opacity:0.8; 
			   width:100%;
			   height:100%
			   }

.show_process { position:absolute;
				z-index:1000;
				top:50%;
				left:50%;
				width:170px;
				height:40px;
				border:solid 1px #ccc;
				background:#fff url(/images/loading.gif) center center no-repeat}

.user-dialog  	 { position:absolute;
				   z-index:1000;
				   background:#fff;
				   -moz-border-radius: 7px;
				   -webkit-border-radius: 7px;
				   -o-border-radius: 7px;
				   -ms-border-radius: 7px;
	 			   border-radius: 7px; 
				   font:normal 16px/1.5em 'Roboto', Arial, sans-serif;
				   color:#2b3843}

	
	.popup-form { width:746px; 
				  margin:0 !important}
	
	.popup-form .descr { position:relative;
						 margin-bottom:28px;
						 text-align:center}
	
		.popup-form .descr p{ padding:30px 120px 26px }
	
	.popup-form .descr:after { content:'';
							   display:block; 
							   margin:0 17px; 
							   border-bottom: solid 1px #ccc}
	
	
	.user-dialog .header { background:#f6f6f6 url(/images/bg_2.jpg) 0 0 no-repeat;		
						   -moz-border-radius: 5px 5px 0 0;
						   -webkit-border-radius: 5px 5px 0 0;
						   -o-border-radius: 5px 5px 0 0;
						   -ms-border-radius: 5px 5px 0 0;
						   border-radius: 5px 5px 0 0; 
						   padding:21px 10px;
						   font-size:30px; 
						   line-height:32px; 
						   font-weight:bold; 
						   color:#2b3843; 
						   text-align:center
	}

	.form-submit-done { background:url(/images/icon_ok.png) center 38px no-repeat;
						width:439px; 
						padding:115px 10px 20px}
	
			.form-submit-done .header { background:#fff}
			
			.form-submit-done .descr { padding:0 30px; font-size:16px; line-height:30px}
			
			.form-submit-done .descr:after { display: none}
	
	
	.popup-form .row { max-width:365px;
					   padding:0 20px 13px; 
					   margin:0 auto}
	
	.popup-form .row input[type="text"] { width:100%; height:52px; padding:0 15px}
	.popup-form .row textarea 			{ width:100%; height:135px; padding:15px 15px}
	
	
	.popup-form  .error input[type="text"],
	.popup-form  .error textarea			 { border-color:#ff3333}
	
	.popup-form .btn-bl { padding:18px 0 37px}
	
	.user-dialog-cont div.size { display:block;
								 background: url(/images/loading.gif) center no-repeat;
								 width:230px;
								 height:200px}

	.user-form-close {position:absolute;
					  top:5px;
					  right:10px;
					  color:#fe9900}



	.user-dialog .btn-close-bl { padding:0 0 15px}	
	
	.user-dialog .btn-close-bl .btn { width: 76px}

.loading_box { background:#fff url(/images/loading.gif) center no-repeat}

.show_img_bg { position: absolute;
			   z-index:5001;
			   background:#fff url(/images/loading.gif) center no-repeat;
			   -moz-border-radius: 10px;
			   -webkit-border-radius: 10px;
 			   border-radius: 10px;
			   width:300px;
			   height:300px;
			   padding:10px;
			   overflow:hidden;
			   text-align:center}

.show_img {padding:30px 0px 0px 0px}


.popup-adaptive { width:100%; height:100%; overflow: hidden}

.popup-adaptive iframe { width:100%; height:100%; overflow:hidden}

.popup-adaptive  .user-dialog-cont { width:100%; height:100%;  overflow:hidden} 

.popup-adaptive iframe body{ display:none; }
/* Media */


@media (max-width: 1310px) {
	.slider ul li img { max-width:90%}		
	
	.partners { text-align:center !important}
	
	.partners > a { margin:0 30px 30px}
	
	.gallery-list .bl-justify > a,
	.galley-photos  > a { width:19%; height:auto}
	
	.gallery-list .bl-justify > a > img,
	.galley-photos  > a > img 			 { width:100%; 
										   height:auto}
	
	.contacts-content  > .col { width:59%}
	
		.contacts-content .col .pos,
		.contacts-content .fright .pos { width:100%}
		
			.contacts-content .col .pos img { max-width:95%; 
											  height:auto}
											  
	.contacts-content .fright { width:41%;}	
	
	.programs .section-row .col     { width:34%}
	.programs .section-row .col-2   { width:30%}
	.programs .section-row .col-3   { width:19%; 
									  right:17%}
	.programs .section-row .col-4   { width:17%}
	
}


@media (max-width: 1250px) {
	html,
	body { width:1250px}
	
	.top-menu nav,
	.content-pos { width:1250px; 
				   max-width: none}
}

@media (max-width: 1200px) {	
	
	.top { padding-top:57px}
	
	.top-menu { position:fixed;
				z-index:100;
				width:100%; 
				left:0; 
				top:0;
				min-height:57px;
				margin-top:0;}
			
	.top-menu nav { margin:0}
	
	.top-menu nav > ul {display: block; 
						position:absolute; 
						top:64px; 
						left:5%; 					
						width:90%; 
						padding:0; 
						overflow:hidden;
						text-align:left;
						max-height: 0; 
						opacity: 0;
						-webkit-transition: max-height 0.5s, opacity 0.5s;
							-moz-transition: max-height 0.5s, opacity 0.5s;
								-o-transition: max-height 0.5s, opacity 0.5s;
									-ms-transition: max-height 0.5s, opacity 0.5s;
										transition: max-height 0.5s, opacity 0.5s;
					 }
		
	.top-menu nav > ul:before { display:block;
						  content:''; 
						  position:absolute;
						  z-index:0;
						  background-color:#363636;
						  width:100%;
						  height:100%;
						  opacity: 0.95}
	
	
 
	.top-menu nav > ul > li {display:list-item;
							 width:100%;
							 padding:0;
							 border-top:solid 1px #454142}
	
		.top-menu nav > ul > li:after { display:none}
		
		.top-menu nav > ul > li a { display:block; 
								    padding:10px 22px; 							   
									line-height:1.4em}
	
		
		.top-menu nav > ul >  li.have_child  > a:after { top: 20px}
	
	.top-menu .toggle-menu { display:block}
	
	.menu-open .top-menu nav > ul {max-height:2000px;
								   opacity: 1; 
									-webkit-transition: max-height 1.5s, opacity 0.5s;
										-moz-transition: max-height 1.5s, opacity 0.5s;
											-o-transition: max-height 1.5s, opacity 0.5s;
												-ms-transition: max-height 1.5s, opacity 0.5s;	
													 transition: max-height 1.5s, opacity 0.5s}
													 
	
	.top-menu nav > ul > li > div {position:relative;
								   top:auto; 
								   left:0; 
								   display:none;
								   padding:15px 15px 15px 35px;
								   min-width:0}		
	
		.top-menu nav > ul > li > div ul { padding-top:0; 
										   padding-left:5px}
 
			.top-menu nav > ul > li ul a { display:block}
			
			.top-menu nav  > ul > li:hover  > div { display:none}
			
			.top-menu nav  > ul > li.animate div {-webkit-transition: max-height 1.5s, opacity 0.5s;
												   -moz-transition: max-height 1.5s, opacity 0.5s;
													 -o-transition: max-height 1.5s, opacity 0.5s;
														-ms-transition: max-height 1.5s, opacity 0.5s;	
															 transition: max-height 1.5s, opacity 0.5s}
	
	.top-menu nav  > ul > li.active div {max-height:2000px}

	.btn_right { display:none}
	
	
	
}

@media (max-width: 760px) {
	
	html,
	body { width:100%}
	
	.popup-adaptive { width:100%!important; height:100%!important}
	
	.index-h, h1, .h1, .why-we h2, .index-visa h2 { font-size:22px; line-height:32px; padding-bottom:10px} 
	
	.top .content-pos { height:auto; 
						padding-top:15px; padding-bottom:10px}
	
	.content-pos iframe {width: 100%}

	.content-pos iframe {height: 190px}
	
	.top-image,
	.slider-bl  { min-height:0}
	
	.content img,
	img.mobile    { max-width:100%!important; height:auto!important}
	
	.inner-page .content { padding:14px 15px 15px}
	
	.inner-page .content h1.module-header,
	.inner-page .content h1 { padding-bottom:10px}

	.content  { padding-top:30px}
	.inner-page .content h1 { padding-top:25px}
	
	.index-pos,  
	.padding-s {padding-left:15px; padding-right:15px}
	
	.top a.logo { display:block;
				  position:relative;
				  margin:0 auto 10px; 
				  top:auto; 
				  left:auto; 
				  text-align:center}
	
		.top a.logo  img { max-width:100%; height:auto}
	
	.top .address,
	.top .info     { position:relative; 
					 margin:0 auto;
					 padding:15px 0 0; 
					 right:auto; 
					 top: auto; 
					 bottom:auto;
					 text-align:center}
	
	.top .address .r_number { padding-top:5px}
	
	.top .info { padding:15px 10px}
	
	.top .lang {  top:auto; 
				  bottom:12px; 
				  right:20px}
	
	.top-menu nav,
	.content-pos { width:100%}
	
	.toggle-menu { top:22px}
	
	.top-menu nav > ul { top:57px}
	
	/*
	.content-pos  h1,
	.content-pos .h1,
	.content-pos header {padding-left:20px!important;
						 padding-right:20px!important}
	
	*/
	.index-info-bl .bl_more_link  { padding-bottom:30px}	
	
	/*
	.bl_more_link a { border:none}
	*/
	
	.bl_more_link a:after { right:-10px}
	
	.p-b-120 { padding-bottom:60px!important}
	
	#user-dialog-id { width:96% !important}
	
	.popup-form { width:100%!important;
				  max-width: none}
				  
	.popup-form .descr p {padding:30px 50px 26px}			  
	
	
	.directions { -webkit-transition: all 1.0s  ease-in;
					-moz-transition: all 1.0s  ease-in;
						-o-transition:all 1.0s  ease-in;													  
							transition: all 1.0s  ease-in} 
	
		.directions-d a { margin: 0 10px 20px}
			
			.directions-d a img { width:100%; height:100%}
		
		.directions-d .bl-justify { text-align:center!important}					
		
		.directions-d a:last-child { margin-bottom:0}
		
		
	.index-info-bl div strong { display:block;
								max-width:100%; 
								padding:30px 20px}	
								
	.portfolio { text-align:center!important}
	
	.bl_more_link { margin-left:30px; margin-right:30px}	
	
	.slider-partners .pos { padding:0 60px}
	
	.slider-partners .pos .prev { left:15px}
	.slider-partners .pos .next { right:15px}
	
	
	.contact-info { padding:5px 10px 0}
	
	.contacts-form .bl-btn { padding:22px 10px 30px}
	
	.contacts-form .h1 { padding-bottom:10px}
	
	.contacts-ya-map .h1 { padding:30px 0 13px}
	
	footer .content-pos { padding-left:15px}
	
	footer .col-2 { width:100%; text-align:center}
	
	.index-info-bl { background-position:-450px 0}
	
	.slider-partners { background-position:-500px 0}
	
	
	.partners > a { margin:0 10px 20px}
	
	.gallery-list .bl-justify  a { width:32%}
	
	.gallery-list .bl-justify a span { font-size:14px}
	
	.galley-photos a { width:31%; margin-bottom:10px}
	
	.page-bottom-plagin { padding:30px 15px}
	
	.f-top { background-position:-1350px 0; 
			 padding-top:35px}
	
	.f-top .agents .col {padding-right: 10px; 
						 width:33%; 
						 text-align:left}
						 
	.f-bottom .counters { position:relative;
						  text-align:center; 
						  left:auto; 
						  top:auto;
						  padding-top:30px}
	
	.f-bottom .copy { position:relative; 
					  right: auto; 
					  top:auto;
					  padding-top:30px;
					  text-align:center}
	.btn_right,  
	.right-menu { display:none}	
	
	.coda-nav ul { bottom:7%!important}
	

	.gallery {    padding: 0 0 40px}
	
	.galley-photos-h1 { padding-top:20px; padding-bottom:20px}
	
	.gallery a { max-width: 31%;
				 margin-bottom: 3%; width:auto!important }
				 
	.gallery-list h3 { padding-top:30px}
	
	.breadcr a,
	.breadcr span{ font-size:14px}
	
	.contacts-content .pos { height:auto; margin-bottom:15px; padding-bottom:18px; line-height:20px}
	
	.contacts-content > .col { width:100%; float:none}
	
	.contacts-content .fright { display:none; width:100%; float:none; padding-left:0}
	
	.contacts-content .info { padding:0 10px 10px}
	
	.contacts-content .col img { margin-top:4px}
	
	.contacts-work-time .col { float:none; width:100%; padding-bottom:0;  line-height:20px; text-align:center}
	
	.contacts-work-time .col-2 {float:none; width:100%; padding-left:10px;  line-height:20px; text-align:center}
	
	.contacts-content .fright .descr { line-height:20px; 
									   padding: 11px 15px 0}
									   
		.contacts-soc { padding-top:27px}
		
		.contacts-soc a { margin-bottom:14px}
	
	.index-h-descr { padding-bottom:30px}
	
	.index-form { margin: 0 20px}
	
	.contacts-form { padding-top:30px}
	
	.index-form .bl-justify > div { display: block;
									width: 100%;
									padding-bottom: 15px }
									
	.index-form textarea { margin-top:0}
	
	.visa-form .bl-justify  { padding-bottom:0}
	
	
	.programs .section-row { padding-bottom:56px}
	
	.programs .section-row .col     { width:100%; float:none}
	.programs .section-row .col-2   { width:100%; float:none}
	
	.programs .section-row .col-3,
	.programs .section-row .col-4{ display:block;
								   background:#fff;
								   width:50%; 
								   top:auto; 
								   bottom:15px;
								   height: auto; 
								   text-align:center}
									  
	.programs .section-row .col-3   {right:50%}
	
	.programs .section-row a { position:relative; margin:0; top: auto; left:auto}
	.programs .v-center:after { display:none} 
	
	.gallery-content { padding-top:30px}
	
	
	ul.faq-list { padding-bottom:11px}
	
	ul.faq-list  li { font-size:18px; line-height:1.4em}
	
	ul.faq-list .quest { padding: 10px 10px 0 10px}
	
	ul.faq-list .answer {padding-left:0; 
						 background:none;
 						 /*background-position: 0px 23px*/}
	
	ul.faq-list .answer > div { border:none;
								background: #fff;
								padding: 10px 10px 20px;
							    font-size:18px;
							    line-height:1.4em}
							  
	ul.faq-list .view {font-size: 14px;
				       line-height: 16px;
				       padding-right: 10px}
					   
	.faq-form { margin:0}
	
	.faq-form .bl-btn { padding-top:20px}
	
	.why-we .bl_more_link { padding-bottom:30px}
	
	
	.breadcr a { margin-right:0}
	.breadcr a:after { margin-left:5px}
	
	.gallery-content { padding:25px 0 0}
	.gallery-list { padding-top:25px}
	
	.gallery-description { padding-bottom:20px}
	
	.partners { padding-top:0}
	
	.f-bottom .copy_fl,
	.f-bottom .copy_fox { display:block; 
						 width:100%; 
						 position:relative;
						 right:auto;
						 top:0;
						 padding:20px 0 0;
						 text-align:center}
						 
	 .presentation-content { padding:0}
	 
	 #presentation-form input[type="text"] { width:80%}
	 
     .p-users-content .row span { padding:4px 5px}
 	
	 .p-users-content { font-size:22px; line-height:26px}
	
	.p-users-content .row { padding:20px 0 30px}	
	
	.p-users-content .col-6 { padding-bottom:30px; text-align:center}
	
		.p-users-content .col-6  .del { margin:auto}
	
	.p-users-content .col { float:none; width:100%;  padding:5px 0;  text-align:center}
	
	.p-users-content .col:after { display:none;}
		
	.p-users-content .col span a,
	.p-users-content .col span img { margin:0 10px}
}


@media (max-width: 750px) {
	.directions { height:544px}
	.index-visa .directions { height:420px}
	
	.gallery-list .bl-justify  { text-align:center!important}
	
	.gallery-list .bl-justify  a { width:240px; margin: 0 20px 25px}
	
	.gallery-list .bl-justify a:last-child { margin-bottom:0}
}


@media (max-width: 700px) {
	
	.slider-bl .banner { height:220px}
		
	.slider ul { height: 170px}	
		
	.slider ul li { width: 50%;
					margin-bottom:100px}
					
	input, textarea { padding:5px 10px; 
					  font-size:16px}	
					  
	.bl-btn input { padding:10px 35px!important}				  
	 				  
		.popup-form .descr p {padding:30px 20px 26px}
	
}

@media (max-width: 660px) {	
	
	.partners { text-align:justify!important}
	.partners > a { width:48%;
					margin:0 0 20px; 
					height:auto}
					
	.partners > a > img { width:100%; height: auto}	
	
	.index-visa  {background-position: center; padding-top:30px}

}

@media (max-width: 600px) {	
	
	.f-24 { font-size:20px; 
			line-height:24px}
	
	.p-t-75  { padding-top:25px !important} 
	.p-t-60  { padding-top:25px !important}
	.p-t-50  { padding-top:25px !important}
	
	.p-b-120 { padding-bottom:25px!important}
	
	.content h1,
	.content .h1 { padding-bottom: 10px}
	
	.content .p-b-28 { padding-bottom:8px !important}
		
	.top .info { text-align:right; 
				 margin-right:30%}
	
	.coffee { padding: 30px 20px 60px}
	
	#YMapsID {height: 300px; overflow:hidden}
	
	#user-dialog-id { width:98% !important}
	
		.popup-form .descr { display:none}
		
		.popup-form .header { margin-bottom:32px}
		
		.form-submit-done .header { margin-bottom:12px}
		
	.slider-partners { padding-top:30px}
	
	.slider-partners .h1 { padding-bottom:25px}
	
	.contact-office > div {width:100%}	
	
	
	.contact-office .item p { font-size:14px; line-height:22px}
	
	.contact-office p.header2 { font-size:22px; padding-bottom:12px}
	
	.directions { padding-top:5px; margin-bottom:25px}
	
	.bl_more_link { padding-bottom:30px}
	
	.index-visa .directions a { margin: 0 10px 20px}
		
		.index-visa .directions .bl-justify { text-align:center!important}
		
		.index-info-bl { padding:30px 0 10px}
		
		.index-info-bl .h1 { padding-bottom:20px}
		
		.index-info-bl div strong { font-size:64px}
		
		.index-info-bl div strong  span { font-size:46px}
	
		.index-info-bl div p { font-size:30px; 
							   line-height:36px}
	
			
	.programs .program-content table td,
	.programs .program-content table td  { display:block; white-space: normal}
	
	
	.f-top .agents .col {padding: 0; 
						 width:100%; 
						 text-align: center}
						 
						 
	.f-top { background-position:-2420px 0 }	
	
	.f-top .descr { text-align:center}
	
	.reg-btn { width:120px; height:60px }
}

@media (max-width: 550px) {	

	.index-info-bl div strong { font-size:58px}
		
	.index-info-bl div strong  span { font-size:40px}
	
	.index-info-bl div p { font-size:26px; 
						   line-height:32px}
						   
	select, input[type="text"], textarea {font-size:15px}					   
}

@media (max-width: 510px) {	

	.directions-d a { max-width:100%; height:auto}
	
}

@media (max-width: 500px) {	

	.directions { height: 525px}
	
	.slider ul { height: 150px}	
	
	.user-dialog .header { font-size:26px; line-height:28px}
	
	.soc-links a { width:48%}
	
	.index-info-bl div strong { font-size:52px}
		
	.index-info-bl div strong  span { font-size:38px}
	
	.index-info-bl div p { font-size:24px}
	
	.partners { text-align:center!important}
	.partners > a { width:293px;}

}

@media (max-width: 470px) {	
	.directions { height: 505px}

	.f-bottom .logo img{ max-width:100%; height:auto}
}

@media (max-width: 460px) {
	
	/* Top */
		.top .logo { width:300px;	
					 height:90px;
					 -webkit-background-size: cover;
					  -moz-background-size: cover;
						 -o-background-size: cover;
							 -ms-background-size: cover;
								 background-size: cover;
								  background-repeat:no-repeat; 
								  background-position: 0 0}
	/* Top */
	
	
	.directions { height: 487px}
	
	.directions a span { padding:10px 5px; font-size:14px; line-height:16px}
	
	
	.slider-bl .banner { height:180px}
	
	.slider ul li { width:100%}
		
	input, textarea { padding:5px!important}
	
	.bl-btn input { padding:10px 35px!important}
	
	.contact-phones-bl {background-position:-300px 0}
	
	.index-visa .directions { height:420px}
	
	.index-visa .directions a { width:44%}
	
	.index-visa .directions a img { width: 100%;
									height:auto}
									
		
	.index-info-bl div strong { font-size:46px}
		
	.index-info-bl div strong  span { font-size:34px}
	
	.index-info-bl div p { font-size:22px}		 
}

@media (max-width: 450px) {	
	.directions { height: 481px}
	.index-visa .directions { height:413px}
}

@media (max-width: 440px) {	
	.directions { height: 470px}
	.index-visa .directions { height:405px}
}

@media (max-width: 430px) {	
	
	.directions { height: 450px}	
	.index-visa .directions { height:395px}
	
	#presentation-form input[type="text"] { width:69%}
}

@media (max-width: 420px) {

	.top a.logo { width:361px; 
				  height:69px;
				 -webkit-background-size: contain;
				  -moz-background-size: contain;
					 -o-background-size: contain;
						 -ms-background-size: contain;
							 background-size: contain;
							  background-repeat:no-repeat; 
							  background-position: 0 0}
		
	.top .info { margin-right:25%}
	
	.directions { height: 370px}
	
	.user-dialog .header { font-size:24px; line-height:26px}
										
	.index-info-bl div strong { font-size:42px;
							    padding:20px 15px}
		
	.index-info-bl div strong  span { font-size:30px}
	
	.f-top { background-position:-2350px 0 }							 					 
}


@media (max-width: 410px) {	
	.directions { height: 420px}
	
	.index-visa .directions { height:380px}	
	
	#presentation-form { padding:7px}
	#presentation-form input[type="text"] { width:67%}
}


@media (max-width: 390px) {	
	.f-top { background-position:-2420px 0 }		
}


@media (max-width: 380px) {
	.top a.logo { width:298px; 
				  height:57px}
	
		.top .info { margin-right:22%}
	
	.directions { height: 310px}
		
	.page-devorce a {margin: 0 5px 20px}

		.directions a span { font-size:12px}
	 	
	.contact-phones-bl div p.contact-user { font-size:18px; padding-bottom:12px} 
	
	.contact-phones-bl {background-position:-360px 0}
	
		
	.index-info-bl div strong { font-size:38px;
							    padding:15px 10px}
		
	.index-info-bl div strong  span { font-size:28px}	
	
	.slider-partners .pos { padding:0 15px; margin:0 15px}
	
	.f-top .info,
	.f-top .descr { font-size:14px}

	.f-top { background-position:-2360px 0 }
	
	
	#presentation-form input[type="text"] { width:65%}
					 
}

@media (max-width: 360px) {
	/* Top */
		.top .info span,
		.top .info a	{ margin: 0; 
						  display:block}
	/* Top */
	
	.user-dialog .header { font-size:22px; line-height:24px}						 
	
	#presentation-form input[type="text"] { width:62%}
}

@media (max-width: 340px) {	
	
	.directions { height: 280px}
	
	.f-top { background-position:-2460px 0 }
	
	
	#presentation-form input[type="text"] { width:60%}
}

@media (max-width: 330px) {
	
	.top a.logo { margin-bottom:10px}
	
	.top .info { margin-right:20%}
	
	.user-dialog .header { font-size:20px; line-height:22px}
	.contact-phones-bl {background-position:-380px 0}
	
	.index-info-bl div strong { font-size:36px }
		
	.index-info-bl div strong  span { font-size:26px}	
	.f-top { background-position:-2560px 0 }	
}


@media (max-width: 320px) {

	.f-top .info, .f-top .descr { font-size:13px}
	.f-top { background-position:-2460px 0 }	
}