@charset "UTF-8";
@font-face {
font-family: 'mall';
src: url('../fonts/mall.eot?25866804');
src: url('../fonts/mall.eot?25866804#iefix') format('embedded-opentype'),
url('../fonts/mall.woff2?25866804') format('woff2'),
url('../fonts/mall.woff?25866804') format('woff'),
url('../fonts/mall.ttf?25866804') format('truetype'),
url('../fonts/mall.svg?25866804#mall') format('svg');
font-weight: normal;
font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'mall';
src: url('../font/mall.svg?76682931#mall') format('svg');
}
}
*/

[class^="icon-"]:before, [class*=" icon-"]:before {
font-family: "mall";
font-style: normal;
font-weight: normal;
speak: none;

display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
/* opacity: .8; */

/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;

/* fix buttons height, for twitter bootstrap */
line-height: 1em;

/* Animation center compensation - margins should be symmetric */
/* remove if not needed */
margin-left: .2em;

/* you can be more comfortable with increased icons size */
/* font-size: 120%; */

/* Font smoothing. That was taken from TWBS */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-right-open-3:before { content: '\e800'; } /* '' */
.icon-mobile:before { content: '\e801'; } /* '' */
.icon-mobile-1:before { content: '\e802'; } /* '' */
.icon-location:before { content: '\e803'; } /* '' */
.icon-right-open-1:before { content: '\e804'; } /* '' */
.icon-right-open-2:before { content: '\e805'; } /* '' */
.icon-left-open-1:before { content: '\e806'; } /* '' */
.icon-left-open:before { content: '\e807'; } /* '' */
.icon-up-open-1:before { content: '\e808'; } /* '' */
.icon-down-open-1:before { content: '\e809'; } /* '' */
.icon-clock:before { content: '\e80a'; } /* '' */
.icon-download:before { content: '\e80b'; } /* '' */
.icon-linkedin:before { content: '\e80d'; } /* '' */
.icon-mail:before { content: '\e80e'; } /* '' */
.icon-menu-outline:before { content: '\e80f'; } /* '' */
.icon-search:before { content: '\e810'; } /* '' */
.icon-print:before { content: '\e811'; } /* '' */
.icon-right-open-big-1:before { content: '\e812'; } /* '' */
.icon-bullhorn:before { content: '\e813'; } /* '' */
.icon-cancel-circled:before { content: '\e814'; } /* '' */
.icon-clock-1:before { content: '\e815'; } /* '' */
.icon-right-circled:before { content: '\e816'; } /* '' */
.icon-left-open-big-1:before { content: '\e817'; } /* '' */
.icon-share:before { content: '\e819'; } /* '' */
.icon-search-1:before { content: '\e81a'; } /* '' */
.icon-eye-outline:before { content: '\e81b'; } /* '' */
.icon-right-circle:before { content: '\e81c'; } /* '' */
.icon-plus:before { content: '\e81d'; } /* '' */
.icon-ok-circled2:before { content: '\e81e'; } /* '' */
.icon-instagram:before { content: '\e81f'; } /* '' */
.icon-mail-3:before { content: '\e820'; } /* '' */
.icon-location-1:before { content: '\e822'; } /* '' */
.icon-phone:before { content: '\e823'; } /* '' */
.icon-cancel:before { content: '\e826'; } /* '' */
.icon-spin1:before { content: '\e830'; } /* '' */
.icon-spin3:before { content: '\e832'; } /* '' */
.icon-down-open:before { content: '\f004'; } /* '' */
.icon-up-open:before { content: '\f005'; } /* '' */
.icon-right-open:before { content: '\f006'; } /* '' */
.icon-left-open-2:before { content: '\f007'; } /* '' */
.icon-menu-1:before { content: '\f008'; } /* '' */
.icon-facebook:before { content: '\f052'; } /* '' */
.icon-twitter:before { content: '\f058'; } /* '' */
.icon-gplus:before { content: '\f05a'; } /* '' */
.icon-menu:before { content: '\f0c9'; } /* '' */
.icon-rocket:before { content: '\f135'; } /* '' */
.icon-youtube:before { content: '\f167'; } /* '' */
.icon-youtube-play:before { content: '\f16a'; } /* '' */
.icon-instagram-1:before { content: '\f16d'; } /* '' */
.icon-file-pdf:before { content: '\f1c1'; } /* '' */
.icon-map-o:before { content: '\f278'; } /* '' */
.icon-pinterest:before { content: '\f312'; } /* '' */

@font-face {
font-family: 'open_sansbold';
src: url('../fonts/opensans-bold-webfont.eot');
src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/opensans-bold-webfont.woff2') format('woff2'),
url('../fonts/opensans-bold-webfont.woff') format('woff'),
url('../fonts/opensans-bold-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;

}




@font-face {
font-family: 'open_sanslight';
src: url('../fonts/opensans-light-webfont.eot');
src: url('../fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/opensans-light-webfont.woff2') format('woff2'),
url('../fonts/opensans-light-webfont.woff') format('woff'),
url('../fonts/opensans-light-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;

}




@font-face {
font-family: 'open_sansregular';
src: url('../fonts/opensans-regular-webfont.eot');
src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
url('../fonts/opensans-regular-webfont.woff') format('woff'),
url('../fonts/opensans-regular-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;

}




@font-face {
font-family: 'open_sanssemibold';
src: url('../fonts/opensans-semibold-webfont.eot');
src: url('../fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/opensans-semibold-webfont.woff2') format('woff2'),
url('../fonts/opensans-semibold-webfont.woff') format('woff'),
url('../fonts/opensans-semibold-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;

}




@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.woff2') format('woff2'),
url('../fonts/raleway-bold-webfont.woff') format('woff'),
url('../fonts/raleway-bold-webfont.ttf') format('truetype');
font-weight: normal;
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.woff2') format('woff2'),
url('../fonts/raleway-extralight-webfont.woff') format('woff'),
url('../fonts/raleway-extralight-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;

}




@font-face {
font-family: 'ralewayextralight_italic';
src: url('../fonts/raleway-extralightitalic-webfont.eot');
src: url('../fonts/raleway-extralightitalic-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/raleway-extralightitalic-webfont.woff2') format('woff2'),
url('../fonts/raleway-extralightitalic-webfont.woff') format('woff'),
url('../fonts/raleway-extralightitalic-webfont.ttf') format('truetype');
font-weight: normal;
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.woff2') format('woff2'),
url('../fonts/raleway-light-webfont.woff') format('woff'),
url('../fonts/raleway-light-webfont.ttf') format('truetype');
font-weight: normal;
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.woff2') format('woff2'),
url('../fonts/raleway-medium-webfont.woff') format('woff'),
url('../fonts/raleway-medium-webfont.ttf') format('truetype');
font-weight: normal;
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.woff2') format('woff2'),
url('../fonts/raleway-regular-webfont.woff') format('woff'),
url('../fonts/raleway-regular-webfont.ttf') format('truetype');
font-weight: normal;
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.woff2') format('woff2'),
url('../fonts/raleway-semibold-webfont.woff') format('woff'),
url('../fonts/raleway-semibold-webfont.ttf') format('truetype');
font-weight: normal;
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.woff2') format('woff2'),
url('../fonts/raleway-thin-webfont.woff') format('woff'),
url('../fonts/raleway-thin-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;

}


body {
font-family: 'open_sansregular';
margin: 0px;
padding: 0px;

}

*, *:after, *:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }

/* '' */
ul {
margin: 0;
padding: 0; }

li {
margin: 0;
padding: 0;
list-style: none; 
}

a, li {
text-decoration: none;
outline: none;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out; }

a:hover, a:focus, li:hover, li:focus, button:hover, button:focus {
text-decoration: none;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
outline: none; }

.no-padding-right {
padding-right: 0 !important; }

.no-padding-left {
padding-left: 0 !important; }

.no-padding {
padding-right: 0 !important;
padding-left: 0 !important; }

.btn {
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out; }

h1 {
color: #040708;
display: block;
font-family: 'ralewaysemibold';
font-size: 45px;
margin: 0; }

h2 {
color: #040708;
display: block;
font-family: 'ralewaysemibold';
font-size: 45px;
margin: 0; }

h3 {
line-height: 28px;
font-size: 23px;
font-family: 'ralewaysemibold';
color: #040708;
margin: 0; }

h4 {
font-size: 30px;
font-family: 'ralewaysemibold';
color: #202020;
margin: 0; }

* {
-webkit-box-sizing: border-box;
box-sizing: border-box; }


@media only screen and (max-width: 991px) {
.no-padding-right {
padding-right: 15px !important; }
.no-padding-left {
padding-left: 15px !important; }
.no-padding {
padding-right: 15px !important;
padding-left: 15px !important; } }

/*animations*/
/******************
* Bounce in right *
*******************/
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both; }

.slow {
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both; }

.slower {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both; }

.slowest {
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both; }

/* Added by Andy Meetan */
.delay-250 {
-webkit-animation-delay: 0.25s;
-moz-animation-delay: 0.25s;
-o-animation-delay: 0.25s;
animation-delay: 0.25s; }

.delay-500 {
-webkit-animation-delay: 0.5s;
-moz-animation-delay: 0.5s;
-o-animation-delay: 0.5s;
animation-delay: 0.5s; }

.delay-750 {
-webkit-animation-delay: 0.75s;
-moz-animation-delay: 0.75s;
-o-animation-delay: 0.75s;
animation-delay: 0.75s; }

.delay-1000 {
-webkit-animation-delay: 1.0s;
-moz-animation-delay: 1.0s;
-o-animation-delay: 1.0s;
animation-delay: 1.0s; }

.delay-1250 {
-webkit-animation-delay: 1.25s;
-moz-animation-delay: 1.25s;
-o-animation-delay: 1.25s;
animation-delay: 1.25s; }

.delay-1500 {
-webkit-animation-delay: 1.5s;
-moz-animation-delay: 1.5s;
-o-animation-delay: 1.5s;
animation-delay: 1.5s; }

.delay-1750 {
-webkit-animation-delay: 1.75s;
-moz-animation-delay: 1.75s;
-o-animation-delay: 1.75s;
animation-delay: 1.75s; }

.delay-2000 {
-webkit-animation-delay: 2.0s;
-moz-animation-delay: 2.0s;
-o-animation-delay: 2.0s;
animation-delay: 2.0s; }

.delay-2500 {
-webkit-animation-delay: 2.5s;
-moz-animation-delay: 2.5s;
-o-animation-delay: 2.5s;
animation-delay: 2.5s; }

.delay-2000 {
-webkit-animation-delay: 2.0s;
-moz-animation-delay: 2.0s;
-o-animation-delay: 2.0s;
animation-delay: 2.0s; }

.delay-2500 {
-webkit-animation-delay: 2.5s;
-moz-animation-delay: 2.5s;
-o-animation-delay: 2.5s;
animation-delay: 2.5s; }

.delay-3000 {
-webkit-animation-delay: 3.0s;
-moz-animation-delay: 3.0s;
-o-animation-delay: 3.0s;
animation-delay: 3.0s; }

.delay-3500 {
-webkit-animation-delay: 3.5s;
-moz-animation-delay: 3.5s;
-o-animation-delay: 3.5s;
animation-delay: 3.5s; }

.bounceInRight, .bounceInLeft, .bounceInUp, .bounceInDown {
opacity: 0;
-webkit-transform: translateX(400px);
-ms-transform: translateX(400px);
transform: translateX(400px); }

.fadeInRight, .fadeInLeft, .fadeInUp, .fadeInDown {
opacity: 0;
-webkit-transform: translateX(400px);
-ms-transform: translateX(400px);
transform: translateX(400px); }

.flipInX, .flipInY, .rotateIn, .rotateInUpLeft, .rotateInUpRight, .rotateInDownLeft, .rotateDownUpRight, .rollIn {
opacity: 0; }

.lightSpeedInRight, .lightSpeedInLeft {
opacity: 0;
-webkit-transform: translateX(400px);
-ms-transform: translateX(400px);
transform: translateX(400px); }

/***********
* bounceIn *
************/
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(0.3); }
50% {
opacity: 1;
-webkit-transform: scale(1.05); }
70% {
-webkit-transform: scale(0.9); }
100% {
-webkit-transform: scale(1); } }

@keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(0.3);
transform: scale(0.3); }
50% {
opacity: 1;
-webkit-transform: scale(1.05);
transform: scale(1.05); }
70% {
-webkit-transform: scale(0.9);
transform: scale(0.9); }
100% {
-webkit-transform: scale(1);
transform: scale(1); } }

