@font-face {
	font-family: 'Conv_Roc_WG';
	src: url('fonts/Roc_WG__.eot');
	src: local('¢'), url('fonts/Roc_WG__.woff') format('woff'), url('fonts/Roc_WG__.ttf') format('truetype'), url('fonts/Roc_WG__.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_Roc_WG_b';
	src: url('fonts/Roc_WG_b.eot');
	src: local('¢'), url('fonts/Roc_WG_b.woff') format('woff'), url('fonts/Roc_WG_b.ttf') format('truetype'), url('fonts/Roc_WG_b.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

html, body{
   width: 100%;
   height: 100%;
   font-family: Arial, Helvetica, sans-serif;
   line-height:1.4em;
}

body{
    background-color:#171717;
    background-position:center;
    background-repeat:no-repeat;
}

body:before{
    content: url(../images/bg.jpg);
    position:fixed;
    top:50%;
    left:50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

body.nolayout{
    background-color:#FFFFFF;
}

body.nolayout:before{
    content:none;
}

body:after{
    content: url(../images/buttons/over/video.png);
    display:none;
}

body.max{
    position:fixed;
    overflow:hidden;
}

h1, h2, h3, h4{
    line-height:1em;
}

h1, h2{
    font-family:Conv_Roc_WG, Georgia, 'New York CE', utopia, serif;
}

.wd{
    width:1840px;
}

.font60{
    font-size:60px;
}

.font40{
    font-size:40px;
}

.mb60{
    margin-bottom:60px!important;
}

.mb20{
    margin-bottom:20px!important;
}

.mt60{
    margin-top:60px!important;
}

.mt20{
    margin-top:20px!important;
}

.pb60{
    padding-bottom:60px;
}

.button{
    font-family:Conv_Roc_WG_b, Georgia, 'New York CE', utopia, serif;
    text-transform:uppercase;
    letter-spacing:0.12em;
}

.button a{
    padding:8px 15px 8px 15px;
    border:1px solid #c0ac62;
    text-decoration:none;
    color:#c0ac62;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.button a:hover{
    background-color:#c0ac62;
    color:#FFFFFF!important;
}

.button a > span{
    color:#000000;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.button a:hover > span{
    color:#FFFFFF;
}

.button2{
    font-family:Conv_Roc_WG_b, Georgia, 'New York CE', utopia, serif;
    font-size:16px;
    text-transform:uppercase;
    letter-spacing:0.12em;
}

.button2 a{
    text-decoration:none;
    color:#FFFFFF;

    -webkit-transition: color 0.5s;
    -moz-transition: color 0.5s;
    -ms-transition: color 0.5s;
    -o-transition: color 0.5s;
    transition: color 0.5s;
}

.button2 a > span{
    padding:0 0 10px 0;
    border-bottom:1px solid #FFFFFF;

    -webkit-transition: border-bottom 0.5s;
    -moz-transition: border-bottom 0.5s;
    -ms-transition: border-bottom 0.5s;
    -o-transition: border-bottom 0.5s;
    transition: border-bottom 0.5s;
}

.button2 a > span > span{
    position:relative;
    left:0;
    padding-left:10px;

    -webkit-transition: left 0.5s;
    -moz-transition: left 0.5s;
    -ms-transition: left 0.5s;
    -o-transition: left 0.5s;
    transition: left 0.5s;
}

.button2 a:hover > span > span{
    left:10px;
}

.button2 a > span > span.arrow{
    position:relative;
    background-color:transparent;
    background-image: url(../images/icons/arrow.png);
    background-position: center;
    background-repeat: no-repeat;
    width:31px;
    height:20px;
    margin-left:5px;
    padding-left:0;
    display:inline-block;
}

.button2 a > span > span.arrow > .over{
    position:absolute;
    top:0;
    left:0;
    background-color:transparent;
    background-image: url(../images/icons/over/arrow.png);
    background-position: center;
    background-repeat: no-repeat;
    width:31px;
    height:20px;
    opacity:0;
    filter: alpha(opacity=0);
    display:inline-block;

    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.button2 a:hover > span > span.arrow > .over{
    opacity:1;
    filter: alpha(opacity=100);
}

.button2 a:hover{
    color:#bea750;
}

.button2 a:hover > span{
    border-bottom:1px solid #bea750;
}

.button3{
    font-family:Conv_Roc_WG_b, Georgia, 'New York CE', utopia, serif;
    font-size:16px;
    text-transform:uppercase;
    letter-spacing:0.12em;
}

.button3 a{
    text-decoration:none;
    color:#000000;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.button3 a:hover{
    color:#bea750;
}

.button3 a > span{
    padding:0 0 10px 0;
    border-bottom:1px solid #bea750;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.button3 a > span > span{
    position:relative;
    left:0;

    -webkit-transition: left 0.5s;
    -moz-transition: left 0.5s;
    -ms-transition: left 0.5s;
    -o-transition: left 0.5s;
    transition: left 0.5s;
}

.button3 a:hover > span > span{
    left:10px;
}

.button3 a:hover > span{
    border-bottom:1px solid #bea750;
}

.black{
    color:#000000!important;
}

.bold{
    font-weight:bold;
}

body.preloader-site {
    overflow: hidden;
}

.preloader-wrapper {
    height: 100%;
    width: 100%;
    background-color:rgba(0, 0, 0, 1);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999;
}

.preloader-wrapper .preloader {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width:100px;
}

.preloader-wrapper .preloader img{
    width:100%;
}

.page{
    background-color:#171717;
    min-width:280px;
    max-width:2560px;
    width:100%;
    height:100%;
    margin:0 auto;
    padding-top:800px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

.page#hp, .page#page404{
    padding-top:0;
}

.page#clienttheme{
    padding-top:900px;
}

.page#shop{
    padding-top:600px;
}

header{
    position:fixed;
    top:0;
    max-width:2560px;
    width:100%;
    height:100px;
    margin:0 auto;
    z-index:9999;

    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

header.max{
    top:-100px;
}

header.dark, header.dark404{
    background-color:#000000;
}

header > .wd{
    position:relative;
    height:100px;
    margin:0 auto;
}

#logo{
    position:absolute;
    top:50%;
    left:0;
    margin-top:-27.5px;
}

#logo img{
    height:55px;
    display:block;
}

header nav{
    position:absolute;
    top:50%;
    right:0;
    margin-top:-5px;
    opacity:1;
    filter: alpha(opacity=100);

    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

header nav.hide{
    opacity:0;
    filter: alpha(opacity=0);
}

#menu-mobile{
    display:none;
}

nav ul{

}

nav ul li{
    margin-left:38px;
    font-family:Conv_Roc_WG, Georgia, 'New York CE', utopia, serif;
    font-size:16px;
    letter-spacing:0.12em;
    text-transform:uppercase;
    color:#FFFFFF;
    float:left;
}

nav ul li a{
    text-decoration:none;
    color:inherit;

    -webkit-transition: color 0.5s;
    -moz-transition: color 0.5s;
    -ms-transition: color 0.5s;
    -o-transition: color 0.5s;
    transition: color 0.5s;
}

nav ul li.active a{
    color:#c0ac62;
}

nav ul li a:hover{
    color:#c0ac62;
}

nav ul li#lng a.active{
    color:#c0ac62;
}

nav > span{
    letter-spacing:0.12em;
}

.theme{
    position:fixed;
    top:0;
    background-color:#000000;
    background-position:top;
    background-repeat:no-repeat;
    background-size:cover;
    max-width:2560px;
    width:100%;
    height:800px;
    padding-top:100px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align:middle;
    z-index:0;
}

.theme.max#home{
    height:100vh;
    padding-top:0;
}

.theme.max#home video{
    opacity:0;
    filter: alpha(opacity=0);
}

.theme.max#home #open{
    opacity:0;
    filter: alpha(opacity=0);
}

.page#hp .theme{
    position:relative;
}

.theme#home{
    background-image:url(../images/themes/home.jpg);
    height:900px;

    -webkit-transition: height 1s;
    -moz-transition: height 1s;
    -ms-transition: height 1s;
    -o-transition: height 1s;
    transition: height 1s;
}

.theme#about{
    background-image: url(../images/themes/about.jpg);
}

.theme#service{
    background-image: url(../images/themes/service.jpg);
}

.theme#service.cmp1{
    background-image: url(../images/themes/cmp1.jpg);
}

.theme#work{
    background-image: url(../images/themes/work.jpg);
}

.theme#career{
    background-image: url(../images/themes/career.jpg);
}

.theme.client{
    height:900px;
}

.theme#contact{
    background-image: url(../images/themes/contact.jpg);
}

.theme#eshop{
    height:600px;
}

.theme video{
    position:absolute;
    top:0;
    right:0;
    width:100%;
    height:800px;
    object-fit:cover;
    z-index:0;

    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

.theme#home video{
    height:900px;
}

.theme.max#home #yt{
    position:absolute;
    background-color:#000000;
    width:100%;
    height:100vh;
    z-index:1000000;
}

.theme.max#home #yt .yt-close{
    position:absolute;
    top:50px;
    right:50px;
    width:40px;
    height:40px;
    cursor:pointer;
    z-index:10000000;
    display:block;
}

.theme.max#home #yt .yt-close span{
    position:absolute;
    top:20px;
    left:0;
    background-color:#FFFFFF;
    width:100%;
    height:5px;
    border-radius:0px;
    opacity:1;
    filter: alpha(opacity=100);
    display: block;
}

.theme.max#home #yt .yt-close span:first-child{
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.theme.max#home #yt .yt-close span:last-child{
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#open{
    position: absolute;
    top:50%;
    width:100%;
    margin-top:50px;
    transform: translateY(-50%);
    z-index:1;
}

#home #open{
    margin-top:0;
}

#claim{
    width:400px;
    margin:0 auto;
    margin-top:30px;
    display:block;
}

#claim h1{
    display:none;
}

#claim img{
    width:100%;
}

#hl{
    margin:0 auto;
    margin-bottom:75px;
    line-height:5em;
    text-align:center;
    display:block;
}

#hl h1{
    text-transform:uppercase;
    color:#FFFFFF;
}

#hl h1 span{
    display:block;
}

#hl h1 strong{
    position:relative;
    top:3px;
    width:0;
    overflow:hidden;
    color:#bea750;
    display:inline-block;

    -webkit-transition: width 1s;
    -moz-transition: width 1s;
    -ms-transition: width 1s;
    -o-transition: width 1s;
    transition: width 1s;
}

#hl.anim h1 strong{
    width:345px;
}

#showreel{
    position:relative;
    top:-25px;
    width:314px;
    height:89px;
    margin:0 auto;
    display:block;
}

#showreel a{
    background-image:url(../images/buttons/showreel.png);
    background-position:center;
    background-repeat:no-repeat;
    background-size:100%;
    width:inherit;
    height:inherit;
    cursor:pointer;
    display:block;
}

#showreel a span{
    background-image:url(../images/buttons/over/showreel.png);
    background-position:center;
    background-repeat:no-repeat;
    background-size:100%;
    width:inherit;
    height:inherit;
    opacity:0;
    filter: alpha(opacity=0);
    display:block;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#showreel a:hover span{
    opacity:1;
    filter: alpha(opacity=100);
}

#mouse-wrapper{
    display:block;
}

#mouse{
    background-image: url(../images/mouse.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100%;
    width:32px;
    height:96px;
    margin:0 auto;
    opacity:1;
    filter: alpha(opacity=100);
    display:block;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;

    animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
    animation-delay: 2s;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(0, -1px, 0);
  }

  20%, 80% {
    transform: translate3d(0, 2px, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(0, -4px, 0);
  }

  40%, 60% {
    transform: translate3d(0, 4px, 0);
  }
}

#mouse.hide{
    opacity:0;
    filter: alpha(opacity=0);
}

