.clearfix {  *zoom: 1; }
.clearfix:before, .clearfix:after { display: table;  line-height: 0;  content: ""; }
.clearfix:after {    clear: both; }

@-ms-viewport { width: device-width; }
/*zero*/
body,img,p,b,span,strong,div,ul,li,a,button,table,input[type='text'],input[type='submit'],input[type='checkbox'],input[type='radio'],
input[type='password'],input[type='number'],textarea,h1,h2,h3,h4,h5
{border:none; margin:0px; padding:0px; text-decoration: none; list-style: none; font-family: 'Open Sans', sans-serif; font-size: 14px;}

.border{width:100%; margin: auto;}
h1{font-size: 22px; font-weight: 400; margin: 1% auto 1%;}
h2{font-size: 18px; font-weight: 400; }

#header{width:100%;  position: relative; background:#ccc;}
#header #bg{background: url('img/header_background_01.png') no-repeat center center; background-size:auto 100%; width:100%; height: 100%; left: 0px; top: 0px; position: absolute;}
#header #top{position: relative; width:120px; height:200px; padding:1% 1%;}
#header #top > a img{}
#header #social{width:100%; text-align:center; }
#header #social img{width:40px; margin:10px 5px;}
#header #menu{width:100%; background:#fff; z-index: 255; position: absolute; right:0px; top:0px; width:50px; height:50px;}
#header #menu ul{float:none; position:absolute;left:-250px; top:50px; background:#fff;  width:300px; display:none;}
#header #menu .border{width: 100%;}
#header #menu .border img{width:44px; height:44px; margin:3px;}
#header #menu .border p{float: right; width: 9%; text-align: right; padding: 0 2% 0 0}
#header #menu ul li{width:100%; padding:2% 0; text-align:center;}
#header #menu ul#last{text-align:right;}
#header #menu ul#last li:last-of-type{margin-right:29.9%;}
#header #menu ul li a{color:#654f43; font-size:24px; text-transform:uppercase; }
#header #menu ul li:last-child a{color:#d4a383;}
#header #menu ul li:last-child a:hover{color:#d5d5d5;}
#header #menu ul li a:hover{color:#d4a383;}

#header #bot-menu{width:50px; height:50px; background:#FFF;position:absolute; right:55px; top:0px; z-index: 255;}
#header #bot-menu img{width:44px; height:44px; margin:3px;}
#header #bot-menu ul{width:300px; position:absolute; left:-195px; background:#FFF; top:50px; display:none;}
#header #bot-menu ul li{color:#654f43; cursor: pointer;font-size:24px; text-transform:uppercase; width:100%; padding:2% 0; text-align:center;}
#header #bot-menu ul li:hover{color:#d4a383;}

#front{width:100%;}
#front #category{width:100%;}
#front #category ul{}
#front #category ul li{color:#654f43; cursor: pointer; padding: 1% 2% 1% 0; display: inline-block; *display: inline; zoom: 1;  }
#front #category ul li:hover{color:#d4a383;}

#front .content{padding:2% 0 2% 0;}
#front .content > a{color:#000;}
#front .content .con-box{width:100%; overflow: hidden;}
#front .content .big-box{width:100%; margin: auto; position: relative; overflow: hidden;}
#front .content .big-box .box{ float: left; width: 100%; }
#front .content .big-box .box img{width:100%;}
#front .content .big-box .box video{width:100%;}
#front .content .big-box .box .text{border-bottom: solid 2px #d5d5d5; margin:10% 2% 10%; width:94%; padding: 2%;}
#front .content .big-box .box .text-jobb{border:none; border-right: solid 10px #d5d5d5 !important; text-align: right; margin-right: 10% !important;}
#front .content .big-box .box .text p{width:100%;}
#front .content .big-box .box .text-jobb{border:none; border-right: solid 10px #d5d5d5 !important; text-align: right; margin-right: 10% !important;}
#front .content .big-box .box .text  div.clearfix{text-align:right;margin:10px 0;}
#front .content .big-box .box .text  div.clearfix p{padding:5px 10px; width:auto; border:solid 1px #d5d5d5; display:inline-block;  }

