@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'texgyrescholaregular';
    src: url('font/texgyreschola-regular-webfont.eot');
    src: url('font/texgyreschola-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/texgyreschola-regular-webfont.woff2') format('woff2'),
         url('font/texgyreschola-regular-webfont.woff') format('woff'),
         url('font/texgyreschola-regular-webfont.ttf') format('truetype'),
         url('font/texgyreschola-regular-webfont.svg#texgyrescholaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'century_schoolbook';
    src: url('font/century_schoolbook_t.-webfont.eot');
    src: url('font/century_schoolbook_t.-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/century_schoolbook_t.-webfont.woff2') format('woff2'),
         url('font/century_schoolbook_t.-webfont.woff') format('woff'),
         url('font/century_schoolbook_t.-webfont.ttf') format('truetype'),
         url('font/century_schoolbook_t.-webfont.svg#century_schoolbook_t.regular') format('svg');
    font-weight: normal;
    font-style: normal;

}
html,body{font-family: 'century_schoolbook';width:100%;height:100%;color:#ededed;}
.social{text-align:center;margin-top:30px;}
.social img{width:50px;transition:all 0.15s ease-in-out;}
.social img:hover{opacity:0.7;}
.logo{width:271px;}
.homeslider{width:565px !important;margin:0 auto;margin-top:-1px;}
.homeslideritem{}
.navigation{position:fixed;z-index:1;top:70px;right:85px;font-size:14px;}
.navigation li{color:#CCC;display:block;line-height:20px;margin-bottom:5px;font-weight:normal;
-webkit-transition: all .2s ease-in-out;text-align:right;}
span.active{cursor:pointer;background:url(../images/patternred.png) left top no-repeat;padding-left:25px;}
.navigation ul{height:0;overflow:hidden;}
.navigation ul{}
.navigation ul li:first-child{margin-top:10px;}
.navigation ul li:last-child{margin-bottom:10px;}
.navigation ul li{color:#999999;line-height:15px;}
.navigation span:hover{cursor:pointer;}
.slidewrapper{width:100%;height:100%;padding:50px;box-sizing:border-box;background:#fff;}
.slide{background-attachment: fixed;width:100%;height:100%;position: relative;overflow:hidden;background-repeat:none; background-position:center;}
.slide h4{text-align:center;font-size:28px;bottom:62px;position:absolute;width:100%;}
.slidetext{width:400px;line-height:24px;position:absolute;left:55%;top:15%;padding-bottom:40px;/*border-bottom:5px solid #A11A19;*/font-size:15px;}
.patternred{background:url(../images/patternred.png) bottom left repeat-x;}
.wrapper{width:960px;height:200px;margin:0 auto;position:relative;}
.slide span{line-height:47px;padding-bottom:16px;}
.button{display:block;width:50px;height:50px;margin:0 auto;margin-top:10px;
background-image:url(../images/arrow.png);}
.button:hover{background-color:#494949;cursor:pointer;}
.homeframe{width:840px;height:635px;background:url(../images/frame.png) no-repeat;margin:0 auto;background-size:contain;/*margin-top:85px;*/}

.clear{clear:both;}

.products{width:1200px !important;margin:0 auto;margin-top:100px;}
.products-block{width:380px;height:500px;}
.products-block h1{color:#333;margin-top:20px;}
.products-block .img-holder{width:100%;height:430px;border:1px solid #999;text-align:center;transition: opacity .25s ease-in-out;overflow:hidden;background:#fff;}
.products-block .img-holder:hover{opacity:0.5;cursor:pointer;}
.products-block .img-holder img{width:100%;}
.productinside .oneproduct{width:385px !important;}
.product-popup{width:100%;height:100%;overflow-y:scroll;position:fixed;background:#fff;left:100%;z-index:1001;border:1px solid #000;}
.x{width:26px;height:28px;background:url(../images/x.png) no-repeat;transition:opacity .25px ease-in-out;position:absolute;top:20px;left:20px;}

.x3{width:26px;height:28px;background:url(../images/x.png) no-repeat;transition:opacity .25px ease-in-out;position:absolute;top:20px;left:20px;}
.x:hover{cursor:pointer;opacity:0.5;}
.x2:hover{cursor:pointer;opacity:0.7;}
.x3:hover{cursor:pointer;opacity:0.7;}
.big-image{/*position:absolute;left:150px;width:40%;height:100%;*/display:none;margin:0 auto;text-align:center;margin-top:30px;}
/*.big-image:hover{cursor:zoom-in;}*/
.product-desc{/*position:absolute;top:350px;left:55%;*/padding-bottom:50px;text-align:center;margin-top:20px;color:#666;display:none;}
.box-loader{width:70px;height:70px;background:url(../images/boxloader.gif) no-repeat;margin:0 auto;margin-top:300px;display:none;}
.next{position:absolute;background:url(../images/next.png) no-repeat;width:25px;height:45px;transition:opacity .2s linear;}
.next:hover{opacity:0.5;cursor:pointer;}
.prev{position:absolute;background:url(../images/prev.png) no-repeat;width:25px;height:45px;transition:opacity .2s linear;}
.prev:hover{opacity:0.5;cursor:pointer;}
#mediacontainer{width:100%;text-align:center;line-height:25px;margin-bottom:20px;padding:0 100px;box-sizing:border-box;margin-top:25px;}
#mediacontainer .mix{
    display: none;
}
.mediaitem{overflow:hidden;float:left;width:300px;height:300px;background:#6A6A6A;transition:all 0.2s ease-in-out;text-align:center;line-height:300px;}
.mediaitem:hover{cursor:pointer;opacity:0.8;}
.mediaitem img{width:100%;}
.filterwrapper{margin:60px auto;width:375px;}
#media button{position:relative;float:left;margin-right:10px;}
#mediapopup{width:100%;height:100%;overflow-y:scroll;position:fixed;background:#fff;left:100%;z-index:1001;border:1px solid #000;}
.media-desc{color:#666;margin:0 auto;margin-top:50px;display:none;width:50%;}
.media-content{margin-top:50px;}
.videocontrol{width:25px;height:25px;position:absolute;right:40px;transition:all .25s ease-in;bottom:30px;}
.playicon{background:url(../images/play-icon.png) no-repeat;}
.pauseicon{background:url(../images/pause-icon.png) no-repeat;}
.videocontrol:hover{cursor:pointer;opacity:0.5;}

/***RESPONSIVE NAVIGATION***/
#responsivemenu{display:none;}
#menuhandle{/*line-height:55px;word-spacing:-12px;text-align:center;width:45px;height:55px;color:#fff;border-radius:5px;background:#000;-ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);opacity:0.9;transition:all 0.2s linear;position:fixed;right:20px;top:10px;z-index:998;*/
height:45px;width:45px;border-radius:5px;overflow:hidden;background-color:#000;position:fixed;right:20px;top:10px;z-index:998;background-image:url(../images/menuhandle.png);background-repeat:no-repeat;background-size:cover;background-position:center;}
#menuhandle:hover{opacity:0.7;cursor:pointer;}
#responsivenav{background:rgba(0,0,0,0.9);line-height:30px;color:#ededed;transition:all 0.5s ease-in-out;padding:50px;border-radius:5px 0 0 5px;font-size:13px;position:fixed;right:0px;top:75px;z-index:998;right:-280px;}
#responsivenav ul{overflow:visible;height:auto;}
#responsivenav ul li:hover{cursor:pointer;}
#responsivenav ul ul li{margin-left:10px;}
/***RESPONSIVE NAVIGATION***/

#slide0{background-image:url(../images/bg0.jpg);-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
#slide1{background-image:url(../images/bg.jpg);-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}

#slide2{background-image:url(../images/bg2.jpg);-webkit-background-size: cover;-moz-background-size: cover;
-o-background-size: cover;background-size: cover;}
#slide2 .philosophy{width:650px;position:absolute;right:150px;margin-top:100px;}
#slide2 .philosophy .block{float:left;width:45%;font-size:13px;}
#slide2 .philosophy h1{font-size:34px;margin-bottom:45px;}

.productinside{background:rgba(0,0,0,1);width:100%;height:100%;position:absolute;}

#slide3{background-image:url(../images/bg3.jpg);-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}

#slide4{background-image:url(../images/bg4.jpg);-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}

#slide5{background-image:url(../images/bg4.jpg);-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;display:inline-block;}

#slide6{background-image:url(../images/bg6.jpg);-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}

#slide7{background-image:url(../images/bg6.jpg);-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;display:inline-block;}

#slide8{background-image:url(../images/bg7.jpg);-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}

#slide9{background-image:url(../images/bg7.jpg);-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;display:inline-block;}

#slide10{background-image:url(../images/bg8.jpg);-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}

#slide11{background-image:url(../images/bg8.jpg);-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;display:inline-block;}


#slide12{background-image:url(../images/bg9.jpg);-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}

#slide13{background-image:url(../images/bg9.jpg);-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;display:inline-block;}

#slide14{background-image:url(../images/bg10.jpg);-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}

#slide15{background-image:url(../images/bg11.jpg);-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;display:inline-block;}
#slide15 h1{font-size:24px;margin-left:70px;margin-top:30px;margin-bottom:30px;}
#slide15 input{padding-left:10px;box-sizing:border-box;width:100%;height:42px;background:#fff;border:none;margin-bottom:20px;font-size:11px;padding-left:20px;}
#slide15 p{color:#FFF;font-size:13px;line-height:25px;margin-top:20px;}
#slide15 textarea{display:block;height:250px;background:#fff;max-width:100%;max-height:250px;min-width:100%;border:none;padding-top:10px;padding-left:10px;box-sizing:border-box;font-size:11px;padding-left:20px;}
#contact-send{width:60px;height:25px;line-height:25px;color:#fff;font-weight:bold;font-size:13px;text-align:center;transition:opacity .25s ease;margin-top:20px;margin-left:4px;margin-bottom:20px;}

#contactloader{position:absolute;top:460px;left:80px;display:none;}
#contactmessage{color:inherit;display:none;}
#contact-send:hover{cursor:pointer;}
#watch{padding:0 16px;display:inline-block;height:25px;line-height:27px;color:#fff;font-weight:bold;font-size:15px;text-align:center;transition:opacity .25s ease;margin-top:25px;width:150px;}
#watch:hover{cursor:pointer;}
.addressblock{float:left;margin:0 0px;}

video { 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
	-ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  background-size: cover;
  transition: 1s opacity;
}
.stopfade { 
   opacity: .5;
}

button { 
  display: block;
  padding: .4rem;
  border: none; 
  margin: 1rem auto; 
  font-size: 13px;
  background: rgba(0,0,0,0.7);
  color: #fff;
  border-radius: 3px; 
  cursor: pointer;
  transition: .3s background;
  position:absolute;
  bottom:0;
  left:50px;
}
button:hover { 
   background: rgba(255,255,255,0.4);
}

.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin:0 !important;
	padding:0 !important;
	font-size: 12px;
	-webkit-border-radius:0 !important;
	-moz-border-radius:0 !important;
	border-radius:0 !important;
	filter: Alpha(Opacity=50) !important;/*IE7 fix*/
	opacity: 0.2 !important;
}

 
.owl-theme .owl-controls .owl-buttons div {
  position: absolute;
}
 
.owl-theme .owl-controls .owl-buttons .owl-prev{
  left: -45px;
  top: 180px; 
  background:url(../images/prev.png) no-repeat;
  width:25px;
  height:45px;
}
 
.owl-theme .owl-controls .owl-buttons .owl-next{
  right: -45px;
  top: 180px;
   background:url(../images/next.png) no-repeat;
  width:25px;
  height:45px;
}
#homewrapper .owl-theme .owl-controls .owl-buttons .owl-prev{top:206px;background-size:contain;width:17px;height:30px;left:-38px;}
#homewrapper .owl-theme .owl-controls .owl-buttons .owl-next{top:206px;background-size:contain;width:17px;height:30px;right:-38px;}


#bvideo{position:fixed;left:100%;top:0;background-color:#000000;width:100%;height:100%;z-index:1000;}
#bvideo .vimeovideo{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1001;}
.x2{z-index:1002;height:28px;position:absolute;transition:all .25s ease-in-out;absolute;top:13px;right:57px;line-height:28px;padding:0 5px;}
@media screen and (max-width:700px)
{
	#slide12{background-position:-650px;}
}
@media screen and (max-width:520px)
{
	.logo{width:60%;display:block;margin:80px auto !important;}
	.slide{background-attachment:scroll;}
	#slide2{background-position:left center;background-size:auto;}
	#slide6{background-position:-120px;}
	#slide8{background-position:-8px;}
	#slide12{background-color:#000000;background-repeat:no-repeat;background-size:cover;background-image:url(../images/bg9mobile.jpg);background-position:-150px;}
	#watch{font-size:13px;}
	#slide15 h1{margin-left:0;text-align:center;}
	
}
@media screen and (max-width:425px){
	#slide12{background-position:-255px;}
}
@media screen and (max-width:400px){
	#slide12{background-position:-275px;}
}
@media screen and (max-width:370px){
	#slide12{background-position:-308px;}
}
@media screen and (max-width:333px){
	#slide12{background-position:-345px;}
}

@media screen and (max-width:300px){
	#slide12{background-position:-340px;}
}

@media screen and (max-width:270px){
	#slide12{background-position:-400px;}
}
@media screen and (max-width:320px) and (max-height:480px){
	#slide12{background-position:-240px;}
}

@media screen and (width:320px) and (height:568px){
	#slide12{background-position:-260px;}
}
@media screen and (max-width:325px)
{
	#slide12{background-image:url(../images/bgiphone.jpg) !important;background-position:center !important;}
}
@media screen and (max-width:1000px)
{
	.navigation{display:none;}
	#responsivemenu{display:block;}
	.big-image{width:80%;}
	.product-desc{}
}

@media screen and (max-width:1885px)
{
	.slidetext{left:auto;right:15%;top:9%;}
}

@media screen and (max-height:917px)
{
	#slide2 .philosophy{margin-top:60px;}
}

@media screen and (max-width:1260px)
{
	.slidetext{left:auto;right:20%;top:9%;}
}

@media screen and (max-width:1720px)
{
	.products{width:780px !important;}
}

@media screen and (max-width:1300px)
{
	.products{width:385px !important;}
}

@media screen and (max-width:730px) , screen and (max-height:600px)
{
	.slidetext{position:static;width:auto;font-size:19px;}
	#slide1{padding:40px;box-sizing:border-box;}
	#about1{height:auto;}
}

@media screen and (max-width:1000px)
{
	#slide2 .philosophy{position:static;margin-left:50px;width:auto;margin-left:0;}
	#slide2{padding:40px;box-sizing:border-box;}
	#ourphilosophy{height:auto;}	
}

@media screen and (max-width:530px)
{
	.philosophy .block{float:none !important;margin:0 auto;margin-bottom:20px;}
	.philosophy h1{text-align:center;}
	#slide2 .philosophy .block{width:100%;font-size:15px;}
}
@media screen and (max-height:660px)
{
	#slide2 .philosophy{position:static;margin-left:50px;width:auto;margin-left:0;}
	#slide2{padding:40px;box-sizing:border-box;}
	#ourphilosophy{height:auto;}
	.philosophy .block{float:none !important;margin:0 auto;margin-bottom:20px;}
	.philosophy h1{text-align:center;}
	#watch{margin:0 auto;width:130px;display:block;}
}

@media screen and (max-width:570px)
{
	.products{width:200px !important;}
	.products-block{width:198px;height:auto;padding-bottom:20px;}
	.products-block .img-holder{height:224px !important;}
	.productinside .owl-carousel{width:200px !important;}
	.productinside .products{width:200px !important;}
	.owl-theme .owl-controls .owl-buttons .owl-prev, .owl-theme .owl-controls .owl-buttons .owl-next{top:95px;}
}
@media screen and (max-height:660px), screen and (max-width:570px)
{
	.productswrapper{height:auto;}
	.productinside{position:static;overflow:hidden;padding-top:1px;}
	.products{margin-top:50px;}
}

@media screen and (max-width:1080px)
{
	.fieldsblock{margin-left:5% !important;width:400px !important;}
	.mapblock{margin-right:5% !important;width:400px !important;}
}
@media screen and (max-height:650px)
{
	#homewrapper{height:auto;}
	#slide0{padding-bottom:280px;}
	
}
@media screen and (max-height:695px)
{
	#watch{margin-top:15px !important;}
}

@media screen and (max-width:400px)
{
	.homeframe{margin-top:50px !important;}
	.logo{margin-top:80px !important;}
}

@media screen and (max-width:935px)
{
	.homeframe{width:800px;}
}
@media screen and (max-width:800px)
{
	.homeframe{width:659px;}
}
@media screen and (max-height:820px)
{
	.homeframe{height:500px;width:660px;}
}

@media screen and (max-height:690px)
{
	.homeframe{height:450px;width:593px;}
}
@media screen and (max-height:895px)
{
	#media{height:100% !important;}
	#slide14{padding:0 !important;}
}
@media screen and (max-width:665px)
{
	
	.homeframe{height:280px;width:345px;margin-top:100px;}
	.homeslider{width:344px !important;margin-top:0px;}
	.homeslideritem img{width:344px;}
	#homewrapper .owl-theme .owl-controls .owl-buttons .owl-prev{top:119px;}
#homewrapper .owl-theme .owl-controls .owl-buttons .owl-next{top:119px;}
}


@media screen and (max-width:450px)
{
	
	.homeframe{height:190px;width:250px;margin-top:130px;}
	.homeslider{width:250px !important;margin-top:0px;}
	.homeslideritem img{width:250px;}
	#homewrapper .owl-theme .owl-controls .owl-buttons .owl-prev{top:80px;}
#homewrapper .owl-theme .owl-controls .owl-buttons .owl-next{top:80px;}
}
@media screen and (max-width:980px)
{
	.fieldsblock{margin-left:5% !important;width:30% !important;}
	.mapblock{margin-right:5% !important;width:400px !important;}
}

@media screen and (max-width:770px)
{
	#getintouch{height:auto;}
	#slide15{padding-bottom:10px;}
	.fieldsblock{float:none !important;width:90% !important;}
	.mapblock{float:none !important;width:90% !important;margin-left:5%;}
}

@media screen and (max-height:740px)
{
	#getintouch{height:auto;}
	#slide15{padding-bottom:10px;}
}

@media screen and (max-width:530px)
{
	#mediacontainer{padding:0;}
	.addressblock{float:none;margin-left:0 !important;}
}
@media screen and (max-width:415px)
{
	.filterwrapper{width:auto;margin-left:10px;}
	#media button{position:static !important;}
}
@media screen and (max-width:900px)
{
	.slidewrapper{padding:0 0 5px 0;}
}

@media screen and (max-width:700px)
{
	#insideevent{width:100% !important;}
	#insideevent img{width:100% !important;}
	#insideevent .owl-buttons{display:none;}
}
@media screen and (max-width:1300px)
{
	.navigation{font-size:11px;}
}

@media screen and (max-width:807px)
{
	#media{height:100% !important;}	
}

@media screen and (max-width:815px)
{
		.big-image img{width:100%;}
}

@media screen and (max-height:790px), screen and (max-width:330px)
{
	#media{height:auto !important;}
}