#board{
    position:relative;
    background-color:#FFFFFF;
    width:100%;
    border:9px solid #FFFFFF;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.row{
    width:100%;
    border-bottom:9px solid #FFFFFF;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #FFFFFF
}

.row.short{
    width:61.7%;
    float:left;
}

.row.last{
    border-bottom:0;
}

.box{
    position:relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow:hidden;
    float:left;

}

.box#about{
    width:46.4%;
}

.box#services{
    width:26.8%;
    border-left:9px solid #FFFFFF;
}

.box#reference{
    width:26.8%;
    border-left:9px solid #FFFFFF;
}

.box#contact{
    width:38.30%;
    border-right:9px solid #FFFFFF;
}

.box#eshop{
    width:42.2%;
}

.box#career{
    width:57.8%;
    border-left:9px solid #FFFFFF;
}

.box#career img.over{
    position:absolute;
    top:50%;
    left:50%;
    width:91.5%;

    transform: translate(-50%, -50%);

    -webkit-transition: width 0.5s;
    -moz-transition: width 0.5s;
    -ms-transition: width 0.5s;
    -o-transition: width 0.5s;
    transition: width 0.5s;
}

.box#career:hover img.over{
    width:100%;
}

.box#youtube{
    width:29.4%;
    border-right:9px solid #FFFFFF;
}

.box#youtube .over{
    position:absolute;
    top:0;
    left:0;
    opacity:0;
    filter: alpha(opacity=0);

    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.box#youtube:hover .over{
    opacity:1;
    filter: alpha(opacity=100);
}

.box#facebook{
    width:29.4%;
    border-right:9px solid #FFFFFF;
}

.box#facebook .over{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    opacity:0;
    filter: alpha(opacity=0);

    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.box#facebook:hover .over{
    opacity:1;
    filter: alpha(opacity=100);
}

.box#banner{
    width:41.2%;
}

.box > a{
    position:relative;
    width:100%;

    overflow:hidden;
    display:block;
}

.box > a > video{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    z-index:0;
}

.box > a > img{
    width:100%;
    display:block;
}

.box  .button{
    position:absolute;
    left:50%;
    bottom:-40px;
    z-index:1000;
    transform: translateX(-50%);

    -webkit-transition: bottom 0.5s;
    -moz-transition: bottom 0.5s;
    -ms-transition: bottom 0.5s;
    -o-transition: bottom 0.5s;
    transition: bottom 0.5s;
}

.box:hover  .button{
    bottom:40px;
}

.title{
    position:absolute;
    top:50px;
    left:0;
    width:100%;
    height:100%;
    text-align:center;
    z-index:1;
    color:#FFFFFF;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.box:hover .title{
    opacity:0;
    filter: alpha(opacity=0);
}

.title h2{
    margin-bottom:20px;
    text-transform:uppercase;
}

.title h3{
    position:relative;
    background-image:url(../images/flags/flag1.png);
    background-position:center;
    background-repeat:repeat-x;
    height:34px;
    padding:8px 14px 5px 14px;
     -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family:Conv_Roc_WG, Georgia, 'New York CE', utopia, serif;
    text-transform:uppercase;
    color:#c0ac62;
    display:inline-block;
}

.title h3::before{
    content:"";
    position:absolute;
    top:0;
    left:-13px;
    background-image:url(../images/flags/flag1-left.png);
    background-position:center;
    background-repeat:no-repeat;
    width:13px;
    height:34px;
    display:inline-block;
}

.title h3::after{
    content:"";
    position:absolute;
    top:0;
    right:-13px;
    background-image:url(../images/flags/flag1-right.png);
    background-position:center;
    background-repeat:no-repeat;
    width:13px;
    height:34px;
    display:inline-block;
}

.title.dark h3{
    background-image:url(../images/flags/flag2.png);
    color:#000000;
}

.title.dark h3::before{
    background-image:url(../images/flags/flag2-left.png);
}

.title.dark h3::after{
    background-image:url(../images/flags/flag2-right.png);
}

.title2{
    position:absolute;
    top:500px;

    left:0;
    width:100%;
    text-align:center;
    transform:translateY(-50%);
    z-index:1;
    color:#FFFFFF;
    opacity:0;
    filter: alpha(opacity=0);

    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

.box:hover .title2{
    top:50%;
    top:calc(50% - 40px);
    opacity:1;
    filter: alpha(opacity=100);
}

.title2 h2{
    padding:0 50px 0 50px;
    text-shadow: 2px 2px 5px #000000;
}

.showup{
    position:absolute;
    bottom:70px;
    width:100%;
    text-align:center;
}

.title21{
    position:absolute;
    top:-300px;

    left:0;
    width:100%;
    text-align:center;
    z-index:1;
    color:#FFFFFF;
    opacity:0;
    filter: alpha(opacity=0);
    display:block;

    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

.box:hover .title21{
    top:50px;
    opacity:1;
    filter: alpha(opacity=100);
}

.title21 h2{
    padding:0 50px 0 50px;
    text-shadow: 2px 2px 5px #000000;
}

.title22{
    position:absolute;
    bottom:-300px;

    left:0;
    width:100%;
    text-align:center;
    z-index:1;
    color:#FFFFFF;
    opacity:0;
    filter: alpha(opacity=0);
    display:block;

    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

.box:hover .title22{
    bottom:50px;
    opacity:1;
    filter: alpha(opacity=100);
}

.title22 h2{
    padding:0 50px 0 50px;
    text-shadow: 2px 2px 5px #000000;
}

.subtitle{
    position:absolute;
    bottom:50px;
    left:0;
    width:100%;
    text-align:center;
    color:#FFFFFF;
    z-index:1;
}

.subtitle h2{
    margin-bottom:12px;
    font-family:Conv_Roc_WG, Georgia, 'New York CE', utopia, serif;
    font-size:20px;
    font-weight:normal;
    text-transform:uppercase;
}

.subtitle h3{
    font-size:20px;
    text-transform:uppercase;
    color:#c0ac62;
}

#desk{
    position:relative;
    background-image: url(../images/themes/desk.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-size:auto 100%;
    width:100%;
    padding:80px 0 95px 0;
    background-color:#000000;
    border-left:9px solid #FFFFFF;
    border-right:9px solid #FFFFFF;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    text-align:center;
}

#desk-text > h2{
    text-transform:uppercase;
    color:#FFFFFF;
}

#desk-text > p{
    padding:0 100px 5px 100px;
    font-size:20px;
    color:#FFFFFF;
}

#flash{
    background-image:url(../images/icons/flash.png);
    background-position:center;
    background-repeat:no-repeat;
    background-size:100%;
    width:38px;
    height:66px;
    margin:0 auto;
    display:block;
}

#flash-pencil{
    background-image:url(../images/icons/flash-pencil.png);
    background-position:center;
    background-repeat:no-repeat;
    background-size:100%;
    width:67px;
    height:67px;
    margin:0 auto;
    display:block;
}

#coffee{
    background-image:url(../images/icons/coffee.png);
    background-position:center;
    background-repeat:no-repeat;
    background-size:100%;
    width:67px;
    height:66px;
    margin:0 auto;
    display:block;
}

#core{
    background-image:url(../images/icons/core.png);
    background-position:center;
    background-repeat:no-repeat;
    background-size:100%;
    width:63px;
    height:71px;
    margin:0 auto;
    display:block;
}

#mask{
    background-image:url(../images/icons/mask.png);
    background-position:center;
    background-repeat:no-repeat;
    background-size:100%;
    width:66px;
    height:29px;
    margin:0 auto;
    display:block;
}

#planet{
    background-image:url(../images/icons/planet.png);
    background-position:center;
    background-repeat:no-repeat;
    background-size:100%;
    width:67px;
    height:66px;
    margin:0 auto;
    display:block;
}

#bank{
    background-image:url(../images/icons/e-shop/bank.png);
    background-position:center;
    background-repeat:no-repeat;
    background-size:100%;
    width:101px;
    height:69px;
    margin:0 auto;
    display:block;
}

#personal{
    background-image:url(../images/icons/e-shop/personal.png);
    background-position:center;
    background-repeat:no-repeat;
    background-size:100%;
    width:104px;
    height:96px;
    margin:0 auto;
    display:block;
}

#up{
    position:relative;
    width:46px;
    height:56px;
    margin:0 auto;
    padding-top:10px;
    display:block;
}

#up span span{
    position:absolute;
    background-color:#bea750;
    width:14px;
    height:14px;
    z-index:1;
    display:block;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#up span:nth-child(1) {
  top:10px;
  left:0;
}

#up span:nth-child(2) {
  top:10px;
  left:16px;
}

#up span:nth-child(3) {
  top:10px;
  left:32px;
}

#up span:nth-child(4) {
  top:26px;
  left:0;
}

#up span:nth-child(5) {
  top:26px;
  left:16px;
}

#up span:nth-child(6) {
  top:26px;
  left:32px;
}

#up span:nth-child(7) {
  top:42px;
  left:0;
}

#up span:nth-child(8) {
  top:42px;
  left:16px;
}

#up span:nth-child(9) {
  top:42px;
  left:32px;
}

#up:hover span:nth-child(1) {
  top:5px;
  left:-5px;
}

#up:hover span:nth-child(2) {
  top:5px;
  left:16px;
}

#up:hover span:nth-child(3) {
  top:5px;
  left:37px;
}

#up:hover span:nth-child(4) {
  top:26px;
  left:-5px;
}

#up:hover span:nth-child(5) {
  top:26px;
  left:16px;
}

#up:hover span:nth-child(6) {
  top:26px;
  left:37px;
}

#up:hover span:nth-child(7) {
  top:47px;
  left:-5px;
}

#up:hover span:nth-child(8) {
  top:47px;
  left:16px;
}

#up:hover span:nth-child(9) {
  top:47px;
  left:37px;
}

#services-carousel{
    width:80%;
    margin:0 auto;
}

.service-box{
    width:33.3%;
    float:left;
}

.service{
    position:relative;
    width:300px;
    height:409px;
    margin:0 auto;
    display:block;

    -webkit-perspective: 800;
       -moz-perspective: 800;
        -ms-perspective: 800;
         -o-perspective: 800;
            perspective: 800;


    -ms-transform: perspective(1000px);
   -moz-transform: perspective(1000px);
     -moz-transform-style: preserve-3d;
      -ms-transform-style: preserve-3d;
}

.service > div{
    position:absolute;
    top:0;
    left:0;
    width:inherit;
    height:inherit;

    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -ms-transition: 0.6s;

    -moz-transition: 0.6s;
    -moz-transform: perspective(800px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;

    transition: 0.6s;
    transform-style: preserve-3d;
}

.front, .back{
    position:absolute;
    top:0;
    left:0;
    background-position:center;
    background-repeat:no-repeat;
    background-size:100%;
    width:inherit;
    height:inherit;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;

    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -webkit-transform: rotateY(0deg);

    -moz-transition: 0.6s;
    -moz-transform-style: preserve-3d;
    -moz-transform: rotateY(0deg);

    -o-transition: 0.6s;
    -o-transform-style: preserve-3d;
    -o-transform: rotateY(0deg);

    -ms-transition: 0.6s;
    -ms-transform-style: preserve-3d;
    -ms-transform: rotateY(0deg);

    transition: 0.6s;
    transform-style: preserve-3d;
    transform: rotateY(0deg);
}

.front{
    cursor:pointer;

    z-index: 2;

    -webkit-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
}

.back{
    padding-top:156px;

    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}

.service:hover .front{
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.service:hover .back{
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.front h2{
    position:absolute;
    bottom:17px;
    left:0;
    width:100%;
    text-align:center;
    text-transform:uppercase;
}

.front h2 a{
    text-decoration:none;
    color:#c0ac62;
}

.service#creative .front{
    background-image:url(../images/buttons/creative.png);
}

.service#online .front{
    background-image:url(../images/buttons/online.png);
}

.service#production .front{
    background-image:url(../images/buttons/production.png);
}

