/* cmsms stylesheet: Dinatravel modified: 30.07.2017 23:42:50 */
html, body{
 margin:0;
 font-family: 'Open Sans', sans-serif;
 min-width:800px;
 }
header{
 display:block;
 height:141px;
 clear:both;
 z-index:99999;
 }
.top_line{
 background-color:#fafafa;
 line-height:50px;
 color:#515151;
 }
.center{
 width:100%;
 max-width:1170px;
 margin:0 auto;
 position:relative;
 padding:0 5px;
 min-width:790px;
 }
.top_line a{
 color:#515151;
 text-decoration:none;
 }
.email{
 padding:0 20px 0 20px;
 background: url('http://cheaptickets-wakacje.eu/media/img/mail.png') left center no-repeat;
 }
.phone{
 padding:0 20px 0 20px;
 background: url('http://cheaptickets-wakacje.eu/media/img/phone.png') left center no-repeat;
 }
footer .phone{
 background-image:url('http://cheaptickets-wakacje.eu/media/img/phone_2.png');
 }
footer .email{
 background-image:url('http://cheaptickets-wakacje.eu/media/img/mail_2.png');
 }
.skype{
 padding:0 20px 0 20px;
 background: url('http://cheaptickets-wakacje.eu/media/img/skype.png') left center no-repeat;
 }
.logo{
 position:absolute;
 top:0;
 }
.logo img{
 margin:10px;
 }
 
#lang option{
 padding:5px 0px 5px 32px;
 border:0;
 }
#lang{
 padding:0px;
 border:0;
 float:right;
 margin:0 2px;
 font-weight:bold;
 font-size:12px;
 line-height:40px;
 text-transform:uppercase;
 }
.pl, .en, .nl{
 display:block;
 padding:0px 0px 5px 32px;
 border:0;
 float:left;
 margin:0 10px;
}
.pl{
 background: url('http://cheaptickets-wakacje.eu/media/img/pl.png') left center no-repeat;
 }
.en{
 background: url('http://cheaptickets-wakacje.eu/media/img/en.png') left center no-repeat;
}
.nl{
 background: url('http://cheaptickets-wakacje.eu/media/img/nl.png') left center no-repeat;
}
header ul{
 display:block;
 float:right;
 margin-top:30px;
 padding-left:200px;
 z-index:99999;
 }

.videoWrapper{
 width:100%;
 height:20vw;
 overflow:hidden;
}
#ytplayer{
 width:100%;
 height:60vw;
 margin-top:-16vw
}

header ul li{
 display:block;
 float:right;
 font-size:14px;
 font-size:calc(11px + 0.2vw);

 font-weight:bold;
 margin:0 10px;
 text-transform:uppercase;
 color:#515151;
 padding-bottom:25px;
 position:relative;
 white-space:nowrap;
 }
header ul li a, header ul li span{
 color:#515151;
 text-decoration:none;
 padding-bottom:8px;
 }
header ul li a.active, header ul li a:hover, header ul li a:active, header ul li span:active, header ul li span:hover{
 color:#1cbbb4;
 border-bottom:#1cbbb4 solid 2px;
 }
header ul li > ul{
 display:none;
 position:absolute;
 padding:5px;
 background-color:#fff;
 margin-top:0;
}
header ul li > ul li{
 padding-bottom:10px; 
 clear:both;
 float:left;
}
header ul li > ul li a, header ul li > ul li span{
 padding-bottom:4px;
}
header ul li:active > ul, header ul li:hover > ul{
 display:block;
}

.banner{
 width:100%;
 display:block;
 position:relative;
 margin-bottom:30px;
 overflow:hidden;
 }
#baner_left, #baner_right{
 width:100px;
 height:50px;
 position:absolute;
 top:50%;
 margin-top:-25px;
 display:block;
 z-index:101;
 font-size:50px;
 line-height:50px;
 background-color:rgba(120, 120, 120, 0.2);
 color:#fff;
 text-align:center;
 font-family:Gill Sans ;
    -webkit-transform:scale(1,2); /* Safari and Chrome */
    -moz-transform:scale(1,2); /* Firefox */
    -ms-transform:scale(1,2); /* IE 9 */
    -o-transform:scale(1,2); /* Opera */
    transform:scale(1,2); /* W3C */
 
 cursor:pointer;
 }
#baner_right{
 right:0;
 }
 
 #baner_left_mini, #baner_right_mini{
 width:100px;
 height:100px;
 position:absolute;
 top:50%;
 margin-top:-50px;
 display:block;
 z-index:101;
 font-size:50px;
 line-height:50px;
 cursor:pointer;
 left:100px;
 }
#baner_right_mini{
 right:100px;
 left:auto;
 }
.banner img{
 width:100%;
 position:relative;
 }
.banner_in_one{
 position:absolute;
 overflow:hidden;
 width:100%;
 }
.banner_in_one h2{
 position:absolute;
 margin-top:10%;
 background-color:rgba(28, 187, 180, 0.9);
 padding:5px 20px;
 color:#fff;
 font-size:3vw;
 font-size:calc(30px + 1vw);

 font-weight:bold;
 margin-left:100px;
 }
 .banner_in_one p{
 position:absolute;
 display:inline-block;
 margin-top:18%;
  background-color:rgba(28, 187, 180, 0.9);
 font-size:1vw;
 font-size:calc(11px + 0.3vw);
 font-weight:600;
 color:#fff;
 padding:5px 20px;
 margin-left:100px;
 max-width:60%;
 }
