/*!normalize.css v3.0.1 | MIT License | git.io/normalize*/html {
 -ms-text-size-adjust:100%;
 -webkit-text-size-adjust:100%
}
body {
 margin:0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
 display:block
}
audio,
canvas,
progress,
video {
 display:inline-block;
 vertical-align:baseline
}
audio:not([controls]) {
 display:none;
 height:0
}
[hidden],
template {
 display:none
}
a {
 background:0 0
}
a:active,
a:hover {
 outline:0
}
abbr[title] {
 border-bottom:1px dotted
}
b,
strong {
 font-weight:700
}
dfn {
 font-style:italic
}
h1 {
 font-size:2em;
 margin:.67em 0
}
mark {
 background:#ff0;
 color:#000
}
small {
 font-size:80%
}
sub,
sup {
 font-size:75%;
 line-height:0;
 position:relative;
 vertical-align:baseline
}
sup {
 top:-.5em
}
sub {
 bottom:-.25em
}
img {
 border:0
}
svg:not(:root) {
 overflow:hidden
}
figure {
 margin:1em 40px
}
hr {
 -moz-box-sizing:content-box;
 box-sizing:content-box;
 height:0
}
pre {
 overflow:auto
}
code,
kbd,
pre,
samp {
 font-family:monospace,monospace;
 font-size:1em
}
button,
input,
optgroup,
select,
textarea {
 color:inherit;
 font:inherit;
 margin:0
}
button {
 overflow:visible
}
button,
select {
 text-transform:none
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
 -webkit-appearance:button;
 cursor:pointer
}
button[disabled],
html input[disabled] {
 cursor:default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
 border:0;
 padding:0
}
input {
 line-height:normal
}
input[type=checkbox],
input[type=radio] {
 -moz-box-sizing:border-box;
 box-sizing:border-box;
 padding:0
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
 height:auto
}
input[type=search] {
 -webkit-appearance:textfield;
 -moz-box-sizing:content-box;
 box-sizing:content-box
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
 -webkit-appearance:none
}
fieldset {
 border:1px solid silver;
 margin:0 2px;
 padding:.35em .625em .75em
}
legend {
 border:0;
 padding:0
}
textarea {
 overflow:auto
}
optgroup {
 font-weight:700
}
table {
 border-collapse:collapse;
 border-spacing:0
}
td,
th {
 padding:0
}
p {
 margin:0
}
@font-face {
 font-family:ralewaybold;
 src:url(../../../fonts/raleway-bold-webfont.eot);
 src:url(../../../fonts/raleway-bold-webfont.eot?#iefix) format("embedded-opentype"),
 url(../../../fonts/raleway-bold-webfont.woff) format("woff"),
 url(../../../fonts/raleway-bold-webfont.ttf) format("truetype"),
 url(../../../fonts/raleway-bold-webfont.svg#ralewaybold) format("svg");
 font-weight:400;
 font-style:normal
}
@font-face {
 font-family:ralewayextrabold;
 src:url(../../../fonts/raleway-extrabold-webfont.eot);
 src:url(../../../fonts/raleway-extrabold-webfont.eot?#iefix) format("embedded-opentype"),
 url(../../../fonts/raleway-extrabold-webfont.woff) format("woff"),
 url(../../../fonts/raleway-extrabold-webfont.ttf) format("truetype"),
 url(../../../fonts/raleway-extrabold-webfont.svg#ralewayextrabold) format("svg");
 font-weight:400;
 font-style:normal
}
@font-face {
 font-family:ralewayextralight;
 src:url(../../../fonts/raleway-extralight-webfont.eot);
 src:url(../../../fonts/raleway-extralight-webfont.eot?#iefix) format("embedded-opentype"),
 url(../../../fonts/raleway-extralight-webfont.woff) format("woff"),
 url(../../../fonts/raleway-extralight-webfont.ttf) format("truetype"),
 url(../../../fonts/raleway-extralight-webfont.svg#ralewayextralight) format("svg");
 font-weight:400;
 font-style:normal
}
@font-face {
 font-family:ralewayheavy;
 src:url(../../../fonts/raleway-heavy-webfont.eot);
 src:url(../../../fonts/raleway-heavy-webfont.eot?#iefix) format("embedded-opentype"),
 url(../../../fonts/raleway-heavy-webfont.woff) format("woff"),
 url(../../../fonts/raleway-heavy-webfont.ttf) format("truetype"),
 url(../../../fonts/raleway-heavy-webfont.svg#ralewayheavy) format("svg");
 font-weight:400;
 font-style:normal
}
@font-face {
 font-family:ralewaylight;
 src:url(../../../fonts/raleway-light-webfont.eot);
 src:url(../../../fonts/raleway-light-webfont.eot?#iefix) format("embedded-opentype"),
 url(../../../fonts/raleway-light-webfont.woff) format("woff"),
 url(../../../fonts/raleway-light-webfont.ttf) format("truetype"),
 url(../../../fonts/raleway-light-webfont.svg#ralewaylight) format("svg");
 font-weight:400;
 font-style:normal
}
@font-face {
 font-family:ralewaymedium;
 src:url(../../../fonts/raleway-medium-webfont.eot);
 src:url(../../../fonts/raleway-medium-webfont.eot?#iefix) format("embedded-opentype"),
 url(../../../fonts/raleway-medium-webfont.woff) format("woff"),
 url(../../../fonts/raleway-medium-webfont.ttf) format("truetype"),
 url(../../../fonts/raleway-medium-webfont.svg#ralewaymedium) format("svg");
 font-weight:400;
 font-style:normal
}
@font-face {
 font-family:ralewayregular;
 src:url(../../../fonts/raleway-regular-webfont.eot);
 src:url(../../../fonts/raleway-regular-webfont.eot?#iefix) format("embedded-opentype"),
 url(../../../fonts/raleway-regular-webfont.woff) format("woff"),
 url(../../../fonts/raleway-regular-webfont.ttf) format("truetype"),
 url(../../../fonts/raleway-regular-webfont.svg#ralewayregular) format("svg");
 font-weight:400;
 font-style:normal
}
@font-face {
 font-family:ralewaysemibold;
 src:url(../../../fonts/raleway-semibold-webfont.eot);
 src:url(../../../fonts/raleway-semibold-webfont.eot?#iefix) format("embedded-opentype"),
 url(../../../fonts/raleway-semibold-webfont.woff) format("woff"),
 url(../../../fonts/raleway-semibold-webfont.ttf) format("truetype"),
 url(../../../fonts/raleway-semibold-webfont.svg#ralewaysemibold) format("svg");
 font-weight:400;
 font-style:normal
}
@font-face {
 font-family:ralewaythin;
 src:url(../../../fonts/raleway-thin-webfont.eot);
 src:url(../../../fonts/raleway-thin-webfont.eot?#iefix) format("embedded-opentype"),
 url(../../../fonts/raleway-thin-webfont.woff) format("woff"),
 url(../../../fonts/raleway-thin-webfont.ttf) format("truetype"),
 url(../../../fonts/raleway-thin-webfont.svg#ralewaythin) format("svg");
 font-weight:400;
 font-style:normal
}
@font-face {
 font-family:pacificoregular;
 src:url(../../../fonts/pacifico-webfont.eot);
 src:url(../../../fonts/pacifico-webfont.eot?#iefix) format("embedded-opentype"),
 url(../../../fonts/pacifico-webfont.woff) format("woff"),
 url(../../../fonts/pacifico-webfont.ttf) format("truetype"),
 url(../../../fonts/pacifico-webfont.svg#pacificoregular) format("svg");
 font-weight:400;
 font-style:normal
}
@font-face {
 font-family:FontAwesome;
 src:url(../../../fonts/fontawesome-webfont.eot?v=4.0.3);
 src:url(../../../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3) format("embedded-opentype"),
 url(../../../fonts/fontawesome-webfont.woff?v=4.0.3) format("woff"),
 url(../../../fonts/fontawesome-webfont.ttf?v=4.0.3) format("truetype"),
 url(../../../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular) format("svg");
 font-weight:400;
 font-style:normal
}
.bx-wrapper {
 position:relative;
 margin:0 auto;
 padding:0;
 *zoom:1
}
.bx-wrapper img {
 max-width:100%;
 display:inline-block
}
.bx-wrapper .bx-viewport {
 background:#fff;
 -webkit-transform:translatez(0);
 transform:translatez(0)
}
.bx-wrapper .bx-controls-auto,
.bx-wrapper .bx-pager {
 position:absolute;
 bottom:-30px;
 width:100%
}
.bx-wrapper .bx-loading {
 min-height:50px;
 background:url(../../../images/libs/bx_loader.gif) center center no-repeat #fff;
 height:100%;
 width:100%;
 position:absolute;
 top:0;
 left:0;
 z-index:2000
}
.bx-wrapper .bx-pager {
 text-align:center;
 font-size:.85em;
 font-family:Arial;
 font-weight:700;
 color:#666;
 padding-top:20px
}
.bx-wrapper .bx-controls-auto .bx-controls-auto-item,
.bx-wrapper .bx-pager .bx-pager-item {
 display:inline-block;
 *zoom:1;
 *display:inline
}
.bx-wrapper .bx-pager.bx-default-pager a {
 background:#666;
 text-indent:-9999px;
 display:block;
 width:10px;
 height:10px;
 margin:0 5px;
 outline:0;
 border-radius:5px
}
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:hover {
 background:#000
}
.bx-wrapper .bx-prev {
 left:10px;
 background:url(../../../images/libs/controls.png) no-repeat 0 -32px
}
.bx-wrapper .bx-next {
 right:10px;
 background:url(../../../images/libs/controls.png) no-repeat -43px -32px
}
.bx-wrapper .bx-prev:hover {
 background-position:0 0
}
.bx-wrapper .bx-next:hover {
 background-position:-43px 0
}
.bx-wrapper .bx-controls-direction a {
 position:absolute;
 top:50%;
 margin-top:-16px;
 outline:0;
 width:32px;
 height:32px;
 text-indent:-9999px;
 z-index:9998
}
.bx-wrapper .bx-controls-direction a.disabled {
 display:none
}
.bx-wrapper .bx-controls-auto {
 text-align:center
}
.bx-wrapper .bx-controls-auto .bx-start {
 display:block;
 text-indent:-9999px;
 width:10px;
 height:11px;
 outline:0;
 background:url(../../../images/libs/controls.png) -86px -11px no-repeat;
 margin:0 3px
}
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:hover {
 background-position:-86px 0
}
.bx-wrapper .bx-controls-auto .bx-stop {
 display:block;
 text-indent:-9999px;
 width:9px;
 height:11px;
 outline:0;
 background:url(../../../images/libs/controls.png) -86px -44px no-repeat;
 margin:0 3px
}
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:hover {
 background-position:-86px -33px
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
 text-align:left;
 width:80%
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
 right:0;
 width:35px
}
.bx-wrapper .bx-caption {
 position:absolute;
 bottom:0;
 left:0;
 background:#666 \9;
 background:rgba(80,80,80,.75);
 width:100%
}
.bx-wrapper .bx-caption span {
 color:#fff;
 font-family:Arial;
 display:block;
 font-size:.85em;
 padding:10px
}
.side {
 position:relative;
 overflow:hidden
}
.side.side-2 .item-wrap,
.side.side-3 .item-wrap,
.side.side-4 .item-wrap,
.side.side-5 .item-wrap {
 width:100%;
 display:table
}
.side.side-2 .item-wrap .item-text,
.side.side-3 .item-wrap .item-text,
.side.side-4 .item-wrap .item-text,
.side.side-5 .item-wrap .item-text {
 display:table-cell;
 vertical-align:middle;
 font:46px ralewaybold;
 color:#fff;
 width:100%;
 text-align:center;
 overflow:hidden
}
.side.side-2 .item-wrap .item-text .text,
.side.side-3 .item-wrap .item-text .text,
.side.side-4 .item-wrap .item-text .text,
.side.side-5 .item-wrap .item-text .text {
 padding-top:70px;
 margin-bottom:20px
}
.side.side-2 .item-wrap .item-text .text span,
.side.side-3 .item-wrap .item-text .text span,
.side.side-4 .item-wrap .item-text .text span,
.side.side-5 .item-wrap .item-text .text span {
 font:46px pacificoregular;
 color:#000;
 text-shadow:none!important
}
.side.side-2 img,
.side.side-3 img,
.side.side-4 img,
.side.side-5 img,
.side.side-6 img {
 position:relative;
 height:auto
}
.side.side-2 .item-text,
.side.side-3 .item-text,
.side.side-4 .item-text,
.side.side-5 .item-text,
.side.side-6 .item-text {
 top:50%;
 font:46px ralewaybold;
 color:#fff
}
.side.side-2 .item-text span,
.side.side-3 .item-text span,
.side.side-4 .item-text span,
.side.side-5 .item-text span,
.side.side-6 .item-text span {
 font:46px pacificoregular;
 color:#000;
 text-shadow:none!important
}
.side.side-2 .item-text .item-h {
 height:200px
}
.side.side-2 img {
 width:487px
}
.side.side-3 .item-text .item-h {
 height:200px
}
.side.side-3 img {
 width:605px
}
.side.side-4 .item-text .item-h {
 height:200px
}
.side.side-4 img {
 width:477px
}
.side.side-5 .item-text .item-h {
 height:280px
}
.side.side-5 img {
 width:318px
}
.side.side-6 .crbl-wrap {
 font-size:0
}
.side.side-6 .crbl-wrap .crbl {
 background:#fff;
 border-radius:90px;
 width:180px;
 height:180px;
 margin:22px 40px;
 display:inline-block;
 -webkit-transition:all .3s linear;
 -moz-transition:all .3s linear;
 position:relative
}
.side.side-6 .crbl-wrap .crbl img {
 width:100%;
 height:auto;
 left:0
}
.side.side-6 .crbl-wrap .crbl:hover {
 background:#f1c40f
}
.sidr {
 display:none;
 position:absolute;
 position:fixed;
 top:0;
 height:100%;
 z-index:999999;
 width:260px;
 overflow-x:none;
 overflow-y:auto;
 font-family:ralewaysemibold;
 font-size:15px;
 background:#333;
 color:#fff;
 box-shadow:inset 0 0 5px 5px #222
}
.sidr .sidr-inner {
 padding:0 0 15px
}
.sidr .sidr-inner>p {
 margin-left:15px;
 margin-right:15px
}
.sidr.right {
 left:auto;
 right:-260px
}
.sidr.left {
 left:-260px;
 right:auto
}
.sidr h1,
.sidr h2,
.sidr h3,
.sidr h4,
.sidr h5,
.sidr h6 {
 font-size:11px;
 font-weight:400;
 padding:0 15px;
 margin:0 0 5px;
 color:#fff;
 line-height:24px;
 background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#4d4d4d),color-stop(100%,#1a1a1a));
 background-image:-webkit-linear-gradient(#4d4d4d,#1a1a1a);
 background-image:linear-gradient(#4d4d4d,#1a1a1a);
 box-shadow:0 5px 5px 3px rgba(0,0,0,.2)
}
.sidr p {
 font-size:13px;
 margin:0 0 12px
}
.sidr p a {
 color:rgba(255,255,255,.9)
}
.sidr>p {
 margin-left:15px;
 margin-right:15px
}
.sidr ul {
 display:block;
 margin:0 0 15px;
 padding:0;
 border-top:1px solid #1a1a1a;
 border-bottom:1px solid #4d4d4d
}
.sidr ul li {
 display:block;
 margin:0;
 line-height:48px;
 border-top:1px solid #4d4d4d;
 border-bottom:1px solid #1a1a1a
}
.sidr ul li.active,
.sidr ul li.sidr-class-active,
.sidr ul li:hover {
 border-top:0;
 line-height:49px
}
.sidr ul li.active>a,
.sidr ul li.active>span,
.sidr ul li.sidr-class-active>a,
.sidr ul li.sidr-class-active>span,
.sidr ul li:hover>a,
.sidr ul li:hover>span {
 box-shadow:inset 0 0 15px 3px #222
}
.sidr ul li a,
.sidr ul li span {
 padding:0 15px;
 display:block;
 text-decoration:none;
 color:#fff;
 text-transform:uppercase
}
.sidr ul li ul {
 border-bottom:0;
 margin:0
}
.sidr ul li ul li {
 line-height:40px;
 font-size:13px
}
.sidr ul li ul li:last-child {
 border-bottom:0
}
.sidr ul li ul li.active,
.sidr ul li ul li.sidr-class-active,
.sidr ul li ul li:hover {
 border-top:0;
 line-height:41px
}
.sidr ul li ul li.active>a,
.sidr ul li ul li.active>span,
.sidr ul li ul li.sidr-class-active>a,
.sidr ul li ul li.sidr-class-active>span,
.sidr ul li ul li:hover>a,
.sidr ul li ul li:hover>span {
 box-shadow:inset 0 0 15px 3px #222
}
.sidr ul li ul li a,
.sidr ul li ul li span {
 color:rgba(255,255,255,.8);
 padding-left:30px
}
.sidr form {
 margin:0 15px
}
.sidr label {
 font-size:13px
}
.sidr input[type=date],
.sidr input[type=datetime],
.sidr input[type=email],
.sidr input[type=number],
.sidr input[type=password],
.sidr input[type=search],
.sidr input[type=tel],
.sidr input[type=text],
.sidr input[type=time],
.sidr input[type=url],
.sidr select,
.sidr textarea {
 width:100%;
 font-size:13px;
 padding:5px;
 -moz-box-sizing:border-box;
 box-sizing:border-box;
 margin:0 0 10px;
 -o-border-radius:2px;
 border-radius:2px;
 border:0;
 background:rgba(0,0,0,.1);
 color:rgba(255,255,255,.6);
 display:block;
 clear:both
}
.sidr input[type=checkbox] {
 width:auto;
 display:inline;
 clear:none
}
.sidr input[type=button],
.sidr input[type=submit] {
 color:#333;
 background:#fff
}
.sidr input[type=button]:hover,
.sidr input[type=submit]:hover {
 background:rgba(255,255,255,.9)
}
#home-slider-wrap .item {
 position:relative;
 width:100%!important;
 background-repeat:no-repeat;
 background-position-x:center;
 background-position-y:center;
 background-size:cover;
 background-attachment:inherit!important
}
#home-slider-wrap .item .item-wrap {
 position:absolute;
 width:100%;
 background:url(../../../images/home/mask.png) repeat
}
#home-slider-wrap .item .item-text-wrap {
 width:100%;
 position:relative;
 text-align:center;
 -moz-text-shadow:1px 1px 1px #000;
 -webkit-text-shadow:1px 1px 1px #000;
 text-shadow:1px 1px 1px #000;
 -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#000')";
 filter:progid:DXImageTransform.Microsoft.Shadow(Strength=1,Direction=135,Color='#000')
}
#home-slider-wrap .item .item-text-wrap .title {
 font:92px/92px pacificoregular;
 color:#fff;
 opacity:0
}
#home-slider-wrap .item .item-text-wrap .title span {
 color:#f1c40f
}
#home-slider-wrap .item .item-text-wrap .text {
 font:24px/34px ralewaymedium;
 padding-left:20px;
 margin:10px 0 20px;
 opacity:0
}
#home-slider-wrap .item .bd-button {
 margin:0 7px;
 opacity:0
}
#home-slider-wrap .item .bd-button.project {
 position:absolute;
 bottom:17%;
 top:inherit!important;
 margin:0 0 0 -90px;
 left:50%
}
.home-page-content .bx-wrapper .bx-prev {
 margin-top:-37px;
 width:24px;
 height:74px;
 left:3.5%;
 background:url(../../../images/libs/pager.png) no-repeat
}
.home-page-content .bx-wrapper .bx-next {
 margin-top:-37px;
 width:24px;
 height:74px;
 right:3.5%;
 background:url(../../../images/libs/pager.png) no-repeat -24px 0
}
/*!* Hover.css (http://ianlunn.co.uk/)
* Version: 1.0.8
* Author: Ian Lunn @IanLunn
* Author URL: http://ianlunn.co.uk/
* Github: https://github.com/IanLunn/Hover
* Made available under a MIT License:
* http://www.opensource.org/licenses/mit-license.php
* Hover.css Copyright Ian Lunn 2014.*/.button {
 margin:.4em;
 padding:1em;
 cursor:pointer;
 background:#e1e1e1;
 text-decoration:none;
 color:#666;
 -webkit-tap-highlight-color:transparent
}
.float-shadow {
 display:inline-block;
 position:relative;
 -webkit-transition-duration:.3s;
 transition-duration:.3s;
 -webkit-transition-property:-webkit-transform;
 transition-property:transform;
 -webkit-transform:translateZ(0);
 transform:translateZ(0);
 box-shadow:0 0 1px transparent
}
.float-shadow:before {
 pointer-events:none;
 position:absolute;
 z-index:-1;
 content:'';
 top:100%;
 left:5%;
 height:10px;
 width:90%;
 opacity:0;
 background:-webkit-radial-gradient(center,ellipse,rgba(0,0,0,.35) 0,transparent 80%);
 background:radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,transparent 80%);
 -webkit-transition-duration:.3s;
 transition-duration:.3s;
 -webkit-transition-property:-webkit-transform,opacity;
 transition-property:transform,opacity
}
.float-shadow:active,
.float-shadow:focus,
.float-shadow:hover {
 -webkit-transform:translateY(-5px);
 transform:translateY(-5px)
}
.float-shadow:active:before,
.float-shadow:focus:before,
.float-shadow:hover:before {
 opacity:1;
 -webkit-transform:translateY(5px);
 transform:translateY(5px)
}
@-webkit-keyframes hover {
 50% {
  -webkit-transform:translateY(-3px);
  transform:translateY(-3px)
 }
 100% {
  -webkit-transform:translateY(-6px);
  transform:translateY(-6px)
 }
}
@keyframes hover {
 50% {
  -webkit-transform:translateY(-3px);
  transform:translateY(-3px)
 }
 100% {
  -webkit-transform:translateY(-6px);
  transform:translateY(-6px)
 }
}
@-webkit-keyframes hover-shadow {
 0% {
  -webkit-transform:translateY(6px);
  transform:translateY(6px);
  opacity:.4
 }
 50% {
  -webkit-transform:translateY(3px);
  transform:translateY(3px);
  opacity:1
 }
 100% {
  -webkit-transform:translateY(6px);
  transform:translateY(6px);
  opacity:.4
 }
}
@keyframes hover-shadow {
 0% {
  -webkit-transform:translateY(6px);
  transform:translateY(6px);
  opacity:.4
 }
 50% {
  -webkit-transform:translateY(3px);
  transform:translateY(3px);
  opacity:1
 }
 100% {
  -webkit-transform:translateY(6px);
  transform:translateY(6px);
  opacity:.4
 }
}
.hover-shadow {
 display:inline-block;
 position:relative;
 -webkit-transition-duration:.3s;
 transition-duration:.3s;
 -webkit-transition-property:-webkit-transform;
 transition-property:transform;
 -webkit-transform:translateZ(0);
 transform:translateZ(0);
 box-shadow:0 0 1px transparent
}
.hover-shadow:before {
 pointer-events:none;
 position:absolute;
 z-index:-1;
 content:'';
 top:100%;
 left:5%;
 height:10px;
 width:90%;
 opacity:0;
 background:-webkit-radial-gradient(center,ellipse,rgba(0,0,0,.35) 0,transparent 80%);
 background:radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,transparent 80%);
 -webkit-transition-duration:.3s;
 transition-duration:.3s;
 -webkit-transition-property:-webkit-transform,opacity;
 transition-property:transform,opacity
}
.hover-shadow:active,
.hover-shadow:focus,
.hover-shadow:hover {
 -webkit-transform:translateY(-6px);
 transform:translateY(-6px);
 -webkit-animation-name:hover;
 animation-name:hover;
 -webkit-animation-duration:1.5s;
 animation-duration:1.5s;
 -webkit-animation-delay:.3s;
 animation-delay:.3s;
 -webkit-animation-timing-function:linear;
 animation-timing-function:linear;
 -webkit-animation-iteration-count:infinite;
 animation-iteration-count:infinite;
 -webkit-animation-direction:alternate;
 animation-direction:alternate
}
.hover-shadow:active:before,
.hover-shadow:focus:before,
.hover-shadow:hover:before {
 opacity:.4;
 -webkit-transform:translateY(6px);
 transform:translateY(6px);
 -webkit-animation-name:hover-shadow;
 animation-name:hover-shadow;
 -webkit-animation-duration:1.5s;
 animation-duration:1.5s;
 -webkit-animation-delay:.3s;
 animation-delay:.3s;
 -webkit-animation-timing-function:linear;
 animation-timing-function:linear;
 -webkit-animation-iteration-count:infinite;
 animation-iteration-count:infinite;
 -webkit-animation-direction:alternate;
 animation-direction:alternate
}
@-webkit-keyframes buzz {
 50% {
  -webkit-transform:translateX(3px) rotate(2deg);
  transform:translateX(3px) rotate(2deg)
 }
 100% {
  -webkit-transform:translateX(-3px) rotate(-2deg);
  transform:translateX(-3px) rotate(-2deg)
 }
}
@keyframes buzz {
 50% {
  -webkit-transform:translateX(3px) rotate(2deg);
  transform:translateX(3px) rotate(2deg)
 }
 100% {
  -webkit-transform:translateX(-3px) rotate(-2deg);
  transform:translateX(-3px) rotate(-2deg)
 }
}
.buzz {
 display:inline-block;
 -webkit-transform:translateZ(0);
 transform:translateZ(0);
 box-shadow:0 0 1px transparent
}
.buzz:active,
.buzz:focus,
.buzz:hover {
 -webkit-animation-name:buzz;
 animation-name:buzz;
 -webkit-animation-duration:.15s;
 animation-duration:.15s;
 -webkit-animation-timing-function:linear;
 animation-timing-function:linear;
 -webkit-animation-iteration-count:infinite;
 animation-iteration-count:infinite
}
/*!Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT
Copyright (c) 2014 Daniel Eden*/.animated {
 -webkit-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-fill-mode:both;
 animation-fill-mode:both
}
.animated.infinite {
 -webkit-animation-iteration-count:infinite;
 animation-iteration-count:infinite
}
.animated.hinge {
 -webkit-animation-duration:2s;
 animation-duration:2s
}
@-webkit-keyframes bounce {
 0%,
 100%,
 20%,
 53%,
 80% {
  -webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);
  transition-timing-function:cubic-bezier(.215,.61,.355,1);
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
 }
 40%,
 43% {
  -webkit-transition-timing-function:cubic-bezier(.755,.05,.855,.06);
  transition-timing-function:cubic-bezier(.755,.05,.855,.06);
  -webkit-transform:translate3d(0,-30px,0);
  transform:translate3d(0,-30px,0)
 }
 70% {
  -webkit-transition-timing-function:cubic-bezier(.755,.05,.855,.06);
  transition-timing-function:cubic-bezier(.755,.05,.855,.06);
  -webkit-transform:translate3d(0,-15px,0);
  transform:translate3d(0,-15px,0)
 }
 90% {
  -webkit-transform:translate3d(0,-4px,0);
  transform:translate3d(0,-4px,0)
 }
}
@keyframes bounce {
 0%,
 100%,
 20%,
 53%,
 80% {
  -webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);
  transition-timing-function:cubic-bezier(.215,.61,.355,1);
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
 }
 40%,
 43% {
  -webkit-transition-timing-function:cubic-bezier(.755,.05,.855,.06);
  transition-timing-function:cubic-bezier(.755,.05,.855,.06);
  -webkit-transform:translate3d(0,-30px,0);
  transform:translate3d(0,-30px,0)
 }
 70% {
  -webkit-transition-timing-function:cubic-bezier(.755,.05,.855,.06);
  transition-timing-function:cubic-bezier(.755,.05,.855,.06);
  -webkit-transform:translate3d(0,-15px,0);
  transform:translate3d(0,-15px,0)
 }
 90% {
  -webkit-transform:translate3d(0,-4px,0);
  transform:translate3d(0,-4px,0)
 }
}
.bounce {
 -webkit-animation-name:bounce;
 animation-name:bounce;
 -webkit-transform-origin:center bottom;
 transform-origin:center bottom
}
@-webkit-keyframes flash {
 0%,
 100%,
 50% {
  opacity:1
 }
 25%,
 75% {
  opacity:0
 }
}
@keyframes flash {
 0%,
 100%,
 50% {
  opacity:1
 }
 25%,
 75% {
  opacity:0
 }
}
.flash {
 -webkit-animation-name:flash;
 animation-name:flash
}
@-webkit-keyframes pulse {
 0% {
  -webkit-transform:scale3d(1,1,1);
  transform:scale3d(1,1,1)
 }
 50% {
  -webkit-transform:scale3d(1.05,1.05,1.05);
  transform:scale3d(1.05,1.05,1.05)
 }
 100% {
  -webkit-transform:scale3d(1,1,1);
  transform:scale3d(1,1,1)
 }
}
@keyframes pulse {
 0% {
  -webkit-transform:scale3d(1,1,1);
  transform:scale3d(1,1,1)
 }
 50% {
  -webkit-transform:scale3d(1.05,1.05,1.05);
  transform:scale3d(1.05,1.05,1.05)
 }
 100% {
  -webkit-transform:scale3d(1,1,1);
  transform:scale3d(1,1,1)
 }
}
.pulse {
 -webkit-animation-name:pulse;
 animation-name:pulse
}
@-webkit-keyframes rubberBand {
 0% {
  -webkit-transform:scale3d(1,1,1);
  transform:scale3d(1,1,1)
 }
 30% {
  -webkit-transform:scale3d(1.25,.75,1);
  transform:scale3d(1.25,.75,1)
 }
 40% {
  -webkit-transform:scale3d(.75,1.25,1);
  transform:scale3d(.75,1.25,1)
 }
 50% {
  -webkit-transform:scale3d(1.15,.85,1);
  transform:scale3d(1.15,.85,1)
 }
 65% {
  -webkit-transform:scale3d(.95,1.05,1);
  transform:scale3d(.95,1.05,1)
 }
 75% {
  -webkit-transform:scale3d(1.05,.95,1);
  transform:scale3d(1.05,.95,1)
 }
 100% {
  -webkit-transform:scale3d(1,1,1);
  transform:scale3d(1,1,1)
 }
}
@keyframes rubberBand {
 0% {
  -webkit-transform:scale3d(1,1,1);
  transform:scale3d(1,1,1)
 }
 30% {
  -webkit-transform:scale3d(1.25,.75,1);
  transform:scale3d(1.25,.75,1)
 }
 40% {
  -webkit-transform:scale3d(.75,1.25,1);
  transform:scale3d(.75,1.25,1)
 }
 50% {
  -webkit-transform:scale3d(1.15,.85,1);
  transform:scale3d(1.15,.85,1)
 }
 65% {
  -webkit-transform:scale3d(.95,1.05,1);
  transform:scale3d(.95,1.05,1)
 }
 75% {
  -webkit-transform:scale3d(1.05,.95,1);
  transform:scale3d(1.05,.95,1)
 }
 100% {
  -webkit-transform:scale3d(1,1,1);
  transform:scale3d(1,1,1)
 }
}
.rubberBand {
 -webkit-animation-name:rubberBand;
 animation-name:rubberBand;
 opacity:1!important
}
@-webkit-keyframes shake {
 0%,
 100% {
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
 }
 10%,
 30%,
 50%,
 70%,
 90% {
  -webkit-transform:translate3d(-10px,0,0);
  transform:translate3d(-10px,0,0)
 }
 20%,
 40%,
 60%,
 80% {
  -webkit-transform:translate3d(10px,0,0);
  transform:translate3d(10px,0,0)
 }
}
@keyframes shake {
 0%,
 100% {
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
 }
 10%,
 30%,
 50%,
 70%,
 90% {
  -webkit-transform:translate3d(-10px,0,0);
  transform:translate3d(-10px,0,0)
 }
 20%,
 40%,
 60%,
 80% {
  -webkit-transform:translate3d(10px,0,0);
  transform:translate3d(10px,0,0)
 }
}
.shake {
 -webkit-animation-name:shake;
 animation-name:shake
}
@-webkit-keyframes swing {
 20% {
  -webkit-transform:rotate3d(0,0,1,15deg);
  transform:rotate3d(0,0,1,15deg)
 }
 40% {
  -webkit-transform:rotate3d(0,0,1,-10deg);
  transform:rotate3d(0,0,1,-10deg)
 }
 60% {
  -webkit-transform:rotate3d(0,0,1,5deg);
  transform:rotate3d(0,0,1,5deg)
 }
 80% {
  -webkit-transform:rotate3d(0,0,1,-5deg);
  transform:rotate3d(0,0,1,-5deg)
 }
 100% {
  -webkit-transform:rotate3d(0,0,1,0deg);
  transform:rotate3d(0,0,1,0deg)
 }
}
@keyframes swing {
 20% {
  -webkit-transform:rotate3d(0,0,1,15deg);
  transform:rotate3d(0,0,1,15deg)
 }
 40% {
  -webkit-transform:rotate3d(0,0,1,-10deg);
  transform:rotate3d(0,0,1,-10deg)
 }
 60% {
  -webkit-transform:rotate3d(0,0,1,5deg);
  transform:rotate3d(0,0,1,5deg)
 }
 80% {
  -webkit-transform:rotate3d(0,0,1,-5deg);
  transform:rotate3d(0,0,1,-5deg)
 }
 100% {
  -webkit-transform:rotate3d(0,0,1,0deg);
  transform:rotate3d(0,0,1,0deg)
 }
}
.swing {
 -webkit-transform-origin:top center;
 transform-origin:top center;
 -webkit-animation-name:swing;
 animation-name:swing
}
@-webkit-keyframes tada {
 0% {
  -webkit-transform:scale3d(1,1,1);
  transform:scale3d(1,1,1)
 }
 10%,
 20% {
  -webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
  transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
 }
 30%,
 50%,
 70%,
 90% {
  -webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
  transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
 }
 40%,
 60%,
 80% {
  -webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
  transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
 }
 100% {
  -webkit-transform:scale3d(1,1,1);
  transform:scale3d(1,1,1)
 }
}
@keyframes tada {
 0% {
  -webkit-transform:scale3d(1,1,1);
  transform:scale3d(1,1,1)
 }
 10%,
 20% {
  -webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
  transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
 }
 30%,
 50%,
 70%,
 90% {
  -webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
  transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
 }
 40%,
 60%,
 80% {
  -webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
  transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
 }
 100% {
  -webkit-transform:scale3d(1,1,1);
  transform:scale3d(1,1,1)
 }
}
.tada {
 -webkit-animation-name:tada;
 animation-name:tada
}
@-webkit-keyframes wobble {
 0% {
  -webkit-transform:none;
  transform:none
 }
 15% {
  -webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
  transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
 }
 30% {
  -webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);
  transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)
 }
 45% {
  -webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
  transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
 }
 60% {
  -webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);
  transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)
 }
 75% {
  -webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
  transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
 }
 100% {
  -webkit-transform:none;
  transform:none
 }
}
@keyframes wobble {
 0% {
  -webkit-transform:none;
  transform:none
 }
 15% {
  -webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
  transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
 }
 30% {
  -webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);
  transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)
 }
 45% {
  -webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
  transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
 }
 60% {
  -webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);
  transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)
 }
 75% {
  -webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
  transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
 }
 100% {
  -webkit-transform:none;
  transform:none
 }
}
.wobble {
 -webkit-animation-name:wobble;
 animation-name:wobble
}
@-webkit-keyframes bounceIn {
 0%,
 100%,
 20%,
 40%,
 60%,
 80% {
  -webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);
  transition-timing-function:cubic-bezier(.215,.61,.355,1)
 }
 0% {
  opacity:0;
  -webkit-transform:scale3d(.3,.3,.3);
  transform:scale3d(.3,.3,.3)
 }
 20% {
  -webkit-transform:scale3d(1.1,1.1,1.1);
  transform:scale3d(1.1,1.1,1.1)
 }
 40% {
  -webkit-transform:scale3d(.9,.9,.9);
  transform:scale3d(.9,.9,.9)
 }
 60% {
  opacity:1;
  -webkit-transform:scale3d(1.03,1.03,1.03);
  transform:scale3d(1.03,1.03,1.03)
 }
 80% {
  -webkit-transform:scale3d(.97,.97,.97);
  transform:scale3d(.97,.97,.97)
 }
 100% {
  opacity:1;
  -webkit-transform:scale3d(1,1,1);
  transform:scale3d(1,1,1)
 }
}
@keyframes bounceIn {
 0%,
 100%,
 20%,
 40%,
 60%,
 80% {
  -webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);
  transition-timing-function:cubic-bezier(.215,.61,.355,1)
 }
 0% {
  opacity:0;
  -webkit-transform:scale3d(.3,.3,.3);
  transform:scale3d(.3,.3,.3)
 }
 20% {
  -webkit-transform:scale3d(1.1,1.1,1.1);
  transform:scale3d(1.1,1.1,1.1)
 }
 40% {
  -webkit-transform:scale3d(.9,.9,.9);
  transform:scale3d(.9,.9,.9)
 }
 60% {
  opacity:1;
  -webkit-transform:scale3d(1.03,1.03,1.03);
  transform:scale3d(1.03,1.03,1.03)
 }
 80% {
  -webkit-transform:scale3d(.97,.97,.97);
  transform:scale3d(.97,.97,.97)
 }
 100% {
  opacity:1;
  -webkit-transform:scale3d(1,1,1);
  transform:scale3d(1,1,1)
 }
}
.bounceIn {
 -webkit-animation-name:bounceIn;
 animation-name:bounceIn;
 -webkit-animation-duration:.75s;
 animation-duration:.75s
}
@-webkit-keyframes bounceInDown {
 0%,
 100%,
 60%,
 75%,
 90% {
  -webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);
  transition-timing-function:cubic-bezier(.215,.61,.355,1)
 }
 0% {
  opacity:0;
  -webkit-transform:translate3d(0,-3000px,0);
  transform:translate3d(0,-3000px,0)
 }
 60% {
  opacity:1;
  -webkit-transform:translate3d(0,25px,0);
  transform:translate3d(0,25px,0)
 }
 75% {
  -webkit-transform:translate3d(0,-10px,0);
  transform:translate3d(0,-10px,0)
 }
 90% {
  -webkit-transform:translate3d(0,5px,0);
  transform:translate3d(0,5px,0)
 }
 100% {
  -webkit-transform:none;
  transform:none
 }
}
@keyframes bounceInDown {
 0%,
 100%,
 60%,
 75%,
 90% {
  -webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);
  transition-timing-function:cubic-bezier(.215,.61,.355,1)
 }
 0% {
  opacity:0;
  -webkit-transform:translate3d(0,-3000px,0);
  transform:translate3d(0,-3000px,0)
 }
 60% {
  opacity:1;
  -webkit-transform:translate3d(0,25px,0);
  transform:translate3d(0,25px,0)
 }
 75% {
  -webkit-transform:translate3d(0,-10px,0);
  transform:translate3d(0,-10px,0)
 }
 90% {
  -webkit-transform:translate3d(0,5px,0);
  transform:translate3d(0,5px,0)
 }
 100% {
  -webkit-transform:none;
  transform:none
 }
}
.bounceInDown {
 -webkit-animation-name:bounceInDown;
 animation-name:bounceInDown
}
@-webkit-keyframes bounceInLeft {
 0%,
 100%,
 60%,
 75%,
 90% {
  -webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);
  transition-timing-function:cubic-bezier(.215,.61,.355,1)
 }
 0% {
  opacity:0;
  -webkit-transform:translate3d(-3000px,0,0);
  transform:translate3d(-3000px,0,0)
 }
 60% {
  opacity:1;
  -webkit-transform:translate3d(25px,0,0);
  transform:translate3d(25px,0,0)
 }
 75% {
  -webkit-transform:translate3d(-10px,0,0);
  transform:translate3d(-10px,0,0)
 }
 90% {
  -webkit-transform:translate3d(5px,0,0);
  transform:translate3d(5px,0,0)
 }
 100% {
  -webkit-transform:none;
  transform:none
 }
}
@keyframes bounceInLeft {
 0%,
 100%,
 60%,
 75%,
 90% {
  -webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);
  transition-timing-function:cubic-bezier(.215,.61,.355,1)
 }
 0% {
  opacity:0;
  -webkit-transform:translate3d(-3000px,0,0);
  transform:translate3d(-3000px,0,0)
 }
 60% {
  opacity:1;
  -webkit-transform:translate3d(25px,0,0);
  transform:translate3d(25px,0,0)
 }
 75% {
  -webkit-transform:translate3d(-10px,0,0);
  transform:translate3d(-10px,0,0)
 }
 90% {
  -webkit-transform:translate3d(5px,0,0);
  transform:translate3d(5px,0,0)
 }
 100% {
  -webkit-transform:none;
  transform:none
 }
}
.bounceInLeft {
 -webkit-animation-name:bounceInLeft;
 animation-name:bounceInLeft
}
@-webkit-keyframes bounceInRight {
 0%,
 100%,
 60%,
 75%,
 90% {
  -webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);
  transition-timing-function:cubic-bezier(.215,.61,.355,1)
 }
 0% {
  opacity:0;
  -webkit-transform:translate3d(3000px,0,0);
  transform:translate3d(3000px,0,0)
 }
 60% {
  opacity:1;
  -webkit-transform:translate3d(-25px,0,0);
  transform:translate3d(-25px,0,0)
 }
 75% {
  -webkit-transform:translate3d(10px,0,0);
  transform:translate3d(10px,0,0)
 }
 90% {
  -webkit-transform:translate3d(-5px,0,0);
  transform:translate3d(-5px,0,0)
 }
 100% {
  -webkit-transform:none;
  transform:none
 }
}
@keyframes bounceInRight {
 0%,
 100%,
 60%,
 75%,
 90% {
  -webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);
  transition-timing-function:cubic-bezier(.215,.61,.355,1)
 }
 0% {
  opacity:0;
  -webkit-transform:translate3d(3000px,0,0);
  transform:translate3d(3000px,0,0)
 }
 60% {
  opacity:1;
  -webkit-transform:translate3d(-25px,0,0);
  transform:translate3d(-25px,0,0)
 }
 75% {
  -webkit-transform:translate3d(10px,0,0);
  transform:translate3d(10px,0,0)
 }
 90% {
  -webkit-transform:translate3d(-5px,0,0);
  transform:translate3d(-5px,0,0)
 }
 100% {
  -webkit-transform:none;
  transform:none
 }
}
.bounceInRight {
 -webkit-animation-name:bounceInRight;
 animation-name:bounceInRight
}
@-webkit-keyframes bounceInUp {
 0%,
 100%,
 60%,
 75%,
 90% {
  -webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);
  transition-timing-function:cubic-bezier(.215,.61,.355,1)
 }
 0% {
  opacity:0;
  -webkit-transform:translate3d(0,3000px,0);
  transform:translate3d(0,3000px,0)
 }
 60% {
  opacity:1;
  -webkit-transform:translate3d(0,-20px,0);
  transform:translate3d(0,-20px,0)
 }
 75% {
  -webkit-transform:translate3d(0,10px,0);
  transform:translate3d(0,10px,0)
 }
 90% {
  -webkit-transform:translate3d(0,-5px,0);
  transform:translate3d(0,-5px,0)
 }
 100% {
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
 }
}
@keyframes bounceInUp {
 0%,
 100%,
 60%,
 75%,
 90% {
  -webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);
  transition-timing-function:cubic-bezier(.215,.61,.355,1)
 }
 0% {
  opacity:0;
  -webkit-transform:translate3d(0,3000px,0);
  transform:translate3d(0,3000px,0)
 }
 60% {
  opacity:1;
  -webkit-transform:translate3d(0,-20px,0);
  transform:translate3d(0,-20px,0)
 }
 75% {
  -webkit-transform:translate3d(0,10px,0);
  transform:translate3d(0,10px,0)
 }
 90% {
  -webkit-transform:translate3d(0,-5px,0);
  transform:translate3d(0,-5px,0)
 }
 100% {
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
 }
}
.bounceInUp {
 -webkit-animation-name:bounceInUp;
 animation-name:bounceInUp
}
@-webkit-keyframes bounceOut {
 20% {
  -webkit-transform:scale3d(.9,.9,.9);
  transform:scale3d(.9,.9,.9)
 }
 50%,
 55% {
  opacity:1;
  -webkit-transform:scale3d(1.1,1.1,1.1);
  transform:scale3d(1.1,1.1,1.1)
 }
 100% {
  opacity:0;
  -webkit-transform:scale3d(.3,.3,.3);
  transform:scale3d(.3,.3,.3)
 }
}
@keyframes bounceOut {
 20% {
  -webkit-transform:scale3d(.9,.9,.9);
  transform:scale3d(.9,.9,.9)
 }
 50%,
 55% {
  opacity:1;
  -webkit-transform:scale3d(1.1,1.1,1.1);
  transform:scale3d(1.1,1.1,1.1)
 }
 100% {
  opacity:0;
  -webkit-transform:scale3d(.3,.3,.3);
  transform:scale3d(.3,.3,.3)
 }
}
.bounceOut {
 -webkit-animation-name:bounceOut;
 animation-name:bounceOut;
 -webkit-animation-duration:.75s;
 animation-duration:.75s
}
@-webkit-keyframes bounceOutDown {
 20% {
  -webkit-transform:translate3d(0,10px,0);
  transform:translate3d(0,10px,0)
 }
 40%,
 45% {
  opacity:1;
  -webkit-transform:translate3d(0,-20px,0);
  transform:translate3d(0,-20px,0)
 }
 100% {
  opacity:0;
  -webkit-transform:translate3d(0,2000px,0);
  transform:translate3d(0,2000px,0)
 }
}
@keyframes bounceOutDown {
 20% {
  -webkit-transform:translate3d(0,10px,0);
  transform:translate3d(0,10px,0)
 }
 40%,
 45% {
  opacity:1;
  -webkit-transform:translate3d(0,-20px,0);
  transform:translate3d(0,-20px,0)
 }
 100% {
  opacity:0;
  -webkit-transform:translate3d(0,2000px,0);
  transform:translate3d(0,2000px,0)
 }
}
.bounceOutDown {
 -webkit-animation-name:bounceOutDown;
 animation-name:bounceOutDown
}
@-webkit-keyframes bounceOutLeft {
 20% {
  opacity:1;
  -webkit-transform:translate3d(20px,0,0);
  transform:translate3d(20px,0,0)
 }
 100% {
  opacity:0;
  -webkit-transform:translate3d(-2000px,0,0);
  transform:translate3d(-2000px,0,0)
 }
}
@keyframes bounceOutLeft {
 20% {
  opacity:1;
  -webkit-transform:translate3d(20px,0,0);
  transform:translate3d(20px,0,0)
 }
 100% {
  opacity:0;
  -webkit-transform:translate3d(-2000px,0,0);
  transform:translate3d(-2000px,0,0)
 }
}
.bounceOutLeft {
 -webkit-animation-name:bounceOutLeft;
 animation-name:bounceOutLeft
}
@-webkit-keyframes bounceOutRight {
 20% {
  opacity:1;
  -webkit-transform:translate3d(-20px,0,0);
  transform:translate3d(-20px,0,0)
 }
 100% {
  opacity:0;
  -webkit-transform:translate3d(2000px,0,0);
  transform:translate3d(2000px,0,0)
 }
}
@keyframes bounceOutRight {
 20% {
  opacity:1;
  -webkit-transform:translate3d(-20px,0,0);
  transform:translate3d(-20px,0,0)
 }
 100% {
  opacity:0;
  -webkit-transform:translate3d(2000px,0,0);
  transform:translate3d(2000px,0,0)
 }
}
.bounceOutRight {
 -webkit-animation-name:bounceOutRight;
 animation-name:bounceOutRight
}
@-webkit-keyframes bounceOutUp {
 20% {
  -webkit-transform:translate3d(0,-10px,0);
  transform:translate3d(0,-10px,0)
 }
 40%,
 45% {
  opacity:1;
  -webkit-transform:translate3d(0,20px,0);
  transform:translate3d(0,20px,0)
 }
 100% {
  opacity:0;
  -webkit-transform:translate3d(0,-2000px,0);
  transform:translate3d(0,-2000px,0)
 }
}
@keyframes bounceOutUp {
 20% {
  -webkit-transform:translate3d(0,-10px,0);
  transform:translate3d(0,-10px,0)
 }
 40%,
 45% {
  opacity:1;
  -webkit-transform:translate3d(0,20px,0);
  transform:translate3d(0,20px,0)
 }
 100% {
  opacity:0;
  -webkit-transform:translate3d(0,-2000px,0);
  transform:translate3d(0,-2000px,0)
 }
}
.bounceOutUp {
 -webkit-animation-name:bounceOutUp;
 animation-name:bounceOutUp
}
@-webkit-keyframes fadeIn {
 0% {
  opacity:0
 }
 100% {
  opacity:1
 }
}
@keyframes fadeIn {
 0% {
  opacity:0
 }
 100% {
  opacity:1
 }
}
.fadeIn {
 -webkit-animation-name:fadeIn;
 animation-name:fadeIn
}
@-webkit-keyframes fadeInDown {
 0% {
  opacity:0;
  -webkit-transform:translate3d(0,-100%,0);
  transform:translate3d(0,-100%,0)
 }
 100% {
  opacity:1;
  -webkit-transform:none;
  transform:none
 }
}
@keyframes fadeInDown {
 0% {
  opacity:0;
  -webkit-transform:translate3d(0,-100%,0);
  transform:translate3d(0,-100%,0)
 }
 100% {
  opacity:1;
  -webkit-transform:none;
  transform:none
 }
}
.fadeInDown {
 -webkit-animation-name:fadeInDown;
 animation-name:fadeInDown
}
@-webkit-keyframes fadeInDownBig {
 0% {
  opacity:0;
  -webkit-transform:translate3d(0,-2000px,0);
  transform:translate3d(0,-2000px,0)
 }
 100% {
  opacity:1;
  -webkit-transform:none;
  transform:none
 }
}
@keyframes fadeInDownBig {
 0% {
  opacity:0;
  -webkit-transform:translate3d(0,-2000px,0);
  transform:translate3d(0,-2000px,0)
 }
 100% {
  opacity:1;
  -webkit-transform:none;
  transform:none
 }
}
.fadeInDownBig {
 -webkit-animation-name:fadeInDownBig;
 animation-name:fadeInDownBig
}
@-webkit-keyframes fadeInLeft {
 0% {
  opacity:0;
  -webkit-transform:translate3d(-100%,0,0);
  transform:translate3d(-100%,0,0)
 }
 100% {
  opacity:1;
  -webkit-transform:none;
  transform:none
 }
}
@keyframes fadeInLeft {
 0% {
  opacity:0;
  -webkit-transform:translate3d(-100%,0,0);
  transform:translate3d(-100%,0,0)
 }
 100% {
  opacity:1;
  -webkit-transform:none;
  transform:none
 }
}
.fadeInLeft {
 -webkit-animation-name:fadeInLeft;
 animation-name:fadeInLeft
}
@-webkit-keyframes fadeInLeftBig {
 0% {
  opacity:0;
  -webkit-transform:translate3d(-2000px,0,0);
  transform:translate3d(-2000px,0,0)
 }
 100% {
  opacity:1;
  -webkit-transform:none;
  transform:none
 }
}
@keyframes fadeInLeftBig {
 0% {
  opacity:0;
  -webkit-transform:translate3d(-2000px,0,0);
  transform:translate3d(-2000px,0,0)
 }
 100% {
  opacity:1;
  -webkit-transform:none;
  transform:none
 }
}
.fadeInLeftBig {
 -webkit-animation-name:fadeInLeftBig;
 animation-name:fadeInLeftBig
}
@-webkit-keyframes fadeInRight {
 0% {
  opacity:0;
  -webkit-transform:translate3d(100%,0,0);
  transform:translate3d(100%,0,0)
 }
 100% {
  opacity:1;
  -webkit-transform:none;
  transform:none
 }
}
@keyframes fadeInRight {
 0% {
  opacity:0;
  -webkit-transform:translate3d(100%,0,0);
  transform:translate3d(100%,0,0)
 }
 100% {
  opacity:1;
  -webkit-transform:none;
  transform:none
 }
}
.fadeInRight {
 -webkit-animation-name:fadeInRight;
 animation-name:fadeInRight
}
@-webkit-keyframes fadeInRightBig {
 0% {
  opacity:0;
  -webkit-transform:translate3d(2000px,0,0);
  transform:translate3d(2000px,0,0)
 }
 100% {
  opacity:1;
  -webkit-transform:none;
  transform:none
 }
}
@keyframes fadeInRightBig {
 0% {
  opacity:0;
  -webkit-transform:translate3d(2000px,0,0);
  transform:translate3d(2000px,0,0)
 }
 100% {
  opacity:1;
  -webkit-transform:none;
  transform:none
 }
}
.fadeInRightBig {
 -webkit-animation-name:fadeInRightBig;
 animation-name:fadeInRightBig
}
@-webkit-keyframes fadeInUp {
 0% {
  opacity:0;
  -webkit-transform:translate3d(0,100%,0);
  transform:translate3d(0,100%,0)
 }
 100% {
  opacity:1;
  -webkit-transform:none;
  transform:none
 }
}
@keyframes fadeInUp {
 0% {
  opacity:0;
  -webkit-transform:translate3d(0,100%,0);
  transform:translate3d(0,100%,0)
 }
 100% {
  opacity:1;
  -webkit-transform:none;
  transform:none
 }
}
.fadeInUp {
 -webkit-animation-name:fadeInUp;
 animation-name:fadeInUp
}
@-webkit-keyframes fadeInUpBig {
 0% {
  opacity:0;
  -webkit-transform:translate3d(0,2000px,0);
  transform:translate3d(0,2000px,0)
 }
 100% {
  opacity:1;
  -webkit-transform:none;
  transform:none
 }
}
@keyframes fadeInUpBig {
 0% {
  opacity:0;
  -webkit-transform:translate3d(0,2000px,0);
  transform:translate3d(0,2000px,0)
 }
 100% {
  opacity:1;
  -webkit-transform:none;
  transform:none
 }
}
.fadeInUpBig {
 -webkit-animation-name:fadeInUpBig;
 animation-name:fadeInUpBig
}
@-webkit-keyframes fadeOut {
 0% {
  opacity:1
 }
 100% {
  opacity:0
 }
}
@keyframes fadeOut {
 0% {
  opacity:1
 }
 100% {
  opacity:0
 }
}
.fadeOut {
 -webkit-animation-name:fadeOut;
 animation-name:fadeOut
}
@-webkit-keyframes fadeOutDown {
 0% {
  opacity:1
 }
 100% {
  opacity:0;
  -webkit-transform:translate3d(0,100%,0);
  transform:translate3d(0,100%,0)
 }
}
@keyframes fadeOutDown {
 0% {
  opacity:1
 }
 100% {
  opacity:0;
  -webkit-transform:translate3d(0,100%,0);
  transform:translate3d(0,100%,0)
 }
}
.fadeOutDown {
 -webkit-animation-name:fadeOutDown;
 animation-name:fadeOutDown
}
@-webkit-keyframes fadeOutDownBig {
 0% {
  opacity:1
 }
 100% {
  opacity:0;
  -webkit-transform:translate3d(0,2000px,0);
  transform:translate3d(0,2000px,0)
 }
}
@keyframes fadeOutDownBig {
 0% {
  opacity:1
 }
 100% {
  opacity:0;
  -webkit-transform:translate3d(0,2000px,0);
  transform:translate3d(0,2000px,0)
 }
}
.fadeOutDownBig {
 -webkit-animation-name:fadeOutDownBig;
 animation-name:fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft {
 0% {
  opacity:1
 }
 100% {
  opacity:0;
  -webkit-transform:translate3d(-100%,0,0);
  transform:translate3d(-100%,0,0)
 }
}
@keyframes fadeOutLeft {
 0% {
  opacity:1
 }
 100% {
  opacity:0;
  -webkit-transform:translate3d(-100%,0,0);
  transform:translate3d(-100%,0,0)
 }
}
.fadeOutLeft {
 -webkit-animation-name:fadeOutLeft;
 animation-name:fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig {
 0% {
  opacity:1
 }
 100% {
  opacity:0;
  -webkit-transform:translate3d(-2000px,0,0);
  transform:translate3d(-2000px,0,0)
 }
}
@keyframes fadeOutLeftBig {
 0% {
  opacity:1
 }
 100% {
  opacity:0;
  -webkit-transform:translate3d(-2000px,0,0);
  transform:translate3d(-2000px,0,0)
 }
}
.fadeOutLeftBig {
 -webkit-animation-name:fadeOutLeftBig;
 animation-name:fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight {
 0% {
  opacity:1
 }
 100% {
  opacity:0;
  -webkit-transform:translate3d(100%,0,0);
  transform:translate3d(100%,0,0)
 }
}
@keyframes fadeOutRight {
 0% {
  opacity:1
 }
 100% {
  opacity:0;
  -webkit-transform:translate3d(100%,0,0);
  transform:translate3d(100%,0,0)
 }
}
.fadeOutRight {
 -webkit-animation-name:fadeOutRight;
 animation-name:fadeOutRight
}
@-webkit-keyframes fadeOutRightBig {
 0% {
  opacity:1
 }
 100% {
  opacity:0;
  -webkit-transform:translate3d(2000px,0,0);
  transform:translate3d(2000px,0,0)
 }
}
@keyframes fadeOutRightBig {
 0% {
  opacity:1
 }
 100% {
  opacity:0;
  -webkit-transform:translate3d(2000px,0,0);
  transform:translate3d(2000px,0,0)
 }
}
.fadeOutRightBig {
 -webkit-animation-name:fadeOutRightBig;
 animation-name:fadeOutRightBig
}
@-webkit-keyframes fadeOutUp {
 0% {
  opacity:1
 }
 100% {
  opacity:0;
  -webkit-transform:translate3d(0,-100%,0);
  transform:translate3d(0,-100%,0)
 }
}
@keyframes fadeOutUp {
 0% {
  opacity:1
 }
 100% {
  opacity:0;
  -webkit-transform:translate3d(0,-100%,0);
  transform:translate3d(0,-100%,0)
 }
}
.fadeOutUp {
 -webkit-animation-name:fadeOutUp;
 animation-name:fadeOutUp
}
@-webkit-keyframes fadeOutUpBig {
 0% {
  opacity:1
 }
 100% {
  opacity:0;
  -webkit-transform:translate3d(0,-2000px,0);
  transform:translate3d(0,-2000px,0)
 }
}
@keyframes fadeOutUpBig {
 0% {
  opacity:1
 }
 100% {
  opacity:0;
  -webkit-transform:translate3d(0,-2000px,0);
  transform:translate3d(0,-2000px,0)
 }
}
.fadeOutUpBig {
 -webkit-animation-name:fadeOutUpBig;
 animation-name:fadeOutUpBig
}
@-webkit-keyframes flip {
 0% {
  -webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);
  transform:perspective(400px) rotate3d(0,1,0,-360deg);
  -webkit-animation-timing-function:ease-out;
  animation-timing-function:ease-out
 }
 40% {
  -webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
  transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
  -webkit-animation-timing-function:ease-out;
  animation-timing-function:ease-out
 }
 50% {
  -webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
  transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
  -webkit-animation-timing-function:ease-in;
  animation-timing-function:ease-in
 }
 80% {
  -webkit-transform:perspective(400px) scale3d(.95,.95,.95);
  transform:perspective(400px) scale3d(.95,.95,.95);
  -webkit-animation-timing-function:ease-in;
  animation-timing-function:ease-in
 }
 100% {
  -webkit-transform:perspective(400px);
  transform:perspective(400px);
  -webkit-animation-timing-function:ease-in;
  animation-timing-function:ease-in
 }
}
@keyframes flip {
 0% {
  -webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);
  transform:perspective(400px) rotate3d(0,1,0,-360deg);
  -webkit-animation-timing-function:ease-out;
  animation-timing-function:ease-out
 }
 40% {
  -webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
  transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
  -webkit-animation-timing-function:ease-out;
  animation-timing-function:ease-out
 }
 50% {
  -webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
  transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
  -webkit-animation-timing-function:ease-in;
  animation-timing-function:ease-in
 }
 80% {
  -webkit-transform:perspective(400px) scale3d(.95,.95,.95);
  transform:perspective(400px) scale3d(.95,.95,.95);
  -webkit-animation-timing-function:ease-in;
  animation-timing-function:ease-in
 }
 100% {
  -webkit-transform:perspective(400px);
  transform:perspective(400px);
  -webkit-animation-timing-function:ease-in;
  animation-timing-function:ease-in
 }
}
.animated.flip {
 -webkit-backface-visibility:visible;
 backface-visibility:visible;
 -webkit-animation-name:flip;
 animation-name:flip
}
@-webkit-keyframes flipInX {
 0% {
  -webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);
  transform:perspective(400px) rotate3d(1,0,0,90deg);
  -webkit-transition-timing-function:ease-in;
  transition-timing-function:ease-in;
  opacity:0
 }
 40% {
  -webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);
  transform:perspective(400px) rotate3d(1,0,0,-20deg);
  -webkit-transition-timing-function:ease-in;
  transition-timing-function:ease-in
 }
 60% {
  -webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);
  transform:perspective(400px) rotate3d(1,0,0,10deg);
  opacity:1
 }
 80% {
  -webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);
  transform:perspective(400px) rotate3d(1,0,0,-5deg)
 }
 100% {
  -webkit-transform:perspective(400px);
  transform:perspective(400px)
 }
}
@keyframes flipInX {
 0% {
  -webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);
  transform:perspective(400px) rotate3d(1,0,0,90deg);
  -webkit-transition-timing-function:ease-in;
  transition-timing-function:ease-in;
  opacity:0
 }
 40% {
  -webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);
  transform:perspective(400px) rotate3d(1,0,0,-20deg);
  -webkit-transition-timing-function:ease-in;
  transition-timing-function:ease-in
 }
 60% {
  -webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);
  transform:perspective(400px) rotate3d(1,0,0,10deg);
  opacity:1
 }
 80% {
  -webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);
  transform:perspective(400px) rotate3d(1,0,0,-5deg)
 }
 100% {
  -webkit-transform:perspective(400px);
  transform:perspective(400px)
 }
}
.flipInX {
 -webkit-backface-visibility:visible!important;
 backface-visibility:visible!important;
 -webkit-animation-name:flipInX;
 animation-name:flipInX;
 opacity:1!important
}
@-webkit-keyframes flipInY {
 0% {
  -webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);
  transform:perspective(400px) rotate3d(0,1,0,90deg);
  -webkit-transition-timing-function:ease-in;
  transition-timing-function:ease-in;
  opacity:0
 }
 40% {
  -webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);
  transform:perspective(400px) rotate3d(0,1,0,-20deg);
  -webkit-transition-timing-function:ease-in;
  transition-timing-function:ease-in
 }
 60% {
  -webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);
  transform:perspective(400px) rotate3d(0,1,0,10deg);
  opacity:1
 }
 80% {
  -webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);
  transform:perspective(400px) rotate3d(0,1,0,-5deg)
 }
 100% {
  -webkit-transform:perspective(400px);
  transform:perspective(400px)
 }
}
@keyframes flipInY {
 0% {
  -webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);
  transform:perspective(400px) rotate3d(0,1,0,90deg);
  -webkit-transition-timing-function:ease-in;
  transition-timing-function:ease-in;
  opacity:0
 }
 40% {
  -webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);
  transform:perspective(400px) rotate3d(0,1,0,-20deg);
  -webkit-transition-timing-function:ease-in;
  transition-timing-function:ease-in
 }
 60% {
  -webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);
  transform:perspective(400px) rotate3d(0,1,0,10deg);
  opacity:1
 }
 80% {
  -webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);
  transform:perspective(400px) rotate3d(0,1,0,-5deg)
 }
 100% {
  -webkit-transform:perspective(400px);
  transform:perspective(400px)
 }
}
.flipInY {
 -webkit-backface-visibility:visible!important;
 backface-visibility:visible!important;
 -webkit-animation-name:flipInY;
 animation-name:flipInY;
 opacity:1!important
}
@-webkit-keyframes flipOutX {
 0% {
  -webkit-transform:perspective(400px);
  transform:perspective(400px)
 }
 30% {
  -webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);
  transform:perspective(400px) rotate3d(1,0,0,-20deg);
  opacity:1
 }
 100% {
  -webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);
  transform:perspective(400px) rotate3d(1,0,0,90deg);
  opacity:0
 }
}
@keyframes flipOutX {
 0% {
  -webkit-transform:perspective(400px);
  transform:perspective(400px)
 }
 30% {
  -webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);
  transform:perspective(400px) rotate3d(1,0,0,-20deg);
  opacity:1
 }
 100% {
  -webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);
  transform:perspective(400px) rotate3d(1,0,0,90deg);
  opacity:0
 }
}
.flipOutX {
 -webkit-animation-name:flipOutX;
 animation-name:flipOutX;
 -webkit-animation-duration:.75s;
 animation-duration:.75s;
 -webkit-backface-visibility:visible!important;
 backface-visibility:visible!important
}
@-webkit-keyframes flipOutY {
 0% {
  -webkit-transform:perspective(400px);
  transform:perspective(400px)
 }
 30% {
  -webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);
  transform:perspective(400px) rotate3d(0,1,0,-15deg);
  opacity:1
 }
 100% {
  -webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);
  transform:perspective(400px) rotate3d(0,1,0,90deg);
  opacity:0
 }
}
@keyframes flipOutY {
 0% {
  -webkit-transform:perspective(400px);
  transform:perspective(400px)
 }
 30% {
  -webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);
  transform:perspective(400px) rotate3d(0,1,0,-15deg);
  opacity:1
 }
 100% {
  -webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);
  transform:perspective(400px) rotate3d(0,1,0,90deg);
  opacity:0
 }
}
.flipOutY {
 -webkit-backface-visibility:visible!important;
 backface-visibility:visible!important;
 -webkit-animation-name:flipOutY;
 animation-name:flipOutY;
 -webkit-animation-duration:.75s;
 animation-duration:.75s
}
@-webkit-keyframes lightSpeedIn {
 0% {
  -webkit-transform:translate3d(100%,0,0) skewX(-30deg);
  transform:translate3d(100%,0,0) skewX(-30deg);
  opacity:0
 }
 60% {
  -webkit-transform:skewX(20deg);
  transform:skewX(20deg);
  opacity:1
 }
 80% {
  -webkit-transform:skewX(-5deg);
  transform:skewX(-5deg);
  opacity:1
 }
 100% {
  -webkit-transform:none;
  transform:none;
  opacity:1
 }
}
@keyframes lightSpeedIn {
 0% {
  -webkit-transform:translate3d(100%,0,0) skewX(-30deg);
  transform:translate3d(100%,0,0) skewX(-30deg);
  opacity:0
 }
 60% {
  -webkit-transform:skewX(20deg);
  transform:skewX(20deg);
  opacity:1
 }
 80% {
  -webkit-transform:skewX(-5deg);
  transform:skewX(-5deg);
  opacity:1
 }
 100% {
  -webkit-transform:none;
  transform:none;
  opacity:1
 }
}
.lightSpeedIn {
 -webkit-animation-name:lightSpeedIn;
 animation-name:lightSpeedIn;
 -webkit-animation-timing-function:ease-out;
 animation-timing-function:ease-out
}
@-webkit-keyframes lightSpeedOut {
 0% {
  opacity:1
 }
 100% {
  -webkit-transform:translate3d(100%,0,0) skewX(30deg);
  transform:translate3d(100%,0,0) skewX(30deg);
  opacity:0
 }
}
@keyframes lightSpeedOut {
 0% {
  opacity:1
 }
 100% {
  -webkit-transform:translate3d(100%,0,0) skewX(30deg);
  transform:translate3d(100%,0,0) skewX(30deg);
  opacity:0
 }
}
.lightSpeedOut {
 -webkit-animation-name:lightSpeedOut;
 animation-name:lightSpeedOut;
 -webkit-animation-timing-function:ease-in;
 animation-timing-function:ease-in
}
@-webkit-keyframes rotateIn {
 0% {
  -webkit-transform-origin:center;
  transform-origin:center;
  -webkit-transform:rotate3d(0,0,1,-200deg);
  transform:rotate3d(0,0,1,-200deg);
  opacity:0
 }
 100% {
  -webkit-transform-origin:center;
  transform-origin:center;
  -webkit-transform:none;
  transform:none;
  opacity:1
 }
}
@keyframes rotateIn {
 0% {
  -webkit-transform-origin:center;
  transform-origin:center;
  -webkit-transform:rotate3d(0,0,1,-200deg);
  transform:rotate3d(0,0,1,-200deg);
  opacity:0
 }
 100% {
  -webkit-transform-origin:center;
  transform-origin:center;
  -webkit-transform:none;
  transform:none;
  opacity:1
 }
}
.rotateIn {
 -webkit-animation-name:rotateIn;
 animation-name:rotateIn
}
@-webkit-keyframes rotateInDownLeft {
 0% {
  -webkit-transform-origin:left bottom;
  transform-origin:left bottom;
  -webkit-transform:rotate3d(0,0,1,-45deg);
  transform:rotate3d(0,0,1,-45deg);
  opacity:0
 }
 100% {
  -webkit-transform-origin:left bottom;
  transform-origin:left bottom;
  -webkit-transform:none;
  transform:none;
  opacity:1
 }
}
@keyframes rotateInDownLeft {
 0% {
  -webkit-transform-origin:left bottom;
  transform-origin:left bottom;
  -webkit-transform:rotate3d(0,0,1,-45deg);
  transform:rotate3d(0,0,1,-45deg);
  opacity:0
 }
 100% {
  -webkit-transform-origin:left bottom;
  transform-origin:left bottom;
  -webkit-transform:none;
  transform:none;
  opacity:1
 }
}
.rotateInDownLeft {
 -webkit-animation-name:rotateInDownLeft;
 animation-name:rotateInDownLeft
}
@-webkit-keyframes rotateInDownRight {
 0% {
  -webkit-transform-origin:right bottom;
  transform-origin:right bottom;
  -webkit-transform:rotate3d(0,0,1,45deg);
  transform:rotate3d(0,0,1,45deg);
  opacity:0
 }
 100% {
  -webkit-transform-origin:right bottom;
  transform-origin:right bottom;
  -webkit-transform:none;
  transform:none;
  opacity:1
 }
}
@keyframes rotateInDownRight {
 0% {
  -webkit-transform-origin:right bottom;
  transform-origin:right bottom;
  -webkit-transform:rotate3d(0,0,1,45deg);
  transform:rotate3d(0,0,1,45deg);
  opacity:0
 }
 100% {
  -webkit-transform-origin:right bottom;
  transform-origin:right bottom;
  -webkit-transform:none;
  transform:none;
  opacity:1
 }
}
.rotateInDownRight {
 -webkit-animation-name:rotateInDownRight;
 animation-name:rotateInDownRight
}
@-webkit-keyframes rotateInUpLeft {
 0% {
  -webkit-transform-origin:left bottom;
  transform-origin:left bottom;
  -webkit-transform:rotate3d(0,0,1,45deg);
  transform:rotate3d(0,0,1,45deg);
  opacity:0
 }
 100% {
  -webkit-transform-origin:left bottom;
  transform-origin:left bottom;
  -webkit-transform:none;
  transform:none;
  opacity:1
 }
}
@keyframes rotateInUpLeft {
 0% {
  -webkit-transform-origin:left bottom;
  transform-origin:left bottom;
  -webkit-transform:rotate3d(0,0,1,45deg);
  transform:rotate3d(0,0,1,45deg);
  opacity:0
 }
 100% {
  -webkit-transform-origin:left bottom;
  transform-origin:left bottom;
  -webkit-transform:none;
  transform:none;
  opacity:1
 }
}
.rotateInUpLeft {
 -webkit-animation-name:rotateInUpLeft;
 animation-name:rotateInUpLeft
}
@-webkit-keyframes rotateInUpRight {
 0% {
  -webkit-transform-origin:right bottom;
  transform-origin:right bottom;
  -webkit-transform:rotate3d(0,0,1,-90deg);
  transform:rotate3d(0,0,1,-90deg);
  opacity:0
 }
 100% {
  -webkit-transform-origin:right bottom;
  transform-origin:right bottom;
  -webkit-transform:none;
  transform:none;
  opacity:1
 }
}
@keyframes rotateInUpRight {
 0% {
  -webkit-transform-origin:right bottom;
  transform-origin:right bottom;
  -webkit-transform:rotate3d(0,0,1,-90deg);
  transform:rotate3d(0,0,1,-90deg);
  opacity:0
 }
 100% {
  -webkit-transform-origin:right bottom;
  transform-origin:right bottom;
  -webkit-transform:none;
  transform:none;
  opacity:1
 }
}
.rotateInUpRight {
 -webkit-animation-name:rotateInUpRight;
 animation-name:rotateInUpRight
}
@-webkit-keyframes rotateOut {
 0% {
  -webkit-transform-origin:center;
  transform-origin:center;
  opacity:1
 }
 100% {
  -webkit-transform-origin:center;
  transform-origin:center;
  -webkit-transform:rotate3d(0,0,1,200deg);
  transform:rotate3d(0,0,1,200deg);
  opacity:0
 }
}
@keyframes rotateOut {
 0% {
  -webkit-transform-origin:center;
  transform-origin:center;
  opacity:1
 }
 100% {
  -webkit-transform-origin:center;
  transform-origin:center;
  -webkit-transform:rotate3d(0,0,1,200deg);
  transform:rotate3d(0,0,1,200deg);
  opacity:0
 }
}
.rotateOut {
 -webkit-animation-name:rotateOut;
 animation-name:rotateOut
}
@-webkit-keyframes rotateOutDownLeft {
 0% {
  -webkit-transform-origin:left bottom;
  transform-origin:left bottom;
  opacity:1
 }
 100% {
  -webkit-transform-origin:left bottom;
  transform-origin:left bottom;
  -webkit-transform:rotate(0,0,1,45deg);
  transform:rotate(0,0,1,45deg);
  opacity:0
 }
}
@keyframes rotateOutDownLeft {
 0% {
  -webkit-transform-origin:left bottom;
  transform-origin:left bottom;
  opacity:1
 }
 100% {
  -webkit-transform-origin:left bottom;
  transform-origin:left bottom;
  -webkit-transform:rotate(0,0,1,45deg);
  transform:rotate(0,0,1,45deg);
  opacity:0
 }
}
.rotateOutDownLeft {
 -webkit-animation-name:rotateOutDownLeft;
 animation-name:rotateOutDownLeft
}
@-webkit-keyframes rotateOutDownRight {
 0% {
  -webkit-transform-origin:right bottom;
  transform-origin:right bottom;
  opacity:1
 }
 100% {
  -webkit-transform-origin:right bottom;
  transform-origin:right bottom;
  -webkit-transform:rotate3d(0,0,1,-45deg);
  transform:rotate3d(0,0,1,-45deg);
  opacity:0
 }
}
@keyframes rotateOutDownRight {
 0% {
  -webkit-transform-origin:right bottom;
  transform-origin:right bottom;
  opacity:1
 }
 100% {
  -webkit-transform-origin:right bottom;
  transform-origin:right bottom;
  -webkit-transform:rotate3d(0,0,1,-45deg);
  transform:rotate3d(0,0,1,-45deg);
  opacity:0
 }
}
.rotateOutDownRight {
 -webkit-animation-name:rotateOutDownRight;
 animation-name:rotateOutDownRight
}
@-webkit-keyframes rotateOutUpLeft {
 0% {
  -webkit-transform-origin:left bottom;
  transform-origin:left bottom;
  opacity:1
 }
 100% {
  -webkit-transform-origin:left bottom;
  transform-origin:left bottom;
  -webkit-transform:rotate3d(0,0,1,-45deg);
  transform:rotate3d(0,0,1,-45deg);
  opacity:0
 }
}
@keyframes rotateOutUpLeft {
 0% {
  -webkit-transform-origin:left bottom;
  transform-origin:left bottom;
  opacity:1
 }
 100% {
  -webkit-transform-origin:left bottom;
  transform-origin:left bottom;
  -webkit-transform:rotate3d(0,0,1,-45deg);
  transform:rotate3d(0,0,1,-45deg);
  opacity:0
 }
}
.rotateOutUpLeft {
 -webkit-animation-name:rotateOutUpLeft;
 animation-name:rotateOutUpLeft
}
@-webkit-keyframes rotateOutUpRight {
 0% {
  -webkit-transform-origin:right bottom;
  transform-origin:right bottom;
  opacity:1
 }
 100% {
  -webkit-transform-origin:right bottom;
  transform-origin:right bottom;
  -webkit-transform:rotate3d(0,0,1,90deg);
  transform:rotate3d(0,0,1,90deg);
  opacity:0
 }
}
@keyframes rotateOutUpRight {
 0% {
  -webkit-transform-origin:right bottom;
  transform-origin:right bottom;
  opacity:1
 }
 100% {
  -webkit-transform-origin:right bottom;
  transform-origin:right bottom;
  -webkit-transform:rotate3d(0,0,1,90deg);
  transform:rotate3d(0,0,1,90deg);
  opacity:0
 }
}
.rotateOutUpRight {
 -webkit-animation-name:rotateOutUpRight;
 animation-name:rotateOutUpRight
}
@-webkit-keyframes hinge {
 0% {
  -webkit-transform-origin:top left;
  transform-origin:top left;
  -webkit-animation-timing-function:ease-in-out;
  animation-timing-function:ease-in-out
 }
 20%,
 60% {
  -webkit-transform:rotate3d(0,0,1,80deg);
  transform:rotate3d(0,0,1,80deg);
  -webkit-transform-origin:top left;
  transform-origin:top left;
  -webkit-animation-timing-function:ease-in-out;
  animation-timing-function:ease-in-out
 }
 40%,
 80% {
  -webkit-transform:rotate3d(0,0,1,60deg);
  transform:rotate3d(0,0,1,60deg);
  -webkit-transform-origin:top left;
  transform-origin:top left;
  -webkit-animation-timing-function:ease-in-out;
  animation-timing-function:ease-in-out;
  opacity:1
 }
 100% {
  -webkit-transform:translate3d(0,700px,0);
  transform:translate3d(0,700px,0);
  opacity:0
 }
}
@keyframes hinge {
 0% {
  -webkit-transform-origin:top left;
  transform-origin:top left;
  -webkit-animation-timing-function:ease-in-out;
  animation-timing-function:ease-in-out
 }
 20%,
 60% {
  -webkit-transform:rotate3d(0,0,1,80deg);
  transform:rotate3d(0,0,1,80deg);
  -webkit-transform-origin:top left;
  transform-origin:top left;
  -webkit-animation-timing-function:ease-in-out;
  animation-timing-function:ease-in-out
 }
 40%,
 80% {
  -webkit-transform:rotate3d(0,0,1,60deg);
  transform:rotate3d(0,0,1,60deg);
  -webkit-transform-origin:top left;
  transform-origin:top left;
  -webkit-animation-timing-function:ease-in-out;
  animation-timing-function:ease-in-out;
  opacity:1
 }
 100% {
  -webkit-transform:translate3d(0,700px,0);
  transform:translate3d(0,700px,0);
  opacity:0
 }
}
.hinge {
 -webkit-animation-name:hinge;
 animation-name:hinge
}
@-webkit-keyframes rollIn {
 0% {
  opacity:0;
  -webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
  transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)
 }
 100% {
  opacity:1;
  -webkit-transform:none;
  transform:none
 }
}
@keyframes rollIn {
 0% {
  opacity:0;
  -webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
  transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)
 }
 100% {
  opacity:1;
  -webkit-transform:none;
  transform:none
 }
}
.rollIn {
 -webkit-animation-name:rollIn;
 animation-name:rollIn
}
@-webkit-keyframes rollOut {
 0% {
  opacity:1
 }
 100% {
  opacity:0;
  -webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);
  transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)
 }
}
@keyframes rollOut {
 0% {
  opacity:1
 }
 100% {
  opacity:0;
  -webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);
  transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)
 }
}
.rollOut {
 -webkit-animation-name:rollOut;
 animation-name:rollOut
}
@-webkit-keyframes zoomIn {
 0% {
  opacity:0;
  -webkit-transform:scale3d(.3,.3,.3);
  transform:scale3d(.3,.3,.3)
 }
 50% {
  opacity:1
 }
}
@keyframes zoomIn {
 0% {
  opacity:0;
  -webkit-transform:scale3d(.3,.3,.3);
  transform:scale3d(.3,.3,.3)
 }
 50% {
  opacity:1
 }
}
.zoomIn {
 -webkit-animation-name:zoomIn;
 animation-name:zoomIn
}
@-webkit-keyframes zoomInDown {
 0% {
  opacity:0;
  -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
  transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
  -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
  animation-timing-function:cubic-bezier(.55,.055,.675,.19)
 }
 60% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
  transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
  -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
  animation-timing-function:cubic-bezier(.175,.885,.32,1)
 }
}
@keyframes zoomInDown {
 0% {
  opacity:0;
  -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
  transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
  -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
  animation-timing-function:cubic-bezier(.55,.055,.675,.19)
 }
 60% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
  transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
  -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
  animation-timing-function:cubic-bezier(.175,.885,.32,1)
 }
}
.zoomInDown {
 -webkit-animation-name:zoomInDown;
 animation-name:zoomInDown;
 opacity:1!important
}
@-webkit-keyframes zoomInLeft {
 0% {
  opacity:0;
  -webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);
  transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);
  -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
  animation-timing-function:cubic-bezier(.55,.055,.675,.19)
 }
 60% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);
  transform:scale3d(.475,.475,.475) translate3d(10px,0,0);
  -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
  animation-timing-function:cubic-bezier(.175,.885,.32,1)
 }
}
@keyframes zoomInLeft {
 0% {
  opacity:0;
  -webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);
  transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);
  -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
  animation-timing-function:cubic-bezier(.55,.055,.675,.19)
 }
 60% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);
  transform:scale3d(.475,.475,.475) translate3d(10px,0,0);
  -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
  animation-timing-function:cubic-bezier(.175,.885,.32,1)
 }
}
.zoomInLeft {
 -webkit-animation-name:zoomInLeft;
 animation-name:zoomInLeft
}
@-webkit-keyframes zoomInRight {
 0% {
  opacity:0;
  -webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
  transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
  -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
  animation-timing-function:cubic-bezier(.55,.055,.675,.19)
 }
 60% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);
  transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);
  -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
  animation-timing-function:cubic-bezier(.175,.885,.32,1)
 }
}
@keyframes zoomInRight {
 0% {
  opacity:0;
  -webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
  transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
  -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
  animation-timing-function:cubic-bezier(.55,.055,.675,.19)
 }
 60% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);
  transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);
  -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
  animation-timing-function:cubic-bezier(.175,.885,.32,1)
 }
}
.zoomInRight {
 -webkit-animation-name:zoomInRight;
 animation-name:zoomInRight
}
@-webkit-keyframes zoomInUp {
 0% {
  opacity:0;
  -webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);
  transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);
  -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
  animation-timing-function:cubic-bezier(.55,.055,.675,.19)
 }
 60% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
  transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
  -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
  animation-timing-function:cubic-bezier(.175,.885,.32,1)
 }
}
@keyframes zoomInUp {
 0% {
  opacity:0;
  -webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);
  transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);
  -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
  animation-timing-function:cubic-bezier(.55,.055,.675,.19)
 }
 60% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
  transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
  -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
  animation-timing-function:cubic-bezier(.175,.885,.32,1)
 }
}
.zoomInUp {
 -webkit-animation-name:zoomInUp;
 animation-name:zoomInUp
}
@-webkit-keyframes zoomOut {
 0% {
  opacity:1
 }
 50% {
  opacity:0;
  -webkit-transform:scale3d(.3,.3,.3);
  transform:scale3d(.3,.3,.3)
 }
 100% {
  opacity:0
 }
}
@keyframes zoomOut {
 0% {
  opacity:1
 }
 50% {
  opacity:0;
  -webkit-transform:scale3d(.3,.3,.3);
  transform:scale3d(.3,.3,.3)
 }
 100% {
  opacity:0
 }
}
.zoomOut {
 -webkit-animation-name:zoomOut;
 animation-name:zoomOut
}
@-webkit-keyframes zoomOutDown {
 40% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
  transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
  -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
  animation-timing-function:cubic-bezier(.55,.055,.675,.19)
 }
 100% {
  opacity:0;
  -webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
  transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
  -webkit-transform-origin:center bottom;
  transform-origin:center bottom;
  -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
  animation-timing-function:cubic-bezier(.175,.885,.32,1)
 }
}
@keyframes zoomOutDown {
 40% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
  transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
  -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
  animation-timing-function:cubic-bezier(.55,.055,.675,.19)
 }
 100% {
  opacity:0;
  -webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
  transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
  -webkit-transform-origin:center bottom;
  transform-origin:center bottom;
  -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
  animation-timing-function:cubic-bezier(.175,.885,.32,1)
 }
}
.zoomOutDown {
 -webkit-animation-name:zoomOutDown;
 animation-name:zoomOutDown
}
@-webkit-keyframes zoomOutLeft {
 40% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);
  transform:scale3d(.475,.475,.475) translate3d(42px,0,0)
 }
 100% {
  opacity:0;
  -webkit-transform:scale(.1) translate3d(-2000px,0,0);
  transform:scale(.1) translate3d(-2000px,0,0);
  -webkit-transform-origin:left center;
  transform-origin:left center
 }
}
@keyframes zoomOutLeft {
 40% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);
  transform:scale3d(.475,.475,.475) translate3d(42px,0,0)
 }
 100% {
  opacity:0;
  -webkit-transform:scale(.1) translate3d(-2000px,0,0);
  transform:scale(.1) translate3d(-2000px,0,0);
  -webkit-transform-origin:left center;
  transform-origin:left center
 }
}
.zoomOutLeft {
 -webkit-animation-name:zoomOutLeft;
 animation-name:zoomOutLeft
}
@-webkit-keyframes zoomOutRight {
 40% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);
  transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)
 }
 100% {
  opacity:0;
  -webkit-transform:scale(.1) translate3d(2000px,0,0);
  transform:scale(.1) translate3d(2000px,0,0);
  -webkit-transform-origin:right center;
  transform-origin:right center
 }
}
@keyframes zoomOutRight {
 40% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);
  transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)
 }
 100% {
  opacity:0;
  -webkit-transform:scale(.1) translate3d(2000px,0,0);
  transform:scale(.1) translate3d(2000px,0,0);
  -webkit-transform-origin:right center;
  transform-origin:right center
 }
}
.zoomOutRight {
 -webkit-animation-name:zoomOutRight;
 animation-name:zoomOutRight
}
@-webkit-keyframes zoomOutUp {
 40% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
  transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
  -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
  animation-timing-function:cubic-bezier(.55,.055,.675,.19)
 }
 100% {
  opacity:0;
  -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
  transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
  -webkit-transform-origin:center bottom;
  transform-origin:center bottom;
  -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
  animation-timing-function:cubic-bezier(.175,.885,.32,1)
 }
}
@keyframes zoomOutUp {
 40% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
  transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
  -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
  animation-timing-function:cubic-bezier(.55,.055,.675,.19)
 }
 100% {
  opacity:0;
  -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
  transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
  -webkit-transform-origin:center bottom;
  transform-origin:center bottom;
  -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
  animation-timing-function:cubic-bezier(.175,.885,.32,1)
 }
}
.zoomOutUp {
 -webkit-animation-name:zoomOutUp;
 animation-name:zoomOutUp
}
/*!* delay.css v1.1
* Copyright 2014 Simon Fricker (www.simonfricker.me)
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)*/.delay0s1ms {
 animation-delay:.1s;
 -webkit-animation-delay:.1s;
 transition-delay:.1s;
 -webkit-transition-delay:.1s
}
.delay0s2ms {
 animation-delay:.2s;
 -webkit-animation-delay:.2s;
 transition-delay:.2s;
 -webkit-transition-delay:.2s
}
.delay0s3ms {
 animation-delay:.3s;
 -webkit-animation-delay:.3s;
 transition-delay:.3s;
 -webkit-transition-delay:.3s
}
.delay0s4ms {
 animation-delay:.4s;
 -webkit-animation-delay:.4s;
 transition-delay:.4s;
 -webkit-transition-delay:.4s
}
.delay0s5ms {
 animation-delay:.5s;
 -webkit-animation-delay:.5s;
 transition-delay:.5s;
 -webkit-transition-delay:.5s
}
.delay0s6ms {
 animation-delay:.6s;
 -webkit-animation-delay:.6s;
 transition-delay:.6s;
 -webkit-transition-delay:.6s
}
.delay0s7ms {
 animation-delay:.7s;
 -webkit-animation-delay:.7s;
 transition-delay:.7s;
 -webkit-transition-delay:.7s
}
.delay0s8ms {
 animation-delay:.8s;
 -webkit-animation-delay:.8s;
 transition-delay:.8s;
 -webkit-transition-delay:.8s
}
.delay0s9ms {
 animation-delay:.9s;
 -webkit-animation-delay:.9s;
 transition-delay:.9s;
 -webkit-transition-delay:.9s
}
.delay1s0ms {
 animation-delay:1s;
 -webkit-animation-delay:1s;
 transition-delay:1s;
 -webkit-transition-delay:1s
}
.delay1s1ms {
 animation-delay:1.1s;
 -webkit-animation-delay:1.1s;
 transition-delay:1.1s;
 -webkit-transition-delay:1.1s
}
.delay1s2ms {
 animation-delay:1.2s;
 -webkit-animation-delay:1.2s;
 transition-delay:1.2s;
 -webkit-transition-delay:1.2s
}
.delay1s3ms {
 animation-delay:1.3s;
 -webkit-animation-delay:1.3s;
 transition-delay:1.3s;
 -webkit-transition-delay:1.3s
}
.delay1s4ms {
 animation-delay:1.4s;
 -webkit-animation-delay:1.4s;
 transition-delay:1.4s;
 -webkit-transition-delay:1.4s
}
.delay1s5ms {
 animation-delay:1.5s;
 -webkit-animation-delay:1.5s;
 transition-delay:1.5s;
 -webkit-transition-delay:1.5s
}
.delay1s6ms {
 animation-delay:1.6s;
 -webkit-animation-delay:1.6s;
 transition-delay:1.6s;
 -webkit-transition-delay:1.6s
}
.delay1s7ms {
 animation-delay:1.7s;
 -webkit-animation-delay:1.7s;
 transition-delay:1.7s;
 -webkit-transition-delay:1.7s
}
.delay1s8ms {
 animation-delay:1.8s;
 -webkit-animation-delay:1.8s;
 transition-delay:1.8s;
 -webkit-transition-delay:1.8s
}
.delay1s9ms {
 animation-delay:1.9s;
 -webkit-animation-delay:1.9s;
 transition-delay:1.9s;
 -webkit-transition-delay:1.9s
}
.delay2s0ms {
 animation-delay:2s;
 -webkit-animation-delay:2s;
 transition-delay:2s;
 -webkit-transition-delay:2s
}
.delay2s1ms {
 animation-delay:2.1s;
 -webkit-animation-delay:2.1s;
 transition-delay:2.1s;
 -webkit-transition-delay:2.1s
}
.delay2s2ms {
 animation-delay:2.2s;
 -webkit-animation-delay:2.2s;
 transition-delay:2.2s;
 -webkit-transition-delay:2.2s
}
.delay2s3ms {
 animation-delay:2.3s;
 -webkit-animation-delay:2.3s;
 transition-delay:2.3s;
 -webkit-transition-delay:2.3s
}
.delay2s4ms {
 animation-delay:2.4s;
 -webkit-animation-delay:2.4s;
 transition-delay:2.4s;
 -webkit-transition-delay:2.4s
}
.delay2s5ms {
 animation-delay:2.5s;
 -webkit-animation-delay:2.5s;
 transition-delay:2.5s;
 -webkit-transition-delay:2.5s
}
.delay2s6ms {
 animation-delay:2.6s;
 -webkit-animation-delay:2.6s;
 transition-delay:2.6s;
 -webkit-transition-delay:2.6s
}
.delay2s7ms {
 animation-delay:2.7s;
 -webkit-animation-delay:2.7s;
 transition-delay:2.7s;
 -webkit-transition-delay:2.7s
}
.delay2s8ms {
 animation-delay:2.8s;
 -webkit-animation-delay:2.8s;
 transition-delay:2.8s;
 -webkit-transition-delay:2.8s
}
.delay2s9ms {
 animation-delay:2.9s;
 -webkit-animation-delay:2.9s;
 transition-delay:2.9s;
 -webkit-transition-delay:2.9s
}
.delay3s0ms {
 animation-delay:3s;
 -webkit-animation-delay:3s;
 transition-delay:3s;
 -webkit-transition-delay:3s
}
.delay3s1ms {
 animation-delay:3.1s;
 -webkit-animation-delay:3.1s;
 transition-delay:3.1s;
 -webkit-transition-delay:3.1s
}
.delay3s2ms {
 animation-delay:3.2s;
 -webkit-animation-delay:3.2s;
 transition-delay:3.2s;
 -webkit-transition-delay:3.2s
}
.delay3s3ms {
 animation-delay:3.3s;
 -webkit-animation-delay:3.3s;
 transition-delay:3.3s;
 -webkit-transition-delay:3.3s
}
.delay3s4ms {
 animation-delay:3.4s;
 -webkit-animation-delay:3.4s;
 transition-delay:3.4s;
 -webkit-transition-delay:3.4s
}
.delay3s5ms {
 animation-delay:3.5s;
 -webkit-animation-delay:3.5s;
 transition-delay:3.5s;
 -webkit-transition-delay:3.5s
}
.delay3s6ms {
 animation-delay:3.6s;
 -webkit-animation-delay:3.6s;
 transition-delay:3.6s;
 -webkit-transition-delay:3.6s
}
.delay3s7ms {
 animation-delay:3.7s;
 -webkit-animation-delay:3.7s;
 transition-delay:3.7s;
 -webkit-transition-delay:3.7s
}
.delay3s8ms {
 animation-delay:3.8s;
 -webkit-animation-delay:3.8s;
 transition-delay:3.8s;
 -webkit-transition-delay:3.8s
}
.delay3s9ms {
 animation-delay:3.9s;
 -webkit-animation-delay:3.9s;
 transition-delay:3.9s;
 -webkit-transition-delay:3.9s
}
.delay4s0ms {
 animation-delay:4s;
 -webkit-animation-delay:4s;
 transition-delay:4s;
 -webkit-transition-delay:4s
}
.delay4s1ms {
 animation-delay:4.1s;
 -webkit-animation-delay:4.1s;
 transition-delay:4.1s;
 -webkit-transition-delay:4.1s
}
.delay4s2ms {
 animation-delay:4.2s;
 -webkit-animation-delay:4.2s;
 transition-delay:4.2s;
 -webkit-transition-delay:4.2s
}
.delay4s3ms {
 animation-delay:4.3s;
 -webkit-animation-delay:4.3s;
 transition-delay:4.3s;
 -webkit-transition-delay:4.3s
}
.delay4s4ms {
 animation-delay:4.4s;
 -webkit-animation-delay:4.4s;
 transition-delay:4.4s;
 -webkit-transition-delay:4.4s
}
.delay4s5ms {
 animation-delay:4.5s;
 -webkit-animation-delay:4.5s;
 transition-delay:4.5s;
 -webkit-transition-delay:4.5s
}
.delay4s6ms {
 animation-delay:4.6s;
 -webkit-animation-delay:4.6s;
 transition-delay:4.6s;
 -webkit-transition-delay:4.6s
}
.delay4s7ms {
 animation-delay:4.7s;
 -webkit-animation-delay:4.7s;
 transition-delay:4.7s;
 -webkit-transition-delay:4.7s
}
.delay4s8ms {
 animation-delay:4.8s;
 -webkit-animation-delay:4.8s;
 transition-delay:4.8s;
 -webkit-transition-delay:4.8s
}
.delay4s9ms {
 animation-delay:4.9s;
 -webkit-animation-delay:4.9s;
 transition-delay:4.9s;
 -webkit-transition-delay:4.9s
}
.delay5s0ms {
 animation-delay:5s;
 -webkit-animation-delay:5s;
 transition-delay:5s;
 -webkit-transition-delay:5s
}
.delay5s1ms {
 animation-delay:5.1s;
 -webkit-animation-delay:5.1s;
 transition-delay:5.1s;
 -webkit-transition-delay:5.1s
}
.delay5s2ms {
 animation-delay:5.2s;
 -webkit-animation-delay:5.2s;
 transition-delay:5.2s;
 -webkit-transition-delay:5.2s
}
.delay5s3ms {
 animation-delay:5.3s;
 -webkit-animation-delay:5.3s;
 transition-delay:5.3s;
 -webkit-transition-delay:5.3s
}
.delay5s4ms {
 animation-delay:5.4s;
 -webkit-animation-delay:5.4s;
 transition-delay:5.4s;
 -webkit-transition-delay:5.4s
}
.delay5s5ms {
 animation-delay:5.5s;
 -webkit-animation-delay:5.5s;
 transition-delay:5.5s;
 -webkit-transition-delay:5.5s
}
.delay5s6ms {
 animation-delay:5.6s;
 -webkit-animation-delay:5.6s;
 transition-delay:5.6s;
 -webkit-transition-delay:5.6s
}
.delay5s7ms {
 animation-delay:5.7s;
 -webkit-animation-delay:5.7s;
 transition-delay:5.7s;
 -webkit-transition-delay:5.7s
}
.delay5s8ms {
 animation-delay:5.8s;
 -webkit-animation-delay:5.8s;
 transition-delay:5.8s;
 -webkit-transition-delay:5.8s
}
.delay5s9ms {
 animation-delay:5.9s;
 -webkit-animation-delay:5.9s;
 transition-delay:5.9s;
 -webkit-transition-delay:5.9s
}
.delay6s0ms {
 animation-delay:6s;
 -webkit-animation-delay:6s;
 transition-delay:6s;
 -webkit-transition-delay:6s
}
@-webkit-keyframes anim-subnav {
 0% {
  -webkit-transform:translateY(6px);
  transform:translateY(6px);
  opacity:1
 }
 50% {
  -webkit-transform:translateY(3px);
  transform:translateY(3px);
  opacity:.4
 }
 100% {
  -webkit-transform:translateY(6px);
  transform:translateY(6px);
  opacity:1
 }
}
@keyframes anim-subnav {
 0% {
  -webkit-transform:translateY(6px);
  transform:translateY(6px);
  opacity:1
 }
 50% {
  -webkit-transform:translateY(3px);
  transform:translateY(3px);
  opacity:.4
 }
 100% {
  -webkit-transform:translateY(6px);
  transform:translateY(6px);
  opacity:1
 }
}
@-webkit-keyframes anim-new {
 0% {
  -webkit-transform:perspective(600px) rotateX(-90deg);
  transform:perspective(600px) rotateX(-90deg);
  opacity:.25
 }
 100% {
  -webkit-transform:perspective(600px) rotateX(0deg);
  transform:perspective(600px) rotateX(0deg);
  opacity:1
 }
}
@keyframes anim-new {
 0% {
  -webkit-transform:perspective(600px) rotateX(-90deg);
  transform:perspective(600px) rotateX(-90deg);
  opacity:.25
 }
 100% {
  -webkit-transform:perspective(600px) rotateX(0deg);
  transform:perspective(600px) rotateX(0deg);
  opacity:1
 }
}
#navi {
 list-style:none;
 margin:0;
 padding:0;
 position:fixed;
 height:105px;
 right:30px;
 top:50%;
 margin-top:-52px;
 z-index:9998
}
#navi li a {
 border:2px solid #fff;
 display:block;
 width:9px;
 height:9px;
 border-radius:7px;
 margin-bottom:10px
}
#navi li a:hover {
 background:#000
}
#navi li a.active {
 border-color:#edc700;
 background:#edc700
}
#subnav {
 display:block;
 position:absolute;
 bottom:20px;
 left:50%;
 margin-left:-16px;
 width:34px;
 height:66px;
 cursor:pointer;
 z-index:9998;
 -webkit-transform:translateY(6px);
 transform:translateY(6px);
 -webkit-animation-name:anim-subnav;
 animation-name:anim-subnav;
 -webkit-animation-duration:1.5s;
 animation-duration:1.5s;
 -webkit-animation-delay:.3s;
 animation-delay:.3s;
 -webkit-animation-timing-function:linear;
 animation-timing-function:linear;
 -webkit-animation-iteration-count:infinite;
 animation-iteration-count:infinite;
 -webkit-animation-direction:alternate;
 animation-direction:alternate
}
.side {
 float:left;
 width:100%;
 font:46px ralewaybold;
 color:#fff
}
.side span.black {
 font:46px pacificoregular;
 color:#000;
 text-shadow:none!important
}
.side-2 {
 background:#2acfcd
}
.side-3 {
 background:#ffeb0a
}
.side-4 {
 background:#0aa6ff
}
.side-5 {
 background:#e1564c
}
.side-6 {
 background:#f68dbb
}
.pt-page-moveToLeft {
 -webkit-animation:moveToLeft .6s ease both;
 animation:moveToLeft .6s ease both
}
.pt-page-moveFromLeft {
 -webkit-animation:moveFromLeft .6s ease both;
 animation:moveFromLeft .6s ease both
}
.pt-page-moveToRight {
 -webkit-animation:moveToRight .6s ease both;
 animation:moveToRight .6s ease both
}
.pt-page-moveFromRight {
 -webkit-animation:moveFromRight .6s ease both;
 animation:moveFromRight .6s ease both
}
.pt-page-moveToTop {
 -webkit-animation:moveToTop .6s ease both;
 animation:moveToTop .6s ease both
}
.pt-page-moveFromTop {
 -webkit-animation:moveFromTop .6s ease both;
 animation:moveFromTop .6s ease both
}
.pt-page-moveToBottom {
 -webkit-animation:moveToBottom .6s ease both;
 animation:moveToBottom .6s ease both
}
.pt-page-moveFromBottom {
 -webkit-animation:moveFromBottom .6s ease both;
 animation:moveFromBottom .6s ease both
}
.pt-page-fade {
 -webkit-animation:fade .7s ease both;
 animation:fade .7s ease both
}
.pt-page-moveToLeftFade {
 -webkit-animation:moveToLeftFade .7s ease both;
 animation:moveToLeftFade .7s ease both
}
.pt-page-moveFromLeftFade {
 -webkit-animation:moveFromLeftFade .7s ease both;
 animation:moveFromLeftFade .7s ease both
}
.pt-page-moveToRightFade {
 -webkit-animation:moveToRightFade .7s ease both;
 animation:moveToRightFade .7s ease both
}
.pt-page-moveFromRightFade {
 -webkit-animation:moveFromRightFade .7s ease both;
 animation:moveFromRightFade .7s ease both
}
.pt-page-moveToTopFade {
 -webkit-animation:moveToTopFade .7s ease both;
 animation:moveToTopFade .7s ease both
}
.pt-page-moveFromTopFade {
 -webkit-animation:moveFromTopFade .7s ease both;
 animation:moveFromTopFade .7s ease both
}
.pt-page-moveToBottomFade {
 -webkit-animation:moveToBottomFade .7s ease both;
 animation:moveToBottomFade .7s ease both
}
.pt-page-moveFromBottomFade {
 -webkit-animation:moveFromBottomFade .7s ease both;
 animation:moveFromBottomFade .7s ease both
}
.pt-page-moveToLeftEasing {
 -webkit-animation:moveToLeft .7s ease-in-out both;
 animation:moveToLeft .7s ease-in-out both
}
.pt-page-moveToRightEasing {
 -webkit-animation:moveToRight .7s ease-in-out both;
 animation:moveToRight .7s ease-in-out both
}
.pt-page-moveToTopEasing {
 -webkit-animation:moveToTop .7s ease-in-out both;
 animation:moveToTop .7s ease-in-out both
}
.pt-page-moveToBottomEasing {
 -webkit-animation:moveToBottom .7s ease-in-out both;
 animation:moveToBottom .7s ease-in-out both
}
@-webkit-keyframes moveToLeft {
 to {
  -webkit-transform:translateX(-100%)
 }
}
@keyframes moveToLeft {
 to {
  -webkit-transform:translateX(-100%);
  transform:translateX(-100%)
 }
}
@-webkit-keyframes moveFromLeft {
 from {
  -webkit-transform:translateX(-100%)
 }
}
@keyframes moveFromLeft {
 from {
  -webkit-transform:translateX(-100%);
  transform:translateX(-100%)
 }
}
@-webkit-keyframes moveToRight {
 to {
  -webkit-transform:translateX(100%)
 }
}
@keyframes moveToRight {
 to {
  -webkit-transform:translateX(100%);
  transform:translateX(100%)
 }
}
@-webkit-keyframes moveFromRight {
 from {
  -webkit-transform:translateX(100%)
 }
}
@keyframes moveFromRight {
 from {
  -webkit-transform:translateX(100%);
  transform:translateX(100%)
 }
}
@-webkit-keyframes moveToTop {
 to {
  -webkit-transform:translateY(-100%)
 }
}
@keyframes moveToTop {
 to {
  -webkit-transform:translateY(-100%);
  transform:translateY(-100%)
 }
}
@-webkit-keyframes moveFromTop {
 from {
  -webkit-transform:translateY(-100%)
 }
}
@keyframes moveFromTop {
 from {
  -webkit-transform:translateY(-100%);
  transform:translateY(-100%)
 }
}
@-webkit-keyframes moveToBottom {
 to {
  -webkit-transform:translateY(100%)
 }
}
@keyframes moveToBottom {
 to {
  -webkit-transform:translateY(100%);
  transform:translateY(100%)
 }
}
@-webkit-keyframes moveFromBottom {
 from {
  -webkit-transform:translateY(100%)
 }
}
@keyframes moveFromBottom {
 from {
  -webkit-transform:translateY(100%);
  transform:translateY(100%)
 }
}
@-webkit-keyframes fade {
 to {
  opacity:.3
 }
}
@keyframes fade {
 to {
  opacity:.3
 }
}
@-webkit-keyframes moveToLeftFade {
 to {
  opacity:.3;
  -webkit-transform:translateX(-100%)
 }
}
@keyframes moveToLeftFade {
 to {
  opacity:.3;
  -webkit-transform:translateX(-100%);
  transform:translateX(-100%)
 }
}
@-webkit-keyframes moveFromLeftFade {
 from {
  opacity:.3;
  -webkit-transform:translateX(-100%)
 }
}
@keyframes moveFromLeftFade {
 from {
  opacity:.3;
  -webkit-transform:translateX(-100%);
  transform:translateX(-100%)
 }
}
@-webkit-keyframes moveToRightFade {
 to {
  opacity:.3;
  -webkit-transform:translateX(100%)
 }
}
@keyframes moveToRightFade {
 to {
  opacity:.3;
  -webkit-transform:translateX(100%);
  transform:translateX(100%)
 }
}
@-webkit-keyframes moveFromRightFade {
 from {
  opacity:.3;
  -webkit-transform:translateX(100%)
 }
}
@keyframes moveFromRightFade {
 from {
  opacity:.3;
  -webkit-transform:translateX(100%);
  transform:translateX(100%)
 }
}
@-webkit-keyframes moveToTopFade {
 to {
  opacity:.3;
  -webkit-transform:translateY(-100%)
 }
}
@keyframes moveToTopFade {
 to {
  opacity:.3;
  -webkit-transform:translateY(-100%);
  transform:translateY(-100%)
 }
}
@-webkit-keyframes moveFromTopFade {
 from {
  opacity:.3;
  -webkit-transform:translateY(-100%)
 }
}
@keyframes moveFromTopFade {
 from {
  opacity:.3;
  -webkit-transform:translateY(-100%);
  transform:translateY(-100%)
 }
}
@-webkit-keyframes moveToBottomFade {
 to {
  opacity:.3;
  -webkit-transform:translateY(100%)
 }
}
@keyframes moveToBottomFade {
 to {
  opacity:.3;
  -webkit-transform:translateY(100%);
  transform:translateY(100%)
 }
}
@-webkit-keyframes moveFromBottomFade {
 from {
  opacity:.3;
  -webkit-transform:translateY(100%)
 }
}
@keyframes moveFromBottomFade {
 from {
  opacity:.3;
  -webkit-transform:translateY(100%);
  transform:translateY(100%)
 }
}
.pt-page-scaleDown {
 -webkit-animation:scaleDown .7s ease both;
 animation:scaleDown .7s ease both
}
.pt-page-scaleUp {
 -webkit-animation:scaleUp .7s ease both;
 animation:scaleUp .7s ease both
}
.pt-page-scaleUpDown {
 -webkit-animation:scaleUpDown .5s ease both;
 animation:scaleUpDown .5s ease both
}
.pt-page-scaleDownUp {
 -webkit-animation:scaleDownUp .5s ease both;
 animation:scaleDownUp .5s ease both
}
.pt-page-scaleDownCenter {
 -webkit-animation:scaleDownCenter .4s ease-in both;
 animation:scaleDownCenter .4s ease-in both
}
.pt-page-scaleUpCenter {
 -webkit-animation:scaleUpCenter .4s ease-out both;
 animation:scaleUpCenter .4s ease-out both
}
@-webkit-keyframes scaleDown {
 to {
  opacity:0;
  -webkit-transform:scale(.8)
 }
}
@keyframes scaleDown {
 to {
  opacity:0;
  -webkit-transform:scale(.8);
  transform:scale(.8)
 }
}
@-webkit-keyframes scaleUp {
 from {
  opacity:0;
  -webkit-transform:scale(.8)
 }
}
@keyframes scaleUp {
 from {
  opacity:0;
  -webkit-transform:scale(.8);
  transform:scale(.8)
 }
}
@-webkit-keyframes scaleUpDown {
 from {
  opacity:0;
  -webkit-transform:scale(1.2)
 }
}
@keyframes scaleUpDown {
 from {
  opacity:0;
  -webkit-transform:scale(1.2);
  transform:scale(1.2)
 }
}
@-webkit-keyframes scaleDownUp {
 to {
  opacity:0;
  -webkit-transform:scale(1.2)
 }
}
@keyframes scaleDownUp {
 to {
  opacity:0;
  -webkit-transform:scale(1.2);
  transform:scale(1.2)
 }
}
@-webkit-keyframes scaleDownCenter {
 to {
  opacity:0;
  -webkit-transform:scale(.7)
 }
}
@keyframes scaleDownCenter {
 to {
  opacity:0;
  -webkit-transform:scale(.7);
  transform:scale(.7)
 }
}
@-webkit-keyframes scaleUpCenter {
 from {
  opacity:0;
  -webkit-transform:scale(.7)
 }
}
@keyframes scaleUpCenter {
 from {
  opacity:0;
  -webkit-transform:scale(.7);
  transform:scale(.7)
 }
}
.pt-page-rotateRightSideFirst {
 -webkit-transform-origin:0 50%;
 transform-origin:0 50%;
 -webkit-animation:rotateRightSideFirst .8s both ease-in;
 animation:rotateRightSideFirst .8s both ease-in
}
.pt-page-rotateLeftSideFirst {
 -webkit-transform-origin:100% 50%;
 transform-origin:100% 50%;
 -webkit-animation:rotateLeftSideFirst .8s both ease-in;
 animation:rotateLeftSideFirst .8s both ease-in
}
.pt-page-rotateTopSideFirst {
 -webkit-transform-origin:50% 100%;
 transform-origin:50% 100%;
 -webkit-animation:rotateTopSideFirst .8s both ease-in;
 animation:rotateTopSideFirst .8s both ease-in
}
.pt-page-rotateBottomSideFirst {
 -webkit-transform-origin:50% 0;
 transform-origin:50% 0;
 -webkit-animation:rotateBottomSideFirst .8s both ease-in;
 animation:rotateBottomSideFirst .8s both ease-in
}
.pt-page-flipOutRight {
 -webkit-transform-origin:50% 50%;
 transform-origin:50% 50%;
 -webkit-animation:flipOutRight .5s both ease-in;
 animation:flipOutRight .5s both ease-in
}
.pt-page-flipInLeft {
 -webkit-transform-origin:50% 50%;
 transform-origin:50% 50%;
 -webkit-animation:flipInLeft .5s both ease-out;
 animation:flipInLeft .5s both ease-out
}
.pt-page-flipOutLeft {
 -webkit-transform-origin:50% 50%;
 transform-origin:50% 50%;
 -webkit-animation:flipOutLeft .5s both ease-in;
 animation:flipOutLeft .5s both ease-in
}
.pt-page-flipInRight {
 -webkit-transform-origin:50% 50%;
 transform-origin:50% 50%;
 -webkit-animation:flipInRight .5s both ease-out;
 animation:flipInRight .5s both ease-out
}
.pt-page-flipOutTop {
 -webkit-transform-origin:50% 50%;
 transform-origin:50% 50%;
 -webkit-animation:flipOutTop .5s both ease-in;
 animation:flipOutTop .5s both ease-in
}
.pt-page-flipInBottom {
 -webkit-transform-origin:50% 50%;
 transform-origin:50% 50%;
 -webkit-animation:flipInBottom .5s both ease-out;
 animation:flipInBottom .5s both ease-out
}
.pt-page-flipOutBottom {
 -webkit-transform-origin:50% 50%;
 transform-origin:50% 50%;
 -webkit-animation:flipOutBottom .5s both ease-in;
 animation:flipOutBottom .5s both ease-in
}
.pt-page-flipInTop {
 -webkit-transform-origin:50% 50%;
 transform-origin:50% 50%;
 -webkit-animation:flipInTop .5s both ease-out;
 animation:flipInTop .5s both ease-out
}
.pt-page-rotateFall {
 -webkit-transform-origin:0 0;
 transform-origin:0 0;
 -webkit-animation:rotateFall 1s both ease-in;
 animation:rotateFall 1s both ease-in
}
.pt-page-rotateOutNewspaper {
 -webkit-transform-origin:50% 50%;
 transform-origin:50% 50%;
 -webkit-animation:rotateOutNewspaper .5s both ease-in;
 animation:rotateOutNewspaper .5s both ease-in
}
.pt-page-rotateInNewspaper {
 -webkit-transform-origin:50% 50%;
 transform-origin:50% 50%;
 -webkit-animation:rotateInNewspaper .5s both ease-out;
 animation:rotateInNewspaper .5s both ease-out
}
.pt-page-rotatePushLeft {
 -webkit-transform-origin:0 50%;
 transform-origin:0 50%;
 -webkit-animation:rotatePushLeft .8s both ease;
 animation:rotatePushLeft .8s both ease
}
.pt-page-rotatePushRight {
 -webkit-transform-origin:100% 50%;
 transform-origin:100% 50%;
 -webkit-animation:rotatePushRight .8s both ease;
 animation:rotatePushRight .8s both ease
}
.pt-page-rotatePushTop {
 -webkit-transform-origin:50% 0;
 transform-origin:50% 0;
 -webkit-animation:rotatePushTop .8s both ease;
 animation:rotatePushTop .8s both ease
}
.pt-page-rotatePushBottom {
 -webkit-transform-origin:50% 100%;
 transform-origin:50% 100%;
 -webkit-animation:rotatePushBottom .8s both ease;
 animation:rotatePushBottom .8s both ease
}
.pt-page-rotatePullRight {
 -webkit-transform-origin:100% 50%;
 transform-origin:100% 50%;
 -webkit-animation:rotatePullRight .5s both ease;
 animation:rotatePullRight .5s both ease
}
.pt-page-rotatePullLeft {
 -webkit-transform-origin:0 50%;
 transform-origin:0 50%;
 -webkit-animation:rotatePullLeft .5s both ease;
 animation:rotatePullLeft .5s both ease
}
.pt-page-rotatePullTop {
 -webkit-transform-origin:50% 0;
 transform-origin:50% 0;
 -webkit-animation:rotatePullTop .5s both ease;
 animation:rotatePullTop .5s both ease
}
.pt-page-rotatePullBottom {
 -webkit-transform-origin:50% 100%;
 transform-origin:50% 100%;
 -webkit-animation:rotatePullBottom .5s both ease;
 animation:rotatePullBottom .5s both ease
}
.pt-page-rotateFoldRight {
 -webkit-transform-origin:0 50%;
 transform-origin:0 50%;
 -webkit-animation:rotateFoldRight .7s both ease;
 animation:rotateFoldRight .7s both ease
}
.pt-page-rotateFoldLeft {
 -webkit-transform-origin:100% 50%;
 transform-origin:100% 50%;
 -webkit-animation:rotateFoldLeft .7s both ease;
 animation:rotateFoldLeft .7s both ease
}
.pt-page-rotateFoldTop {
 -webkit-transform-origin:50% 100%;
 transform-origin:50% 100%;
 -webkit-animation:rotateFoldTop .7s both ease;
 animation:rotateFoldTop .7s both ease
}
.pt-page-rotateFoldBottom {
 -webkit-transform-origin:50% 0;
 transform-origin:50% 0;
 -webkit-animation:rotateFoldBottom .7s both ease;
 animation:rotateFoldBottom .7s both ease
}
.pt-page-rotateUnfoldLeft {
 -webkit-transform-origin:100% 50%;
 transform-origin:100% 50%;
 -webkit-animation:rotateUnfoldLeft .7s both ease;
 animation:rotateUnfoldLeft .7s both ease
}
.pt-page-rotateUnfoldRight {
 -webkit-transform-origin:0 50%;
 transform-origin:0 50%;
 -webkit-animation:rotateUnfoldRight .7s both ease;
 animation:rotateUnfoldRight .7s both ease
}
.pt-page-rotateUnfoldTop {
 -webkit-transform-origin:50% 100%;
 transform-origin:50% 100%;
 -webkit-animation:rotateUnfoldTop .7s both ease;
 animation:rotateUnfoldTop .7s both ease
}
.pt-page-rotateUnfoldBottom {
 -webkit-transform-origin:50% 0;
 transform-origin:50% 0;
 -webkit-animation:rotateUnfoldBottom .7s both ease;
 animation:rotateUnfoldBottom .7s both ease
}
.pt-page-rotateRoomLeftOut {
 -webkit-transform-origin:100% 50%;
 transform-origin:100% 50%;
 -webkit-animation:rotateRoomLeftOut .8s both ease;
 animation:rotateRoomLeftOut .8s both ease
}
.pt-page-rotateRoomLeftIn {
 -webkit-transform-origin:0 50%;
 transform-origin:0 50%;
 -webkit-animation:rotateRoomLeftIn .8s both ease;
 animation:rotateRoomLeftIn .8s both ease
}
.pt-page-rotateRoomRightOut {
 -webkit-transform-origin:0 50%;
 transform-origin:0 50%;
 -webkit-animation:rotateRoomRightOut .8s both ease;
 animation:rotateRoomRightOut .8s both ease
}
.pt-page-rotateRoomRightIn {
 -webkit-transform-origin:100% 50%;
 transform-origin:100% 50%;
 -webkit-animation:rotateRoomRightIn .8s both ease;
 animation:rotateRoomRightIn .8s both ease
}
.pt-page-rotateRoomTopOut {
 -webkit-transform-origin:50% 100%;
 transform-origin:50% 100%;
 -webkit-animation:rotateRoomTopOut .8s both ease;
 animation:rotateRoomTopOut .8s both ease
}
.pt-page-rotateRoomTopIn {
 -webkit-transform-origin:50% 0;
 transform-origin:50% 0;
 -webkit-animation:rotateRoomTopIn .8s both ease;
 animation:rotateRoomTopIn .8s both ease
}
.pt-page-rotateRoomBottomOut {
 -webkit-transform-origin:50% 0;
 transform-origin:50% 0;
 -webkit-animation:rotateRoomBottomOut .8s both ease;
 animation:rotateRoomBottomOut .8s both ease
}
.pt-page-rotateRoomBottomIn {
 -webkit-transform-origin:50% 100%;
 transform-origin:50% 100%;
 -webkit-animation:rotateRoomBottomIn .8s both ease;
 animation:rotateRoomBottomIn .8s both ease
}
.pt-page-rotateCubeLeftOut {
 -webkit-transform-origin:100% 50%;
 transform-origin:100% 50%;
 -webkit-animation:rotateCubeLeftOut .6s both ease-in;
 animation:rotateCubeLeftOut .6s both ease-in
}
.pt-page-rotateCubeLeftIn {
 -webkit-transform-origin:0 50%;
 transform-origin:0 50%;
 -webkit-animation:rotateCubeLeftIn .6s both ease-in;
 animation:rotateCubeLeftIn .6s both ease-in
}
.pt-page-rotateCubeRightOut {
 -webkit-transform-origin:0 50%;
 transform-origin:0 50%;
 -webkit-animation:rotateCubeRightOut .6s both ease-in;
 animation:rotateCubeRightOut .6s both ease-in
}
.pt-page-rotateCubeRightIn {
 -webkit-transform-origin:100% 50%;
 transform-origin:100% 50%;
 -webkit-animation:rotateCubeRightIn .6s both ease-in;
 animation:rotateCubeRightIn .6s both ease-in
}
.pt-page-rotateCubeTopOut {
 -webkit-transform-origin:50% 100%;
 transform-origin:50% 100%;
 -webkit-animation:rotateCubeTopOut .6s both ease-in;
 animation:rotateCubeTopOut .6s both ease-in
}
.pt-page-rotateCubeTopIn {
 -webkit-transform-origin:50% 0;
 transform-origin:50% 0;
 -webkit-animation:rotateCubeTopIn .6s both ease-in;
 animation:rotateCubeTopIn .6s both ease-in
}
.pt-page-rotateCubeBottomOut {
 -webkit-transform-origin:50% 0;
 transform-origin:50% 0;
 -webkit-animation:rotateCubeBottomOut .6s both ease-in;
 animation:rotateCubeBottomOut .6s both ease-in
}
.pt-page-rotateCubeBottomIn {
 -webkit-transform-origin:50% 100%;
 transform-origin:50% 100%;
 -webkit-animation:rotateCubeBottomIn .6s both ease-in;
 animation:rotateCubeBottomIn .6s both ease-in
}
.pt-page-rotateCarouselLeftOut {
 -webkit-transform-origin:100% 50%;
 transform-origin:100% 50%;
 -webkit-animation:rotateCarouselLeftOut .8s both ease;
 animation:rotateCarouselLeftOut .8s both ease
}
.pt-page-rotateCarouselLeftIn {
 -webkit-transform-origin:0 50%;
 transform-origin:0 50%;
 -webkit-animation:rotateCarouselLeftIn .8s both ease;
 animation:rotateCarouselLeftIn .8s both ease
}
.pt-page-rotateCarouselRightOut {
 -webkit-transform-origin:0 50%;
 transform-origin:0 50%;
 -webkit-animation:rotateCarouselRightOut .8s both ease;
 animation:rotateCarouselRightOut .8s both ease
}
.pt-page-rotateCarouselRightIn {
 -webkit-transform-origin:100% 50%;
 transform-origin:100% 50%;
 -webkit-animation:rotateCarouselRightIn .8s both ease;
 animation:rotateCarouselRightIn .8s both ease
}
.pt-page-rotateCarouselTopOut {
 -webkit-transform-origin:50% 100%;
 transform-origin:50% 100%;
 -webkit-animation:rotateCarouselTopOut .8s both ease;
 animation:rotateCarouselTopOut .8s both ease
}
.pt-page-rotateCarouselTopIn {
 -webkit-transform-origin:50% 0;
 transform-origin:50% 0;
 -webkit-animation:rotateCarouselTopIn .8s both ease;
 animation:rotateCarouselTopIn .8s both ease
}
.pt-page-rotateCarouselBottomOut {
 -webkit-transform-origin:50% 0;
 transform-origin:50% 0;
 -webkit-animation:rotateCarouselBottomOut .8s both ease;
 animation:rotateCarouselBottomOut .8s both ease
}
.pt-page-rotateCarouselBottomIn {
 -webkit-transform-origin:50% 100%;
 transform-origin:50% 100%;
 -webkit-animation:rotateCarouselBottomIn .8s both ease;
 animation:rotateCarouselBottomIn .8s both ease
}
.pt-page-rotateSidesOut {
 -webkit-transform-origin:-50% 50%;
 transform-origin:-50% 50%;
 -webkit-animation:rotateSidesOut .5s both ease-in;
 animation:rotateSidesOut .5s both ease-in
}
.pt-page-rotateSidesIn {
 -webkit-transform-origin:150% 50%;
 transform-origin:150% 50%;
 -webkit-animation:rotateSidesIn .5s both ease-out;
 animation:rotateSidesIn .5s both ease-out
}
.pt-page-rotateSlideOut {
 -webkit-animation:rotateSlideOut 1s both ease;
 animation:rotateSlideOut 1s both ease
}
.pt-page-rotateSlideIn {
 -webkit-animation:rotateSlideIn 1s both ease;
 animation:rotateSlideIn 1s both ease
}
@-webkit-keyframes rotateRightSideFirst {
 40% {
  -webkit-transform:rotateY(15deg);
  opacity:.8;
  -webkit-animation-timing-function:ease-out
 }
 100% {
  -webkit-transform:scale(.8) translateZ(-200px);
  opacity:0
 }
}
@keyframes rotateRightSideFirst {
 40% {
  -webkit-transform:rotateY(15deg);
  transform:rotateY(15deg);
  opacity:.8;
  -webkit-animation-timing-function:ease-out;
  animation-timing-function:ease-out
 }
 100% {
  -webkit-transform:scale(.8) translateZ(-200px);
  transform:scale(.8) translateZ(-200px);
  opacity:0
 }
}
@-webkit-keyframes rotateLeftSideFirst {
 40% {
  -webkit-transform:rotateY(-15deg);
  opacity:.8;
  -webkit-animation-timing-function:ease-out
 }
 100% {
  -webkit-transform:scale(.8) translateZ(-200px);
  opacity:0
 }
}
@keyframes rotateLeftSideFirst {
 40% {
  -webkit-transform:rotateY(-15deg);
  transform:rotateY(-15deg);
  opacity:.8;
  -webkit-animation-timing-function:ease-out;
  animation-timing-function:ease-out
 }
 100% {
  -webkit-transform:scale(.8) translateZ(-200px);
  transform:scale(.8) translateZ(-200px);
  opacity:0
 }
}
@-webkit-keyframes rotateTopSideFirst {
 40% {
  -webkit-transform:rotateX(15deg);
  opacity:.8;
  -webkit-animation-timing-function:ease-out
 }
 100% {
  -webkit-transform:scale(.8) translateZ(-200px);
  opacity:0
 }
}
@keyframes rotateTopSideFirst {
 40% {
  -webkit-transform:rotateX(15deg);
  transform:rotateX(15deg);
  opacity:.8;
  -webkit-animation-timing-function:ease-out;
  animation-timing-function:ease-out
 }
 100% {
  -webkit-transform:scale(.8) translateZ(-200px);
  transform:scale(.8) translateZ(-200px);
  opacity:0
 }
}
@-webkit-keyframes rotateBottomSideFirst {
 40% {
  -webkit-transform:rotateX(-15deg);
  opacity:.8;
  -webkit-animation-timing-function:ease-out
 }
 100% {
  -webkit-transform:scale(.8) translateZ(-200px);
  opacity:0
 }
}
@keyframes rotateBottomSideFirst {
 40% {
  -webkit-transform:rotateX(-15deg);
  transform:rotateX(-15deg);
  opacity:.8;
  -webkit-animation-timing-function:ease-out;
  animation-timing-function:ease-out
 }
 100% {
  -webkit-transform:scale(.8) translateZ(-200px);
  transform:scale(.8) translateZ(-200px);
  opacity:0
 }
}
@-webkit-keyframes flipOutRight {
 to {
  -webkit-transform:translateZ(-1000px) rotateY(90deg);
  opacity:.2
 }
}
@keyframes flipOutRight {
 to {
  -webkit-transform:translateZ(-1000px) rotateY(90deg);
  transform:translateZ(-1000px) rotateY(90deg);
  opacity:.2
 }
}
@-webkit-keyframes flipInLeft {
 from {
  -webkit-transform:translateZ(-1000px) rotateY(-90deg);
  opacity:.2
 }
}
@keyframes flipInLeft {
 from {
  -webkit-transform:translateZ(-1000px) rotateY(-90deg);
  transform:translateZ(-1000px) rotateY(-90deg);
  opacity:.2
 }
}
@-webkit-keyframes flipOutLeft {
 to {
  -webkit-transform:translateZ(-1000px) rotateY(-90deg);
  opacity:.2
 }
}
@keyframes flipOutLeft {
 to {
  -webkit-transform:translateZ(-1000px) rotateY(-90deg);
  transform:translateZ(-1000px) rotateY(-90deg);
  opacity:.2
 }
}
@-webkit-keyframes flipInRight {
 from {
  -webkit-transform:translateZ(-1000px) rotateY(90deg);
  opacity:.2
 }
}
@keyframes flipInRight {
 from {
  -webkit-transform:translateZ(-1000px) rotateY(90deg);
  transform:translateZ(-1000px) rotateY(90deg);
  opacity:.2
 }
}
@-webkit-keyframes flipOutTop {
 to {
  -webkit-transform:translateZ(-1000px) rotateX(90deg);
  opacity:.2
 }
}
@keyframes flipOutTop {
 to {
  -webkit-transform:translateZ(-1000px) rotateX(90deg);
  transform:translateZ(-1000px) rotateX(90deg);
  opacity:.2
 }
}
@-webkit-keyframes flipInBottom {
 from {
  -webkit-transform:translateZ(-1000px) rotateX(-90deg);
  opacity:.2
 }
}
@keyframes flipInBottom {
 from {
  -webkit-transform:translateZ(-1000px) rotateX(-90deg);
  transform:translateZ(-1000px) rotateX(-90deg);
  opacity:.2
 }
}
@-webkit-keyframes flipOutBottom {
 to {
  -webkit-transform:translateZ(-1000px) rotateX(-90deg);
  opacity:.2
 }
}
@keyframes flipOutBottom {
 to {
  -webkit-transform:translateZ(-1000px) rotateX(-90deg);
  transform:translateZ(-1000px) rotateX(-90deg);
  opacity:.2
 }
}
@-webkit-keyframes flipInTop {
 from {
  -webkit-transform:translateZ(-1000px) rotateX(90deg);
  opacity:.2
 }
}
@keyframes flipInTop {
 from {
  -webkit-transform:translateZ(-1000px) rotateX(90deg);
  transform:translateZ(-1000px) rotateX(90deg);
  opacity:.2
 }
}
@-webkit-keyframes rotateFall {
 0% {
  -webkit-transform:rotateZ(0deg)
 }
 20% {
  -webkit-transform:rotateZ(10deg);
  -webkit-animation-timing-function:ease-out
 }
 40% {
  -webkit-transform:rotateZ(17deg)
 }
 60% {
  -webkit-transform:rotateZ(16deg)
 }
 100% {
  -webkit-transform:translateY(100%) rotateZ(17deg)
 }
}
@keyframes rotateFall {
 0% {
  -webkit-transform:rotateZ(0deg);
  transform:rotateZ(0deg)
 }
 20% {
  -webkit-transform:rotateZ(10deg);
  transform:rotateZ(10deg);
  -webkit-animation-timing-function:ease-out;
  animation-timing-function:ease-out
 }
 40% {
  -webkit-transform:rotateZ(17deg);
  transform:rotateZ(17deg)
 }
 60% {
  -webkit-transform:rotateZ(16deg);
  transform:rotateZ(16deg)
 }
 100% {
  -webkit-transform:translateY(100%) rotateZ(17deg);
  transform:translateY(100%) rotateZ(17deg)
 }
}
@-webkit-keyframes rotateOutNewspaper {
 to {
  -webkit-transform:translateZ(-3000px) rotateZ(360deg);
  opacity:0
 }
}
@keyframes rotateOutNewspaper {
 to {
  -webkit-transform:translateZ(-3000px) rotateZ(360deg);
  transform:translateZ(-3000px) rotateZ(360deg);
  opacity:0
 }
}
@-webkit-keyframes rotateInNewspaper {
 from {
  -webkit-transform:translateZ(-3000px) rotateZ(-360deg);
  opacity:0
 }
}
@keyframes rotateInNewspaper {
 from {
  -webkit-transform:translateZ(-3000px) rotateZ(-360deg);
  transform:translateZ(-3000px) rotateZ(-360deg);
  opacity:0
 }
}
@-webkit-keyframes rotatePushLeft {
 to {
  opacity:0;
  -webkit-transform:rotateY(90deg)
 }
}
@keyframes rotatePushLeft {
 to {
  opacity:0;
  -webkit-transform:rotateY(90deg);
  transform:rotateY(90deg)
 }
}
@-webkit-keyframes rotatePushRight {
 to {
  opacity:0;
  -webkit-transform:rotateY(-90deg)
 }
}
@keyframes rotatePushRight {
 to {
  opacity:0;
  -webkit-transform:rotateY(-90deg);
  transform:rotateY(-90deg)
 }
}
@-webkit-keyframes rotatePushTop {
 to {
  opacity:0;
  -webkit-transform:rotateX(-90deg)
 }
}
@keyframes rotatePushTop {
 to {
  opacity:0;
  -webkit-transform:rotateX(-90deg);
  transform:rotateX(-90deg)
 }
}
@-webkit-keyframes rotatePushBottom {
 to {
  opacity:0;
  -webkit-transform:rotateX(90deg)
 }
}
@keyframes rotatePushBottom {
 to {
  opacity:0;
  -webkit-transform:rotateX(90deg);
  transform:rotateX(90deg)
 }
}
@-webkit-keyframes rotatePullRight {
 from {
  opacity:0;
  -webkit-transform:rotateY(-90deg)
 }
}
@keyframes rotatePullRight {
 from {
  opacity:0;
  -webkit-transform:rotateY(-90deg);
  transform:rotateY(-90deg)
 }
}
@-webkit-keyframes rotatePullLeft {
 from {
  opacity:0;
  -webkit-transform:rotateY(90deg)
 }
}
@keyframes rotatePullLeft {
 from {
  opacity:0;
  -webkit-transform:rotateY(90deg);
  transform:rotateY(90deg)
 }
}
@-webkit-keyframes rotatePullTop {
 from {
  opacity:0;
  -webkit-transform:rotateX(-90deg)
 }
}
@keyframes rotatePullTop {
 from {
  opacity:0;
  -webkit-transform:rotateX(-90deg);
  transform:rotateX(-90deg)
 }
}
@-webkit-keyframes rotatePullBottom {
 from {
  opacity:0;
  -webkit-transform:rotateX(90deg)
 }
}
@keyframes rotatePullBottom {
 from {
  opacity:0;
  -webkit-transform:rotateX(90deg);
  transform:rotateX(90deg)
 }
}
@-webkit-keyframes rotateFoldRight {
 to {
  opacity:0;
  -webkit-transform:translateX(100%) rotateY(90deg)
 }
}
@keyframes rotateFoldRight {
 to {
  opacity:0;
  -webkit-transform:translateX(100%) rotateY(90deg);
  transform:translateX(100%) rotateY(90deg)
 }
}
@-webkit-keyframes rotateFoldLeft {
 to {
  opacity:0;
  -webkit-transform:translateX(-100%) rotateY(-90deg)
 }
}
@keyframes rotateFoldLeft {
 to {
  opacity:0;
  -webkit-transform:translateX(-100%) rotateY(-90deg);
  transform:translateX(-100%) rotateY(-90deg)
 }
}
@-webkit-keyframes rotateFoldTop {
 to {
  opacity:0;
  -webkit-transform:translateY(-100%) rotateX(90deg)
 }
}
@keyframes rotateFoldTop {
 to {
  opacity:0;
  -webkit-transform:translateY(-100%) rotateX(90deg);
  transform:translateY(-100%) rotateX(90deg)
 }
}
@-webkit-keyframes rotateFoldBottom {
 to {
  opacity:0;
  -webkit-transform:translateY(100%) rotateX(-90deg)
 }
}
@keyframes rotateFoldBottom {
 to {
  opacity:0;
  -webkit-transform:translateY(100%) rotateX(-90deg);
  transform:translateY(100%) rotateX(-90deg)
 }
}
@-webkit-keyframes rotateUnfoldLeft {
 from {
  opacity:0;
  -webkit-transform:translateX(-100%) rotateY(-90deg)
 }
}
@keyframes rotateUnfoldLeft {
 from {
  opacity:0;
  -webkit-transform:translateX(-100%) rotateY(-90deg);
  transform:translateX(-100%) rotateY(-90deg)
 }
}
@-webkit-keyframes rotateUnfoldRight {
 from {
  opacity:0;
  -webkit-transform:translateX(100%) rotateY(90deg)
 }
}
@keyframes rotateUnfoldRight {
 from {
  opacity:0;
  -webkit-transform:translateX(100%) rotateY(90deg);
  transform:translateX(100%) rotateY(90deg)
 }
}
@-webkit-keyframes rotateUnfoldTop {
 from {
  opacity:0;
  -webkit-transform:translateY(-100%) rotateX(90deg)
 }
}
@keyframes rotateUnfoldTop {
 from {
  opacity:0;
  -webkit-transform:translateY(-100%) rotateX(90deg);
  transform:translateY(-100%) rotateX(90deg)
 }
}
@-webkit-keyframes rotateUnfoldBottom {
 from {
  opacity:0;
  -webkit-transform:translateY(100%) rotateX(-90deg)
 }
}
@keyframes rotateUnfoldBottom {
 from {
  opacity:0;
  -webkit-transform:translateY(100%) rotateX(-90deg);
  transform:translateY(100%) rotateX(-90deg)
 }
}
@-webkit-keyframes rotateRoomLeftOut {
 to {
  opacity:.3;
  -webkit-transform:translateX(-100%) rotateY(90deg)
 }
}
@keyframes rotateRoomLeftOut {
 to {
  opacity:.3;
  -webkit-transform:translateX(-100%) rotateY(90deg);
  transform:translateX(-100%) rotateY(90deg)
 }
}
@-webkit-keyframes rotateRoomLeftIn {
 from {
  opacity:.3;
  -webkit-transform:translateX(100%) rotateY(-90deg)
 }
}
@keyframes rotateRoomLeftIn {
 from {
  opacity:.3;
  -webkit-transform:translateX(100%) rotateY(-90deg);
  transform:translateX(100%) rotateY(-90deg)
 }
}
@-webkit-keyframes rotateRoomRightOut {
 to {
  opacity:.3;
  -webkit-transform:translateX(100%) rotateY(-90deg)
 }
}
@keyframes rotateRoomRightOut {
 to {
  opacity:.3;
  -webkit-transform:translateX(100%) rotateY(-90deg);
  transform:translateX(100%) rotateY(-90deg)
 }
}
@-webkit-keyframes rotateRoomRightIn {
 from {
  opacity:.3;
  -webkit-transform:translateX(-100%) rotateY(90deg)
 }
}
@keyframes rotateRoomRightIn {
 from {
  opacity:.3;
  -webkit-transform:translateX(-100%) rotateY(90deg);
  transform:translateX(-100%) rotateY(90deg)
 }
}
@-webkit-keyframes rotateRoomTopOut {
 to {
  opacity:.3;
  -webkit-transform:translateY(-100%) rotateX(-90deg)
 }
}
@keyframes rotateRoomTopOut {
 to {
  opacity:.3;
  -webkit-transform:translateY(-100%) rotateX(-90deg);
  transform:translateY(-100%) rotateX(-90deg)
 }
}
@-webkit-keyframes rotateRoomTopIn {
 from {
  opacity:.3;
  -webkit-transform:translateY(100%) rotateX(90deg)
 }
}
@keyframes rotateRoomTopIn {
 from {
  opacity:.3;
  -webkit-transform:translateY(100%) rotateX(90deg);
  transform:translateY(100%) rotateX(90deg)
 }
}
@-webkit-keyframes rotateRoomBottomOut {
 to {
  opacity:.3;
  -webkit-transform:translateY(100%) rotateX(90deg)
 }
}
@keyframes rotateRoomBottomOut {
 to {
  opacity:.3;
  -webkit-transform:translateY(100%) rotateX(90deg);
  transform:translateY(100%) rotateX(90deg)
 }
}
@-webkit-keyframes rotateRoomBottomIn {
 from {
  opacity:.3;
  -webkit-transform:translateY(-100%) rotateX(-90deg)
 }
}
@keyframes rotateRoomBottomIn {
 from {
  opacity:.3;
  -webkit-transform:translateY(-100%) rotateX(-90deg);
  transform:translateY(-100%) rotateX(-90deg)
 }
}
@-webkit-keyframes rotateCubeLeftOut {
 50% {
  -webkit-animation-timing-function:ease-out;
  -webkit-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg)
 }
 100% {
  opacity:.3;
  -webkit-transform:translateX(-100%) rotateY(-90deg)
 }
}
@keyframes rotateCubeLeftOut {
 50% {
  -webkit-animation-timing-function:ease-out;
  animation-timing-function:ease-out;
  -webkit-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg);
  transform:translateX(-50%) translateZ(-200px) rotateY(-45deg)
 }
 100% {
  opacity:.3;
  -webkit-transform:translateX(-100%) rotateY(-90deg);
  transform:translateX(-100%) rotateY(-90deg)
 }
}
@-webkit-keyframes rotateCubeLeftIn {
 0% {
  opacity:.3;
  -webkit-transform:translateX(100%) rotateY(90deg)
 }
 50% {
  -webkit-animation-timing-function:ease-out;
  -webkit-transform:translateX(50%) translateZ(-200px) rotateY(45deg)
 }
}
@keyframes rotateCubeLeftIn {
 0% {
  opacity:.3;
  -webkit-transform:translateX(100%) rotateY(90deg);
  transform:translateX(100%) rotateY(90deg)
 }
 50% {
  -webkit-animation-timing-function:ease-out;
  animation-timing-function:ease-out;
  -webkit-transform:translateX(50%) translateZ(-200px) rotateY(45deg);
  transform:translateX(50%) translateZ(-200px) rotateY(45deg)
 }
}
@-webkit-keyframes rotateCubeRightOut {
 50% {
  -webkit-animation-timing-function:ease-out;
  -webkit-transform:translateX(50%) translateZ(-200px) rotateY(45deg)
 }
 100% {
  opacity:.3;
  -webkit-transform:translateX(100%) rotateY(90deg)
 }
}
@keyframes rotateCubeRightOut {
 50% {
  -webkit-animation-timing-function:ease-out;
  animation-timing-function:ease-out;
  -webkit-transform:translateX(50%) translateZ(-200px) rotateY(45deg);
  transform:translateX(50%) translateZ(-200px) rotateY(45deg)
 }
 100% {
  opacity:.3;
  -webkit-transform:translateX(100%) rotateY(90deg);
  transform:translateX(100%) rotateY(90deg)
 }
}
@-webkit-keyframes rotateCubeRightIn {
 0% {
  opacity:.3;
  -webkit-transform:translateX(-100%) rotateY(-90deg)
 }
 50% {
  -webkit-animation-timing-function:ease-out;
  -webkit-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg)
 }
}
@keyframes rotateCubeRightIn {
 0% {
  opacity:.3;
  -webkit-transform:translateX(-100%) rotateY(-90deg);
  transform:translateX(-100%) rotateY(-90deg)
 }
 50% {
  -webkit-animation-timing-function:ease-out;
  animation-timing-function:ease-out;
  -webkit-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg);
  transform:translateX(-50%) translateZ(-200px) rotateY(-45deg)
 }
}
@-webkit-keyframes rotateCubeTopOut {
 50% {
  -webkit-animation-timing-function:ease-out;
  -webkit-transform:translateY(-50%) translateZ(-200px) rotateX(45deg)
 }
 100% {
  opacity:.3;
  -webkit-transform:translateY(-100%) rotateX(90deg)
 }
}
@keyframes rotateCubeTopOut {
 50% {
  -webkit-animation-timing-function:ease-out;
  animation-timing-function:ease-out;
  -webkit-transform:translateY(-50%) translateZ(-200px) rotateX(45deg);
  transform:translateY(-50%) translateZ(-200px) rotateX(45deg)
 }
 100% {
  opacity:.3;
  -webkit-transform:translateY(-100%) rotateX(90deg);
  transform:translateY(-100%) rotateX(90deg)
 }
}
@-webkit-keyframes rotateCubeTopIn {
 0% {
  opacity:.3;
  -webkit-transform:translateY(100%) rotateX(-90deg)
 }
 50% {
  -webkit-animation-timing-function:ease-out;
  -webkit-transform:translateY(50%) translateZ(-200px) rotateX(-45deg)
 }
}
@keyframes rotateCubeTopIn {
 0% {
  opacity:.3;
  -webkit-transform:translateY(100%) rotateX(-90deg);
  transform:translateY(100%) rotateX(-90deg)
 }
 50% {
  -webkit-animation-timing-function:ease-out;
  animation-timing-function:ease-out;
  -webkit-transform:translateY(50%) translateZ(-200px) rotateX(-45deg);
  transform:translateY(50%) translateZ(-200px) rotateX(-45deg)
 }
}
@-webkit-keyframes rotateCubeBottomOut {
 50% {
  -webkit-animation-timing-function:ease-out;
  -webkit-transform:translateY(50%) translateZ(-200px) rotateX(-45deg)
 }
 100% {
  opacity:.3;
  -webkit-transform:translateY(100%) rotateX(-90deg)
 }
}
@keyframes rotateCubeBottomOut {
 50% {
  -webkit-animation-timing-function:ease-out;
  animation-timing-function:ease-out;
  -webkit-transform:translateY(50%) translateZ(-200px) rotateX(-45deg);
  transform:translateY(50%) translateZ(-200px) rotateX(-45deg)
 }
 100% {
  opacity:.3;
  -webkit-transform:translateY(100%) rotateX(-90deg);
  transform:translateY(100%) rotateX(-90deg)
 }
}
@-webkit-keyframes rotateCubeBottomIn {
 0% {
  opacity:.3;
  -webkit-transform:translateY(-100%) rotateX(90deg)
 }
 50% {
  -webkit-animation-timing-function:ease-out;
  -webkit-transform:translateY(-50%) translateZ(-200px) rotateX(45deg)
 }
}
@keyframes rotateCubeBottomIn {
 0% {
  opacity:.3;
  -webkit-transform:translateY(-100%) rotateX(90deg);
  transform:translateY(-100%) rotateX(90deg)
 }
 50% {
  -webkit-animation-timing-function:ease-out;
  animation-timing-function:ease-out;
  -webkit-transform:translateY(-50%) translateZ(-200px) rotateX(45deg);
  transform:translateY(-50%) translateZ(-200px) rotateX(45deg)
 }
}
@-webkit-keyframes rotateCarouselLeftOut {
 to {
  opacity:.3;
  -webkit-transform:translateX(-150%) scale(.4) rotateY(-65deg)
 }
}
@keyframes rotateCarouselLeftOut {
 to {
  opacity:.3;
  -webkit-transform:translateX(-150%) scale(.4) rotateY(-65deg);
  transform:translateX(-150%) scale(.4) rotateY(-65deg)
 }
}
@-webkit-keyframes rotateCarouselLeftIn {
 from {
  opacity:.3;
  -webkit-transform:translateX(200%) scale(.4) rotateY(65deg)
 }
}
@keyframes rotateCarouselLeftIn {
 from {
  opacity:.3;
  -webkit-transform:translateX(200%) scale(.4) rotateY(65deg);
  transform:translateX(200%) scale(.4) rotateY(65deg)
 }
}
@-webkit-keyframes rotateCarouselRightOut {
 to {
  opacity:.3;
  -webkit-transform:translateX(200%) scale(.4) rotateY(65deg)
 }
}
@keyframes rotateCarouselRightOut {
 to {
  opacity:.3;
  -webkit-transform:translateX(200%) scale(.4) rotateY(65deg);
  transform:translateX(200%) scale(.4) rotateY(65deg)
 }
}
@-webkit-keyframes rotateCarouselRightIn {
 from {
  opacity:.3;
  -webkit-transform:translateX(-200%) scale(.4) rotateY(-65deg)
 }
}
@keyframes rotateCarouselRightIn {
 from {
  opacity:.3;
  -webkit-transform:translateX(-200%) scale(.4) rotateY(-65deg);
  transform:translateX(-200%) scale(.4) rotateY(-65deg)
 }
}
@-webkit-keyframes rotateCarouselTopOut {
 to {
  opacity:.3;
  -webkit-transform:translateY(-200%) scale(.4) rotateX(65deg)
 }
}
@keyframes rotateCarouselTopOut {
 to {
  opacity:.3;
  -webkit-transform:translateY(-200%) scale(.4) rotateX(65deg);
  transform:translateY(-200%) scale(.4) rotateX(65deg)
 }
}
@-webkit-keyframes rotateCarouselTopIn {
 from {
  opacity:.3;
  -webkit-transform:translateY(200%) scale(.4) rotateX(-65deg)
 }
}
@keyframes rotateCarouselTopIn {
 from {
  opacity:.3;
  -webkit-transform:translateY(200%) scale(.4) rotateX(-65deg);
  transform:translateY(200%) scale(.4) rotateX(-65deg)
 }
}
@-webkit-keyframes rotateCarouselBottomOut {
 to {
  opacity:.3;
  -webkit-transform:translateY(200%) scale(.4) rotateX(-65deg)
 }
}
@keyframes rotateCarouselBottomOut {
 to {
  opacity:.3;
  -webkit-transform:translateY(200%) scale(.4) rotateX(-65deg);
  transform:translateY(200%) scale(.4) rotateX(-65deg)
 }
}
@-webkit-keyframes rotateCarouselBottomIn {
 from {
  opacity:.3;
  -webkit-transform:translateY(-200%) scale(.4) rotateX(65deg)
 }
}
@keyframes rotateCarouselBottomIn {
 from {
  opacity:.3;
  -webkit-transform:translateY(-200%) scale(.4) rotateX(65deg);
  transform:translateY(-200%) scale(.4) rotateX(65deg)
 }
}
@-webkit-keyframes rotateSidesOut {
 to {
  opacity:0;
  -webkit-transform:translateZ(-500px) rotateY(90deg)
 }
}
@keyframes rotateSidesOut {
 to {
  opacity:0;
  -webkit-transform:translateZ(-500px) rotateY(90deg);
  transform:translateZ(-500px) rotateY(90deg)
 }
}
@-webkit-keyframes rotateSidesIn {
 from {
  opacity:0;
  -webkit-transform:translateZ(-500px) rotateY(-90deg)
 }
}
@keyframes rotateSidesIn {
 from {
  opacity:0;
  -webkit-transform:translateZ(-500px) rotateY(-90deg);
  transform:translateZ(-500px) rotateY(-90deg)
 }
}
@-webkit-keyframes rotateSlideOut {
 25% {
  opacity:.5;
  -webkit-transform:translateZ(-500px)
 }
 100%,
 75% {
  opacity:.5;
  -webkit-transform:translateZ(-500px) translateX(-200%)
 }
}
@keyframes rotateSlideOut {
 25% {
  opacity:.5;
  -webkit-transform:translateZ(-500px);
  transform:translateZ(-500px)
 }
 100%,
 75% {
  opacity:.5;
  -webkit-transform:translateZ(-500px) translateX(-200%);
  transform:translateZ(-500px) translateX(-200%)
 }
}
@-webkit-keyframes rotateSlideIn {
 0%,
 25% {
  opacity:.5;
  -webkit-transform:translateZ(-500px) translateX(200%)
 }
 75% {
  opacity:.5;
  -webkit-transform:translateZ(-500px)
 }
 100% {
  opacity:1;
  -webkit-transform:translateZ(0) translateX(0)
 }
}
@keyframes rotateSlideIn {
 0%,
 25% {
  opacity:.5;
  -webkit-transform:translateZ(-500px) translateX(200%);
  transform:translateZ(-500px) translateX(200%)
 }
 75% {
  opacity:.5;
  -webkit-transform:translateZ(-500px);
  transform:translateZ(-500px)
 }
 100% {
  opacity:1;
  -webkit-transform:translateZ(0) translateX(0);
  transform:translateZ(0) translateX(0)
 }
}
.pt-page-delay100 {
 -webkit-animation-delay:.1s;
 animation-delay:.1s
}
.pt-page-delay180 {
 -webkit-animation-delay:.18s;
 animation-delay:.18s
}
.pt-page-delay200 {
 -webkit-animation-delay:.2s;
 animation-delay:.2s
}
.pt-page-delay300 {
 -webkit-animation-delay:.3s;
 animation-delay:.3s
}
.pt-page-delay400 {
 -webkit-animation-delay:.4s;
 animation-delay:.4s
}
.pt-page-delay500 {
 -webkit-animation-delay:.5s;
 animation-delay:.5s
}
.pt-page-delay700 {
 -webkit-animation-delay:.7s;
 animation-delay:.7s
}
.pt-page-delay1000 {
 -webkit-animation-delay:1s;
 animation-delay:1s
}
body {
 color:#fff
}
a {
 outline:0!important;
 color:#000;
 text-decoration:none
}
a:visited {
 color:#000
}
a:active,
a:focus,
a:hover {
 color:#ccc
}
.row {
 width:100%;
 margin-left:auto;
 margin-right:auto;
 margin-top:0;
 margin-bottom:0;
 max-width:93%;
 max-height:300px;
 position:relative
}
.fa {
 display:inline-block;
 font-family:fontawesome;
 font-style:normal;
 font-weight:400;
 font-size:20px;
 line-height:1;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale;
 color:#fff
}
.fa:visited {
 color:#fff
}
.bd-button {
 background:url(../../../images/bd-button.png) no-repeat;
 width:180px;
 height:47px;
 color:#fff;
 text-align:center;
 font:15px/47px ralewaybold;
 display:inline-block;
 text-transform:uppercase;
 position:relative
}
.bd-button span.hover {
 background:url(../../../images/bd-button.png) no-repeat;
 position:absolute;
 right:0;
 top:0;
 display:block;
 background-position:0 -47px;
 width:180px;
 height:47px;
 cursor:pointer
}
.bd-button span.hover:active,
.bd-button span.hover:focus {
 background-position:right bottom
}
.bd-button:active,
.bd-button:hover,
.bd-button:visited {
 color:#fff
}
.big-bd-button {
 height:47px;
 color:#fff;
 text-align:center;
 font:15px/47px ralewaybold;
 display:inline-block;
 text-transform:uppercase;
 position:relative;
 background:url(../../../images/big-bd-button.png) no-repeat;
 width:224px
}
.big-bd-button:active,
.big-bd-button:hover,
.big-bd-button:visited {
 color:#fff
}
.big-bd-button span.hover {
 background:url(../../../images/big-bd-button.png) no-repeat;
 width:224px;
 position:absolute;
 right:0;
 top:0;
 display:block;
 background-position:0 -47px;
 height:47px;
 cursor:pointer
}
.big-bd-button span.hover:active,
.big-bd-button span.hover:focus {
 background-position:right bottom
}
.bd-button-work {
 text-align:center;
 font:15px/47px ralewaybold;
 display:inline-block;
 text-transform:uppercase;
 position:relative;
 background:url(../../../images/bd-button-work.png) no-repeat;
 width:203px;
 height:53px;
 color:#000;
 line-height:53px
}
.bd-button-work span.hover {
 background:url(../../../images/bd-button-work.png) no-repeat;
 width:203px;
 position:absolute;
 right:0;
 top:0;
 display:block;
 background-position:0 -53px;
 height:53px;
 line-height:53px;
 cursor:pointer
}
.bd-button-work span.hover:active,
.bd-button-work span.hover:focus {
 background-position:right bottom
}
.bd-button-work:visited {
 color:#000
}
.bd-button-work:active,
.bd-button-work:hover {
 color:#fff
}
#loader {
 position:fixed;
 width:100%;
 height:100%;
 background:url(../../../images/opacity.png);
 -ms-filter:"alpha(Opacity=80)";
 filter:alpha(opacity=80);
 z-index:9999;
 left:0;
 right:0;
 top:0;
 bottom:0
}
#loader img {
 width:122px;
 height:122px;
 margin-left:-61px;
 margin-top:-61px;
 position:absolute;
 left:50%;
 top:50%
}
#content {
 width:100%;
 float:left
}
body {
 background:
   white;
}
#header {
 padding:20px 0 0;
 display:block;
 width:100%;
 position:fixed;
 top:0;
 z-index:9999;
 -webkit-transition:all .3s linear;
 transition:all .3s linear
}
#header .header {
 margin-bottom:15px
}
#header .header no-repeat;
width:160px;
height:30px;
float:left
}
#header .header #logo img {
 width:100%;
 height:auto
}
#header .header #rq {
 background:url(../../../images/rq.png) no-repeat;
 display:block;
 height:34px;
 font:14px/34px ralewaybold;
 color:#000;
 float:right;
 width:174px;
 text-transform:uppercase;
 border-radius:17px;
 position:relative;
 z-index:99999;
 text-align:center;
 margin:0 0 0 20px
}
#header .header #m-nav {
 clear:both;
 font:20px/34px ralewaysemibold;
 text-transform:uppercase;
 color:#fff;
 position:absolute;
 z-index:99999;
 top:34px
}
#header .header #nav {
 float:right;
 height:36px
}
#header .header #nav ul {
 margin:0;
 padding:0;
 list-style:none
}
#header .header #nav ul li {
 display:inline-block;
 float:left;
 position:relative
}
#header .header #nav ul li a {
 display:inline-block;
 font:17px/34px ralewaysemibold;
 text-transform:uppercase;
 color:#fff;
 margin:0 20px;
 height:34px;
 white-space:nowrap;
 -moz-text-shadow:1px 1px 1px #000;
 -webkit-text-shadow:1px 1px 1px #000;
 text-shadow:1px 1px 1px #000;
 -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#000')";
 filter:progid:DXImageTransform.Microsoft.Shadow(Strength=1,Direction=135,Color='#000')
}
#header .header #nav ul li a.last {
 margin-right:5px
}
#header .header #nav ul li a:hover {
 border-bottom:4px solid #f1c40f
}
#header .header #nav ul li:hover>ul {
 left:20px;
 opacity:1
}
#header .header #nav ul li.menu-item-has-children>a {
 height:38px
}
#header .header #nav ul li.menu-item-has-children a:hover {
 background:0 0!important;
 border:0
}
#header .header #nav ul ul {
 width:165px;
 background:url(../../../images/subnav-a.png) no-repeat 15px 0;
 padding-top:5px!important;
 float:left;
 margin:0;
 position:absolute;
 top:38px;
 left:-999em;
 z-index:99999;
 opacity:0;
 transition:opacity .15s ease-in-out;
 -webkit-transition:opacity .15s ease-in-out
}
#header .header #nav ul ul li {
 background-color:#000;
 float:left;
 width:100%;
 padding:15px 0 0
}
#header .header #nav ul ul li a {
 font:14px/14px ralewaysemibold;
 height:auto;
 color:#fff!important;
 display:block;
 padding-bottom:4px
}
#header .header #nav ul ul li a:hover {
 color:#f1c40f!important;
 background:0 0!important
}
#header .header #nav ul ul li a.last {
 padding-bottom:15px
}
#header.portfolio {
 background:#fff;
 position:fixed
}
#header.portfolio #header.portfolio .header #m-nav,
#header.portfolio .header #m-nav .fa {
 color:#000
}
#header.portfolio .header #nav ul li a {
 color:#000;
 text-shadow:none
}
#header.shadow {
 background-image:url(../../../images/services/menu-shadow.png);
 background-repeat:repeat-x;
 background-position:bottom
}
#contact-form .parsley-errors-list {
 display:none;
 list-style:none;
 text-align:left!important;
 margin:-14px 0 0!important
}
#contact-form .parsley-errors-list li {
 color:red;
 font-size:12px
}
#contact-form .parsley-errors-list.filled {
 display:none
}
#contact-form .parsley-error {
 border-color:red!important
}
#contact-form .fl_right .parsley-errors-list {
 display:none
}
#rq-form .parsley-errors-list {
 display:none;
 list-style:none;
 text-align:left!important;
 margin:5px 0 0!important;
 padding:0
}
#rq-form .parsley-errors-list li {
 color:red;
 font-size:12px
}
#rq-form .parsley-errors-list.filled {
 display:none
}
#rq-form .parsley-error {
 border-color:red!important
}
#rq-form .fl_right .parsley-errors-list {
 display:none
}
#ajax-form .control-wrap {
 position:relative
}
#ajax-form .parsley-errors-list {
 display:none;
 list-style:none;
 text-align:left!important;
 margin:-15px 0 0!important;
 padding:0;
 position:absolute
}
#ajax-form .parsley-errors-list li {
 color:red;
 font-size:12px
}
#ajax-form .parsley-errors-list.filled {
 display:block
}
#ajax-form .parsley-error {
 border-color:red!important
}
#footer-home {
 position:absolute;
 bottom:0;
 height:85px;
 width:100%;
 z-index:9998
}
#footer-home #next-page {
 width:0;
 height:0;
 border-bottom:39px solid #fff;
 border-left:112px solid transparent;
 border-right:112px solid transparent;
 display:block;
 position:absolute;
 bottom:0;
 left:50%;
 margin-left:-112px
}
#footer-home #next-page .fa {
 font-size:36px;
 position:absolute;
 left:-12px;
 top:15px;
 line-height:12px;
 color:#000
}
#footer-home ul.social.home {
 width:100%;
 text-align:center;
 margin:0;
 padding:0
}
#footer-home ul.social.home li {
 display:inline-block;
 zoom:1;
 *display:inline
}
#footer-home ul.social.home li a {
 background:url(../../../images/social.png) no-repeat;
 width:28px;
 height:28px;
 line-height:28px;
 margin:0 3px;
 text-align:center;
 display:block;
 -moz-text-shadow:1px 1px 1px #000;
 -webkit-text-shadow:1px 1px 1px #000;
 text-shadow:1px 1px 1px #000;
 -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#000')";
 filter:progid:DXImageTransform.Microsoft.Shadow(Strength=1,Direction=135,Color='#000')
}
#footer-home ul.social.home li a:hover {
 color:#fff;
 background-position-y:bottom
}
#footer-home ul.social.home li a.fb:hover {
 background-position-x:0
}
#footer-home ul.social.home li a.tw:hover {
 background-position-x:-28px
}
#footer-home ul.social.home li a.pt:hover {
 background-position-x:-56px
}
#footer-home ul.social.home li a.gp:hover {
 background-position-x:-84px
}
#footer-home ul.social.home li a.in:hover {
 background-position-x:-112px
}
#footer {
 background:#fff;
 width:100%;
 float:left;
 padding:60px 0 40px
}
#footer .bg-header {
 width:100%;
 text-align:center;
 font:18px/28px ralewaymedium;
 color:#737373;
 text-transform:uppercase;
 margin-bottom:30px
}
#footer .bg-header #footer-logo {
 display:block;
 margin:0 auto;
 width:160px;
 height:34px;
 margin-bottom:20px;
 text-align:center
}
#footer #footer-nav {
 width:480px;
 margin:0 auto 30px
}
#footer #footer-nav .sep {
 width:60%;
 margin:0 auto;
 background:#ccc;
 height:1px;
 clear:both
}
#footer #footer-nav ul {
 width:100%;
 text-align:center;
 margin:0;
 padding:30px 0;
 list-style:none
}
#footer #footer-nav ul li {
 display:inline-block;
 zoom:1;
 *display:inline;
 position:relative
}
#footer #footer-nav ul li a {
 display:inline-block;
 font:15px/20px ralewaysemibold;
 text-transform:uppercase;
 color:#000;
 margin:0 10px;
 height:20px;
 white-space:nowrap
}
#footer ul.social.footer {
 width:100%;
 text-align:center;
 margin:0 0 30px;
 padding:0
}
#footer ul.social.footer li {
 display:inline-block;
 zoom:1;
 *display:inline
}
#footer ul.social.footer li a {
 width:40px;
 height:40px;
 line-height:40px;
 margin:0 3px;
 text-align:center;
 display:block;
 color:#000
}
#footer ul.social.footer li a:hover {
 background:url(../../../images/footer-social.png) no-repeat
}
#footer .bd-footer {
 width:98%;
 margin:0 auto;
 text-align:center;
 padding:0 1%;
 font:11px/18px ralewaymedium;
 color:#ccc
}
#footer .bd-footer .sep {
 display:block
}
#footer .bd-footer ul {
 margin:20px 0 0;
 padding:0
}
#footer .bd-footer ul li {
 display:inline-block;
 zoom:1;
 *display:inline
}
#footer .bd-footer ul li a {
 margin:0 10px
}
#footer .bd-footer ul li a:hover {
 text-decoration:underline
}
#service {
 width:100%;
 float:left
}
#service .service-item {
 width:100%;
 float:left;
 background-repeat:no-repeat;
 background-position-x:center;
 background-position-y:center;
 background-attachment:fixed;
 background-size:cover;
 position:relative
}
#service .service-item .service-item-text {
 width:94%;
 position:relative;
 text-align:left;
 padding-left:6%
}
#service .service-item .service-item-text .title {
 font:80px/80px pacificoregular;
 color:#fff;
 -moz-text-shadow:1px 1px 1px #000;
 -webkit-text-shadow:1px 1px 1px #000;
 text-shadow:1px 1px 1px #000;
 -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#000')";
 filter:progid:DXImageTransform.Microsoft.Shadow(Strength=1,Direction=135,Color='#000');
 margin-bottom:40px;
 text-transform:capitalize;
 position:relative;
 opacity:0
}
#service .service-item .service-item-text .text {
 opacity:0;
 font:35px/40px ralewayregular;
 margin:0 0 20px;
 position:relative;
 -moz-text-shadow:1px 1px 1px #000;
 -webkit-text-shadow:1px 1px 1px #000;
 text-shadow:1px 1px 1px #000;
 -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#000')";
 filter:progid:DXImageTransform.Microsoft.Shadow(Strength=1,Direction=135,Color='#000')
}
#service .service-item .service-item-text .bd-button,
#service .service-item .service-item-text .big-bd-button {
 opacity:0
}
#service.about .service-item-text {
 padding:0;
 text-align:center;
 width:100%
}
#service.about .service-item-text .text {
 font:61px ralewayregular
}
#service.about .service-item-text .text strong {
 font-family:ralewaybold
}
#vids {
 width:100%;
 clear:both
}
#vids ul {
 width:100%;
 float:left;
 background:#000;
 margin:0;
 padding:0
}
#vids li {
 width:33.33%;
 float:left;
 position:relative;
 text-align:center;
 display:block;
 outline:0!important;
 overflow:hidden
}
#vids li a .work-overlay {
 position:absolute;
 top:0;
 left:0;
 width:101%;
 height:101%;
 background-color:#000;
 filter:alpha(opacity=0);
 -moz-opacity:0;
 -khtml-opacity:0;
 opacity:0;
 z-index:-1;
 -webkit-transition:opacity .3s linear;
 -moz-transition:opacity .3s linear;
 overflow:hidden
}
#vids li a .work-overlay.fade {
 filter:alpha(opacity=.7);
 -moz-opacity:.7;
 -khtml-opacity:.7;
 opacity:.7;
 z-index:2
}
#vids li a img {
 display:block;
 width:100%;
 height:auto
}
#video1,
#video2,
#video3 {
 display:none;
 position:fixed;
 width:100%;
 height:100%;
 background:url(../../../images/opacity.png);
 -ms-filter:"alpha(Opacity=80)";
 filter:alpha(opacity=80);
 z-index:9999;
 left:0;
 right:0;
 top:0;
 bottom:0
}
#video1 .close-button,
#video2 .close-button,
#video3 .close-button {
 position:absolute;
 z-index:9999;
 width:32px;
 height:32px;
 right:20px;
 top:20px;
 cursor:pointer;
 background:url(../../../images/close.png)
}
#video1 .video,
#video2 .video,
#video3 .video {
 width:90%;
 margin:0 auto;
 padding:0 5%;
 max-width:700px;
 position:relative;
 top:50%
}
#s-content {
 width:100%;
 float:left;
 background:#fff
}
#s-content .section {
 width:100%;
 float:left;
 color:#000
}
#s-content .section .layout {
 width:93%;
 margin:0 auto;
 border-bottom:1px solid #eaeaea
}
#s-content .section .layout .text {
 width:50%;
 float:left
}
#s-content .section .layout .text .text-wrap {
 padding:7.5%
}
#s-content .section .layout .text .text-wrap .title {
 font:61px ralewayregular;
 margin-bottom:40px
}
#s-content .section .layout .text .text-wrap .title strong {
 font-family:ralewaybold
}
#s-content .section .layout .text .text-wrap .subtitle {
 font:38px ralewayregular;
 margin-bottom:20px
}
#s-content .section .layout .text .text-wrap .subtitle strong {
 font-family:ralewaybold
}
#s-content .section .layout .text .text-wrap p {
 font:20px/30px ralewayregular
}
#s-content .section .layout .text .text-wrap ul {
 list-style:none;
 margin:10px 0;
 padding-left:20px
}
#s-content .section .layout .text .text-wrap ul li {
 background-image:url(../../../images/services/list.jpg);
 background-position:left 5px;
 background-repeat:no-repeat;
 padding-left:40px;
 font:20px/30px ralewayregular
}
#s-content .section .layout .picture {
 width:50%;
 float:left;
 text-align:center
}
#s-content .section .layout .picture .text-wrap {
 padding:7.5%
}
#s-content .section.m2 .picture,
#s-content .section.m2 .text {
 float:right
}
#s-content .section.big .layout,
#s-content .section.big .layout .text,
#s-content .section.med .layout,
#s-content .section.med .layout .text {
 width:100%;
 float:left
}
#s-content .section.big .layout .text .text-wrap,
#s-content .section.med .layout .text .text-wrap {
 text-align:center;
 padding:5% 20%
}
#s-content .section.big {
 clear:both
}
#s-content .section.big .layout .text .text-wrap {
 padding:5% 10%
}
#works-wrap {
 width:100%;
 float:left;
 position:relative
}
#works-wrap #works-desc {
 background:#fff;
 color:#000;
 width:98%;
 float:left;
 padding:60px 1% 45px;
 text-align:center;
 position:relative
}
#works-wrap #works-desc .tit {
 margin:0 0 15px;
 font:23px/23px ralewaylight;
 text-transform:uppercase
}
#works-wrap #works-desc .arrow {
 position:absolute;
 width:30px;
 height:15px;
 left:50%;
 margin-left:-15px;
 bottom:-14px;
 background:url(../../../images/portfolio/arrows.png) no-repeat bottom center;
 z-index:999
}
#works-wrap #works {
 width:100%;
 float:left;
 background:#000
}
#works-wrap #works .work {
 width:25%;
 float:left;
 position:relative;
 text-align:center;
 display:block;
 outline:0!important;
 overflow:hidden
}
#works-wrap #works .work img {
 display:block;
 width:100%;
 height:auto
}
#works-wrap #works .work .work-overlay {
 position:absolute;
 top:0;
 left:0;
 width:101%;
 height:101%;
 background-color:#000;
 filter:alpha(opacity=0);
 -moz-opacity:0;
 -khtml-opacity:0;
 opacity:0;
 z-index:-1;
 -webkit-transition:opacity .3s linear;
 -moz-transition:opacity .3s linear;
 overflow:hidden
}
#works-wrap #works .work .work-overlay.fade {
 filter:alpha(opacity=.7);
 -moz-opacity:.7;
 -khtml-opacity:.7;
 opacity:.7;
 z-index:200
}
body.single {
 background:#efefef
}
.single-work #works-wrap {
 padding:0
}
#single-work,
#works-wrap {
 padding:71px 0 0
}
#single-work .work-header {
 position:relative;
 overflow:hidden
}
#single-work .work-header #img_wrap {
 position:relative;
 background-repeat:no-repeat;
 background-position-x:center;
 background-position-y:center;
 background-size:cover;
 background-attachment:inherit!important
}
#single-work .work-header #img_wrap img {
 width:100%;
 height:auto;
 display:block
}
#single-work #desc {
 background:#fff;
 color:#000;
 width:98%;
 float:left;
 padding:45px 1%;
 text-align:center;
 position:relative
}
#single-work #desc .scroll-down {
 position:absolute;
 left:50%;
 margin-left:-16px;
 top:-16px;
 width:32px;
 height:32px;
 background:url(../../../images/portfolio/arrows.png) no-repeat;
 z-index:1
}
#single-work #desc h1 {
 margin:0 0 25px;
 font:36px/36px ralewaylight
}
#single-work #desc p {
 font:19px/26px ralewaylight
}
#single-work #desc .arrow {
 position:absolute;
 width:30px;
 height:15px;
 left:50%;
 margin-left:-15px;
 bottom:-14px;
 background:url(../../../images/portfolio/arrows.png) no-repeat bottom center;
 z-index:1
}
#single-work #work-images {
 width:100%;
 padding:70px 0;
 text-align:center
}
#single-work #work-images ul {
 padding:0
}
#single-work #work-images .work-image {
 margin-bottom:39px;
 list-style:none;
 opacity:0
}
#single-work #work-images .work-image .wrap {
 background:url(../../../images/portfolio/browser.jpg) no-repeat;
 padding:42px 0 0;
 width:800px;
 margin:0 auto
}
#single-work #work-images .work-image img {
 width:100%;
 height:auto
}
#single-work #work-images .work-responsive {
 background:url(../../../images/portfolio/responsive-bg.jpg) repeat-x center;
 width:100%;
 margin-bottom:39px;
 opacity:0
}
#single-work #work-images .work-responsive .wrap {
 width:800px;
 margin:0 auto;
 position:relative
}
#single-work #work-images .work-responsive .wrap .title {
 font:38px/38px ralewaybold;
 margin-bottom:40px;
 text-transform:uppercase;
 color:#000
}
#single-work #work-images .work-responsive img {
 width:100%;
 height:auto
}
#team-wrap {
 background:#edc111;
 padding:140px 0 0;
 text-align:center
}
#team-wrap h1 {
 font:80px/80px pacificoregular;
 color:#fff;
 margin:0 0 15px
}
#team-wrap p {
 font:34px/34px ralewaybold;
 padding-left:10px
}
#team {
 width:100%;
 margin:0;
 padding:0;
 position:relative;
 margin-top:50px
}
#team li {
 float:left;
 width:20%;
 margin-bottom:40px;
 -webkit-transition:all .5s ease;
 list-style:none
}
#team li .thumb {
 background:url(../../../images/team/team-bg1.png) no-repeat;
 width:100%;
 height:264px;
 margin:0 0 25px;
 display:inline-block;
 padding:0;
 position:relative;
 background-position:center;
 cursor:default!important
}
#team li .thumb img {
 left:50%;
 margin-left:-130px;
 top:50%;
 margin-top:-130px;
 position:absolute
}
#team li .thumb img.b {
 z-index:10
}
#team li .desc {
 font:23px/23px ralewaysemibold;
 color:#fff
}
#team li .desc .title {
 font:38px/38px ralewaybold;
 color:#000;
 margin-bottom:10px
}
#contact {
 width:100%;
 background:url(../../../images/contact/contact-bg.jpg) no-repeat center bottom;
 background-size:cover;
 background-attachment:fixed;
 position:relative;
 padding:10% 0
}
#contact .contact-wrap {
 width:100%
}
#contact .contact-wrap .contact-content {
 position:relative;
 text-align:center
}
#contact .contact-wrap .contact-content h1 {
 font:80px/80px pacificoregular;
 color:#f1c40f;
 text-transform:capitalize;
 margin:0 0 25px;
 position:relative
}
#contact .contact-wrap .contact-content .desc {
 font:35px/40px ralewaybold;
 position:relative
}
#contact .contact-wrap .contact-content #start-a-project,
#contact .contact-wrap .contact-content .img.business {
 cursor:pointer
}
#contact .contact-wrap .contact-content ul {
 text-align:center;
 margin:20px 0 0;
 padding:0;
 width:100%;
 font-size:0
}
#contact .contact-wrap .contact-content ul .contact-item {
 width:300px;
 display:inline-block;
 margin:0 10px 20px;
 vertical-align:top;
 list-style:none;
 zoom:1;
 *display:inline
}
#contact .contact-wrap .contact-content ul .contact-item .contact-image {
 width:100%;
 padding-bottom:20px;
 text-align:center;
 margin-bottom:20px
}
#contact .contact-wrap .contact-content ul .contact-item .contact-image .img {
 display:block;
 height:64px;
 width:100%
}
#contact .contact-wrap .contact-content ul .contact-item .contact-image .img.shake {
 background:url(../../../images/contact/shake.png) no-repeat center bottom
}
#contact .contact-wrap .contact-content ul .contact-item .contact-image .img.business {
 background:url(../../../images/contact/business.png) no-repeat center bottom
}
#contact .contact-wrap .contact-content ul .contact-item .contact-image .img.employment {
 background:url(../../../images/contact/employment.png) no-repeat center bottom
}
#contact .contact-wrap .contact-content ul .contact-item .contact-text {
 font-family:robotolight;
 font-size:14px;
 font-size:1.4rem;
 line-height:21px;
 line-height:2.1rem
}
#contact .contact-wrap .contact-content ul .contact-item .contact-text .tit {
 font:19px/19px ralewaysemibold;
 margin-bottom:7px
}
#contact .contact-wrap .contact-content ul .contact-item .contact-text p {
 font:14px/19px ralewaysemibold
}
#contact .contact-wrap .contact-content ul .contact-item .contact-text a {
 color:#fccd10;
 text-decoration:none
}
#contact .contact-wrap .contact-content ul .contact-item .contact-text a:hover {
 text-decoration:underline
}
#contact .contact-wrap .contact-content #show-contact-form {
 width:190px;
 font:19px/19px ralewaysemibold;
 color:#fff;
 text-decoration:none;
 text-align:center;
 display:inline-block;
 margin-top:55px;
 background:url(../../../images/contact/contact-us.png) no-repeat bottom;
 padding:0 0 30px;
 zoom:1;
 *display:inline
}
#contact .contact-wrap .contact-content #contact-form {
 color:#f1c40f;
 width:480px;
 display:inline-block;
 margin:10px auto 0;
 position:relative;
 z-index:0;
 top:10px
}
#contact .contact-wrap .contact-content #contact-form div.fl_left {
 float:left;
 width:235px
}
#contact .contact-wrap .contact-content #contact-form div.fl_right {
 float:right;
 width:235px
}
#contact .contact-wrap .contact-content #contact-form div input {
 font:13px/13px ralewaybold;
 background:0 0;
 border:solid 2px #fff;
 width:219px;
 margin:0 0 20px;
 color:#fff;
 padding:11px 6px;
 border-radius:3px;
 height:23px
}
#contact .contact-wrap .contact-content #contact-form div input#conactSubmit {
 height:45px
}
#contact .contact-wrap .contact-content #contact-form div textarea {
 font:13px/13px ralewaybold;
 background:0 0;
 border:solid 2px #fff;
 width:201px;
 color:#fff;
 padding:15px;
 height:153px;
 border-radius:3px;
 resize:none
}
#contact .contact-wrap .contact-content #contact-form .submit_btn {
 float:left;
 width:100%;
 clear:both
}
#contact .contact-wrap .contact-content #contact-form div.wpcf7-response-output,
#contact .contact-wrap .contact-content #contact-form div.wpcf7-validation-errors {
 clear:both;
 font:12px/12px ralewaybold
}
#contact .contact-wrap .contact-content #contact-form span.wpcf7-not-valid-tip {
 text-align:left;
 font:12px/12px ralewaybold;
 position:absolute;
 bottom:5px
}
.forkit {
 position:fixed;
 right:-30px;
 top:0;
 z-index:99998;
 width:190px;
 height:70px;
 font-family:Lato,sans-serif;
 text-decoration:none
}
.forkit .tag {
 display:block;
 cursor:pointer;
 color:#000;
 background:#f1c40f;
 text-align:center;
 font-size:12px;
 font-weight:700;
 line-height:25px;
 box-shadow:0 0 10px rgba(0,0,0,.4);
 -webkit-transform-origin:15px 0;
 transform-origin:15px 0;
 text-transform:uppercase
}
.forkit .tag:after {
 content:'';
 display:block;
 position:absolute;
 top:0;
 left:0;
 height:19px;
 width:184px;
 margin:2px;
 border:1px dotted #af9014
}
.forkit .string {
 display:block;
 height:1px;
 width:0;
 position:absolute;
 background:rgba(255,255,255,.7);
 box-shadow:0 0 10px rgba(0,0,0,.4);
 -webkit-transform-origin:0 0;
 transform-origin:0 0
}
#request_form {
 position:fixed;
 width:100%;
 height:100%;
 background:#000;
 -ms-filter:"alpha(Opacity=80)";
 filter:alpha(opacity=80);
 z-index:9999;
 left:0;
 right:0;
 top:0;
 bottom:0;
 overflow-y:auto;
 display:none
}
#request_form .close-button {
 position:absolute;
 width:32px;
 height:32px;
 right:10px;
 top:10px;
 cursor:pointer
}
#request_form .close-button .fa {
 color:#f1c40f;
 font-size:35px
}
#request_form .title {
 font:44px/44px pacificoregular;
 color:#fff;
 margin-bottom:25px;
 text-align:center
}
#request_form .title span {
 color:#f1c40f
}
.form-wrap {
 width:564px;
 margin:0 auto;
 height:325px;
 position:absolute;
 top:50%;
 margin-top:-150px;
 left:50%;
 margin-left:-282px
}
.form-wrap .rq-form .input-wrap {
 float:left;
 width:275px;
 margin-bottom:7px
}
.form-wrap .rq-form .input-wrap.odd {
 float:right
}
.form-wrap .rq-form .input-wrap input {
 background:0 0;
 width:80%;
 height:14px;
 padding:15px 3% 15px 17%;
 font:13px/13px ralewaybold;
 color:#f1c40f;
 border:2px solid #fff;
 border-radius:3px
}
.form-wrap .rq-form .input-wrap input#name {
 background:url(../../../images/quote/name.png) no-repeat 10px center
}
.form-wrap .rq-form .input-wrap input#phone {
 background:url(../../../images/quote/phone.png) no-repeat 10px center
}
.form-wrap .rq-form .input-wrap input#email {
 background:url(../../../images/quote/email.png) no-repeat 10px center
}
.form-wrap .rq-form .input-wrap input#country {
 background:url(../../../images/quote/country.png) no-repeat 10px center
}
.form-wrap .rq-form .textarea-wrap {
 float:left;
 width:100%;
 margin-bottom:15px
}
.form-wrap .rq-form .textarea-wrap textarea {
 background:0 0;
 width:96%;
 padding:2%;
 font:13px/16px ralewaybold;
 border:2px solid #fff;
 resize:none;
 border-radius:3px;
 height:32px
}
.form-wrap .rq-form #file {
 font:13px/16px ralewaybold
}
.form-wrap .rq-form .submit-wrap {
 float:left;
 width:100%
}
.form-wrap .rq-form .submit-wrap #quote-submit {
 font:14px/14px ralewaybold;
 background:#f1c40f;
 color:#000;
 padding:10px 15px;
 border-radius:3px;
 border:0
}
.form-wrap .rq-form .wpcf7-response-output,
.form-wrap .rq-form div.wpcf7-validation-errors {
 clear:both;
 font:12px/12px ralewaybold
}
.form-wrap .rq-form span.wpcf7-not-valid-tip {
 text-align:left;
 font:12px/12px ralewaybold;
 bottom:5px;
 right:0;
 position:absolute
}
.form-wrap .rq-form span.wpcf7-form-control-wrap {
 width:100%
}
.form-wrap .rq-form div.wpcf7-mail-sent-ok {
 border:2px solid #398f14;
 width:96%;
 padding:2%;
 margin:12px 0 0;
 float:left;
 border-radius:3px
}
::-webkit-input-placeholder {
 color:#f1c40f
}
:-moz-placeholder {
 color:#f1c40f
}
::-moz-placeholder {
 color:#f1c40f
}
:-ms-input-placeholder {
 color:#f1c40f
}
#about {
 background:#fff;
 width:100%;
 float:left
}
#about .about,
#about .about3 {
 width:90%;
 margin:0 auto;
 border-bottom:1px solid #eaeaea;
 clear:both
}
#about .about .title,
#about .about3 .title {
 display:block;
 font:61px ralewayregular;
 margin-bottom:30px
}
#about .about .title strong,
#about .about3 .title strong {
 font-family:ralewaybold;
 word-wrap:break-word
}
#about .about .subtitle,
#about .about3 .subtitle {
 display:block;
 font:38px ralewayregular;
 margin-bottom:10px
}
#about .about .subtitle strong,
#about .about3 .subtitle strong {
 font-family:ralewaybold
}
#about .about .about-content,
#about .about3 .about-content {
 text-align:left;
 float:right;
 width:50%;
 color:#000
}
#about .about .about-content .layout,
#about .about3 .about-content .layout {
 padding:8%
}
#about .about p,
#about .about3 p {
 font:20px/30px ralewayregular
}
#about .about .thumb,
#about .about3 .thumb {
 text-align:center;
 float:right;
 width:50%;
 color:#000
}
#about .about .thumb .layout,
#about .about3 .thumb .layout {
 padding:10%
}
#about .about .thumb .layout img,
#about .about3 .thumb .layout img {
 width:90%
}
#about .about2 .about-content,
#about .about2 .thumb {
 float:left
}
#about .about2 .thumb .layout {
 padding:1px
}
#about .about2 .thumb .layout img {
 width:40%
}
#design {
 background:#fff;
 width:100%;
 float:left
}
#design .design {
 width:90%;
 margin:0 auto;
 border-bottom:1px solid #eaeaea;
 clear:both
}
#design .design .title {
 display:block;
 font:61px ralewayregular;
 margin-bottom:40px
}
#design .design .title strong {
 font-family:ralewaybold
}
#design .design .subtitle {
 display:block;
 font:38px ralewayregular;
 margin-bottom:10px
}
#design .design .subtitle strong {
 font-family:ralewaybold
}
#design .design .design-content {
 text-align:left;
 float:right;
 width:50%;
 color:#000
}
#design .design .design-content .layout {
 padding:8%
}
#design .design p {
 color:#000;
 font:20px/30px ralewayregular;
 margin-bottom:25px
}
#design .design p.big {
 text-align:center;
 font:61px ralewayregular;
 padding:30px 100px
}
#design .design p.big strong {
 font-family:ralewaybold
}
#design .design .thumb {
 text-align:center;
 float:right;
 width:50%;
 color:#000
}
#design .design .thumb .layout {
 padding:10%
}
#design .design .thumb .layout img {
 width:90%
}
#m-nav,
#m-nav-close {
 display:none
}
@media only screen and (max-width:1600px) {
 #team li {
  width:25%
 }
 .side.side-6 .crbl-wrap .crbl {
  border-radius:65px;
  width:130px;
  height:130px;
  margin:10px 15px;
  position:relative
 }
}
@media only screen and (max-width:1380px) {
 .side.side-2 .item-wrap .item-text,
 .side.side-3 .item-wrap .item-text,
 .side.side-4 .item-wrap .item-text,
 .side.side-5 .item-wrap .item-text {
  font:35px ralewaybold
 }
 .side.side-2 .item-wrap .item-text .text span,
 .side.side-3 .item-wrap .item-text .text span,
 .side.side-4 .item-wrap .item-text .text span,
 .side.side-5 .item-wrap .item-text .text span {
  font-size:35px
 }
 .side.side-6 .crbl-wrap .crbl {
  border-radius:50px;
  width:100px;
  height:100px;
  margin:5px 10px;
  position:relative
 }
 #about .about,
 #about .about3 {
  width:100%
 }
 #about .about .title,
 #about .about3 .title {
  display:block;
  font:41px ralewayregular;
  margin-bottom:20px
 }
 #about .about .subtitle,
 #about .about3 .subtitle {
  font:28px ralewayregular;
  margin-bottom:5px
 }
 #about .about p,
 #about .about3 p {
  font:18px/22px ralewayregular
 }
 #about .about2 .thumb .layout {
  padding:1px
 }
 #about .about2 .thumb .layout img {
  width:35%
 }
}
@media only screen and (max-width:1280px) {
 #single-work #work-images .work-image .wrap {
  background-position-y:-42px;
  width:600px
 }
 #single-work #work-images .work-responsive .wrap {
  width:600px
 }
 #design .design .design-content {
  width:100%
 }
 #design .design .design-content .layout {
  padding:8%
 }
 #design .design .thumb {
  text-align:center;
  float:right;
  width:100%;
  color:#000
 }
 #design .design .thumb .layout {
  padding:10%
 }
 #design .design .thumb .layout img {
  width:90%
 }
 #s-content .section .layout .text {
  width:100%;
  float:left
 }
 #s-content .section .layout .text .text-wrap {
  padding:5%
 }
 #s-content .section .layout .text .text-wrap .title {
  font:50px ralewayregular;
  margin-bottom:30px
 }
 #s-content .section .layout .text .text-wrap .subtitle {
  font:32px ralewayregular;
  margin-bottom:20px
 }
 #s-content .section .layout .text .text-wrap p {
  font:20px/30px ralewayregular
 }
 #s-content .section .layout .text .text-wrap ul {
  list-style:none;
  margin:10px 0;
  padding-left:20px
 }
 #s-content .section .layout .text .text-wrap ul li {
  background-image:url(../../../images/services/list.jpg);
  background-position:left 5px;
  background-repeat:no-repeat;
  padding-left:40px;
  font:20px/30px ralewayregular
 }
 #s-content .section .layout .picture {
  width:100%;
  float:left;
  text-align:center
 }
 #s-content .section .layout .picture .text-wrap {
  padding:5%
 }
 #s-content .section.m2 .picture,
 #s-content .section.m2 .text {
  float:right
 }
 #s-content .section.big .layout,
 #s-content .section.big .layout .text,
 #s-content .section.med .layout,
 #s-content .section.med .layout .text {
  width:100%;
  float:left
 }
 #s-content .section.big .layout .text .text-wrap,
 #s-content .section.med .layout .text .text-wrap {
  text-align:center;
  padding:5% 10%
 }
 #s-content .section.big {
  clear:both
 }
 #s-content .section.big .layout .text .text-wrap {
  padding:5% 10%
 }
}
@media only screen and (max-width:1024px) {
 #header .header #m-nav {
  display:block
 }
 #header .header #nav {
  background:#f1c40f;
  height:100%;
  padding:0;
  opacity:0;
  display:none;
  overflow:hidden;
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  right:0;
  width:100%;
  z-index:99999;
  float:none;
  margin:0
 }
 #header .header #nav #menu-main {
  display:table-cell;
  vertical-align:middle
 }
 #header .header #nav #menu-main li {
  float:none;
  width:100%;
  text-align:center
 }
 #header .header #nav #menu-main li a {
  font:30px/50px ralewaylight;
  padding:0;
  margin:0;
  color:#000!important;
  text-shadow:none;
  height:auto
 }
 #header .header #nav #menu-main li a:hover {
  background:0 0;
  color:#000!important;
  text-shadow:none
 }
 #header .header #nav #menu-main li ul {
  background:0 0;
  width:100%;
  padding:0!important;
  float:none;
  position:inherit;
  top:inherit;
  left:inherit;
  opacity:1
 }
 #header .header #nav #menu-main li ul li {
  background:0 0;
  padding:0;
  margin:0
 }
 #header .header #nav #menu-main li ul li:first-child>a {
  display:block
 }
 #header .header #nav #m-nav-close {
  display:block;
  position:absolute;
  width:32px;
  height:32px;
  right:10px;
  top:10px;
  cursor:pointer;
  color:#fff;
  font-size:35px
 }
 #header .header #nav ul li.menu-item-has-children>a {
  display:none!important
 }
 #header.portfolio {
  padding-top:10px;
  padding-bottom:20px
 }
 .side.side-2 .item-wrap .item-text,
 .side.side-3 .item-wrap .item-text,
 .side.side-4 .item-wrap .item-text,
 .side.side-5 .item-wrap .item-text {
  font:35px ralewaybold
 }
 .side.side-2 .item-wrap .item-text .text span,
 .side.side-3 .item-wrap .item-text .text span,
 .side.side-4 .item-wrap .item-text .text span,
 .side.side-5 .item-wrap .item-text .text span {
  font-size:35px
 }
 #home-slider-wrap .item .item-text-wrap .title {
  font:72px/72px pacificoregular
 }
 #home-slider-wrap .item .item-text-wrap h1.text {
  font:18px/24px ralewaymedium;
  padding-left:20px;
  margin:10px 0 20px
 }
 #single-work,
 #works-wrap {
  padding:79px 0 0
 }
 #works-wrap #works .work {
  width:33.3333%
 }
 #team li {
  width:33.33%
 }
 #service .service-item {
  background-attachment:inherit!important
 }
 #service .service-item.parallax {
  background-position:center bottom!important;
  background-attachment:inherit!important
 }
 #service .service-item .service-item-text .title {
  font:34px/34px pacificoregular;
  margin-bottom:20px
 }
 #service .service-item .service-item-text .text {
  font:14px/18px ralewaymedium;
  padding-left:0;
  margin:10px 0 20px
 }
 #service.about .service-item-text .text {
  font:40px ralewayregular
 }
 #about .about,
 #about .about3 {
  width:100%
 }
 #about .about .title,
 #about .about3 .title {
  display:block;
  font:41px ralewayregular;
  margin-bottom:20px
 }
 #about .about .subtitle,
 #about .about3 .subtitle {
  font:28px ralewayregular;
  margin-bottom:5px
 }
 #about .about .about-content,
 #about .about3 .about-content {
  float:right;
  width:100%
 }
 #about .about .about-content .layout,
 #about .about3 .about-content .layout {
  padding:5%
 }
 #about .about p,
 #about .about3 p {
  font:18px/22px ralewayregular
 }
 #about .about .thumb,
 #about .about3 .thumb {
  width:100%
 }
 #about .about .thumb .layout,
 #about .about3 .thumb .layout {
  padding:10%
 }
 #about .about .thumb .layout img,
 #about .about3 .thumb .layout img {
  width:90%
 }
}
@media only screen and (max-width:960px) {
 #contact .contact-wrap .contact-content ul .contact-item {
  width:200px
 }
 #service.about .service-item-text .text {
  font:35px ralewayregular
 }
}
@media only screen and (max-width:768px) {
 #navi {
  right:15px
 }
 #single-work #desc p {
  display:inline
 }
 #single-work #work-images .work-image {
  margin-bottom:20px
 }
 #single-work #work-images .work-image .wrap {
  background-position-y:-82px;
  width:400px
 }
 #single-work #work-images .work-responsive {
  margin-bottom:20px;
  background-size:100% 55%
 }
 #single-work #work-images .work-responsive .wrap {
  width:400px
 }
 #single-work #work-images .work-responsive .wrap .title {
  font:28px/28px ralewaybold;
  margin-bottom:20px
 }
 #contact .contact-wrap .contact-content h1 {
  font:50px/50px pacificoregular;
  margin-top:20px
 }
 #contact .contact-wrap .contact-content .desc {
  font:16px/20px ralewaybold
 }
 #team li {
  width:50%
 }
 #home-slider-wrap .item {
  background-attachment:initial!important;
  background-position:center!important
 }
 #home-slider-wrap .item .item-text-wrap .title {
  font:42px/42px pacificoregular
 }
 #home-slider-wrap .item .item-text-wrap h1.text {
  font:14px/20px ralewaymedium;
  padding-left:50px;
  padding-right:30px;
  margin:10px 0 20px
 }
 #design .design p {
  color:#000;
  font:16px/25px ralewayregular;
  margin-bottom:25px
 }
 #design .design p.big {
  text-align:center;
  font:45px ralewayregular;
  padding:10px 60px
 }
 #design .design p.big strong {
  font-family:ralewaybold
 }
}
@media only screen and (max-width:640px) {
 #s-content .section .layout .text {
  width:100%;
  float:left
 }
 #s-content .section .layout .text .text-wrap {
  padding:2%
 }
 #s-content .section .layout .text .text-wrap .title {
  font:30px ralewayregular;
  margin-bottom:30px
 }
 #s-content .section .layout .text .text-wrap .subtitle {
  font:26px ralewayregular;
  margin-bottom:20px
 }
 #s-content .section .layout .text .text-wrap p {
  font:16px/24px ralewayregular
 }
 #s-content .section .layout .text .text-wrap ul {
  list-style:none;
  margin:10px 0;
  padding-left:20px
 }
 #s-content .section .layout .text .text-wrap ul li {
  background-image:url(../../../images/services/list.jpg);
  background-position:left 5px;
  background-repeat:no-repeat;
  padding-left:40px;
  font:16px/24px ralewayregular
 }
 #s-content .section .layout .picture {
  width:100%;
  float:left;
  text-align:center
 }
 #s-content .section .layout .picture .text-wrap {
  padding:2% 30%
 }
 #s-content .section .layout .picture .text-wrap img {
  width:100%
 }
 #s-content .section.m2 .picture,
 #s-content .section.m2 .text {
  float:right
 }
 #s-content .section.big .layout .text .text-wrap,
 #s-content .section.med .layout .text .text-wrap {
  padding:5%
 }
 #s-content .section.big {
  clear:both
 }
 #s-content .section.big .layout .text .text-wrap {
  padding:5%
 }
 #design .design .title {
  font:30px ralewayregular;
  margin-bottom:30px
 }
 #design .design .subtitle {
  font:19px ralewayregular
 }
 #design .design .design-content {
  width:100%
 }
 #design .design .design-content .layout {
  padding:8% 2%
 }
 #design .design p {
  color:#000;
  font:20px/30px ralewayregular;
  margin-bottom:25px
 }
 #design .design p.big {
  font:30px ralewayregular;
  padding:10px 0
 }
 #header {
  padding-top:10px
 }
 #header .quote {
  margin-bottom:10px
 }
 #header .header {
  margin-bottom:5px
 }
 #header .header #nav {
  height:100%
 }
 #header .header #logo {
  width:160px;
  top:0
 }
 #header 
