/*RESET*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	/*background: transparent url("../gfx/body.jpg") no-repeat scroll left top;*/
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700&subset=latin,greek,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700&subset=latin,latin-ext);

.wrapper {
	font-family: 'Montserrat', sans-serif;
	display: block;
	width: 100%;
	float: left;
}

.wrapper h2.title {
	text-align: center;
	font-size: 12px;
	color: #444444;
	position: relative;
	text-transform: uppercase;
	padding-bottom: 17px;
	padding-top: 80px;
	margin-bottom: 35px;
}
.wrapper h2.title span{
	color:#d0cece;
}


.wrapper h2.title::after {
	display: block;
	position: absolute;
	width: 165px;
	height: 2px;
	background-color: #d3d3d3;
	border-top:;
	margin: 0 auto;
	left: 0;
	right: 0;
	bottom: 0;
	content: '';
	filter:alpha(opacity=70);
}

.wrapper p.title {
	font-size: 13px;
	color: #444444;
	letter-spacing: normal;
	padding-bottom: 54px;
		font-family: "Roboto Condensed",sans-serif;
		text-align: center;
		line-height: 29px;
}


.header .logo {
	padding-top: 35px;
}

.header .logo h1 {
	display: inline-block;
	float: left;
	width: 189px;
	height: 47px;

}


.header .logo a {
	background: transparent url("../gfx/logo.png") no-repeat scroll left top;
	width: 100%;
	height: 100%;
	float: left;
	display: block;
	text-indent: -66666px;
	outline: none;
	outline: medium none;
}


.header .logo span {
	text-transform: uppercase;
	font-size: 10px;
	letter-spacing: ;
	color: #444444;
	line-height: 50px;
	border-left: 1px solid #444;
	padding-left: 16px;
	margin-left: 22px;

}

.header ul.menu {

}

.header ul.menu li {
	display: inline-block;
	padding-left: 20px;
}

.header ul.menu li a {
	display: inline-block;
	text-transform: uppercase;
	font-size: 10px;
	color: #444444;
	text-decoration: none;

}

.header div.col-sm-7 {
	float: right;
    right: 0px;
    left: 0px;
    text-align: right;
    margin-top: 35px;
}


.header ul.contact {
    
}

.header ul p {
	text-transform: uppercase;
	font-size: 10px;
	color: #444444;
}

.header ul span {
	font-weight: 700;
	color: #f74141;
	font-size: 16px;
}

.header ul li:last-child {
	padding-top: 15px;
}

/* *********burger********* */



/****** ****/
.left-menu{
	
	position: relative;
}
	.left ul.menu_left{
		padding:0px;
		margin:0px;
	}
		.wrapper ul.menu_left li{
			display: inline-block;
			
		}


.left .burger-menu{
	display: none;
	position: absolute;
	width: 38px;
	top:5px;
	cursor: pointer;
	z-index: 556;
  	margin-right: 0px;
  	right: 0px;
}
.left .burger-menu span{
	width: 90%;
  	height: 2px;
	background-color: #f74141;
	display: block;
	margin-top: 8px;
}
.left .burger-menu span:first-child{
	margin-top:0px;
}

/**/


.content {
	text-transform: uppercase;
	margin-top: 40px;
}

.content .menu-left {
	float: left;
	display: block;

}

.content .menu-left li {
	display: block;	
}

.content .menu-left li:last-child a {
	border-bottom: none;
}

.content .menu-left li a {
	text-decoration: none;
	font-size: 10px;
	color: #444;
	display: block;
	border-bottom: 1px solid #D9D9D9;
	padding-top: 13px;
	padding-bottom: 13px;
	padding-left: 23px;
	outline: medium none;
}


.content .menu-left li a:hover{
	color: #fff;
	background-color: #f74141;

}

.content .menu-left li a:hover {

	
	color: #fff;

}

.content .media {
	display: inline-block;
	padding-bottom: 27px;
	padding-top: 36px;
	position: relative;
	padding-left: 23px; 
	margin-top: 0px;
}

.content .media li {
	display: inline-block;
	

}

.content .media li a.tw {
	background: transparent url("../gfx/tw.png") no-repeat scroll center;
	padding-right: 25px;
}

.content .media li a.fb {
	background: transparent url("../gfx/fb.png") no-repeat scroll center;
	padding-right: 25px;
}

