.animated {
	animation-duration:1s;
	animation-fill-mode:both
}
.animated.infinite {
	animation-iteration-count:infinite
}
.animated.hinge {
	animation-duration:2s
}
.animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut {
animation-duration:.75s
}
@keyframes bounce {
from, 20%, 53%, 80%, to {
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
transform:translate3d(0, 0, 0)
}
40%, 43% {
animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
transform:translate3d(0, -30px, 0)
}
70% {
animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
transform:translate3d(0, -15px, 0)
}
90% {
transform:translate3d(0, -4px, 0)
}
}
.bounce {
	animation-name:bounce;
	transform-origin:center bottom
}
@keyframes flash {
from, 50%, to {
opacity:1
}
25%, 75% {
opacity:0
}
}
.flash {
	animation-name:flash
}
@keyframes pulse {
from {
transform:scale3d(1, 1, 1)
}
50% {
transform:scale3d(1.05, 1.05, 1.05)
}
to {
	transform:scale3d(1, 1, 1)
}
}
.pulse {
	animation-name:pulse
}
@keyframes rubberBand {
from {
transform:scale3d(1, 1, 1)
}
30% {
transform:scale3d(1.25, 0.75, 1)
}
40% {
transform:scale3d(0.75, 1.25, 1)
}
50% {
transform:scale3d(1.15, 0.85, 1)
}
65% {
transform:scale3d(0.95, 1.05, 1)
}
75% {
transform:scale3d(1.05, 0.95, 1)
}
to {
	transform:scale3d(1, 1, 1)
}
}
.rubberBand {
	animation-name:rubberBand
}
@keyframes shake {
from, to {
transform:translate3d(0, 0, 0)
}
10%, 30%, 50%, 70%, 90% {
transform:translate3d(-10px, 0, 0)
}
20%, 40%, 60%, 80% {
transform:translate3d(10px, 0, 0)
}
}
.shake {
	animation-name:shake
}
@keyframes headShake {
0% {
transform:translateX(0)
}
6.5% {
transform:translateX(-6px) rotateY(-9deg)
}
18.5% {
transform:translateX(5px) rotateY(7deg)
}
31.5% {
transform:translateX(-3px) rotateY(-5deg)
}
43.5% {
transform:translateX(2px) rotateY(3deg)
}
50% {
transform:translateX(0)
}
}
.headShake {
	animation-timing-function:ease-in-out;
	animation-name:headShake
}
@keyframes swing {
20% {
transform:rotate3d(0, 0, 1, 15deg)
}
40% {
transform:rotate3d(0, 0, 1, -10deg)
}
60% {
transform:rotate3d(0, 0, 1, 5deg)
}
80% {
transform:rotate3d(0, 0, 1, -5deg)
}
to {
	transform:rotate3d(0, 0, 1, 0deg)
}
}
.swing {
	transform-origin:top center;
	animation-name:swing
}
@keyframes tada {
from {
transform:scale3d(1, 1, 1)
}
10%, 20% {
transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
}
30%, 50%, 70%, 90% {
transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
}
40%, 60%, 80% {
transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
}
to {
	transform:scale3d(1, 1, 1)
}
}
.tada {
	animation-name:tada
}
@keyframes wobble {
from {
transform:none
}
15% {
transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
}
30% {
transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
}
45% {
transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
}
60% {
transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
}
75% {
transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
}
to {
	transform:none
}
}
.wobble {
	animation-name:wobble
}
@keyframes jello {
from, 11.1%, to {
transform:none
}
22.2% {
transform:skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
transform:skewX(6.25deg) skewY(6.25deg)
}
44.4% {
transform:skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
transform:skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
transform:skewX(-0.78125deg) skewY(-0.78125deg)
}
77.7% {
transform:skewX(0.390625deg) skewY(0.390625deg)
}
88.8% {
transform:skewX(-0.1953125deg) skewY(-0.1953125deg)
}
}
.jello {
	animation-name:jello;
	transform-origin:center
}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity:0;
transform:scale3d(0.3, 0.3, 0.3)
}
20% {
transform:scale3d(1.1, 1.1, 1.1)
}
40% {
transform:scale3d(0.9, 0.9, 0.9)
}
60% {
opacity:1;
transform:scale3d(1.03, 1.03, 1.03)
}
80% {

transform:scale3d(0.97, 0.97, 0.97)
}
to {
	opacity:1;
	transform:scale3d(1, 1, 1)
}
}
.bounceIn {
	animation-name:bounceIn
}
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity:0;
transform:translate3d(0, -3000px, 0)
}
60% {
opacity:1;
transform:translate3d(0, 25px, 0)
}
75% {
transform:translate3d(0, -10px, 0)
}
90% {
transform:translate3d(0, 5px, 0)
}
to {
	transform:none
}
}
.bounceInDown {
	animation-name:bounceInDown
}
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity:0;
transform:translate3d(-3000px, 0, 0)
}
60% {
opacity:1;
transform:translate3d(25px, 0, 0)
}
75% {
transform:translate3d(-10px, 0, 0)
}
90% {
transform:translate3d(5px, 0, 0)
}
to {
	transform:none
}
}
.bounceInLeft {
	animation-name:bounceInLeft
}
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
from {
	opacity:0;
	transform:translate3d(3000px, 0, 0)
}
60% {
opacity:1;
transform:translate3d(-25px, 0, 0)
}
75% {
transform:translate3d(10px, 0, 0)
}
90% {
transform:translate3d(-5px, 0, 0)
}
to {
	transform:none
}
}
.bounceInRight {
	animation-name:bounceInRight
}
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
from {
	opacity:0;
	transform:translate3d(0, 3000px, 0)
}
60% {
opacity:1;
transform:translate3d(0, -20px, 0)
}
75% {
transform:translate3d(0, 10px, 0)
}
90% {
transform:translate3d(0, -5px, 0)
}
to {
	transform:translate3d(0, 0, 0)
}
}
.bounceInUp {
	animation-name:bounceInUp
}
@keyframes bounceOut {
20% {
transform:scale3d(0.9, 0.9, 0.9)
}
50%, 55% {
opacity:1;
transform:scale3d(1.1, 1.1, 1.1)
}
to {
	opacity:0;
	transform:scale3d(0.3, 0.3, 0.3)
}
}
.bounceOut {
	animation-name:bounceOut
}
@keyframes bounceOutDown {
20% {
transform:translate3d(0, 10px, 0)
}
40%, 45% {
opacity:1;
transform:translate3d(0, -20px, 0)
}
to {
	opacity:0;
	transform:translate3d(0, 2000px, 0)
}
}
.bounceOutDown {
	animation-name:bounceOutDown
}
@keyframes bounceOutLeft {
20% {
opacity:1;
transform:translate3d(20px, 0, 0)
}
to {
	opacity:0;
	transform:translate3d(-2000px, 0, 0)
}
}
.bounceOutLeft {
	animation-name:bounceOutLeft
}
@keyframes bounceOutRight {
20% {
opacity:1;
transform:translate3d(-20px, 0, 0)
}
to {
	opacity:0;
	transform:translate3d(2000px, 0, 0)
}
}
.bounceOutRight {
	animation-name:bounceOutRight
}
@keyframes bounceOutUp {
20% {
transform:translate3d(0, -10px, 0)
}
40%, 45% {
opacity:1;
transform:translate3d(0, 20px, 0)
}
to {
	opacity:0;
	transform:translate3d(0, -2000px, 0)
}
}
.bounceOutUp {
	animation-name:bounceOutUp
}
@keyframes fadeIn {
from {
opacity:0
}
to {
	opacity:1
}
}
.fadeIn {
	animation-name:fadeIn
}
@keyframes fadeInDown {
from {
opacity:0;
transform:translate3d(0, -100%, 0)
}
to {
	opacity:1;
	transform:none
}
}
.fadeInDown {
	animation-name:fadeInDown
}
@keyframes fadeInDownBig {
from {
opacity:0;
transform:translate3d(0, -2000px, 0)
}
to {
	opacity:1;
	transform:none
}
}
.fadeInDownBig {
	animation-name:fadeInDownBig
}
@keyframes fadeInLeft {
from {
opacity:0;
transform:translate3d(-100%, 0, 0)
}
to {
	opacity:1;
	transform:none
}
}
.fadeInLeft {
	animation-name:fadeInLeft
}
@keyframes fadeInLeftBig {
from {
opacity:0;
transform:translate3d(-2000px, 0, 0)
}
to {
	opacity:1;
	transform:none
}
}
.fadeInLeftBig {
	animation-name:fadeInLeftBig
}
@keyframes fadeInRight {
from {
opacity:0;
transform:translate3d(100%, 0, 0)
}
to {
	opacity:1;
	transform:none
}
}
.fadeInRight {
	animation-name:fadeInRight
}
@keyframes fadeInRightBig {
from {
opacity:0;
transform:translate3d(2000px, 0, 0)
}
to {
	opacity:1;
	transform:none
}
}
.fadeInRightBig {
	animation-name:fadeInRightBig
}
@keyframes fadeInUp {
from {
opacity:0;
transform:translate3d(0, 100%, 0)
}
to {
	opacity:1;
	transform:none
}
}
.fadeInUp {
	animation-name:fadeInUp
}
@keyframes fadeInUpBig {
from {
opacity:0;
transform:translate3d(0, 2000px, 0)
}
to {
	opacity:1;
	transform:none
}
}
.fadeInUpBig {
	animation-name:fadeInUpBig
}
@keyframes fadeOut {
from {
opacity:1
}
to {
	opacity:0
}
}
.fadeOut {
	animation-name:fadeOut
}
@keyframes fadeOutDown {
from {
opacity:1
}
to {
	opacity:0;
	transform:translate3d(0, 100%, 0)
}
}
.fadeOutDown {
	animation-name:fadeOutDown
}
@keyframes fadeOutDownBig {
from {
opacity:1
}
to {
	opacity:0;
	transform:translate3d(0, 2000px, 0)
}
}
.fadeOutDownBig {
	animation-name:fadeOutDownBig
}
@keyframes fadeOutLeft {
from {
opacity:1
}
to {
	opacity:0;
	transform:translate3d(-100%, 0, 0)
}
}
.fadeOutLeft {
	animation-name:fadeOutLeft
}
@keyframes fadeOutLeftBig {
from {
opacity:1
}
to {
	opacity:0;
	transform:translate3d(-2000px, 0, 0)
}
}
.fadeOutLeftBig {
	animation-name:fadeOutLeftBig
}
@keyframes fadeOutRight {
from {
opacity:1
}
to {
	opacity:0;
	transform:translate3d(100%, 0, 0)
}
}
.fadeOutRight {
	animation-name:fadeOutRight
}
@keyframes fadeOutRightBig {
from {
opacity:1
}
to {
	opacity:0;
	transform:translate3d(2000px, 0, 0)
}
}
.fadeOutRightBig {
	animation-name:fadeOutRightBig
}
@keyframes fadeOutUp {
from {
opacity:1
}
to {
	opacity:0;
	transform:translate3d(0, -100%, 0)
}
}
.fadeOutUp {
	animation-name:fadeOutUp
}
@keyframes fadeOutUpBig {
from {
opacity:1
}
to {
	opacity:0;
	transform:translate3d(0, -2000px, 0)
}
}
.fadeOutUpBig {
	animation-name:fadeOutUpBig
}
@keyframes flip {
from {
transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
animation-timing-function:ease-out
}
40% {
transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
animation-timing-function:ease-out
}
50% {
transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
animation-timing-function:ease-in
}
80% {
transform:perspective(400px) scale3d(0.95, 0.95, 0.95);
animation-timing-function:ease-in
}
to {
	transform:perspective(400px);
	animation-timing-function:ease-in
}
}
.animated.flip {
	-webkit-backface-visibility:visible;
	backface-visibility:visible;
	animation-name:flip
}
@keyframes flipInX {
from {
transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
animation-timing-function:ease-in;
opacity:0
}
40% {
transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
animation-timing-function:ease-in
}
60% {
transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity:1
}
80% {
transform:perspective(400px) rotate3d(1, 0, 0, -5deg)
}
to {
	transform:perspective(400px)
}
}
.flipInX {
	-webkit-backface-visibility:visible !important;
	backface-visibility:visible !important;
	animation-name:flipInX
}
@keyframes flipInY {
from {
transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
animation-timing-function:ease-in;
opacity:0
}
40% {
transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
animation-timing-function:ease-in
}
60% {
transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity:1
}
80% {
transform:perspective(400px) rotate3d(0, 1, 0, -5deg)
}
to {
	transform:perspective(400px)
}
}
.flipInY {
	-webkit-backface-visibility:visible !important;
	backface-visibility:visible !important;
	animation-name:flipInY
}
@keyframes flipOutX {
from {
transform:perspective(400px)
}
30% {
transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity:1
}
to {
	transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
	opacity:0
}
}
.flipOutX {
	animation-name:flipOutX;
	-webkit-backface-visibility:visible !important;
	backface-visibility:visible !important
}
@keyframes flipOutY {
from {
transform:perspective(400px)
}
30% {
transform:perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity:1
}
to {
	transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
	opacity:0
}
}
.flipOutY {
	-webkit-backface-visibility:visible !important;
	backface-visibility:visible !important;
	animation-name:flipOutY
}
@keyframes lightSpeedIn {
from {
transform:translate3d(100%, 0, 0) skewX(-30deg);
opacity:0
}
60% {
transform:skewX(20deg);
opacity:1
}
80% {
transform:skewX(-5deg);
opacity:1
}
to {
	transform:none;
	opacity:1
}
}
.lightSpeedIn {
	animation-name:lightSpeedIn;
	animation-timing-function:ease-out
}
@keyframes lightSpeedOut {
from {
opacity:1
}
to {
	transform:translate3d(100%, 0, 0) skewX(30deg);
	opacity:0
}
}
.lightSpeedOut {
	animation-name:lightSpeedOut;
	animation-timing-function:ease-in
}
@keyframes rotateIn {
from {
transform-origin:center;
transform:rotate3d(0, 0, 1, -200deg);
opacity:0
}
to {
	transform-origin:center;
	transform:none;
	opacity:1
}
}
.rotateIn {
	animation-name:rotateIn
}
@keyframes rotateInDownLeft {
from {
transform-origin:left bottom;
transform:rotate3d(0, 0, 1, -45deg);
opacity:0
}
to {
	transform-origin:left bottom;
	transform:none;
	opacity:1
}
}
.rotateInDownLeft {
	animation-name:rotateInDownLeft
}
@keyframes rotateInDownRight {
from {
transform-origin:right bottom;
transform:rotate3d(0, 0, 1, 45deg);
opacity:0
}
to {
	transform-origin:right bottom;
	transform:none;
	opacity:1
}
}
.rotateInDownRight {
	animation-name:rotateInDownRight
}
@keyframes rotateInUpLeft {
from {
transform-origin:left bottom;
transform:rotate3d(0, 0, 1, 45deg);
opacity:0
}
to {
	transform-origin:left bottom;
	transform:none;
	opacity:1
}
}
.rotateInUpLeft {
	animation-name:rotateInUpLeft
}
@keyframes rotateInUpRight {
from {
transform-origin:right bottom;
transform:rotate3d(0, 0, 1, -90deg);
opacity:0
}
to {
	transform-origin:right bottom;
	transform:none;
	opacity:1
}
}
.rotateInUpRight {
	animation-name:rotateInUpRight
}
@keyframes rotateOut {
from {
transform-origin:center;
opacity:1
}
to {
	transform-origin:center;
	transform:rotate3d(0, 0, 1, 200deg);
	opacity:0
}
}
.rotateOut {
	animation-name:rotateOut
}
@keyframes rotateOutDownLeft {
from {
transform-origin:left bottom;
opacity:1
}
to {
	transform-origin:left bottom;
	transform:rotate3d(0, 0, 1, 45deg);
	opacity:0
}
}
.rotateOutDownLeft {
	animation-name:rotateOutDownLeft
}
@keyframes rotateOutDownRight {
from {
transform-origin:right bottom;
opacity:1
}
to {
	transform-origin:right bottom;
	transform:rotate3d(0, 0, 1, -45deg);
	opacity:0
}
}
.rotateOutDownRight {
	animation-name:rotateOutDownRight
}
@keyframes rotateOutUpLeft {
from {
transform-origin:left bottom;
opacity:1
}
to {
	transform-origin:left bottom;
	transform:rotate3d(0, 0, 1, -45deg);
	opacity:0
}
}
.rotateOutUpLeft {
	animation-name:rotateOutUpLeft
}
@keyframes rotateOutUpRight {
from {
transform-origin:right bottom;
opacity:1
}
to {
	transform-origin:right bottom;
	transform:rotate3d(0, 0, 1, 90deg);
	opacity:0
}
}
.rotateOutUpRight {
	animation-name:rotateOutUpRight
}
@keyframes hinge {
0% {
transform-origin:top left;
animation-timing-function:ease-in-out
}
20%, 60% {
transform:rotate3d(0, 0, 1, 80deg);
transform-origin:top left;
animation-timing-function:ease-in-out
}
40%, 80% {
transform:rotate3d(0, 0, 1, 60deg);
transform-origin:top left;
animation-timing-function:ease-in-out;
opacity:1
}
to {
	transform:translate3d(0, 700px, 0);
	opacity:0
}
}
.hinge {
	animation-name:hinge
}
@keyframes jackInTheBox {
from {
opacity:0;
transform:scale(0.1) rotate(30deg);
transform-origin:center bottom
}
50% {
transform:rotate(-10deg)
}
70% {
transform:rotate(3deg)
}
to {
	opacity:1;
	transform:scale(1)
}
}
.jackInTheBox {
	animation-name:jackInTheBox
}
@keyframes rollIn {
from {
opacity:0;
transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
}
to {
	opacity:1;
	transform:none
}
}
.rollIn {
	animation-name:rollIn
}
@keyframes rollOut {
from {
opacity:1
}
to {
	opacity:0;
	transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
}
}
.rollOut {
	animation-name:rollOut
}
@keyframes zoomIn {
from {
opacity:0;
transform:scale3d(0.3, 0.3, 0.3)
}
50% {
opacity:1
}
}
.zoomIn {
	animation-name:zoomIn
}
@keyframes zoomInDown {
from {
opacity:0;
transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity:1;
transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
.zoomInDown {
	animation-name:zoomInDown
}
@keyframes zoomInLeft {
from {
opacity:0;
transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity:1;
transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
.zoomInLeft {
	animation-name:zoomInLeft
}
@keyframes zoomInRight {
from {
opacity:0;
transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity:1;
transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
.zoomInRight {
	animation-name:zoomInRight
}
@keyframes zoomInUp {
from {
opacity:0;
transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity:1;
transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
.zoomInUp {
	animation-name:zoomInUp
}
@keyframes zoomOut {
from {
opacity:1
}
50% {
opacity:0;
transform:scale3d(0.3, 0.3, 0.3)
}
to {
	opacity:0
}
}
.zoomOut {
	animation-name:zoomOut
}
@keyframes zoomOutDown {
40% {
opacity:1;
transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
to {
	opacity:0;
	transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
	transform-origin:center bottom;
	animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
.zoomOutDown {
	animation-name:zoomOutDown
}
@keyframes zoomOutLeft {
40% {
opacity:1;
transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
}
to {
	opacity:0;
	transform:scale(0.1) translate3d(-2000px, 0, 0);
	transform-origin:left center
}
}
.zoomOutLeft {
	animation-name:zoomOutLeft
}
@keyframes zoomOutRight {
40% {
opacity:1;
transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
}
to {
	opacity:0;
	transform:scale(0.1) translate3d(2000px, 0, 0);
	transform-origin:right center
}
}
.zoomOutRight {
	animation-name:zoomOutRight
}
@keyframes zoomOutUp {
40% {
opacity:1;
transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
to {
	opacity:0;
	transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
	transform-origin:center bottom;
	animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
.zoomOutUp {
	animation-name:zoomOutUp
}
@keyframes slideInDown {
from {
transform:translate3d(0, -100%, 0);
visibility:visible
}
to {
	transform:translate3d(0, 0, 0)
}
}
.slideInDown {
	animation-name:slideInDown
}
@keyframes slideInLeft {
from {
transform:translate3d(-100%, 0, 0);
visibility:visible
}
to {
	transform:translate3d(0, 0, 0)
}
}
.slideInLeft {
	animation-name:slideInLeft
}
@keyframes slideInRight {
from {
transform:translate3d(100%, 0, 0);
visibility:visible
}
to {
	transform:translate3d(0, 0, 0)
}
}
.slideInRight {
	animation-name:slideInRight
}
@keyframes slideInUp {
from {
transform:translate3d(0, 100%, 0);
visibility:visible
}
to {
	transform:translate3d(0, 0, 0)
}
}
.slideInUp {
	animation-name:slideInUp
}
@keyframes slideOutDown {
from {
transform:translate3d(0, 0, 0)
}
to {
	visibility:hidden;
	transform:translate3d(0, 100%, 0)

}
}
.slideOutDown {
	animation-name:slideOutDown
}
@keyframes slideOutLeft {
from {
transform:translate3d(0, 0, 0)
}
to {
	visibility:hidden;
	transform:translate3d(-100%, 0, 0)
}
}
.slideOutLeft {
	animation-name:slideOutLeft
}
@keyframes slideOutRight {
from {
transform:translate3d(0, 0, 0)
}
to {
	visibility:hidden;
	transform:translate3d(100%, 0, 0)
}
}
.slideOutRight {
	animation-name:slideOutRight
}
@keyframes slideOutUp {
from {
transform:translate3d(0, 0, 0)
}
to {
	visibility:hidden;
	transform:translate3d(0, -100%, 0)
}
}
.slideOutUp {
	animation-name:slideOutUp
}
.gray-light {
	color:#ced0d3
}
.bg-gray-light {
	background-color:#ced0d3
}
.blue-light {
	color:#3C5371
}
.bg-blue-light {
	background-color:#3C5371
}
.gray {
	color:#EAEEF2
}
.bg-gray {
	background-color:#EAEEF2
}
.white {
	color:#fff
}
.bg-white {
	background-color:#fff
}
.black {
	color:#000
}
.bg-black {
	background-color:#000
}
.blue {
	color:#091423
}
.bg-blue {
	background-color:#091423
}
 
 
 
 
 
 
@media (max-width: 600px) {
#wpadminbar {
position:fixed
}
}
.wow {
	visibility:hidden
}
.wow.wow-visible {
	visibility:hidden
}
#content {
	padding-top:70px
}
@media (min-width: 992px) {
#content {
padding-top:112px
}
}
.transparent-header #content {
	padding-top:0
}
@media (min-width: 992px) {
.content-columns-2 {
-webkit-column-count:2;
-moz-column-count:2;
column-count:2
}
}
@media (min-width: 992px) {
.content-columns-3 {
-webkit-column-count:3;
-moz-column-count:3;
column-count:3
}
}
.section {
	padding:45px 0
}
@media (min-width: 992px) {
.section {
padding:50px 0 0 0;
}
}
@media (min-width: 992px) {
.section.section-sm {
padding:45px 0
}
}
@media (min-width: 992px) {
.section.section-md {
padding:75px 0
}
}
@media (min-width: 992px) {
.section.section-lg {
padding:135px 0
}
}
@media (min-width: 992px) {
.section.section-xl {
padding:250px 0
}
}
@media (min-width: 1367px) {
.container.container-md {
max-width:1400px
}
}
.link {
	font-size:18px;
	font-weight:500
}
.bg-center {
	background-position:center;
	background-repeat:no-repeat;
	-webkit-background-size:cover;
	background-size:cover
}
.bg-clip {
	-webkit-clip-path:polygon(0 0, 100% 24%, 100% 100%, 0% 100%);
	clip-path:polygon(0 0, 100% 24%, 100% 100%, 0% 100%)
}
.bg-clip-style-2 {
	-webkit-clip-path:polygon(0 0, 100% 24%, 100% 100%, 0% 100%);
	clip-path:polygon(0 0, 100% 15%, 100% 100%, 0% 100%)
}
.section-half-color {
	position:relative;
	width:100%;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center
}
.section-half-color:before, .section-half-color:after {
	content:"";
	position:absolute;
	width:0;
	height:70%;
	z-index:-1
}
.section-half-color:before {
	top:0;
	left:0;
	background-position:center;
	background-repeat:no-repeat;
	-webkit-background-size:cover;
	background-size:cover
}
.section-half-color:after {
	bottom:0;
	right:0;
	background:#EAEEF2
}
.section-half-color.is-first:before, .section-half-color.is-first:after {
	width:100%
}
@media (min-width: 1367px) {
.container {
max-width:1400px
}
}
.block-wrapper {
	margin-top:50px
}
@media (min-width: 992px) {
.block-wrapper {
margin-top:100px
}
}
.lead {
	position:relative;
	padding-left:60px;
	color:rgba(255, 255, 255, 0.8)
}
@media (min-width: 992px) {
.lead {
font-size:32px;
padding-left:80px
}
}
.lead p {
	line-height:1.5
}
.lead p {
	line-height:1.5
}
@media (min-width: 992px) {
.lead p:not(.featured-text) {
font-size:inherit
}
}
@media (min-width: 992px) {
.lead.lead-small p:not(.featured-text) {
font-size:1.125rem
}
}
.featured-text {
	position:absolute;
	-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	-o-transform:rotate(-90deg);
	transform:rotate(-90deg);
	font-size:40px;
	text-align:right;
	right:100%;
	top:0;
	transform-origin:right top;
	color:rgba(206, 208, 211, 0.4);
	white-space:nowrap
}
@media (min-width: 992px) {
.featured-text {
font-size:3.25rem
}
}
.box-wrapper {
	padding-top:20px;
	padding-bottom:20px;
	border:10px solid rgba(255, 255, 255, 0.4);
	border-right:0;
	max-width:90%;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	outline:none
}
@media (min-width: 768px) {
.box-wrapper {
padding-top:40px;
padding-bottom:40px
}
}
@media (min-width: 992px) {
.box-wrapper {
max-width:750px;
padding-top:80px;
padding-bottom:80px
}
}
.box-wrapper:before {
	content:'';
	display:block;
	position:absolute;
	left:-25px;
	top:-25px;
	bottom:-25px;
	width:70%;
	border:5px solid rgba(255, 255, 255, 0.7);
	border-right:0;
	z-index:-1
}
@media (min-width: 992px) {
.box-wrapper:before {
left:-40px;
top:-40px;
bottom:-40px
}
}
.page-header {
	position:relative;
	padding-top:90px;
	padding-bottom:50px
}
.page-header .subtitle {
	font-weight:300;
	text-transform:none;
	line-height:1.5;
	margin-top:30px
}
@media (min-width: 992px) {
.page-header .subtitle {
margin-top:40px;
font-size:34px
}
}
@media (min-width: 992px) {
.page-header {
padding-top:130px;
padding-bottom:90px
}
}
@media (min-width: 1200px) {
.page-header {
padding-top:190px;
padding-bottom:140px
}
}
.page-header:before {
	content:'';
	display:block;
	position:absolute;
	z-index:0;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:url(" ../images/backdrop.png") center/cover no-repeat
}
.page-header .inner-content {
	z-index:1;
	position:relative
}
.page-header h1 {
	text-transform:uppercase;
	font-weight:500
}
@media (min-width: 1200px) {
.page-header h1 {
font-size:72px
}
}
 
.btn.btn-block, .btn.btn-fullwidth {
	width:100% !important
}
.btn.btn-outline-blue {
	color:#122C50;
	border:1px solid #3C5371;
	background-color:transparent
}
.btn.btn-outline-blue:hover {
	background-color:#122C50;
	color:#fff
}
.btn.btn-blue {
	color:#fff;
	background-color:#122c50
}
.btn.btn-blue:hover {
	background-color:#3C5371
}
.wpcf7-form-control-wrap {
	display:block
}
div.wpcf7-response-output {
	margin-left:0;
	margin-right:0
}
.header {
	padding:15px;
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:2;
	transition:padding 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s;
	background-color:#fff
}
@media (min-width: 992px) {
.header {
padding:30px
}
}
.transparent-header .header {
	background-color:transparent
}
.sticky-header .header {
	padding-top:15px;
	padding-bottom:15px;
	background-color:rgba(255, 255, 255, 0.96) !important;
	box-shadow:0 2px 5px -3px rgba(0, 0, 0, 0.4);
	min-height:60px
}
.admin-bar .header {
	top:32px
}
@media (max-width: 783px) {
.admin-bar .header {
top:46px
}
}
.header .logo {
	display:block;
	width:100%;
	max-width:130px;
	transition:max-width 0.3s ease-in-out 0s
}
@media (min-width: 992px) {
.header .logo {
max-width:180px
}
}
.sticky-header .header .logo {
	max-width:130px
}
.header .logo img {
	display:block
}
.header .logo .img-white {
	display:none
}
.transparent-header:not(.sticky-header) .header .logo .img-white {
display:inline-block
}
.transparent-header:not(.sticky-header) .header .logo .img-blue {
display:none
}
.header .side-menu-toggle {
	float:right;
	width:30px;
	display:inline-block;
	position:relative;
	z-index:2;
	margin-top:9px;
	transition:margin-top 0.2s ease-in-out 0s
}
.header .side-menu-toggle span {
	display:block;
	height:3px;
	background-color:#091423;
	margin-bottom:5px;
	margin-left:5px;
	transition:background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s, transform 0.2s ease-in-out 0s;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px
}
.transparent-header:not(.sticky-header):not(.side-menu-open) .header .side-menu-toggle span {
background-color:#fff
}
.side-menu-open .header .side-menu-toggle span {
	opacity:0
}
.side-menu-closing .header .side-menu-toggle span {
	opacity:1
}
.header .side-menu-toggle .line {
	margin-left:0
}
.side-menu-open .header .side-menu-toggle .line {
	opacity:1
}
.side-menu-closing .header .side-menu-toggle .line {
	transform:none !important
}
.side-menu-open .header .side-menu-toggle .line-1 {
	transform:rotate(45deg) translate(5px, 5px)
}
.side-menu-open .header .side-menu-toggle .line-3 {
	transform:rotate(-45deg) translate(7px, -7px)
}
.header .side-menu {
	width:100%;
	background-color:#fff;
	max-width:550px;
	position:fixed;
	top:0;
	right:-560px;
	bottom:0;
	padding:100px 33px;
	transition:right 0.3s ease-in-out 0s;
	z-index:1;
	box-shadow:5px 0 5px 5px rgba(0, 0, 0, 0.4);
	text-align:right
}
.header .side-menu:after {
	content:'';
	display:block;
	position:absolute;
	position:fixed;
	z-index:-1;
	background-color:rgba(255, 255, 255, 0.8);
	top:0;
	right:0;
	bottom:0;
	left:0;
	opacity:0;
	visibility:hidden;
	transition:opacity 0.4s ease-in-out 0s
}
.side-menu-open .header .side-menu {
	right:0
}
.side-menu-open .header .side-menu:after {
	opacity:1;
	visibility:visible
}
.side-menu-closing .header .side-menu {
	right:-550px
}
.side-menu-closing .header .side-menu:after {
	opacity:0
}
.admin-bar .header .side-menu {
	top:32px
}
@media (max-width: 783px) {
.admin-bar .header .side-menu {
top:46px
}
}
.header .side-menu ul {
	padding-left:0;
	margin:0;
	font-size:1.75rem
}
.header .side-menu ul li {
	list-style-type:none
}
.header .side-menu li {
	margin-bottom:20px
}
@media (max-height: 576px) {
.header .side-menu li {
display:inline-block;
margin-right:10px;
font-size:1.25rem
}
}
.header .side-menu .menu {
	min-height:300px;
	overflow:auto
}
.header .desktop-menu .menu {
	padding-left:0;
	margin:0;
	text-align:right;
	margin-top:14px;
	transition:margin-top 0.2s ease-in-out 0s
}
.header .desktop-menu .menu li {
	list-style-type:none
}
.sticky-header .header .desktop-menu .menu {
	margin-top:7px
}
.header .desktop-menu .menu li {
	display:inline-block;
	font-size:14px;
	text-transform:uppercase
}
.header .desktop-menu .menu li+li {
	margin-left:25px
}
@media (min-width: 1200px) {
.header .desktop-menu .menu li+li {
margin-left:50px
}
}
.transparent-header:not(.sticky-header) .header .desktop-menu .menu li {
color:white
}
.header .social-links {
	font-size:20px;
	margin-top:12px;
	transition:margin-top 0.2s ease-in-out 0s
}
.sticky-header .header .social-links {
	margin-top:5px
}
.transparent-header:not(.sticky-header) .header .social-links {
color:white
}
.footer {
	font-size:14px;
	color:rgba(255, 255, 255, 0.7)
}
.footer h3 {
	font-size:18px;
	color:#fff
}
@media (min-width: 992px) {
.footer p {
line-height:1.9;
font-size:14px
}
}
.footer .menu {
	padding-left:0;
	margin:0;
	text-transform:uppercase;
	font-size:13px
}
.footer .menu li {
	list-style-type:none
}
.footer .menu li {
	margin-bottom:30px;
	font-weight:bold
}
.footer .copyright {
	font-size:11px
}
.footer hr {
	border-color:#3C5371
}
@media (min-width: 1367px) {
.footer .mt-lg-5 {
margin-top:5.5rem !important
}
}
@media (min-width: 1367px) {
.footer .mb-lg-5 {
margin-bottom:5.5rem !important
}
}
@media (min-width: 1367px) {
.footer .py-lg-5 {
padding-top:5.5rem !important;
padding-bottom:5.5rem !important
}
}
@media (min-width: 992px) {
.section-lead .lead {
padding-left:130px
}
}
.section-lead .featured-text {
	position:absolute;
	-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	-o-transform:rotate(-90deg);
	transform:rotate(-90deg);
	font-size:40px;
	text-align:right;
	right:100%;
	top:0;
	transform-origin:right top;
	color:rgba(255, 255, 255, 0.4);
	white-space:nowrap
}
@media (min-width: 992px) {
.section-lead .featured-text {
font-size:82px
}
}
.bg-clip .section-lead {
	padding-top:200px
}
@media (min-width: 992px) {
.bg-clip .section-lead {
padding-top:400px
}
}
@media (min-width: 992px) {
.section-accordion-col .h1 {
font-size:62px
}
}
.section-accordion-col .col {
	transition:max-width 0.7s ease-in-out 0s
}
@media (max-width: 991px) {
.section-accordion-col .col {
width:100%;
flex:none;
margin-bottom:15px
}
}
@media (min-width: 992px) {
.section-accordion-col .col:not(.active) {
transition:max-width 0.45s ease-in-out 0s;
max-width:17%
}
}
.section-accordion-col .block {
	height:310px;
	display:block;
	transition:background 0.5s ease-in-out 0s;
	position:relative
}
@media (min-width: 992px) {
.section-accordion-col .block {
height:620px
}
}
.section-accordion-col .block:before {
	content:'';
	display:block;
	position:absolute;
transition:all .25s ease-in-out 0s;
	left:0;
	right:0;
	bottom:0;
	top:0;
	z-index:0;
	background-color:rgba(0, 0, 0, 0.4);
	opacity:1
}
.section-accordion-col .inner-content {
	position:absolute;
	padding:15px;
	background:-moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.99) 100%);
	background:-webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.99) 100%);
	background:linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.99) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
	left:0;
	right:0;
	bottom:0
}
@media (min-width: 992px) {
.section-accordion-col .inner-content {
padding:30px 40px;
transition:all .25s ease-in-out 0s;
opacity:0
}
}
.section-accordion-col h3 {
 
 
}
 

@media (min-width: 992px) {
.section-accordion-col h3 {
font-size:42px
}
}
.section-accordion-col p {
	font-weight:300;
	line-height:1.5
}
@media (min-width: 992px) {
.section-accordion-col p {
font-size:22px
}
}
.section-accordion-col .detail {
	position:absolute;
	right:50px;
	bottom:47px
}
.section-accordion-col .vertical {
	transform:rotate(90deg) translate(-50%, 50%);
	transform-origin:left bottom;
	white-space:nowrap;
	left:50%;
	bottom:50%;
	position:absolute;
transition:all .25s ease-in-out 0s;
	opacity:0.7;
}
@media (min-width: 992px) {
.section-accordion-col .vertical {
font-size:25px
}
}
.section-accordion-col .active .block:before, .section-accordion-col .active .vertical {
	opacity:0
}

 

.section-accordion-col .active .inner-content {
	opacity:1
}
.section-accordion-col .container {
	position:relative
}
@media (min-width: 1200px) {
.section-accordion-col .heading {
font-size:40px;
color:rgba(9, 20, 35, 0.1) !important;
transform:rotate(90deg);
transform-origin:left bottom;
position:absolute;
bottom:100%;
left:-60px;
margin-bottom:0
}
}
.section-privacy .inner-content {
	padding:25px
}
@media (min-width: 992px) {
.section-privacy .inner-content {
padding:100px
}
}
.section-privacy h1 {
	margin-bottom:30px
}
@media (min-width: 992px) {
.section-privacy h1 {
margin-bottom:70px
}
}
@media (min-width: 992px) {
.section-delivering h2 {
max-width:400px
}
}
.section-delivering p:not(:last-child) {
margin-bottom:50px
}
.section-video .section-half-color:after {
	-webkit-clip-path:polygon(0 0, 100% 24%, 100% 100%, 0% 100%);
	clip-path:polygon(0 10%, 100% 50%, 100% 100%, 0% 100%)
}
.section-services {
	padding-bottom:50px
}
@media (min-width: 992px) {
.section-services {
padding-bottom:150px
}
}
.section-services h2 {
	margin-bottom:30px
}
@media (min-width: 992px) {
.section-services h2 {
margin-bottom:100px
}
}
.section-services h3 {
	margin-bottom:30px;
	color:#3C5371
}
.section-services p {
	line-height:2.4
}
.section-services li {
	margin-bottom:20px;
	background-position:center;
	background-repeat:no-repeat;
	-webkit-background-size:cover;
	background-size:cover;
transition:all .25s ease-in-out 0s
}
.section-services li:not(.active):not(:hover) {
background-image:none !important
}
.section-services li.active a, .section-services li:hover a {
	color:#fff;
	background-color:rgba(9, 20, 35, 0.3)
}
.section-services a {
	display:block;
	padding:17px 15px;
	font-size:1.5rem;
	text-decoration:none
}
.section-services .service-block {
	display:none
}
.section-services .service-block.active {
	display:block
}
.section-examples .section-half-color:before, .section-examples .section-half-color:after {
	height:50% !important
}
.section-examples .section-half-color:before {
	top:0;
	left:0;
	background-color:#EAEEF2
}
.section-examples .section-half-color:after {
	background-color:#fff !important;
	bottom:0;
	right:0
}
@media (min-width: 992px) {
.section-dedicated h2 {
max-width:450px
}
}
.section-dedicated .featured-text {
	color:rgba(206, 208, 211, 0.4)
}
.section-dedicated h3, .section-dedicated h4 {
	color:#3C5371
}
.section-residents .lead {
	max-width:900px
}
@media (min-width: 992px) {
.section-residents .lead {
padding-left:130px
}
}
.section-residents .featured-text {
	font-size:2.5rem
}
@media (min-width: 992px) {
.section-residents .featured-text {
font-size:5.125rem
}
}
.section-residents .blue p {
	font-size:1.125rem
}
@media (min-width: 992px) {
.section-residents .blue p {
font-size:2rem
}
}
.section-residents .inner-content {
	padding:25px
}
@media (min-width: 1367px) {
.section-residents .inner-content {
padding:45px 35px
}
}
.section-residents .inner-content h4 {
	margin-bottom:30px
}
@media (min-width: 1367px) {
.section-residents .inner-content h4 {
margin-bottom:70px
}
}
.section-residents .row {
	margin-top:50px
}
@media (min-width: 992px) {
.section-residents .row {
margin-top:130px
}
}
.section-gallery h2 {
	margin-bottom:50px
}
@media (min-width: 992px) {
.section-gallery h2 {
margin-bottom:100px
}
}
.section-gallery .section-half-color:before, .section-gallery .section-half-color:after {
	height:30% !important
}
.section-gallery .section-half-color:before {
	top:0;
	left:0;
	background-position:center;
	background-repeat:no-repeat;
	-webkit-background-size:cover;
	background-size:cover
}
.section-gallery .section-half-color:after {
	bottom:0;
	right:0;
	z-index:-1;
	background-color:#fff !important
}
.section-gallery .section-half-color.is-first:before, .section-gallery .section-half-color.is-first:after {
	width:100%
}
@media (min-width: 992px) {
.section-enquiry {
padding-bottom:100px
}
}
.section-enquiry .inner-content {
	padding-top:40px;
	padding-bottom:40px
}
@media (min-width: 768px) {
.section-enquiry .inner-content {
padding-top:170px;
padding-bottom:170px
}
.page-template-page-contact .section-enquiry .inner-content {
padding-top:65px;
padding-bottom:65px
}
}
.section-enquiry input:not([type="submit"]) {
margin-bottom:20px;
padding:20px;
border:none;
width:100%;
display:block;
font-weight:normal
}
.section-enquiry select {
	font-size:1.625rem;
	margin-top:40px;
	width:100%;
	border-top:none;
	border-right:none;
	border-left:none;
	border-bottom:1px solid #fff;
	color:#fff;
	background-color:transparent;
	height:54px;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0
}
@media (min-width: 992px) {
.section-enquiry select {
width:80%
}
}
.section-enquiry select.full-size {
	width:100%
}
.section-enquiry select.blue-light {
	border-color:#3C5371;
	color:#3C5371
}
@media (min-width: 1367px) {
.section-enquiry .container {
max-width:1140px
}
}
.section-enquiry ::-webkit-input-placeholder {
color:#B9BDC2
}
.section-enquiry ::-moz-placeholder {
color:#B9BDC2
}
.section-enquiry :-ms-input-placeholder {
color:#B9BDC2
}
.section-enquiry :-moz-placeholder {
color:#B9BDC2
}
@media (min-width: 992px) {
.section-isotopes {
padding-top:200px !important
}
}
.section-isotopes .iso-nav h3 {
	font-size:2.25rem;
	margin-bottom:40px
}
.section-isotopes .iso-nav li {
	line-height:2.4;
	white-space:nowrap;
	margin-bottom:15px
}
@media (max-width: 767px) {
.section-isotopes .iso-nav li {
display:block;
margin-bottom:0
}
}
.section-isotopes .iso-nav a {
	font-size:1.375rem;
	color:gray;
	cursor:pointer
}
.section-isotopes .iso-nav a.active, .section-isotopes .iso-nav a:hover {
	color:#091423
}
.section-isotopes .grid {
	width:100%
}
.section-isotopes .grid-item {
	display:block;
	margin-bottom:50px;
	text-decoration:none;
	width:100%
}
@media (min-width: 1200px) {
.section-isotopes .grid-item {
width:50%
}
}
@media (min-width: 992px) {
.section-isotopes .grid-item {
margin-bottom:80px
}
}
.section-slider {
	position:relative
}
@media (min-width: 992px) {
.section-slider .slick-dots {
text-align:left;
padding-left:35px;
padding-right:220px;
bottom:0;
transform:translateY(50%)
}
}
.section-slider .slick-dots li {
	width:80px;
	height:auto
}
@media (min-width: 992px) {
.section-slider .slick-dots li {
width:150px
}
}
.section-slider .slick-dots img {
	border:3px solid transparent
}
.section-slider .slick-dots .slick-active img {
	border-color:#091423
}
.section-slider .arrows {
	position:absolute;
	bottom:50px;
	right:100px
}
.section-slider .slick-prev:before, .section-slider .slick-next:before {
	content:none
}
.section-slider .slick-prev, .section-slider .slick-next {
	width:15px;
	height:24px
}
.section-slider .slide-count {
	font-size:20px;
	color:#fff;
	margin-bottom:0;
	padding:0 15px;
	text-shadow:0 0 4px rgba(0, 0, 0, 0.7)
}
.section-slider .slide-count .line {
	height:2px;
	width:38px;
	background-color:#fff;
	display:inline-block;
	vertical-align:6px;
	margin:0 15px
}
.section-slider .gallery-slider .image {
	height:400px
}
@media (min-width: 768px) {
.section-slider .gallery-slider .image {
height:500px
}
}
@media (min-width: 992px) {
.section-slider .gallery-slider .image {
height:600px
}
}
@media (min-width: 1367px) {
.section-slider .gallery-slider .image {
height:900px
}
}
.section-contact {
	padding-top:71px
}
@media (min-width: 992px) {
.section-contact {
padding-top:130px
}
.section-contact .container {
position:relative
}
.section-contact .container:before {
content:'';
display:block;
position:absolute;
z-index:0;
left:-40px;
top:-40px;
bottom:-40px;
width:70%;
border:10px solid rgba(255, 255, 255, 0.7);
border-right:0
}
}
@media (min-width: 1200px) {
.section-contact {
padding-top:190px
}
}
.section-contact p {
	font-weight:300
}
@media (min-width: 992px) {
.section-contact p {
line-height:1.8
}
}
.section-home-banner .h1 {
	text-transform:uppercase;
	font-weight:500;
	min-height:118px
}
@media (min-width: 1200px) {
.section-home-banner .h1 {
font-size:72px;
min-height:228px
}
}
.section-home-banner .h1 img {
	max-height:40px
}
.section-home-banner .subtitle {
	font-weight:300;
	text-transform:none;
	line-height:1.5;
	margin-top:30px
}
@media (min-width: 992px) {
.section-home-banner .subtitle {
margin-top:40px;
font-size:34px
}
}
.section-home-banner .image {
	position:relative;
	padding-top:90px;
	padding-bottom:50px
}
@media (min-width: 992px) {
.section-home-banner .image {
padding-top:130px;
padding-bottom:110px
}
}
@media (min-width: 1200px) {
.section-home-banner .image {
padding-top:195px;
padding-bottom:165px
}
}
.section-home-banner .image:before {
	content:'';
	display:block;
	position:absolute;
	z-index:0;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:url(" ../images/backdrop.png") center/cover no-repeat
}
.section-home-banner .image .box-wrapper {
	z-index:2;
	padding-left:20px;
	padding-right:20px
}
@media (min-width: 1200px) {
.section-home-banner .image .box-wrapper {
padding-left:120px;
padding-right:120px
}
}
.section-home-banner .plus {
transition:all .25s ease-in-out 0s
}
.section-home-banner a:hover {
	text-decoration:none
}
.section-home-banner a:hover .plus {
	transform:rotate(90deg)
}
/*# sourceMappingURL=main.min.css.map */
@media (min-width: 768px){
.col-sm-2_4 {
    float: left;
    width: 20%;
}
}

@media (min-width: 992px){
.links-02 .item-box {
    padding: 50px 20px;
    margin-top: 10px;
    border-left: 1px solid #96999e;
    min-height: 214px;
}
}

@media (min-width: 992px){
	
	.links-02 .col-0:last-child {
    border-right: 1px solid #96999e;
}

.links-02 .item-box h3 {
    font-size: 48px;
	background: -webkit-linear-gradient(#fff, #fff, #fff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.links-02 .item-box h4 {
    font-size: 20px;
	font-weight:bold;
	background: -webkit-linear-gradient(#fff, #fff, #fff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

}
.links-02 .item-box h3 {
    font-size: 40px;
	font-weight:bold;
	background: -webkit-linear-gradient(#fff, #fff, #fff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1 !important;
}

.links-02 .item-box {
    text-align: center;
    padding: 25px 15px 20px 15px;
    margin-top: 15px;
    border-left: 1px solid #96999e;
    min-height: 190px;
}