body{background:#fff;margin:0;font-family:'Titillium Web'}body a{color:grey;text-decoration:none}body a:hover{color:red;text-decoration:underline}body p{color:#4e4e4e}.row{box-sizing:border-box;padding:20px;width:100%;display:block}.clr{clear:both}.logo{width:100%;display:block;margin:0 auto;text-align:center}.menu{float:left;position:fixed;padding:30px 20px;transition-duration:.4s;margin:-115px 0}.header{background:url(../img/tlo_mobil.jpg) no-repeat;width:100%;height:auto;position:relative}#bars{color:#f1dd00;text-align:left;display:block;padding:10px 20px;background:rgba(21,21,21,.49);width:30px;height:34px;transition-duration:.4s;cursor:pointer}.menu_top{width:100%;text-align:left;padding:20px 20px 20px 0;background:rgba(21,21,21,.49);margin:2px 0;z-index:99999;transition-duration:1s}.menu_top li{list-style:none;padding:7px 0;text-transform:uppercase}.menu_top li a{color:#fff;text-decoration:none;width:100%;display:block;padding:0 30px;font-size:16px}.menu_top li a:hover{color:#f1dd00;transition-duration:.2s;border-left:3px solid #f1dd00}.social{width:100%;margin:0 auto;display:block;height:120px;padding:0 0 20px}.social h2{text-align:center;color:#fff;text-transform:uppercase;font-size:20px;font-weight:700}.social li{width:25%;float:left;text-align:center;padding:10px 0;list-style:none}.social li i{color:#f1dd00}.info-box{background:#a82860;width:100%;height:auto}.info-box .first{padding:20px 0 0}.info-box .box{height:75px}.info-box .box .icons{width:30%;float:left;text-align:center;line-height:4}.info-box .box .icons i{color:#fff}.info-box .box .box-info{float:right;width:70%}.info-box .box .box-info h3{margin:0;font-size:18px;color:#f1dd00;text-transform:uppercase;font-weight:400}.info-box .box .box-info p{margin:0;color:#fff}.info h4{color:#2e2b2d;text-transform:uppercase;font-weight:300;font-size:16px;text-align:center;letter-spacing:2px}.info h1{color:#87214f;text-transform:uppercase;line-height:1.2;text-align:center}.info p{letter-spacing:1px;text-align:justify}.box-img img{width:100%;margin:20px 0}.party{background:url(../img/party_mobil.jpg) no-repeat;width:100%;height:auto}.party .impreza h2{font-size:20px;color:#fff;text-align:center;text-transform:uppercase;letter-spacing:2px}.party .impreza .box-party{width:100%;display:block;margin:40px 0;height:134px;background:#a10d52}.party .impreza .box-party .left{float:left;width:30%;color:#fff;font-weight:400;text-align:center}.party .impreza .box-party .left h3{font-weight:400;margin:5px 0 0;font-size:13px}.party .impreza .box-party .left h4{font-weight:400;margin:0;line-height:1.1;font-size:11px}.party .impreza .box-party .left p{background:#000;color:#fff;margin:7px 0}.party .impreza .box-party .left i{float:left;padding:0 2px 23px 10px}.party .impreza .box-party .right{float:right;width:70%;height:134px;overflow:hidden}.party .impreza .box-party .right img{width:100%}.group{margin:20px 0;height:70px}.group span{border-bottom:1px solid #f1dd00;padding:5px 10px;margin:10px;float:left;color:#595859}.group span:hover{color:#302a30;transition-duration:.2s;cursor:pointer}#galeria .mix{display:none}.sandbox img{width:100%;margin:20px 0}.mapa{width:100%;display:block;overflow:hidden}.footer{background:url(../img/footer_mobil.jpg) no-repeat;width:100%;height:auto;text-align:center;color:#fff}.footer .col_contact{width:100%;display:block;padding:20px 0}.footer .col_contact img{filter:grayscale(20%);filter:alpha(opacity=50)}.footer .col_contact i{color:#a10d52}.footer .col_contact h4{margin:0;line-height:1.4}.footer h2{text-transform:uppercase}.footer .social{height:auto}.footer .social i{color:#fff;padding:7px}.footer .social i:hover{color:#f1dd00;transition-duration:.5s}.footer .footer_info{border-top:1px solid #fff;padding:10px}.footer .footer_info a{color:#f1dd00}.footer .footer_info p{color:#fff}.footer .footer_info .pull-right{float:none}@media all and (min-width:400px){.party .impreza .box-party .left h4{font-size:12px}.party .impreza .box-party .left i{padding:5px 2px 23px 10px}}@media all and (min-width:500px){.party .impreza .box-party .left h3{font-size:16px}.party .impreza .box-party .left h4{font-size:14px}.box{width:50%;float:left;padding:10px 0}.info-box .first{padding:10px 0}.info-box{height:auto}.sandbox .mix{float:left;display:block;width:50%}.sandbox img{width:90%;margin:20px 10px}.info h1{margin:0}.info h4{margin:30px 0 0}}@media all and (min-width:620px){.header{background:url(../img/tlo.jpg) no-repeat;width:100%;height:auto;position:relative}.box-img{width:45%;float:left;margin:10px}.party{background:url(../img/tlo_impreza.jpg) no-repeat;width:100%;height:auto}.last{display:block;width:100%;margin:0 auto;text-align:center}.last img{width:45%}.group{margin:20px auto;height:70px;text-align:center;width:80%;display:block}.party .impreza .box-party{width:45%;display:inline-block;margin:40px 10px;height:auto;background:#a10d52}.party .impreza .box-party .left h3{font-size:14px}.party .impreza .box-party .left h4{font-size:10px}.footer{background:url(../img/party_tab.jpg) no-repeat;width:100%;height:auto}.footer .col_contact{width:50%;float:left;height:140px}}@media all and (min-width:768px){.head{height:100px;border-bottom:1px solid rgba(255,255,255,.32);padding:10px 0;background:rgba(0,0,0,.49);position:fixed;width:100%}.head .logo{display:inline-block;width:30%}.head .logo img{float:left;margin:0 20px;width:130px}.container{padding:20px}.menu{margin:0;float:right;position:relative;width:60%;padding:0}.menu .menu_top{padding:0}.menu .menu_top li{float:left;padding:0 10px}.menu .menu_top li a{padding:43px 5px 40px;text-align:center}.menu .menu_top li a:hover{border-bottom:1px solid #f1dd00;border-left:none}.menu #bars{display:none}.info p{letter-spacing:1px;text-align:center}.info h1{margin:0 0 30px}.social{width:50%}.social li{width:25%;float:none;text-align:center;padding:10px 20px;list-style:none;display:inline}.box-img{width:30%;float:left;margin:10px}.last img{width:100%}.group{width:60%}.footer .social,iframe{width:100%}.footer .col_contact{width:25%}}@media all and (min-width:800px){.head .logo{display:inline-block;width:35%}.box{width:25%}.footer{background:url(../img/footer.jpg) no-repeat;width:100%;height:auto}.footer .footer_info p{color:#fff;padding:0!important;margin:0}.footer .col_contact .mail{line-height:3}.pull-left{float:none!important}}@media all and (min-width:980px){.head .logo{display:inline-block;width:40%}.party .impreza .box-party .left h4{font-size:14px}.group{width:40%}.sandbox .mix{width:18%;float:none;padding:0 0 20px 20px}.sandbox .mix img{width:100%;margin:0}.sandbox .mix .top{margin:-10px 0}.mapa{height:300px}.info-box{height:105px}.box{padding:20px 0 0}}@media all and (min-width:1060px){.container{width:960px;margin:0 auto;padding:0}.party .impreza .box-party .left h4{font-size:16px}.info p{letter-spacing:1px;text-align:center;width:80%;margin:0 auto;font-size:14px}.box{padding:20px 0 0}}@media all and (min-width:1280px){.container{width:1170px;margin:0 auto;padding:0}.party .impreza .box-party .left h4{font-size:16px}.info-box{height:95px}.info-box .first{padding:20px 0 0}.social{width:30%;padding:150px 0 30px}.group,.menu{width:40%}.footer .pull-right{float:right!important;width:30%;margin:0;padding:0;text-align:right}.footer .pull-left{float:left!important;width:70%;margin:0;padding:0;text-align:left}}
@media (min-width: 1000px){
	.header,
	.party,
	.footer {
		background-size: 100%;
	}
}