@import url(http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700,300italic,400italic,500italic,700italic&subset=latin,cyrillic-ext,greek-ext,greek,latin-ext,cyrillic);
/* Top hook CSS */

#htmlcontent_top {
  float: right;
  width: 370px;
  max-width: 370px;
  padding-left: 0px; }
  @media (max-width: 767px) {
    #htmlcontent_top {
      width: 100%;
      max-width: 100%;
      padding-left: 0;
      padding-top: 0; } }
  @media (max-width: 767px) {
    #htmlcontent_top ul {
      margin: 0 -5px; } }
  #htmlcontent_top ul li {
    width: 100%;
    margin-bottom: 10px; }
    #htmlcontent_top ul li a {
      display: block;
      border-radius: 3px;
      border: 1px solid #e4e4e4;
      overflow: hidden;
      height: 157px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      background: white;
      background: -moz-linear-gradient(top, white 0%, #f0f0f0 100%);
      background: -webkit-gradient(left top, left bottom, color-stop(0%, white), color-stop(100%, #f0f0f0));
      background: -webkit-linear-gradient(top, white 0%, #f0f0f0 100%);
      background: -o-linear-gradient(top, white 0%, #f0f0f0 100%);
      background: -ms-linear-gradient(top, white 0%, #f0f0f0 100%);
      background: linear-gradient(to bottom, #ffffff 0%, #f0f0f0 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0', GradientType=0 );
      -webkit-transition: 0.3s all;
      -moz-transition: 0.3s all;
      -o-transition: 0.3s all;
      transition: 0.3s all; }
      #htmlcontent_top ul li a:hover {
        border: 3px solid #e4e4e4; }
    @media (max-width: 767px) {
      #htmlcontent_top ul li {
        float: left;
        padding-left: 5px;
        padding-right: 5px;
        width: 50%; } }
    #htmlcontent_top ul li:last-child {
      margin-bottom: 0; }
    #htmlcontent_top ul li .item-html {
      position: absolute;
      left: 45px;
      top: 32px; }
      #htmlcontent_top ul li .item-html h4 {
        font: 500 27px/31px 'Ubuntu', sans-serif;
        color: #2e2e2e; }
      #htmlcontent_top ul li .item-html .baner_btn {
        font: 500 18px/31px 'Ubuntu', sans-serif;
        text-transform: uppercase;
        color: #1fd4e4;
        position: relative;
        padding-left: 44px; }
        #htmlcontent_top ul li .item-html .baner_btn:before {
          position: absolute;
          content: "\e033";
          font-family: "fl-outicons";
          top: -4px;
          left: 2px;
          font-size: 29px;
          line-height: 29px;
          color: #1fd4e4; }
    #htmlcontent_top ul li img {
      position: absolute;
      right: 21px;
      top: 4px;
      width: auto;
      max-width: 100%;
      height: auto; }

/* Left hook CSS */
/* Right hook CSS */
/* Footer hook CSS */

@media screen and (max-width: 767px) {
	
	
	.bav ul {
		width: 150px;
		padding: 4px 0;
		position: absolute;
		z-index: 999;
		top: 25px;
		left: 0;
		border: solid 1px #aaa;
		background: #fff url(icon-menu.png) no-repeat 10px 11px;
		border-radius: 5px;
		box-shadow: 0 1px 2px rgba(0,0,0,.3);
		
		
	}
	.bav li {
		display: none; /* hide all <li> items */
		margin: 0;
		padding-left: 15px;
		
	}
	.bav .current {
		display: block; /* show only current <li> item */
	}
	.bav a {
		display: block;
		padding: 5px 5px 5px 32px;
		text-align: left;
		font-weight: bold;
	}
	.bav .current a {
		background: none;
		color: #666;
		
		margin-top: -5px ;
	}

	/* on bav hover */
	.bav ul:hover {
		background-image: none;
	}
	.bav ul:hover li {
		display: block;
		margin: 0 0 5px;
	}
	.bav ul:hover .current {
		background: url(icon-check.png) no-repeat 10px 7px;
	}

	/* right bav */
	.bav.right ul {
		left: auto;
		right: 0;
	}

	/* center bav */
	.bav.center ul {
		left: 50%;
		margin-left: -90px;
	}
	
}


@media (min-width: 768px) and (max-width: 979px)
 {
 .bav ul  {
display: none; }
}
#homepage-slider {
  
  width: 100%;
   
   }

@media (min-width: 1200px)
{
 .bav ul  {
display: none; }
#homepage-slider {
  
  width: 66%;
   
   }
 
}

@media (min-width: 1600px)
{
 
   #slider_row {
  
  max-width: 1600px;
  margin: 0 auto;
   
   }
}

@media (min-width: 980px)
{
 .bav ul  {
display: none; }
}