/* CSS Document */

@media all and (max-width: 1900px)  {
 
#slides h4 + img{ display:none}
 }

@media all and (min-width: 1600px)  {
 
 .work .outnum{ margin-left:10%}
    .lcl  { padding-top:20%;}
	 .lcl span{ color: #fff;
    display: block;
    font-size: 40px;
    font-weight: bold;
    padding: 0 0 0 40%; font-family:lobster }
.rcl {  float: right; color:#000000}
 }
 
 @media all and (min-width: 1500px) and (max-width: 1664px)  {
 header .logo { font-size:20px}
 #rightline h2+p, #rightline h2+p+p{ display:none}
 #slides .absShape p { padding-left:5%}
 #clients{ background:url(../images/clientbg.jpg) top right / cover}
   .lcl  { width:30%; float: left; padding-top:20%; color:#fff; font-weight:bold }
.rcl {width:70%; background: url(../images/boxedw.png) ; float: right; color:#000000}
   .leftprice{ display:none}
   .lcl span {
  padding: 0 0 0 10%;
}
.leftcont {
  padding: 40px 10px 0 40px;
  width: 75%;
}
 .lcl span{ color: #fff;
    display: block;
    font-size: 40px;
    font-weight: bold;
    padding: 0 0 0 40%; font-family:lobster }

 }
 
  @media all and (min-width: 1300px) and (max-width: 1500px)  {

.leftcont {
  padding: 40px 10px 0 40px;
  width: 75%;
}
 .lcl span{ color: #fff;
    display: block;
    font-size: 30px;
    font-weight: bold;
    padding: 0 0 0 10%; font-family:lobster }
  #pricing h4 {
  color: #fff;
  font-family: Lobster; font-size:22px
}
#pricing .package .heading .price strong {
  color: #ff0000;
  display: block;
  font-size: 16px;
}
  #menu { margin-left:-100px}
  .logo { display:none}
    .leftprice{ display:none}
 #rightline h2+p, #rightline h2+p+p, #rightline h2+p+p+p,  #rightline .space,  #rightline h4+img{ display:none}
 #slides .absShape p { padding-left:5%}
 
   .lcl  { width:30%; float: left; padding-top:20%; color:#000000; font-weight:bold }
.rcl {width:70%; background: url(../images/boxedw.png) ; float: right; color:#000000}

.infoslide {
  left: 5%;
  padding: 20px;
   top: 20%;
  width: 35%;
}
#pricing .package {

  width: 19.5%;
}
.leftcont {
  padding: 40px 10px 0 40px;
  width: 75%;
}
 }
 
  
  @media all and (min-width: 1200px) and (max-width: 1299px)  {
  .leftcont {
  padding: 40px 10px 0 40px;
  width: 75%;
}
  .infoslide {
  left: 5%;
  padding: 20px;
   top: 15%;
  width: 35%;
}
  #menu { margin-left:-100px}
  .logo { display:none}
    .leftprice{ display:none}
 #rightline h2+p, #rightline h2+p+p, #rightline h2+p+p+p,  #rightline .space,  #rightline h4+img{ display:none}
 #slides .absShape p { padding-left:5%}
 .outnum{ margin-left:-300px}
 .efdesc span { font-size:26px}
   .lcl  { width:30%; float: left; padding-top:20%; color:#000000; font-weight:bold }
.rcl {width:70%; background: url(../images/boxedw.png) ; float: right; color:#000000}
#slides .absShape p {  font-size: 1.4em;}
 #pricing .package { width:20%}
 #pricing .package .heading .price strong {  font-size: 16px;}
 #rightprice li {  font-size: 18px; line-height:1em}
  .lcl span{ color: #fff;
    display: block;
    font-size: 30px;
    font-weight: bold;
    padding: 0 0 0 10%; font-family:lobster }
 }
 
    @media all  and (max-width: 1199px)  {
	.leftcont {
  padding: 40px 10px 0 10px;
  width: 70%;
}
#rightcont { 
  width: 30%;
}
  .lcl span{ color: #fff;
    display: block;
    font-size: 30px;
    font-weight: bold;
    padding: 0 0 0 10%; font-family:lobster }
	
   .leftprice{ display:none}
   
     .infoslide {
  left: 0%;
  padding: 40px;
   top: 5%;
  width: 40%;
}
#testimonial {
	position: relative;
	min-height: 28em; background: none
}
#testimonial .item {
  background:  none;
  margin: 20px;
  padding: 0 80px ;
}


	}
   @media all and (min-width: 1000px) and (max-width: 1199px)  {
   #pricing  #skidki h4 { text-align:left}
  .leftpriceblock, #rightprice { width:100%; position:static}

   #pricing .package { width:20%}
   
  #menu { margin-left:-150px; padding-right:300px}
header .logo { display:none}
   #menu li:first-child{ display:none}
 #rightline h2+p, #rightline h2+p+p, #rightline h2+p+p+p,  #rightline .space,  #rightline h4+img{ display:none}
 #slides .absShape p { padding-left:5%}
 .outnum{ margin-left:-110px}
 
 #slides .absShape p { font-size:22px}
 #rightline h2 { padding-top:20px}
 #rightline h3 { padding:0}
 #rightline p {    font-size: 18px;
}
 .bxslider li{ background:rgba(0, 0, 0, 0)  url(../images/lines.png)  repeat-x bottom left; border-bottom: solid 20px #060707 }
 #slides .absShape {
  top: 105%;
}#slidetitle{ font-size:3em}
#rightline { width:300px}
  .efdesc span { font-size:21px}
  
  #uslugitop{ height:50px; position:absolute; left:0 ; top:30px; z-index:5 }
#uslugileft{width:50px; position:absolute; left:30px ; top:0px; z-index:3 }
#uslugitop   span  { font-size:32px; line-height:50px; margin-right:11% ;}
   .lcl  { width:100%; float: none; }
.rcl {width:100%; background: url(../images/boxedw.png) ; float: right; color:#000000}

 }
 
  @media all and (min-width:769px) and (max-width: 999px)  {
  .outcl{ background:url(../images/boxedw.png)}
  .lcl span { color:#000000}
  .list-plus { margin:0px; padding:0 0 0 10px}
  .list-plus li { font-size:16px; padding-left:60px}
  #pricing h3 { margin:0 15px}
  #skidki {
  padding: 0 10px;
}

    .clblock { margin-left:5px}
	.pt50 { padding:0}
	.secondchart { padding:130px 0 0  0}
	     .lcl  { width:100%; float: none;background: url(../images/boxedw.png) ; color:#000000; padding:5px 0 }
.rcl {width:100%; background: url(../images/boxedw.png) ; float: none; color:#000000; background: none; height:100%}

  
    .efdesc span { font-size:22px}
  #rightline { display: none}
   #slides .absShape {
  top: 105%;
}
#menu { width:100%; margin:0; padding:0}
.navbar-nav { float:none; text-align:center}
#slidetitle { font-size:36px}
#slidetitle small{ font-size:30px}
.bx-wrapper .bx-next {
  display: block;
}
#leftline{ background:none}

  #uslugitop{ height:30px; position:absolute; left:0 ; top:20px; z-index:5 }
#uslugileft{width:30px; position:absolute; left:20px ; top:0px; z-index:3 }
#uslugitop   span  { font-size:24px; line-height:30px; margin-right:6% ;}

  }
  
    @media all and (max-width:798px)   {
	#rightprice {   padding: 40px 0;
}.secondchart {
  padding: 20px 0 0;
}
	   .lcl span{ color:#000000; font-family:lobster; font-size:24px; text-align:center; padding:5px 0}
	  #pricing  #skidki h4 { text-align:left}
  .leftpriceblock, #rightprice { width:100%; position:static}
   #pricing .package { width:20%}
   #pricing h3.pull-right{ float:none; text-align:center; color:#000000}
   #pricing .package, #pricing .package.one {
  margin: 1% 2%;
  width: 96%;
}
	.infoslide {
  left: 0;
  padding: 40px;
  top: 0%;
  width: 40%;
  line-height:18px
}
	.clblock { margin-left:5px}
	.pt50 { padding:0}
	.secondchart { padding:0 10px}
	     .lcl  { width:100%; float: none;background: url(../images/boxedw.png) ; color:#000000 }
.rcl {width:100%; background: url(../images/boxedw.png) ; float: none; color:#000000; background: none}

	  #uslugitop{ height:50px; position:absolute; left:0 ; top:20px; z-index:5 ; text-align:center}
#uslugileft{width:30px; position:absolute; left:20px ; top:0px; z-index:3 }
#uslugitop   span  { font-size:24px; line-height:50px; text-align:center; display:inline-block; margin-right:0}
#ppo p {font-size:24px;}

	.bx-viewport{ background:#000000}
	.bx-wrapper .bx-controls-direction a {
    margin-top: 1.65em;

}
#slides .hex.xs .hex-inner i {

  font-size: 1.9em;
  line-height: 2.2em;

}
	.outnum { margin-bottom:30px}
	.work .n1, .work .n2, .work .n3{ background:none; margin:0; height:auto}
	.work .num span { font-size:32px; line-height:32px; margin:0 10px 0 0; padding-bottom:0}
	#event h3 { font-size:22px}
	#slides img { margin:0}
	#slides { padding:0}
  #rightline { display: none}
   #slides .absShape { padding:10px 0; 
 
}
#slides .absShape p { padding:0; text-align:center}
#menu { width:100%; margin:0; padding:0}
.navbar-nav { float:none; text-align:center}
#slidetitle { display:none}

.bx-wrapper .bx-next {
  display: block;
}
#leftline{ background:none}

  .outcl{ background:url(../images/boxedw.png)}
  .lcl span { color:#000000}
  .list-plus { margin:0px; padding:0 0 0 10px}
  .list-plus li { font-size:16px; padding-left:60px}
  
  #conttop h3.pull-left { display:none
}
#conttop h3.pull-right { float:none;
  text-align: center;
  width: 100%; padding:10px 0
}
  #rightcont {
  background: rgba(0, 0, 0, 0) url("../images/lines.png") repeat scroll 0 0;
  font-size: 18px;
  height: 100%;
  padding: 10px 0;
  position: static  ;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 40; 
} 
.leftcont {
  padding: 40px 0 10px 0;
  width: 100%;
}
.list-plus {
  margin: 0 auto;
  padding: 0 0 0 10px;
  width: 270px;
}
  }
    @media all and (max-width:600px)   {
	
	#pricing h3.pull-left  {
float:none;
  text-align: center;
  width: 100%; padding:10px ;
  margin: 0 ;
}
	#uslugileft,#styles{ display:none}



#testimonial .item {
  background:  none;
  margin: 0px auto 0 auto;
  padding: 40px 10px 0px 10px ;
}

.carousel-control.left, .carousel-control.right {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  bottom: auto;
  text-shadow: none;
  top:0  ;
  width: auto;
}
 
  }
  
   @media all and (max-width:460px)   {
   .bx-wrapper .bx-controls-direction a { display:none
 
}
   #clients {
  background:  none ;
}

    #pricing h3 { margin:0; text-align:center; float:none}
	#uslugileft,.infoslide,  #pricing h3.pull-right { display:none}
.efdesc span {font-size:18px;}
#uslugitop   span  { font-size:18px; line-height:50px; text-align:center; display:inline-block; margin-right:0}
#ppo p {font-size:18px;}
#testimonial .item {
  margin: 20px -15px;
  padding: 0 0 50px;
}
.carousel-control.left, .carousel-control.right { top:70%}
.hex.xs {
  height: 2.25em;
  width: 3em;
}.hex.xs .hex-inner i {
  font-size: 26px;
  line-height: 1.05em;
}

}