.bounceIn.go {
-webkit-animation-name: bounceIn;
animation-name: bounceIn; }

/****************
* bounceInRight *
****************/
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(400px); }
60% {
-webkit-transform: translateX(-30px); }
80% {
-webkit-transform: translateX(10px); }
100% {
opacity: 1;
-webkit-transform: translateX(0); } }

@keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(400px);
transform: translateX(400px); }
60% {
-webkit-transform: translateX(-30px);
transform: translateX(-30px); }
80% {
-webkit-transform: translateX(10px);
transform: translateX(10px); }
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0); } }

.bounceInRight.go {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight; }

/******************
* Bounce in left *
*******************/
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-400px); }
60% {
-webkit-transform: translateX(30px); }
80% {
-webkit-transform: translateX(-10px); }
100% {
opacity: 1;
-webkit-transform: translateX(0); } }

@keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-400px);
transform: translateX(-400px); }
60% {
-webkit-transform: translateX(30px);
transform: translateX(30px); }
80% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px); }
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0); } }

.bounceInLeft.go {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft; }

/******************
* Bounce in up *
*******************/
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(400px); }
60% {
-webkit-transform: translateY(-30px); }
80% {
-webkit-transform: translateY(10px); }
100% {
opacity: 1;
-webkit-transform: translateY(0); } }

@keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(400px);
transform: translateY(400px); }
60% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px); }
80% {
-webkit-transform: translateY(10px);
transform: translateY(10px); }
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0); } }

.bounceInUp.go {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp; }

/******************
* Bounce in down *
*******************/
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-400px); }
60% {
-webkit-transform: translateY(30px); }
80% {
-webkit-transform: translateY(-10px); }
100% {
opacity: 1;
-webkit-transform: translateY(0); } }

@keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-400px);
transform: translateY(-400px); }
60% {
-webkit-transform: translateY(30px);
transform: translateY(30px); }
80% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px); }
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0); } }

.bounceInDown.go {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown; }

/**********
* Fade In *
**********/
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1;
display: block; } }

@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1;
display: block; } }

.fadeIn {
opacity: 0; }

.fadeIn.go {
-webkit-animation-name: fadeIn;
animation-name: fadeIn; }

/**********
* Grow in *
***********/
@-webkit-keyframes growIn {
0% {
-webkit-transform: scale(0.2);
opacity: 0; }
50% {
-webkit-transform: scale(1.2); }
100% {
-webkit-transform: scale(1);
opacity: 1; } }

@keyframes growIn {
0% {
-webkit-transform: scale(0.2);
transform: scale(0.2);
opacity: 0; }
50% {
-webkit-transform: scale(1.2);
transform: scale(1.2); }
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1; } }

.growIn {
-webkit-transform: scale(0.2);
-ms-transform: scale(0.2);
transform: scale(0.2);
opacity: 0; }

.growIn.go {
-webkit-animation-name: growIn;
animation-name: growIn; }

/********
* Shake *
********/
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform: translateX(0); }
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px); }
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px); } }

@keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
transform: translateX(0); }
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px); }
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
transform: translateX(10px); } }

.shake.go {
-webkit-animation-name: shake;
animation-name: shake; }

/********
* ShakeUp *
********/
@-webkit-keyframes shakeUp {
0%, 100% {
-webkit-transform: translateX(0); }
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateY(-10px); }
20%, 40%, 60%, 80% {
-webkit-transform: translateY(10px); } }

@keyframes shakeUp {
0%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0); }
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px); }
20%, 40%, 60%, 80% {
-webkit-transform: translateY(10px);
transform: translateY(10px); } }

.shakeUp.go {
-webkit-animation-name: shakeUp;
animation-name: shakeUp; }

/*************
* FadeInLeft *
*************/
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-400px); }
50% {
opacity: 0.3; }
100% {
opacity: 1;
-webkit-transform: translateX(0); } }

@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-400px);
transform: translateX(-400px); }
50% {
opacity: 0.3; }
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0); } }

.fadeInLeft {
opacity: 0;
-webkit-transform: translateX(-400px);
-ms-transform: translateX(-400px);
transform: translateX(-400px); }

.fadeInLeft.go {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft; }

/*************
* FadeInRight *
*************/
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(400px); }
50% {
opacity: 0.3; }
100% {
opacity: 1;
-webkit-transform: translateX(0); } }

@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(400px);
transform: translateX(400px); }
50% {
opacity: 0.3; }
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0); } }

.fadeInRight {
opacity: 0;
-webkit-transform: translateX(400px);
-ms-transform: translateX(400px);
transform: translateX(400px); }

.fadeInRight.go {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight; }

/*************
* FadeInUp *
*************/
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(400px); }
50% {
opacity: 0.3; }
100% {
opacity: 1;
-webkit-transform: translateY(0); } }

@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(400px);
transform: translateY(400px); }
50% {
opacity: 0.3; }
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0); } }

.fadeInUp {
opacity: 0;
-webkit-transform: translateY(400px);
-ms-transform: translateY(400px);
transform: translateY(400px); }

.fadeInUp.go {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp; }

/*************
* FadeInDown *
*************/
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-400px); }
50% {
opacity: 0.3; }
100% {
opacity: 1;
-webkit-transform: translateY(0); } }

@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-400px);
transform: translateY(-400px); }
50% {
opacity: 0.3; }
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0); } }

.fadeInDown {
opacity: 0;
-webkit-transform: translateY(-400px);
-ms-transform: translateY(-400px);
transform: translateY(-400px); }

.fadeInDown.go {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown; }

/*****************
* rotateIn *
*****************/
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(-200deg);
opacity: 0; }
100% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(0);
opacity: 1; } }

@keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0; }
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1; } }

.rotateIn.go {
-webkit-animation-name: rotateIn;
animation-name: rotateIn; }

/*****************
* rotateInUpLeft *
*****************/
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(90deg);
opacity: 0; }
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1; } }

@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0; }
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1; } }

.rotateInUpLeft.go {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft; }

/*******************
* rotateInDownLeft *
*******************/
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
opacity: 0; }
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1; } }

@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0; }
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1; } }

.rotateInDownLeft.go {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft; }

/******************
* rotateInUpRight *
*******************/
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
opacity: 0; }
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1; } }

@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0; }
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1; } }

.rotateInUpRight.go {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight; }

/********************
* rotateInDownRight *
********************/
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(90deg);
opacity: 0; }
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1; } }

@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0; }
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1; } }

.rotateInDownRight.go {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight; }

/*********
* rollIn *
**********/
@-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg); }
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg); } }

@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg); }
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg); } }

.rollIn.go {
-webkit-animation-name: rollIn;
animation-name: rollIn; }

/*********
* wiggle *
**********/
@-webkit-keyframes wiggle {
0% {
-webkit-transform: skewX(9deg); }
10% {
-webkit-transform: skewX(-8deg); }
20% {
-webkit-transform: skewX(7deg); }
30% {
-webkit-transform: skewX(-6deg); }
40% {
-webkit-transform: skewX(5deg); }
50% {
-webkit-transform: skewX(-4deg); }
60% {
-webkit-transform: skewX(3deg); }
70% {
-webkit-transform: skewX(-2deg); }
80% {
-webkit-transform: skewX(1deg); }
90% {
-webkit-transform: skewX(0deg); }
100% {
-webkit-transform: skewX(0deg); } }

@keyframes wiggle {
0% {
-webkit-transform: skewX(9deg);
transform: skewX(9deg); }
10% {
-webkit-transform: skewX(-8deg);
transform: skewX(-8deg); }
20% {
-webkit-transform: skewX(7deg);
transform: skewX(7deg); }
30% {
-webkit-transform: skewX(-6deg);
transform: skewX(-6deg); }
40% {
-webkit-transform: skewX(5deg);
transform: skewX(5deg); }
50% {
-webkit-transform: skewX(-4deg);
transform: skewX(-4deg); }
60% {
-webkit-transform: skewX(3deg);
transform: skewX(3deg); }
70% {
-webkit-transform: skewX(-2deg);
transform: skewX(-2deg); }
80% {
-webkit-transform: skewX(1deg);
transform: skewX(1deg); }
90% {
-webkit-transform: skewX(0deg);
transform: skewX(0deg); }
100% {
-webkit-transform: skewX(0deg);
transform: skewX(0deg); } }

.wiggle.go {
-webkit-animation-name: wiggle;
animation-name: wiggle;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }

