/*
@font-face {
    
	font-family: 'Conv_Circe';
	src: url('fonts/Circe.eot');
	src: local('☺'), url('fonts/Circe.woff') format('woff'), url('fonts/Circe.ttf') format('truetype'), url('fonts/Circe.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_CirceLight';
	src: url('fonts/CirceLight.eot');
	src: local('☺'), url('fonts/CirceLight.woff') format('woff'), url('fonts/CirceLight.ttf') format('truetype'), url('fonts/CirceLight.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_georgiaAz';
	src: url('fonts/georgiaAz.eot');
	src: local('☺'), url('fonts/georgiaAz.woff') format('woff'), url('fonts/georgiaAz.ttf') format('truetype'), url('fonts/georgiaAz.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}*/


.source-sans-pro{font-family: 'Source Sans Pro', sans-serif;}

html{background: url("/images/bg-body2.jpg") fixed center top repeat  #30604e;}
body{
/*background: url("/images/bg-body2.jpg") fixed left top repeat  #3d160a;*/

color: #fff;
font-family: 'Conv_georgiaAz', Georgia, sans-serif;

font-size: 15px;
height: 100%;
line-height: 1.5;
letter-spacing: 0.015em;
margin: 0;
padding: 0;    
}

@media screen and (max-width: 1280px) {
html{
background: url("img/bg-body.jpg") fixed center top repeat  #30604e;}
}


h1,h2,h3,h4,h5,h6,.title1,.title2,.title3{line-height: 120%;margin: 20px 0 10px;font-weight: 100;color: #353535;}
h1,.title1{font-size: 100px;margin: 20px 0 20px 0;color: #d4bb55;text-indent: 0;  
           font-family: 'Source Sans Pro', sans-serif;letter-spacing: 0.03em;
  line-height: 1.1; text-align: center;  text-transform: uppercase;font-weight: 100;
position: relative;z-index: 1;}
h2,.title2{font-size: 30px;}
h3,.title3{font-size: 21px;}
h4{font-size: 18px;}
h5{font-size: 17px;}
h6{font-size: 16px;}

a {color: #593617;text-decoration: underline;}
a:hover {color: #cf6100;}

td, th{vertical-align: top;}
p{margin: 1ex 0 2.5ex;text-indent: 1.5em;position: relative;z-index: 2;}
.pad5{padding: 5px;}
table.pad5 td{padding: 5px;}
table.pad5 td td{padding: 5px;}
big{font-size: larger;}
i,em{font-style: italic;}
b,strong{font-weight: bold;}
sup {
  font-size: smaller;
  line-height: normal;
  vertical-align: super;
}
sub {
  font-size: smaller;
  line-height: normal;
  vertical-align: sub;
}

blockquote{padding: 0 0 0 25px;background: #f3f3f3;margin: 10px 10px 10px 20px;}
hr {
    color: #d4bb55; /*для IE */
    background: none; /*для Firefox, Opera, Safari*/
    border:none;
    border-bottom: 3px dashed #d4bb55;
    height:0px; /* высота 1px IE, Firefox, Opera, Safari */
    clear:both; /* для очистки, если тег идет после float елемента */
}
ol {
	list-style:  decimal;margin: 0.5em 1em;
}
ol li{margin: 0.5em 1em;}
ul {
	margin: 0.5em 1em;
}
ul li{margin: 0.5em 1em;}

.table{
  /* display: table; */
  display: block;
}
.table-row{
  /* display: table-row; */
  display: block;
}
.table-cell{
  /* display: table-cell; */
  display: block;
  vertical-align: top;
}
.screen{max-width: 1200px;margin: auto;}

#block-left-col-top{text-transform: uppercase;font-size: 16px;color: #d4bb55;text-transform: uppercase;
                    font-family: 'Source Sans Pro', sans-serif;margin-right: -100px;}

#block-left-col-bottom img{display: block;}


#block-main-menu{margin: 100px 0 100px;font-family: 'Source Sans Pro', sans-serif;}
#block-logo img{position: relative;z-index: 1;}
#block-logo img{display: block;margin: 0 auto;}

.body-all.table{
  max-width: 1200px;padding: 30px 20px;box-sizing: border-box;margin: 0 auto;position: relative;z-index: 1;
  width: 100%;
} 
.left_column{
  width: 250px;
  float: left;
}
.main_column{
  max-width: 890px;
  overflow: hidden;
  position: relative;
}
.left_column_content{min-height: 500px;position: relative;}
.main_column_content{position: relative;}

.link_up{display: inline-block;font-size: 18px;background: rgba(0,50,30,0.9);border: 1px solid #d4bb55;
         padding: 10px 20px;text-transform: uppercase;border-radius: 5px; 
         position: fixed;bottom:20px;right: 20px;color: #d4bb55;
         text-decoration: none;opacity: 0.4;z-index: 1000;
        -webkit-transition: opacity 0.2s ease-out 0.1s;
        -moz-transition: opacity 0.2s ease-out 0.1s;
        -o-transition: opacity 0.2s ease-out 0.1s;
        transition: opacity 0.2s ease-out 0.1s;
}
.link_up:hover{opacity: 0.6;color: #d4bb55;text-decoration: none;}

.relative{position: relative;}
a{outline: none;}
.bx-composite-banner-conteiner {
  opacity: 0.2;
  float: right;
  margin-right: 10px;
  margin-bottom: 10px;
}

.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
}

.buy_controls_fix {
    position: fixed;
    top: 30px;
    width: 270px;
    z-index: 1000;
}
.block_margin_bottom{margin-bottom: 110px;}


.input_type_file_block{position: relative;width: 150px;margin-right: 20px;float: left;}
.input_type_file_block input{font-size: 40px;cursor: pointer;
    position: relative;z-index: 2;opacity: 0;display: block;height: 40px;width: 150px;overflow: hidden;}
.fake_input_type_file{overflow: hidden;
    display: block;width: 150px;height: 38px;text-align: center;padding: 0px 0px 2px 20px;
    background: #17372b;border-radius: 5px;color: #eee;font-size: 16px;
position:absolute;top:0;left: 0;z-index: 1;box-sizing: border-box;line-height: 38px;}

.input_type_file_block:hover .fake_input_type_file{background-color: #27473b;color: #fff;cursor: pointer;}

.pop-form.form2 input[type="file"]:hover {
    background-color: #4d261a;
    text-decoration: none;
    
}



.fake_input_type_file.selected{
    background-image: url("img/marker-white.png");
    background-position: 19px 14px;
    background-repeat: no-repeat}

.animation1#icon1 {width: 100%;height: 60px;overflow: auto;margin: 0 auto;text-align: center;}
.animation1#icon1 .item{width: 50px;height: 50px;display: inline-block;position: relative;top:0;
     background: url("/images/animation/icon1.png") center no-repeat;opacity: 0;}

.animation1#icon2 {width: 100%;height: 60px;overflow: auto;margin: 0 auto;text-align: center;}
.animation1#icon2 .item{width: 50px;height: 50px;display: inline-block;position: relative;top:0;
     background: url("/images/animation/icon2.png") center no-repeat;opacity: 0;}

.animation1#icon3 {width: 100%;height: 70px;overflow: auto;margin: 0 auto;text-align: center;}
.animation1#icon3 .item{
    width: 60px;height: 60px;display: inline-block;position: relative;top:0;
     background: url("/images/animation/icon3.png") center no-repeat;opacity: 0;
   }

.animation1#icon4 {width: 100%;height: 70px;overflow: auto;margin: 0 auto;text-align: center;}
.animation1#icon4 .item{width: 50px;height: 60px;display: inline-block;position: relative;top:0;
     background: url("/images/animation/icon4.png") center no-repeat;opacity: 0;}

.animation1#icon5 {width: 100%;height: 50px;overflow: auto;margin: 0 auto;text-align: center;}
.animation1#icon5 .item{width: 68px;height: 40px;display: inline-block;position: relative;top:0;
     background: url("/images/animation/icon5.png") center no-repeat;opacity: 0;}

.animation1#icon6 {width: 100%;height: 50px;overflow: auto;margin: 0 auto;text-align: center;}
.animation1#icon6 .item{width: 68px;height: 40px;display: inline-block;position: relative;top:0;
     background: url("/images/animation/icon6.png") center no-repeat;opacity: 0;}

