/* добавленные стили */
/* icons */

[class*=uk-icon-] {
    font-family:'FontAwesome';
    display: inline-block;
    font-weight: 400;
    font-style: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.uk-icon-hdd-o:before {
    content: "\f0a0";
}
.uk-icon-micro:before {
    content: "\f2db";
}
.uk-icon-speed:before {
    content: "\f135";
}
.uk-icon-cloud:before {
    content: "\f0c2";
}
.uk-icon-private:before {
    content: "\f023";
}
.uk-icon-location:before {
    content: "\f041";
}
/* TOP MENUGA */
.menuwrapper ul{
	list-style: none;
}
/* Scew menu https://codepen.io/KAYNguyen/pen/igAty */
.menuwrapper {
    position: relative;
    margin: 0 9px;
    z-index: 400;
	min-height: 20px;
}
.menuwrapper ul {
    margin: 0;
    padding: 0;
    width: auto;
}
.menuwrapper ul > li {
    float: left;
    padding: 0;
	    margin: 0 15px;
    list-style: none;
    list-style-image: none;	
    display: inline-block;
    position: relative; 
}
/*
.menuwrapper ul > li:first-child {
    width: 106px;
}
*/
.menuwrapper ul > li:first-child:before {
       display: block; 
    content: "";
    position: absolute;
    z-index: -1;
    height: 100%;
    width: 55px;
    right: 143px;
    transform: skew(-25deg);
    -webkit-transform: skew(-25deg);
    -moz-transform: skew(-25deg);
    -ms-transform: skew(-25deg);
    -o-transform: skew(-25deg);
}
.menuwrapper ul > li:last-child:after{
	  display: block; 
    content: "";
    position: absolute;
    z-index: -1;
      height: 100%;
    width: 55px;
    right: -10px;
    top: 0px;
    transform: skew(-25deg);
    -webkit-transform: skew(-25deg);
    -moz-transform: skew(-25deg);
    -ms-transform: skew(-25deg);
    -o-transform: skew(-25deg);
}
.menuwrapper ul li a {
     background: #d9ad88;
    color: #FFFFFF;
    display: block;
    font-family: Roboto;
    font-weight: 350;
    letter-spacing: 0.15em;
    font-size: 13px;
    line-height: 19px;
    padding: 0 15px;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
}
.menuwrapper ul li a span {
    display: block;
}
.menuwrapper ul li a:hover{
	text-decoration: underline;
} 
.menuwrapper ul li.current a,
.menuwrapper ul li a:hover,
.first:hover:before
{
    background: #b7660a;
}
.menuwrapper ul > li:after  > a{
  /*  margin-left: 25px;
    content: " / ";
    display: inline-block;
	*/
}
.content_button, .top_button{
	color: rgb(255,255,255);
    border-bottom: 1px solid rgb(201, 41, 26);
    font-size: 15px;
    text-transform: uppercase;
    padding: 8px 13px;
    display: block;
    background: rgba(201, 41, 26, 1);
 
    letter-spacing: 2.5px;
	border-radius: 5px 1px 5px 0px;
}
.content_button:hover, .content_button:active, .top_button:hover {
	color: rgba(255,255,255,0.9);
	border-bottom: 1px solid rgba(255,255,255,0.1);
}
 

.pt-cv-view .pt-cv-carousel-indicators li.active {
    background: #fce79f;
    border: 1px solid #fce79f;
}
.pt-cv-wrapper .pagination>.active>a, .pt-cv-wrapper .pagination>.active>a:focus, .pt-cv-wrapper .pagination>.active>a:hover, .pt-cv-wrapper .pagination>.active>span, .pt-cv-wrapper .pagination>.active>span:focus, .pt-cv-wrapper .pagination>.active>span:hover {
    z-index: 2;
    color: #fff;
    background-color: #6e8eaf;
    border-color: #6e8eaf;
    cursor: default;
}
/* прайс таблица */
.sfont_price {    
font-size: 10px;
    line-height: 10px;
    text-align: center;
	}
.tabstyle table, tr th, tr td {border: 1px solid #000; border-color: #000000; }
/*table.tabstyle {border: 1px solid #000; border-color: #000000; }
tr.tabstyle {border: 1px solid #000; border-color: #000000; }
th.tabstyle {border: 1px solid #000; border-color: #000000; }
tr.tabstyle {border: 1px solid #000; border-color: #000000; }
td.tabstyle {border: 1px solid #000; border-color: #000000; }*/
.lastitemmenu {min-width: 101.46px;}
#yellow-line {height:50px; background:#ffff07; padding: 3px 5px 3px 5px; font-size:31px; color:#000; text-align:center;word-spacing: 15px; font-style:italic; font-weight:bolder;text-shadow: 1px 1px 0 #fff; }
.glagnelink {display:none;}
	/* 
	Generic Styling, for Desktops/Laptops 
	*/
	#pricemob table { 
		width: 100%; 
		border-collapse: collapse; 
	}
	/* Zebra striping */
	#pricemob tr:nth-of-type(odd) { 
		background: #eee; 
	}
	#pricemob th { 
		background: #333; 
		color: white; 
		font-weight: bold; 
	}
	#pricemob td, th { 
		padding: 6px; 
		border: 1px solid #ccc; 
		text-align: left; 
	}
	@media 
	only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1024px)  {
	
		/* Force table to not be like tables anymore */
#pricemob table, thead, tbody, th, td, tr { 
			display: block; 
		}
		
		/* Hide table headers (but not display: none;, for accessibility) */
#pricemob thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
#pricemob tr { border: 1px solid #ccc; }
		
#pricemob td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			padding-left: 50%; 
		}
		
#pricemob td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
		}
		
		/*
		Label the data
		*/

#pricemob td:nth-of-type(1):before { content: "Диск, ГБ"; }
#pricemob td:nth-of-type(2):before { content: "Трафик, просмотры за сутки"; }
#pricemob td:nth-of-type(3):before { content: "Стоимость, р/мес"; }
/* #pricemob td:nth-of-type(4):before { content: "CMS коэффициент"; } */
#pricemob td:nth-of-type(4):before { content: " "; }

}
	
	/* Smartphones (portrait and landscape) ----------- */
	@media only screen
	and (min-device-width : 320px)
	and (max-device-width : 480px) {
#pricemob { 
			padding: 0; 
			margin: 0; 
			width: 320px; }
		}
	
	/* iPads (portrait and landscape) ----------- */
	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
		#pricemob { 
			width: 495px; 
		}
	}	
.hidden{
	display: none !important;
	visibility: hidden !important;
}