/********
* swing *
*********/
@-webkit-keyframes swing {
20%, 40%, 60%, 80%, 100% {
-webkit-transform-origin: top center; }
20% {
-webkit-transform: rotate(15deg); }
40% {
-webkit-transform: rotate(-10deg); }
60% {
-webkit-transform: rotate(5deg); }
80% {
-webkit-transform: rotate(-5deg); }
100% {
-webkit-transform: rotate(0deg); } }

@keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg); }
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg); }
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg); }
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg); }
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); } }

.swing.go {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing; }

/*******
* tada *
********/
@-webkit-keyframes tada {
0% {
-webkit-transform: scale(1); }
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg); }
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg); }
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg); }
100% {
-webkit-transform: scale(1) rotate(0); } }

@keyframes tada {
0% {
-webkit-transform: scale(1);
transform: scale(1); }
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg); }
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg); }
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg); }
100% {
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0); } }

.tada.go {
-webkit-animation-name: tada;
animation-name: tada; }

/*********
* wobble *
**********/
@-webkit-keyframes wobble {
0% {
-webkit-transform: translateX(0%); }
15% {
-webkit-transform: translateX(-25%) rotate(-5deg); }
30% {
-webkit-transform: translateX(20%) rotate(3deg); }
45% {
-webkit-transform: translateX(-15%) rotate(-3deg); }
60% {
-webkit-transform: translateX(10%) rotate(2deg); }
75% {
-webkit-transform: translateX(-5%) rotate(-1deg); }
100% {
-webkit-transform: translateX(0%); } }

@keyframes wobble {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%); }
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg); }
30% {
-webkit-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg); }
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg); }
60% {
-webkit-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg); }
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg); }
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%); } }

.wobble.go {
-webkit-animation-name: wobble;
animation-name: wobble; }

/********
* pulse *
*********/
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1); }
50% {
-webkit-transform: scale(1.1); }
100% {
-webkit-transform: scale(1); } }

@keyframes pulse {
0% {
-webkit-transform: scale(1);
transform: scale(1); }
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1); }
100% {
-webkit-transform: scale(1);
transform: scale(1); } }

.pulse.go {
-webkit-animation-name: pulse;
animation-name: pulse; }

/***************
* lightSpeedInRight *
****************/
@-webkit-keyframes lightSpeedInRight {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
opacity: 0; }
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
opacity: 1; }
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
opacity: 1; }
100% {
-webkit-transform: translateX(0%) skewX(0deg);
opacity: 1; } }

@keyframes lightSpeedInRight {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0; }
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1; }
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1; }
100% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1; } }

.lightSpeedInRight.go {
-webkit-animation-name: lightSpeedInRight;
animation-name: lightSpeedInRight;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }

/***************
* lightSpeedInLeft *
****************/
@-webkit-keyframes lightSpeedInLeft {
0% {
-webkit-transform: translateX(-100%) skewX(30deg);
opacity: 0; }
60% {
-webkit-transform: translateX(20%) skewX(-30deg);
opacity: 1; }
80% {
-webkit-transform: translateX(0%) skewX(15deg);
opacity: 1; }
100% {
-webkit-transform: translateX(0%) skewX(0deg);
opacity: 1; } }

@keyframes lightSpeedInLeft {
0% {
-webkit-transform: translateX(-100%) skewX(30deg);
transform: translateX(-100%) skewX(30deg);
opacity: 0; }
60% {
-webkit-transform: translateX(20%) skewX(-30deg);
transform: translateX(20%) skewX(-30deg);
opacity: 1; }
80% {
-webkit-transform: translateX(0%) skewX(15deg);
transform: translateX(0%) skewX(15deg);
opacity: 1; }
100% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1; } }

.lightSpeedInLeft.go {
-webkit-animation-name: lightSpeedInLeft;
animation-name: lightSpeedInLeft;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }

/*******
* Flip *
*******/
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) rotateY(0);
-webkit-animation-timing-function: ease-out; }
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-webkit-animation-timing-function: ease-out; }
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in; }
80% {
-webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
-webkit-animation-timing-function: ease-in; }
100% {
-webkit-transform: perspective(400px) scale(1);
-webkit-animation-timing-function: ease-in; } }

@keyframes flip {
0% {
-webkit-transform: perspective(400px) rotateY(0);
transform: perspective(400px) rotateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
transform: perspective(400px) translateZ(150px) rotateY(170deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
80% {
-webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
transform: perspective(400px) rotateY(360deg) scale(0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
100% {
-webkit-transform: perspective(400px) scale(1);
transform: perspective(400px) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; } }

.flip.go {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flip;
backface-visibility: visible !important;
animation-name: flip; }

/**********
* flipInX *
**********/
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotateX(-10deg); }
70% {
-webkit-transform: perspective(400px) rotateX(10deg); }
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
opacity: 1; } }

@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg); }
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg); }
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1; } }

.flipInX.go {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flipInX;
backface-visibility: visible !important;
animation-name: flipInX; }

/**********
* flipInY *
**********/
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotateY(-10deg); }
70% {
-webkit-transform: perspective(400px) rotateY(10deg); }
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
opacity: 1; } }

@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg); }
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg); }
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1; } }

.flipInY.go {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flipInY;
backface-visibility: visible !important;
animation-name: flipInY; }

/*****************
* Out animations *
*****************/
/************
* bounceOut *
*************/
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1); }
25% {
-webkit-transform: scale(0.95); }
50% {
opacity: 1;
-webkit-transform: scale(1.1); }
100% {
opacity: 0;
-webkit-transform: scale(0.3); } }

@keyframes bounceOut {
0% {
-webkit-transform: scale(1);
transform: scale(1); }
25% {
-webkit-transform: scale(0.95);
transform: scale(0.95); }
50% {
opacity: 1;
-webkit-transform: scale(1.1);
transform: scale(1.1); }
100% {
opacity: 0;
-webkit-transform: scale(0.3);
transform: scale(0.3); } }

.bounceOut.goAway {
-webkit-animation-name: bounceOut;
animation-name: bounceOut; }

/************
* bounceOutUp *
*************/
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0); }
20% {
opacity: 1;
-webkit-transform: translateY(20px); }
100% {
opacity: 0;
-webkit-transform: translateY(-2000px); } }

@keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0); }
20% {
opacity: 1;
-webkit-transform: translateY(20px);
transform: translateY(20px); }
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px); } }

.bounceOutUp.goAway {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp; }

/************
* bounceOutDown *
*************/
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0); }
20% {
opacity: 1;
-webkit-transform: translateY(-20px); }
100% {
opacity: 0;
-webkit-transform: translateY(2000px); } }

@keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0); }
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
transform: translateY(-20px); }
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px); } }

.bounceOutDown.goAway {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown; }

/************
* bounceOutLeft *
*************/
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0); }
20% {
opacity: 1;
-webkit-transform: translateX(20px); }
100% {
opacity: 0;
-webkit-transform: translateX(-2000px); } }

@keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0); }
20% {
opacity: 1;
-webkit-transform: translateX(20px);
transform: translateX(20px); }
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px); } }

.bounceOutLeft.goAway {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft; }

/************
* bounceOutRight *
*************/
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0); }
20% {
opacity: 1;
-webkit-transform: translateX(-20px); }
100% {
opacity: 0;
-webkit-transform: translateX(2000px); } }

@keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0); }
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
transform: translateX(-20px); }
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px); } }

.bounceOutRight.goAway {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight; }

/************
* fadeOut *
*************/
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }

@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }

.fadeOut.goAway {
-webkit-animation-name: fadeOut;
animation-name: fadeOut; }

/************
* fadeOutUp *
*************/
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0); }
100% {
opacity: 0;
-webkit-transform: translateY(-2000px); } }

@keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0); }
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px); } }

.fadeOutUp.goAway {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp; }

/************
* fadeOutDown *
*************/
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0); }
100% {
opacity: 0;
-webkit-transform: translateY(2000px); } }

@keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0); }
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px); } }

.fadeOutDown.goAway {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown; }

/************
* fadeOutLeft *
*************/
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0); }
100% {
opacity: 0;
-webkit-transform: translateX(-2000px); } }

@keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0); }
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px); } }

.fadeOutLeft.goAway {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft; }

/************
* fadeOutRight *
*************/
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0); }
100% {
opacity: 0;
-webkit-transform: translateX(2000px); } }

@keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0); }
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px); } }

.fadeOutRight.goAway {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight; }

/************
* flipOutX *
*************/
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
opacity: 1; }
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
opacity: 0; } }

@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1; }
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0; } }

.flipOutX.goAway {
-webkit-animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
animation-name: flipOutX;
backface-visibility: visible !important; }

/************
* flipOutY *
*************/
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
opacity: 1; }
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
opacity: 0; } }

@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1; }
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0; } }

.flipOutY {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
backface-visibility: visible !important;
animation-name: flipOutY; }

/************
* lightSpeedOutRight *
*************/
@-webkit-keyframes lightSpeedOutRight {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
opacity: 1; }
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
opacity: 0; } }

@keyframes lightSpeedOutRight {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1; }
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0; } }

.lightSpeedOutRight.goAway {
-webkit-animation-name: lightSpeedOutRight;
animation-name: lightSpeedOutRight;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }

/************
* lightSpeedOutLeft *
*************/
@-webkit-keyframes lightSpeedOutLeft {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
opacity: 1; }
100% {
-webkit-transform: translateX(-100%) skewX(30deg);
opacity: 0; } }

@keyframes lightSpeedOutLeft {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1; }
100% {
-webkit-transform: translateX(-100%) skewX(30deg);
transform: translateX(-100%) skewX(30deg);
opacity: 0; } }

.lightSpeedOutLeft.goAway {
-webkit-animation-name: lightSpeedOutLeft;
animation-name: lightSpeedOutLeft;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }

/************
* rotateOut *
*************/
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(0);
opacity: 1; }
100% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(200deg);
opacity: 0; } }

@keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1; }
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0; } }

.rotateOut.goAway {
-webkit-animation-name: rotateOut;
animation-name: rotateOut; }

/************
* rotateOutUpLeft *
*************/
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1; }
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
opacity: 0; } }

@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1; }
100% {
-transform-origin: left bottom;
-transform: rotate(-90deg);
opacity: 0; } }

.rotateOutUpLeft.goAway {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft; }

/************
* rotateOutDownLeft *
*************/
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1; }
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(90deg);
opacity: 0; } }

@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1; }
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0; } }

.rotateOutDownLeft.goAway {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft; }

/************
* rotateOutUpRight *
*************/
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1; }
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(90deg);
opacity: 0; } }