.animation1#icon7 {width: 100%;height: 60px;overflow: auto;margin: 0 auto;text-align: center;}
.animation1#icon7 .item{width: 50px;height: 45px;display: inline-block;position: relative;top:0;
     background: url("/images/animation/icon7.png") center no-repeat;opacity: 0;}

.animation1#icon8 {width: 100%;height: 60px;overflow: auto;margin: 0 auto;text-align: center;}
.animation1#icon8 .item{width: 60px;height: 45px;display: inline-block;position: relative;top:0;
     background: url("/images/animation/icon8.png") center no-repeat;opacity: 0;}

.animation2#animation2_type1{width: 511px;height: 60px;overflow: auto;margin: 0 auto;text-align: center;
background: url("/images/animation/bg-animation2-type1.png") left bottom no-repeat;position: relative;}
.animation2#animation2_type1 .object{width: 60px;height: 45px;display: block;
                                     position: absolute;top:10px;left: 10px;
     background: url("/images/animation/icon6.png") center no-repeat;}

.animation2#animation2_type2{width: 603px;height: 60px;overflow: auto;margin: 0 auto;text-align: center;
background: url("/images/animation/bg-animation2-type2.png") left bottom no-repeat;position: relative;}
.animation2#animation2_type2 .object{width: 60px;height: 45px;display: block;
                                     position: absolute;top:10px;left: 10px;
     background: url("/images/animation/icon6.png") center no-repeat;}