.content .box-left {
	width: 100%;
	background-color: #55657e;
	text-align: center;
	color: #fff;
	height: auto;
	letter-spacing: normal;
	float: left;
}

.content .box-left h2 {
	padding-top: 40px;
	padding-bottom: 14px;
	position: relative;
	letter-spacing: 2px;
	margin-top: 14px;
	font-size: 24px;
	font-weight: 700;
	line-height: 24px;
}

.content .box-left h2::after {
	display: block;
	position: absolute;
	width: 47px;
	height: 2px;
	background-color: #fff;
	border-top:;
	margin: 0 auto;
	left: 0;
	right: 0;
	bottom: 0;
	content: '';
	filter:alpha(opacity=70);
}

.content .box-left h4 {
	font-size: 11px;
	padding-bottom: 8px;
	padding-top: 14px;
}

.content .box-left h3 {
	font-size: 15px;
	padding-bottom: 27px;
}

.content .box-left .see-more {
	border: 2px solid #fff;
	padding: 10px 23px;
	margin-bottom: 35px;
	color: #fff;
	text-decoration: none;
	font-size: 10px;
}

.content #photo1 {
    background: transparent url("../gallery/photo_1.jpg") no-repeat scroll center top;
    height: 345px;
    border-top: 5px solid #f74141;
}

.content #photo2 {
    background: transparent url("../gallery/photo_2.png") no-repeat scroll center top;
    height: 345px;
    border-top: 5px solid #56667f;
}

#photo2 span.info {
	float: right;
	-moz-transform: scale(1) rotate(50deg) skewX(1deg);
	-webkit-transform: scale(1) rotate(50deg) skewX(1deg);
	-o-transform: scale(1) rotate(50deg) skewX(1deg);
	-ms-transform: scale(1) rotate(50deg) skewX(1deg);
	transform: scale(1) rotate(50deg) skewX(1deg);
	margin-right: -14px;
	margin-top: 13px;
	font-size: 12px;

}

#photo2 span.percent {
	background-color: #56667f;
	padding-left: 5px;
	padding-right: 5px;
}
.content #photo3 {
    background: transparent url("../gallery/photo_3.png") no-repeat scroll center top;
    height: 345px;
    border-top: 5px solid #23323d;
}

.content #photo4 {
    background: transparent url("../gallery/photo_4.png") no-repeat scroll center top;
    height: 345px;
    border-top: 5px solid #56667f;
}

.content #photo5 {
    background: transparent url("../gallery/photo_5.png") no-repeat scroll center top;
    height: 345px;
    border-top: 5px solid #f74141;
}

.content #photo6 {
    background: transparent url("../gallery/photo_6.png") no-repeat scroll center top;
    height: 345px;
    border-top: 5px solid #84a0b4;
}










.box-top aside {
	position: absolute;
	bottom: 15px;
	right: 19px;
	text-align: right;
}

.box-top a {
	text-decoration: none;
	color: #fff;
}

.box-top h4 {
	font-size: 10px;
	padding-bottom: 15px;
}

.box-top p {
	font-size: 20px;
	padding-bottom: 29px;
}

.box-top p > span {
	background-color: #fff;
	color: #f74141;
	padding: 5px 5px 4px 4px;
	font-weight: 700;
	font-size: 20px;
	margin-left: 10px;
}

.box-top h2 {
	font-size: 30px;
	padding-bottom: 10px;
}

.box-top h3 {
	font-size: 13px;
	padding-bottom: 12px;
}



.box-bottom aside {
	position: absolute;
	top: 84px;
	
	text-align: center;
	color: #fff;
	left: 0px;
right: 0px;
margin: 0px auto;
}

.box-bottom h4 {
	font-size: 12px;
	padding-bottom: 9px;
}

.box-bottom h3 {
	font-size: 22px;
	position: relative;
	padding-bottom: 14px;
	margin-bottom: 12px;
}


.box-bottom h3::after {
			display: block;
	position: absolute;
	width: 77px;
	height: 2px;
	background-color: #fff;
	border-top:;
	margin: 0 auto;
	left: 0;
	right: 0;
	bottom: 0;
	content: '';
	filter:alpha(opacity=70);
}