.service#creative .back{
    background-image:url(../images/buttons/over/creative.png);
}

.service#online .back{
    background-image:url(../images/buttons/over/online.png);
}

.service#production .back{
    background-image:url(../images/buttons/over/production.png);
}

.service#creative .service-content{
    background-image:url(../images/icons/creative.png);
}

.service#online .service-content{
    background-image:url(../images/icons/online.png);
}

.service#production .service-content{
    background-image:url(../images/icons/production.png);
}

.back h2{
    margin-bottom:20px;
    font-size:20px;
    text-transform:uppercase;
    color:#c0ac62;
}

.back ul{

}

.back ul li{

}

.back ul li a{
    text-decoration:none;
    color:#8b8b8b;
}

.back ul li a:hover{
    color:#000000;
}

.back .button{
    position:absolute;
    bottom:25px;
    left:50%;
    transform: translateX(-50%)
}

.service-content{
    background-position:top;
    background-repeat:no-repeat;
    padding:120px 0 0 0;
    text-align:center;
}

.service-content h2{
    margin-bottom:20px;
    font-size:20px;
    text-transform:uppercase;
    color:#c0ac62;
}

.service-content ul{
    line-height:2em;
}

.service-content ul li a{
    text-decoration:none;
    color:#8b8b8b;
}

.service-content ul li a:hover{
    color:#c0ac62;
}

#content{
    position:relative;
    background-color:#FFFFFF;
    padding:80px 0 0 0;
}

.page#page404 #content{
    background-image: url(../images/themes/page404.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    padding-top:200px;
    padding-bottom:1200px;
}

.page#page404 #content a{
    color:#c0ac62;
}

#content .text{
    margin:0 auto;
}

.text{
    text-align:center;
}

.text.left{
    padding-bottom:100px;
}

.text.left a{
    color:#bea750;
}

.text h1, .text h2{
    text-transform:uppercase;
    color:#bea750;
}

.text h3{
    margin-bottom:20px;
    letter-spacing:0.05em;
    color:#bea750;
}

.text p{
    margin-bottom:5px;
    color:#8b8b8b;
}

.text ul{
    color:#8b8b8b;
}

.text.left ul{
    text-align:left;
    list-style-type: square
}

.text.left ul li{
    margin:0 0 0 35px;
}

.text.left p{
    text-align:left;
}

.text p.big, .text span.big p{
    font-family: 'Conv_Roc_WG';
    letter-spacing:0.05em;
    line-height:1.1em;
    color:#000000;
}

.text span.big p{
    margin-bottom:60px;
}

input{
    width:100%;
    margin-bottom:20px;
    padding:11px;
    border-bottom:1px solid #8b8b8b;
    border-top:0;
    border-left:0;
    border-right:0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family:Conv_Roc_WG, Georgia, 'New York CE', utopia, serif;
    font-size:12px;
    color:#8b8b8b;
    display:block;
}

input:focus{
    outline-color:#bea750;
}

input.short{
    width:49%;
}

input.left{
    float:left;
}

input.mr{
    margin-right:2%;
}

input[type=submit]{
    background-color:#FFFFFF;
    width:auto;
    padding:8px 15px 8px 15px;
    border:1px solid #c0ac62;
    font-family:Conv_Roc_WG_b, Georgia, 'New York CE', utopia, serif;
    font-size:16px;
    letter-spacing:0.12em;
    text-transform:uppercase;
    cursor:pointer;
    color:#c0ac62;


    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

input[type=submit]:hover{
    background-color:#c0ac62;
    color:#FFFFFF;
}

textarea{
    width:100%;
    height:200px;
    margin-bottom:20px;
    padding:10px;
    border:1px solid #8b8b8b;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family:Conv_Roc_WG, Georgia, 'New York CE', utopia, serif;
    font-size:12px;
    resize:none;
    color:#8b8b8b;
    display:block;
}

textarea:focus{
    outline-color:#bea750;
}

.sent{

}

.sent img{
    max-width:500px;
    width:100%;
}

.line1{
    background-color:#bea750;
    width:100%;
    height:1px;
    display:block;
}

#values{
    position:relative;
    background-image: url(../images/values.jpg);
    background-position:top;
    background-repeat:no-repeat;
    background-size:100%;
    width:100%;
    height:700px;
    margin-top:40px;
    padding:120px 120px 0 120px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#values h2{
    margin-bottom:20px;
    font-family:Arial, Helvetica, sans-serif;
    text-transform:none;
}

#values ul{
    line-height:2em;
    font-size:20px;
    text-transform:uppercase;
    color:#FFFFFF;
}

#values p{
    margin-bottom:20px;
    color:#FFFFFF;
}

#values .button{
    position:absolute;
    bottom:30px;
    left:50%;
    transform: translateX(-50%);
}

.member{
    position:relative;
    width: -webkit-calc(20% - 10px);
    width: -moz-calc(20% - 10px);
    width:calc(20% - 10px);
    margin:0 5px 10px 5px;
    overflow:hidden;
    float:left;
}

.member img{
    width:100%;
    display:block;
}

.member img:last-child{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    z-index:1;
    display:block;

    -webkit-transition:all 3s ease;
    -moz-transition:all 3s ease;
    -ms-transition:all 3s ease;
    -o-transition:all 3s ease;
    transition:all 3s ease;
}

.member:hover img:last-child{
    top:-10%;
    left:-10%;
    width:120%;
}

.member .over{
    position:absolute;
    top:0;
    left:0;
    background-color:rgba(0, 0, 0, 0.7);
    width:100%;
    height:100%;
    text-align:left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor:pointer;
    opacity:0;
    filter: alpha(opacity=0);
    z-index:2;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.member .over.clink:hover{
    cursor:pointer;
}

.member .over > span{
    position:absolute;
    left:0;
    bottom:-100px;
    padding:0 25px 0 25px;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.member:hover .over{
    cursor:default;
    opacity:1;
    filter: alpha(opacity=100);
}

.member:hover .over > span{
    bottom:0;
}

.member .over h3{
    margin-bottom:10px;
    font-size:20px;
    letter-spacing:0.05em;
    text-transform:uppercase;
    opacity:0;
    filter: alpha(opacity=0);
    color:#FFFFFF;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.member .over.clink h3{
    margin-bottom:40px;
}

.member .over h4{
    margin-bottom:20px;
    font-size:16px;
    opacity:0;
    filter: alpha(opacity=0);
    color:#bea750;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.member .over p{
    margin-bottom:0px;
    padding-top:40px;
    letter-spacing:0.025em;
    opacity:0;
    filter: alpha(opacity=0);

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.member .over p a{
    text-decoration:none;
    color:#bea750;
}

.member .over p a:hover{
    color:#FFFFFF;
}

.member:hover .over h3{
    opacity:1;
    filter: alpha(opacity=100);
}

.member:hover .over h4{
    opacity:1;
    filter: alpha(opacity=100);
}

.member:hover .over p{
    padding-top:0;
    opacity:1;
    filter: alpha(opacity=100);
}

.member.wide{
    background-color:#000000;
    width: -webkit-calc(40% - 10px);
    width: -moz-calc(40% - 10px);
    width:calc(40% - 10px);
    padding-top: -webkit-calc(20% - 10px);
    padding-top: -moz-calc(20% - 10px);
    padding-top:calc(20% - 10px);
    text-align:left;
}

.member.wide.pt0{
    padding-top:0;
}

.member.wide h2{
    margin-bottom:10px;
    font-family: Arial, Helvetica, sans-serif;
    text-transform:none;
    color:#FFFFFF;
}

.member.wide p{
    margin-top:20px;
    padding-right:20px;
}

.member > .description{
    position:absolute;
    left:30px;
    bottom:20px;
    padding-right:30px;
    text-align:left;
    z-index:2;
}

.member > .description > h3{
    margin-bottom:5px;
    letter-spacing:0.1em;
    text-transform:uppercase;
    color:#FFFFFF;

}

.member > .description > p{
    margin-top:0!important;
    padding-right:0!important;
    letter-spacing:0.025em;
    color:#bea750;
}

.agency-team{
    position:absolute;
    top:25px;
    left:25px;
}

#service-nav{
    position:relative;
    top:-110px;
    width:602px;
    margin:0 auto;
    border:1px solid #bea750;
    z-index:10;
}

#service-nav ul li{
    width:200px;
    float:left;
}

#service-nav ul li.mid{
    border-left:1px solid #bea750;
    border-right:1px solid #bea750;
}

#service-nav ul li a{
    background-color:#FFFFFF;
    width:100%;
    height:55px;
    padding:15px 0 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Conv_Roc_WG';
    font-size:20px;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
    color:#000000;
    display:block;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#service-nav ul li a:hover{
    background-color:#bea750;
}

#service-nav ul li.active a{
    background-color:#bea750;
}

#service-subnav{
    position:relative;
    top:-70px;
    text-align:center;
}

#service-subnav ul li{
    padding:0 11px 0 15px;
    border-left:1px solid #000000;
    display:inline-block;
}

#service-subnav ul li:first-child{
    border-left:0;
}

#service-subnav ul li a{
    font-family: 'Conv_Roc_WG';
    font-size:20px;
    text-decoration:none;
    text-transform:uppercase;
    color:#000000;
}

#service-subnav ul li a:hover{
    color:#bea750;
}

#service-subnav ul li.active a{
    color:#bea750;
}

.ref{
    width:100%;
}

.ref li{
    width: -webkit-calc(33.3% - 10px);
    width: -moz-calc(33.3% - 10px);
    width:calc(33.3% - 10px);
    margin:0 5px 10px 5px;
    height:288px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow:hidden;
    float:left;
}

.ref li img{
    width:100%;
    display:block;
}

.ref li.last{
    position:relative;
    background-color:#000000;
    padding-top:16.65%;
}

.ref li.last > span{
    position:absolute;
    top:25px;
    left:25px;
    padding-right:25px;
    text-align:left;
}

.ref li.last > span h2{
    font-family:'Conv_Roc_WG';
    text-transform:none;
    color:#FFFFFF;
}

#ref-nav{
    margin:0 auto;
    padding-top:40px;
}

#ref-nav > div{
    position:relative;
    top:-90px;
    width:1056px;
    margin:0 auto;
    border:1px solid #bea750;
    z-index:10;
}

#ref-nav ul li{
    width:150px;
    border-right:1px solid #bea750;
    float:left;
}

#ref-nav ul li:last-child{
    border-right:0;
}

#ref-nav ul li a{
    background-color:#FFFFFF;
    width:100%;
    height:55px;
    padding:15px 0 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Conv_Roc_WG';
    font-size:16px;
    letter-spacing:0.12em;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
    cursor:pointer;
    color:#000000;
    display:block;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#ref-nav ul li a:hover{
    background-color:#bea750;
}

#ref-nav ul li.active a{
    background-color:#bea750;
}

.ref-list{
    position:relative;
    top:-50px;
    width: -webkit-calc(100% - 10px);
    width: -moz-calc(100% - 10px);
    width:calc(100% - 10px);
    padding:5px;
}

.ref-list ul li{
    position:relative;
    width: -webkit-calc(25% - 10px);
    width: -moz-calc(25% - 10px);
    width:calc(25% - 10px);
    margin:0 5px 10px 5px;
    overflow:hidden;
    cursor:pointer;
    float:left;


    opacity: 1;
    filter: alpha(opacity=100);
    transition:width 0s, opacity 1s, margin 0s;

}

.ref-list ul li.hide{
    width:0;
    margin:0;
    opacity:0;
    filter: alpha(opacity=0);
    transition:width 0.5s 1s, opacity 1s, margin 0s 1s;
}

.ref-list ul li img{
    width:100%;
    display:block;
}