.header #rq {
  background:url(../../../images/rq-m.png) no-repeat;
  width:79px
 }
 #header.portfolio {
  padding-top:10px;
  padding-bottom:30px
 }
 #header.portfolio .header {
  margin-bottom:5px
 }
 #header.portfolio .header #logo {
  width:160px;
  top:0
 }
 #header.portfolio .header #rq {
  background:url(../../../images/rq-m.png) no-repeat;
  width:79px
 }
 #single-work,
 #works-wrap {
  padding:74px 0 0
 }
 #works-wrap #works .work {
  width:100%
 }
 #single-work .work-header.parallax {
  background-attachment:initial!important;
  background-position:center!important
 }
 #single-work #work-images {
  padding:30px 0
 }
 #single-work #work-images .work-image {
  margin-bottom:10px;
  visibility:visible!important
 }
 #single-work #work-images .work-image .wrap {
  background:0 0;
  padding:0;
  width:80%
 }
 #single-work #work-images .work-responsive {
  margin-bottom:20px;
  background-size:100% 55%;
  visibility:visible!important
 }
 #single-work #work-images .work-responsive .wrap {
  width:200px
 }
 #single-work #work-images .work-responsive .wrap .title {
  font:18px/18px ralewaybold;
  margin-top:10px;
  margin-bottom:10px
 }
 .item .item-text .title,
 .item .item-text-wrap .title {
  font:32px/32px pacificoregular
 }
 .item .item-text .text,
 .item .item-text-wrap .text {
  font:18px/22px ralewaymedium;
  padding-left:0;
  margin:10px 0 20px
 }
 .item .bd-button {
  margin:0 15px 10px
 }
 .item .bd-button.project {
  position:absolute;
  bottom:17%;
  margin:0 0 0 -90px;
  left:50%
 }
 .bx-wrapper .bx-controls-direction a {
  top:90%
 }
 #subnav {
  bottom:10px
 }
 .side.side-2 .item,
 .side.side-3 .item,
 .side.side-4 .item,
 .side.side-5 .item,
 .side.side-6 .item {
  background-attachment:initial!important;
  background-position:center!important
 }
 .side.side-2 .item .item-text,
 .side.side-3 .item .item-text,
 .side.side-4 .item .item-text,
 .side.side-5 .item .item-text,
 .side.side-6 .item .item-text {
  font:26px ralewaybold
 }
 .side.side-2 .item .item-text span,
 .side.side-3 .item .item-text span,
 .side.side-4 .item .item-text span,
 .side.side-5 .item .item-text span,
 .side.side-6 .item .item-text span {
  font:26px
 }
 .side.side-2 .item-text .item-h {
  height:100px
 }
 .side.side-2 img {
  width:70%
 }
 .side.side-3 .item-text .item-h {
  height:100px
 }
 .side.side-3 img {
  width:70%
 }
 .side.side-4 .item-text-wrap .item-h {
  height:100px
 }
 .side.side-4 img {
  width:70%
 }
 .side.side-5 .item-text .item-h {
  height:180px
 }
 .side.side-5 img {
  width:40%
 }
 .side.side-6 .crbl-wrap .crbl {
  border-radius:40px;
  width:80px;
  height:80px;
  margin:5px 10px
 }
 #service .service-item {
  background-attachment:inherit!important
 }
 #service .service-item.parallax {
  background-position:center bottom!important;
  background-attachment:initial!important
 }
 #service .service-item .service-item-text .title {
  font:34px/34px pacificoregular;
  margin-bottom:20px
 }
 #service .service-item .service-item-text .text {
  font:14px/18px ralewaymedium;
  padding-left:0;
  margin:10px 0 20px
 }
 #team li {
  width:100%
 }
 #team-wrap h1 {
  font:50px/50px pacificoregular;
  margin-bottom:10px
 }
 #team-wrap p {
  font:21px/21px ralewaymedium;
  margin:0
 }
 #team-wrap .team-member .desc {
  font-size:19px;
  line-height:19px
 }
 #team-wrap .team-member .desc .title {
  font-size:28px;
  line-height:28px;
  margin-bottom:5px
 }
 #request_form .title {
  font:24px/24px pacificoregular;
  color:#fff;
  margin-bottom:15px
 }
 #request_form .title span {
  color:#f1c40f
 }
 .form-wrap {
  width:300px;
  margin:0 auto;
  height:340px;
  position:absolute;
  top:45px;
  margin-top:0;
  left:50%;
  margin-left:-150px
 }
 .form-wrap .rq-form .input-wrap {
  padding:0;
  width:100%;
  margin-bottom:10px
 }
 .form-wrap .rq-form .input-wrap input {
  background:0 0;
  height:12px
 }
 .form-wrap .rq-form .textarea-wrap {
  margin-bottom:10px;
  padding:0;
  width:100%
 }
 .form-wrap .rq-form .textarea-wrap textarea {
  background:0 0
 }
 .form-wrap .rq-form #file {
  display:none
 }
 .form-wrap .rq-form .submit-wrap {
  padding:0;
  width:100%
 }
 .form-wrap .rq-form div.wpcf7-mail-sent-ok {
  width:100%
 }
 #contact {
  width:100%;
  background:url(../../../images/contact/contact-bg.jpg) no-repeat center bottom;
  background-size:cover;
  background-attachment:fixed;
  position:relative;
  padding:25% 0
 }
 #contact .contact-wrap {
  width:100%
 }
 #contact .contact-wrap .contact-content {
  position:relative;
  text-align:center
 }
 #contact .contact-wrap .contact-content h1 {
  font:32px/32px pacificoregular;
  color:#f1c40f;
  text-transform:capitalize;
  margin:0 0 20px
 }
 #contact .contact-wrap .contact-content .desc {
  font:20px/30px ralewaybold
 }
 #contact .contact-wrap .contact-content ul .contact-item {
  width:300px
 }
 #contact .contact-wrap .contact-content #contact-form {
  color:#f1c40f;
  width:250px
 }
 #contact .contact-wrap .contact-content #contact-form div.fl_left {
  float:left;
  width:250px
 }
 #contact .contact-wrap .contact-content #contact-form div.fl_right {
  float:right;
  width:250px
 }
 #contact .contact-wrap .contact-content #contact-form div input {
  margin:0 0 10px;
  width:234px
 }
 #contact .contact-wrap .contact-content #contact-form div textarea {
  margin:0 0 10px;
  padding:11px 6px;
  width:234px
 }
 #vids ul li {
  width:100%
 }
 #slider #home-slider-wrap .item {
  background-attachment:initial!important;
  background-position:center!important
 }
 #slider #home-slider-wrap .item .item-text-wrap .title {
  font:42px/42px pacificoregular;
  padding:0 10%
 }
 #slider #home-slider-wrap .item .item-text-wrap h1.text {
  font:14px/20px ralewaymedium;
  padding-left:12.6%;
  padding-right:12%;
  margin:10px 0 20px
 }
 .side.side-2 .item-wrap,
 .side.side-3 .item-wrap,
 .side.side-4 .item-wrap,
 .side.side-5 .item-wrap,
 .side.side-6 .item-wrap {
  background-attachment:initial!important;
  background-position:center!important
 }
 .side.side-2 .item-wrap .item-text .text,
 .side.side-3 .item-wrap .item-text .text,
 .side.side-4 .item-wrap .item-text .text,
 .side.side-5 .item-wrap .item-text .text,
 .side.side-6 .item-wrap .item-text .text {
  padding:0 10%
 }
 #footer {
  padding:40px 0
 }
 #footer .bg-header {
  font:14px/20px ralewaymedium;
  padding:0 2%;
  width:96%
 }
 #footer .bd-footer .sep {
  display:inline
 }
 #footer #footer-nav {
  display:none
 }
}
@media only screen and (max-width:640px) and (orientation:portrait) {
 #header .header {
  margin-bottom:5px
 }
 #header .header #nav {
  height:100%
 }
}
@media only screen and (max-width:320px) and (orientation:landscape) {
 #header .header {
  margin-bottom:5px
 }
 #header .header #nav {
  height:100%;
  overflow-x:auto
 }
}
@-webkit-keyframes show-tooltip {
 0% {
  -webkit-transform:perspective(600) rotateX(0deg);
  transform:perspective(600) rotateX(0deg)
 }
 100% {
  -webkit-transform:perspective(600) rotateX(180deg);
  transform:perspective(600) rotateX(180deg)
 }
}
@keyframes show-tooltip {
 0% {
  -webkit-transform:perspective(600) rotateX(0deg);
  transform:perspective(600) rotateX(0deg)
 }
 100% {
  -webkit-transform:perspective(600) rotateX(180deg);
  transform:perspective(600) rotateX(180deg)
 }
}
@-webkit-keyframes fadeInUp1 {
 0% {
  opacity:0;
  -webkit-transform:translate3d(0,50px,0);
  transform:translate3d(0,50px,0)
 }
 100% {
  opacity:1;
  -webkit-transform:none;
  transform:none
 }
}
@keyframes fadeInUp1 {
 0% {
  opacity:0;
  -webkit-transform:translate3d(0,50px,0);
  transform:translate3d(0,50px,0)
 }
 100% {
  opacity:1;
  -webkit-transform:none;
  transform:none
 }
}
.fadeInUp1 {
 -webkit-animation-name:fadeInUp1;
 animation-name:fadeInUp1
}
@-webkit-keyframes fadeInDown1 {
 0% {
  opacity:0;
  -webkit-transform:translate3d(0,-50px,0);
  transform:translate3d(0,-50px,0)
 }
 100% {
  opacity:1;
  -webkit-transform:none;
  transform:none
 }
}
@keyframes fadeInDown1 {
 0% {
  opacity:0;
  -webkit-transform:translate3d(0,-50px,0);
  transform:translate3d(0,-50px,0)
 }
 100% {
  opacity:1;
  -webkit-transform:none;
  transform:none
 }
}
.fadeInDown1 {
 -webkit-animation-name:fadeInDown1;
 animation-name:fadeInDown1
}
body.scroll,
html.scroll {
 overflow-x:hidden;
 overflow-y:scroll
}
#footer {
 overflow:hidden
}
.bdr .title,
.bdr-start .title,
.inline-block {
 display:inline-block;
 *display:inline;
 zoom:1
}
.ui-datepicker.ui-widget-content {
 background-color:#fff;
 border:1px solid #f7dd8b;
 box-shadow:0 0 5px #f0c330
}
.ui-datepicker tr {
 height:27px
}
.ui-datepicker td,
.ui-datepicker th {
 padding:0;
 width:27px;
 font:14px/27px ralewaymedium;
 text-align:center;
 color:#000
}
.ui-datepicker th {
 font-family:ralewaybold
}
.ui-datepicker .ui-datepicker-title {
 font:14px/27px ralewaybold;
 text-align:center;
 color:#000;
 background-color:#f7dd8b
}
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
 font:14px/27px fontawesome;
 position:absolute;
 top:0;
 display:block;
 width:27px;
 text-align:center;
 cursor:pointer
}
.ui-datepicker .ui-datepicker-prev {
 left:0
}
.ui-datepicker .ui-datepicker-next {
 right:0
}
.ui-datepicker .ui-datepicker-unselectable {
 color:#ccc
}
.ui-datepicker a {
 -webkit-transition:all .3s;
 transition:all .3s
}
.ui-datepicker a:focus,
.ui-datepicker a:hover {
 background-color:#f0c330;
 color:#fff
}
.ui-datepicker a.ui-state-default {
 display:block;
 width:100%;
 height:100%
}
.ui-datepicker a.ui-state-highlight {
 background-color:#000;
 color:#fff
}
.bdr-row {
 text-align:center;
 margin:0 auto;
 overflow:hidden
}
.bdr-margin {
 margin:0
}
.bdr {
 background-color:#f1f1f1;
 color:#000
}
.bdr ::-webkit-input-placeholder {
 color:#a3a3a3!important;
 text-overflow:ellipsis;
 -webkit-transition:all .2s;
 transition:all .2s
}
.bdr :-moz-placeholder {
 color:#a3a3a3!important;
 text-overflow:ellipsis;
 opacity:1;
 -moz-transition:all .2s
}
.bdr ::-moz-placeholder {
 color:#a3a3a3!important;
 text-overflow:ellipsis;
 opacity:1;
 -moz-transition:all .2s
}
.bdr :-ms-input-placeholder {
 color:#a3a3a3!important;
 text-overflow:ellipsis;
 -ms-transition:all .2s
}
.bdr :focus::-webkit-input-placeholder {
 color:transparent!important
}
.bdr :focus:-moz-placeholder {
 color:transparent!important;
 opacity:0
}
.bdr :focus::-moz-placeholder {
 color:transparent!important;
 opacity:0
}
.bdr :focus:-ms-input-placeholder {
 color:transparent!important
}
.bdr .header-space {
 height:69px
}
.bdr .response {
 font-family:ralewaymedium;
 font-size:14px;
 line-height:18px
}
.bdr .response span {
 font-family:ralewaymedium;
 color:#0074a2
}
.bdr .order-from {
 font-size:20px;
 line-height:30px;
 padding:24px 0 36px;
 font-family:ralewaymedium
}
.bdr .order-from span {
 color:#0074a2
}
.bdr label.error {
 display:inline-block;
 position:relative;
 font-family:ralewayregular;
 font-size:14px;
 color:red;
 margin:0
}
.bdr .input label.error {
 top:5px
}
.bdr .contact label.error {
 top:-15px
}
.bdr .steps {
 position:relative;
 color:#fff;
 width:99.99%;
 margin:31px 0
}
.bdr .steps .fill {
 position:absolute;
 top:0;
 left:0;
 width:0;
 height:100%;
 background-color:#f0c330
}
.bdr .steps .masks {
 display:block;
 width:100%;
 position:absolute;
 top:0;
 left:0
}
.bdr .steps .step {
 float:left;
 font-family:ralewaybold;
 text-align:left;
 background:url(../../../images/libs/step.png) no-repeat
}
.bdr .steps .step.l1,
.bdr .steps .step.l2,
.bdr .steps .step.l3 {
 color:#fff
}
.bdr .steps .step.mask {
 background:url(../../../images/libs/step.png) no-repeat
}
.bdr .steps .step.mask a {
 display:block;
 float:left;
 color:#fff;
 text-align:center;
 cursor:default;
 -webkit-transition:all .2s ease-in-out;
 transition:all .2s ease-in-out
}
.bdr .steps .step.mask a:link {
 color:#fff;
 cursor:pointer
}
.bdr .steps .step.mask a.active,
.bdr .steps .step.mask a.yel,
.bdr .steps .step.mask a:link:hover {
 background-color:#f0c330
}
.bdr .steps .step.last {
 text-align:right
}
.bdr .steps .step.last.mask a {
 float:right
}
.bdr .title {
 font-family:pacificoregular;
 border-bottom:2px solid #fff
}
.bdr .subtitle {
 font-family:ralewaybold;
 text-transform:uppercase
}
.bdr .text {
 font-family:ralewaymedium
}
.bdr .ui-slider {
 position:relative;
 text-align:left;
 border:0;
 margin:20px 0;
 z-index:0
}
.bdr .ui-slider.ui-widget-content {
 background:#f1f1f1
}
.bdr .ui-slider.ui-slider-horizontal {
 height:4px
}
.bdr .ui-slider.ui-slider-horizontal .ui-slider-range {
 top:0;
 height:100%
}
.bdr .ui-slider .ui-slider-range {
 position:absolute;
 z-index:1;
 display:block;
 border:0
}
.bdr .ui-slider .ui-slider-range.ui-widget-header {
 background:#f0c330
}
.bdr .ui-slider .ui-state-default {
 background:url(../../../images/libs/slider-arrow.png) no-repeat;
 background-position:left top
}
.bdr .ui-slider .ui-slider-handle {
 position:absolute;
 z-index:2;
 width:14px;
 height:19px;
 cursor:pointer;
 top:9px;
 margin-left:-7px;
 outline:0
}
.bdr .ui-slider .ui-slider-handle .label {
 -webkit-transition:all .5s ease-in-out;
 transition:all .5s ease-in-out;
 display:inline-block;
 position:absolute;
 top:-30px;
 width:70px;
 left:-30px;
 font:15px/20px ralewaybold;
 color:#000;
 white-space:nowrap;
 text-align:center
}
.bdr .grid {
 margin-top:33px;
 margin-left:-15px;
 margin-right:-15px
}
.bdr .submits {
 margin:70px 0 100px
}
.bdr .submits .bdr-button {
 display:inline-block;
 background:0 0;
 border:2px solid #000;
 color:#000;
 width:240px;
 height:74px;
 font:22px/74px ralewaybold;
 text-transform:uppercase;
 border-radius:74px;
 outline:0;
 -webkit-transition:all .2s;
 transition:all .2s
}
.bdr .submits .bdr-button:focus,
.bdr .submits .bdr-button:hover {
 background:#f0c330
}
.bdr .submits .bdr-button:focus.prev:before,
.bdr .submits .bdr-button:hover.prev:before {
 content:"\f100";
 margin-right:20px;
 opacity:1;
 visibility:visible
}
.bdr .submits .bdr-button:focus.next:after,
.bdr .submits .bdr-button:hover.next:after {
 content:"\f101";
 margin-left:20px;
 opacity:1;
 visibility:visible
}
.bdr .submits .bdr-button:active {
 background:#000;
 color:#fff
}
.bdr .submits .bdr-button:after,
.bdr .submits .bdr-button:before {
 -webkit-transition:all .2s;
 transition:all .2s;
 font-family:fontawesome;
 display:inline-block;
 margin:0;
 opacity:0;
 visibility:hidden
}
.bdr .submits .bdr-button.prev {
 margin-right:12px
}
.bdr .submits .bdr-button.prev:before {
 content:"\f100"
}
.bdr .submits .bdr-button.prev:after {
 content:"\f101"
}
.bdr .submits .bdr-button.next {
 margin-left:12px
}
.bdr .submits .bdr-button.next:before {
 content:"\f100"
}
.bdr .submits .bdr-button.next:after {
 content:"\f101"
}
.bdr .submits a.bdr-button {
 vertical-align:top;
 height:70px;
 line-height:74px
}
.bdr .fa {
 position:absolute;
 display:block;
 top:18px;
 right:0;
 color:#f0c330;
 font-size:14px;
 cursor:pointer;
 -webkit-transition:color .3s;
 transition:color .3s
}
.bdr .fa:focus,
.bdr .fa:hover {
 color:#000
}
.bdr .fa.close {
 font-size:20px;
 top:14px;
 right:-2px
}
.bdr .col-1,
.bdr .col-2,
.bdr .col-3,
.bdr .col-4,
.bdr .col-6 {
 float:left;
 -webkit-transition:all .3s ease-out;
 transition:all .3s ease-out
}
.bdr .col-1 {
 width:100%
}
.bdr .col-1 input,
.bdr .col-1 textarea {
 width:98%;
 padding:12px 1%
}
.bdr .col-2 {
 width:50%
}
.bdr .col-2 input,
.bdr .col-2 textarea {
 width:96%;
 padding:11px 2%
}
.bdr .col-2.dropdown {
 position:relative;
 z-index:1
}
.bdr .col-2 .col-2 {
 opacity:1!important
}
.bdr .col-4 {
 width:25%
}
.bdr .col-4 input,
.bdr .col-4 textarea {
 width:92%;
 padding:11px 4%
}
.bdr .col-3 {
 width:45%
}
.bdr .col-3 input,
.bdr .col-3 textarea {
 width:92%;
 padding:11px 4%
}
.bdr .col-6 {
 width:55%
}
.bdr .col-6 input,
.bdr .col-6 textarea {
 width:92%;
 padding:11px 4%
}
.bdr .col-wrap {
 margin:0 15px 30px;
 background-color:#fff;
 text-align:left
}
.bdr .col-wrap header {
 position:relative;
 display:block;
 width:96%;
 font-family:ralewaymedium;
 font-size:14px;
 line-height:18px;
 padding:16px 4% 16px 0
}
.bdr .col-margin {
 margin:0 20px;
 padding-bottom:20px
}
.bdr .contact input {
 margin-bottom:20px
}
.bdr .add-contact {
 display:block;
 width:40px;
 height:40px;
 color:#fff;
 background-color:#f0c330;
 font:23px/42px fontawesome;
 text-align:center;
 cursor:pointer;
 -webkit-transition:background .3s;
 transition:background .3s
}
.bdr .add-contact:focus,
.bdr .add-contact:hover {
 background-color:#000
}
.bdr input,
.bdr select,
.bdr textarea {
 outline:0
}
.bdr input,
.bdr textarea {
 float:left;
 -moz-box-sizing:content-box;
 box-sizing:content-box;
 font:14px/20px ralewaymedium;
 color:#333;
 border:1px solid #ddd;
 box-shadow:inset 0 0 5px #ddd;
 text-overflow:ellipsis
}
.bdr input:focus,
.bdr textarea:focus {
 border-color:#f7dd8b;
 box-shadow:0 0 5px #f0c330
}
.bdr input.datepkr,
.bdr textarea.datepkr {
 background:#fff url(../../../images/libs/datepkr.png) center right 15px no-repeat;
 width:92%;
 padding:11px 4%;
 opacity:1!important
}
.bdr textarea {
 resize:vertical
}
.bdr label {
 vertical-align:bottom;
 font:14px/20px ralewaymedium;
 color:#333;
 cursor:pointer;
 display:inline-block;
 margin:10px 20px 10px 0
}
.bdr div.fancy-select {
 position:relative;
 font:14px/18px ralewaymedium;
 color:#333
}
.bdr div.fancy-select .disabled {
 opacity:.5
}
.bdr div.fancy-select select:focus+div.trigger,
.bdr div.fancy-select select:focus+div.trigger.open {
 border-color:#f7dd8b;
 box-shadow:0 0 5px #f0c330
}
.bdr div.fancy-select div.trigger {
 cursor:pointer;
 padding:10px 2%;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
 position:relative;
 background:#fff;
 border:1px solid #ddd;
 box-shadow:inset 0 0 5px #ddd;
 width:96%;
 transition:all 240ms ease-out;
 -webkit-transition:all 240ms ease-out
}
.bdr div.fancy-select div.trigger:after {
 content:"";
 display:block;
 position:absolute;
 width:0;
 height:0;
 border:5px solid transparent;
 border-top-color:#333;
 top:18px;
 right:9px
}
.bdr div.fancy-select div.trigger.open {
 border-color:#f7dd8b;
 box-shadow:0 0 5px #f0c330
}
.bdr div.fancy-select ul.options {
 list-style:none;
 margin:0;
 padding:0;
 position:absolute;
 top:40px;
 left:0;
 visibility:hidden;
 opacity:0;
 z-index:1000;
 max-height:200px;
 width:100%;
 overflow:auto;
 background-color:#fff;
 border:1px solid #f7dd8b;
 box-shadow:0 0 5px #f0c330;
 transition:opacity 300ms ease-out,top 300ms ease-out,visibility 300ms ease-out;
 -webkit-transition:opacity 300ms ease-out,top 300ms ease-out,visibility 300ms ease-out
}
.bdr div.fancy-select ul.options.open {
 visibility:visible;
 top:40px;
 opacity:1;
 transition:opacity 300ms ease-out,top 300ms ease-out;
 -webkit-transition:opacity 300ms ease-out,top 300ms ease-out
}
.bdr div.fancy-select ul.options.overflowing {
 top:auto;
 bottom:40px;
 transition:opacity 300ms ease-out,bottom 300ms ease-out,visibility 300ms ease-out;
 -webkit-transition:opacity 300ms ease-out,bottom 300ms ease-out,visibility 300ms ease-out
}
.bdr div.fancy-select ul.options.overflowing.open {
 top:auto;
 bottom:40px;
 transition:opacity 300ms ease-out,bottom 300ms ease-out;
 -webkit-transition:opacity 300ms ease-out,bottom 300ms ease-out
}
.bdr div.fancy-select ul.options li {
 padding:10px 2%;
 color:#333;
 cursor:pointer;
 white-space:nowrap;
 transition:all 150ms ease-out;
 -webkit-transition:all 150ms ease-out
}
.bdr div.fancy-select ul.options li.selected {
 background-color:#f7dd8b;
 color:#000
}
.bdr div.fancy-select ul.options li.hover {
 background-color:#f0c330;
 color:#fff
}
.bdr .icheckbox_flat,
.bdr .iradio_flat {
 display:inline-block;
 *display:inline;
 vertical-align:middle;
 padding:0;
 width:20px;
 height:20px;
 border:0;
 cursor:pointer
}
.bdr .icheckbox_flat {
 background:url(../../../images/libs/flat.png) no-repeat
}
.bdr .iradio_flat {
 background:url(../../../images/libs/yellow.png) no-repeat
}
.bdr .icheckbox_flat {
 background-position:0 0
}
.bdr .icheckbox_flat.checked {
 background-position:-22px 0
}
.bdr .icheckbox_flat.checked.disabled {
 background-position:-66px 0
}
.bdr .icheckbox_flat.disabled {
 background-position:-44px 0;
 cursor:default
}
.bdr .iradio_flat {
 background-position:-88px 0;
 margin-top:2px;
 height:22px;
 line-height:22px
}
.bdr .iradio_flat.checked {
 background-position:-110px 0
}
.bdr .iradio_flat.checked .disabled {
 background-position:-154px 0
}
.bdr .iradio_flat.disabled {
 background-position:-132px 0;
 cursor:default
}
@media(-o-min-device-pixel-ratio:5 / 4),(-webkit-min-device-pixel-ratio:1.25),(min-resolution:120dpi) {
 .bdr .icheckbox_flat {
  background-image:url(../../../images/libs/flat@2x.png);
  background-size:176px 22px
 }
 .bdr .iradio_flat {
  background-image:url(../../../images/libs/yellow@2x.png);
  background-size:176px 22px
 }
}
.bdr .flipper {
 position:relative
}
.bdr .flipper.open .back {
 -webkit-transform:perspective(600) rotateX(0deg);
 transform:perspective(600) rotateX(0deg);
 opacity:1;
 visibility:visible;
 top:0
}
.bdr .flipper .tooltip-margin {
 width:80%;
 margin:0 auto;
 font:14px/20px ralewaymedium;
 position:relative;
 top:50%;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%)
}
.bdr .flipper .tooltip-margin.cc {
 text-align:center
}
.bdr .flipper .front {
 z-index:2
}
.bdr .flipper .back {
 color:#fff;
 position:absolute;
 top:100%;
 left:0;
 width:100%;
 height:100%;
 background:#f0c330;
 z-index:999;
 -webkit-transform:perspective(600) rotateX(-90deg);
 transform:perspective(600) rotateX(-90deg);
 -webkit-transform-origin:center top;
 transform-origin:center top;
 -webkit-transform-style:preserve-3d;
 transform-style:preserve-3d;
 -webkit-transition:.6s;
 transition:.6s;
 opacity:0;
 visibility:hidden
}
.bdr .flipper .back .close {
 right:20px;
 color:#fff
}
.bdr .flipper .back .close:focus,
.bdr .flipper .back .close:hover {
 color:#000
}
.bdr .animated {
 opacity:0
}
.bg-header span {
 display:inline-block
}
.bdr-start {
 background:#fff url(../../../images/libs/bdr-0.jpg) center bottom no-repeat;
 background-size:cover;
 color:#000;
 overflow-x:hidden
}
.bdr-start .animated {
 opacity:0
}
.bdr-start .bdr-margin {
 -webkit-transition:margin .3s;
 transition:margin .3s
}
.bdr-start .gradi {
 position:relative;
 width:100%;
 overflow:hidden;
 z-index:0;
 background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,transparent),color-stop(100%,rgba(0,0,0,.3)));
 background:-webkit-linear-gradient(top,transparent 0,rgba(0,0,0,.3) 100%);
 background:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.3) 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#4d000000',GradientType=0)
}
.bdr-start .flashlight {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 background:url(../../../images/libs/bdr-light.png) top center no-repeat;
 opacity:0;
 z-index:-1
}
.bdr-start .table {
 background:url(../../../images/libs/bdr-table.png) center top 80px no-repeat;
 background-size:100%;
 -webkit-transform-origin:top center;
 transform-origin:top center
}
.bdr-start .logo {
 width:48%;
 margin:0 auto
}
.bdr-start .logo img {
 width:100%
}
.bdr-start .title {
 font-family:pacificoregular;
 border-bottom:2px solid #ebebeb
}
.bdr-start .subtitle {
 font-family:ralewaybold;
 text-transform:uppercase
}
.bdr-start .subtitle a {
 color:#000;
 -webkit-transition:color .2s;
 transition:color .2s;
 text-transform:lowercase
}
.bdr-start .subtitle a:hover {
 color:#ccc
}
.bdr-start .text {
 font-family:ralewaymedium
}
.bdr-start .bdr-row {
 padding-top:57px;
 z-index:1
}
.bdr-start .btn {
 display:inline-block;
 -moz-box-sizing:content-box;
 box-sizing:content-box;
 outline:0;
 overflow:hidden;
 border-radius:70px;
 margin-top:24px;
 padding:0 75px;
 font-size:22px;
 line-height:73px;
 height:70px;
 -webkit-transition:all .3s;
 transition:all .3s
}
.bdr-start .btn:after,
.bdr-start .btn:before {
 font-family:fontawesome;
 display:inline-block;
 content:'\f101';
 margin-left:0;
 -webkit-transition:all .3s;
 transition:all .3s;
 visibility:hidden;
 opacity:0
}
.bdr-start .btn:after {
 content:'\f101'
}
.bdr-start .btn:hover:after {
 margin-left:10px;
 visibility:visible;
 opacity:1;
 color:#000
}
.bdr-start .btn.start {
 outline:0;
 background-color:#f0c330;
 font-family:ralewaybold;
 text-transform:uppercase;
 color:#fff;
 border:2px solid #f0c330;
 margin:70px 0 30px
}
.bdr-start .btn.start:hover {
 background-color:transparent!important;
 color:#000!important
}
.bdr-start .rated {
 font-family:ralewayregular;
 font-size:36px;
 line-height:44px;
 margin-top:74px
}
.bdr-start .rated strong {
 font-family:ralewaybold
}
.bdr-start .rated span {
 font-family:fontawesome;
 color:#f0c330;
 cursor:default
}
.bdr-start .icons {
 list-style:none;
 width:90%;
 padding:0;
 margin:34px auto 0
}
.bdr-start .icons li {
 float:left;
 width:16.66%;
 height:135px;
 background:url(../../../images/libs/st-icon-shad.png) center bottom no-repeat
}
.bdr-start .icons li.big-shadow {
 background:url(../../../images/libs/st-icon-shadow.png) center bottom no-repeat
}
.bdr-start .icons li img {
 display:inline-block;
 position:relative;
 bottom:0;
 -webkit-transition:all .3s ease;
 transition:all .3s ease
}
.bdr-start .icons .icon {
 display:inline-block;
 width:auto;
 height:100%
}
.bdr-start .icons .icon:focus img,
.bdr-start .icons .icon:hover img {
 bottom:15px!important
}
.bdr-start .made-in {
 margin:77px 0 27px
}
@media only screen and (max-width:1366px) {
 .bdr-start .logo {
  width:32%
 }
 .bdr-start .flashlight {
  background-size:48%
 }
 .bdr-start .title {
  font-size:30px!important;
  line-height:40px!important;
  padding:20px 0!important
 }
 .bdr-start .subtitle span {
  font-size:20px!important;
  line-height:35px!important
 }
 .bdr-start .btn {
  border-radius:55px;
  margin-top:30px;
  padding:0 55px;
  font-size:22px;
  line-height:56px;
  height:55px
 }
 .bdr-start .table {
  background-position:center 65px;
  width:69%;
  margin:0 auto
 }
 .bdr-start .rated {
  font-size:25px;
  line-height:30px;
  margin-top:30px
 }
 .bdr-start .icons {
  margin:40px auto 0
 }
 .bdr-start .icons li {
  height:110px
 }
 .bdr-start .icons li img {
  height:72%
 }
 .bdr-start .made-in {
  margin:45px 0 25px
 }
 .bdr-start .made-in img {
  width:60px
 }
}
@media only screen and (min-width:1201px) {
 .bdr-start .bdr-row {
  width:1200px
 }
 .bdr-start .bdr-margin {
  margin:0
 }
}
@media only screen and (max-width:1200px) {
 .bdr-start .bdr-row {
  width:100%
 }
 .bdr-start .bdr-margin {
  margin:0 22px
 }
}
@media only screen and (min-width:1025px) {
 .bdr .bdr-row {
  width:960px
 }
 .bdr .bdr-margin {
  margin:0
 }
 .bdr .steps .step {
  font-size:36px;
  height:50px;
  width:10%;
  background-position:0 0
 }
 .bdr .steps .step.l1 {
  line-height:47px
 }
 .bdr .steps .step.l2 {
  line-height:44px
 }
 .bdr .steps .step.l3 {
  line-height:53px
 }
 .bdr .steps .step.mask {
  background-position:0 -50px
 }
 .bdr .steps .step.mask a {
  height:50px;
  width:50px;
  border-radius:50px
 }
 .bdr .steps .step.mask a.yel {
  -webkit-transform:scale(1.05);
  transform:scale(1.05)
 }
 .bdr .steps .step.mask a.active,
 .bdr .steps .step.mask a:link:hover {
  -webkit-transform:scale(1.3);
  transform:scale(1.3)
 }
 .bdr .steps .step.last {
  width:50px
 }
 .bdr .c1 {
  margin-right:10px
 }
 .bdr .c2 {
  margin-left:10px
 }
 .bdr .c3 {
  margin-right:15px
 }
 .bdr .c4 {
  margin:0 10px 0 5px
 }
 .bdr .c5 {
  margin:0 5px 0 10px
 }
 .bdr .c6 {
  margin-left:15px
 }
}
@media only screen and (max-width:1024px) {
 .bdr .bdr-row {
  width:100%
 }
 .bdr .bdr-margin {
  margin:0 22px
 }
 .bdr .steps .step {
  font-size:36px;
  height:50px;
  width:10%;
  background-position:0 0
 }
 .bdr .steps .step.l1 {
  line-height:47px
 }
 .bdr .steps .step.l2 {
  line-height:44px
 }
 .bdr .steps .step.l3 {
  line-height:53px
 }
 .bdr .steps .step.mask {
  background-position:0 -50px
 }
 .bdr .steps .step.mask a {
  height:50px;
  width:50px;
  border-radius:50px
 }
 .bdr .steps .step.mask a.yel {
  -webkit-transform:scale(1.05);
  transform:scale(1.05)
 }
 .bdr .steps .step.mask a.active,
 .bdr .steps .step.mask a:link:hover {
  -webkit-transform:scale(1.3);
  transform:scale(1.3)
 }
 .bdr .steps .step.last {
  width:50px
 }
 .bdr .c1 {
  margin-right:10px
 }
 .bdr .c2 {
  margin-left:10px
 }
 .bdr .c3 {
  margin-right:15px
 }
 .bdr .c4 {
  margin:0 10px 0 5px
 }
 .bdr .c5 {
  margin:0 5px 0 10px
 }
 .bdr .c6 {
  margin-left:15px
 }
 .bdr-start .flashlight {
  background-size:85%
 }
 .bdr-start .title {
  font-size:40px!important;
  line-height:40px!important;
  padding:25px 0 35px!important
 }
 .bdr-start .subtitle span {
  font-size:30px!important;
  line-height:35px!important
 }
 .bdr-start .btn {
  border-radius:55px;
  margin-top:30px;
  padding:0 55px;
  font-size:22px;
  line-height:56px;
  height:55px
 }
 .bdr-start .table {
  background-position:center 65px
 }
 .bdr-start .rated {
  font-size:35px;
  line-height:40px;
  margin-top:55px
 }
 .bdr-start .icons {
  margin:40px auto 0
 }
 .bdr-start .icons li {
  height:110px
 }
 .bdr-start .icons li img {
  height:72%
 }
 .bdr-start .made-in {
  margin:45px 0 25px
 }
 .bdr-start .made-in img {
  width:60px
 }
}
@media only screen and (max-width:768px) {
 .bdr .col-1,
 .bdr .col-2 {
  width:100%
 }
 .bdr .col-1 input,
 .bdr .col-1 textarea,
 .bdr .col-2 input,
 .bdr .col-2 textarea {
  width:96%;
  padding:11px 2%
 }
 .bdr .col-1 .col-2,
 .bdr .col-2 .col-2 {
  width:50%
 }
 .bdr .col-1 .col-2 input,
 .bdr .col-1 .col-2 textarea,
 .bdr .col-2 .col-2 input,
 .bdr .col-2 .col-2 textarea {
  width:92%;
  padding:11px 4%
 }
 .bdr .col-4 {
  width:50%
 }
 .bdr .col-4 input,
 .bdr .col-4 textarea {
  width:92%;
  padding:11px 4%
 }
 .bdr br {
  display:none
 }
 .bdr .steps .step {
  font-size:17px;
  height:26px;
  width:10%;
  background-position:0 -100px
 }
 .bdr .steps .step.l1 {
  line-height:24px
 }
 .bdr .steps .step.l2 {
  line-height:22px
 }
 .bdr .steps .step.l3 {
  line-height:27px
 }
 .bdr .steps .step.mask {
  background-position:0 -126px
 }
 .bdr .steps .step.mask a {
  height:26px;
  width:26px;
  border-radius:26px
 }
 .bdr .steps .step.mask a.active,
 .bdr .steps .step.mask a:link:hover {
  -webkit-transform:scale(1.5);
  transform:scale(1.5)
 }
 .bdr .steps .step.last {
  width:26px
 }
 .bdr .c3 {
  margin-right:10px
 }
 .bdr .c4 {
  margin:0 0 0 10px
 }
 .bdr .c5 {
  margin:0 10px 0 0
 }
 .bdr .c6 {
  margin-left:10px
 }
 .bdr-start .flashlight {
  background-size:85%
 }
 .bdr-start .title {
  font-size:36px!important;
  line-height:36px!important;
  padding:20px 0 30px!important
 }
 .bdr-start .subtitle span {
  font-size:25px!important;
  line-height:30px!important
 }
 .bdr-start .btn {
  border-radius:50px;
  margin-top:24px;
  padding:0 50px;
  font-size:22px;
  line-height:52px;
  height:50px
 }
 .bdr-start .table {
  background-position:center 60px
 }
 .bdr-start .rated {
  font-size:30px;
  line-height:36px;
  margin-top:50px
 }
 .bdr-start .icons {
  margin:34px auto 0
 }
 .bdr-start .icons li {
  height:100px
 }
 .bdr-start .icons li img {
  height:68%
 }
 .bdr-start .made-in {
  margin:40px 0 20px
 }
 .bdr-start .made-in img {
  width:60px
 }
}
@media only screen and (max-width:600px) {
 .bdr .steps .step {
  font-size:1px;
  height:14px;
  width:10%;
  background-position:0 -152px
 }
 .bdr .steps .step.mask {
  background-position:0 -166px
 }
 .bdr .steps .step.mask a {
  height:14px;
  width:14px;
  border-radius:14px;
  text-indent:-9999px
 }
 .bdr .steps .step.mask a.yel {
  -webkit-transform:scale(1.06);
  transform:scale(1.06)
 }
 .bdr .steps .step.last {
  width:14px
 }
 .bdr .submits {
  margin:0 0 40px
 }
 .bdr .submits .bdr-button {
  width:110px;
  height:50px;
  font:18px/48px ralewaybold;
  border-radius:50px
 }
 .bdr .submits .bdr-button span {
  display:none
 }
 .bdr .submits .bdr-button:focus.prev:before,
 .bdr .submits .bdr-button:hover.prev:before {
  margin-right:5px
 }
 .bdr .submits .bdr-button:focus.next:after,
 .bdr .submits .bdr-button:hover.next:after {
  margin-left:5px
 }
 .bdr .submits .bdr-button.prev {
  margin-right:5px
 }
 .bdr .submits .bdr-button.next {
  margin-left:5px
 }
 .bdr .col-2 .col-2,
 .bdr .col-4 {
  width:100%
 }
 .bdr .col-2 .col-2 input,
 .bdr .col-4 input {
  margin-bottom:10px
 }
 .bdr .col-3,
 .bdr .col-6 {
  width:100%
 }
 .bdr .datepkr.launch {
  margin-bottom:0!important;
  opacity:1!important
 }
 .bdr .contact {
  margin-bottom:10px!important
 }
 .bdr .c1,
 .bdr .c2,
 .bdr .c3,
 .bdr .c4,
 .bdr .c5,
 .bdr .c6 {
  margin:0
 }
 .animated {
  opacity:1!important
 }
 .bdr-start .title {
  font-size:36px!important;
  line-height:36px!important;
  padding:20px 0 30px!important
 }
 .bdr-start .subtitle span {
  font-size:25px!important;
  line-height:30px!important
 }
 .bdr-start .btn {
  border-radius:50px;
  margin-top:24px;
  padding:0 50px;
  font-size:22px;
  line-height:52px;
  height:50px
 }
 .bdr-start .table {
  background-position:center 43px
 }
 .bdr-start .rated {
  font-size:25px;
  line-height:30px;
  margin-top:40px
 }
 .bdr-start .icons {
  margin:34px auto 0
 }
 .bdr-start .icons li {
  height:70px;
  background-size:70%
 }
 .bdr-start .icons li img {
  height:68%
 }
 .bdr-start .made-in {
  margin:40px 0 20px
 }
 .bdr-start .made-in img {
  width:40px
 }
}
@media only screen and (max-width:480px) {
 .bdr-start {
  background:#fff
 }
 .bdr-start .bdr-row {
  padding-top:50px
 }
 .bdr-start .flashlight {
  background:0 0
 }
 .bdr-start .logo {
  width:60%
 }
 .bdr-start .title {
  font-size:25px!important;
  line-height:30px!important;
  padding:15px 0 30px!important
 }
 .bdr-start .subtitle {
  margin-top:20px;
  font-size:14px;
  line-height:20px
 }
 .bdr-start .subtitle span {
  font-size:20px!important;
  line-height:24px!important
 }
 .bdr-start .subtitle a:hover {
  color:#fff!important
 }
 .bdr-start .btn {
  border-radius:50px;
  margin-top:24px;
  padding:0 50px;
  font-size:22px;
  line-height:52px;
  height:50px
 }
 .bdr-start .table {
  background:0 0
 }
 .bdr-start .rated {
  font-size:20px;
  line-height:25px;
  margin-top:35px
 }
 .bdr-start .icons {
  margin:30px auto 0
 }
 .bdr-start .icons li {
  width:33.33%;
  height:56px;
  background:0 0
 }
 .bdr-start .icons li img {
  height:93%
 }
 .bdr-start .icons .icon:focus img,
 .bdr-start .icons .icon:hover img {
  -webkit-transform:scale(.8);
  transform:scale(.8);
  bottom:0!important
 }
 .bdr-start .made-in {
  margin:20px 0
 }
 .bdr-start .made-in img {
  width:41px
 }
}
@media only screen and (min-width:321px) {
 .bdr .bdr-margin {
  margin:0 22px
 }
 .bdr .title {
  font-size:48px;
  line-height:49px;
  padding:48px 0 43px
 }
 .bdr .subtitle {
  font-size:30px;
  line-height:30px;
  padding:9px 0
 }
 .bdr .text {
  font-size:14px;
  line-height:24px
 }
 .bdr-start .title {
  font-size:48px;
  line-height:49px;
  padding:21px 0 50px
 }
 .bdr-start .subtitle {
  font-size:16px;
  line-height:24px;
  padding:23px 0 0
 }
 .bdr-start .subtitle span {
  font-size:30px;
  line-height:36px
 }
 .bdr-start .subtitle a {
  font-size:16px;
  line-height:24px;
  margin-top:5px
 }
 .bdr-start .text {
  font-size:14px;
  line-height:24px
 }
}
@media only screen and (max-width:320px) {
 .bdr .bdr-margin {
  margin:0 15px
 }
 .bdr .title {
  font-size:32px!important;
  line-height:36px!important;
  padding:28px 0 23px!important
 }
 .bdr .subtitle {
  font-size:22px!important;
  line-height:24px!important;
  padding:5px 0 15px!important
 }
 .bdr .text {
  font-size:13px!important;
  line-height:18px!important
 }
 .bdr .col-wrap header,
 .bdr .fancy-select,
 .bdr label {
  font-size:13px!important;
  line-height:16px!important
 }
 .bdr .fancy-select div.trigger,
 .bdr .fancy-select li,
 .bdr input,
 .bdr textarea {
  width:92%!important;
  padding:7px 4%!important;
  font-size:13px!important;
  line-height:16px!important
 }
 .bdr .fancy-select ul.options {
  top:30px!important;
  max-height:100px!important
 }
 .bdr .fancy-select ul.options.open {
  top:40px!important
 }
 .bdr .fancy-select ul.options.overflowing {
  bottom:30px!important
 }
 .bdr .fancy-select ul.options.overflowing.open {
  bottom:40px!important
 }
 .bdr div.trigger:after {
  top:12px!important
 }
 .bdr .submits {
  margin:0 0 40px
 }
 .bdr .submits .bdr-button {
  width:160px;
  border-radius:50px
 }
 .bdr .submits .bdr-button span {
  display:inline-block
 }
 .bdr .submits .bdr-button:after,
 .bdr .submits .bdr-button:before {
  display:none
 }
 .bdr .submits .bdr-button.prev {
  margin-right:0;
  margin-bottom:7px
 }
 .bdr .submits .bdr-button.next {
  margin-left:0
 }
}
@media only screen and (max-width:240px) {
 .ui-datepicker {
  margin-left:-17px
 }
 .bdr-start .bdr-row {
  padding-top:50px
 }
 .bdr-start .logo {
  width:75%
 }
 .bdr-start .title {
  font-size:18px!important;
  line-height:24px!important;
  padding:15px 0 30px!important;
  border:0
 }
 .bdr-start .subtitle {
  margin-top:0;
  font-size:12px;
  line-height:16px
 }
 .bdr-start .subtitle span {
  font-size:16px!important;
  line-height:20px!important
 }
 .bdr-start .subtitle a:hover {
  color:#fff!important
 }
 .bdr-start .btn {
  border-radius:48px;
  margin-top:20px;
  padding:0 25px;
  font-size:20px;
  line-height:48px;
  height:48px
 }
 .bdr-start .rated {
  font-size:16px;
  line-height:20px;
  margin-top:25px
 }
 .bdr-start .icons {
  margin:30px auto 0
 }
 .bdr-start .icons li {
  height:47px
 }
 .bdr-start .icons .icon:focus img,
 .bdr-start .icons .icon:hover img {
  -webkit-transform:scale(.8);
  transform:scale(.8);
  bottom:0!important
 }
 .bdr-start .made-in {
  margin:20px 0
 }
 .bdr-start .made-in img {
  width:41px
 }
}
.thank-you {
 position:fixed;
 width:100%;
 height:100%;
 background:url(../../../images/libs/thank-you.jpg) center no-repeat;
 background-size:cover
}
.thank-you .content {
 position:absolute;
 top:50%;
 left:50%;
 -webkit-transform:translateX(-50%) translateY(-50%);
 transform:translateX(-50%) translateY(-50%);
 text-align:center;
 color:#000
}
.thank-you .logo {
 margin:0 auto
}
.thank-you .logo a {
 display:block;
 width:100%
}
.thank-you .logo img {
 width:100%
}
.thank-you .line-1 {
 font-family:pacificoregular
}
.thank-you .line-2,
.thank-you .line-3,
.thank-you .line-4,
.thank-you .line-5 {
 font-family:ralewaybold
}
.thank-you .line-3 {
 color:#666
}
@media only screen and (min-width:601px) {
 .thank-you .logo {
  width:100%
 }
 .thank-you .logo a {
  margin-bottom:24px
 }
 .thank-you .line-1 {
  font-size:36px;
  line-height:36px;
  margin-bottom:16px
 }
 .thank-you .line-2 {
  font-size:24px;
  line-height:24px;
  margin-bottom:13px
 }
 .thank-you .line-3,
 .thank-you .line-4,
 .thank-you .line-5 {
  font-size:12px;
  line-height:17px
 }
}
@media only screen and (max-width:600px) {
 .thank-you {
  background-size:160%
 }
 .thank-you .logo {
  width:100%
 }
 .thank-you .logo a {
  margin-bottom:15px
 }
 .thank-you .line-1 {
  font-size:32px;
  line-height:32px;
  margin-bottom:8px
 }
 .thank-you .line-2 {
  font-size:20px;
  line-height:20px;
  margin-bottom:10px
 }
 .thank-you .line-3,
 .thank-you .line-4,
 .thank-you .line-5 {
  font-size:12px;
  line-height:17px
 }
}
@media only screen and (max-width:480px) {
 .thank-you {
  background-size:300%
 }
}
@media only screen and (max-width:320px) {
 .thank-you .logo {
  width:100%
 }
 .thank-you .logo a {
  margin-bottom:14px
 }
 .thank-you .line-1 {
  font-size:26px;
  line-height:26px;
  margin-bottom:6px
 }
 .thank-you .line-2 {
  font-size:14px;
  line-height:14px;
  margin-bottom:3px
 }
 .thank-you .line-3,
 .thank-you .line-4,
 .thank-you .line-5 {
  font-size:12px;
  line-height:17px
 }
}
.error404 #content,
.page-id-400 #content,
.page-id-402 #content,
.page-template-landing #content {
 width:60%;
 margin:100px auto;
 float:inherit
}
.error404 #content a,
.page-id-400 #content a,
.page-id-402 #content a {
 color:#fff!important
}
.error404 #content h1,
.page-id-400 #content h1,
.page-id-402 #content h1,
.page-template-landing #content h1 {
 font:23px/34px ralewaybold!important
}
.error404 #content p,
.page-id-400 #content p,
.page-id-402 #content p,
.page-template-landing #content p {
 font:14px/22px ralewaymedium;
 margin-bottom:20px
}
.error404 #content p strong,
.page-id-400 #content p strong,
.page-id-402 #content p strong,
.page-template-landing #content p strong {
 font:16px/24px ralewaybold;
 margin-bottom:5px
}
.error404 #content li,
.page-id-400 #content li,
.page-id-402 #content li,
.page-template-landing #content li {
 font:14px/22px ralewaymedium
}
@media only screen and (max-width:640px) {
 .error404 #content,
 .page-id-400 #content,
 .page-id-402 #content,
 .page-template-landing #content {
  width:80%;
  word-wrap:break-word
 }
}
.page-template-landing {
 background:#fff;
 color:#000
}