.box-bottom p {
    font-size: 20px;
    background-color: #FFF;
    color: #F74141;
    width: 140px;
    height: 29px;
  padding: 5px 5px 4px 4px;
    font-weight: 700;
	left: 0;
	right: 0;
	margin: 0 auto;
	margin-bottom: 60px;
}

.summary .box .period-change-button.active,
.order {
	color: #fff;
	background-color: #f74141;
	padding:13px;
	text-transform: uppercase;
	text-decoration: none;
	-webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.config_table .wrapper-option .order,
.summary .box .period-change-button.active, 
.summary .box .period-change-button {
    padding: 5px;
    cursor: pointer;
}

.order:hover {
	text-decoration: none;
	color: #fff;
}

.promotion .box-promotion {
	border: 2px solid #d9d9d9;
	padding-top: 25px;
	padding-bottom: 25px;

}

.promotion .box-promotion:hover {
	border: 2px solid #56667f;
}

.promotion h3 {
	font-size: 14px;
	text-transform: uppercase;
	padding-bottom: 14px;
	margin-bottom: 31px;
	padding-left: 25px;
	padding-right: 25px;
	line-height: 29px;
}

.promotion h3 span {
	font-weight: 700;
}

.promotion h3::after{

	display: block;
	position: absolute;
	width: 44px;
	height: 3px;
	background-color: #f74141;
	border-top:;
	top: 52px;
	content: '';
	filter:alpha(opacity=70);

}



.promotion .see-more-promotion {
	padding-top: 30px;
}

.promotion .see-more-promotion .order {
	font-size: 14px;
	margin-left: 43px;
	outline: medium none;
}

.promotion .see-more-promotion .order:hover {
	background-color: #56667f;
}


.promotion .see-more-promotion .check {
		color: #444;
	background-color: #d9d9d9;
	width: 135px;
	height: 43px;
	padding:7px;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: normal;
	font-size: 11px;
	margin-left: 23px;
	outline: medium none;
	font-family: "Roboto Condensed",sans-serif;
}

.box-promotion ul li {
	display: inline-block;
}

.box-promotion p {
	color: #f74141;
	font-size: 20px;
	padding-left: 23px;
	padding-bottom: 12px;
}

.box-promotion p small {
	font-size: 10px;
}



.box-promotion table {
	width: 100%;
}

.box-promotion tr {
	border-bottom: 1px solid #d6d6d6;
}

.box-promotion tr:last-child {
	border-bottom: none;
}

.box-promotion td.left {
	text-align: left;
	font-size: 13px;
	letter-spacing: normal;
	font-family: "Roboto Condensed",sans-serif;
	padding-left: 23px;
	padding-bottom: 8px;
	line-height: 20px;

}

.box-promotion td.right {
	text-align: right;
	font-size: 13px;
	font-weight: 700;
	font-family: "Roboto Condensed",sans-serif;
	letter-spacing: normal;
	padding-right: 23px;
	padding-top: 8px;
	line-height: 20px;

}


.check-bottom {
	padding-top: 50px;
}

.check-bottom ul li {
	display: inline-block;
}
.check-bottom ul li p {
	font-size: 13px;
	letter-spacing: normal;
}

.check-bottom ul li a {

		color: #444;
	background-color: #d9d9d9;
	width: 135px;
	height: 43px;
	padding:7px;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: normal;
	font-size: 13px;
	margin-left: 23px;
	background: #d9d9d9 url("../gfx/arrow-btn2.png") no-repeat scroll 95% center;
	outline: medium none;
			font-family: "Roboto Condensed",sans-serif;
}

.check-bottom ul li a span {
	padding-right: 28px;
	padding-left: 19px;
}

.photo .baner {
	background: transparent url("../gallery/photo_7.jpg") no-repeat scroll left top;
	height: 472px;
}

.photo .baner aside  {
	text-align: center;
	text-transform: uppercase;
	color: #fff;
}

.photo .baner h2 {
	font-size: 30px;
	font-weight: 700;
	padding-top: 136px;
	padding-bottom: 10px;

}

.photo .baner h3 {
	padding-bottom: 32px;
	font-size: 13px;
	position: relative;
	margin-bottom: 35px;
}

.photo .baner h3::after {
	display: block;
	position: absolute;
	width: 165px;
	height: 2px;
	background-color: #fff;
	border-top:;
	margin: 0 auto;
	left: 0;
	right: 0;
	bottom: 0;
	content: '';
	filter:alpha(opacity=70);
}

.photo .baner h4 {
	font-size: 10px;
	color: #fff;
	margin-bottom: 60px;
}

.photo .baner h4 span {
	font-weight: bold;
}

.photo .baner a {
	text-decoration: none;
	color: #fff;
	border: 2px solid #fff;
	padding: 22px 36px;
	margin-right: 30px;
	outline: medium none;

}

.photo .baner a:hover {
	background-color: #f74141;
	border: 2px solid #f74141;
} 
.wrapper .text h2.title{
	letter-spacing: 2px;
	text-align:left;
	padding:10px 0 15px 0;
	font-family: 'Montserrat', sans-serif;
}
.wrapper .text h2.title::after{
	right: auto;
}
.text{
	text-transform: none;
	color:#444444;
	font-family: 'Roboto Condensed', sans-serif;	
	letter-spacing: 0;
}
.text p, .text h4, .text ul, .text ol{
	font-size:13px;
	line-height:23px;
	margin-bottom: 25px;
}
.text h4{
	font-size:15px;
	font-weight:700;
	margin-top:15px;
}
.frmSeparator h4 {
    margin-top: 0;
}
.frmSeparator {
    margin-top: 20px;
}
.text ul, .text ol {
    list-style: inside;
}
.text strong{
	font-weight: 700;
}
.text em{
	font-style:italic;
}
.left-menu .promo-server{
	border-top:4px solid #f74141;
	background:url("../gfx/serwer-promo-bg.jpg")no-repeat center top;
	color:#fff;
	text-align: center;
	text-transform:uppercase;
}
.left-menu .promo-server .order{
	font-size:12px;
	padding: 12px;
	display: inline-block;
	margin:35px 0 47px;
}
.left-menu .promo-server h3{
	display: block;
	padding-bottom:7px;
	position: relative;
	margin-bottom: 20px; 
}
.left-menu .promo-server h3::after{
	width:60px;
	height: 2px;
	background-color:#fff;
	position: absolute;
	left:0;
	right: 0;
	margin:auto;
	bottom:0;
	content:'';
}
.left-menu .promo-server small{
	font-size:10px;
	font-weight:300;
	margin:65px 0 5px; 
	display: block;
}
.left-menu .promo-server .price{
	font-size:12px;
	font-weight:700;
	color:#f74e4e;
	padding:5px 8px;
	background-color:#fff;
	display:inline;
}
.ssl h4{
	font-size:15px;
	color:#828282;
	font-weight:400;
}

.ssl .box-promotion h3{
	position: relative;
	font-size:14px;
	padding-bottom:8px;
	font-family: 'Montserrat', sans-serif;
}
.ssl .box-promotion h3::after{
	top:auto;
	bottom:0;
}
.ssl .box-promotion h3>img{
	float: right;
}
.ssl .box-promotion .order{
	font-size:14px;
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
	letter-spacing:2px;
	padding:12px 17px;
	float:right;
	margin-right:18px;
	margin-top:19px;
}
.ssl .box-promotion p{
	padding:0;
	font-size:20px;
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
	color:#f74141;
	letter-spacing:1px;
	margin:0 0 12px 18px;
}
.ssl .box-promotion a.see-more{
	font-size:11px;
	text-transform:uppercase;
	color:#444444;
	background-color:#d9d9d9;
	margin-left:18px;
	padding:5px 11px;
}
.ssl .box-promotion table{
	margin-bottom:35px;
}
.ssl .box-promotion{
	margin-bottom:30px;
}
.ssl .box-promotion:hover .order{
	background-color:#56667f;
}
.server-name h2{
	text-transform:uppercase;
	font-size:23px;
	font-family: 'Montserrat', sans-serif;
	color:#444444;
	padding-bottom:10px;
	position: relative;
	margin-bottom:10px;
}
.server-name h2>strong{
	color: #f74141;
	font-weight:700;
}
.server-name h2::after{
	position: absolute;
	content:"";
	width:44px;
	height:3px;
	background-color:#F74141;
	left:0;
	bottom: 0;
}
.server-name p{
	font-size:11px;
	color:#8c8c8c;
	line-height:17px;
}
.servers .summary h4{
	text-align: left;
	font-size:11px;
	font-family: 'Montserrat', sans-serif;
	color:#444444;
	text-transform:uppercase;
	letter-spacing:2px;
	margin:0;
}
.servers .summary{
	text-align:center;
}
.servers .summary .box{
	border:3px solid #d9d9d9;
	padding:15px;
	display: block;
	width: 100%;
}
.servers .summary table{
	width: 100%;  
	margin:3px 0 16px;
	font-family: Arial;
}
.servers .summary table td,
ul.dropdown-menu-form label > .name {
	font-size:12px;
	color:#808080;
	text-align:right;
	padding:6px; 
	font-style:italic;
}
ul.dropdown-menu-form label > .name {
    text-align: left;
    padding: 0;
    padding-right: 10px;
}
.servers .summary table td strong{
	font-weight:bold;
	color:#444444;
}
.servers .summary table tr>td:last-of-type{
	text-align:left;
	font-style:normal;
}
.servers .summary .order{
	display: inline-block;
	font-family: 'Montserrat', sans-serif;
	font-size:14px;
	letter-spacing:2px;
	font-weight:700;
}
.servers .summary table .sum strong{
	color:#808080;
	font-size:15px;
}
.servers .summary table .sum .price,
ul.dropdown-menu-form label > .ioPrice > .price,
ul.dropdown-menu-form .end-selection {
	font-size:16px;
	color:#b52a2a;
	font-weight:bold;
	padding-top:3px;
	border-top:1px solid #dedede;
}
ul.dropdown-menu-form label > .ioPrice > .price {
    border-top-width: 0px;
}
span.crossed-promotion{
	color:#b52a2a;    
	font-size: 11px;
    text-decoration: line-through;
}
.see-detail{
	font-family:Arial;
	font-size:11px;
	color:#6e6e6e;
	padding-right:15px;
	display: inline-block;
	margin-top:30px;
	background:url("../gfx/arrow-btn2.png")no-repeat right center;
}
.see-detail:hover{
	color:#6e6e6e;
}
.config_table{
	font-family: 'Open Sans', sans-serif;
	width: 100%;
	float: left;
	padding-top:24px;
}
.config_table .th{
	font-family: 'Open Sans', sans-serif;
	background-color:#f74141;
	color:#fff;
	font-weight:300;
	font-size: 13px;
	margin-bottom: 15px;
}
.config_table .th.name, .config_table .th.price {
	margin-bottom: 0px;
}
.config_table .th strong, .config_table .price{
	font-size:15px;
}
.config_table .price{
	text-align: right;
}
.config_table .price{
	color:#b62a2a;
	font-size: 14px;
	font-weight:300;
}
.config_table .price.th,
.config_table .price.th a{
	color: #ffffff;
	font-size:15px;
}
.config_table .head_table .th.full{
    width: 100%;
}
.config_table .wrapper{
	border-bottom: 1px solid #d9d9d9;
}
.config_table .wrapper.checked{
	border: 2px solid #e1aaaa;
	background-color: #ffffff
}
.config_table .wrapper.head_table{
	background-color: transparent;
	border: none;
	cursor: pointer;
}
.config_table .wrapper{
	font-family: 'Open Sans', sans-serif;
	display: block;
	float: left;
	width: 100%;
}
.config_table .wrapper>div{
	padding: 15px 15px 10px 20px;
	display:inline-block;
	float: left;
	font-size: 13px;
}
.config_table .wrapper>div.th{
	padding: 13px 15px 15px 20px;
}
.config_table .wrapper.head_table>div:first-of-type{
	width: 80%;
}
.config_table .wrapper.head_table>div.no-price:first-of-type{
	width: 100%;
}
.config_table .wrapper.wrapper-option>div.name{
	background-color: #f5f2f2;
	width: 30%;
}
.config_table .wrapper.wrapper-option>div.part-name{
	width: 50%;
}
.config_table .wrapper.wrapper-option>div.pull-right{
	width: 20%;
    padding: 0px;
    text-align: right;
    padding-top: 8px;
}
.config_table .wrapper>div:last-of-type{
	width: 20%;
}
.config_table input[type="radio"]{
	position: relative;
	margin:0 10px 0 0;
	top:1px;
}
.config_table label{
	font-weight: 400;
    display: inline-block;
    margin-bottom: 5px;
    max-width: 100%;
    font-size:13px;
}
.companies{
	padding-top:40px;
	padding-bottom:40px;
}
.companies ul{
	width: 100%;
	display: table;
}
.companies ul li{
	padding: 8px;
	display: table-cell;
	vertical-align: middle;
}
.companies ul li img{
	max-width: 100%;
}
.companies small{
	float: right;
	font-size:11px;
	color:#c5c5c5;
}
p.price-calculator {
    background-color: #55657e;
    color: #ffffff;
    font-family: "Open Sans",sans-serif;
    font-size: 15px;
    margin-top: 37px;
    padding-bottom: 14px;
    padding-left: 25px;
    padding-top: 14px;
    width: 100%;
    display: block;
    float: left;
}
.calculator .tab-content .btn {
    margin-top: 20px;
}
.calculator .tabs{
	display: block;
	float: left;
	width: 100%;
	border-bottom: 1px solid #b5b5b5;
	margin-top: 15px;
}
.calculator .tabs li{
    float: left;
    display: inline-block;
    position: relative;
    top:1px;
}
.calculator .tabs li a{
	font-family: "Open Sans",sans-serif;
	display: block;
    padding: 13px 20px;
    position: relative;
    font-size:13px;
    color:#444444;
}
.calculator .tabs li.active a{
	background-color:#fff;
	border:1px solid #b5b5b5;
	border-bottom: 0;
}
.calculator table{
	font-family: "Open Sans",sans-serif;
	font-size:12px;
	width: 100%;
}
.calculator table td{
	padding:10px 0;
	border-bottom:1px solid #d9d9d9;
}
.calculator div{
	padding-top:10px;
	display: block;
	float: left;width: 100%;
}
.calculator table tr>td:last-of-type{
	text-align:right;
	font-weight:700;
}
.calculator table tr:last-of-type>td{
	border-bottom: 1px solid #b5b5b5;
}
.calculator h3{
	font-family: "Open Sans",sans-serif;
	text-align: right;
	font-size:13px;
	margin-top:15px;
}
.calculator h3 strong{
	color:#b52a2a;
	font-weight:bold;
	font-size:20px;
}

.footer {
	padding-top: 40px;
	padding-bottom: 50px;
	font-size: 10px;
	text-transform: uppercase;
	color: #444;
	line-height: 29px;
}

.footer p span {
	border-bottom: 2px solid #dadada;
}

.footer .text-right {
	float: right;
}

ul.dropdown-menu-form {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: 3px solid #d9d9d9;
    margin-top: 0;
    padding: 15px 15px 0px 0px;
    
}
ul.dropdown-menu-form input[type="radio"] {
	top: 6px;
}
ul.dropdown-menu-form span.price {
	font-size: 13px!important;
}

ul.dropdown-menu-form, ul.dropdown-menu-form li, ul.dropdown-menu-form ul {
    float: left;
    list-style: none;
}

.dropdown-toggle {
    cursor: pointer;
}

ul.dropdown-menu-form li label {
    padding: 3px 20px;
    white-space: nowrap;
    width: 100%;
    cursor: pointer;
}
ul.dropdown-menu-form li label.radio {
	margin-top: 0px;
}
ul.dropdown-menu-form li label > span {
    float: left;
}
ul.dropdown-menu-form label > .name {
	float: none;
}
ul.dropdown-menu-form li label > input {
    float: left;
    margin-top: 4px;
}
span.ioPrice.pull-right {
	float: none!important;
}


@media all and (max-width: 1220px) {
	.container{
		width: 100%;
	}
	.promotion .see-more-promotion .order {
		font-size: 12px;
		margin-left: 0px;
		padding: 7px;
	}

	.box-top h2 {
    	font-size: 20px;
    	
	}

	.box-top h3 {
    	font-size: 12px;
	}


}


@media all and (max-width: 1088px)  {

	.promotion .see-more-promotion .order {
		margin-left: -7px;
	}
	.promotion .see-more-promotion .check {
    font-size: 9px;
}

	.header .logo span {
		display: none; 
	}

	.box-promotion p {

		font-size: 12px;
	}

	.promotion .see-more-promotion .check {
		font-size: 10px;
	}

	.promotion .see-more-promotion .order {
		font-size: 9px;
	}

		.content .box-left {
		display: none;
	}

	.content .media {
		display: none;
	}

		.box-top h2 {
    	font-size: 20px;
    	
	}

	.box-top h3 {
    	font-size: 12px;
	}




}



@media all and (max-width: 902px) {


/* ********left menu */
	.left-menu{
		min-height: 63px;
		width: 100%;
		float: right;
		top: -80px;
	}

	.left.burger{
		float:initial;
		text-align: center;
	}
	.left.burger ul.menu-left li{
		display: block;
		line-height: 15px;	

	}
	.left.burger ul.menu-left{
		padding-top: 20px;
		height: 0px;
		overflow: hidden;
		-webkit-transition: all 0.3s linear;
		-o-transition: all 0.3s linear;
		transition: all 0.3s linear;

	}

	.left.burger ul.menu-left li {
		float: none;
	}

	.left.burger ul.menu-left {
		
		margin-left: -7px;
	}

	.left.burger ul.menu-left.show{
		height: 430px;
		-webkit-transition: all 0.3s linear;
		-o-transition: all 0.3s linear;
		transition: all 0.3s linear;
			float: right;
		margin-top: 40px;
		margin-left: -7px;
		width: 100%;
	}
	 
	.left.burger ul.main-menu.show {
		width: 100%;
		padding-top: 0px;
		height: 200px;
		-webkit-transition: all 0.3s linear;
		-o-transition: all 0.3s linear;
		transition: all 0.3s linear;
		position: absolute;
	}

	.left.burger dl.show {
		-webkit-transition: all 0.3s linear;
		-o-transition: all 0.3s linear;
		transition: all 0.3s linear;
	}


	.left.burger .burger-menu{
		display: block;
		margin-right: 15px;
	} 
	



	.content .box-right {
		width: 100%;
	}

	.footer .text-left {
		text-align: center;
		font-size: 8px;
	}

	.footer .text-right {
		text-align: center;
		float: none;
		font-size: 8px;
	}

	.box-right {
		width: 100%;
	}

	.box-right .col-sm-4 {
		width: 50%;
	}

	.header ul.menu{
		margin-right:55px;
	}

}


	@media all and (max-width: 802px) {
		.box-right .col-sm-4 {
			width: 100%;
	}

	.box-top aside {
		text-align: center;
		right: 0;
		left: 0;


	}

		.see-more-promotion li:nth-child(2n) 
		{
		    float: right;
		    margin-top: 20px;
		    margin-right: 22px;
		    margin-left: 0px;
		}

		.see-more-promotion li a.order {
			margin-left: 0px;
		}

		.content {
			margin-top: -27px;
		}

		.left-menu {
			top: -20px;
		}
	

	}


	@media(max-width:767px){
		.left-menu{
			top:-60px;
		}
		.header ul.menu{
			margin-right:0;
		}
	}


	@media all and (max-width: 702px) {
		.box-promotion {
			margin-top: 15px;
		}

		.check-bottom ul li a {
			margin-left: 0;
		}

		.check-bottom ul li {
			margin-top: 20px;
		}

		.check-bottom {
			text-align: center;
		}

				.photo .baner a {
			margin-right: 0px;
		}

		.wrapper h2.title {
			padding-top: 65px;
		}
		.photo .baner .customer {
			margin-top: 20px;
		}
		.servers form{
			width: 100%;
			overflow-x:scroll;
			overflow-y:hidden;
		}
		.config_table{
			width: 700px;
		}
		.ssl .box-promotion .order{
			float:none;
			display:inline-block;
			margin-left:18px;
		}
	}

	@media all and (max-width: 602px) {
		.photo .baner a {
		width: 100%;
			float: left;
			left: 0;
			right: 0;
			padding: 10px 18px;
		
			display: block;
		}

		.photo .baner .customer {
			margin-top: 20px;
		}

		.photo .baner h4 {
			margin-bottom: 40px;
		}
	}


	@media(max-width:583px){
		.left-menu{
			top:-95px;
		}
		.header ul.menu{
			margin-right:0;
		}
	}

	@media(max-width:374px){
		.left-menu{
			top:-110px;
		}
		.header ul.menu{
			margin-right:0;
		}
		.wrapper h2.title span{
			display: block;
			padding-top:10px;
		}
	}