.ref-list ul li img:last-child{
    position:absolute;
    top:0;
    left:0;
    z-index:1;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.ref-list ul li:hover img:last-child{
    top:-5%;
    left:-5%;
    width:110%;
}

.ref-list ul li > span.over{
    position:absolute;
    top:0;
    left:0;
    background-color:rgba(0, 0, 0, 0.75);
    width:100%;
    height:100%;
    padding:10px 12px 12px 10px;
    z-index:2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    opacity:0;
    filter: alpha(opacity=0);

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.ref-list ul li:hover > span.over{
    opacity:1;
    filter: alpha(opacity=100)
}

.ref-list ul li span.over span.inner{
    position:relative;
    width:100%;
    height:100%;
    padding:30px 30px 110px 30px;
    border:1px solid #bea750;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow:hidden;
    display:block;
}

.ref-list ul li span.over span.inner h3{
    position:relative;
    top:20px;
    margin-bottom:5px;
    font-size:20px;
    text-transform:uppercase;
    color:#FFFFFF;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.ref-list ul li:hover span.over span.inner h3{
    top:0;
}

.ref-list ul li span.over span.inner p{
    position:relative;
    top:20px;
    margin-bottom:5px;
    color:#bea750;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.ref-list ul li:hover span.over span.inner p{
    top:0;
}

.ref-list ul li span.over span.inner .b21{
    position:absolute;
    bottom:30px;
    left:-230px;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.ref-list ul li:hover span.over span.inner .b21{
    left:30px;
}

.ref-list ul li span.over span.inner span.button2.b22{
    position:absolute;
    bottom:30px;
    right:-230px;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.ref-list ul li:hover span.over span.inner span.button2.b22{
    right:30px;
}

.button2.b21 span, .button2.b22 span{
    padding-right:0;
}

.ref-list ul li .flash-mini{
    opacity:0;
    filter:alpha(opacity=0);

    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

.ref-list ul li:hover .flash-mini{
    opacity:1;
    filter:alpha(opacity=100);
}

.flash-mini{
    background-image:url(../images/icons/flash-mini.png);
    background-position:center;
    background-repeat:no-repeat;
    width:28px;
    height:50px;
    margin-bottom:30px;
    display:block;
}

.refnav-container{
    width:100%;
    overflow:hidden;
    display:block;
}

.refnav{
    position:relative;
    height:50px;
    margin:0 auto;
    display:block;
}

.ref-left{
    position:absolute;
    top:15px;
    left:0;
    width:200px;
    font-family:Conv_Roc_WG, Georgia, 'New York CE', utopia, serif;
    font-size:16px;
    letter-spacing:0.12em;
    text-align:right;
    text-transform:uppercase;
    display:block;
}

.ref-left a{
    position:relative;
    padding:0 0 8px 0;
    border-bottom:1px solid #000000;
    text-decoration:none;
    color:#000000;
    display:block;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.ref-left a span{
    position:absolute;
    top:0;
    left:0;

    webkit-transition: left 0.5s;
    -moz-transition: left 0.5s;
    -ms-transition: left 0.5s;
    -o-transition: left 0.5s;
    transition: left 0.5s;
}

.ref-left a:hover{
    border-bottom:1px solid #bea750;
    color:#bea750;
}

.ref-left a:hover span{
    left:-10px;
}

.ref-right{
    position:absolute;
    top:15px;
    right:0;
    width:200px;
    font-family:Conv_Roc_WG, Georgia, 'New York CE', utopia, serif;
    font-size:16px;
    letter-spacing:0.12em;
    text-transform:uppercase;
    display:block;
}

.ref-right a{
    position:relative;
    padding:0 0 8px 0;
    border-bottom:1px solid #000000;
    text-decoration:none;
    color:#000000;
    display:block;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.ref-right a span{
    position:absolute;
    top:0;
    right:0;

    -webkit-transition: right 0.5s;
    -moz-transition: right 0.5s;
    -ms-transition: right 0.5s;
    -o-transition: right 0.5s;
    transition: right 0.5s
}

.ref-right a:hover{
    border-bottom:1px solid #bea750;
    color:#bea750;
}

.ref-right a:hover span{
    right:-10px;
}

.casestudy{
    margin:0 auto;
    padding-bottom:10px;
}

.casestudy .row{
    width:100%;
    margin-bottom:100px;
}

.cs-text{
    position:relative;
    /*left:-2000px;*/
    width:40%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow:hidden;
    float:left;
}

.cs-text.long{
    width:100%;
}

.cs-text.left{
    padding-right:3.75%;
}

.cs-text.right{
    padding-left:3.75%;
}

.cs-text.center{
    text-align:center;
}

.cs-text a{
    color:#bea750;
}

.cs-text h1, .cs-text h2{
    font-family:Conv_Roc_WG, Georgia, 'New York CE', utopia, serif;
    letter-spacing:0.05em;
    color:#bea750;

}

.cs-text h3{

}

.cs-text p{
    margin-bottom:20px;
    font-size:16px;
    letter-spacing:0.025em;
    color:#8b8b8b;
}

.cs-text p strong{
    font-size:25px;
    letter-spacing:0.02em;
    color:#000000;
}

.cs-text p span.author{
    font-size:20px;
    text-align:right;
    letter-spacing:0.02em;
    color:#000000;
    display:block;
}

.cs-text img{
    width:100%;
    display:block;
}

.points{
    width:100%;
    display:block;
}

.points.center{
    text-align:center;
}

.point{
    background-image: url(../images/point.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 11px;
    width:17px;
    height:17px;
    margin-right:5px;
    display:inline-block;
}

.point.active{
    background-size: 17px;
    width:17px;
    height:17px;
    margin-top:5px
}

.cs-images{
    position:relative;
    width:60%;
    overflow:hidden;
    float:left;
}

.cs-images span{
    position:relative;
}

.cs-images img{
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-50%);
}

.cs-images video{
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-50%);
}

.cs-images.long{
    width:100%;
}

.cs-images.img1 span{
    width:100%;
    padding-top:56.25%;
    display:block;
}

.cs-images.img1 img{
    width:100%;
    display:block;
}

.cs-images.img1 video{
    height:100%;
    display:block;
}

.cs-images.img2 span{
    position:relative;
    width:65.63%;
    padding-top:40%;
    overflow:hidden;
    float:left;
}

.cs-images.img2 span:first-child{
    width:33.75%;
    margin-right:0.62%;
    padding-top:40%;
}

.cs-images.img2 img{
    height:100%;
    display:block;
}

.cs-images.img2 video{
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    height:100%;
    display:block;
}

.cs-images.img3 span{
    position:relative;
    width:32.63%;
    padding-top:32.63%;
    margin-bottom:1.05%;
    overflow:hidden;
    float:left;
}

.cs-images.img3 span:first-child{
    width:66.32%;
    padding-top:66.32%;
    margin-right:1.05%;
    margin-bottom:0;
}

.cs-images.img3 span:last-child{
    margin-bottom:0;
}

.cs-images.img3 img{
    position:absolute;
    top:0;
    height:100%;
    display:block;
}

.cs-images.img3 video{
    position:absolute;
    top:0;
    height:100%;
    display:block;
}

.cs-images ul{
    position:relative;
    width:10000em;
}

.cs-images ul li{
    width:1104px;
    float:left;
}

.cs-images.img1 ul li{
    width:1104px;
}

.cs-images.long ul li{
    width:1840px;
}

.cs-video{
    position:relative;
    width:1104px;
    margin:0 auto;
    overflow:hidden;
}

.cs-video > span{
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom:56.25%;
    display:block;
}

.cs-video > span > iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display:block;
}

.cs-video > ul{
    position:relative;
    width:10000em;
}

.cs-video > ul > li{
    width:1104px;
    padding:0 0 20px 0;
    float:left;
}

.cs-video > ul > li > span{
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom:56.25%;
    display:block;
}

.cs-video > ul > li> span > iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display:block;
}

/*

.video_wrapper {
  margin: 0 auto;
  position: relative;
  background-color: #000;
}

.video_wrapper_full {

}

.videoIframe {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
}

.videoPoster {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-size: 100%;
    border: none;
    text-indent: -999em;
    overflow: hidden;
    opacity: 1;
    -webkit-transition: opacity 2300ms, height 0s;
    -moz-transition: opacity 2300ms, height 0s;
    transition: opacity 2300ms, height 0s;
    -webkit-transition-delay: 0s, 0s;
    -moz-transition-delay: 0s, 0s;
    transition-delay: 0s, 0s;
    background-color: transparent;
}
.videoPoster:hover {
  cursor: pointer;
}

.videoPoster:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  background-image: url(../images/buttons/video.png);
  width: 120px;
  height: 120px;
  margin: -60px 0 0 -60px;
  border-radius: 100%;
  -webkit-transition: border-color 300ms;
  -moz-transition: border-color 300ms;
  transition: border-color 300ms;

}

.videoPoster:hover:before,  .videoPoster:focus:before {
    background-image: url(../images/buttons/over/video.png)
}

.videoWrapperActive .videoPoster {
  opacity: 0;
  height: 0;
  -webkit-transition-delay: 0s, 800ms;
  -moz-transition-delay: 0s, 800ms;
  transition-delay: 0s, 800ms;
}
*/

.images-button{
    padding-top:25px;
    text-align:center;
    display:none;
}

.more-offers{
    cursor:pointer;
}

#career-carousel{
    width:80%;
    margin:0 auto;
}

.career-box{
    width:33.3%;
    margin:0 auto;
    float:left;
}

.career-box.hide{
    display:none;
}

#career-carousel.one .career-box{
    float:none;
}

.career{
    position:relative;
    background-image: url(../images/buttons/career.png);
    background-position:center;
    background-repeat: no-repeat;
    width:310px;
    height:340px;
    margin:0 auto;
    padding:60px 70px 0 70px;
    border-radius:10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align:center;
    cursor:pointer;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.career:hover{
  background-color: #000000
}

.career-image{
    position:relative;
    width:100px;
    height:100px;
    margin:0 auto;
    margin-bottom:20px;
    display:block;
}

.career-image img{
    position:absolute;
    top:0;
    left:0;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.career-image img:last-child{
    opacity:0;
    filter: alpha(opacity=0);
}

.career:hover .career-image img:last-child{
    opacity:1;
    filter: alpha(opacity=100);
}

.career h2{
    margin-bottom:20px;
    font-size:20px;
    letter-spacing:0.1em;
    text-transform: uppercase;
    color:#bea750;
    display:block;

}

.career h3{
    color:#8b8b8b;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.career:hover h3{
    color:#FFFFFF;
}

.career .button{
    position:absolute;
    bottom:27px;
    left:50%;
    transform: translateX(-50%);
}

.blocks{
    width:70%;
    margin:0 auto;
}

.block{
    text-align:left;
}

.block h2{
    font-family:Arial, Helvetica, sans-serif;
    font-size:16px;
    font-weight:bold;
    letter-spacing:0.02em;
    text-transform:none;
}

.block ul{
    padding-left:15px;
    line-height:2em;
    list-style-type:disc;
    color:#bea750;
}

.block ul li span{
    color:#8b8b8b;
}

.block.left{
    width:50%;
    float:left;
}

.block td{
    padding:0 0 20px 0;
    line-height:2em;
}

.block td:first-child{
    padding-right:50px;
    font-size:16px;
    font-weight:bold;
    letter-spacing:0.02em;
}

.block td:last-child{
    color:#bea750;
}

.block a{
    text-decoration:none;
    color:#bea750;
}

.block p{
    color:#8b8b8b!inherit;
}

#product-top{
    position:relative;
    margin:0 auto;
    padding:0 5px 0 5px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#product-top.nm{
    padding:0;
}

#product-top h2{
    font-family: Arial, Helvetica, sans-serif
}

#product-top h2 a{
    text-decoration:none;
    color:inherit;
}

#product-top h2 a:hover, #product-top h2 a.active{
    color:#bea750;
}