.animation2#animation2_type3{width: 700px;height: 200px;overflow: auto;margin: 0 auto;text-align: center;
background: url("/images/animation/bg-animation2-type3.png") center bottom no-repeat;position: relative;}
.animation2#animation2_type3 .object{width: 60px;height: 45px;display: block;
                                     position: absolute;top:70px;left: 50px;
     background: url("/images/animation/icon6-y.png") center no-repeat;}

.animation_digital{opacity: 0;}


.show_spoiler{text-decoration: underline;cursor: pointer;margin-bottom: 0;}
.spoiler{margin-top: 0; display: none;}
.button-up{background: rgba(0,0,0,0.2);}





#block-logo{
  max-width: 327px;
  margin: 0 auto;
}
.w777{
  display: none;
}
.lang{
  position: absolute;
  right: 0;
  top: 0;
  padding: 4px 2px 2px;
  margin: 0;
  list-style: none;
  border: 1px solid #fff;
}
.lang li{
  float: left;
  margin: 0 8px;
}
.lang li a{
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  font-size: 18px;
  line-height: 20px;
}
.lang li a:hover{
  color: #d4bb55;
}
.mobile{
  display: none;
}
.hero{
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  box-sizing:border-box;
  margin: 0 -20px;
  position: relative;
  z-index: 2;
  overflow: hidden;
  text-align: center;
  font-size: 0;
}
.hero li{
  width: 24%;
  box-sizing:border-box;
  padding: 0 20px;
  display: inline-block;
  vertical-align: top;
  margin: 0;
  font-size: 16px;
}
.hero li img{
  display: block;
  margin: 0 auto 10px;
}
.hero li span{
  display: block;
  margin: 0 auto 10px;
}


/*
    Mobile Menu Core Style
*/

