html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;font:inherit}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main{display:block}
body{line-height:1}
ol, ul{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none}
html, body{padding:0;margin:0}
body{font-size:16px;font-style:normal;font-weight:normal;font-family:"Gotham-Book", Arial, Helvetica, sans-serif;color:#363636;position:relative;-webkit-text-size-adjust:none}
body *{text-shadow:none}
body{background:url(../img/background-photo-big.jpg) no-repeat top center fixed;background-color:#fff}
#work-items{height:auto;width:auto}
.wrapper{margin: 0 auto;padding: 0;width:1920px}
.up p#back-top a{background:url(../img/up.png) no-repeat;width:44px;height:44px;position:fixed;bottom:20px;left:24px;margin:0;display:block;z-index:5}
.footer_up{box-sizing:border-box;width: 100%;position:fixed}
.footer_up{bottom:0}		
.wr2{margin:0 auto;padding:100px 5px;width:800px}
.wr3{margin:0 auto;padding:50px 5px;width:800px}
.wr4{margin:0 auto;padding:10px 5px;width:800px;text-align:center}
.item_block{width:98%;padding:3px 0 7px 0;margin:0 1%;height:auto;float:left}
.item{padding:0;margin:0;float:left;width:12.5%}
.item img{width:100%;height:auto;padding:0;margin:0}
.bl{float:right;margin:0;padding:0;width:100%}
.bl p{color:#231f20;font-family:"Gotham-Book",Arial,Helvetica,sans-serif;font-size:20px;font-style:normal;font-weight:normal;line-height:1.2;font-style:normal;font-weight:normal;padding:0 10px 12px;text-align:justify}
.b2{float:right;margin:0;padding:0;width:100%}
.b2 p{color:#231f20;font-family:"Gotham-Book",Arial,Helvetica,sans-serif;font-size:20px;font-style:normal;font-weight:normal;line-height:1.2;font-style:normal;font-weight:normal;padding:0 10px 12px;text-align:justify}
.b3{float:none;margin:0;padding:0;width:100%}
.b3 p{color:#231f20;font-family:"Gotham-Book",Arial,Helvetica,sans-serif;font-size:20px;font-style:normal;font-weight:normal;line-height:1.2;font-style:normal;font-weight:normal;padding:0 10px 12px;text-align: center}
.portfolio1{float:none;width:100%;height:auto}
.portfolio1 img{width:100%;height:auto;padding:0;margin:0 0 -2px 0}
a, a:link, a:active, a:visited{color:#7b7979;text-decoration: none;outline:none}
a:hover{color:#231f20;text-decoration: none;outline:none}
a img{border:none}
.header.fixed{position:fixed;top:0;left:0}
nav:not(.mm-menu){display:none}
#first{background:#d1d2d4;width:100%;padding:0;float:left;height:auto}
#first-portfolio-page{background:#fff;width:100%;float:left;height:auto}
#third{padding:0;margin:0;width:100%;float:left;height:auto}
#second{background:#fff;padding:0;margin:0;width:100%;float:left;height:auto}
#second-2{padding:0;margin:0;width:100%;float:left;height:auto;background:#fff}
.video_center{margin: 100px auto;max-width: 100%;width: 700px}
.video_center1{margin: 100px auto 0 auto;max-width: 100%;width: 700px}
.video_center2{margin: 0 auto 100px auto;max-width: 100%;width: 700px}
.video_center3{margin: 0 auto;max-width: 100%;width: 700px}
.video-container{height: 0;overflow: hidden;padding-bottom: 56.25%;padding-top: 30px;position: relative}
.video-container iframe,.video-container object,.video-container embed{height:100%;left:0;position:absolute;top:0;width:100%}
.back-home{height:47px;width:47px;left: 80px;top: 20px;position: absolute;z-index: 10}
.view-source span{float:right;cursor: pointer;font-size:18px;background:url(../img/more.png) no-repeat top center;text-decoration: none;clear: both;padding: 0px 40px 0px 10px;text-indent:-9999px;}
.view-source .active{cursor: pointer;}
.hide{padding:0;margin:0;display:none}
#hamburger{border: 0;display: block;width: 51px;padding: 6px 10px;background:#fff;margin:20px 0 0 20px;cursor:pointer}
#hamburger span{background: #999;display: block;height: 5px;margin: 5px 0;background: #231f20;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
#hamburger{overflow: hidden}
#hamburger span{position: relative;transform: rotate( 0 );top: 0;left: 0;opacity: 1;transition: none 0.5s ease;transition-property: transform, top, left, opacity}
html.mm-opened #hamburger span.top-bar{transform: rotate( 45deg );top: 10px;}
html.mm-opened #hamburger span.middle-bar{opacity: 0}
html.mm-opened #hamburger span.bottom-bar{transform: rotate( -45deg );top: -10px}
html.mm-opened #hamburger span.middle-bar{left: -40px}
.footer-bottom{float:left;background:url(../img/footer-bg-photo-big.jpg) no-repeat top center;background-color:#fff;margin:0;padding:0;height:450px;width:100%}
.mfb{margin:0;height:420px;padding:0;width:100%}
.footer-bottom-2p{float:left;background:#cccbcb;margin:0;padding:0;height:225px;width:100%}
.mfb-2p{margin:0;height:195px;padding:0;width:100%}
.footer{margin:0;padding:0;width:100%}
.copyright{margin:0;padding:0;width:100%}
.copyright p{color:#999999;font-size:14px;font-weight:normal;margin:0;padding:0;line-height:30px;text-align: center}
.copyright a:hover{text-decoration:none}
.whitebg{background:#fff!important}
#intro{width:100%;margin:0;padding:350px 1% 230px 1%}
.logo{margin:0;padding:0;width:500px;height:90px;top:50px;position:absolute;right:5%}
.mouse a{margin:0;position:relative;padding:0;z-index:5;height:44px;width:44px;float:left}
.mouse{margin:320px 0 0 -22px;position:relative;padding:0;left:50%;z-index:5;height:44px;width:44px;background:url(../img/mouse.png) top center no-repeat;animation-name:bounceInDown;-webkit-animation-name:bounceInDown;animation-duration:0.5s;-webkit-animation-duration:0.5s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;animation-direction:alternate;-webkit-animation-direction:alternate}
.mouse{animation-timing-function:ease;-webkit-animation-timing-function:ease}
@keyframes bounceInDown{0%{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}100%{-webkit-transform:translate3d(0, 10px, 0);transform:translate3d(0, 10px, 0)}}
.header{box-sizing:border-box;width:100%;position:fixed;background:none}
.header{top:0;z-index:10}
.main_slider{padding: 0;margin:0;float:left;height:auto;width: 100%}
.main_slider p{text-align: center;}
.rslides{margin: 0 auto;}
.callbacks_container{position: relative;float: left;width: 100%;}
.callbacks{position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;}
.callbacks li{position: absolute;width: 100%;left: 0;top: 0;}
.callbacks img{display: block;position: relative;z-index: 1;height: auto;width: 100%;border: 0;}
.callbacks_container .caption{display: block;position: absolute;z-index: 2;font-size: 2.6em;text-shadow: none;color: #FFFFFF;bottom: 40px;padding:0;margin: 0;text-transform: uppercase;text-align: center;width:100%;text-shadow: #000000 1px 2px 2px;font-family:'open_sans_condensedbold',Arial, Helvetica, sans-serif;}
.centered-btns_here a, .transparent-btns_here a, .large-btns_here a{background: #9c1c1f}
.rslides{position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;}
.rslides li{-webkit-backface-visibility: hidden;position: absolute;display: none;width: 100%;left: 0;top: 0;}
.rslides li:first-child{position: relative;display: block;float: left}
.rslides img{display: block;height: auto;float: left;width: 100%;border: 0;}
.large-btns_nav{z-index:3;position:absolute;-webkit-tap-highlight-color: rgba(0,0,0,0);opacity:0.5;text-indent:-9999px;overflow:hidden;top:0;bottom:0;left:0;background: url(../img/themes1.png) no-repeat left 50%;width: 30%}
.large-btns_nav:active{opacity:1.0}
.large-btns_nav:hover{opacity:1.0}
.large-btns_nav.next{left:auto;background:url(../img/themes2.png) no-repeat left 50%;background-position:right 50%;right:0}
.centered-btns_nav:focus,.transparent-btns_nav:focus,.large-btns_nav:focus{outline:none}
.centered-btns_tabs,.transparent-btns_tabs,.large-btns_tabs{margin-top:10px;text-align:center}
.centered-btns_here a,.transparent-btns_here a,.large-btns_here a{background:#222;background: rgba(0,0,0, 0.8)}
.main_content{padding:0}
.mm-hidden{display:none !important}
.mm-wrapper{overflow-x:hidden;position:relative}
.mm-menu,
.mm-panels,
.mm-panels > .mm-panel{margin:0;position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}
.mm-menu{box-sizing:border-box;background:inherit;display:block;overflow:hidden;padding:0}
.mm-panel{-webkit-transition:-webkit-transform 0.4s ease;-moz-transition:-moz-transform 0.4s ease;-ms-transition:-ms-transform 0.4s ease;-o-transition:-o-transform 0.4s ease;transition:transform 0.4s ease;-webkit-transform:translate3d(100%, 0, 0);-moz-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);-o-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}
.mm-panel.mm-opened{-webkit-transform:translate3d(0%, 0, 0);-moz-transform:translate3d(0%, 0, 0);-ms-transform:translate3d(0%, 0, 0);-o-transform:translate3d(0%, 0, 0);transform:translate3d(0%, 0, 0)}
.mm-panel.mm-subopened{-webkit-transform:translate3d(-30%, 0, 0);-moz-transform:translate3d(-30%, 0, 0);-ms-transform:translate3d(-30%, 0, 0);-o-transform:translate3d(-30%, 0, 0);transform:translate3d(-30%, 0, 0)}
.mm-panel.mm-highest{z-index:1}
.mm-panels,
.mm-panels > .mm-panel{background:inherit;border-color:inherit}
.mm-panels > .mm-panel{background:inherit;border-color:inherit;-webkit-overflow-scrolling:touch;overflow:scroll;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;padding:0 20px}
.mm-panels > .mm-panel.mm-hasnavbar{padding-top:0}
.mm-panels > .mm-panel:before, .mm-panels > .mm-panel:after{content:'';display:block;height:20px}
.mm-vertical .mm-panel{-webkit-transform:none !important;-moz-transform:none !important;-ms-transform:none !important;-o-transform:none !important;transform:none !important}
.mm-vertical .mm-listview .mm-panel,
.mm-listview .mm-vertical .mm-panel{display:none;padding:10px 0 10px 10px}
.mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after,
.mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after{border-color:transparent}
.mm-vertical li.mm-opened > .mm-panel,
li.mm-vertical.mm-opened > .mm-panel{display:block}
.mm-vertical .mm-listview > li > .mm-next,
.mm-listview > li.mm-vertical > .mm-next{height:40px;bottom:auto}
.mm-vertical .mm-listview > li > .mm-next:after,
.mm-listview > li.mm-vertical > .mm-next:after{top:16px;bottom:auto}
.mm-vertical .mm-listview > li.mm-opened > .mm-next:after,
.mm-listview > li.mm-vertical.mm-opened > .mm-next:after{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.mm-navbar{border-bottom:1px solid;border-color:inherit;text-align:center;line-height:20px;height:40px;padding:0 40px;margin:0;position:absolute;top:0;left:0;right:0}
.mm-navbar > *{display:block;padding:10px 0}
.mm-navbar a,
.mm-navbar a:hover{text-decoration:none}
.mm-navbar .mm-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.mm-navbar .mm-btn{box-sizing:border-box;width:40px;height:40px;position:absolute;top:0;z-index:1}
.mm-navbar .mm-btn:first-child{padding-left:20px;left:0}
.mm-navbar .mm-btn:last-child{text-align:right;padding-right:20px;right:0}
.mm-panel .mm-navbar{display:none}
.mm-panel.mm-hasnavbar .mm-navbar{display:none}
.mm-listview,
.mm-listview > li{list-style:none;display:block;padding:0;margin:0}
.mm-listview{font:inherit;font-size:16px;line-height:20px}
.mm-listview a,
.mm-listview a:hover{text-decoration:none}
.mm-listview > li{position:relative}
.mm-listview > li, .mm-listview > li:after,
.mm-listview > li .mm-next,
.mm-listview > li .mm-next:before{border-color:inherit}
.mm-listview > li > a,
.mm-listview > li > span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:inherit;display:block;padding:10px 30px;margin:0}
.mm-listview > li > a.mm-arrow,
.mm-listview > li > span.mm-arrow{padding-right:50px}
.mm-listview > li:not(.mm-divider):after{content:'';border-bottom-width:1px;border-bottom-style:solid;display:block;position:absolute;left:0;right:0;bottom:0}
.mm-listview > li:not(.mm-divider):after{left:20px;right:20px}
.mm-listview .mm-next{background:rgba(3, 2, 1, 0);width:50px;padding:0;position:absolute;right:0;top:0;bottom:0;z-index:2}
.mm-listview .mm-next:before{content:'';border-left-width:1px;border-left-style:solid;display:block;position:absolute;top:0;bottom:0;left:0}
.mm-listview .mm-next + a,
.mm-listview .mm-next + span{margin-right:50px}
.mm-listview .mm-next.mm-fullsubopen{width:100%}
.mm-listview .mm-next.mm-fullsubopen:before{border-left:none}
.mm-listview .mm-next.mm-fullsubopen + a,
.mm-listview .mm-next.mm-fullsubopen + span{padding-right:50px;margin-right:0}
.mm-panels > .mm-panel > .mm-listview{margin:20px -20px}
.mm-panels > .mm-panel > .mm-listview:first-child,
.mm-panels > .mm-panel > .mm-navbar + .mm-listview{margin-top:-10px}
.mm-listview .mm-inset{list-style:inside disc;padding:0 10px 15px 40px;margin:0}
.mm-listview .mm-inset > li{padding:5px 0}
.mm-listview .mm-divider{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:10px;text-transform:uppercase;text-indent:20px;line-height:25px}
.mm-listview .mm-spacer{padding-top:40px}
.mm-listview .mm-spacer > .mm-next{top:40px}
.mm-listview .mm-spacer.mm-divider{padding-top:25px}
.mm-prev:before,
.mm-next:after,
.mm-arrow:after{content:'';border:2px solid transparent;display:inline-block;width:8px;height:8px;margin:auto;position:absolute;top:0;bottom:0;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.mm-prev:before{border-right:none;border-bottom:none;left:23px}
.mm-next:after,
.mm-arrow:after{border-top:none;border-left:none;right:23px}
.mm-menu{background:#2e3233;border-color:#fff;color:#fff}
.mm-menu .mm-navbar > *,
.mm-menu .mm-navbar a{color:rgba(255, 255, 255, 0.1)}
.mm-menu .mm-navbar .mm-btn:before, .mm-menu .mm-navbar .mm-btn:after{border-color:rgba(255, 255, 255, 0.1)}
.mm-menu .mm-listview{border-color:rgba(255, 255, 255, 0.1)}
.mm-menu .mm-listview > li .mm-next:after,
.mm-menu .mm-listview > li .mm-arrow:after{border-color:rgba(255, 255, 255, 0.1)}
.mm-menu .mm-listview > li a:not(.mm-next){-webkit-tap-highlight-color:rgba(255, 255, 255, 0.5)}
.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next),
.mm-menu .mm-listview > li.mm-selected > span{background:none;color:#85b7bd}
.mm-menu.mm-vertical .mm-listview > li.mm-opened > a.mm-next,
.mm-menu.mm-vertical .mm-listview > li.mm-opened > .mm-panel,
.mm-menu .mm-listview > li.mm-opened.mm-vertical > a.mm-next,
.mm-menu .mm-listview > li.mm-opened.mm-vertical > .mm-panel{background:rgba(0, 0, 0, 0.05)}
.mm-menu .mm-divider{background:rgba(0, 0, 0, 0.05)}
.mm-page{box-sizing:border-box;position:relative}
.mm-slideout{-webkit-transition:-webkit-transform 0.4s ease;-ms-transition:-ms-transform 0.4s ease;transition:transform 0.4s ease}
html.mm-opened{overflow-x:hidden;position:relative}
html.mm-blocking{overflow:hidden}
html.mm-blocking body{overflow:hidden}
html.mm-background .mm-page{background:inherit}
#mm-blocker{background:rgba(3, 2, 1, 0);display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:999999}
html.mm-blocking #mm-blocker{display:block}
.mm-menu.mm-offcanvas{display:none;position:fixed}
.mm-menu.mm-current{display:block}
.mm-menu{width:80%;min-width:140px;max-width:220px}
html.mm-opening .mm-slideout{-webkit-transform:translate(80%, 0);-moz-transform:translate(80%, 0);-ms-transform:translate(80%, 0);-o-transform:translate(80%, 0);transform:translate(80%, 0)}
html.mm-opened.mm-dragging .mm-menu, html.mm-opened.mm-dragging .mm-slideout{-webkit-transition-duration:0s;-moz-transition-duration:0s;-ms-transition-duration:0s;-o-transition-duration:0s;transition-duration:0s}
.container{width:100%;position:relative}
.animated{animation-duration:1s;animation-fill-mode:both}
.notanimated{animation-fill-mode:both}
.animated.hinge{animation-duration:2s}
@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
.fadeIn{animation-name:fadeIn}
@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0px)}}
@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0px)}}
.fadeInUp{animation-name:fadeInUp}
@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0px)}}
@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}
100%{opacity:1;transform:translateY(0px)}}
.fadeInDown{animation-name:fadeInDown}
@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}100%{opacity:1;transform:translateX(0px)}}
@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}100%{opacity:1;transform:translateX(0px)}}
.fadeInLeft{animation-name:fadeInLeft}
@keyframes fadeInRight{0%{opacity:0;transform:translateX(20px)}100%{opacity:1;transform:translateX(0px)}}
@keyframes fadeInRight{0%{opacity:0;transform:translateX(20px)}100%{opacity:1;transform:translateX(0px)}}
.fadeInRight{animation-name:fadeInRight}
@keyframes fadeInUpBig{0%{opacity:0;transform:translateY(2000px)}100%{opacity:1;transform:translateY(0px)}}
@keyframes fadeInUpBig{0%{opacity:0;transform:translateY(2000px)}100%{opacity:1;transform:translateY(0px)}}
.fadeInUpBig{animation-name:fadeInUpBig}
@keyframes fadeInDownBig{0%{opacity:0;transform:translateY(-2000px)}100%{opacity:1;transform:translateY(0px)}}
@keyframes fadeInDownBig{0%{opacity:0;transform:translateY(-2000px)}100%{opacity:1;transform:translateY(0px)}}
.fadeInDownBig{animation-name:fadeInDownBig}
@keyframes fadeInLeftBig{0%{opacity:0;transform:translateX(-2000px)}100%{opacity:1;transform:translateX(0px)}}
@keyframes fadeInLeftBig{0%{opacity:0;transform:translateX(-2000px)}100%{opacity:1;transform:translateX(0px)}}
.fadeInLeftBig{animation-name:fadeInLeftBig}
@keyframes fadeInRightBig{0%{opacity:0;transform:translateX(2000px)}100%{opacity:1;transform:translateX(0px)}}
@keyframes fadeInRightBig{0%{opacity:0;transform:translateX(2000px)}100%{opacity:1;transform:translateX(0px)}}
.fadeInRightBig{animation-name:fadeInRightBig}
@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}
@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}
.fadeOut{animation-name:fadeOut}
@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0px)}100%{opacity:0;transform:translateY(-20px)}}
@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0px)}100%{opacity:0;transform:translateY(-20px)}}
.fadeOutUp{animation-name:fadeOutUp}
@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0px)}100%{opacity:0;transform:translateY(20px)}}
@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0px)}100%{opacity:0;transform:translateY(20px)}}
.fadeOutDown{animation-name:fadeOutDown}
@keyframes fadeOutLeft{0%{opacity:1;transform:translateX(0px)}100%{opacity:0;transform:translateX(-20px)}}
@keyframes fadeOutLeft{0%{opacity:1;transform:translateX(0px)}100%{opacity:0;transform:translateX(-20px)}}
.fadeOutLeft{animation-name:fadeOutLeft}
@keyframes fadeOutRight{0%{opacity:1;transform:translateX(0px)}100%{opacity:0;transform:translateX(20px)}}
@keyframes fadeOutRight{0%{opacity:1;transform:translateX(0px)}100%{opacity:0;transform:translateX(20px)}}
.fadeOutRight{animation-name:fadeOutRight}
@keyframes fadeOutUpBig{0%{opacity:1;transform:translateY(0px)}100%{opacity:0;transform:translateY(-2000px)}}
@keyframes fadeOutUpBig{0%{opacity:1;transform:translateY(0px)}100%{opacity:0;transform:translateY(-2000px)}}
.fadeOutUpBig{animation-name:fadeOutUpBig}
@keyframes fadeOutDownBig{0%{opacity:1;transform:translateY(0px)}100%{opacity:0;transform:translateY(2000px)}}
@keyframes fadeOutDownBig{0%{opacity:1;transform:translateY(0px)}100%{opacity:0;transform:translateY(2000px)}}
.fadeOutDownBig{animation-name:fadeOutDownBig}
@keyframes fadeOutLeftBig{0%{opacity:1;transform:translateX(0px)}100%{opacity:0;transform:translateX(-2000px)}}
@keyframes fadeOutLeftBig{0%{opacity:1;transform:translateX(0px)}100%{opacity:0;transform:translateX(-2000px)}}
.fadeOutLeftBig{animation-name:fadeOutLeftBig}
@keyframes fadeOutRightBig{0%{opacity:1;transform:translateX(0px)}100%{opacity:0;transform:translateX(2000px)}}
@keyframes fadeOutRightBig{0%{opacity:1;transform:translateX(0px)}100%{opacity:0;transform:translateX(2000px)}}
.fadeOutRightBig{animation-name:fadeOutRightBig}
.isotope, .isotope .isotope-item{transition-duration:0.8s}
.isotope{transition-property:height}
.isotope .isotope-item{transition-property:transform, opacity}
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition{transition-duration:0s}
#selectMenu{width:auto;height:auto;padding:0;margin:0;float:right;z-index:99;position:relative}
#selectMenu ul{padding:0;margin:0}
#selectMenu ul li{float:left;list-style-type:none;position:relative;margin:0;padding:0}
#selectMenu ul li a{text-decoration:none;transition:all 350ms ease 0s;font-size:16px;color:#fff;margin:0 0 0 10px;font-family:"open_sansregular", Arial, Helvetica, sans-serif;padding:0 10px}
#selectMenu ul li a:hover{background:#0eaede}
#selectMenu ul li a.active{background:#0eaede}
#filters{width:99.99%;margin:90px 0 30px 0;text-transform:uppercase;float:right;color:#fff;display: none}
#filters nav{position:relative;float:left;width:auto;padding:0;margin:0}
#work{padding:0;margin:0;width:100%;height:auto}
.isotopewrap{float:left;overflow:hidden;padding:0;width:24.95%;margin:0}
.isotopewrap .work-item{margin:0;width:100%}
.work-item{background:#fff;display:block;float:left;overflow:hidden;position:relative;width:25%}
.work-item a{display:block;height:100%;padding-top:100%;position:relative;width:100%}
.work-item a img{display:block;height:auto;left:0;position:absolute;top:0;width:100%}
.work-item .overlay{background:rgba(0, 0, 0, 0.4) center center no-repeat;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity 350ms ease 0s;width:100%}
.work-item .overlay h6{bottom:100%;color:white;font-family:"Gotham-Book",Arial,Helvetica,sans-serif;font-size:16px;font-weight:normal;left:0;letter-spacing:0;padding:0;position:absolute;text-align:center;width:100%}
.work-item:hover .overlay .link{opacity:1}
.work-item:hover .overlay{opacity:1}
.work-item:hover .overlay h6{bottom:46%}
.content{padding:0;margin:80px 0 120px 0;float:left;width:100%;background:#fff}
@media only screen and (max-width:1920px), only screen and (max-device-width:1920px){
.wrapper{margin: 0;padding: 0;width:100%}
}
@media only screen and (max-width:1440px), only screen and (max-device-width:1440px){
#intro{width:100%;margin:0;padding:250px 1% 100px 1%}
body{background:url(../img/background-photo-middle.jpg) no-repeat top center fixed;background-color:#fff}
.footer-bottom{float:left;background:url(../img/footer-bg-photo-middle.jpg) no-repeat top center;background-color:#fff;margin:0;padding:0;height:450px;width:100%}
.mouse{margin:320px 0 0 -12px}
}
@media only screen and (max-width:960px),
only screen and (max-device-width:960px){
.wr2{margin:0 auto;padding:70px 1% 50px 1%;width:98%}
.wr3{margin:0 auto;padding:50px 1% 50px 1%;width:98%}
.wr4{margin:0 auto;padding:10px 1% 10px 1%;width:98%}
.pi{float:left;height:auto;margin:0;padding:0;width:26%}
.bl{float:right;margin:0;padding:0;width:100%}
.b2{float:right;margin:0;padding:0;width:100%}
}
@media only screen and (max-width:767px),
only screen and (max-device-width:767px){
body{background:url(../img/background-photo-mobile-devices.jpg) no-repeat top center fixed;background-color:#fff}
.footer-bottom{float:left;background:url(../img/footer-bg-photo-mobile-devices.jpg) no-repeat top center;background-color:#fff;margin:0;padding:0;height:580px;width:100%}
.logo img{margin:0;width:100%;height:auto;padding:0}
.header{background:none}
#intro{height:575px}
.logo{margin:0;padding:0;width:420px;height:76px;top:100px;position:absolute;right:5%}
.item{padding:0;margin:0;float:left;width:25%}
.mouse{margin:90px 0 0 -12px}
.up{display:none}
}
@media all and (max-width:599px){.isotopewrap{width:49.99%}
.isotopewrap .portfolio-item{margin:0;width:100%}
.work-item{margin:0;width:49.99%}
.container{width:100%}
}
@media all and (max-width:480px){#selectMenu ul li a{text-decoration:none;transition:all 350ms ease 0s;font-size:14px;color:#fff;margin:0 3px;font-family:"open_sansregular", Arial, Helvetica, sans-serif;padding:0 10px}
.logo{margin:0;padding:0;width:300px;height:54px;top:100px;position:absolute;right:4%}
.back-home{display:none}
}
@media only screen and (max-width:360px),
only screen and (max-device-width:360px){.pi{float:left;height:auto;margin:0;padding:0;width:100%}
.bl{float:left;margin:0;padding:0;width:100%}
.b2{float:left;margin:0;padding:0;width:100%}
h2{padding:10px 10px 15px}
.mouse{margin:110px 0 0 -12px}
}
@media all and (min-width:320px){html.mm-opening .mm-slideout{-webkit-transform:translate(220px, 0);-moz-transform:translate(220px, 0);-ms-transform:translate(220px, 0);-o-transform:translate(220px, 0);transform:translate(220px, 0)}
}
@media all and (max-width:175px){html.mm-opening .mm-slideout{-webkit-transform:translate(140px, 0);-moz-transform:translate(140px, 0);-ms-transform:translate(140px, 0);-o-transform:translate(140px, 0);transform:translate(140px, 0)}
}
@keyframes fadein{0%{opacity:0}100%{opacity:1}}
html{animation:0.5s ease 0s normal}
*{box-sizing:border-box}
.container{margin:0 auto;max-width:1199px;position:relative;width:100%}
@font-face{font-family:'Gotham-Book';src:url('../fonts/Gotham-Book.eot');src:url('../fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),url('../fonts/Gotham-Book.woff2') format('woff2'),url('../fonts/Gotham-Book.woff') format('woff'),url('../fonts/Gotham-Book.ttf') format('truetype'),url('../fonts/Gotham-Book.svg#Gotham-Book') format('svg');font-weight:normal;font-style:normal}
.under-contacts{background:#fff;height:360px;margin:0;padding:0;text-align:center;width:100%}
.under-contacts p{color:#999999;font-size:20px;font-weight:normal;margin:0;padding:10px}
.under-contacts a{color:#999999;font-weight:normal;margin:0;text-decoration:none}
ul.under{font-family: "open_sansregular",Arial,Helvetica,sans-serif;font-size:16px;margin:0;padding:140px 10px 0;text-align:center}
ul.under li{background:none;color:#fff;display:inline-block;font-weight:300;line-height: 28px;margin:0 5px;padding:0}