.rel{position:relative;z-index:1;overflow:hidden}
html,body{width:100%;height:100%;margin:0;padding:0;background:#1c1c1c;color:#f6f6f6;font:400 18px/26px Arial,sans-serif}
.inline{display:table-cell;text-align:center;vertical-align:middle}
.minwidth{min-width:1200px}

/* Preloader */
.preloader{position:fixed;z-index:20;top:0;left:0;display:table;width:100%;height:100%;min-height:600px}
.preloader{
background: #1c1c1c;
background: -moz-linear-gradient(top,  #1c1c1c 0%, #252525 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1c1c1c), color-stop(100%,#252525));
background: -webkit-linear-gradient(top,  #1c1c1c 0%,#252525 100%);
background: -o-linear-gradient(top,  #1c1c1c 0%,#252525 100%);
background: -ms-linear-gradient(top,  #1c1c1c 0%,#252525 100%);
background: linear-gradient(to bottom,  #1c1c1c 0%,#252525 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c1c1c', endColorstr='#252525',GradientType=0 );
}
.preloader .inline{
background: -moz-radial-gradient(center, ellipse cover,  rgba(28,28,28,0.5) 0%, rgba(51,51,51,0.37) 65%, rgba(51,51,51,0.3) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(28,28,28,0.5)), color-stop(65%,rgba(51,51,51,0.37)), color-stop(100%,rgba(51,51,51,0.3)));
background: -webkit-radial-gradient(center, ellipse cover,  rgba(28,28,28,0.5) 0%,rgba(51,51,51,0.37) 65%,rgba(51,51,51,0.3) 100%);
background: -o-radial-gradient(center, ellipse cover,  rgba(28,28,28,0.5) 0%,rgba(51,51,51,0.37) 65%,rgba(51,51,51,0.3) 100%);
background: -ms-radial-gradient(center, ellipse cover,  rgba(28,28,28,0.5) 0%,rgba(51,51,51,0.37) 65%,rgba(51,51,51,0.3) 100%);
background: radial-gradient(ellipse at center,  rgba(28,28,28,0.5) 0%,rgba(51,51,51,0.37) 65%,rgba(51,51,51,0.3) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#801c1c1c', endColorstr='#4d333333',GradientType=1 );
}
.preloader .loader{margin:0 auto}
.preloader h1{margin:60px 25% 80px;color:rgba(255,255,255,0.8);font:300 28px/40px "Lato",Arial,sans-serif;letter-spacing:1px;text-transform:uppercase}
.preloader .progress{margin-top:8px;color:rgba(255,255,255,0.36);font-weight:bold;font-size:16px}
/* .Preloader */

/* Header */
header{position:fixed;z-index:10;top:0;left:0;width:100%;height:50px;line-height:50px;background:#292929}
header h1{margin:0;padding:0;color:rgba(255,255,255,0.6);font:300 16px/50px "Ubuntu",sans-serif;text-align:center;text-transform:uppercase}

header .left{position:absolute;top:0;left:0;height:50px}
header .left a.logo{display:block;float:left;padding:16px 15px 16px 25px}
header .left a.logo img{display:block}
header .left nav.social{display:block;float:left}
header .left nav.social a{margin-left:5px;color:rgba(255,255,255,0.3);text-decoration:none}
header .left nav.social a{
-webkit-transition: all .6s cubic-bezier(0.23, 1, 0.32, 1);
-o-transition: all .6s cubic-bezier(0.23, 1, 0.32, 1);
transition: all .6s cubic-bezier(0.23, 1, 0.32, 1);
}
header .left nav.social a:hover{color:rgba(255,255,255,1);text-decoration:none}

header .right{position:absolute;top:0;right:0;height:50px}
header .right a.prev,header .right a.next,header .right .get-in-touch{display:block;float:left;height:50px;border-left:1px solid rgba(54,54,54,0.85);padding:0 20px;color:white;text-decoration:none;font:300 14px/49px "Ubuntu",sans-serif}
header .right a.prev,header .right a.next{
text-transform:uppercase;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60);
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
opacity: 0.6;
-webkit-transition: all .6s cubic-bezier(0.23, 1, 0.32, 1);
-o-transition: all .6s cubic-bezier(0.23, 1, 0.32, 1);
transition: all .6s cubic-bezier(0.23, 1, 0.32, 1);
}
header .right a.prev:hover,header .right a.next:hover{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
header .right a.prev{padding-left:45px;background:url(../images/prev-next.png) 0 0 no-repeat}
header .right a.next{padding-right:45px;background:url(../images/prev-next.png) right -50px no-repeat}
header .right .get-in-touch{position:relative;padding:0}
header .right .get-in-touch .button{position:relative;height:50px;overflow:hidden}
header .right .get-in-touch .bg{position:absolute;top:0;right:0;display:block;width:0;height:50px;background:#f7f7f7}
header .right .get-in-touch .bg{
-webkit-transition: all .3s cubic-bezier(0.23, 1, 0.32, 1);
-o-transition: all .3s cubic-bezier(0.23, 1, 0.32, 1);
transition: all .3s cubic-bezier(0.23, 1, 0.32, 1);
}
header .right .get-in-touch .slide{position:relative;height:50px;padding:0 20px 0 50px;display:block;cursor:pointer;-webkit-font-smoothing:antialiased}
header .right .get-in-touch .slide{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60);
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
opacity: 0.6;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: all .3s cubic-bezier(0.23, 1, 0.32, 1);
-o-transition: all .3s cubic-bezier(0.23, 1, 0.32, 1);
transition: all .3s cubic-bezier(0.23, 1, 0.32, 1);
}
header .right .get-in-touch:hover .slide{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
header .right .get-in-touch .hamburger{position:absolute;top:18px;left:20px;display:block;width:16px;height:13px;background:url(../images/getintouch.png) 0 0 no-repeat}
header .right .get-in-touch .close{position:absolute;top:17px;right:-10px;display:block;width:15px;height:15px;background:url(../images/close.png) 0 0 no-repeat}

header .right .get-in-touch .form{position:absolute;top:50px;right:-360px;width:260px;min-height:120px;padding:30px 50px;background:#f7f7f7;}
header .right .get-in-touch .form{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: all .6s cubic-bezier(0.23, 1, 0.32, 1);
-o-transition: all .6s cubic-bezier(0.23, 1, 0.32, 1);
transition: all .6s cubic-bezier(0.23, 1, 0.32, 1);
}
header .right .get-in-touch .form .form-title{margin-bottom:18px;color:#1d1d1d;font:900 22px/32px "Lato",sans-serif;text-transform:uppercase}
header .right .get-in-touch .form input{display:block;width:228px;height:40px;border:1px solid #c1c1c1;border-bottom:0;padding:0 15px;background:white;color:#131313;font:300 14px/40px "Ubuntu",sans-serif}
header .right .get-in-touch .form textarea{display:block;width:228px;height:100px;margin-bottom:25px;border:1px solid #c1c1c1;padding:10px 15px;background:white;color:#131313;font:300 14px/20px "Ubuntu",sans-serif}
header .right .get-in-touch .form a.form-button{display:block;float:left;min-width:80px;height:40px;line-height:40px;padding:0 20px;background:#0d0409;color:white;text-decoration:none;text-align:center;text-transform:uppercase}
header .right .get-in-touch .form a.form-button{
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
header .right .get-in-touch .form a.form-button:hover{background:#f21d4a;color:white;text-decoration:none}

header .right .get-in-touch.active{
color:rgba(30,30,30,1);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
-webkit-transition: none;
-o-transition: none;
transition: none;
}
header .right .get-in-touch.active .bg{width:100%}
header .right .get-in-touch.active .slide{
-webkit-transform: translateX(-30px);
-moz-transform: translateX(-30px);
transform: translateX(-30px);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
header .right .get-in-touch.active .hamburger{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0
}
header .right .get-in-touch.active .close{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60);
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
opacity: 0.6;
-webkit-transition: all .6s cubic-bezier(0.23, 1, 0.32, 1);
-o-transition: all .6s cubic-bezier(0.23, 1, 0.32, 1);
transition: all .6s cubic-bezier(0.23, 1, 0.32, 1);
}
header .right .get-in-touch.active:hover .close{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
header .right .get-in-touch.active .form{
-webkit-transform: translateX(-360px);
-moz-transform: translateX(-360px);
transform: translateX(-360px);
}
header .right .get-in-touch.active .form .form-actions{height:40px}
header .right .get-in-touch.active .form .form-button{float:left}
header .right .get-in-touch.active .form .form-status{display:none;float:left;width:100px;height:36px;line-height:18px;margin:2px 0 2px 20px;font-weight:300;font-size:14px}
header .right .get-in-touch.active .form .form-status-ok{color:#f21d4a}
header .right .get-in-touch.active .form .form-status-notice{color:#646464}
header .right .get-in-touch.active .form a.form-busy{cursor:default;border-color:#646464;background-color:#646464;color:rgba(255,255,255,0.35)}
/* .Header */

/* Case */
.for-header{height:50px}
.case{position:relative;z-index:1;height:100%;min-height:600px;overflow:hidden}
.case .screen{position:relative;overflow:visible}
.case .screen .inner{position:relative;z-index:2;width:1200px;height:100%;margin:0 auto;overflow:visible}
/* .Case */

/* Footer */
footer{position:relative;z-index:3;height:102px;background:rgba(0,0,0,0.6);color:white;font:300 28px/48px 'Ubuntu',sans-serif}
footer b{font-weight:700}
footer .inner{height:48px;padding:27px 20px;padding:;text-align:center}
footer .inner .center{display:inline-block}
footer .inner .center span{display:block;float:left}
footer .inner nav{display:block;float:left;height:48px;margin-left:24px}
footer .inner nav a{color:white;text-decoration:none;font-size:42px;line-height:48px}
footer .inner nav a{
-webkit-transition: all .6s cubic-bezier(0.23, 1, 0.32, 1);
-o-transition: all .6s cubic-bezier(0.23, 1, 0.32, 1);
transition: all .6s cubic-bezier(0.23, 1, 0.32, 1);
}
footer .inner nav a:hover{color:#fd154b;text-decoration:none}
/* .Footer */