@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1; }
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0; } }

.rotateOutUpRight.goAway {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight; }

/************
* rollOut *
*************/
@-webkit-keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg); }
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg); } }

@keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg); }
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg); } }

.rollOut.goAway {
-webkit-animation-name: rollOut;
animation-name: rollOut; }

/*****************
* Short Animations
*******************/
/*********************
* fadeInUpShort
*********************/
@-webkit-keyframes fadeInUpShort {
0% {
opacity: 0;
-webkit-transform: translateY(20px); }
100% {
opacity: 1;
-webkit-transform: translateY(0); } }

@keyframes fadeInUpShort {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px); }
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0); } }

.fadeInUpShort {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px); }

.fadeInUpShort.go {
-webkit-animation-name: fadeInUpShort;
animation-name: fadeInUpShort; }

/*********************
* fadeInDownShort
*********************/
@-webkit-keyframes fadeInDownShort {
0% {
opacity: 0;
-webkit-transform: translateY(-20px); }
100% {
opacity: 1;
-webkit-transform: translateY(0); } }

@keyframes fadeInDownShort {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px); }
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0); } }

.fadeInDownShort {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px); }

.fadeInDownShort.go {
-webkit-animation-name: fadeInDownShort;
animation-name: fadeInDownShort; }

/*********************
* fadeInRightShort 
*********************/
@-webkit-keyframes fadeInRightShort {
0% {
opacity: 0;
-webkit-transform: translateX(20px); }
100% {
opacity: 1;
-webkit-transform: translateX(0); } }

@keyframes fadeInRightShort {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px); }
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0); } }

.fadeInRightShort {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px); }

.fadeInRightShort.go {
-webkit-animation-name: fadeInRightShort;
animation-name: fadeInRightShort; }

/*********************
* fadeInLeftShort 
*********************/
@-webkit-keyframes fadeInLeftShort {
0% {
opacity: 0;
-webkit-transform: translateX(-20px); }
100% {
opacity: 1;
-webkit-transform: translateX(0); } }

@keyframes fadeInLeftShort {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px); }
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0); } }

.fadeInLeftShort {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px); }

.fadeInLeftShort.go {
-webkit-animation-name: fadeInLeftShort;
animation-name: fadeInLeftShort; }

nav {
display: none; }

@media (max-width: 1459px){
.container {
width: 100%;
}
}



.header-top{
background-color: #f7eade;
display: block;
text-align: right;
position: relative;
z-index: 1;
}

header {
display: block;
z-index: 3;
background-position: 0 0;
background-repeat: repeat-x;
background-color: transparent;
position: relative;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
padding:0; 
}
.header-bottom{
background-color: #c40032;
display: block;
text-align: right;
}

.page-logo {
position: absolute;
left: 15px;
top: 0px;
width: 100%;
padding-top: 0px; 
}

.wrap-head {
padding:45px 0 30px;
}

.head-top a:hover {
color: #fff;
background-color: #35a7dd;
}

.head-top .col-md-3.col-sm-2{
position: relative;
}
.wrap-main-nav {
display: block;
clear: both;
float: right;
text-align: right;
line-height: 99px;
margin:0; }

.main-nav {
margin: 0;
padding:0;
float: left;
text-align: center; }

.main-nav li {
display: inline-block;
position: relative;
float: left;
}

.main-nav li > a {
color: #111821;
font-size: 18px;
font-family: 'ralewaysemibold';
padding:40px 20px;
text-align: center;
text-transform: uppercase;
font-weight: normal;  
position: relative;
}

.main-nav li:hover > a {
color: #fff;
background: #c09a5e;
}

.main-nav li.active > a {
color: #fff;
background: #c09a5e;
}



.main-nav .subnav {
display: none;
position: absolute;
top: 100%;
border-radius:0px;
overflow: hidden;
border-top: 1px solid rgba(255, 255, 255, 0.3);
border-right: 1px solid rgba(255, 255, 255, 0.3);
border-left: 1px solid rgba(255, 255, 255, 0.3);
width:300px;
left: 0;
padding-top: 0px;
background:rgba(0,0,0,0.7);
z-index: 4; }


.main-nav .subnav li {
float: left;
padding: 0;
width: 100%; }

.main-nav .subnav li a {
display: block;
padding: 15px 15px;
font-size: 14px;
line-height: 15px;
height: 50px;
border-radius: 0px;
width: 100%;
color: #fff;
float: left;
border-left: none;
border-right: none;
border-top: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
text-align: left; }

.main-nav .subnav li:hover a {
background: #c49a60;
color: #fff;
position: relative; }

.main-nav .subnav li {
position: relative; }









.search-wrap {
background: #c40032;
padding-left: 248px;
width: 100%;
float: left;
height:70px;
margin-top: 0px;
-o-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out; }

.search-wrap.add {
margin-top:0px;
height: 40px;
bottom: 30px;
opacity: 1;
-o-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out; }

.form-search {
position: relative;
margin:0;
}

.form-search input {
border:none;
border-radius: 0px;
height: 70px;
padding:10px 15px 10px 30px;
outline: none;
background: none;
font-family: 'open_sansregular';
width: 100%;
color: rgba(255,255,255,0.5);
font-size: 24px; }

.form-search button {
border:none;
height: 70px;
border-radius: 0px;
background:#2b3137;
padding: 4px 20px;
text-align: center;
outline: none;
color: #ffffff;
cursor: pointer;
font-size: 20px;
position: absolute;
right: 0px;
top: 0px; }