#gallery{width:100%;}
#gallery #category{width:100%;}
#gallery #category ul{}
#gallery #category ul li{color:#654f43; cursor: pointer; padding: 1% 2% 1% 0; display: inline-block; *display: inline; zoom: 1;  }
#gallery #category ul li:hover{color:#d4a383;}

#gallery .content{padding:2% 0 2% 0;}
#gallery .content #front-page{width:100%; margin:1% auto 1%; overflow:hidden; text-align:center;}
#gallery .content #front-page img{width:100%;}
#gallery .content .con-box{	background:rgba(204,204,204,0.2); width:100%;}
#gallery .content .con-box-left{margin-right:0px;}
#gallery .content .con-box-right{margin-left:0px;}
#gallery .content .con-box img{ max-width:100%; max-height:100%; margin:auto auto;}

#studio{width:100%;}
#studio #con{position: relative; width: 100%; }
#studio .box{width:100%; margin: 2% auto 2%;}
#studio .box .k{width: 100%; float:left; }
#studio .box .k img{width: 100%;}
#studio .box .sz{width: 96%; float: left; padding:2% 0;}
#studio .box .sz .text{padding:2%; width: 96%; border-right: solid 10px #d5d5d5; text-align: right;}
#studio .box:first-child .sz .text{ border:none; text-align: left; border-left: solid 10px #d5d5d5;}
#studio #es{width:100%;}
#studio #es img{width:24%;}

#partner{width:100%;}
#partner ul{width:96%; padding:2%;margin:1% auto 1%;}
#partner ul li{padding:0.5% 0 0.5% 2%; }
#partner ul li:first-child{padding-left: 0px; color:#d4a383; font-size: 18px;  }
#partner ul li a{color:#000;}

#rolunk{width:100%; padding: 2% 0 2% 0;}
#rolunk .left{width:30%; float: left; margin:0 2% 2% 0;}
#rolunk .left img{width:100%;}
#rolunk .right{width:100%; padding:0% 1%; float:none;}

#gyik{width:96%;padding:0 2%;}
#gyik .box-border{margin: 2% auto 2%; width: 100%; }
#gyik .box-border p:first-child{color:#d4a383;}

#connect{width:100%; text-align: center;}
#connect .box{width: 46%; padding:2%;}
#connect h1{color:#d4a383;}
#connect .box{width:90%; padding: 5%; float: left;}
#connect .box table{width:100%;}
#connect .box input[type='text']{width:97%; padding:0.5% 1% 0.5% 1%; background:#d5d5d5; margin: 2% auto 2%; }
#connect .box textarea{width:96%; background: #d5d5d5; padding:0.5% 1% 0.5% 1%; height: 278px; resize: none;}
#connect .box  .g-recaptcha{margin:1% 10%; display:none;}
#connect .box input[type='submit']{ float: left;padding: 1% 5% 1% 5%; margin: 5% 0 0 2%; background:#d4a383; color:#fff;}
#connect .box iframe{width:100% !important; height: 350px;}
#connect .time{width:50%; text-align: center;margin: 5% auto 5%;}
#connect .time img{}
#connect .time p{color:#d4a383; font-size: 14px; font-weight: 700;}
#connect ::-webkit-input-placeholder {    color: #fff;}
#connect :-moz-placeholder { /* Firefox 18- */    color: #fff;  }
#connect ::-moz-placeholder {  /* Firefox 19+ */    color: #fff;  }
#connect :-ms-input-placeholder {      color: #fff;  }