#product-top > .button{
    position:absolute;
    top:8px;
    right:5px;
}

#products{
    margin:0 auto;
    padding-bottom:60px;
}

.product{
    position:relative;
    width: -webkit-calc(33.3% - 10px);
    width: -moz-calc(33.3% - 10px);
    width:calc(33.3% - 10px);
    margin:0 5px 10px 5px;
    overflow:hidden;
    float:left;
}

.product img{
    width:100%;
    display:block;
}

.product img:last-child{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    z-index:1;
    display:block;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.product:hover img:last-child{
    top:-5%;
    left:-5%;
    width:110%;
}

.product .over{
    position:absolute;
    top:0;
    left:0;
    background-color:rgba(0, 0, 0, 0.7);
    width:100%;
    height:100%;
    padding:10px;
    text-align:left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor:pointer;
    opacity:0;
    filter: alpha(opacity=0);

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.product .over span.inner{
    position:relative;
    width:100%;
    height:100%;
    padding:30px;
    border:1px solid #bea750;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow:hidden;
    display:block;
}

.product .over span.inner h3{
    position:relative;
    top:20px;
    margin-bottom:10px;
    font-size:20px;
    color:#FFFFFF;

    -webkit-transition: top 0.5s;
    -moz-transition: top 0.5s;
    -ms-transition: top 0.5s;
    -o-transition: top 0.5s;
    transition: top 0.5s;
}

.product:hover .over span.inner h3{
    top:0;
}

.product .over span.inner p{
    position:relative;
    top:20px;
    color:#bea750;

    -webkit-transition: top 0.5s;
    -moz-transition: top 0.5s;
    -ms-transition: top 0.5s;
    -o-transition: top 0.5s;
    transition: top 0.5s;
}

.product:hover .over span.inner p{
    top:0;
}

.product .over span.inner .b21{
    position:absolute;
    bottom:30px;
    left:-230px;

    -webkit-transition: left 0.5s;
    -moz-transition: left 0.5s;
    -ms-transition: left 0.5s;
    -o-transition: left 0.5s;
    transition: left 0.5s;
}

.product:hover .over span.inner .b21{
    left:30px;
}

.product .over span.inner .b22{
    position:absolute;
    bottom:30px;
    right:-230px;

    -webkit-transition: right 0.5s;
    -moz-transition: right 0.5s;
    -ms-transition: right 0.5s;
    -o-transition: right 0.5s;
    transition: right 0.5s;
}

.product:hover .over span.inner .b22{
    right:30px;
}

.product:hover .over{
    opacity:1;
    filter: alpha(opacity=100);
    z-index:100;
}

.product .info{
    position:absolute;
    background-image:url(../images/product.png);
    background-position:bottom;
    background-repeat:no-repeat;
    width:100%;
    height:100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.product:hover .info{
    opacity:0;
}

.product .info > span{
    position:absolute;
    bottom:40px;
}

.product .info > span:first-child{
    left:50px;
    font-size:20px;
    color:#FFFFFF;
}

.product .info > span:last-child{
    right:50px;
    color:#bea750;
}

.product.last{
    background-color:#000000;
    padding-top: -webkit-calc(33.3% - 10px);
    padding-top: -moz-calc(33.3% - 10px);
    padding-top:calc(33.3% - 10px);
}

.product .about-collection{
    position:absolute;
    top:0;
    left:0;

    width:100%;
    height:100%;
    padding:30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color:#FFFFFF;
}

.product .about-collection h2{
    font-family: Arial, Helvetica, sans-serif;
}

.product .about-collection p{
    color:#8b8b8b;
}

#product{
    margin:0 auto;
    padding-bottom:60px;
}

#product .images{
    width:50%;
    padding-left:5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float:left;
}

#product .images > a{
    display:block;
}

#product .images > a > img{
    width:100%;
    display:block;
}

#product .images .gallery{
    width:100%;
    display:block;
}

#product .images .gallery li{
    width:25%;
    float:left;
}

#product .images .gallery img{
    width:100%;
}

#product .info{
    width:35%;
    padding-left:50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float:left;
}

#product .info h2{
    font-family: Arial, Helvetica, sans-serif;
    color:#bea750;
}

#product .info td{
  vertical-align: top
}

#product .info td:first-child{
    width:100px;
    font-size:20px;
}

#product .info td:last-child{
    padding-bottom:40px;
}

#product .info td.top{
    padding-top:10px;
    vertical-align:top;
}

#product .info td:last-child > span{
    font-weight:bold;
    color:#bea750;
}

#product .info td:last-child p{
    margin-bottom:20px;
    color:#8b8b8b;
}

#product .info #social span#fb{
    background-image: url(../images/icons/over/facebook.png);
    margin-left:0;
}

#product .info #social span#tw{
    background-image: url(../images/icons/over/twitter.png);
}

#product .info #social span#in{
    background-image: url(../images/icons/over/instagram.png);
}

.sizes{

}

.sizes li{
    width:42px;
    height:42px;
    margin-right:20px;
    border:1px solid #8b8b8b;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align:center;
    cursor:pointer;
    float:left;
}

.sizes li a{
    width:100%;
    height:100%;
    padding-top:10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align:center;
    text-decoration:none;
    color:#8b8b8b;
    display:block;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.sizes li.active a, .sizes li a:hover{
    background-color:#bea750;
    color:#FFFFFF;
}

.tocart input{
    width:42px;
    margin-right:20px;
    border:1px solid #bea750;
    text-align:center;
    float:left
}

.tocart input[type=submit]{
    width:auto;
}

#order{
    margin:0 auto;
}

.cart-list table{
    width:100%;
}

.cart-list tr{
    border-bottom:1px solid #bea750;
}

.cart-list td{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align:middle;
}

.cart-list td.t1{
    width:200px;
    padding:20px 0 20px 0;
}

.cart-list td.t1 img{
    width:200px;
    display:block;
}

.cart-list td.t2{
    width:480px;
    padding:30px;
}

.cart-list td.t2 h3{
    margin-bottom:20px;
    color:#bea750;
}

.cart-list td.t2 p{
    margin-bottom:5px;
    font-size:20px;
}

.cart-list td.t2 p span{
    color:#bea750;
}

.cart-list td.t3, .cart-list td.t4, .cart-list td.t5{
    text-align:center;
}

.cart-list td.t3 h4, .cart-list td.t4 h4, .cart-list td.t5 h4{
    margin-bottom:20px;
    line-height:1em;
}

.cart-list td.t3 span, .cart-list td.t5 > span{
    height:42px;
    line-height:1em;
    color:#bea750;
    display:block;
}

.cart-list td.t4 input{
    width:42px;
    margin:0 auto;
    border:1px solid #bea750;
    text-align:center;
}

.cart-list td.t6{
    text-align:right;
}

span.close{
    display:inline-block;
}

span.close a{
    background-image: url(../images/icons/close.png);
    background-position: center;
    background-repeat: no-repeat;
    width:18px;
    height:18px;
    cursor:pointer;
    display:block;
}

.total{
    padding-left:50%;
}

.total table{
    width:100%;
}

.total tr{
    border-bottom:1px solid #bea750;
}

.total td{
    padding:20px 0 20px;
}

.total td:first-child{
    text-align:left;
}

.total td:last-child{
    text-align:right;
    color:#bea750;
}

.total td span{
    line-height:1em;
}

.total td.sum{
    color:#bea750;
}

.personal{
    width:50%;
    padding-right:60px;
    padding-bottom:60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float:left;
}

.personal h2{
    font-family:Conv_Roc_WG, Georgia, 'New York CE', utopia, serif;
}

.checkbox{
    display:block;
}

.checkbox .check{
    width:15px;
    height:15px;
    margin-right:15px;
    padding:2px;
    border:1px solid #8b8b8b;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor:pointer;
    float:left;
}

.checkbox .check > span{
    background-color:#bea750;
    width:100%;
    height:100%;
    opacity:0;
    filter: alpha(opacity=0);
    display:block;
}

.checkbox.checked .check > span{
    opacity:1;
    filter: alpha(opacity=100);
}

.checkbox .check input{
    width:15px;
    display:none;
}

.checkbox .check{
    margin-top:3px;
}

.checkbox label{
    font-size:20px;
    color:#8b8b8b;
    float:left;
}

.checkbox label a{
    color:#bea750;
}

.address{
    padding-top:60px;
    overflow:hidden;
}

.address.hide{
    height:0;
}

.payment{
    position:relative;
    width:50%;
    padding-bottom:100px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float:left;
}

.payment h2{
    font-family:Conv_Roc_WG, Georgia, 'New York CE', utopia, serif;
}

.payment table{
    width:100%;
}

.payment td{
    height:50px;
    padding-bottom:30px;
    vertical-align:middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color:#8b8b8b;
}

.payment td.t1{
    width:20px;
}

.payment td.t2{
    width:70px;
}

.payment td.t3{
    padding-left:20px;
    font-size:20px;
}

.payment td.t4{
    text-align:right;
}

.payment td.t5{
    text-align:right;
}

.payment .button{
    position:absolute;
    bottom:100px;
}

.payment .button.b21{
    left:0;
}

.payment .button.b22{
    right:0;
    bottom:70px;
}

#bottom{
    position:relative;
    background-color:#171717;
    width:100%;
    overflow:hidden;
    z-index:1;
}

#bottom > div{
    background-color:#FFFFFF;
}

#clients{
    position:relative;
    background-color:#FFFFFF;
    height:160px;
    margin:0 auto;
    overflow:hidden;
}

#clients ul{
    position:relative;
    width:10000em;
    display:table;
}

#clients ul li{
    width:184px;
    height:160px;
    text-align:center;
    float:left;
}

#clients ul li a{
    position: absolute;
    top:50%;
    width:100%;
    text-align:center;
    transform: translateY(-50%);
    display:block;
}

#clients ul li a img{
    max-width:180px;
    max-height:70px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);

    -webkit-transition: filter 0.5s;
    -moz-transition: filter 0.5s;
    -ms-transition: filter 0.5s;
    -o-transition: filter 0.5s;
    transition: filter 0.5s;
}

#clients ul li a:hover img{
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

#contacts{
    background-image:url(../images/themes/map.jpg);
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    width:100%;
    padding-top:130px;
    padding-bottom:75px;
    text-align:center;
    color:#FFFFFF;
}

#contacts h2{
    text-transform:uppercase;
}

.contacts{
    width:80%;
    margin:0 auto;
}

.contacts span{
    background-position:top;
    background-repeat:no-repeat;
    width:33.3%;
    margin-bottom:75px;
    padding-top:100px;
    line-height:1.6em;
    font-size:16px;
    font-weight:bold;
    letter-spacing:0.025em;
    float:left;
}

.contacts span#email{
    background-image: url(../images/icons/email.png);
}

.contacts span#phone{
    background-image: url(../images/icons/phone.png);
}

.contacts span#map{
    background-image: url(../images/icons/map.png);
}

.contacts span a{
    text-decoration:none;
    color:#FFFFFF;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.contacts span a:hover{
    color:#bea750;
}

#social{
    height:24px;
}

#social > span{

    width:24px;
    height:24px;
    margin:0 25px 0 25px;
    display:inline-block;
}

#social > span a{
    position:relative;
    background-position:center;
    background-repeat:no-repeat;
    width:inherit;
    height:inherit;
    display:block;
}

#social > span a > span.over{
    position:absolute;
    top:0;
    left:0;
    background-position:center;
    background-repeat:no-repeat;
    width:inherit;
    height:inherit;
    opacity:0;
    filter: alpha(opacity=0);

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#social > span a:hover > span.over{
    opacity:1;
    filter: alpha(opacity=100);
}