.form-search button:hover {
background: #c49a60;
color: #fff; }

.search-wrap .close {
position: absolute;
right: 95px;
top: 50%;
text-shadow: none;
cursor: pointer;
opacity: 0.3;
font-size: 25px;
z-index: 2;
color: #fff;
margin-top: -13px; 
}

.header-bottom{
display: block;
background: #c40032;
height: 70px;
}


.time-social-wrap{
float: left;
width: 100%;
position: relative;
}

.time-wrap{
     width: auto;
    padding-left: 40px;
    position: relative;
    padding-top: 17px;
    float: right;
    font-size: 25px;
    color: #c09a5e;
    text-align: right;
}
.time-wrap span:before{
    color: #c09a5e;
    font-size: 17px;
    position: absolute;
    top: 21px;
    width: 30px;
    left: 3px;
    text-align: center;
    height: 30px;
    border-radius: 35px;
    border: 2px solid #c09a5e;
    line-height: 27px;
}



.time-slider{
display: block;
}
.time-slider .item{
width: 100%;
overflow: hidden;
}

.time-slider .item span{
display: block;
font-family: 'open_sansregular';
font-size: 14px;
text-transform: uppercase;
text-align: left;
line-height: 18px;
}

.time-slider .item span strong{
font-family: 'open_sansbold';
}

ul.social{
float: left;
padding-left:0px;
}

ul.social li{
float: left;
padding-left: 3px;
}
ul.social li a{
color: #5b636b;
font-size: 22px;
line-height: 70px;
}

ul.social li a:hover{
color: #c09a5e;
}

.owl-dots {
position: absolute;
z-index: 10;
width: 100%;
text-align: center;
height: 16;
bottom: 65px;
left: 0px;
}
.owl-dots .owl-dot {
width: 16px;
height: 16px;
display: inline-block;
float: none;

margin-right: 5px;
}
.owl-dots .owl-dot span {
width:16px;
height: 16px;
float: right;
border-radius: 18px; 
background: #909090;
}
.owl-dots .owl-dot.active span {
background: #a68556;
}
.owl-dots {
position: absolute;
z-index: 10;
width: 100%;
text-align: center;
height: 16;
bottom: 30px;
left: 0px;
}

.home-spotlight .owl-dots {
bottom: 65px;
}

.home-spotlight {
width: 100%;
float: left;
padding: 57px 0 85px;
background-image: url(../images/home-spot-bg.jpg);
background-position: 0 0;
background-size: cover;
background-repeat: no-repeat;
position: relative; }


.home-spotlight img {
width: 100%;
float: left;
max-height: 678px;
border-radius: 13px;
}
.home-spotlight .slider-caption {
width: 360px;
position: absolute;
right: 35px;
bottom: calc(15%);
z-index: 2;
color: #fff; 
background:rgba(0, 0, 0, 0.6) !important;
padding: 0px 20px 20px;
}


.home-spotlight .slider-caption h2{
font-size: 28px;
font-family: 'ralewaybold';
float: left;
width: 100%;
opacity: 0;
color: #c09a5e;
-webkit-transform: translateX(-300px);
-ms-transform: translateX(-300px);
transform: translateX(-300px);
-webkit-transition: 1s all ease-out;
-o-transition: 1s all ease-out;
transition: 1s all ease-out; }


.home-spotlight .owl-item.active h2 {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition: 1s all ease-out;
-o-transition: 1s all ease-out;
transition: 1s all ease-out; }


.home-spotlight .slider-caption p{
font-size: 38px;
text-transform: uppercase;
font-family: 'open_sansregular';
float: left;
width: 100%;
opacity: 0;
color: #c09a5e;
-webkit-transform: translateX(-200px);
-ms-transform: translateX(-200px);
transform: translateX(-200px);
-webkit-transition: 1s all ease-out;
-o-transition: 1s all ease-out;
transition: 1s all ease-out; }


.home-spotlight .owl-item.active p {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition: 1s all ease-out;
-o-transition: 1s all ease-out;
transition: 1s all ease-out; 
}



.more{
background-color: #c09a5e;
border-radius: 5px;
padding:6px 25px;
float: left;
margin-top: 10px;
font-family: 'ralewayextralight';
color: #fff;
border-radius: 0px;
font-size: 30px;
line-height: 42px;
}
.more:hover{
background-color: #000;
color: #fff;   
}

.home-spotlight .slider-caption .more{
opacity: 0;
-webkit-transform: translateX(-400px);
-ms-transform: translateX(-400px);
transform: translateX(-400px);
-webkit-transition: 1s all ease-out;
-o-transition: 1s all ease-out;
transition: 1s all ease-out; }


.home-spotlight .owl-item.active .more {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition: 1s all ease-out;
-o-transition: 1s all ease-out;
transition: 1s all ease-out; 
}




.home-spotlight h2 {
display: table-cell;
vertical-align: middle;
color: #fff;
font-size: 43px;
text-align: left; } 


.home-slider{
padding-right: 5px;
}
.advt-slider{
padding-left: 5px;
}

.advt-slider .owl-dots {
bottom: 35px;
}
.home-slider .item{
height: auto!important;
padding-bottom: 10px;
}

.features-wrap{
display: block;
margin-top: 13px;
}

.features-wrap li .icon-bx{  
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
width: 97%;
text-align: center;
margin: 0 11px;
min-height: 145px;
border-radius: 10px;
padding: 35px 0;
}
.features-wrap li:first-child .icon-bx{  
width: 99%;
text-align: center;
margin: 0px 12px 0 0;

}

.features-wrap li .icon-bx figure{  
display: block;
text-align: center;
}
.features-wrap li .icon-bx img{  
width: auto; 
float: none;
margin: 0 auto; 
}
.features-wrap li .icon-bx figcaption{  
display: block;
text-align: center;
color: #fff;
font-size: 18px;
text-align: center;
text-transform: uppercase;
font-family: 'open_sansbold';
}
.clr-1{
background-color: #eb008b;

}

.clr-2{
background-color: #fa5422;

}

.clr-3{
background-color: #91288d;

}

.clr-4{
background-color: #1dcab6;

}

.features-wrap li .icon-bx:hover{  
background-color: #c49a60;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
}


.offer-wrap  .owl-item img{
width: 100%;
height: 140px;
}


section{
width: 100%;
float: left;
}

.offer-wrap{
padding: 50px 0;
background: #f7eade;
}

.about-wrap{
width: 100%;
float: left;
padding:  85px 0;
background-image: url(../images/about-bg.jpg);
background-position: 0 0;
background-size: cover;
background-repeat: no-repeat;
position: relative;
}
.tittle{
width: 100%;
text-align: center;
float: left;
margin: 0 0 20px;
}
.tittle h2{
width: 100%;
text-align: center;
font-family: 'ralewaysemibold';
margin: 0 0 10px;
color: #000;
font-size: 60px;
text-transform: uppercase;
}

.tittle p{
width: 100%;
text-align: center;
font-family: 'open_sansbold';
margin: 0 0 10px;
color: #303e47;
font-size:24px;
}


.retail-wrap{
width: 100%;
float: left;
padding:  85px 0;
background-image: url(../images/retail-bg.jpg);
background-position: 0 -200px;
background-size: cover;
background-repeat: no-repeat;
background-color: #fff;

position: relative;
}

.retail-wrap .tittle h2{
color: #fff;
}

.retail-tab-wrap{
display: block;
}

.retail-tab-wrap .nav-tabs{
display: block;
text-align: center;
}
.retail-tab-wrap .nav-tabs>li {
float: none;
display: inline-block;
margin-bottom: auto;
margin-top: 25px;
position: relative;    
cursor: pointer;
}

.retail-tab-wrap .nav-tabs>li .tab-round{
width: 240px;
height: 240px;
margin: 10px;
border-radius: 300px;
text-align: center;
padding: 60px 0 0;
cursor: pointer;

float: left;
background-position: 0 -300px;
background-repeat: no-repeat;
background-size: cover;

-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition: 1s all ease-out;
-o-transition: 1s all ease-out;
transition: 1s all ease-out;


}



.retail-tab-wrap .nav-tabs>li .tab-round span{
font-family: 'open_sansbold';
font-size: 48px;
color: #fff;
position: relative;
}
.retail-tab-wrap .nav-tabs>li .tab-round span:after{
content: '%';
color: #fff;
font-size: 40px;
position: absolute;
bottom: 0px;
right: -36px;
}

.retail-tab-wrap .nav-tabs>li .tab-round p{
font-family: 'ralewayextralight';
font-size: 18px;
color: #fff;
text-align: center;
}

.retail-tab-wrap .nav-tabs>li a {
color: #fff;
background-color: transparent;
border: none;
border-bottom-color: transparent;
cursor: default;
float: left;
margin-right: 0;
line-height: 1.42857143;
border-radius:0;
padding:0px;
}

.retail-tab-wrap .nav-tabs>li a:hover, .retail-tab-wrap .nav-tabs>li a:focus {
color: #fff;
background-color: transparent;
border: none;
border-bottom-color: transparent;
}


.retail-tab-wrap .nav-tabs>li.active .tab-round:after{
bottom: 101%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(192, 154, 94, 0);
border-bottom-color: #c09a5e;
border-width: 15px;
margin-left: -15px;
}
.retail-tab-wrap .nav-tabs>li .shopping{
background-color: #eb008b;
border:5px solid #eb008b;
}
.retail-tab-wrap .nav-tabs>li .food{
background-color: #fa5422;
border:5px solid #fa5422;
}
.retail-tab-wrap .nav-tabs>li .market{
background-color: #1dcab6;
border:5px solid #1dcab6;
}
.retail-tab-wrap .nav-tabs>li .services{
background-color: #91288d;
border:5px solid #91288d;
}
.retail-tab-wrap .nav-tabs>li .others{
background-color: #16aeed;
border:5px solid #16aeed;
}
.retail-tab-wrap .nav-tabs>li.active .tab-round{
position: relative;
background-position: center;

border:5px solid #c09a5e;
background-color: #fff;

-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition: 1s all ease-out;
-o-transition: 1s all ease-out;
transition: 1s all ease-out;
}
.retail-tab-wrap .nav-tabs>li.active:hover .tab-round{


-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
-webkit-transition: 1s all ease-out;
-o-transition: 1s all ease-out;
transition: 1s all ease-out;
}
.retail-tab-wrap .nav-tabs>li.active .tab-round span, .retail-tab-wrap .nav-tabs>li.active .tab-round p {
color: #c09a5e;
}

.retail-tab-wrap .nav-tabs>li.active .tab-round span:after {
color: #c09a5e;
}

.retail-tab-wrap .nav-tabs>li:hover .tab-round {
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
-webkit-transition: 1s all ease-out;
-o-transition: 1s all ease-out;
transition: 1s all ease-out;
}

.retail-tab-wrap  h3{
font-family: 'ralewayregular';
font-size: 48px;
color: #fff;
margin: 0 0 20px;
text-align: left;
}
.retail-tab-wrap .big-txt{
font-family: 'open_sanssemibold';
color: #fed82f;
font-size: 225px;
line-height: 250px;

}

.retail-tab-wrap .tab-pane span{
font-family: 'open_sanssemibold';
color: #fed82f;
font-size: 24px;
float: left;
}
.retail-tab-wrap .tab-pane span strong{
font-family: 'open_sanssemibold';
color: #fed82f;
font-size: 48px;
}


.nav-tabs{
border: none;
}
.retail-tab-wrap .tab-pane .more{
background-color: transparent;
border-radius: 0px;
border:1px solid #fff;
padding:6px 25px;
float: right;

}
.retail-tab-wrap .tab-pane .more:hover{
background-color: #c09a5e;
}
.more:hover{
background-color: #000;
color: #fff;   
}
.tab-listing{
width: 100%;
float: left;
margin: 50px 0 0 50px;
}
.tab-listing li{
width: 100%;
float: left;
font-family: 'ralewayregular';
font-size: 24px;
color: #fff;
margin: 0 0 5px;
}

.parallax{
width: 100%;
float: left;
padding:  85px 0;
background-image: url(../images/parallax-new.jpg);
background-position:0;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
background-color: #fff;
min-height: 729px; 
position: relative;
}

.structure{
background-color: #fff;
padding: 80px 0;

}

.structure .tab-content{
width: 75%;
float: left;
}

.structure .nav-tabs{
width: 25%;
float: left;
}

.structure .nav-tabs>li {
float: left;
margin-bottom: 0px;
width: 100%;
}
.structure li .icon-bx{  
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
width: 100%;
text-align: center;
margin: 15px 0px;
min-height: 145px;
border-radius: 10px;
padding: 35px 0;
border-radius: 8px;
border: 1px solid rgba(255,255,255,0.5);
background-color: #e38399;
}

.structure .nav-tabs>li.active  .icon-bx {
border: 1px solid rgba(255,255,255,1);
background-color: #c5002e;
}

.structure li .icon-bx figure{  
display: block;
text-align: center;
}
.structure li .icon-bx img{  
width: auto; 
float: none;
margin: 0 auto; 
}
.structure li .icon-bx figcaption{  
display: block;
text-align: center;
color: #fff;
font-size: 18px;
text-align: center;
text-transform: uppercase;
font-family: 'open_sansbold';
}

.structure .nav-tabs>li>a {
margin-right:0px;
line-height: 1.42857143;
border:none;
padding: 0px;
border-radius:0;
}
.structure .nav-tabs>li>a:hover, .structure .nav-tabs>li>a:focus {
border-color: transparent;
background-color: transparent;
}
.structure .nav-tabs>li.active>a, .structure .nav-tabs>li.active>a:hover, .structure .nav-tabs>li.active>a:focus{
border-color: transparent;
background-color: transparent;
}


.structure .slider-caption {
width: 320px;
position: absolute;
left: 30px;
top: 100px;
z-index: 2;
color: #fff;
}
.structure.col-md-5{
position: relative;
}

.structure .tab-pane.active .slider-caption h2{
font-size: 60px;
font-family: 'ralewaybold';
float: left;
text-transform: uppercase;
width: 100%;
line-height: 58px;
opacity: 0;
color: #c09a5e;
-webkit-transform: translateX(-300px);
-ms-transform: translateX(-300px);
transform: translateX(-300px);
-webkit-transition: 1s all ease-out;
-o-transition: 1s all ease-out;
transition: 1s all ease-out; }


.structure .tab-pane.active .slider-caption h2 {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition: 1s all ease-out;
-o-transition: 1s all ease-out;
transition: 1s all ease-out; }


.structure .tab-pane p{
font-size: 18px;
font-family: 'open_sansregular';
float: left;
width: 100%;
opacity: 0;
color: #c09a5e;
-webkit-transform: translateX(-200px);
-ms-transform: translateX(-200px);
transform: translateX(-200px);
-webkit-transition: 1s all ease-out;
-o-transition: 1s all ease-out;
transition: 1s all ease-out; }


.structure .tab-pane.active p {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition: 1s all ease-out;
-o-transition: 1s all ease-out;
transition: 1s all ease-out; 
}


.structure .tab-pane .slider-caption .more{
opacity: 0;
-webkit-transform: translateX(-400px);
-ms-transform: translateX(-400px);
transform: translateX(-400px);
-webkit-transition: 1s all ease-out;
-o-transition: 1s all ease-out;
transition: 1s all ease-out; 
}


.structure .tab-pane.active .slider-caption .more {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition: 1s all ease-out;
-o-transition: 1s all ease-out;
transition: 1s all ease-out; 
}
.structure .tab-pane{
position: relative;
}

.structure .tab-pane .col-md-5{
min-height: 510px;
position: relative;
}

.wrap-contact-map{
width: 100%;
float: left;
padding: 0px;
background: #f7eade;
}
.form-wrap{
width: 76.666667%;
float: right;
padding: 0 35px 0 0;
}
.wrap-contact-map .col-md-5{
background-color: #f7eade;
padding-top: 75px;
padding-bottom: 75px;
}

.form-wrap{
width: 76.666667%;
float: right;
padding: 0 45px 0 0;
}



.form-wrap h3{
font-family: 'ralewaymedium';
font-size: 36px;
color: #000;
line-height: 25px;
text-transform: uppercase;
margin: 0 0 20px;
}

.main-form li{
margin-bottom: 10px;
position: relative;
}

.main-form li label{
margin-bottom: 15px;
position: relative;
font-size: 15px;
font-family: arial;
color: #242424;
float:left;
text-align: left;
margin-bottom: 10px;
}
.main-form li input{
background-color: #eddcc8;
outline: none;
border-radius: 0px;
border:none;
height: 55px;
padding: 15px;
font-size: 14px;
color: #242424;
width: 100%;
float:left;
}


.main-form li textarea {
width: 100%;
float: left;
background-color: #eddcc8;
font-size: 14px;
border-radius: 3px;
color: #242424;
margin-bottom: 5px;
border: none;
height: 148px;
padding: 20px;
border-radius: 0px;
}

.main-form li .selectboxit-container {
background: #fff;
height: 50px;
width: 100%;
float: left;
border-radius: 3px;
}

.main-form li .selectboxit-container .selectboxit {
height: 50px;
}

.main-form li .selectboxit-container .selectboxit span {
height: 50px;
line-height: 50px;
padding-left: 5px;
font-size: 14px;
color: #909090;
text-transform: capitalize;
}

.main-form li .selectboxit-default-arrow:after {
content: '';
background: url(../images/down.png) no-repeat  0 0;
color: #909090;
position: absolute;
right: 5px;
height: 15px;
width: 20px;
top: 0px;
font-style: initial;
}

.main-form li .selectboxit-options li {
width: 100% !important;
margin: 0px;
}

.captche-wrap {
    width: 100%;
    overflow: hidden;
}

.main-form li .selectboxit-container .selectboxit-options a {
padding: 3px 10px;
}

.main-form li button {
background-color: #c09a5e;
border-radius: 5px;
padding: 6px 25px;
float: left;
margin-top: 0px;
font-family: 'ralewayextralight';
color: #fff;
border-radius: 0px;
font-size: 30px;
line-height: 42px;
}

.main-form li .submit.btn:hover {
background-color: #a1a60f; }




.main-form li.required label{
position: relative;
}


.main-form li.required label:after{
position: absolute;
content: "*";
color: #eb5965;
font-size: 20px;
right: -11px;
top: 2px;
}

.main-form li.required input.error{
border: 1px solid #eb5965;
}
.main-form li.required textarea.error{
border: 1px solid #eb5965;
}


.map-wrap{
width: 100%;

}
.map-wrap img{
width: 100%;  
}

.info-wrap{
padding: 50px;
background-color: #c09a5e;
}
.info-wrap ul{
display: block;

}
.info-wrap li .bx-wrap{
display: block;
position: relative;
padding: 0;

min-height: 75px;
text-align: left;
border-right: 1px solid #e0cdaf;
}
.info-wrap li:last-child .bx-wrap{

border-right: none;
}
.info-wrap li .bx-wrap i{
width: 78px;
height: 78px;
border-radius: 120px;
border: 2px solid #fff;
    margin-right: 14px;
text-align: center;
color: #fff;
font-size: 34px;
float: left;
line-height: 70px;
}

.info-wrap li .bx-wrap .info-content{
width: auto;
line-height: 27px;
float: left;
display: table;
height: 70px;
}
.info-wrap li .bx-wrap .info-content p{
font-size: 18px;
color: #fff;
margin: 0;
display: table-cell;
vertical-align: middle;
}

footer{
background-color: #111111;
width: 100%;
float: left;
text-align: center;
padding: 72px 0;
}

footer figure{
margin: 0 auto 25px;
text-align: center;
}
footer figure img{
margin: 0 auto;

}

footer ul.social{ display:none !important;
float: none;
display: block;
padding-left: 0px;
margin: 35px 0 25px;
text-align: center;
}


footer ul.social li{
display: inline-block;
float: none;
margin: 0 5px;
}
footer ul.social li a{
color: #5b636b;
font-size: 28px;
line-height: 70px;
width: 70px;
height: 70px;
float: left;
border:1px solid rgba(255,255,255,0.4);
text-align: center;
color: rgba(255,255,255,0.4);
}

footer ul.social li a:hover{
color: #fff;
background-color: #c09a5e;
border:1px solid #c09a5e;
}

footer p{
color: #fff;
text-align: center;
font-family: 'open_sanslight';
font-size: 16px;
margin: 0 0 10px;

}

footer p a {
display: inline-block;
}
footer img {
display: inline;
margin-bottom: -4px;
margin-left: 10px;
}




.scroll-wrap{
position: fixed;
right:-62px;
z-index: 5;
bottom: 150px; 
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;   
}
body.top-link .scroll-wrap{
right:0px;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;   
}
.scroll-wrap a{
background-color: #262626;
width: 62px;
height: 62px;
text-align: center;
text-indent: -9999px;
position: relative;
border-radius: 7px;
float: left;
}
.scroll-wrap a:before{
content: '\e808';
font-family: "mall";
color: #fff;
font-size: 17px;
position: static;
width: 100%;
float: left;
text-align: center;
text-indent: 0px;
line-height: 56px;
}

.mob-test{
display: none;
}
.mobile-view-accordian{
display: none;
}


.mobile-view-accordian .panel {
background-color: transparent;
border: 1px solid transparent;
border-radius: 0px;
}
.mobile-view-accordian .panel-default>.panel-heading {
color: #333;
background-color: #c09a5e;
text-align: center;
border-color: #ddd;
border-radius: 0px;
background-image: none;
}

.mobile-view-accordian  h4.panel-title {
width: 100%;
text-align: center;
font-family: 'ralewaysemibold';
margin: 0 0 10px;
color: #fff;
font-size: 17px;
margin: 0px;
cursor: pointer;
text-transform: uppercase;
}

.mobile-view-accordian h3 {
font-family: 'ralewayregular';
font-size: 30px;
color: #fff;
margin: 0 0 20px;
text-align: left;
}
.mobile-view-accordian .big-txt {
font-family: 'open_sanssemibold';
color: #fed82f;
font-size: 100px;
line-height: 100px;
}
.mobile-view-accordian span {
font-family: 'open_sanssemibold';
color: #fed82f;
font-size: 20px;
float: left;
}
.mobile-view-accordian span strong {
font-family: 'open_sanssemibold';
color: #fed82f;
font-size: 30px;
}
.mobile-view-accordian .tab-listing {
margin: 0;
}

.mobile-view-accordian a.accordion-toggle {
display: block;
}



.wrap-floor-accordian{
display: none;
}
.wrap-floor-accordian{
display: none;
}

.wrap-floor-accordian .panel {
background-color: transparent;
border: 1px solid transparent;
border-radius: 0px;
}

.wrap-floor-accordian .panel-default>.panel-heading {
color: #333;
background-color: #c09a5e;
text-align: center;
border-color: #ddd;
border-radius: 0px;
background-image: none;
}

.wrap-floor-accordian h4.panel-title {
width: 100%;
text-align: center;
font-family: 'ralewaysemibold';
margin: 0 0 10px;
color: #fff;
font-size: 17px;
margin: 0px;
cursor: pointer;
text-transform: uppercase;
}

.structure .wrap-floor-accordian .slider-caption {
width: 100%;
position: relative;
left: 0;
bottom: 20px;
z-index: 2;
color: #fff;
text-align: center;
margin-top: 52px;
}

.structure .wrap-floor-accordian .slider-caption h2{
font-size: 60px;
font-family: 'ralewaybold';
float: left;
text-transform: uppercase;
width: 100%;
line-height: 58px;
opacity: 0;
color: #fff;
-webkit-transform: translateX(-300px);
-ms-transform: translateX(-300px);
transform: translateX(-300px);
-webkit-transition: 1s all ease-out;
-o-transition: 1s all ease-out;
transition: 1s all ease-out; }


.structure .wrap-floor-accordian .slider-caption h2 {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition: 1s all ease-out;
-o-transition: 1s all ease-out;
transition: 1s all ease-out; }


.structure p{
font-size: 18px;
font-family: 'open_sansregular';
float: left;
width: 100%;
opacity: 0;
color: #fff;
-webkit-transform: translateX(-200px);
-ms-transform: translateX(-200px);
transform: translateX(-200px);
-webkit-transition: 1s all ease-out;
-o-transition: 1s all ease-out;
transition: 1s all ease-out; }


.structure .wrap-floor-accordian p {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition: 1s all ease-out;
-o-transition: 1s all ease-out;
transition: 1s all ease-out; 
}


.structure .wrap-floor-accordian .slider-caption .more {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition: 1s all ease-out;
-o-transition: 1s all ease-out;
transition: 1s all ease-out; 
float: none;
display: inline-block;
}

.inner-spotlight {
    width: 100%;
    float: left;
    padding: 0px;  
    position: relative;
}
.inner-page-wrap {
    width: 100%;
    float: left;
    padding: 85px 0;
    background-color:#fff;
    position: relative;
}
address.card {
    background: #f7eade;
    color: #7a7a7a;
    text-align: center;
    padding: 25px 30px;
    width: 100%;
    height: auto;
    font-size: 19px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
address.card p {
color: #111821;
}

address.card h4 {
    color: #111821;
    margin: 0 0 15px;
}
.wrap-contact-form {
    display: block;
    background: #f7eade;
    padding: 25px 30px;
}

.wrap-contact-form h4 {
    color: #111821;
    margin: 0 0 13px;
}
.wrap-contact-form li {
    margin: 0 0 15px;
    position: relative;
}
.wrap-contact-form input {
    background: #fff;
    border: none;
    border-radius: 0;
    float: left;
    height: 55px;
    outline: medium none;
    padding: 10px 15px;
    width: 100%;
    color: #7a7a7a;
    font-size: 18px;
    opacity: 1;
}
.wrap-contact-form textarea {
     background: #fff;
    border: none;
    border-radius: 0;
    float: left;
    font-size: 14px;
    height: 182px;
    outline: none;
    padding: 10px 15px;
    width: 100%;
    color: #7a7a7a;
    opacity: 1;
    font-size: 18px;
}

.captche .img-responsive {
    left: 15px;
    position: absolute;
    top: 0px;
}
.wrap-contact-form button {
    background: #000;
    border: none;
    border-radius: 0;
    color: rgb(255, 255, 255);
    display: inline-block;
    float: right;
    font-size: 18px;
    text-transform: uppercase;
    height: 55px;
    line-height: 18px;
    padding: 10px 45px 10px 45px;
    text-align: center;
    position: relative;
}


address.card ul.social{
float: none;
display: block;
padding-left: 0px;
    margin: 14px 0 18px;
text-align: center;
}


address.card ul.social li{
display: inline-block;
float: none;
margin: 0 5px;
}
address.card ul.social li a{
color: #c09a5e;
font-size: 28px;
line-height: 70px;
width: 70px;
height: 70px;
float: left;
border:1px solid #c09a5e;
text-align: center;
color: #c09a5e;
}

address.card ul.social li a:hover{
background-color: #c09a5e;
color: #fff;
}


@media only screen and (max-width: 1570px) {

.client-slider .owl-nav .owl-prev:before {
left:0px;
}
.client-slider .owl-nav .owl-next:before {
right:0px;
}
}

@media only screen and (max-width: 1350px) {
.retail-tab-wrap .nav-tabs>li .tab-round {
width: 180px;
height: 180px;
padding: 21px 0 0;
}
.retail-tab-wrap .nav-tabs>li .tab-round span {
font-size: 42px;
margin-left: -28px; 
}
.retail-tab-wrap .nav-tabs>li .tab-round p {
font-size: 16px;
}
.retail-tab-wrap .big-txt {
font-size: 160px;
line-height: 165px;
}
}

@media only screen and (max-width: 1326px) {
ul.social li a {
font-size: 19px;   
}
ul.social li {
padding-left: 0px;
}
}


@media only screen and (max-width: 1299px) {
.main-nav li > a {
font-size: 14px;
padding: 40px 14px;  
}
}
@media only screen and (max-width: 1199px) {
retail-tab-wrap .nav-tabs>li .tab-round {
margin: 2px;
}
.mob-test{
display: block;
width: 100%;
height: 100%;
position: fixed;
z-index: 100;
background-color: rgba(0,0,0,1);
text-align: center;
padding: 5% 0;
color: #fff;
font-family: 'ralewayextralight';
font-size: 20px;
}
.time-slider .item span {
font-size: 10px;
line-height: 13px;
}
.time-wrap:before {
font-size: 18px;  
}
}
@media only screen and (max-width: 991px) {

.info-wrap li .bx-wrap {
width: 100%;
float: left;
text-align: center;
position: relative;
min-height: 0px;
margin-bottom: 15px;
text-align: center;
padding-bottom: 20px;
border-right:none;
border-bottom: 1px solid #e0cdaf;
}
.info-wrap li .bx-wrap i {

margin-right: 0px;
margin-bottom: 8px;
text-align: center;
float: none;
display: inline-block;

}

.info-wrap li .bx-wrap .info-content {
width: 100%;
float: left;
height: auto;
}
.main-form li {
margin-bottom: 10px;
position: relative;
width: 100%;
float: left;
}
.wrap-contact-map .no-padding {
clear: both;
}
.form-wrap {
width: 100%;
float: right;
padding: 0;
}
.captche-wrap {
width: 100%;
float: left;
}
.map-wrap {
width: 100%;
clear: both;
}
.wrap-floor-accordian{
display: block;
}
.main-nav li > a {
    font-size: 11px;
    padding: 7px 8px 5px;
    float: left;
}
.search-wrap {
padding-left:0px;
}
.page-logo {
position: static;
}

.time-slider .item {
width: 100%;
overflow: hidden;
float: left;
}
.features-wrap li:first-child .icon-bx {
width: 97%;
margin: 0 11px 15px;
}
.features-wrap li .icon-bx{
margin: 0 11px 15px;
}
.home-spotlight {
width: 100%;
float: left;
padding: 20px 0px;
}
.tittle h2 {
font-size: 34px;
}
.tittle p {
font-size: 17px;
}
.about-wrap {
padding: 25px 0;
}
.mobile-view-accordian{
display: block;
}
.retail-wrap {
background-position: 0 0px;
}
}
@media only screen and (max-width: 767px) {
.header-top {
background-color: transparent;
float: left;
width: 38%;
}
.header-top .container{
padding: 0px;
}
.header-bottom .search-wrap{
display: none;
}
.header-top .col-md-3 {
padding: 0px;
}
.header-top img {
width: 100%;
}
.header-bottom {
width: 62%;
float: left;
padding-top: 10%;
}

header{
    background: #c40032;
    float: left;
    width: 100%;
}	
.wrap-main-nav {
display: none;
}

ul.social {
float: left;
padding-left: 0px;
margin-top: -65px;
}
ul.social li a {
line-height: 20px;
}
.search-wrap {
height: 0px;
}
.form-search button {
height: 35px;
padding: 4px 15px;
font-size: 15px; 
}
.form-search input {
height: 35px;
padding: 10px 15px 10px 10px;  
font-size: 14px;
}
nav {
position: absolute;
top: 15px;
display: block;
left: 0;
width: 100%;
height: 60px;
pointer-events: none;
z-index: 4;
background-color: transparent;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); 
}


.menu-container {
position: relative;
pointer-events: fill;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition: -webkit-transform 0.25s ease-out;
transition: -webkit-transform 0.25s ease-out;
-o-transition: transform 0.25s ease-out;
transition: transform 0.25s ease-out;
transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out; }


.view-submenu .menu-container {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%); }
ul.menu {
position: absolute;
top: 51px;
padding: 6px;
width: 100%;
height: auto;
color: #ededed;
background-color:rgba(3, 3, 4, 0.9);
}
ul.menu li {
float: left;
width: 100%;
}


ul.menu li a {
opacity: 0;
display: block;
padding: 10px 12px;
position: relative;
cursor: pointer;
border-radius: 0px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
color: #fff;
-webkit-transform: translateY(12px);
-ms-transform: translateY(12px);
transform: translateY(12px);
-webkit-transition: opacity 0.15s 0.1s ease-out, -webkit-transform 0.15s 0.1s ease-out;
transition: opacity 0.15s 0.1s ease-out, -webkit-transform 0.15s 0.1s ease-out;
-o-transition: opacity 0.15s 0.1s ease-out, transform 0.15s 0.1s ease-out;
transition: opacity 0.15s 0.1s ease-out, transform 0.15s 0.1s ease-out;
transition: opacity 0.15s 0.1s ease-out, transform 0.15s 0.1s ease-out, -webkit-transform 0.15s 0.1s ease-out; }

ul.menu li.has-children span {
position: absolute;
top: 0;
right: 0;
bottom: 0;
margin: auto;
padding: 12px 16px;
text-indent: -9999px; }
ul.menu li.has-children span:after {
content: "";
position: absolute;
top: 0;
right: 12px;
bottom: 0;
margin: auto;
padding: 4px;
width: 0px;
height: 0px;
cursor: pointer;
font-size: 0;
border-bottom: 2px solid #ededed;
border-right: 2px solid #ededed;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg); }
ul.menu li.has-children span:hover:after {
border-color: #bababa; }
.menu {
opacity: 0;
-webkit-transition: background-color 0.25s ease-out, opacity 0.15s ease-out;
-o-transition: background-color 0.25s ease-out, opacity 0.15s ease-out;
transition: background-color 0.25s ease-out, opacity 0.15s ease-out; }
.menu.is-visible {
opacity: 1; }
.menu.is-visible li a {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); }

.menu.is-visible li a:hover{
background: #2b3137;
}

.view-submenu .menu {
background-color: #3e3e3e; }
.view-submenu .menu > li > a {
opacity: 0;
-webkit-transition: opacity 0.15s ease-out;
-o-transition: opacity 0.15s ease-out;
transition: opacity 0.15s ease-out; }
.submenu {
position: absolute;
top: 0;
width: 100%;
height: 100%;
left: 100%;
background-color:rgba(3, 3, 4, 0.9); }
.submenu li {
margin-left: 40px; }
.hide-submenu {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 100%;
cursor: pointer;
background-color: #313131;
-webkit-transition: background-color 0.25s ease-out;
-o-transition: background-color 0.25s ease-out;
transition: background-color 0.25s ease-out; }
.hide-submenu:before {
opacity: 0;
content: ""
position: absolute;
top: 20px;
right: 12px;
margin: auto;
padding: 4px;
width: 15px;
height: 15px;
cursor: pointer;
font-size: 0;
border-bottom: 2px solid #ededed;
border-right: 2px solid #ededed;
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
left: 0;
right: -6px;
-webkit-transition: opacity 0.1s ease-out;
-o-transition: opacity 0.1s ease-out;
transition: opacity 0.1s ease-out; }
.view-submenu .hide-submenu {
background-color:#1b1f1f; 
}
.view-submenu .hide-submenu:before {
opacity: 1;
-webkit-transition: opacity 0.15s 0.3s ease-out;
-o-transition: opacity 0.15s 0.3s ease-out;
transition: opacity 0.15s 0.3s ease-out; }
.toggle {
position: absolute;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
top: 0;
right: 15px;
bottom: 24px;
padding: 10px;
border: 1px solid rgba(255,255,255,0.8);
margin: auto;
cursor: pointer;
pointer-events: fill;

}
.toggle span {
position: relative;
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
font-size: 0;
width: 26px;
height: 2px;
background-color: #ffffff;
border-radius: 100px;
-webkit-transition: background-color 0.2s ease-out;
-o-transition: background-color 0.2s ease-out;
transition: background-color 0.2s ease-out; }
.toggle span:before, .toggle span:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
background-color: #ffffff;
border-radius: 100px;
-webkit-transition: -webkit-transform .2s ease-out;
transition: -webkit-transform .2s ease-out;
-o-transition: transform .2s ease-out;
transition: transform .2s ease-out;
transition: transform .2s ease-out, -webkit-transform .2s ease-out; }
.toggle span:before {
bottom: calc(100% + 6px); }
.toggle span:after {
top: calc(100% + 6px); }
.is-visible .toggle span {
background-color: transparent; }
.is-visible .toggle span:before {
bottom: auto;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
.is-visible .toggle span:after {
top: auto;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg); }
.visually-hidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px; 
} 
.home-spotlight .slider-caption {
right: 0px;
text-align: center;
width: 100%;

}

.home-spotlight .slider-caption h2 {
font-size: 27px;
text-align: center;
line-height: 20px;
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
.home-spotlight .slider-caption .more {
padding: 6px 14px;
font-size: 20px;
line-height: 22px;
float: none;
display: inline-block;
-webkit-transform: translateX(-30px);
-ms-transform: translateX(-30px);
transform: translateX(-30px);
}

.home-spotlight .slider-caption p{
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
-webkit-transition: 1s all ease-out;
-o-transition: 1s all ease-out;
transition: 1s all ease-out; 
}

.home-spotlight .owl-dots {
bottom: 25px;
display: none;
}
.mobile-view-accordian{
text-align: center;
}
.mobile-view-accordian .more {
display: inline-block;
clear: both;
float: none;
margin: 35px 0;
}
.mobile-view-accordian h3 {
text-align: center;
}
.mobile-view-accordian span {
float: left;
width: 100%;
}

.mobile-view-accordian figure img {
margin:  auto;
}

.form-wrap h3 {
font-size: 24px;
}
.features-wrap li:first-child .icon-bx {
width: 100%;
margin: 0 0 15px;
}
.features-wrap li .icon-bx {
width: 100%;
margin: 0 0 15px;
}
.offer-wrap .owl-item img {
width: 100%;
height: auto;
}
.scroll-wrap a:before {
line-height: 34px;
}
.scroll-wrap a {
width: 36px;
height: 36px;
}
}


.listing{
	display: block;
}

.listing li{
display: block;
    margin: 0 0 25px;
    padding: 0 0 0 32px;
    font-size: 16px;
    position: relative;
    line-height: 27px;
}
.listing li:before{
content: '\e816';
    font-family: "mall";
    font-size: 25px;
    color: #c09a5e;
    position: absolute;
    left: 0;
    top: 1px;
}

.client-slider{
	display: block;
	text-align: center;
}
.client-slider .item{
	display: inline-block;
}


.floor-plan-wrap .nav-tabs>li {
    float: left;
    margin-bottom:0px;
    border: none;
    outline: none;
    border-radius: 10px;
}

.floor-plan-wrap .nav-tabs>li>a {
    margin-right: 0px;
    line-height: 1.42857143;
    border: none;
    padding: 0px;
    border:none;
    border-radius: 0;
}


.floor-plan-wrap li .icon-bx{  
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
width: 99%;
text-align: center;
margin:0px 2px;
min-height: 145px;
border-radius: 10px;
padding: 35px 0;
border-radius: 8px;
border:none;
background-color: #c09a5e;
}
.floor-plan-wrap .nav-tabs>li.active {
border: none;
    outline: none;
}

.floor-plan-wrap .nav-tabs>li.active  .icon-bx {
border:none;
background-color: rgba(0,0,0,1);
}

.floor-plan-wrap li .icon-bx figure{  
display: block;
text-align: center;
}
.floor-plan-wrap li .icon-bx img{  
width: auto; 
float: none;
margin: 0 auto; 
}
.floor-plan-wrap li .icon-bx figcaption{  
display: block;
text-align: center;
color: #fff;
font-size: 18px;
text-align: center;
text-transform: uppercase;
font-family: 'open_sansbold';
}
.floor-plan-wrap .tab-content {
    width: 100%;
    float: left;
    padding-top: 35px;
}
.floor-plan-wrap .tab-pane {
    position: relative;
}
.floor-plan-wrap .slider-caption {
    width: 100%;
    position: static;
    left: 0px;
    bottom: 20px;
    z-index: 2;
color: #111821;
}


.floor-plan-wrap .tab-pane.active .slider-caption h2{
font-size: 44px;
font-family: 'ralewaybold';
float: left;
    margin: 0 0 25px;
text-transform: uppercase;
width: 100%;
line-height: 58px;
opacity: 0;
color: #111821;
-webkit-transform: translateX(-300px);
-ms-transform: translateX(-300px);
transform: translateX(-300px);
-webkit-transition: 1s all ease-out;
-o-transition: 1s all ease-out;
transition: 1s all ease-out; }


.floor-plan-wrap .tab-pane.active .slider-caption h2 {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition: 1s all ease-out;
-o-transition: 1s all ease-out;
transition: 1s all ease-out; }


.floor-plan-wrap .tab-pane p{
font-size: 18px;
font-family: 'open_sansregular';
float: left;
width: 100%;
opacity: 0;
color: #111821;
-webkit-transform: translateX(-200px);
-ms-transform: translateX(-200px);
transform: translateX(-200px);
-webkit-transition: 1s all ease-out;
-o-transition: 1s all ease-out;
transition: 1s all ease-out; }


.floor-plan-wrap .tab-pane.active p {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition: 1s all ease-out;
-o-transition: 1s all ease-out;
transition: 1s all ease-out; 
}


.floor-plan-wrap .tab-pane .slider-caption .more{
opacity: 0;
-webkit-transform: translateX(-400px);
-ms-transform: translateX(-400px);
transform: translateX(-400px);
-webkit-transition: 1s all ease-out;
-o-transition: 1s all ease-out;
transition: 1s all ease-out; 
}


.floor-plan-wrap .tab-pane.active .slider-caption .more {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition: 1s all ease-out;
-o-transition: 1s all ease-out;
transition: 1s all ease-out; 
}
.floor-plan-wrap .tab-pane{
position: relative;
}

.floor-plan-wrap .tab-pane .col-md-5{
min-height: 510px;
position: relative;
}

@media only screen and (max-width:991px) {
.floor-plan-wrap .panel-group.responsive.visible-xs.visible-sm{
	display: none!important;
}
}

.retail-wrapper li{
 margin: 0 0 30px;
}
.retail-wrapper li .wrap-bx{
    width: 100%;
    float: left;
    padding: 25px;
    border-top: 7px solid #c09a5e;
    border-left: 1px solid #ccc;
    border-bottom: 2px solid #ccc;
    border-right: 1px solid #ccc;
    position: relative;
}

.retail-wrapper li .wrap-bx h2{
 width: 100%;
text-align: left;
font-family: 'ralewaysemibold';
margin: 0 0 10px;
color: #000;
padding: 0 0 8px;
font-size: 28px;
text-transform: uppercase;
position: relative;
}
.retail-wrapper li .wrap-bx h2:after{
width: 40%;
height: 2px;
content: "";
background-color: #c09a5e;
position: absolute;
left: 0px;
bottom:-2px;
}

.retail-wrapper li .wrap-bx h1{
    width: 185px;
    height: 185px;
    border-radius: 115px;
    background-color: #c5002e;
    text-align: center;
    font-family: 'open_sansbold';
    margin: 15px 0;
    color: #fff;
    display: table;
    margin: 25px auto;
    padding: 0;
    line-height: 177px;
    font-size: 70px;
    text-transform: uppercase;
    position: relative;
}

.retail-wrapper li .wrap-bx span{
width: 100%;
    text-align: left;
    margin: 0 0 10px;
    color: #c09a5e;
    padding: 0 0 8px;
    float: left;
    font-size: 24px;
    position: relative;
}

.retail-wrapper li .tab-listing{
    width: 100%;
    float: left;
    margin: 0 0 0;
}
.retail-wrapper li .tab-listing li{
    width: 100%;
    float: left;
    font-family: 'ralewayregular';
    font-size: 16px;
    color: #000;
    padding: 0 0 0 25px;
    margin: 0 0 5px;
    position: relative;
}
.retail-wrapper li .tab-listing li:before{
content: '\e816';
    font-family: "mall";
    font-size: 18px;
    color: #c09a5e;
    position: absolute;
    left: 0;
    top: 1px;
}


.client-slider .item figure {
    float: left;
    width: 35%;
    margin: 0 0 15px;
    padding: 0 15px 0 0;
}
.client-slider .item {
     padding:8px;
}
.client-slider .wrap-news{
	width: 100%;
	float: left;
	text-align: left;
	padding: 10px;
		border:1px solid rgba(0,0,0,0.2);
}

.client-slider .wrap-news.ar{
	width: 100%;
	float: left;
	text-align: right;
	padding: 10px;
	border:1px solid rgba(0,0,0,0.2);
}
.client-slider .item .wrap-news.ar figure {
    float: right;
    width: 35%;
    margin: 0 0 15px;
    padding: 0 0px 0 15px;
}
.client-slider .fig-content {
	display: table-cell;
	text-align: left;
}
.client-slider .fig-content h4 {
    display: block;
     color: #000;
    font-size: 14px;
    text-align: left;
    margin: 0 0 7px;
    text-transform: uppercase;
    font-family: 'open_sansbold';
}



.client-slider .item .wrap-news.ar .fig-content {
	display: table-cell;
	text-align: right;
	direction: rtl;
	    text-transform: inherit;
    font-family: tahoma;
}
.client-slider .item .wrap-news.ar .fig-content h4 {
    display: block;
   text-align: right;
	direction: rtl;
    color: #000;
    font-size: 14px;
     margin: 0 0 7px;
    text-transform: inherit;
    font-family: tahoma;
}
.client-slider .item .wrap-news.ar .fig-content p {
    display: block;
   text-align: right;
	direction: rtl;
    color: #000;
    font-size: 12px;
    text-align: center;
    margin: 0 0 7px;
    text-transform: inherit;
    font-family: tahoma;
}
.client-slider .item figure img {
    width: 100%;
   height: auto;
}
.client-slider .item a {
 color: #000;
}

.client-slider .owl-nav {
position: absolute;
top: 50%;
width: 100%;
margin-top: -38px;
}
.client-slider .owl-nav div {
font-size: 25px;
text-indent: -9999px;
}
.client-slider .owl-nav .owl-prev:before {
content: '\e817';
left: -80px;
}
.client-slider .owl-nav div:before {
color: #7f7f7f;
font-family: 'mall';
text-indent: 0px;
position: absolute;
font-size: 60px;
line-height: 53px;
text-align: center;
top: 50%;
margin-top: -35px;
}
.client-slider .owl-nav .owl-next:before {
content: '\e812';
right: -80px;
}

@media only screen and (max-width: 767px) {
.parallax{
	display: none;
	}
.home-spotlight .slider-caption p {
    font-size: 29px;
}
.home-spotlight .slider-caption h2 {
    font-size: 23px;
}
.info-wrap {
    padding: 50px 10px;
}
}
@media only screen and (max-width: 640px) {
.client-slider .item .wrap-news.ar figure, .client-slider .item .wrap-news figure{
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0px;
}
}
.goldtxt{color:#c09a5e;}
.justify p{text-align:justify;}