img { height:auto } @font-face { font-family: 'courgetteregular'; src: url('../fonts/courgette-regular-webfont.woff2') format('woff2'), url('../fonts/courgette-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'robotoregular'; src: url('../fonts/roboto-regular-webfont.woff2') format('woff2'), url('../fonts/roboto-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'robotomedium'; src: url('../fonts/roboto-medium-webfont.woff2') format('woff2'), url('../fonts/roboto-medium-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } /* -------------------------------------------------------------------------------------------- Animation -------------------------------------------------------------------------------------------- */ .animated{-webkit-animation-duration:1s;animation-duration:1s;-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}.delay-250{-webkit-animation-delay:.25s;-moz-animation-delay:.25s;-o-animation-delay:.25s;animation-delay:.25s}.delay-500{-webkit-animation-delay:.5s;-moz-animation-delay:.5s;-o-animation-delay:.5s;animation-delay:.5s}.delay-750{-webkit-animation-delay:.75s;-moz-animation-delay:.75s;-o-animation-delay:.75s;animation-delay:.75s}.delay-1000{-webkit-animation-delay:1s;-moz-animation-delay:1s;-o-animation-delay:1s;animation-delay:1s}.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:2s;-moz-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s}.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:2s;-moz-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s}.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:3s;-moz-animation-delay:3s;-o-animation-delay:3s;animation-delay:3s}.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);transform:translateX(400px)}.fadeInRight,.fadeInLeft,.fadeInUp,.fadeInDown{opacity:0;-webkit-transform:translateX(400px);transform:translateX(400px)}.flipInX,.flipInY,.rotateIn,.rotateInUpLeft,.rotateInUpRight,.rotateInDownLeft,.rotateDownUpRight,.rollIn{opacity:0}.lightSpeedInRight,.lightSpeedInLeft{opacity:0;-webkit-transform:translateX(400px);transform:translateX(400px)}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05)}70%{-webkit-transform:scale(.9)}100%{-webkit-transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}100%{transform:scale(1)}}.bounceIn.go{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-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;transform:translateX(400px)}60%{transform:translateX(-30px)}80%{transform:translateX(10px)}100%{opacity:1;transform:translateX(0)}}.bounceInRight.go{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-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;transform:translateX(-400px)}60%{transform:translateX(30px)}80%{transform:translateX(-10px)}100%{opacity:1;transform:translateX(0)}}.bounceInLeft.go{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-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;transform:translateY(400px)}60%{transform:translateY(-30px)}80%{transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}.bounceInUp.go{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-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;transform:translateY(-400px)}60%{transform:translateY(30px)}80%{transform:translateY(-10px)}100%{opacity:1;transform:translateY(0)}}.bounceInDown.go{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-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}@-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%{transform:scale(0.2);opacity:0}50%{transform:scale(1.2)}100%{transform:scale(1);opacity:1}}.growIn{-webkit-transform:scale(0.2);transform:scale(0.2);opacity:0}.growIn.go{-webkit-animation-name:growIn;animation-name:growIn}@-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%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}.shake.go{-webkit-animation-name:shake;animation-name:shake}@-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%{transform:translateY(0)}10%,30%,50%,70%,90%{transform:translateY(-10px)}20%,40%,60%,80%{transform:translateY(10px)}}.shakeUp.go{-webkit-animation-name:shakeUp;animation-name:shakeUp}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-400px)}50%{opacity:.3}100%{opacity:1;-webkit-transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-400px)}50%{opacity:.3}100%{opacity:1;transform:translateX(0)}}.fadeInLeft{opacity:0;-webkit-transform:translateX(-400px);transform:translateX(-400px)}.fadeInLeft.go{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(400px)}50%{opacity:.3}100%{opacity:1;-webkit-transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(400px)}50%{opacity:.3}100%{opacity:1;transform:translateX(0)}}.fadeInRight{opacity:0;-webkit-transform:translateX(400px);transform:translateX(400px)}.fadeInRight.go{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(400px)}50%{opacity:.3}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(400px)}50%{opacity:.3}100%{opacity:1;transform:translateY(0)}}.fadeInUp{opacity:0;-webkit-transform:translateY(400px);transform:translateY(400px)}.fadeInUp.go{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-400px)}50%{opacity:.3}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-400px)}50%{opacity:.3}100%{opacity:1;transform:translateY(0)}}.fadeInDown{opacity:0;-webkit-transform:translateY(-400px);transform:translateY(-400px)}.fadeInDown.go{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-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%{transform-origin:center center;transform:rotate(-200deg);opacity:0}100%{transform-origin:center center;transform:rotate(0);opacity:1}}.rotateIn.go{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-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%{transform-origin:left bottom;transform:rotate(90deg);opacity:0}100%{transform-origin:left bottom;transform:rotate(0);opacity:1}}.rotateInUpLeft.go{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-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%{transform-origin:left bottom;transform:rotate(-90deg);opacity:0}100%{transform-origin:left bottom;transform:rotate(0);opacity:1}}.rotateInDownLeft.go{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-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%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}100%{transform-origin:right bottom;transform:rotate(0);opacity:1}}.rotateInUpRight.go{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-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%{transform-origin:right bottom;transform:rotate(90deg);opacity:0}100%{transform-origin:right bottom;transform:rotate(0);opacity:1}}.rotateInDownRight.go{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-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;transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;transform:translateX(0px) rotate(0deg)}}.rollIn.go{-webkit-animation-name:rollIn;animation-name:rollIn}@-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%{transform:skewX(9deg)}10%{transform:skewX(-8deg)}20%{transform:skewX(7deg)}30%{transform:skewX(-6deg)}40%{transform:skewX(5deg)}50%{transform:skewX(-4deg)}60%{transform:skewX(3deg)}70%{transform:skewX(-2deg)}80%{transform:skewX(1deg)}90%{transform:skewX(0deg)}100%{transform:skewX(0deg)}}.wiggle.go{-webkit-animation-name:wiggle;animation-name:wiggle;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-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%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}100%{transform:rotate(0deg)}}.swing.go{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-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%{transform:scale(1)}10%,20%{transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}100%{transform:scale(1) rotate(0)}}.tada.go{-webkit-animation-name:tada;animation-name:tada}@-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%{transform:translateX(0%)}15%{transform:translateX(-25%) rotate(-5deg)}30%{transform:translateX(20%) rotate(3deg)}45%{transform:translateX(-15%) rotate(-3deg)}60%{transform:translateX(10%) rotate(2deg)}75%{transform:translateX(-5%) rotate(-1deg)}100%{transform:translateX(0%)}}.wobble.go{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.1)}100%{-webkit-transform:scale(1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.pulse.go{-webkit-animation-name:pulse;animation-name:pulse}@-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%{transform:translateX(100%) skewX(-30deg);opacity:0}60%{transform:translateX(-20%) skewX(30deg);opacity:1}80%{transform:translateX(0%) skewX(-15deg);opacity:1}100%{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}@-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%{transform:translateX(-100%) skewX(30deg);opacity:0}60%{transform:translateX(20%) skewX(-30deg);opacity:1}80%{transform:translateX(0%) skewX(15deg);opacity:1}100%{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}@-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(.95);-webkit-animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) scale(1);-webkit-animation-timing-function:ease-in}}@keyframes flip{0%{transform:perspective(400px) rotateY(0);animation-timing-function:ease-out}40%{transform:perspective(400px) translateZ(150px) rotateY(170deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);animation-timing-function:ease-in}80%{transform:perspective(400px) rotateY(360deg) scale(.95);animation-timing-function:ease-in}100%{transform:perspective(400px) scale(1);animation-timing-function:ease-in}}.flip.go{-webkit-backface-visibility:visible!important;-webkit-animation-name:flip;backface-visibility:visible!important;animation-name:flip}@-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%{transform:perspective(400px) rotateX(90deg);opacity:0}40%{transform:perspective(400px) rotateX(-10deg)}70%{transform:perspective(400px) rotateX(10deg)}100%{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}@-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%{transform:perspective(400px) rotateY(90deg);opacity:0}40%{transform:perspective(400px) rotateY(-10deg)}70%{transform:perspective(400px) rotateY(10deg)}100%{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}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1)}25%{-webkit-transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3)}}@keyframes bounceOut{0%{transform:scale(1)}25%{transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}100%{opacity:0;transform:scale(.3)}}.bounceOut.goAway{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-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%{transform:translateY(0)}20%{opacity:1;transform:translateY(20px)}100%{opacity:0;transform:translateY(-2000px)}}.bounceOutUp.goAway{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-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%{transform:translateY(0)}20%{opacity:1;transform:translateY(-20px)}100%{opacity:0;transform:translateY(2000px)}}.bounceOutDown.goAway{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-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%{transform:translateX(0)}20%{opacity:1;transform:translateX(20px)}100%{opacity:0;transform:translateX(-2000px)}}.bounceOutLeft.goAway{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-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%{transform:translateX(0)}20%{opacity:1;transform:translateX(-20px)}100%{opacity:0;transform:translateX(2000px)}}.bounceOutRight.goAway{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-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}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px)}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-2000px)}}.fadeOutUp.goAway{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(2000px)}}.fadeOutDown.goAway{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px)}}@keyframes fadeOutLeft{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-2000px)}}.fadeOutLeft.goAway{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px)}}@keyframes fadeOutRight{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(2000px)}}.fadeOutRight.goAway{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{transform:perspective(400px) rotateX(0deg);opacity:1}100%{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}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{transform:perspective(400px) rotateY(0deg);opacity:1}100%{transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;-webkit-animation-name:flipOutY;backface-visibility:visible!important;animation-name:flipOutY}@-webkit-keyframes lightSpeedOutRight{0%{-webkit-transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);opacity:0}}@keyframes lightSpeedOutRight{0%{transform:translateX(0%) skewX(0deg);opacity:1}100%{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}@-webkit-keyframes lightSpeedOutLeft{0%{-webkit-transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(-100%) skewX(30deg);opacity:0}}@keyframes lightSpeedOutLeft{0%{transform:translateX(0%) skewX(0deg);opacity:1}100%{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}@-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%{transform-origin:center center;transform:rotate(0);opacity:1}100%{transform-origin:center center;transform:rotate(200deg);opacity:0}}.rotateOut.goAway{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-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%{transform-origin:left bottom;transform:rotate(0);opacity:1}100%{-transform-origin:left bottom;-transform:rotate(-90deg);opacity:0}}.rotateOutUpLeft.goAway{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-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%{transform-origin:left bottom;transform:rotate(0);opacity:1}100%{transform-origin:left bottom;transform:rotate(90deg);opacity:0}}.rotateOutDownLeft.goAway{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-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%{transform-origin:right bottom;transform:rotate(0);opacity:1}100%{transform-origin:right bottom;transform:rotate(90deg);opacity:0}}.rotateOutUpRight.goAway{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-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;transform:translateX(0px) rotate(0deg)}100%{opacity:0;transform:translateX(100%) rotate(120deg)}}.rollOut.goAway{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes fadeInUpShort{0%{opacity:0;-webkit-transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes fadeInUpShort{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}.fadeInUpShort{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}.fadeInUpShort.go{-webkit-animation-name:fadeInUpShort;animation-name:fadeInUpShort}@-webkit-keyframes fadeInDownShort{0%{opacity:0;-webkit-transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes fadeInDownShort{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}.fadeInDownShort{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}.fadeInDownShort.go{-webkit-animation-name:fadeInDownShort;animation-name:fadeInDownShort}@-webkit-keyframes fadeInRightShort{0%{opacity:0;-webkit-transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0)}}@keyframes fadeInRightShort{0%{opacity:0;transform:translateX(20px)}100%{opacity:1;transform:translateX(0)}}.fadeInRightShort{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}.fadeInRightShort.go{-webkit-animation-name:fadeInRightShort;animation-name:fadeInRightShort}@-webkit-keyframes fadeInLeftShort{0%{opacity:0;-webkit-transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0)}}@keyframes fadeInLeftShort{0%{opacity:0;transform:translateX(-20px)}100%{opacity:1;transform:translateX(0)}}.fadeInLeftShort{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}.fadeInLeftShort.go{-webkit-animation-name:fadeInLeftShort;animation-name:fadeInLeftShort} /* -------------------------------------------------------------------------------------------- Reset -------------------------------------------------------------------------------------------- */ * { margin:0;padding:0 } h1,h2,h3,h4,h5,h6,ul,li,ol,p,a{padding:0;margin:0;font-weight:normal;} a:focus{outline:0}a:link,a:visited{text-decoration:none;color:#000; transition: .5s ease;}a:hover{color:#0093dd}img{border:none;vertical-align:top;max-width:100%;height:auto}li{list-style-type:none}\ .sideAlign{padding:15px 20px}a:focus{outline:0}.clear{clear:both}.border{margin-top:5px;margin-bottom:10px;border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:#B3B39D}.expBlock,.destBlock{background-color:#F2F2F2;padding:15px 20px;border-width:1px;border-style:dotted;border-color:#B3B39D;margin-top:5px;margin-bottom:10px} html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent} body{line-height:1;text-align:justify} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block} nav ul{list-style:none} blockquote,q{quotes:none} blockquote:before,blockquote:after,q:before,q:after{content:'';content:none} a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none} li{list-style-type:none} ins{background-color:#ff9;color:#000;text-decoration:none} mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700} del{text-decoration:line-through} abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help} table{border-collapse:collapse;border-spacing:0} hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0} input,select{vertical-align:middle} img{max-width:100%;vertical-align:text-bottom;height:auto;vertical-align:top} .clear{clear:both} address{font-style:normal} li{list-style-type:none} .clear { clear:both; float:none } p { line-height:18px; } html, body { height: 100%; font-family: 'oxygenregular'; } /* -------------------------------------------------------------------------------------------- Bx slider -------------------------------------------------------------------------------------------- */ .bx-wrapper{position:relative;margin-bottom:0;padding:0;*zoom:1;-ms-touch-action:pan-y;touch-action:pan-y}.bx-wrapper img{max-width:100%;display:block}.bxslider{margin:0;padding:0}ul.bxslider{list-style:none}.bx-viewport{-webkit-transform:translatez(0)}.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto{position:absolute;bottom:-30px;width:100%}.bx-wrapper .bx-loading{min-height:50px;background:url(../js/jquery.bxslider/images/bx_loader.gif) center center no-repeat #ffffff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}.bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:bold;color:#666;padding-top:20px}.bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:focus{background:#000}.bx-wrapper .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;vertical-align:bottom;*zoom:1;*display:inline}.bx-wrapper .bx-pager-item{font-size:0;line-height:0}.bx-wrapper .bx-prev{ background:url(../images/arrow-slide.png) no-repeat 0 -32px}.bx-wrapper .bx-prev:hover,.bx-wrapper .bx-prev:focus{background-position:0 0}.bx-wrapper .bx-next{right:10px;background:url(../images/arrow-slide.png) no-repeat right -32px}.bx-wrapper .bx-next:hover,.bx-wrapper .bx-next:focus{background-position:-43px 0}.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-9999px;z-index:9999}.bx-wrapper .bx-controls-direction a.disabled{display:none}.bx-wrapper .bx-controls-auto{text-align:center}.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(../js/jquery.bxslider/images/controls.png) -86px -11px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:focus{background-position:-86px 0}.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(../js/jquery.bxslider/images/controls.png) -86px -44px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:focus{background-position:-86px -33px}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666;background:rgba(80,80,80,0.75);width:100%}.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px} .bx-wrapper .bx-controls-direction a { top:0 } .bx-wrapper .bx-prev { right:51px; } .bx-wrapper .bx-next:hover { background-position:right 0px } /* -------------------------------------------------------------------------------------------- Mobile menu (mmenu) -------------------------------------------------------------------------------------------- */ #hamburger { left: 20px; position: fixed; top: 20px; z-index: 5; } #page, body > .submenu { } #page { box-shadow: none; position: relative; width: 100%; } html.mm-opened #page { overflow: hidden; } body.header #page { background-position: calc(50% + 730px) -750px; } /* -------------------------------------------------------------------------------------------- Menu - Navigation Default style -------------------------------------------------------------------------------------------- */ .ddsmoothmenu{width:100%;} .ddsmoothmenu ul{z-index:100;margin:0;padding:0;list-style-type:none} .ddsmoothmenu ul li{position:relative;display:inline;float:left} .ddsmoothmenu ul li a{display:block; color:#5a5a5a; padding:18px 10px;color:#2d2b2b;text-decoration:none} * html .ddsmoothmenu ul li a{display:inline-block} .ddsmoothmenu ul li a:link,.ddsmoothmenu ul li a:visited{color:#a69785; text-transform:capitalise; font-size:13.5pt} .ddsmoothmenu ul li a.selected{background:#0093dd!important;color:#fff} .ddsmoothmenu ul li a:hover, .ddsmoothmenu ul li .active:link, .ddsmoothmenu ul li .active:visited { color: white; } .ddsmoothmenu ul li ul{position:absolute;left:-3000px;display:none;visibility:hidden; background-color:#fff; -webkit-box-shadow: 10px 10px 5px -7px rgba(0,0,0,0.27); -moz-box-shadow: 10px 10px 5px -7px rgba(0,0,0,0.27); box-shadow: 10px 10px 5px -7px rgba(0,0,0,0.27); } .ddsmoothmenu ul li ul li{display:list-item;float:none} .ddsmoothmenu ul li ul li ul{top:0} .ddsmoothmenu ul li ul li a{font:normal 13px Verdana;width:320px;padding:5px;margin:0;border-top-width:0;border-bottom:1px solid gray; text-align:left} * html .ddsmoothmenu{height:1%} .downarrowclass{position:absolute;top:12px;right:7px} .rightarrowclass{position:absolute;top:6px;right:5px} .leftarrowclass{margin-right:5px} .ddshadow{position:absolute;left:0;top:0;width:0;height:0;background-color:#ccc} .toplevelshadow{margin:5px 0 0 5px;opacity:.8} .ddcss3support .ddshadow.toplevelshadow{margin:0} .ddcss3support .ddshadow{background-color:transparent;box-shadow:5px 5px 5px #aaa;-moz-box-shadow:5px 5px 5px #aaa;-webkit-box-shadow:5px 5px 5px #aaa} div.ddsmoothmobile{background:#414141;color:white;position:fixed;top:0;left:0;width:80%;height:100%;overflow:hidden;visibility:hidden;border-radius:0 0 10px 0;box-shadow:0 0 10px gray} div.ddsmoothmobile a{color:white;text-decoration:none} div.ddsmoothmobile div.topulsdiv{position:relative;background:#414141;overflow-y:auto;width:100%;height:100%} div.ddsmoothmobile ul{list-style:none;width:100%;top:0;left:0;background:#414141;margin:0;padding:0} div.ddsmoothmobile ul.submenu{position:absolute;height:100%;overflow-y:auto} div.ddsmoothmobile ul li{border-bottom:1px solid gray;position:relative;font-weight:bold} div.ddsmoothmobile ul li.breadcrumb{cursor:pointer;padding:10px;background:black} div.ddsmoothmobile ul li a{display:block;padding:10px 15px} div.ddsmoothmobile ul li a:hover{background:black} .animateddrawer{font-size:10px;width:3em;height:2.8em;outline:none;position:fixed;display:none;top:10px;right:10px;background:white;z-index:1000} .animateddrawer:before,.animateddrawer:after{position:absolute;content:'';display:block;width:100%;height:.6em;background:#11A6D1;border-radius:2px;top:0;left:0;opacity:1;-webkit-transition:all .3s ease-in;transition:all .3s ease-in} .animateddrawer:after{top:auto;bottom:0} .animateddrawer span{width:100%;height:.6em;background:#fff;position:absolute;top:50%;margin-top:-.3em;border-radius:2px;-ms-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transition:all .3s ease-in .3s;transition:all .3s ease-in .3s} .animateddrawer span::after{content:'';display:block;width:100%;height:.6em;background:#11A6D1;border-radius:2px;position:absolute;-ms-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transition:all .3s ease-in .3s;transition:all .3s ease-in .3s} .animateddrawer.open:before{top:50%;margin-top:-.3em;opacity:0} .animateddrawer.open:after{bottom:50%;opacity:0} .animateddrawer.open span{-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)} .animateddrawer.open span:after{-ms-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transform:rotate(-90deg)} /* ---------------- Custom changes ---------------- */ .ddsmoothmenu ul li ul li a { border-bottom:1px solid #f2f2f2; padding:10px 15px; width:160px; text-transform:uppercase !important } .projSelector .ddsmoothmenu ul li ul li a { padding-right:0 !important } /* -------------------------------------------------------------------------------------------- end ddsmooth menu -------------------------------------------------------------------------------------------- */ /* ----------------------------- Responsive tabs --------------------- */ .tab-menu { background-color:#E0E0E0 } ul.tabs-list{margin:0;padding:0;background:#323333} .tabs-list li{display:inline-block;padding:13px 15px 13px;margin:0;list-style:none;cursor:pointer;float:left;color:#555555;width:25%;text-align:center} .tabs-container{padding:0;clear:left} h2.accordion{cursor:pointer;padding:5px;display:none} .tab-content{display:none} .tab-active{border-bottom:none;margin-bottom:-1px!important;border-bottom:none;background-color:#023014; color:#fff !important } .content-active,.accordion-active{display:block} .tab-content{position:relative} h2.accordion{font-size:13px;border-bottom:1px solid #fff;margin:0;padding:10px 15px;text-transform:uppercase} h2.tab-active{border-bottom:0 solid #fff!important;margin-bottom:0!important;padding:10px 15px!important} h2.tab-title:last-child{border-bottom:12px solid #fff!important;background:blue} .vtabs ul.tabs-list{float:left;width:30%} h2[role=tab]{color:#fff!important} .vtabs .tabs-list li{display:block;padding:15px!important;margin:0;cursor:pointer;float:none} .vtabs .tabs-container{padding:0;background-color:#fff;border:1px solid #fff;float:left;width:68%;min-height:250px;border-radius:4px;clear:none} .vtabs .tab-content{border:none} .vtabs li.tab-active{border:1px solid #fff;border-right:none;background-color:#fff;position:relative;z-index:1;margin-right:-1px!important;padding:14px 15px 15px 14px!important} .arrow{width:0;height:0;float:right;margin-top:3px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:12px solid #fff} h2.tab-active span.arrow{border:none;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:12px solid #fff} h2.tab-active{background:#044926 !important} .easy-accordion h2.accordion{display:block} .easy-accordion .tab-content{border:1px solid #fff} .easy-accordion .tab-content:last-child{border-bottom:1px solid #fff!important} .jfit{width:100%;margin:0} .tab-content-active{display:block} h2.accordion:first-child{border-top:1px solid #fff!important} /* ----------------------------------------------------------------------- Custom CHanges ------------------------ */ .gallery-tabs .tabs-list li{font-size:10pt;font-weight:normal;width:24.9%;border:none;margin:0;padding-left:0;padding-right:0;border-right:1px solid #FFF} .tab-menu{padding-top:3px} .gallery-tabs .tab-menu,.gallery-tabs .resp-tab-item{background-image:url(../images/btm-section.jpg);background-position:center center} .resp-tabs-list li,.gallery-tabs .resp-tab-active{padding:13px 25px!important} .gallery-tabs .tab-content{background:rgba(255,255,255,0.5);padding:20px;min-height:150px;border:1px solid #EEEFF0} .gallery-tabs .tab-active{background-color:#734C17;padding:13px 0;color:#FFF} .tabs-subPage .tab-content{background-color:transparant;border:1px solid #e3e3e3;min-height:150px;padding:20px} /*Here your can change the breakpoint to set the accordion, when screen resolution changed*/ .prjmenu .tabs-list li { width:auto; font-size:13pt; } .prjmenu { width:360px; margin:0 auto; padding-top:10px; } .prjmenu .tab-active { background-color:transparent; color:red !important } @media only screen and (max-width: 719px) { .product-tabs { margin-top: 0 !important; } ul.tabs-list { display: none; } .tabs-container h2.accordion { background-color: #5d5348; } h2.accordion { display: block; } .vtabs .tab-content { border: 1px solid #C1C1C1; } .vtabs .tabs-container { border: none; float: none; width: 100%; min-height: initial; clear: none; } .accordion-closed { display:none !important; } .vtabs .tab-content:last-child { border-bottom: 1px solid #fff !important; } } body, html { position:relative; height:100%; font-size:10.5pt; font-family: 'robotoregular'; background-image:url(../images/body-bg.jpg); background-position:center top; background-repeat:repeat-x; background-color:#EEE9E3 } #page { border-top:1px solid #FFFFFF; } p { line-height:22px; padding-top:5px; } /*--------------------------- Common styles ---------------------------*/ .container{margin:0 auto; max-width:1000px; width:90% } .main-nav { background-image:url(../images/menu-bg.jpg); background-repeat:repeat-x; background-position:center top; } .headerWrapp { position:absolute; top:0; width:100%; z-index:12000 } .logo { text-align:center; transition: .5s ease; position:absolute; width:100%; left:0; background-image:url(../images/logo-bg.png); background-repeat:no-repeat; background-position:bottom center; padding-bottom:24px; padding-top:25px; } .logo img { width:180px; } .logo-wrapp { position:relative; } .bannerWrapp { padding-top:82px; } .top-mail, .top-call { float:left; position:relative; z-index:1200; padding-top:25px; } .top-mail a:link, .top-mail a:visited, .top-call a:link, .top-call a:visited { font-size:12pt; color:#62594e } .top-call { float:right } .bannerWrapp .container { position:relative; width:90%; max-width:1400px; padding:0 } .bannerWrapp img { width:100% } .caption { width:250px; position:absolute; z-index:1200; bottom:40px; left:60px; } .welcomeWRapp { padding:40px 0; text-align:center } .welcomeWRapp article { padding-top:15px; color:#62594e } .room-wrapp li { display:block; float:left; position:relative; padding:40px 0px; width:48%; text-align:center } .room-wrapp li:last-child { float:right !important } .room-wrapp .align { background-image:url(../images/room-bg.jpg); min-height:400px; background-repeat:no-repeat } .room-sli-cnt { position:absolute; top:0; left:0; width:84%; padding:0 8% } .room-sli-cnt img { width:100% } .rpm-sli-tex { padding:9px; margin-top:75px; border:2px solid #b7a690; color:#b4ada4 } .rpm-sli-tex p { padding:5px 20px; } .rpm-sli-btns { padding-top:20px; } .rpm-sli-btns li { display:block; float:left; width:50%; padding:0 !important } .rpm-sli-btns a:link, .rpm-sli-btns a:visited { color:#fff; background-color:#a0896c; text-align:center; display:block; padding:10px 0 } .rpm-sli-btns li:first-child a { margin-right:10px; } .rpm-sli-btns li:last-child a { margin-left:10px; } .sub-page { padding:40px 0 0 0 } .page-content { padding-top:25px; color:#62594e; border-top:2px solid #e7e1d6 } .ind-faci-wrapp { background-image:url(../images/index-faci-bg.jpg); background-repeat:no-repeat; padding:35px ; background-position:center top; min-height:268px; } .ind-faci-txt h2 { color:#62594e; font-size:22pt;} .ind-faci-txt { width:32%; } .ind-faci-txt p {padding-top:15px; } .room-wrapp .align { padding-bottom:100px; } .ind-faci-more a { float:right; padding:10px 0 0 0; } .ind-faci-more a:hover {} .ind-activ { width:46%; float:left; padding:2%; padding-bottom:4%; } .ind-activ li { padding:12px; margin-top:30px; border:2px solid #ded7cc; float:left; position:relative; } .ind-activ h2 { color:#a0896c; font-size:22pt; padding:2%; } .ind-activ p { width:46%; padding:2%; } .ind-activ img { float:right; padding:2%; } .placeIMg { margin-top:-13px; } .iindSEr .align { padding:15px; padding-bottom:35px; border:10px; border:2px solid; border-color:rgba(160,137,108,0.6); margin:15px } .iindSEr li { display:block; float:left; width:50%; } .ind-more, .ind-more2 { position:absolute; right:15px; bottom:-22px; width:138px; } .foot-top { padding-top:45px; background-image:url(../images/ind-btm-border.png); background-repeat:no-repeat; background-position:center top; } .footer-wrapp {display:block; padding-top:44px; position:relative; padding-bottom:40px; background-image:url(../images/foot-bg.png); background-position:center bottom } .foot-menu { width:60%; float:left; } .foot-menu { background-repeat:no-repeat; background-position:right; } .foot-menu ul { display:block; float:left; padding-right:15%; padding-top:2%; } .foot-menu li, .foot-menu a { display:block; } .foot-menu a:link, .foot-menu a:visited, .foot-contact a:link, .foot-contact a:visited { background-image:url(../images/btm-link.png); background-repeat:no-repeat; background-position:left 9px; color:#62594e; padding:3px 0px 10px 20px; } .foot-contact { float:right; color:#62594e; } .foot-contact-title { font-size:15pt; color:#62594e; } .smowrapp { position:absolute; width:100%; left:0; background-image:url(../images/foot-logo.png); background-repeat:no-repeat; background-position:center 65px; height:123px; padding-top:20px; } .footBtnWrapp { background-image:url(../images/foot-btm-bg.png); padding:15px 0; margin-top:30px } .cpr, .design { font-size:10pt; float:left; color:#bfad97 } .design { float:right } .down-eb-cn { border: 1px solid #cccccc; margin: 40px auto; padding: 40px; text-align: center; width: 200px;} .down-eb-cn table { margin-top: 15px; width: 100%; } .down-eb-cn table img { width: 20px; } .ph-gall li { width:25%; float:left; display:block; } .ph-gall .align { padding:5px; } .contact-wrapp { border:1px solid #c7c7c7; margin:10px 0 0 0px; padding:20px 0px 50px 0; } .contact-logo { text-align:center; padding:0px 0 30px 0} .contact-wrapp li { display:block; float:left; width:33.33%; text-align:center } .contact-wrapp .align { padding:0 40px; border-right:1px solid #c7c7c7; min-height:110px; } .contact-wrapp li:last-child .align { border:none } .contact-wrapp li:nth-child(2) p { padding-top:20px; } .contact-wrapp li:nth-child(3) p { padding-top:25px; } .google-maps { position: relative; height: 460px; overflow: hidden; } .google-maps iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } .address-block a:link, .address-block a:visited { color:#656565 } .address-block a:hover { color:#a64786 } .contact-logo img{ width:10%; } .address-block{ width:50%; float:left; } .logo-cont{ padding-top:25px; } .logo-cont img { width:160px; } .align-con { text-align:center; } .align-con p { padding-top:5px; } .contact-wrapp { padding:10px; } .logo-cont { width:100%; padding:20px 0 20px 0 } .foot-contact, .foot-menu { position:relative; z-index:120 } .acc-landPge { padding-top:45px; } .acc-landPge li { display:block; float:left; width:50%; margin:5px 0 10px 0 } .acc-landPge .align { padding:0 50px; margin:0px; padding-bottom:30px; position:relative; z-index:1200; margin:0 30px } .brdr { border:3px solid #b7a68f; padding:0 45px 0 } .land-ac-img { left:0; width:100%; top:65px; position:absolute; padding:0% } .land-ac-img img { width:100%; } .land-text { padding-top:280px; text-align:center } .land-btns { padding:0px 0 0; position:relative; bottom:-20px; } .land-btns li { display:block; float:left; width:50%; } .land-btns a:link, .land-btns a:visited { display:block; padding:10px 0; text-align:center; margin:0 10px; background-color:#a0896c; color:#fff } .land-btns a:hover, .rpm-sli-btns a:hover { background-color:#7f684b; } /*--------------------------- Ratheesh ---------------------------*/ .smo { width:115px; margin:0 auto } .smo li{background-image:url(../images/smo.png);background-repeat:no-repeat;display:block;float:left;margin:0 4px;opacity:.6;padding:0;transition:all .4s ease-in-out .2s} .smo a:link, .smo a:visited, .smo-mobile span a:link, .smo-mobile a:visited { color: #a78937; display: block; height: 22px; width: 30px; } .smo .fb, .smo-mobile .fb { background-position: 0px top;} .smo .twitt, .smo-mobile .twitt { background-position: -33px top; } .smo .gplus, .smo-mobile .gplus { background-position: -72px top; } .smo .ytb, .smo-mobile .ytb { background-position: -116px top; } .smo li:hover { opacity: 1;}.smo .fb:hover { background-position: 4px bottom;} .smo .twitt:hover { background-position: -36px bottom;} .smo .gplus:hover { background-position: -78px bottom;} .smo .ytb:hover { background-position: -116px bottom;} .page-content article { padding:6px 0; } .facPge article { padding:15px; } .acc-gall li { display:block; float:left; width:50%; } .acc-gall .align { padding:30px; } .wid-content-place { position:relative } .wid-places-img { position:absolute; right:0; top:-35px; } .wid-content-place { padding-right:217px; } .plPg article { border-bottom:1px solid #b7a68f; padding:15px 0 } article:last-child { border:none !important; } .design a:link, .design a:visited { color:#bfad97 } .fac-block li { display:block; float:left; width:33.33% } .fac-block article {padding:10px; margin:10px; border:1px solid #c7c7c7 } .fac-block figure { padding-bottom:15px; } /*--------------------------- welcome title ---------------------------*/ .ddsmoothmenu, .welcomeTItle, .rpm-sli-tex h2 , .ind-faci-txt h2, .ind-activ h2, .foot-contact-title, .iindSEr h2, .logo-wrapp, .page-title, .pg-name, .page-caption, .chbk{ font-family: 'courgetteregular'; } .welcomeTItle { text-align:center; font-size:32pt; color:#a0896c; } .welcomeTItle .icnleft, .page-title .icnleft { background-image:url(../images/title-icn-left.png); background-repeat:no-repeat; background-position:left; padding-left:80px; } .welcomeTItle .icnright, .page-title .icnright { background-image:url(../images/title-icn-right.png); background-repeat:no-repeat; background-position:right; padding-right:80px; } .rpm-sli-tex h2 { color:#fff; font-size:22pt; padding-bottom:10px; padding-top:10px} .iindSEr h2 { font-size:18pt; padding:0px 15px 15px 0px; color:#a0896c } .page-title { color:#a0896c; text-align:center; font-size:22pt; padding-bottom:20px; } .pg-name { text-align:center; padding:20px 0; font-size:18pt; } .sub-title, .plPg h3 { font-family: 'robotomedium'; font-size:14pt; padding-bottom:5px; background-image:url(../images/sub-title-hd.png); background-repeat:no-repeat; background-position:left 1px; padding-left:30px; } .page-caption { font-size:14pt; padding-bottom:8px; text-align:center } .img-right, .dinig-img-right { float:right; padding-left:15px; padding-bottom:10px; } .img-left { float:left; padding-right:15px; padding-bottom:10px; } .top-mail {background-image:url(../images/top-mail.png);padding-left: 25px;background-position: left 28px;background-repeat: no-repeat; } .top-call {background-image:url(../images/top-call.png);background-position: left 26px;background-repeat: no-repeat;padding-left: 20px; } #backtop:hover {background-color: #0a4026;} #backtop {background-color: rgba(0, 0, 0, 0.84); border-radius: 2px;bottom: 80px; color: #fff; cursor: pointer; display: none; font-size: 14px; height: 36px; left: auto; line-height: 36px; opacity: 1; outline: medium none; overflow: hidden; position: fixed; right: 20px; text-align: center; top: auto; transition: all 0.3s linear 0s; width: 36px; z-index: 999999; } .main-nav {position: fixed;top: 0px;width: 100%; z-index: 1000;} .logo-wrapp { margin-top: 54px; } .bx-wrapper .bx-prev { background-position: 0 0; } .bx-wrapper .bx-next, .bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus { background-position: right 0; } .bx-wrapper .bx-controls-direction a { height: 15px; width: 15px; } .bx-wrapper .bx-pager.bx-default-pager a { background-color: #cecec0; } .bx-wrapper .bx-prev { right:20px; }