.slicknav_btn { 
  position: relative;
 display: block;
  vertical-align: middle;
   float: right;
    padding:15px;
     line-height: 1.125em; cursor: pointer; 
     z-index: 2;
}
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar {
 display: block;
  width: 30px;
   height: 2px;
    -webkit-border-radius: 1px;
     -moz-border-radius: 1px;
      border-radius: 1px;
       -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
         box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); 
}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { 
  margin-top:6px; 
}
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { 
    display: block;
    margin: 0 0 10px;
    border-bottom: 1px solid #fff;
    padding: 0 55px 7px;
}
.slicknav_nav li:first-child{
  padding: 7px 55px;
}
.slicknav_nav li:last-child{
  border: none;
  margin: 0;
}
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { cursor: pointer; }
.slicknav_nav .slicknav_row { display: block; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
/*.slicknav_menu { *zoom: 1 }*/

/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/

.slicknav_menu {
    font-size:16px;
    position: fixed;
    width: 100%;
    top: 0;
    right: 0;
    font-family: 'Conv_georgiaAz', Georgia, sans-serif;
}
/* Button */
.slicknav_btn {
    -webkit-transition: all 0.7s ease-out 0.05s;
     -moz-transition: all 0.7s ease-out 0.05s;
     -o-transition: all 0.7s ease-out 0.05s;
     transition: all 0.7s ease-out 0.05s;
    margin: 0;
    text-decoration:none;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    /* -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px; */  
    background-color: #244674;
    background-color: #204135;
}
/* Button Text */
.slicknav_menu  .slicknav_menutxt {
    color: #FFF;
    font-weight: bold;
    text-shadow: 0 1px 3px #000;
    text-indent: -9999px;
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
  background-color: #f5f5f5;
}
.slicknav_menu {
    background:none;
    padding:0;
}
.slicknav_nav {
    color:#fff;
    margin:0;
    padding:0;
    font-size:0.875em;
    text-align: center;
    background: #244675;
    background: #204135;
    position: relative;
    left: 0;
    top: -1px;
    width: 100%;
    border-top: 1px solid #fff;
}
.slicknav_nav, .slicknav_nav ul {
    list-style: none;
    overflow:hidden;
}
.slicknav_nav ul {
    padding:0;
    margin:0 0 0 20px;
}
.slicknav_nav .slicknav_row {
    padding:5px 10px;
    margin:2px 5px;
}
.slicknav_nav a{
    padding:5px 10px;
    margin:2px 5px;
    text-decoration:none;
    color:#fff;
    font-family: 'Conv_georgiaAz', Georgia, sans-serif;
    text-transform: uppercase;
}
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
    padding:0;
    margin:0;
}
.slicknav_nav .slicknav_row:hover {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background:#ccc;
    color:#fff;
}
.slicknav_nav a:hover{
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background:#ccc;
    color:#222;
}
.slicknav_nav .slicknav_txtnode {
     margin-left:15px;   
}

/*js style*/

.slicknav_menu {
    display:none;
    z-index: 2;
}
.slicknav_open{
  border-left:1px solid #fff;

}
@media screen and (max-width: 950px) {
      #menu {
        display:none;
    }
    
     .slicknav_menu {
        display:block;
    }

    .mobile{
      display: block !important;
    }
    .lang{
      display: none;
      left: 0 !important;
      right: auto;
      top: 10px;
      z-index: 3;
    }
}





@media only screen and (min-width: 1020px) and (max-width: 1150px){
  .animation1#icon3 .item{
    width: 50px;
    background-size: 90%;
    -webkit-background-size: 90%;
}
  .animation1#icon1{
    overflow: hidden;
  }
  
}
@media only screen and (min-width: 950px) and (max-width: 1024px){
  .button-up{
    display: none !important;
  }
  h1, .title1{
    font-size: 90px;
  }
  .animation1#icon5 .item{
    width: 65px;
    -webkit-background-size: 90%;
    background-size: 90%;
  }
  .animation1#icon6 .item{
    width: 65px;
    -webkit-background-size: 90%;
     background-size: 90%; 
  }
  .text_big_yellow{
    font-size: 65px;
  }
  .animation1#icon1 .item{
    width: 45px;
    -webkit-background-size: 90%;
     background-size: 90%; 
  }
  .animation1#icon3 .item{
    width: 48px;
    -webkit-background-size: 90%;
     background-size: 90%;
  }
  #tabs a{
    width: 120px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 950px){
  .left_column{
    display: none;
  }
  .button-up{
    display: none !important;
  }
  #tabs a{
      width: 125px;
  }
  #icon3.animation1 .item{
    -webkit-background-size: 90%;
    background-size: 90%;
    width: 50px;
  }
  .w777{
    display: block !important; 
    max-width: 500px;
    margin: 0 auto;
    width: 100% !important;
    float: none;
  }
  .w777 .left_column_content{
    min-height: 0;
  }
  .w777 #block-main-menu{
    margin: 0 0 30px;
  }
}
@media only screen and (min-width: 200px) and (max-width: 966px){
  .animation2#animation2_type3{
    width: 100%;
    background-size: 100%;
  }
  .animation2#animation2_type2,
  .animation2#animation2_type1{
    width: 100%;
    background-size: 100%;
  }
  .animation2#animation2_type3 .object{
    top: 31%;
  }
  .animation2#animation2_type3{
    background-position: center;
  }
}