#social span#fb{
    background-image: url(../svg/fb.svg);
}

#social span#fb span.over{
    background-image: url(../svg/fb-over.svg);
}

#social span#ig{
    background-image: url(../svg/ig.svg);
}

#social span#ig span.over{
    background-image: url(../svg/ig-over.svg);
}

#social span#yt{
    background-image: url(../svg/yt.svg);
}

#social span#yt span.over{
    background-image: url(../svg/yt-over.svg);
}

#submenu{
    position:relative;
    background-color:#171717;
    padding-top:40px;
    padding-bottom:30px;
    text-align:center;
    overflow:hidden;
    z-index:1;
}

#logo2{
    padding-bottom:40px;
    display:inline-block;
}

#submenu span{
    margin:0 18px 0 18px;
    font-family:Conv_Roc_WG, Georgia, 'New York CE', utopia, serif;
    font-size:16px;
    text-transform:uppercase;
    color:#FFFFFF;
    display:inline-block;
}

#submenu span a{
    text-decoration:none;
    color:inherit;

    -webkit-transition: color 0.5s;
    -moz-transition: color 0.5s;
    -ms-transition: color 0.5s;
    -o-transition: color 0.5s;
    transition: color 0.5s;
}

#submenu span a:hover{
    color:#c0ac62;
}

footer{
    position:relative;
    background-color:#171717;
    margin:0 auto;
    padding:35px 0 35px 0;
    border-top:1px solid #5d5d5d;
    font-family:Conv_Roc_WG, Georgia, 'New York CE', utopia, serif;
    font-size:12px;
    text-align:center;
    z-index:1;
    color:#5d5d5d;
}

.contact-form{
    position:fixed;
    bottom:-60px;
    right:0;
    background-color:#FFFFFF;
    width:300px;
    height:60px;
    overflow:hidden;
    z-index:9999;

    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    transition:all 0.5s;
}

.contact-form.active{
    bottom:0;
}

.contact-form.roll{
    bottom:0;
    height:425px;
}

.contact-form .form{
    padding:20px 10px 75px 10px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

.contact-form .form textarea{
    height:100px;
    border-top:0;
    border-right:0;
    border-left:0;
}

.contact-form .form .checkbox label, #order-form .checkbox label, .block.left .checkbox label{
    font-size:12px;
}

.contact-button, .contact-button2, .send-button{
    background-color:#bea750!important;
    background-image:url(../images/icons/contact.png);
    background-position:20px center;
    background-repeat:no-repeat;
    width:300px!important;
    height:60px!important;
    padding:17px 0 0 0;
    border:1px solid #bea750!important;
    -webkit-box-sizing:border-box!important;
    -moz-box-sizing:border-box!important;
    box-sizing:border-box!important;
    font-family:Conv_Roc_WG, Georgia, 'New York CE', utopia, serif!important;
    font-size:20px!important;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
    cursor:pointer;
    color:#000000!important;
    display:block;

    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    transition:all 0.5s;
}

.contact-button, .send-button{
    position:absolute!important;
    left:0!important;
    bottom:0!important;
    margin:0!important;
}

.contact-button2{
    margin:0 auto;
}

.send-button{
    padding:0!important;
}

.contact-button:hover, .contact-button2:hover{
    background-color:#FFFFFF!important;
}

#order-form{
    padding:0 50px 50px 50px;
}

#order-form a{
    color:#bea750;
}

#order-form .text span{
    display:block;
}

#order-form .text span.font40{
    font-family:'Conv_Roc_WG';
    letter-spacing:0.05em;
    line-height:1.1em;
    text-transform:uppercase;
}

label.error {
    position:absolute;
    top:0;
    left:0;
    background-color:#FFFFFF!important;
    font-size:14px;
}

.fancybox-slide--iframe .fancybox-content {
    width:800px;
    height:800px;
    max-width:80%;
    max-height:80%;
    margin:0;
    padding:0!important;
}

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; }
input:focus::-moz-placeholder { color:transparent; }
input:focus:-ms-input-placeholder { color:transparent; }

textarea:focus::-webkit-input-placeholder { color:transparent; }
textarea:focus:-moz-placeholder { color:transparent; }
textarea:focus::-moz-placeholder { color:transparent; }
textarea:focus:-ms-input-placeholder { color:transparent; }

@media (max-width: 1920px) {
    .wd{
        width:1560px;
    }

    .page{
        padding-top:600px;
    }

    #clients ul li{
        width:195px;
        height:160px;
    }

    .page#clienttheme{
        padding-top:700px;
    }

    .page#shop{
        padding-top:350px;
    }

    .theme{
        height:600px;
    }

    .theme#home{
        height:700px;
    }

    .theme video{
        height:600px;
    }

    .theme#home video{
        height:700px;
    }

    .theme.client{
        height:700px;
    }

    .theme#eshop{
        height:350px;
    }

    #values{
        height:620px;
    }

    #values .button{
        bottom:60px;
    }

    .cs-images.long ul li{
        width:1560px;
    }

    .cs-images ul li{
        width:936px;
    }

    .cs-images.img1 ul li{
        width:936px;
    }

    .cs-video{
        width:936px;
    }

    .cs-video > ul > li{
        width:936px;
    }

    .page#page404 #content{
        padding-bottom:900px;
    }
}

@media (max-width: 1800px) {
    .wd{
        width:1460px;
    }

    #hl.anim h1 strong{
        width:350px;
    }

    #values{
        height:566px;
        padding:100px 100px 0 100px;
    }

    #values .button{
        bottom:40px;
    }

    .ref li{
        height:270px;
    }

    .cs-images ul li{
        width:876px;
    }

    .cs-images.img1 ul li{
        width:876px;
    }

    .cs-images.long ul li{
        width:1460px;
    }

    .cs-video{
        width:876px;
    }

    .cs-video > ul > li{
        width:876px;
    }

    .cart-list td.t2{
        width:440px;
    }

    .page#page404 #content{
        padding-top:150px;
        padding-bottom:750px;
    }
}

@media (max-width: 1600px) {
    .wd{
        width:1360px;
    }

    .font60{
        font-size:55px;
    }

    .font40{
        font-size:35px;
    }

    .mb60{
        margin-bottom:55px!important;
    }

    #hl.anim h1 strong{
        width:320px;
    }

    .title{
        top:25px;
    }

    .showup{
        bottom:40px;
    }

    .subtitle{
        bottom:40px;
    }

    .member .over{
        padding:70px 20px 0 20px;
    }

    .member .over h3{
        font-size:16px;
    }

    .agency-team{
        top:20px;
        left:20px;
    }

    #values{
        height:527px;
        padding:80px 80px 0 80px;
    }

    #values .button{
        bottom:35px;
    }

    .ref li{
        height:251px;
    }

    #ref-nav > div{
        top:-85px;
    }

    .ref-list ul li{
        width: -webkit-calc(33.3% - 10px);
        width: -moz-calc(33.3% - 10px);
        width:calc(33.3% - 10px);
    }

    .cs-images ul li{
        width:816px;
    }

    .cs-images.img1 ul li{
        width:816px;
    }

    .cs-images.long ul li{
        width:1360px;
    }

    .cs-video{
        width:816px;
    }

    .cs-video > ul > li{
        width:816px;
    }

    #product-top > .button{
        top:2px;
    }

    .cart-list td.t2{
        width:400px;
    }

    .page#page404 #content{
        padding-bottom:700px;
    }
}

@media (max-width: 1440px) {
    .wd{
        width:1300px;
    }

    .font60{
        font-size:50px;
    }

    .font40{
        font-size:30px;
    }

    .mb60{
        margin-bottom:50px!important;
    }

    #hl.anim h1 strong{
        width:285px;
    }

    .page#clienttheme{
        padding-top:575px;
    }

    .theme#home, .theme.client{
        height:575px;
    }

    #claim{
        width:340px;
    }

    #showreel{
        top:-20px;
        width:250px;
        height:71px;
    }

    #mouse{
        background-size:20px;
        width:20px;
        height:60px;
    }

    .subtitle{
        bottom:20px;
    }

    #desk{
        padding:60px 0 75px 0;
    }

    .member.wide p{
        margin-top:0;
        margin-bottom:10px;
    }

    #values{
        height:504px;
        padding:80px 120px 0 120px;
    }

    #clients{
        height:120px;
    }

    #clients ul li{
        height:120px;
    }

    #contacts{
        padding-top:100px;
        padding-bottom:60px;
    }

    .ref li{
        height:239px;
    }

    .ref li.last > span{
        top:20px;
        left:20px;
        padding-right:20px;
    }

    #ref-nav > div{
        top:-82px;
    }

    .cs-images ul li{
        width:780px;
    }

    .cs-images.img1 ul li{
        width:780px;
    }

    .cs-images.long ul li{
        width:1300px;
    }

    .cs-video{
        width:780px;
    }

    .cs-video > ul > li{
        width:780px;
    }

    #product-top > .button{
        top:-2px;
    }

    #product .info{
        width:50%;
    }

    .cart-list td.t2{
        width:380px;
    }

    .page#page404 #content{
        padding-bottom:600px;
    }
}

@media (max-width: 1366px) {
    .wd{
        width:1240px;
    }

    .font60{
        font-size:45px;
    }

    .font40{
        font-size:25px;
    }

    .mb60{
        margin-bottom:45px!important;
    }

    #hl.anim h1 strong{
        width:255px;
    }

    nav ul li{
        margin-left:27px;
    }

    .page#clienttheme{
        padding-top:500px;
    }

    .theme#home, .theme.client{
        height:500px;
    }

    #claim{
        width:280px;
        margin-top:0;
    }

    #showreel{
        width:200px;
        height:57px;
    }

    .title h2{
        margin-bottom:15px;
    }

    .title h3{
        height:26px;
        padding:5px 10px 0px 10px;
        font-size:12px;
    }

    .title h3::before{
        left:-10px;
        width:10px;
        height:26px;
    }

    .title h3::after{
        right:-10px;
        width:10px;
        height:26px;
    }

    .subtitle{
        bottom:10px;
    }

    .subtitle h2{
        margin-bottom:10px;
        font-size:16px;
    }

    .subtitle h3{
        font-size:16px;
    }

    .member.wide h2{
        margin-bottom:5px;
    }

    .member p{
        font-size:14px;
    }

    .member.wide p{
        margin-bottom:5px;
    }

    #values{
        height:481px;
        padding:80px 80px 0 80px;
    }

    #clients{
        height:100px;
    }

    #clients ul li{
        height:100px;
    }

    #service-nav{
        width:452px;
    }

    #service-nav ul li{
        width:150px;
        float:left;
    }

    #service-nav ul li a{
        height:50px;
        padding:12px 0 0 0;
        font-size:16px;
    }

    #service-subnav{
        top:-70px;
    }

    #service-subnav ul li{
        padding:0 6px 0 10px;
    }

    #service-subnav ul li a{
        font-size:16px;
    }

    .ref li{
        height:228px;
    }

    .ref li.last > span{
        top:15px;
        left:15px;
        padding-right:15px;
    }

    #ref-nav > div{
        top:-75px;
        width:706px;
    }

    #ref-nav ul li{
        width:100px;
    }

    #ref-nav ul li a{
        height:50px;
        padding:15px 0 0 0;
        font-size:16px;
    }

    .cs-images ul li{
        width:744px;
    }

    .cs-images.img1 ul li{
        width:744px;
    }

    .cs-images.long ul li{
        width:1240px;
    }

    .cs-video{
        width:744px;
    }

    .cs-video > ul > li{
        width:744px;
    }

    .videoPoster:before {
        background-size:80px;
        width:80px;
        height:80px;
        margin:-40px 0 0 -40px;
    }

    #contacts{
        padding-top:60px;
        padding-bottom:30px;
    }

    #flash{
        width:25px;
        height:44px;
        margin-bottom:40px;
    }

    #product-top > .button{
        top:-8px;
    }

    .cart-list td.t2{
        width:340px;
    }
}