#pay{width:100%; padding: 2% 0 2% 0;}
#pay .list{width:98%; padding: 0.5% 1% 0.5% 1%;}
#pay .list .akcio{background: #d4a383; margin: 2% auto 2%; color:#fff;}
#pay .list table{width:100%;}
#pay .list table tr td{width:33%;}
#pay .list table tr td:last-child{text-align: right;}
#pay .text{width:98%; padding:1% 1%;}
#pay h2{margin:1% auto 1%;}

#member{width:100%; padding: 2% 0 2% 0;}
#member #login{width:100%;}
#member #login input[type='text'],#member #login input[type='password']{width:20%; padding:0.5% 1% 0.5% 1%; background:#d5d5d5; margin: 1% auto 1%;}
#member #login input[type='submit']{cursor:pointer; padding: 0.5% 2.5% 0.5% 2.5%; margin: 0% 0 0 0%; background:#d4a383; color:#fff;}

#member #user{width:100%;}
#member #user .title{width: 95%; padding: 0.5% 1% 0.5% 1%; border-left: solid 10px #d5d5d5; margin:2% auto 2%;}
#member #al{width:100%;}
#member #al .albums{width:100%; margin: 2% auto 2%; cursor:pointer;  }
#member #al .albums .top{ height: 50px;  background: #d5d5d5; }
#member #al .albums .top .img{width:10%; float: left;}
#member #al .albums .top .img img{height: 50px;}
#member #al .albums .top > p{float: left; width:70%; padding: 2% 0 0 0;}
#member #al .albums .top .last-img{width: 3%; float: right; padding: 1%}
#member #al .albums .top .last-img img{cursor: pointer;}

#member #al .albums .photos{ height: 50px; }
#member #al .albums .photos .img{width:10%; float: left;}
#member #al .albums .photos .img img{height: 50px;}
#member #al .albums .photos > p{float: left; width:35%; padding: 2% 0 0 0;}
#member #al .albums .photos .last-box{width: 18%; float: right; padding: 1%}
#member #al .albums table{width:60%; float:right;}
#member #al .albums table tr td{width:33%; text-align:center;}
#member #al .albums input[type='submit']{float:right; color:#fff; padding:0.5% 3% 0.5% 3%; background:#d4a383; cursor:pointer;}
 
.checkbox{position:relative;}
.checkbox label {  display: inline-block;  cursor: pointer; border:solid 1px #d4a383;	width:10px;	height:20px;	padding-left:5px;padding-right:5px;} 
.checkbox input[type=checkbox] {      display: none;  }  
.checkbox input[type=checkbox]:checked + label:before {       content: "\2713";	color:#d4a383;    font-size: 14px;      text-align: center; }     



#cool{width:100%; background:#d5d5d5; padding:2% 0 2% 0;}
#cool .doboz{width:100%; margin:auto; text-align: center; padding: 20px 0 20px 0; border-top: solid 2px #654f43;  }
#cool .doboz:first-child{border:none;}
#cool .doboz p{color:#654f43; margin: 1% auto 1%;  }
#cool .doboz:last-child{width:100%;}
#cool .doboz:last-child table{width:100%; text-align: center; }
#cool .doboz:last-child table tr td input{width:92%; margin: auto; padding:0.5% 1% 0.5% 1%;}
#cool .doboz:last-child > input[type='text']{width:93.5%; padding:0.5% 1% 0.5% 1%; margin: 2% auto 2%;}
#cool .doboz:last-child > textarea{width:93.5%; height: 120px; resize: none; padding:0.5% 1% 0.5% 1%;}
#cool .doboz:last-child .g-recaptcha{margin:1% 10%;display:none;}
#cool .doboz:last-child > input[type='submit']{background: #fff; color:#000; padding: 2% 5% 2% 5%;}


/*Responsive
* A 'max-width' kell álítani az osztályokba a megadott felbontásokra.
*/
@media (max-width: 1366px) {

}
@media (max-width: 978px) {

}
@media (max-width: 748px) {

}
@media (max-width: 300px) {

}