@import url(http://fonts.googleapis.com/css?family=Lora:400,700italic,700,400italic);  /*font-family: 'Lora', serif;*/

/*-------------------RESET-------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, hr small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
p { padding-bottom:15px;}
ol, ul {
	list-style: none;
}
del {
	text-decoration: line-through;
}
img {
	border: 0 none; max-width:100%;
}
a {
	text-decoration: none;
	color: #ef5411;
	outline:0 none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
}
hr {
	display: block;
	height: 1px;
	border-top: 1px solid #ccc;
	margin: 1em 0;
}
input, select {
	vertical-align: middle;
	outline:0 none;
}
input:focus, select:focus, textarea:focus {
	outline:0 none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section,div {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
}
/*-------------------TYPOGRAPHY-------------------*/
body, select, input, textarea { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }

/*-----------------ANIMATION-------------------*/
html {
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}
{
	transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
}
.ease{
	transition:all ease .4s ;
	-moz-transition:all ease .4s ;
	-webkit-transition:all ease .4s ;
	-o-transition:all ease .4ms ;
}

/*-----------------ROUND-------------------*/

input[type=submit],
input[type=button] {-webkit-user-select:none; cursor:pointer;}

body			{
	font-family: 'Lora', serif;
	font-size:14px; line-height:20px;
	-moz-font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	overflow-y:scroll;
	color:#160e0e;
	background:url(../images/bg.jpg) no-repeat center top #361804;
}
/*--------------------CLEARFIX-------------------*/
.clearfix:after,
section:after,
aside:after,
article:after,
footer:after,
header:after,
div:after,
ul:after {
	content: "";
	display: table;
	clear: both;
}
.clearfix:before,
section:before,
aside:before,
article:before,
footer:before,
header:before,
div:before,
ul:before {
	content: "";
	display: table;
}

.clearfix,
section,
aside,
article,
footer,
header,
div,
ul 
 {
	zoom: 1;
}
.clear {
	clear:both;
	height:0;
}
/******************************/
@font-face {
    font-family: 'PTSansRegular';
    src: url('../fonts/pts55f.eot');
    src: url('../fonts/pts55f.eot') format('embedded-opentype'),
         url('../fonts/pts55f.woff') format('woff'),
         url('../fonts/pts55f.ttf') format('truetype'),
         url('../fonts/pts55f.svg#PTSansRegular') format('svg');
}
@font-face {
    font-family: 'PTSansBold';
    src: url('../fonts/pts75f.eot');
    src: url('../fonts/pts75f.eot') format('embedded-opentype'),
         url('../fonts/pts75f.woff') format('woff'),
         url('../fonts/pts75f.ttf') format('truetype'),
         url('../fonts/pts75f.svg#PTSansBold') format('svg');
}
@font-face {
    font-family: 'Borea';
    src: url('../fonts/Borea.eot');
    src: url('../fonts/Borea.eot') format('embedded-opentype'),
         url('../fonts/Borea.woff2') format('woff2'),
         url('../fonts/Borea.woff') format('woff'),
         url('../fonts/Borea.ttf') format('truetype'),
         url('../fonts/Borea.svg#Borea') format('svg');
}

.radius,
.adds img{
	behavior:url(PIE/PIE.htc);
	position:relative;
}
.frame   { width:100%; max-width:916px; margin:0 auto;}

header         			 { height:139px; max-width:1171px; margin:0 auto; width:100%;}
header .logo   			 { width:26%; padding:24px 0 0 56px; float:left}
header .navigation       { float:right; width:74%; padding:20px 0 0 50px}


.main-frame      { background:url(../images/content-bg.png) no-repeat center top; height:661px; max-width:1162px; 
                   width:100%; margin:0 auto; padding:88px 75px 43px 115px}
.page-hed        { font-family: 'Borea'; font-size:38px; line-height:32px; padding-bottom:20px; color:# font-family: 'Borea';}

#home                  { position:relative; padding:0 313px 0 0px; text-align:justify; height:545px }
#home .content_home    { padding:26px 144px 5px 54px} 

.gallaery        { position:relative; left:-25px}
.gallaery ul li  { float:left; width:200px; height:108px; position:relative; margin:0 10px; 
                          background:url(../images/bg-frame.png) no-repeat; padding:38px 47px;}
.gallaery ul li .gallery-btn	{ position:absolute; left:0; bottom:-14px}					  
.gallaery ul li .play     	{ position:absolute; left:120px;bottom:46px}					  
						  
#home .groop        { position:absolute; right:-40px; bottom:-27px; text-align:center}

footer          { max-width:1013px; margin:-51px auto 0; width:100%; height:151px; position:relative; z-index:10; 
                  background:url(../images/footer-bg.png) no-repeat center top; padding:30px 0 0 300px; color:#160e0e;}

footer .ph        { display:block; width:325px; float:left; font-size:13px; line-height:15px }     

ul.social        { float:right; padding:16px 0px 12px;}
ul.social li     { float:left; padding:0 2px}	

.inner           { position:relative; padding:30px 20px 0 20px;  }
.inner .left     { width:50%; float:left;}
.inner .right    { width:50%; float:right; }
.inner .right address    { padding:50px 0 0 50px}

.content         { margin:0 ; width:98%; height:435px;  overflow:auto; }

.contact-form           {ffefd6}
.contact-form .field    { background:#ffefd6; border:1px solid #986f36; padding:4px; width:80%; height:25px;}
.contact-form .t-area   { background:#ffefd6; border:1px solid #986f36; padding:4px; width:100%; height:100px; resize:none}
.contact-form label     { display:block; padding:0 0 3px 5px}
.button                 { border:0; background:#533515; padding:10px 20px; color:#ffefd6}

.sub-hed           { border-bottom:1px solid #b99c6a; color:#070503; font:18px Arial, Helvetica, sans-serif; 
                     padding:10px 0 8px 5px; margin-bottom:20px}

ul.listing         { float:left; width:40%;}
ul.listing li      { background:url(../images/list-icon.png) no-repeat 0 4px; padding:0 0 5px 20px; font-weight:bold;}


#production h4     { font-size:16px; padding:10px 0 5px; color:#c93647;}

table.table-events           { border-right:1px solid #3d260e; font-family:Arial, Helvetica, sans-serif}
table.table-events tr th     { background:#3d260e; border:1px solid #3d260e; color:#ffffff; padding:8px;
                               border-bottom:1px solid #3d260e;border-left:1px solid #3d260e; text-align:left;}
table.table-events tr td     { border-bottom:1px solid #3d260e;border-left:1px solid #3d260e; padding:5px 8px}


.portfolio                    { position:relative; }
.portfolio ul li              { float:left; width:293px; height:226px; position:relative; margin:0 10px; }
.portfolio ul li figure       { height:186px;background:url(../images/bg-frame.png) no-repeat; padding:26px;}
.portfolio ul li figcaption   { padding:10px 0 0 20px; font-size:15px;font-family: 'Borea';}
.portfolio ul a               { color:#000}

ul.gallery                {}
ul.gallery li             { float:left; width:228px;  margin:10px;position:relative}
ul.gallery li .title      { position:absolute; left:0; bottom:20px; background:#f1e2ce; display:inline-block; padding:4px 10px; color:#1b1d1a}
ul.gallery li  .title a   { color:#1b1d1a}
ul.gallery li img         { border-radius:6px; border:3px solid #633}

ul.gallery2                {}
ul.gallery2 li             { float:left; width:228px; min-height:170px;  margin:10px;position:relative}
ul.gallery2 li .title      { position:absolute; left:0; bottom:20px; background:#f1e2ce; display:inline-block; padding:4px 10px; color:#1b1d1a}
ul.gallery2 li  .title a   { color:#1b1d1a}
ul.gallery2 li img         { border-radius:6px; border:3px solid #633}


.video         { margin:0 30px;}
	  
/*----------------------------------*/
/* MEDIA QUERIES */
@media screen and (max-width: 1280px){
}

@media screen and (max-width:1024px) { 
}

@media screen and (max-width:980px) {
	.main-frame      { background:url(../images/bg-mobile.jpg) repeat-y center top; height:auto; max-width:1162px; margin:0 10px; 
	                   box-shadow:inset 4px 13px 100px #3e2c10; padding:21px; width:auto}
	body            { background:url(../images/bg-mobile.jpg) repeat-y center top; height:auto; box-shadow:inset 4px 13px 100px #3e2c10}
	header          { height:auto;}
	header .logo,
	header .navigation    {  width: 100%;padding: 24px 0 ;float: none; text-align:center}
	#home           { height:auto; padding:0}
	#home .groop    { position:static}
	.gallaery { left:auto;}
	footer          { margin: 0 auto;height:auto;position: relative;z-index: 10;background:none; padding: 20px;}
   ul.social        { float:none;padding: 16px 0px 12px; text-align:center}
   ul.social li     { float:none;display:inline}
   #home .content_home { padding: 26px ;}
   
}
@media screen and (max-width:800px) {

}
@media screen and (max-width:768px) { 
}
@media screen and (max-width:640px) { 
.gallaery ul          { text-align:center;}
.gallaery ul li       { float:none; display:inline-block;}
.inner .left     { width:100%; float:none;}
.inner .right    { width:100%; float:none; }
.page-hed        { font-size: 23px;}

}

@media screen and (max-width:480px) {
}

@media screen and (max-width:360px) {

}
@media screen and (max-width:320px) { 
}