html
{
	font-size: 10px;
}
body
{
	font-size: 1.6em;		
	font-family: 'Montserrat', sans-serif;
	margin: 0px;
	overflow-x: hidden;
	overflow-y: scroll;
	line-height: 2;
}
a:-webkit-any-link
{
	text-decoration: none;
	color: #000;
}
/* главная страница */
h2
{
	font-size: 2em;
}
.img-responsive,.thumbnail>img,.thumbnail a>img,.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;width:100% \9;max-width:100%;height:auto}
h2h
{
	display: block;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    font-size: 2em;	
}
.color_green{color: #1e981e;}
.logo_block
{
	border-bottom: 1px solid #F1F0ED;
	display: grid;
	grid-template-columns: 1fr 1fr;
}
.logo_block_logo
{
	display: grid;
	justify-content: start;
	padding-left: 4em;
}
.logo_block_logo_img
{
	margin-bottom: -8px;
}
.logo_block_btn_in{display: grid; justify-content: end; align-items: center;}
.logo_block_btn
{
	display: inline-grid;
	grid-template-columns: auto auto 100px;
}
.header_btn
{
	display: inline-grid;
	grid-template-columns: auto auto;	
	align-items: center;
	border-radius: 5px;
	margin: 0px 15px;
	color: #000;
	font-weight: bold;
	font-size: 0.9em;
	padding: 7px 15px;
	opacity: 0.7;
	transition: 400ms;
}
.header_btn:hover
{
	background-color: #FBDD2C;
	opacity: 1;
	transition: 400ms;
}
.header_btn_yallow
{
	background-color: #FBDD2C;
}
@media (max-width: 1760px)
{
	.logo_block{grid-template-columns: 1fr 2fr;}
	.logo_block_btn_in{justify-content: end;}
}
@media (max-width: 1300px)
{
	.logo_block{grid-template-columns: 1fr 3fr;}
	.header_btn{padding: 7px 10px; margin: 0px 5px;}
}

.btn_img_svg
{
	height: 22px;
	padding: 0px 10px 0px 0px;
	margin-bottom: -5px;
}
.btn_img_svg_2
{
	height: 19px;
	padding: 0px 10px 0px 0px;
	margin-bottom: -4px;
}
.btn_img_svg_3
{
	height: 16px;
	padding: 0px 10px 0px 0px;
	margin-bottom: -3px;
}
.btn_img_svg_4
{
	height: 19px;
	padding: 0px 5px 0px 0px;
	margin-bottom: -4px;
}
.btn_img_svg_5
{
	height: 23px;
    padding: 0px 5px 0px 0px;
    margin-bottom: -6px;
}
.menu_block
{
	display: grid;
	justify-content: center;
	align-items: center;
}
.menu ul{padding-inline-start: 0px;}
.menu_block_btn
{
	display: inline-grid;
	grid-template-columns: repeat(8, auto);
	justify-content: center;
	align-items: center;
}
.menu_btn
{
	margin: 0em 2em;
}




/* banner line */

.fog_top 
{
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 130px;
    overflow: hidden;
    background: url("../imgs/banner_index_bg.jpg") center center;  
    background-size: cover;
}

.navigation_line
{
	max-width: 1900px;
    text-align: left;
    padding: 0.5em 0em 1em 0em;
    font-size: 0.8em;
}
.navigation_line_free_domain{max-width: 1500px; text-align: left; padding: 0em 0.5em 0em 1em; font-size: 0.8em;}
.navigation_img{height: 20px; margin-bottom: -3px;}


.block_banner {
	height: 130px;
	overflow: hidden;
	position: relative;
}
.banner_windows_hosting
{
	background-image: url("../imgs/banner-window-hosting.jpg");
	background-position: left top;
}
.banner_partner
{
	background-image: url("../imgs/banner-partner.jpg");
	background-position: left top;
}
.banner_contract
{
	background-image: url("../imgs/banner-contract.jpg");
	background-position: left top;
}
.banner_personal
{
	background-image: url("../imgs/personal-information.jpg");
	background-position: left top;
}
.banner_domain
{
	background-image: url("../imgs/banner-window-domain.jpg");
	background-position: center top;
}
.banner_vds_forex
{
	background-image: url("../imgs/banner-vds-forex.jpg");
	background-position: center top;
}
.banner_hosting_ssl
{
	background-image: url("../imgs/banner-ssl-hosting.jpg");
	background-position: center top;
}
.block-text {
	position: absolute;
	right: 0;
	left: 0;
	z-index: 50;
	padding: 20px;
	font-size: 49px;
	font-weight: 900;
	color: #fff700;
	line-height: 1.4;
	text-shadow: 3px 3px 20px #000;
}
.block-image {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.block-image img {
	width: 100%;
	transform-origin: bottom right;
	animation: grow 150000ms ease;
}
@keyframes grow {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(2);
	}
}

.block_h1 h1
{
	color: #fff;
	font-size: 25px;
	font-weight: 400;
	text-align: right;
	padding-top: 40px;
	padding-right: 10%;
	text-shadow: 1px 1px 2px black, 0 0 1em #000;
}

.block_h1_line
{
	color: #fff;
	font-size: 25px;
	font-weight: 400;
	float: right;
	padding: 5px 15px;
	text-shadow: 1px 1px 2px black, 0 0 1em #000;
	margin-block-start: 1.5em;
	margin-right: 6%;
}
/* Banner line end */

.tarif_line
{
	display: grid;
	margin: 2.0em 0.5em 3.5em 0.5em;
}
.tarif_cont
{
	display: grid;
	grid-template-columns: 1fr 10px 1fr 10px 1fr 10px 1fr;
	max-width: 1600px;
}
.tarif_cont_windows
{
	display: grid;
	grid-template-columns: 1fr 10px 1fr 10px 1fr;
	max-width: 1600px;	
}
.tarif_h_line{border-right: 1px solid #F5F4F2; height: 300px; width: 5px; margin-top: 90px;}
.tarif_block_center{display: grid; justify-content: center;}
.tarif_block{width: 280px; padding: 20px; transition: 500ms;}
/* .tarif_block:hover{box-shadow: 0px 0px 12px 3px #7a7e8042; border-radius: 10px; transition: 500ms;} */
.tarif_cont h2h, .tarif_cont_windows h2h{font-size: 1.7em; margin-block-start:0.2em; text-align: left;}
.tarif_cont li, .tarif_cont_windows li{list-style: none; line-height: 3.3; font-size: 0.8em; text-align: left;}
.tarif_cont ul, .tarif_cont_windows ul{padding-inline-start: 0px;}
.tarif_check{width: 18px; padding-right: 10px; margin-bottom: -3px;}
.tarif_price{background-color: #F1F0ED;	border-radius: 5px;	padding: 0em 0.5em; }
.tarif_price time {color: #888686; padding-left: 10px; font-size: 0.8em;}
.tarif_price prt {font-size: 1.8em; padding-left: 6px;}
.tarif_price sup {font-size: 1.2em;}
.tarif_cont_l2
{
	display: grid;
	grid-template-columns: 1fr 1fr;
	max-width: 1600px;
}
.tarif_cont_l2-1
{
	display: grid;
	grid-template-columns: 1fr 10px 1fr;	
}
.tarif_cont_l2 h2h{font-size: 1.7em; margin-block-start:0.2em; text-align: left;}
.tarif_cont_l2 li{list-style: none; line-height: 2.8; font-size: 0.8em; text-align: left;}
.tarif_cont_l2 ul{padding-inline-start: 0px;}
@media screen and (min-width:995px) and (max-width:1350px)
{
	.tarif_block{width: auto; padding: 10px;}
}
@media screen and (min-width:995px) and (max-width:1190px)
{
	.tarif_cont h2h{font-size: 1.5em;}
	.tarif_cont li{line-height: 2.8; font-size: 0.7em;}
	.tarif_cont_l2 h2h{font-size: 1.5em;}
	.tarif_cont_l2 li{line-height: 2.8; font-size: 0.7em;}	
	.tarif_block{padding: 5px;}
}
@media (max-width: 1400px)
{
	.tarif_cont_l2{margin-top: 1em;}
	.block_h1_line{margin-right: 0;}
}
.tarif_btn
{
	background-color: #FBDD2C;
	border-radius: 5px;
	padding: 0.8em 0.5em;
	text-align: center;	
	margin-top: 7px;
	transition: 400ms;
	box-shadow: 0 12px 24px rgb(0 0 0 / 16%);
}
.tarif_btn:hover
{
	background-color: #e4c407;
	transition: 400ms;
	font-weight: bold;
	color: #000;
}
.test_line{background-color: #F8F7F6; padding: 2em 0.5em; overflow: hidden;}
.test_line_3day{background-color: #edf6fd; padding: 2em 0.5em;}
.test_block
{
	display: grid;
	/* grid-template-columns: 1fr 1fr 1fr 1fr; */
	grid-template-columns: 1fr 450px 450px 1fr;
	align-items: center;
	justify-content: center;
}
@media (max-width: 1250px)
{
	.test_block
	{
		grid-template-columns: auto auto auto auto;
	}	
}
.test_block_3day
{
	display: grid;
	grid-template-columns: 1fr 4fr 2fr;
	align-items: center;
	justify-content: center;
}
.test_block_3day_center
{
	display: grid;
	grid-template-columns: auto auto;	
	align-items: center;
}
.days_3_server{margin: -3em 0.5em; min-width: 300px;}
@media (max-width: 1450px)
{
	.test_block_3day{grid-template-columns: auto 4fr 2fr;}
}
@media (max-width: 1200px)
{
	.test_block_3day{grid-template-columns: auto;}
	.days_3_server{margin: 1em 0.5em -3em 0.5em;}
	.test_block_3day_center{grid-template-columns: 1fr 1fr;}
}
.test_img
{
	overflow: hidden;
}

/* Parallax test */ 
.mouse-parallax 
{
	height: 262px;
    position: relative;
    overflow: hidden;
    width: 331px;
    margin-bottom: -70px;
    margin-top:-40px;
}
.mouse-parallax-bg,
.mouse-parallax-fog-1,
.mouse-parallax-fog-2,
.mouse-parallax-fog-3 {
    position: absolute;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 110%;
    height: 110%;
    transition: all 0.1s ease;  
    background-image: url("../imgs/test_user_3.png");
	transition: 400ms;
}
.mouse-parallax-fog-1 {
    background-image: url("../imgs/test_user_1.png");    
    left: -10%;
	transition: 500ms;
}
.mouse-parallax-fog-2 {
    background-image: url("../imgs/test_user_2.png");
	transition: 600ms;	
}
.mouse-parallax-fog-3 {
    background-image: url("../imgs/test_user_4.png");  
	transition: 800ms;	
}
/* Parallax test END */ 





.test_block_text{padding: 1em 0.5em 0.5em 2.5em;}
.test_block_7day{border-right: 1px solid #ABB09C; padding: 1em 2.5em 1.5em 0.5em;;}
.test_7day{font-size: 1.7em; font-weight: bold;}
.test_btn
{
	background-color: #4EBAE5;
	color: #fff;
	font-size: 1.2em;
	padding: 0.5em 0.7em;
	border-radius: 5px;
	margin-top: 0.8em;
}
.test_btn:hover
{
	background-color: #2796c3;
}
.fdt_line
{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 1em;
	min-height: 200px;
	margin-top: 1em;
}
/* .fdt_line_cell{background: linear-gradient(to top, #E3F4FB, #7d9fb2);} */
/* .fdt_line_cell{background: linear-gradient(to top, #9ff3be, #67d639);} */
.fdt_line_cell{background: linear-gradient(to top, #309fcd, #1d4a8e);}
.fdt_line_cell_l
{
	display: grid; 
	grid-template-columns: 1fr 3fr;
	text-align: right;
	padding: 2em 2em 0.5em 2em ;
	line-height: 1.8;
    background: linear-gradient(to top, #E3F4FB, #7d9fb2);	
}
.fdt_line_cell_l_row
{
	display: grid;
	grid-template-rows: auto auto;
	grid-row-gap: 2em;
}
.fdt_line_cell_l tspan {font-size: 1.6em;}
.fdt_line_cell_l btn
{
	background-color: #fff;
	border-radius: 5px;
	border: 2px #fff solid;
	color: #000;
	padding: 0.7em 2em;
	margin-top: 50px;
	transition: 400ms;
}
.fdt_line_cell_l btn:hover
{
	background-color: #2cfb68;
	transition: 400ms;
}
.fdt_line_cell_r{display: grid; grid-template-columns: 2fr 1fr;}
.fdt_line_cell_r_row
{
	display: grid;
	grid-template-rows: auto auto;
	grid-row-gap: 0.2em;	
	padding: 1.2em 2em;
}
.fdt_line_cell_r_row_r
{
	background-image: url("../imgs/domain_gift.png");	
	background-position: bottom left;
	background-repeat: no-repeat;
}
.fdt_line_cell_r_row_l
{
	background-image: url("../imgs/tranfer_man-1.png");	
	background-position: bottom center;
	background-repeat: no-repeat;	
}
.fdt_line_cell_r_img_l
{
	position: absolute;
	margin-top: -50px;
}
@media (max-width: 1400px)
{
	.fdt_line_cell_l{grid-template-columns: 1fr 4fr;}
}
@media (max-width: 1300px)
{
	.fdt_line{grid-template-columns: 1fr; grid-row-gap: 1em;}
	.fdt_line_cell_r_row_l{min-height: 180px;}
	.fdt_line_cell_l{padding: 0.5em 2em 0.5em 2em;}
	.fdt_line_cell_r_img_l{margin-top: -175px;}
}


.fdt_line_cell_r_row h3
{
	font-size: 1.6em;
	margin-block-start: 0em;
	margin-block-end: 0em;
	color: #fff;
	text-shadow: 1px 1px 1px #888, 0 0 1px #888;
}
.fdt_line_cell_r_row tspan {font-size: 1em; color: #fff;}
.ico_line
{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	margin: 8em 1em 5em 1em;
	max-width: 1300px;
	grid-column-gap: 1em;
	grid-row-gap: 5em;
}
@media (max-width: 1200px)
{
	.ico_line{margin: 4em 1em 5em 1em;}
}
.ico_line_ico{margin-bottom: -0.5em;}
.ico_line_h3{font-size: 1.2em; font-weight: bold; text-transform: uppercase; color: #000;}
.ico_line_text{color: #6C92A6; font-size: 0.9em; padding-top: 0.5em;}

/* anim block ico */
.flip-container {
perspective: 1000;
}
 
.flip-container:hover .flipper, .flip-container.hover .flipper {
transform: rotateY(180deg);
}
 
.flip-container, .front, .back {
width: 300px;
min-height: 210px;
}
.flipper {
transition: 0.6s;
transform-style: preserve-3d;
 
position: relative;
}
.front, .back {
backface-visibility: hidden;
 
position: absolute;
top: 0;
left: 0;
}
.front {
z-index: 2;
}
.back {
transform: rotateY(180deg);
background: #ECF1F3;
text-align: left;
}
/* anim block ico END*/


.otz_line{background-color: #FAFAFA; padding-top: 2em;}
.otz_block
{
	display: grid;
	grid-template-columns: auto minmax(250px, 800px) auto;
	grid-column-gap: 2em;
}
.otz_img_bg
{
	background:  url("../imgs/otz_img_bg.png") no-repeat;
	background-position: center bottom;
	min-height: 420px;
}
@media (max-width: 1400px)
{
	.otz_img_bg{background-position: left bottom;}
}
@media (max-width: 1200px)
{
	.otz_img_bg{background: none;}
}
.otz_block h2h
{
	color: #7C9EB0;
	font-size: 1.6em;
	margin-block-start: 0em;
}
.otz_block_text
{
	background-color: #fff;
	border-radius: 10px;
	border: 1px #E6EBED solid;
}
.otz_url{color: #D0D1D2; text-align: right; padding: 0em 2em; margin-bottom: 1em;}
.otz_text {padding: 0em 2em;}
.otz_img_top{padding-left: 2em; margin-top: -15px;}
.otz_img_footer{padding-right: 2em; margin-bottom: -27px;}

.rekviz_line{background-color: #A8B8C2; padding: 1em;}
.rekviz_block
{
	max-width: 1400px;
	display: grid;
	grid-template-columns: auto auto auto;
	grid-column-gap: 5em;
	color: #fff;
	font-size: 0.9em;
	text-align: left;
	line-height: 1.5;
}
.footer_menu_line{background-color: #819BAA; padding: 1em;}
.footer_ico{width: 1.2em; margin-bottom: -0.3em; padding-right: 10px;}
.footer_menu_block
{
	max-width: 1400px;
	display: grid;
	grid-template-columns: auto auto auto auto;
	grid-column-gap: 2em;
	color: #fff;
	text-align: left;
	font-size: 0.9em;
}
.footer_menu_block li 
{
	list-style: none;
	color: #fff;
}
.footer_menu_block_link a {color: #fff; transition: 100ms;}
.footer_menu_block_link a:hover
{
	background-color: #FBDD2C;
	padding: 0.5em 0.8em;
	border-radius: 5px;
	margin: 0em -0.8em;
	color: #000;
}
.footer_menu_block_support a{color: #fff;}
.footer_menu_block_support a:hover
{
	background-color: #FBDD2C;
	padding: 0.5em 0.8em;
	border-radius: 5px;
	margin: 0em -0.8em;
	color: #000;	
}
.footer_menu_block ul{padding-inline-start: 0px;}
.footer_time{line-height: 3; margin-top: 5em;}
.footer_reserved{background-color: #EDF3F3; padding: 1em 2em;}
.footer_sv
{
	display: inline-grid;
	grid-template-columns: auto 50px;
	align-items: center;
	grid-column-gap: 5px;
	margin-bottom: 1em;
}
.footer_sv img{margin-top: -3px;}
/* menu */
.menu-container {
    width: 100%;
    margin: 20px auto;
}
.menu-mobile:after {
    content: "\2630";
    font-size: 38px;
    line-height: 38px;
    padding: 0;
    color: #FFF;
    float: right;
    position: relative;
    transform: translateY(-25%);
    background-color: #166FB1;
}
.menu-dropdown-icon:before {
    content: "\203A";
    display: none;
    cursor: pointer;
    float: right;
    padding: 10px 20px;
    margin: 10px;
    color: #FFF;
    font-size: 20px;
}
.menu > ul {
    margin: 0 auto;
    width: 100%;
    list-style: none;
    padding: 0;
    position: relative;
    box-sizing: border-box;
}
.menu > ul:before,
.menu > ul:after {
    content: "";
    display: table;
}
.menu > ul:after {
    clear: both;
}
.menu > ul > li {
    float: left;
    background: #fff;
    padding: 0;
    margin: 0;
    border-bottom: 2px solid #fff;
}
.menu > ul > li a,
.menu-mobile {
    text-decoration: none;
    padding: 20px 30px;
    display: block;
    line-height: 2.5em;
    transition: 0.3s ease-in-out;
}

.menu-mobile {
    display: none;
}
.menu > ul > li:hover {
    background: #fff;
    border-bottom: 2px solid #F56E1C;
}
.menu > ul > li:hover a {
    color: #000;
}
.menu > ul > li > ul {
    display: none;
    width: 100%;
    background: #fff;
    border-radius: 0px 0px 10px 10px;
    box-shadow: 0px 11px 19px -9px #7a7e80;
    position: absolute;
    z-index: 1000;
    left: 0;
    margin: 0;
    list-style: none;
    box-sizing: border-box;
    margin-top: 3px;
}
@media (max-width: 1350px)
{
	.menu > ul > li a, .menu-mobile {padding: 20px 20px;}
}
@media (max-width: 1200px)
{
	.menu > ul > li a, .menu-mobile {padding: 20px 15px;}
	.menu > ul > li:hover a {font-size: 0.9em;}
}
@media (max-width: 1100px)
{
	.menu > ul > li a, .menu-mobile {font-size: 0.9em; padding: 20px 13px;}
	.menu > ul > li:hover a {font-size: 0.8em;}
}
.menu > ul > li > ul:before,
.menu > ul > li > ul:after {
    content: "";
    display: table;
}
.menu > ul > li > ul:after {
    clear: both;
}
.menu > ul > li > ul > li {
    margin: 0;
    padding-bottom: 0;
    list-style: none;
    width: 33%;
    background: none;
    float: left;
}
.menu > ul > li > ul > li > ul {
    display: block;
    padding: 0;
    margin: 10px 0 0;
    list-style: none;
    box-sizing: border-box;
}
.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {
    content: "";
    display: table;
}
.menu > ul > li > ul > li > ul:after {
    clear: both;
}
.menu > ul > li > ul > li > ul > li {
    float: left;
    width: 100%;
    margin: 0;
}
.menu > ul > li > ul > li > ul > li a {
    border: 0;
    padding: 10px 12px;
}
.menu > ul > li > ul > li > ul > li a:hover {
    border: 0;
}
.menu > ul > li > ul.normal-sub {
    min-width: 300px;
}
.menu > ul > li > ul.normal-sub > li {
    width: 100%;
}
.menu > ul > li > ul.normal-sub > li a {
    border: 0;
    padding: 10px;
}
.descr{
    display:none;
    margin-left: -15px;
    padding: 10px 23px;
    background:#FBDD2C;
    border-radius: 5px;
    transition: 400ms;
}
.poster:hover .descr{
    display:block;
    position:absolute;
    top:20px;
    z-index:2;
    transition: 400ms;
}
.descr_a{padding: 3px 5px; border: 1px #FBDD2C solid;}
.descr_a:hover
{
	border-radius: 3px;
	border: 1px #888 solid;
	color: #888;
}

.munu_3col
{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}
.menu_hosting_3col
{
	background-color: #05103d;
	color: #fff;
	border-radius: 0px 0px 5px 0px;
	background-image: url("../imgs/menu_test_bg.png");
	background-position: bottom right;
	background-repeat: no-repeat;
	font-size: 1.4em;
	padding: 2em 1em;
}
.menu_vds_3col
{
background-color: #2897CC;
background-image: url("../imgs/menu_vds_bg.jpg");
background-position: top right;
border-radius: 0px 0px 5px 0px;
}
.menu_domain_3col
{
background-color: #2897CC;
background-image: url("../imgs/menu_domain_bg.jpg");
background-position: top center;
border-radius: 0px 0px 5px 0px;
}
.menu_domain_1r
{
	display: grid;
	grid-template-columns: 1fr 1fr;
}
.menu_domain_1r_left
{
	text-align: right;
	color: #fff;
	font-weight: bold;
    padding-right: 24px;
    padding-top: 34px;
    font-size: 30px;
}
.alert-dismissible
{
	display: inline-grid;
    border-radius: 5px;
    background: #ebd4d4;
    font-size: 0.6em;
    padding: 0em 2em;
    color: #a23d3d;
}
.menu_domain_1r_right
{
	color: #1E377A;
	font-size: 1.4em;
    padding: 57px 3px 0px 6px;
    font-weight: bold;
}
.menu_domain_1r_center
{
	font-size: 2em;
	text-transform: uppercase;
	text-align: center;
	color: #D40E40;
    font-weight: bold;
    margin-top: -10px;
    margin-left: -17px;
}
.menu_vds_3col_bg
{
	height: 100%;
	background-color: #1e377a99;
	font-size: 1.4em;
	border-radius: 0px 0px 5px 0px;
}
.menu_enter_btn button
{
	background-color: #FBDD2C;
	border-radius: 5px;
	padding: 0.8em 1em;
	font-size: 1em;
	border: 1px #05103d00 solid;
	transition: 400ms;
	cursor: pointer;
}
.menu_vds_3col_bg p 
{
	font-size: 0.7em;
	padding: 0.2em 0.5em;
	background-color: #ffffffc4;
	margin: 2em 1em -1em 1em;
	border-radius: 5px;
}
.menu_vds_3col_bg b 
{
	color: #fff;
	text-shadow: 1px 1px 1px black;
}
.menu_enter_btn button:hover
{
	background-color: #2CFB68;
	transition: 400ms;
}
.menu_ico_img
{
    margin-bottom: -23px;
    margin-right: 10px;
}
.menu_btn_line:after {
	position: absolute;
	margin-top: -10px;
	
	content: '';
	height: 1px;
	width: 0px; 
	border-bottom: solid 2px #F56E1C;
	transition: all 400ms ease-in-out;	
	opacity: 0;
}
.menu_btn_line:hover:after {
	width: 200px; 
	margin-left: 100px;
	opacity: 1;
}
/* menu END */

	.scroller {
		display: none;
	}	
.banner_wiki
{
	background-color: #19B7F3;
	background-image: url(../imgs/banner-wiki-bg.png);
	background-position: top center;
	height: 150px;	
}
.wiki_content_block
{
	height: 100%;
	display: grid;
	grid-template-columns: 320px auto;
	grid-column-gap: 3em;
	padding-right: 1em;
}
.wiki_left_menu
{
	background-color: #F9F9F9;
	border-top: 5px solid #D9D9D9;
	padding: 1em;
	text-align: left;
	min-height: 800px;
}
.wiki_text_block
{
	padding: 0em 1em;
}

/* wiki */

.wiki_key
{
    background-color: #626262;
    font-size: 16px;
    color: white;
    padding: 5px 10px 5px 10px;
    margin: 0 5px;
    border-radius: 5px;
    text-transform: uppercase;
    box-shadow: 6px 4px 20px -8px #010C29;
}
.wiki_img_border
{
    border: 1px #CCCCCC solid;
    padding: 15px;
    border-radius: 5px;
    margin: 25px 0px;
}
.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}
.bs-callout-green {
    border-left-color: #1d970b;
    background-color: rgba(243, 255, 246, 0.17);
}
.bs-callout-red {
    border-left-color: #bf2d29;
    background-color: rgba(243, 255, 246, 0.17);
}
.h1_wiki
{
	text-align: center;
}
.abz{padding-left:20px;}
/* wiki end */