@font-face{font-family:CourierBold;src:url(font/courier.otf);font-weight:700}
@font-face{font-family:Courier;src:url(font/courier.ttf)}
*{padding:0;margin:0}
html{min-width:100%;width:100%}
a{color:#231f20;text-decoration:none}
body{position:absolute;width:100%;min-width:100%;height:100%;font-family:"Courier",Arial,Helvetica,sans-serif;color:#231f20;background-color:#ccc;background-image:url(../img/background-image.jpg);background-repeat:repeat-y;background-size:100% auto}
.bodyAll{max-width:1280px;margin:0 auto;width:100%;position:relative;min-height:100%}
.headerSection{position:relative;width:100%;height:200px}
.headerTop div{float:left}
.logo{margin:30px 0 0 25px;width:400px}
.headerBottom{position:absolute;bottom:-15px;left:0;width:100%;height:20px;opacity:.85}
.sectionVid{width:100%;margin:10px auto;overflow:hidden;height:80%;position:relative}
.DescName{text-transform:uppercase}
.sectionAbt{width:90%;margin:5% auto 15%;overflow:hidden;display:none}
.AbtLeft{float:left;width:45%;padding:20px 25px;font-family:"Courier";position:relative}
.whiteborder{position:absolute;background-color:#fff;width:100%;height:100%;top:0;left:0;z-index:0;opacity:.8}
.AbtRight{float:left;width:45%;margin-left:50px;font-family:"Courier";padding-top:20px}
.sectionClients{width:90%;margin:40px auto;overflow:hidden}
.sectionClients h1{text-align:center;font-size:40px;margin-bottom:5%;font-family:"CourierBold"}
.bodySection{overflow:hidden;margin-top:40px}
.fancybox-caption-wrap{text-align:center}
.clientBox{width:calc(25% - 40px);height:250px;padding:10px;float:left;overflow:hidden;margin-right:20px;margin-bottom:20px;position:relative}
.bCont{position:relative}
.clientBoxes{overflow:hidden;margin-top:20px}
.albumBoxes{overflow:hidden;margin-top:20px;cursor:pointer}
.albumBox{width:calc(25% - 40px);height:auto;padding:10px;float:left;overflow:hidden;margin-right:20px;margin-bottom:20px;position:relative}
.albumName{text-align:center;font-size:18px;margin-top:20px;opacity:.8}
.clientImage{width:80%;margin:10px auto}
#sectionVid{position:relative}
#player{position:absolute;top:45px;left:0;width:100%;height:96%}
.clientName{text-align:center;font-family:"CourierBold";font-size:18px;margin-top:20px;font-weight:700}
.capRight span{font-family:"CourierBold";font-weight:700}
.AbtDesc{margin-top:10px;position:relative}
.cntLeft,.cntCenter,.cntRight{width:25%;float:left}
.cntCenter{width:48%;text-align:center;margin-bottom:20px}
.cntText{margin-top:30px;width:95%}
.cntTextbox{width:100%;opacity:.5;height:40px;font-family:"Courier";border:0}
.cntLbl{font-size:15pt;font-family:"CourierBold";font-weight:700}
.cntRequired{font-family:"Courier";font-size:12px;font-weight:400}
.cntInput{margin-top:20px}
.cntTextarea{resize:none;width:100%;opacity:.5;height:100px;padding:15px;border:0}
.cntLocation{background-image:url(../img/location_border.png);height:100px;padding:15px;background-repeat:no-repeat;padding-bottom:0;margin-top:75px;width:275px}
.cntRight> :first-child{margin-top:230px}
.logosocial{width:23px;margin-left:4px}
.menu{width:60%}
.social{margin-top:90px;float: none !important;position: absolute;right: 0;}
.locTitle{font-family:"CourierBold";font-weight:700;text-align:center;margin-bottom:10px}
.locDesc{font-size:13px}
.headerSection,.bodySection,.footerSection{clear:both}
.sectionAlbums{width:90%;margin:0 auto;overflow:hidden}
.blkWindow{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#A9A9A9;opacity:.8;display:none}
.close{font-size:30px;width:30px;height:40px;position:absolute;right:30px;top:10px;text-align:center;cursor:pointer}
.blkContent{clear:both;margin:80px 30px;border:1px solid red;width:calc(100% - 60px)}
.albm{display:none}
.stopVid{text-align:center;width:100%;display:block;font-size:18px;margin-bottom:15px}
.motionItem .playBtn img{width:70px!important}
.motionItem .playBtn{top:30%;left:45%}
.cap img{width:44px!important}
.playBtn{position:absolute;top:40%;left:40%}
.menuCont{margin:0 auto;width:300px;height:300px;position:absolute;transition-timing:ease-in-out;transition:all 1s;left:calc(50% - 150px);top:-190px;transform:rotate(60deg)}
.AbtImage{position:relative}
.circle{height:300px;transition:all 3s;width:300px;position:absolute;background-image:url(../img/white-circle.png);background-repeat:no-repeat}
.AbtCont{padding-right:20px}
.mItem{position:absolute;text-transform:uppercase;cursor:pointer;text-align:center;z-index:999}
.motionItem{padding:20px;min-height:285px;overflow:hidden;position:relative;margin-bottom:20px}
.cap{float:left}
.capRight{width:80%}
.capLeft{width:20%}
.motionCaption{overflow:hidden;min-height:115px;margin-top:20px}
.morecontent span{display:none}
.morelink{display:block;float:right;color:blue;text-decoration:underline}
.more span{font-family:"Courier"}
.bars{height:7px;border-top:3px solid #fff;width:30px}
.menuBars{display:none;position:absolute;right:15px;top:10px;cursor:pointer}
.menuResp{float:none;float:none;overflow:hidden;width:85%;margin:0 auto;position:absolute;left:3%;top:-15px;border:2px solid #fff;border-top:0;background-color:#ccc}
.menuResp div{padding:20px;border-top:1px solid #fff}
.menuResp{display:none}
.abtRightResp{display:none}
.fancybox-image{width:92%!important;height:92%!important;left:2%!important}
input.submitBtn{padding:10px 15px;margin-top:20px;border-radius:10px;     font-family: "CourierBold";
    text-transform: uppercase;
    font-size: 14pt;
}}
.motionItem img{width:85%!important;margin:0 auto}
@media only screen and (max-width: 1100px) {
.cntLeft{width:15%}
.cntCenter{width:55%}
.leftArrow img,.rightArrow img{width:70%}
.leftArrow,.rightArrow{top:55%!important}
}
@media only screen and (max-width: 1050px) {
.social{margin-top:0!important}
}
@media only screen and (min-width: 1300px) and (max-width: 1900px) {
.sectionVid{height:112%}
}
@media only screen and (min-width: 1100px) and (max-width: 1300px) {
#player{top:-48px;height:113%}
.sectionVid{height:86%}
}
@media only screen and (max-width: 700px) {
.sectionVid{height:57%}
}
@media only screen and (max-width: 630px) {
.sectionVid{height:50%}
}
@media only screen and (max-width: 500px) {
.sectionVid{height:45%}
}
@media only screen and (max-width: 445px) {
.sectionVid{height:45%}
}
@media only screen and (max-width: 400px) {
.sectionVid{height:38%}
}
@media only screen and (max-width: 350px) {
.sectionVid{height:33%}
}
@media only screen and (max-width: 850px) {
	.bodySection{margin-top:15px;}
.sectionVid{height:62%}
#player{top:45px;height:100%}
.menu{display:none}
.abtRightResp{display:block}
.abtRight1{display:none}
.playBtn img{width:70px!important}
.menuBars{display:inline-block}
.sectionAbt{margin:0 auto;margin-bottom:30px}
.headerBottom{bottom:0}
.social{margin:20px auto;overflow:hidden;position:absolute;left: calc(50% + -35px);}
.logo{margin:10px auto;width:40%}
.social div{float:left!important}
.cntLeft{display:none}
.headerTop div{float:none}
.cntCenter,.cntRight{float:none!important;margin:15px auto;width:80%}
.cntLocation{margin:0!important;float:left}
.clientBox{background-color:#fff;width:calc(50% - 40px)}
.AbtLeft{float:none;width:calc(100% - 50px)}
.AbtRight{margin-left:0;margin-top:20px;width:100%}
.albumBox{width:calc(50% - 40px)}
}
@media only screen and (max-width: 500px) {
.albumBox{width:calc(100% - 40px);float:none;margin:0 auto;margin-bottom:20px}
}
@media only screen and (min-width: 1100px) {
.logo img{width:70%}
}
@media only screen and (max-width: 850px) {
.logo img{width:100%}
}
@media only screen and (max-width: 1000px) {
.capLeft img{width:85%!important}
}
@media only screen and (max-width: 1100px) and (min-width: 850px) {
.logo img{width:50%}
}
@media only screen and (max-width: 1200px) {
.menuCont{left:calc(50% - 155px)}
}
@media only screen and (max-width: 400px) {
.clientBox{background-color:#fff;width:100%;height:auto;padding:0}
}
#container{width:216px;width:390px;height:216px;height:390px;position:absolute;left:50%;left:calc(50% - 195px);top:-250px}
#main-circle{width:120px;width:390px;height:119px;height:389px;border-radius:108px;border-radius:50%;border:3px solid rgba(255,255,255,1);position:absolute}
#shadow-circle{width:216px;width:398px;height:216px;height:397px;border-radius:108px;border-radius:50%;box-shadow:inset 0 -2px 2px 0 rgba(0,0,0,0.2);position:absolute;top:0;left:0}
#labels{position:absolute;width:215px;width:398px;height:215px;height:398px;transition:all 600ms ease-in-out}
.item{position:absolute;display:block;margin:0;padding:0;opacity:0;transform-origin:50% 424%}
label{position:absolute;display:block;width:23px;height:23px;left:97px;left:190px;top:13px;top:-34px;transform-origin:50% 407%;transform-origin:50% 232px;cursor:pointer}
label[for=motion]{background-color:red;transform:rotateZ(55deg)}
label[for=about]{background-color:#FC3;transform:rotateZ(0deg)}
label[for=stills]{background-color:#03C;transform:rotateZ(-28deg)}
label[for=contact]{background-color:#0C0;transform:rotateZ(-60deg)}
#arrow{width:14px;height:14px;border-radius:50%;background:#000;position:absolute;top:50px;left:100px}
#arrow:after{content:"";width:0;height:0;border:6px solid transparent;border-bottom:8px solid #000;position:absolute;left:1px;top:-11px}
.item#bubble:checked~#labels{transform:rotateZ(0deg)}
.item#cloud:checked~#labels{transform:rotateZ(90deg)}
.item#cog:checked~#labels{transform:rotateZ(-90deg)}
.item#heart:checked~#labels{transform:rotateZ(180deg)}
#submenus{perspective:600px;margin-top:150px;margin-top:112%;width:100%}
.tooltip{min-width:90%;height:31px;line-height:34px;padding:0 10px;position:absolute;top:-45px;top:0;left:24px;left:0;right:0;text-align:center;transition:all 600ms ease-in-out;transform:rotateZ(45deg) rotateY(90deg);transform-origin:50% 490%;opacity:0}
.tooltip a{color:#000;text-decoration:none;margin:0 8px;opacity:.9}
.tooltip a:hover{text-decoration:underline}
.item#bubble:checked~#submenus #sub-bubble{transform:rotateZ(0deg);opacity:1}
.item#cloud:checked~#submenus #sub-cloud{transform:rotateZ(0deg);opacity:1}
.item#cog:checked~#submenus #sub-cog{transform:rotateZ(0deg);opacity:1}
.item#heart:checked~#submenus #sub-heart{transform:rotateZ(0deg);opacity:1}
.rightArrow{position:absolute;top:40%;left:60%;cursor:pointer}
.leftArrow{position:absolute;left:25%;top:40%;cursor:pointer}

.owl-carousel .owl-item .owl-lazy { max-width: 595px; max-height: 309px;}


@media only screen and (min-width: 0px) {
	.owl-carousel .owl-stage-outer{padding-top:70px;}
.owl-theme .owl-nav{position:absolute; top:-10px; width:100%;}
.owl-theme .owl-dots{position:absolute; top:40px; width:100%;}
}