@media only screen and (min-width: 200px) and (max-width: 1024px){
  #block-left-col-top{
    display: none;
  }
  #block-left-col-bottom{
    width: 100%;
    text-align: center;
  }
  #block-left-col-bottom a{
    margin: 0 5px 15px 0;
    display: inline-block;
    vertical-align: top;
  }
  #block-left-col-bottom a:last-child{
    margin: 0;
  }
  .body-all.table{
    padding: 30px 15px;
  }
  .block-video-treyler {
    position:relative;
    padding-bottom:56.25% !important;
    padding-top:30px !important;
    height:0 !important;
    overflow:hidden;
    width: 100% !important;
  }

.block-video-treyler iframe, .block-video-treyler object, .block-video-treyler embed {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
  }
}
@media only screen and (min-width: 480px) and (max-width: 533px){
  .litr span:nth-child(2){
      margin: 0 0 0 -10px;
      right: -24px;
  }
  .litr span:nth-child(4){
      right: -5px;
  }
  .litr span:nth-child(5){
      right: -45px;
  }
  .litr span:nth-child(6){
      right: -25px;
  }
}

@media only screen and (min-width: 598px) and (max-width: 640px){
  .litr{
    padding: 0 0 0 185px !important;
    position: relative;
  }
}
@media only screen and (min-width: 200px) and (max-width: 639px){
  .hero li{
    width: 49%;
  }
  .litr{
    padding: 0 !important;
    position: relative;
  }
  .litr span:nth-child(1){
      left: 25%;
      margin: 0 0 0 -10px;
      position: absolute;
      top: -30px;
  }
  .litr span:nth-child(2){
      right: -58px;
      top: -14px;
  }
  .litr span:nth-child(4){
      position: absolute;
      top: -30px;
      right: 10px;
  }
  .litr span:nth-child(5){
      position: absolute;
      top: -30px;
      right: -28px;
  }
  .litr span:nth-child(6){
      position: absolute;
      top: 20px;
      right: -8px;
  }
}
@media only screen and (min-width: 200px) and (max-width: 767px){
  #block-main-menu{
    margin: 0;
  }
  .text_20_shift_top{
    top: -5px;
  }
  .body-all.table{
    overflow: hidden;
  }
  .w777{
    display: block !important; 
    max-width: 500px;
    margin: 0 auto;
    width: 100% !important;
    float: none;
  }
  .w777 .left_column_content{
    min-height: 0;
  }
  /* .w777 #block-main-menu{
    margin: 30px 0;
  } */
  .left_column{
    display: none;
  }
  .button-up{
    display: none !important;
  }
  h1, .title1{
    font-size: 38px;
  }
  .image-left-border {
      float: none;
      margin: 0 auto 20px;
      display: block;
  }
  .block-back-img1{
     height: 0;
    left: 50%;
    margin: 0 0 0 -23%;
    position: relative;
    top: -145px;
    width: 45%;
    z-index: 0;
  }
  .block-back-img1 img{
    width: 100%;
  }
  .block_margin_bottom{
    margin: 0 0 20px;
  }
  #tabs{
    width: 100%;
    display: block;
  }
  #tabs td{
    display: block;
    float: left;
    width: 50%;
    box-sizing:border-box;
  }
  #tabs a{
    width: 100px;
    padding: 0 5px 5px;
    height: 154px;
    margin: 0 auto;
  }
  
  .animation1#icon2,
  #icon6.animation1,
  #icon4.animation1,
  #icon1.animation1{
    overflow: hidden;
  }
  .animation1#icon3{
    overflow: hidden;
    height: 68px;
  }
  #icon8.animation1,
  #icon7.animation1{
    height: 50px;
    overflow: hidden;
  }
  #icon5.animation1{
    height: 48px;
    overflow: hidden;
  }
  .block-back-img2{
    top: -145px;
  }
  .block-back-img2 img{
    max-width: 50%;
  }
  .width70pr_center{
    width: 98% !important;
    margin: 15px auto 50px;
  }
  .image-center-border{
    width: 98% !important;
  }
  .image-center{
    max-width: 100%;
  }
  .data-table{
    display: block;
  }
  .data-table td{
    display: block;
  }
  .pop-form.form2 td.counter-0,
  .pop-form.form2 td.counter-1,
  .pop-form.form2 td.counter-2{
    width: 100%;
  }
  .input_type_file_block{
    margin: 0 20px 20px 0;
  }
  #block-logo img{
    width: 80%;
  }
  .text_big_yellow{
    font-size: 40px;
  }
  #form-feedback{
    position: relative;
    z-index: 2;
  }
  #form-feedback .data-table {
    width: 100%;
    margin: 0 auto;
    max-width: 300px;
  }
}