@media (max-width: 1280px) {
    .wd{
        width:1000px;
    }

    .font60{
        font-size:40px;
    }

    .mb60{
        margin-bottom:40px!important;
    }

    #hl.anim h1 strong{
        width:230px;
    }

    .button a{
        padding:5px 10px 5px 10px;
        font-size:12px;
    }

    #order-form .button a{
        padding:8px 15px 8px 15px;
        font-size:16px;
    }

    .button2{
        font-size:12px;
    }

    .button3{
        font-size:12px;
    }

    nav ul li{
        margin-left:20px;
    }

    .page#clienttheme{
        padding-top:475px;
    }

    .theme#home, .theme.client{
        height:475px;
    }

    .title h2{
        margin-bottom:15px;
        font-size:35px;
    }

    .subtitle{
        bottom:10px;
    }

    .subtitle h2{
        margin-bottom:5px;
        font-size:16px;
    }

    #services-carousel{
        position:relative;
        width:100%;
        height:409px;
        overflow:hidden;
    }

    #services-carousel > div{
        position:relative;
        width:20000px;
        height:409px;
        margin:0;
        padding:0;
    }

    #carousel-left{
        position:absolute;
        top:50%;
        left:40px;
        background-image:url(../images/buttons/left.png);
        background-position:center;
        background-repeat:no-repeat;
        background-size:100%;
        width:19px;
        height:31px;
        margin-top:-16px;
        cursor:pointer;
        display:block;
    }

    #carousel-left.black{
        background-image:url(../images/buttons/left2.png);
    }

    #carousel-left span.over{
        position:absolute;
        top:0;
        left:0;
        background-image:url(../images/buttons/over/left.png);
        background-position:center;
        background-repeat:no-repeat;
        width:inherit;
        height:inherit;
        opacity:0;
        filter: alpha(opacity=0);
    }

    #carousel-left:hover span.over{
        opacity:1;
        filter: alpha(opacity=100);
    }

    #carousel-right{
        position:absolute;
        top:50%;
        right:40px;
        background-image:url(../images/buttons/right.png);
        background-position:center;
        background-repeat:no-repeat;
        background-size:100%;
        width:19px;
        height:31px;
        margin-top:-16px;
        cursor:pointer;
        display:block;
    }

    #carousel-right.black{
        background-image:url(../images/buttons/right2.png);
    }

    #carousel-right span.over{
        position:absolute;
        top:0;
        left:0;
        background-image:url(../images/buttons/over/right.png);
        background-position:center;
        background-repeat:no-repeat;
        width:inherit;
        height:inherit;
        opacity:0;
        filter: alpha(opacity=0);
    }

    #carousel-right:hover span.over{
        opacity:1;
        filter: alpha(opacity=100);
    }

    .service-box{
        width:100%;
        width:-webkit-calc(100vw - 17px);
        width:-moz-calc(100vw - 17px);
        width:calc(100vw - 17px);
        width:100vw;
        width:100vw;
        width:100vw;
        height:409px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float:left;
    }

    .front{
        display:none;
    }

    .back{
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    .team.benefits{
        width:100%;
    }

    .member{
        width: -webkit-calc(33.3% - 10px);
        width: -moz-calc(33.3% - 10px);
        width:calc(33.3% - 10px);
    }

    .team.benefits .member{
        width: -webkit-calc(50% - 10px);
        width: -moz-calc(50% - 10px);
        width:calc(50% - 10px);
    }

    .member.wide{
        width: -webkit-calc(66.6% - 10px);
        width: -moz-calc(66.6% - 10px);
        width:calc(66.6% - 10px);
        padding-top: -webkit-calc(33.3% - 10px);
        padding-top: -moz-calc(33.3% - 10px);
        padding-top:calc(33.3% - 10px);
    }

    .team.benefits .member.wide{
        width: -webkit-calc(100% - 10px);
        width: -moz-calc(100% - 10px);
        width:calc(100% - 10px);
    }

    .member.wide h2{
        margin-bottom:20px;
    }

    .member.wide p{
        margin-bottom:20px;
        padding-top:20px;
    }

    #values{
        height:388px;
        padding:40px 40px 0 40px;
    }

    #values ul{
        line-height:1.8em;
        font-size:16px;
    }

    #values p{
        font-size:16px;
    }

    #values .button{
        bottom:25px;
    }

    #clients{
        height:100px;
    }

    .ref{
        width:1000px;
        margin:0 auto;
    }

    .ref li{
        width: -webkit-calc(50% - 10px);
        width: -moz-calc(50% - 10px);
        width:calc(50% - 10px);
        height:277px;
    }

    .ref li.last{
        padding-top:25%;
    }

    #ref-nav > div{
        top:-60px;
    }

    .ref-list ul li{
        width: -webkit-calc(50% - 10px);
        width: -moz-calc(50% - 10px);
        width:calc(50% - 10px);
    }

    .cs-images ul li{
        width:600px;
    }

    .cs-images.img1 ul li{
        width:600px;
    }

    .cs-images.long ul li{
        width:1000px;
    }

    .cs-video{
        width:600px;
    }

    .cs-video > ul > li{
        width:600px;
    }

    .blocks{
        width:90%;
    }

    #product-top > .button{
        top:-2px;
    }

    .product{
        width: -webkit-calc(50% - 10px);
        width: -moz-calc(50% - 10px);
        width:calc(50% - 10px);
    }

    .product.last{
        padding-top: -webkit-calc(50% - 10px);
        padding-top: -moz-calc(50% - 10px);
        padding-top:calc(50% - 10px);
    }

    .cart-list td.t2{
        width:260px;
    }

    .fancybox-slide--iframe .fancybox-content {
        width:100%;
        height:100%;
        max-width:100%;
        max-height:100%;
        margin:0;
        padding:0!important;
    }

    .page#page404 #content{
        padding-top:150px;
        padding-bottom:550px;
    }
}

@media (max-width: 1024px) {
    .wd{
        width: -webkit-calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        width:calc(100% - 20px);
    }

    .font60{
        font-size:35px;
    }

    .font40{
        font-size:20px;
    }

    .mb60{
        margin-bottom:35px!important;
    }

    header{
        height:60px;
    }

    header > .wd{
        height:60px;
    }

    #logo{
        margin-top:-17.5px;
    }

    #logo img{
        height:35px;
    }

    #menu-mobile{
        position:absolute;
        top:18px;
        right:0;
        width: 30px;
        height: 26px;
        cursor: pointer;
        z-index:1000;
        display:block;

        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
    }

    #menu-mobile span{
        display: block;
        position: absolute;
        height: 5px;
        width: 100%;
        background-color:#FFFFFF;
        border-radius: 0px;
        opacity: 1;
        filter: alpha(opacity=100);
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }

    #menu-mobile span:nth-child(1) {
      top: 0px;
    }

    #menu-mobile span:nth-child(2) {
      top: 10px;
    }

    #menu-mobile span:nth-child(3){
        top:10px;
    }

    #menu-mobile span:nth-child(4) {
      top: 20px;
    }

    #menu-mobile.open span:nth-child(1) {
      top: 10px;
      width: 0%;
      left: 50%;
    }

    #menu-mobile.open span:nth-child(2) {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
    }

    #menu-mobile.open span:nth-child(3) {
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg);
    }

    #menu-mobile.open span:nth-child(4) {
      top: 10px;
      width: 0%;
      left: 50%;
    }

    #menu-mobile > h2{
        position:absolute;
        top:4px;
        left:-65px;
        font-size:16px;
        text-transform: uppercase;
        letter-spacing:0.05em;
        color:#FFFFFF;
    }

    header.roll > .wd{
        height:101vh;
    }

    header nav{
        position:absolute;
        top:0;
        right:-20px;
        background-color:rgba(0, 0, 0, 1);
        width:100%;
        width: -webkit-calc(100% + 40px);
        width: -moz-calc(100% + 40px);
        width:calc(100% + 40px);
        height:0;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;

        overflow:hidden;
        text-align:center;

        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }

    header nav.roll{
        height:101vh;
        padding:50px 0 50px 0;
    }

    header nav ul li{
        width:100%;
        height:20px;
        margin-left:0;
        padding:15px 0 15px 0;
        font-size:20px;
        float:none;
        display:block;
    }

    header nav ul li a{
        color:#FFFFFF;
    }


    header nav ul li#lng{
        position:absolute;
        top:30px;
        left:30px;
    }

    #mouse{
        background-size:32px;
        width:32px;
        height:40px;
        margin-top:20px;
    }

    .contact-form{
        bottom:-60px;
        left:50%;
        right:auto;
        margin-left:-150px;
    }

    .page#clienttheme{
        padding-top:400px;
    }

    .theme#home{
        min-height:768px;
        height:100vh;
    }

    .theme.client{
        height:400px;
    }

    .theme video{
        display:none;
    }

    #claim{
        width:400px;
    }

    #showreel{
        width:314px;
        height:89px;
    }

    #hl.anim h1 strong{
        width:200px;
    }

    #board{
        display:none;
    }

    #desk{
        background-image:none;
        padding:40px 0 40px 0;
        border-left:0;
        border-right:0;
        overflow:hidden;
    }

    #desk-text > h2{
        margin-bottom:40px;
    }

    #desk-text > p{
        padding:0 20px 0 20px;
        font-size:16px;
    }

    #desk-text > p.last{
        margin-bottom:40px;
    }

    #flash{
        display:none;
    }

    .member.wide h2{
        margin-bottom:10px;
    }

    .member.wide p{
        margin-bottom:10px;
        padding-top:10px;
    }

    #values{
        background-image:none;
        height:auto;
        padding:0 0 40px 0;
    }

    #values ul{
        color:#000000;
    }

    #values p{
        color:#000000;
    }

    #values .button{
        position:static;
        bottom:0;
    }

    #service-nav{
        width:272px;
    }

    #service-nav ul li{
        width:90px;
    }

    #service-nav ul li a{
        height:35px;
        padding:6px 0 0 0;
        font-size:12px;
    }

    #service-subnav{
        top:-80px;
    }

    #service-subnav ul li a{
        font-size:12px;
    }

    .ref-list ul li > span.over{
        background-color:rgba(0, 0, 0, 0.6);
        opacity:1;
        filter: alpha(opacity=100);
    }

    .ref-list ul li span.over span.inner{
        border:0;
    }

    .ref-list ul li span.over span.inner h3{
        top:0;
    }

    .ref-list ul li span.over span.inner p{
        top:0;
    }

    .ref-list ul li span.over span.inner .b21{
        left:30px;
    }

    .ref-list ul li span.over span.inner span.button2.b22{
        right:30px;
    }

    .ref-list ul li .flash-mini{
        opacity:1;
        filter:alpha(opacity=100);
    }
    #ref-nav > div{
        top:-60px;
        width:552px;
    }

    #ref-nav ul li{
        width:78px;
    }

    #ref-nav ul li a{
        height:40px;
        padding:8px 0 0 0;
        font-size:12px;
    }

    .ref{
        width:760px;
    }

    .ref li{
        height:209px;
    }

    .cs-text{
        width:100%;
    }

    .cs-text.left{
        padding-right:0;
    }

    .cs-text.right{
        padding-left:0;
    }

    .cs-text img{
        width:auto;
        max-width:100%;
    }

    .points{
        display:none;
    }

    .cs-images{
        position:static;
        padding:0;
    }

    .cs-images ul{
        position:static;
        width:100%;
    }

    .cs-images ul li{
        width:auto;
        float:none;
        display:inline;
    }

    .cs-images.img1 ul li{
        width:100%!important;
        display:block;
    }

    .cs-images.img1 ul li span{
        width:100%!important;
    }

    .cs-images.long ul li{
        width:auto;
    }

    .cs-video{
        width:auto;
    }

    .cs-images{
        width:100%;
    }

    .cs-images span{
        position:static!important;
        width:25%!important;
        padding:0 0px 10px 0px!important;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        float:left!important;
    }

    .cs-images img{
        position:static!important;
        top:0!important;
        left:50%!important;
        width:100%!important;
        height:auto!important;
        transform:translateX(0)!important;
        display:block!important;
    }

    .cs-images video{
        position:static!important;
        width:100%!important;
        height:auto!important;
        transform:translateX(0)!important;
        display:block!important;
    }

    .cs-images.img1 img{
        width:100%;
        display:inline-block;
    }

    .cs-images.img1 video{
        width:100%;
        display:inline-block;
    }

    .cs-images.img2 span{
        width:50%!important;
    }

    .cs-images.img2 span:first-child{
        width:50%!important;
        margin-right:0;
    }

    .cs-images.img3 span{
        width:33.33%!important;
        padding-top:0!important;
    }

    .cs-images.img3 span:first-child{
        width:33.33%!important;
        padding-top:0;
        margin-right:0;
    }

    .cs-images.img3 span:last-child{
        margin-top:0;
    }

    .cs-images.img3 img{
        position:static;
        width:100%!important;
        height:auto!important;
    }

    .cs-video{
        width:80%;
    }

    .cs-video > ul > li{
        width:80%;
    }

    .career-box{
        width:100%;;
    }

    .blocks .block{
        width:100%;
        padding:0 0 50px 0;
    }

    .product .over{
        background-color:rgba(0, 0, 0, 0.3);
        opacity:1;
        filter: alpha(opacity=100);
        z-index:100;
    }

    .product .over span.inner{
        border:0;
    }

    .product .over span.inner h3{
        top:0;
    }

    .product .over span.inner p{
        top:0;
    }

    .product .over span.inner .b21{
        left:30px;
    }

    .product .over span.inner .b22{
        right:30px;
    }

    .product .info{
        display:none;
    }

    #product-top > .button{
        top:-8px;
    }

    #product .info{
        padding-left:20px;
    }

    #product .info td:first-child{
        width:80px;
        font-size:16px;
    }

    .sizes li{
        width:42px;
        height:42px;
        margin-right:10px;
    }

    .tocart input{
        margin-right:10px;
    }

    #clients{
        display:none;
    }

    #contacts{
        padding-top:20px;
        padding-bottom:20px;
    }

    #contacts h2{
        margin-bottom:70px;
    }

    .contacts{
        width:100%;
    }

    .contacts span{
        width:100%;
        padding:60px 0 0 0;
        float:none;
        display:block;
    }

    .contacts span a{
        text-decoration:none;
        color:#FFFFFF;
    }

    #submenu{
        display:none;
    }

    footer{
        padding:20px 0 85px 0;
        border-top:0;
    }

    .cart-list td.t2{
        width:auto;
    }

    .cart-list td.t3{
        display:none;
    }

    .cart-list td.t3 span, .cart-list td.t5 span{
        height:30px;
    }

    .cart-list td.t4 input{
        width:30px;
        padding:5px
    }

    .personal{
        width:100%;
        padding-right:0;
    }

    .payment{
        width:100%;
    }

    .page#page404 #content{
        padding-top:100px;
        padding-bottom:450px;
    }
}