.zero{
 height:1px;
 overflow:visible;
 z-index:2
 }
.content{
 overflow:hidden;
 color:#4b4a4a;

 }
.content a{
  color:#4b4a4a;
 font-weight:bold;
 text-decoration:none;
}
.content a:hover, .content a:active{
 text-decoration:underline;
}
.content h1{
 font-size:calc(30px + 1vw);
 border-bottom:#1cbbb4 solid 2px;
 padding-right:40px;
 margin:10px;
 display:inline-block;
 }
.content p{
 font-size:14px;
 line-height:20px;
 }
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6,.content p,
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6, footer p{
 margin-left:10px;
 margin-right:10px;
 }
footer p{
 font-size:12px;
 line-height:18px;
 }
.table{
  display:table;         
  width:auto;         
  border-spacing:5px;/*cellspacing:poor IE support for  this*/      
 }
.tr{
  display:table-row;
  width:auto;
  clear:both; 
  }
.td{
  float:left;/*fix for  buggy browsers*/
  display:table-column;         
  width:30%;         
 }
footer{
 background-color:#252525;
 color:#b2b1b1;
 padding:20px 0;
 }
footer h3{
 width:30px;
 border-bottom:#959595 2px solid;
 padding-bottom:5px;
 overflow:visible;
 white-space:nowrap;
 text-transform:uppercase;
 }
footer a{
 text-decoration:none;
 color:#b2b1b1;
 }
footer input[type="text"], footer textarea{
 background-color:#303030;
 color:#b2b1b1;
 border:0;
 padding:10px;
 width:80%;
 display:block;
 clear:both;
 } 
footer .html_po{
 display:none;
}
.content input[type="text"], .content textarea{
 background-color:#ffffff;
 color:#333333;
 border:#eeeeee 1px solid;
 padding:10px;
 width:80%;
 max-width:400px;
 margin:0;
 display:block;
 clear:both;
 } 
.formbuilderform{
 max-width:400px;
 float:right;
}
submit, .cms_submit, .cms_button, input[type="submit"]{
 background-color:#1cbbb4;
 color:#fff;
 border:0;
 padding:12px 10px;
 font-size:12px;
 cursor:pointer;
 }
.box{
 width:47%;
 overflow:hidden;
 position:relative;
 -webkit-box-shadow: 0 0 10px 1px rgba(10,10,10,0.17);
 box-shadow: 0 0 10px 1px rgba(10,10,10,0.17);
 display:block;
 float:left;
 margin:20px 10px;
 color:#4b4a4a;
 }
.box:nth-child(2n){
 margin-left:30px;
 }
.img_box{
 width:277px;
 height:245px;
 float:right;
 }
.boxes{
clear:both;
overflow:hidden;
}
 
.img_box img{
 width:277px;
 height:245px;
 display:block;
 overflow:hidden;
 }
.img_box:before{
 content:'';
 display:block;
 width:51px;
 height:245px;
 position:absolute;
 z-index:3;
 background: url('http://cheaptickets-wakacje.eu/media/img/layer.png') left center no-repeat;

 }
.info{
 position:absolute;
 background-color:#1cbbb4;
 height:40px;
 display:inline-block;
 bottom:0;
 right:0;
 margin-right:277px;
 line-height:40px;
 color:#fff;
 padding:0 30px;
 font-weight:bold;
 font-size:13px;
 cursor:pointer;
 text-transform:uppercase;
 }
.box i, .box em{
 color:#1cbbb4;
 font-size:26px;
 font-weight:bold;
 line-height:30px;
 padding:4px 0;
 font-style:normal;
 }
.box_text{
 position:absolute;
 padding-right:280px;
 padding-left:20px;
 padding-top:20px;
 }
.copyright{
 border-top:#303030 1px solid;
 font-size:12px;
 padding:20px 0 15px 0;
 text-align:center;
 color:#696969;
 }
.copyright a{
 color:#696969;
 }
.copyright a:hover, .copyright a:active{
 text-decoration:underline;
 }

.social a{
 width:64px;
 height:64px;
 background:url(http://cheaptickets-wakacje.eu/uploads/icons/facebook.png) no-repeat center;
 display:block;
 position:absolute;
 right:0;
 top:120px;
 z-index:660;
 position:fixed;
}
.social a#twitter{
 background:url(http://cheaptickets-wakacje.eu/uploads/icons/twitter.png) no-repeat center;
 right:0;
 top:200px;
}

.social a#gplus{
 background:url(http://cheaptickets-wakacje.eu/uploads/icons/google+.png) no-repeat center;
 right:0;
 top:280px;
}
.required.fb_invalid{
 display:block;
 clear:both;
 color:#ba1212;
}
footer .required.fb_invalid{
 color:#f44242;
}
#quotes{
 overflow:hidden;
 margin:20px 0;
}
.quotebox{
 width:390px;
 height:300px;
     vertical-align: top;


}
.quoteauthor{
 color:#1cbbb4;
white-space:normal;
 margin:10px 30px;
 display:block;
}
.quotecontent{
 display:block;
 font-style:italic;
white-space:normal;
 margin:0px 10px;
}