@media only screen and (min-width: 600px) and (max-width: 767px){
  #tabs{
    display: table;
  }
  #tabs td{
    width: 25%;
    display: table-cell;
    float: none;
  }
  #tabs a{
    width: 100px;
    padding: 0 5px 5px;
    height: 154px;
    margin: 0 auto;
  }
}

@media only screen and (min-width: 375px) and (max-width: 375px){
  .litr span:nth-child(2) {
    right: -45px;
    top: -14px;
  }
}
@media only screen and (min-width: 412px) and (max-width: 414px){
  .litr span:nth-child(2) {
    right: -45px;
    top: -14px;
  }
  .litr span:nth-child(4) {
    position: absolute;
    top: -30px;
    right: 3px;
  }
  .litr span:nth-child(5) {
    position: absolute;
    top: -30px;
    right: -37px;
  }
  .litr span:nth-child(6) {
    position: absolute;
    top: 20px;
    right: -17px;
  }
}
@media only screen and (min-width: 200px) and (max-width: 639px){
  
.block-back-img1 {
    top: -76px;
  }
}
@media only screen and (min-width: 200px) and (max-width: 420px){
  
  .hero li{
    width: 100%;
  }
  
}
@media only screen and (min-width: 321px) and (max-width: 374px){

  .slicknav_nav{
    overflow: auto !important;
    max-height: 254px;
  }
}
 @media only screen and (min-width: 375px) and (max-width: 480px){

  .slicknav_nav{
    overflow: auto !important;
    max-height: 306px;
  }
} 
/* @media only screen and (min-width: 400px) and (max-width: 480px){

  .slicknav_nav{
    overflow: auto !important;
    max-height: 355px;
  }
}  */
@media only screen and (min-width: 768px) and (max-width: 950px){
  .litr{
    padding: 0 !important;
    position: relative;
    margin: 50px auto 10px !important;
    width: 100% !important;
  }
  .litr span:nth-child(1){
    margin: 0 0 0 -10px;
    position: absolute;
    top: -30px;
  }
  .litr span:nth-child(2){
      right: -25px;
    top: 10px;
  }
  .litr span:nth-child(4){
      position: absolute;
      top: -30px;
      right: 100px;
  }
  .litr span:nth-child(5){
      position: absolute;
      top: -30px;
      right: 30px;
  }
  .litr span:nth-child(6){
      position: absolute;
    right: 0;
    top: 12px;
  }

}