@media (max-width: 800px) {
    #hl h1 strong{
        width:auto;
    }

    #hl.anim h1 strong{
        width:auto;
    }

    .page#clienttheme{
        padding-top:300px;
    }

    .theme.client{
        height:300px;
    }

    .member{
        width: -webkit-calc(50% - 10px);
        width: -moz-calc(50% - 10px);
        width:calc(50% - 10px);
    }

    .member.wide{
        display:none;
    }

    .team.benefits .member.wide{
        padding-top:0;
        display:block;
    }

    .agency-team{
        position:static;
        padding:25px;
    }

    #service-subnav{
        top:-70px;
        line-height:2em;
    }

    #service-subnav ul li{
        padding:0;
        border-left:0;
        display:block;
    }

    #service-subnav ul li a{
        font-size:16px;
    }

    .ref{
        width:500px;
        margin:0 auto;
    }

    .ref li{
        width: -webkit-calc(100% - 10px);
        width: -moz-calc(100% - 10px);
        width:calc(100% - 10px);
        height:277px;
    }

    .ref li.last{
        padding-top:50%;
    }

    #ref-nav{
        display:none;
    }

    .ref-list{
        top:0;
    }

    .ref-list ul li{
        width: -webkit-calc(100% - 10px);
        width: -moz-calc(100% - 10px);
        width:calc(100% - 10px);
    }

    .points{
        display:none;
    }

    .cs-text{
        width:100%;
    }

    .cs-video{
        width:100%;
    }

    .cs-video > ul > li{
        width:100%;
    }

    .cs-button{
        width:100%;
        padding:25px 0 35px 0;
        text-align:center;
    }

    .cs-images span{
        width:100%!important;
    }

    .cs-images.img2 span{
        width:100%!important;
    }

    .cs-images.img2 span:first-child{
        width:100%!important;
    }

    .cs-images.img3 span{
        width:100%!important;
    }

    .cs-images.img3 span:first-child{
        width:100%!important;
    }

    /*
    .cs-images.img1{
        width:100%;
        margin-bottom:20px;
    }

    .cs-images.img2 span{
        width:100%;
        margin-bottom:2%;
    }

    .cs-images.img2 span:first-child{
        width:100%;
        margin-right:0;
    }

    .cs-images.img3{
        width:100%;
        margin-top:20px;
    }

    .cs-images.img3 span{
        width:100%;
        margin-right:0;
        margin-bottom:2%;
        margin-left:0;
        padding-top:100%;
    }

    .cs-images.img3 span:first-child{
        width:100%;
        padding-top:100%;
        margin-right:0;
        margin-left:0;
    }

    .cs-images.img3 span:last-child{
        margin-top:0;
        margin-right:0;
        margin-left:0;
    }
    */

    .images-button{
        display:block;
    }

    .block td:first-child{
        padding-right:5px;
    }

    .product{
        width: -webkit-calc(100% - 10px);
        width: -moz-calc(100% - 10px);
        width:calc(100% - 10px);
    }

    .product.last{
        padding-top: -webkit-calc(100% - 10px);
        padding-top: -moz-calc(100% - 10px);
        padding-top:calc(100% - 10px);
    }

    #product .images{
        width:100%;
        padding-left:5px;
    }

    .gallery{
        display:none;
    }

    #product .info{
        width:100%;
        padding-left:5px;
    }

    .sizes li{
        width:30px;
        height:30px;
        margin-right:10px;
        font-size:12px;
    }

    .sizes li a{
        padding-top:4px;
    }

    .tocart input{
        width:30px;
        margin-right:10px;
        padding:4px 0 4px 0;
        font-size:12px;
    }

    .tocart input[type=submit]{
        width:auto;
        padding:4px 35px 4px 35px;
        font-size:12px;
    }

    .cart-list td.t1{
        display:none;
    }

    .cart-list td.t2{
        padding:40px 0 40px 0;
    }

    .cart-list td.t2 p{
        font-size:12px;
    }

    .total{
        padding-left:0;
    }

    .page#page404 #content{
        padding-bottom:350px;
    }
}

@media (max-width: 600px) {
    .font60{
        font-size:25px;
    }

    .mb60{
        margin-bottom:25px!important;
    }

    .page#clienttheme{
        padding-top:60px;
    }

    .theme#home{
        min-height:520px;
    }

    .theme.client{
        background-color:#000000;
        background-image:none!important;
        height:60px;
    }

    #claim{
        width:70%;
    }

    #showreel{

    }

    #mouse{
        margin-top:10px;
    }

    .ref{
        width:100%;
    }

    .ref li{
        height:auto;
    }

    .flash-mini{
        display:none;
    }

    .ref-left{
        display:none;
    }

    .ref-right{
        display:none;
    }

    #product-top > .button{
        top:-50px;
        right:about;
        left:5px;
    }

    .payment td.t2{
        display:none;
    }

    .payment td.t4{
        text-align:right;
    }

    .payment td.t5{
        display:none;
    }

    .contacts span{
        font-size:14px;
    }

    footer{
        padding:10px 0 85px 0;
        font-size:10px;
    }

    #order-form{
        padding:0 10px 10px 10px;
    }

    .page#page404 #content{
        padding-bottom:300px;
    }
}

@media (max-width: 520px) {
    .member{
        width: -webkit-calc(100% - 10px);
        width: -moz-calc(100% - 10px);
        width:calc(100% - 10px);
    }
}

@media (max-width: 480px) {
    #hl h1 strong{
        margin-bottom:7px;
        display:block;
    }

    .theme#home{
        min-height:425px;
    }

    #showreel{
        width:250px;
        height:71px;
    }

    #mouse{
        background-size:20px;
        width:20px;
        height:25px;
    }

    #mouse{
        margin-top:0;
    }

    .service{
        width:200px;
        height:273px;
    }

    .service.tm{
        width:200px;
        height:auto;
    }

    .back{
        padding-top:110px;
    }

    .back h2{
        margin-bottom:10px;
        font-size:16px;
    }

    .back ul{
        font-size:12px;
        line-height:1.1em;
    }

    .back .button{
        bottom:15px;
    }

    #services-carousel{
        height:273px;
    }

    #services-carousel.tm{
        height:auto;
    }

    #services-carousel > div{
        height:273px;
    }

    #services-carousel.tm > div{
        height:auto;
    }

    .team.benefits{
        padding-top:40px;
    }

    .team.benefits .member{
        background-color:#FFFFFF;
        width: -webkit-calc(100% - 10px);
        width: -moz-calc(100% - 10px);
        width:calc(100% - 10px);
    }

    .team.benefits .member.last{
        background-color:#000000;
    }

    .team.benefits .member img{
        display:none;
    }

    .team.benefits .member .description{
        position:static;
        padding-right:0;
        text-align:center;;
    }

    .team.benefits .member .description h3{
        color:#000000;
    }

    .member .description p{
        margin-bottom:20px;
    }

    .ref li.last{
        padding-top:100%;
    }

    .ref-list ul li .button2.b22{
        display:none;
    }

    .career{
        background-image:none;
        width:100%;
        padding:40px 20px 0 20px;
    }

    .career:hover{
        background-color: inherit
    }

    .career:hover h3{
        color:inherit;
    }

    .product.last{
        padding-top:0;
    }

    .product .about-collection{
        position:static;
    }

    #product .info td{
        height:auto;
        display:block;
    }

    #product .info td.hide{
        display:none;
    }

    #product .info td:first-child{
        padding-bottom:10px;
    }

    #product .info td:last-child{
        padding-bottom:20px;
    }

    #product .info td.top{
        padding-top:10px;
        vertical-align:top;
    }

    .page#page404 #content{
        background-image:none;
        padding-bottom:200px;
    }
}

@media (max-width: 350px) {
    #showreel{
        width:200px;
        height:57px;
    }

    #carousel-left{
        left:5px;
    }

    #carousel-right{
        right:5px;
    }

    .contact-form{
        width:220px;
        margin-left:-110px;
    }

    .contact-button, .send-button{
        background-image:none;
        width:220px!important;
    }

    .product .over span.inner{
        padding:10px;
    }

    .product .over span.inner .b21{
        bottom:10px;
        left:10px;
    }

    .product:hover .over span.inner .b21{
        left:10px;
    }

    .product .over span.inner .b22{
        bottom:10px;
        right:10px;
    }

    .product:hover .over span.inner .b22{
        right:10px;
    }

    .payment .button.b21{
        left:0;
    }

    .payment .button.b22{
        bottom:40px;
        left:0;
    }
}