HOME

5h-3LL 1.0
DIR: /srv/http/adent.cz/papirnictvi-mb.cz/wp-content/themes/quad-wp
/srv/http/adent.cz/papirnictvi-mb.cz/wp-content/themes/quad-wp/
Current File : /srv/http/adent.cz/papirnictvi-mb.cz/wp-content/themes/quad-wp/style.css
/*
Theme Name: Quad WP
Theme URI: http://themeforest.net/user/europadns/portfolio
Description: A clean and well-structured business design with a focus on creating an immersive experience for the visitor.
Author: EuropaDNS
Author URI: http://themeforest.net/user/europadns/
Text Domain: quad-wp
Domain Path: /languages
Version: 1.0.2
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, theme-options, threaded-comments, translation-ready

License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/ 

/** RESET AND LAYOUT
===================================


 	*** ANIMATIONS CSS ***


 	*** BXSLIDER***
            =RESET AND LAYOUT
            =THEME
            =LOADER
            =PAGER
            =DIRECTION CONTROLS (NEXT / PREV)
            =AUTO CONTROLS (START / STOP)
            =PAGER WITH AUTO-CONTROLS HYBRID LAYOUT
            =IMAGE CAPTIONS
===================================

/**
 *
 *	The grid the template is build on. 
 *
 *	=Base grid
 *	=Extra small devices: Phones (< 768px)
 *		=Portrait and landscape
 *		=Landscape
 *	=Small devices: Tablets (>= 768px)
 *	=Medium devices: Desktops (>= 992px )
 *	=Large devices: Desktops (>= 1200px )
 *	=Clearing 
 *
 *
 *	Styling for all html5 elements
 *
 *	=Typography
 *	=Links
 *	=Lists
 *		=Custom lists
 *	=Images
 *	=Tables
 *	=Forms
 *		=Responsive Form Inputs
 *
  *
 *  Styling for the layout of the pages - header, footer, page sections etc.
 *
 *	=Wrap
 *	=Header
 *	=Logo
 *	=Menu
 *		=Menu Basics
 *		=Menu Skin
 *		=DropDown
 *		=Mega Menu Section
 *		=Menu Arrows
 *	=Mobile Menu 
 *	=Mobile menu trigger
 *	=Custom search form 
 *	=Shopping Cart Icon
 *	=Sticky Header
 *	=Content
 *	=Page Header
 *	=Fullwidth Section
 *	=Footer Top
 *	=Footer
 *	=Footer Bottom
 *	=Back to top
 *	=Misc 
 *
 *
 *  Styling for the components that create the page content: accordion, tabs, pie charts etc.
 *
 *	=Accordions and Toggles
 *	=Alerts
 *	=Animations
 *  =Boxes
 *	=Buttons
 *  =Callout
 *  =Clients
 *	=Contact form
 *	=Dividers
 *  =Dropcaps
 *  =Error Page
 *  =FAQ
 *	=Galleries
 *	=Google Maps
 *	=Headlines
 *	=Icon Boxes
 *  =Image Box
 *	=Milestones
 *  =Modal window
 *	=Our Process
 *	=Pie charts
 *	=Pricing Tables
 *	=Progress Bar
 *	=Revolution Slider
 *	=Shop
 *	=Social Media
 *	=Tabs
 *	=Testimonials
 *	=Team Member
 *	=Bx Slider 
 *
*
 *  Styling for WordPress widgets, blog posts, standard wordpress classes. Useful if you want to convert the template to a WordPress theme
 *
 *	=WordPress Default Classes
 *	=WordPress Post(s)
 *	=WordPress pagination and navigation
 *	=WordPress Comments
 *	=WordPress Comments Navigation
 *	=WordPress Comment Form
 *	=WordPress Widgets
 *		=Widgets default
 *		=Text Widget
 *		=Search Widget
 *		=Recent Entries Widget
 *		=Pages Widget
 *		=Archive Widget
 *		=Categories Widget
 *		=Meta Widget
 *		=Recent Comments Widget
 *		=Tag Cloud Widget
 *		=Calendar Widget
 *		=Nav Menu Widget
 *		=RSS Widget
 *	=WordPress Custom Widgets
 *		=Quad Twitter widget
 *		=Quad Flickr widget
 *		=Quad Contact Info widget
 *		=Quad Newsletter subscribe widget
 *		=Quad Latest posts widget
 *		=Quad Navigation widget
 *		=Quad Social media widget 
 *
 */


/**
 * bxSlider v4.2.5
 * Copyright 2013-2015 Steven Wanderski
 * Written while drinking Belgian ales and listening to jazz

 * Licensed under MIT (http://opensource.org/licenses/MIT)
 */
/** VARIABLES 
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  margin: 0 auto 60px;
  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 {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
}
/** THEME
===================================*/
.bx-wrapper {
  -moz-box-shadow: 0 0 5px #ccc;
  -webkit-box-shadow: 0 0 5px #ccc;
  box-shadow: 0 0 5px #ccc;
  border: 5px solid #fff;
  background: #fff;
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url(././assets/images/bx_loader.gif) center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}
/* PAGER */
.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;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 10px;
  background: url(././assets/images/controls.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(././assets/images/controls.png) no-repeat -43px -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;
}
/* AUTO CONTROLS (START / STOP) */
.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(././assets/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(././assets/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;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.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;
}
/* IMAGE CAPTIONS */
.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;
}

.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8;filter:alpha(opacity=80)}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-preloader a:hover{color:#FFF}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;filter:alpha(opacity=65);padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:hover,.mfp-close:focus{opacity:1;filter:alpha(opacity=100)}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;filter:alpha(opacity=65);margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:hover,.mfp-arrow:focus{opacity:1;filter:alpha(opacity=100)}.mfp-arrow:before,.mfp-arrow:after,.mfp-arrow .mfp-b,.mfp-arrow .mfp-a{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after,.mfp-arrow .mfp-a{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before,.mfp-arrow .mfp-b{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after,.mfp-arrow-left .mfp-a{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left:before,.mfp-arrow-left .mfp-b{margin-left:25px;border-right:27px solid #3F3F3F}.mfp-arrow-right{right:0}.mfp-arrow-right:after,.mfp-arrow-right .mfp-a{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right:before,.mfp-arrow-right .mfp-b{border-left:27px solid #3F3F3F}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444}.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width: 800px) and (orientation: landscape),screen and (max-height: 300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0}}@media all and (max-width: 900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}

/* Animate.css - Just-add-water CSS animations
 * Version - 3.5.0 
 * http://daneden.github.io/animate.css/
 */
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);animation-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);animation-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);animation-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);animation-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{50%,from,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{50%,from,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}}@keyframes pulse{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}}@keyframes rubberBand{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}}@keyframes tada{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{from,to{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}}@keyframes wobble{from,to{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{11.1%,from,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{11.1%,from,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInDown{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}.flipInY,.flipOutX{-webkit-backface-visibility:visible!important}@-webkit-keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;backface-visibility:visible!important}@-webkit-keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{from{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{from{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}

/* ==========================================================================
   =CssReset
   ========================================================================== */

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, 
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}
	
	/* HTML5 display-role reset for older browsers */
	
	article,
	aside,
	details,
	figcaption,
	figure,
	footer,
	header,
	hgroup,
	main,
	menu,
	nav,
	section,
	summary {
		display: block;
	}
	
	
	body { line-height: 1; }
	
	ol, 
	ul {
		list-style: none;
	}
	
	blockquote, 
	q {
		quotes: none;
	}
	
	blockquote:before, 
	blockquote:after,
	q:before, 
	q:after {
		content: '';
		content: none;
	}
	
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	
	/**
	 * 1. Correct inline-block display not defined in IE 8/9.
	 * 2. Normalize vertical alignment of progress in Chrome, Firefox, and Opera.
	 */

	audio,
	canvas,
	progress,
	video {
		display: inline-block; /* 1 */
		vertical-align: baseline; /* 2 */
	}

	/**
	 * Prevent modern browsers from displaying audio without controls.
	 * Remove excess height in iOS 5 devices.
	 */

	audio:not([controls]) {
		display: none;
		height: 0;
	}

	/**
	 * Address [hidden] styling not present in IE 8/9/10.
	 * Hide the template element in IE 8/9/11, Safari, and Firefox < 22.
	 */

	[hidden],
	template {
		display: none;
	}
	
	/**
	 * 1. Address margins set differently in Firefox 4+, Safari, and Chrome.
	 * 2. Correct color not being inherited.
	 *    Known issue: affects color of disabled elements.
	 * 3. Correct font properties not being inherited.
	 */

	button,
	input,
	optgroup,
	select,
	textarea {
		padding: 0;
		margin: 0; 		/* 1 */
	  	color: inherit; /* 2 */
	  	font: inherit;  /* 3 */
	}

	/**
	 * Address overflow set to hidden in IE 8/9/10/11.
	 */

	button { overflow: visible; }

	/**
	 * Address inconsistent text-transform inheritance for button and select.
	 * All other form control elements do not inherit text-transform values.
	 * Correct button style inheritance in Firefox, IE 8/9/10/11, and Opera.
	 * Correct select style inheritance in Firefox.
	 */

	button,
	select {
		text-transform: none;
	}

	/**
	 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native audio
	 *    and video controls.
	 * 2. Correct inability to style clickable input types in iOS.
	 * 3. Improve usability and consistency of cursor style between image-type
	 *    input and others.
	 */

	button,
	html input[type="button"], 		  /* 1 */
	input[type="reset"],
	input[type="submit"] {
		-webkit-appearance: button;   /* 2 */
		cursor: pointer; 			  /* 3 */
	}

	/**
	 * Re-set default cursor for disabled elements.
	 */

	button[disabled],
	html input[disabled] {
		cursor: default;
	}

	/**
	 * Remove inner padding and border in Firefox 4+.
	 */

	button::-moz-focus-inner,
	input::-moz-focus-inner {
		padding: 0;
		border: 0;
	}

	/**
	 * Address Firefox 4+ setting line-height on input using !important in
	 * the UA stylesheet.
	 */

	input { line-height: normal; }

	/**
	 * It's recommended that you don't attempt to style these elements.
	 * Firefox's implementation doesn't respect box-sizing, padding, or width.
	 *
	 * 1. Address box sizing set to content-box in IE 8/9/10.
	 * 2. Remove excess padding in IE 8/9/10.
	 */

	input[type="checkbox"],
	input[type="radio"] {
		box-sizing: border-box; /* 1 */
		padding: 0; 			/* 2 */
	}

	/**
	 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
	 * font-size values of the input, it causes the cursor style of the
	 * decrement button to change from default to text.
	 */

	input[type="number"]::-webkit-inner-spin-button,
	input[type="number"]::-webkit-outer-spin-button {
		height: auto;
	}

	/**
	 * 1. Address appearance set to searchfield in Safari and Chrome.
	 * 2. Address box-sizing set to border-box in Safari and Chrome
	 *    (include -moz to future-proof).
	 */

	input[type="search"] {
		-webkit-appearance: textfield; 		/* 1 */
		-webkit-box-sizing: content-box;    /* 2 */
		   -moz-box-sizing: content-box;
				box-sizing: content-box;
	}

	/**
	 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
	 * Safari (but not Chrome) clips the cancel button when the search input has
	 * padding (and textfield appearance).
	 */

	input[type="search"]::-webkit-search-cancel-button,
	input[type="search"]::-webkit-search-decoration {
		-webkit-appearance: none;
	}

	/**
	 * 1. Always force vertical scroll
	 * 2. Prevent iOS text size adjust after orientation change, without disabling user zoom.
	 * 3. For animations
	 */
	
	html { 
		overflow-y: scroll; 					 /* 1 */ 
		-ms-text-size-adjust: 100%; 			 /* 2 */
    	-webkit-text-size-adjust: 100%;			 /* 2 */
		-webkit-font-smoothing: antialiased; 
		overflow-x: hidden; 					 /* 3 */
	}

   /* ==========================================================================
   =Base grid
   ========================================================================== */

        #content label {
            margin-left: 15px;
        }
        #content .quad-content label,
        #content .vc_row label {
            margin-left: 0;
        }
   
	.container,
        .container-inner,
	.container-fluid {
		position: relative;
		margin-right: auto;
		margin-left: auto;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
        
        .col-no-side .vc_column_container .vc_column-inner {
            padding-left: 0;
            padding-right: 0;
        }

        .container .vc_row,
        .container-inner .vc_row,
        .container-fluid .vc_row {
            margin-left: 0;
            margin-right: 0;
        }

	.container {
                max-width: 100%;
		padding-right: 15px;
		padding-left: 15px;
	}

	.row {
		position: relative;
		margin-right: -15px;
		margin-left: -15px;
	}

	/**
 	 * Automatically clear rows
 	 */
	 
	.row:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}	
	
	.span1, 
	.span2, 
	.span3, 
	.span4, 
	.span5, 
	.span6, 
	.span7, 
	.span8, 
	.span9, 
	.span10, 
	.span11, 
	.span12 {
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}

	@media (min-width: 768px) {

		.span1, 
		.span2, 
		.span3, 
		.span4, 
		.span5, 
		.span6, 
		.span7, 
		.span8, 
		.span9, 
		.span10, 
		.span11, 
		.span12 {
			float: left;
		}
		
		.span12 { width: 100%; }
		.span11 { width: 91.66666667%; }
		.span10 { width: 83.33333333%; }
		.span9  { width: 75%; }
		.span8  { width: 66.66666667%; }
		.span7  { width: 58.33333333%; }
		.span6  { width: 50%; }
		.span5  { width: 41.66666667%; }
		.span4  { width: 33.33333333%; }
		.span3  { width: 25%; }
		.span2  { width: 16.66666667%; }
		.span1  { width: 8.33333333%;  }
		
		.offset12 { margin-left: 100%; }
		.offset11 { margin-left: 91.66666667%; }
		.offset10 { margin-left: 83.33333333%; }
		.offset9  { margin-left: 75%; }
		.offset8  { margin-left: 66.66666667%; }
		.offset7  { margin-left: 58.33333333%; }
		.offset6  { margin-left: 50%; }
		.offset5  { margin-left: 41.66666667%; }
		.offset4  { margin-left: 33.33333333%; }
		.offset3  { margin-left: 25%; }
		.offset2  { margin-left: 16.66666667%; }
		.offset1  { margin-left: 8.33333333%; }
		.offset0  { margin-left: 0%; }

	}

	.visible-phone,
	.visible-tablet,
	.visible-desktop,
	.visible-desktop-large {
		display: none !important;
	}

	.visible-phone-block,
	.visible-phone-inline,
	.visible-phone-inline-block,
	.visible-tablet-block,
	.visible-tablet-inline,
	.visible-tablet-inline-block,
	.visible-desktop-block,
	.visible-desktop-inline,
	.visible-desktop-inline-block,
	.visible-desktop-large-block,
	.visible-desktop-large-inline,
	.visible-desktop-large-inline-block {
		display: none !important;
	}
		
/* ==========================================================================
   =Extra small devices: Phones (< 768px)
   ========================================================================== */

/* =Portrait and landscape
   ========================================================================== */
   
	@media (max-width: 767px) {
		
                .container-inner,
		.container { width: auto; }
		
		.span1, 
		.span2, 
		.span3, 
		.span4, 
		.span5, 
		.span6, 
		.span7, 
		.span8, 
		.span9, 
		.span10, 
		.span11, 
		.span12 {
			width: 100%;
		}
		
		.visible-phone { display: block !important; }
		
		table.visible-phone { display: table; }
		
		tr.visible-phone { display: table-row !important; }
		
		th.visible-phone,
		td.visible-phone { display: table-cell !important; }

		.visible-phone-block { display: block !important; }
		
		.visible-phone-inline { display: inline !important; }
		
		.visible-phone-inline-block { display: inline-block !important; }

		.hidden-phone { display: none !important; }
		
	}
	
/* =Landscape
   ========================================================================== */
	
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		
		
		
	}	

/* ==========================================================================
   =Small devices: Tablets (>= 768px)
   ========================================================================== */

	@media (min-width: 768px) and (max-width: 991px) {
		
		.container {	width: 750px; }
                .container-inner { max-width: 750px; }

		.visible-tablet { display: block !important; }
		
		table.visible-tablet { display: table; }
		
		tr.visible-tablet { display: table-row !important; }
		
		th.visible-tablet,
		td.visible-tablet { display: table-cell !important; }

		.visible-tablet-block { display: block !important; }
		
		.visible-tablet-inline { display: inline !important; }
		
		.visible-tablet-inline-block { display: inline-block !important; }

		.hidden-tablet { display: none !important; }
		
	}
	
/* ==========================================================================
   =Medium devices: Desktops (>= 992px )
   ========================================================================== */
   
	@media (min-width: 992px) and (max-width: 1199px) {
		
		.container { width: 970px; }
                .container-inner { max-width: 970px; }
		
		.visible-desktop { display: block !important; }
		
		table.visible-desktop { display: table; }
		
		tr.visible-desktop { display: table-row !important; }
		
		th.visible-desktop,
		td.visible-desktop { display: table-cell !important; }

		.visible-desktop-block { display: block !important; }
		
		.visible-desktop-inline { display: inline !important; }
		
		.visible-desktop-inline-block { display: inline-block !important; }

		.hidden-desktop { display: none !important; }
		
	}	

/* ==========================================================================
   =Large devices: Desktops (>= 1200px )
   ========================================================================== */

	@media (min-width: 1200px) {
	
		.container { width: 1170px; }
                .container-inner { max-width: 1170px; }
		
		.visible-desktop-large { display: block !important; }
		
		table.visible-desktop-large { display: table; }
		
		tr.visible-desktop-large { display: table-row !important; }
		
		th.visible-desktop-large,
		td.visible-desktop-large { display: table-cell !important; }

		.visible-desktop-large-block { display: block !important; }
		
		.visible-desktop-large-inline { display: inline !important; }
		
		.visible-desktop-large-inline-block { display: inline-block !important; }

		.hidden-desktop-large { display: none !important; }
		
	}

/* ==========================================================================
   =Clearing
   ========================================================================== */

	/**
 	 * ClearFix Hack
	 * Usage:  add  class="fixed"  to parents of floated elements
 	 */
	 
	.fixed:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}
	
	/**
 	 * Clear content
	 * Usage:  <br class="clear"> 
 	 */	
	 
	.clear {
		clear: both;
		display: block;
		overflow: hidden;
		visibility: hidden;
		width: 0;
		height: 0;
	}
        
        /* ==========================================================================
   =Typography
   ========================================================================== */
   	 
	body {
		background-color: #fff;
		color: #777777;
		font: 14px 'Roboto', sans-serif;
		line-height: 1.45;	
	}
	
	@media (max-width: 767px) {
	
		/**
		 * 1. Hide background on mobile devices
		 */
	 
		body { 
			background: none; 	/* 1 */
			background-color: #fff; 
		}
		
	}	

	h1, 
	h2, 
	h3, 
	h4, 
	h5, 
	h6 {
		color: #31353a;
		font-family: 'Roboto', sans-serif;
		font-weight: 700; 
                margin-bottom: 7px;
                line-height: 1.2;
	}
		
	h1 a, 
	h2 a, 
	h3 a, 
	h4 a, 
	h5 a, 
	h6 a { 
		font-weight: inherit; 
		color: #31353a;
	}
	
	h1 a:visited, 
	h2 a:visited, 
	h3 a:visited, 
	h4 a:visited, 
	h5 a:visited, 
	h6 a:visited { 
		font-weight: inherit; 
		color: #31353a;
	}
	
	h1 a:hover, 
	h2 a:hover, 
	h3 a:hover, 
	h4 a:hover, 
	h5 a:hover, 
	h6 a:hover{ 
		color: #009cff;
	}
	
	h1 {
		margin-bottom: 14px; 	 
		font-size: 34px;
		line-height: 45px; 
	}
	
	h2 { 
		margin-bottom: 10px;	
		font-size: 27px; 
		line-height: 40px;  
	}
	
	h3 { 
		margin-bottom: 8px;
		font-size: 22px; 
		line-height: 34px;   
	}
	
	h4 {
		margin-bottom: 5px; 
		font-size: 18px; 
		line-height: 30px;   
	}
	
	h5 { 
		font-size: 16px; 
		line-height: 24px; 
	}
	
	h6 { 
		margin-bottom: 5px;
		font-size: 14px; 
		line-height: 21px; 
	}

	p { margin-bottom: 20px; }
	
	em { font-style: italic; }
	
	strong { font-weight: 700; }
	
	small { font-size: 90%; }
	
	big { font-size: 125%; }
	
	sub { 
		vertical-align: sub; 
		font-size: 75%; 
	}
	
	sup { 
		vertical-align: super; 
		font-size: 75%; 
	}
	
	abbr[title] {  
		border-bottom: 1px dotted #999; 
		cursor: help;
	}
	
	address { 
		display: block; 
		margin-bottom: 20px; 
	}
	
	blockquote { font-style: italic; }
	
	blockquote.alt { 
		position: relative; 
		padding: 20px 0;
	}
	
	blockquote.alt:before {
		position: absolute;
		top: -40px;
		left: 0;
		content: "\f10e";
		color: #009cff;
		font-family: 'FontAwesome';
		font-size: 14px;
	}
	
	blockquote h2 {
		font-weight: 500;
		color: #009cff;
	}
	
	hr { 
		height: 0; 
		border: solid #ebebeb; 
		border-width: 1px 0 0 0;
		margin: 30px 0;
	}

	kbd,
	tt,
	var,
	samp,	
	code, 
	pre { font-family: Monaco, Menlo, Consolas, "Courier New", monospace; }
	
	code { 
		padding: 1px 4px;
		border: 1px solid #ebebeb;
		border-radius: 3px;	
		background-color: #e9edf1;  
		color: #d50f25;  
	}
	
	pre { 
		overflow-x: auto; 
		display: block;
		padding: 20px;
		border: 1px solid #ebebeb;
		border-radius: 3px;		
		margin-bottom: 20px;		
		background-color: #e9edf1; 
		white-space: pre-wrap;
	}
	
	mark,
	ins {
		padding: 1px 4px;
		border: 1px solid #ebebeb;
		border-radius: 3px;	
		background-color: #e9edf1; 
		text-decoration: none;
	}
	
	s,
	del { text-decoration: line-through; }
	
	/* Typography Helper Classes */
	
	/**
	 * <div class="hr"></div> acts like an <hr>
	 */
	
	.hr { 
		border-top: 1px solid #ebebeb;  
		margin: 30px 0;
	}
	
	.text-left { text-align: left; }
	.text-right { text-align: right; }
	.text-center { text-align: center; }
	.text-justify { text-align: justify; }
	
	.text-uppercase { text-transform: uppercase; }
	
	.text-highlight { color: #009cff; }

	.mute{ color: #999; }
	
	.no-margin-bottom,
	.last { margin-bottom: 0 !important; }
	
	@media (max-width: 767px) {

		.no-margin-bottom { margin-bottom: 20px !important; }
		
		.text-right { text-align: left; }

	}

/* ==========================================================================
   =Links
   ========================================================================== */
	
	a, 
	a:visited { 
		color: #009cff; 
		text-decoration: none; 
	}
	
   /**
	* 1. Remove the gray background color from active links in IE 10.
	*/
	
	a:active {
 		background: transparent; /* 1 */
	}
	
	a:active,
	a:hover, 
	a:focus {
		outline: 0; 
		text-decoration: underline;
	}	
	
/* ==========================================================================
   =Lists
   ========================================================================== */
	
	ul, 
	ol { 
		margin-bottom: 20px;
		list-style-position: inside; 
	}
	 
	li > ul, 
	li > ol { 
		margin-bottom: 0; 
		margin-left: 30px; 
	}
	
	li { margin-bottom: 10px; }
	
	ul { list-style-type: disc; }
	ol { list-style-type: decimal; }
	
	dl { margin-bottom: 20px; }

	dt { font-weight: bold; }

	dd  { margin-bottom: 20px; }
	
	/* List Helper Classes */

	ul.last,
	ol.last,
	dl.last { margin-bottom: 0; }
	
	@media (max-width: 767px) {

		ul.last, 
		ol.last { margin-bottom: 20px; }
		
	}
	
/* =Custom lists
   ========================================================================== */	

	/**
 	 * Custom lists
 	 *
	 * 1. unstyled list
	 * 2. list with squares for bullets
	 * 3. list with discs for bullets
	 *
	 */
	 
	ul.unstyled { list-style-type: none; } /* 1 */
	ul.square { list-style-type: square; } /* 2 */
	ul.circle { list-style-type: circle; } /* 3 */
	
	/**
 	 * FontAwesome lists
 	 *
	 * 1. Check list
	 * 2. Plus list
	 * 3. Pin list
	 *
	 */
	 
	ul.check,					/* 1 */
	ul.plus,						/* 2 */
	ul.pin,						/* 3 */
	ul.arrow-right { list-style: none; }	
	
	ul.check li:before,
	ul.plus li:before,
	ul.pin li:before,
	ul.arrow-right li:before { 
		position: relative;
		top: 2px;
		width: auto;
		height: auto;
		margin-right: 40px;
		color: #009cff;
		font-family: 'FontAwesome';
		font-size: 24px;
		font-style: normal;
	}
	
	ul.check li:before { content: "\f00c"; }
	ul.plus li:before { content: "\f067"; }
	ul.pin li:before { content: "\f08d"; }	
	ul.arrow-right li:before { content: "\f0da"; }
	
	/**
 	 * Custom Icon Font lists
 	 *
	 * 1. Disc list
	 *
	 */
	
	ul.arrow { list-style: none; }	/* 1 */
	
	ul.arrow li:before { 
		position: relative;
		top: 0;
		width: auto;
		height: auto;
		margin-right: 8px;
		font-family: 'iconfontcustom';
		font-size: 12px;
		font-weight: 400;
	}
	
	ul.arrow li:before { content: "\e7b0"; }	
        
        .portfolio-item-details {
		display: block;
		padding: 40px 0 40px 65px !important;
		box-sizing: border-box;
		list-style-type: none;
		background-color: #f1f3f6;
	}
	
	.portfolio-item-details.alt { padding-left: 10px !important; }
	
	.portfolio-item-details li:last-child { margin-bottom: 0; }
	
	.portfolio-item-details li span,
        .portfolio-item-details li strong {
		font-weight: 700;
		text-transform: uppercase;
		color: #31363a;
	}
	
	@media (min-width: 768px) and (max-width: 991px) {
		
		.portfolio-item-details { padding: 40px 0 40px 20px !important; }
		
	}

/* ==========================================================================
   =Images
   ========================================================================== */
	
	img { 
		max-width: 100%;
		height: auto;
		border: none; 
		vertical-align: middle;
	}
        
        figure { max-width: 100%; }

/* ==========================================================================
   =Tables
   ========================================================================== */

	table,
	th,
	td { border: 1px solid #ebebeb; }

	/**
	 * 1. Prevents HTML tables from becoming too wide
	 */

	table {
		border-collapse: separate;
		border-spacing: 0;
		border-width: 1px 0 0 1px;
		margin-bottom: 20px;
		table-layout: fixed; 	/* 1 */
		width: 100%;
	}

	caption,
	th,
	td {
		font-weight: normal;
		text-align: left;
	}

	caption { margin-bottom: 20px; }
	
	th {
		border-width: 0 1px 1px 0;
		font-weight: 700;
	}

	td { border-width: 0 1px 1px 0; }

	th, 
	td { padding: 8px; }
	
/* ==========================================================================
   =Forms
   ========================================================================== */

	form {}
	
	fieldset {
		display: block;
	}

	fieldset legend {
		padding: 0 10px;
		margin: 0;
		margin-left: -2px;
		background: #fff;
		font-weight: 700;								
	}
	
	::-moz-placeholder,
	::-webkit-input-placeholder,
	:-ms-input-placeholder {
		color: #999;
	}
	
	form p { position: relative; }
	
	label {
		position: absolute;
		top: 2px;
		left: 2px;
		bottom: 2px;
		min-width: 100px;
		text-align: center;
		box-sizing: border-box;
		background-color: #eff1f2;
		color: #31363a;
		font-size: 12px;
		line-height: 47px;
		font-style: italic;
                z-index: 10;
	}
	
	label.alt { bottom: auto; }

	/**
	 * 1. we need to supply the font color for situations when you place the inputs in a div that has color:#fff
	 *    normally because of the #fff the text in inputs would not be visible but giving the color explicitly here ovrwrites that
	 */
	
	input[type="text"],
	input[type="password"],
	input[type="date"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="month"],
	input[type="week"],
	input[type="email"],
	input[type="number"],
	input[type="search"],
	input[type="tel"],
	input[type="time"],
	input[type="url"],
	input[type="color"],
	textarea {
		display: block;
		width: 100%;
		-webkit-appearance: none;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
			    box-sizing: border-box;
		padding: 15px 30px 15px 120px;		
		border: 2px solid #ebebeb;
		border-radius: 3px;
		margin-bottom: 10px;
		background-color: #fff;
		color: #31363a; /* 1 */
	}

	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="date"]:focus,
	input[type="datetime"]:focus,
	input[type="datetime-local"]:focus,
	input[type="month"]:focus,
	input[type="week"]:focus,
	input[type="email"]:focus,
	input[type="number"]:focus,
	input[type="search"]:focus,
	input[type="tel"]:focus,
	input[type="time"]:focus,
	input[type="url"]:focus,
	input[type="color"]:focus,
	textarea:focus {
		border-color: #bbb;
		outline: none;
	}

	input[type="text"]:disabled,
	input[type="password"]:disabled,
	input[type="date"]:disabled,
	input[type="datetime"]:disabled,
	input[type="datetime-local"]:disabled,
	input[type="month"]:disabled,
	input[type="week"]:disabled,
	input[type="email"]:disabled,
	input[type="number"]:disabled,
	input[type="search"]:disabled,
	input[type="tel"]:disabled,
	input[type="time"]:disabled,
	input[type="url"]:disabled,
	input[type="color"]:disabled,
	textarea:disabled {
		background-color: #e9edf1;
		cursor: not-allowed;
	}

	input[type="text"][disabled],
	input[type="text"][readonly],
	fieldset[disabled] input[type="text"],
	input[type="password"][disabled],
	input[type="password"][readonly],
	fieldset[disabled] input[type="password"],
	input[type="date"][disabled],
	input[type="date"][readonly],
	fieldset[disabled] input[type="date"],
	input[type="datetime"][disabled],
	input[type="datetime"][readonly],
	fieldset[disabled] input[type="datetime"],
	input[type="datetime-local"][disabled],
	input[type="datetime-local"][readonly],
	fieldset[disabled] input[type="datetime-local"],
	input[type="month"][disabled],
	input[type="month"][readonly],
	fieldset[disabled] input[type="month"],
	input[type="week"][disabled],
	input[type="week"][readonly],
	fieldset[disabled] input[type="week"],
	input[type="email"][disabled],
	input[type="email"][readonly],
	fieldset[disabled] input[type="email"],
	input[type="number"][disabled],
	input[type="number"][readonly],
	fieldset[disabled] input[type="number"],
	input[type="search"][disabled],
	input[type="search"][readonly],
	fieldset[disabled] input[type="search"],
	input[type="tel"][disabled],
	input[type="tel"][readonly],
	fieldset[disabled] input[type="tel"],
	input[type="time"][disabled],
	input[type="time"][readonly],
	fieldset[disabled] input[type="time"],
	input[type="url"][disabled],
	input[type="url"][readonly],
	fieldset[disabled] input[type="url"],
	input[type="color"][disabled],
	input[type="color"][readonly],
	fieldset[disabled] input[type="color"],
	textarea[disabled],
	textarea[readonly],
	fieldset[disabled] textarea {
		background-color: #e9edf1;
		cursor: not-allowed;
	}

	textarea[rows] { height: auto; }

	/**
	 *  1. Disallow resize out of parent
	 */
	
	textarea { max-width: 100%; /* 1 */ }
	
	/**
	 * 1. we need to supply the font color for situations when you place the inputs in a div that has color:#fff
	 *    normally because of the #fff the text in inputs would not be visible but giving the color explicitly here ovrwrites that
	 */
	
	select {
		padding: 6px 10px;	
		height: auto;
		width: 100%;
		border: 2px solid #ebebeb;
		background-color: #fff;
		-webkit-appearance: none !important;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
			    box-sizing: border-box;
		color: #444; /* 1 */		
	}

	select:disabled {
		background-color: #e9edf1;
		cursor: not-allowed;
	}
	
	select:focus { border-color: #bbb; }

	select[multiple] { height: auto; }

	input[type="range"] { width: 100%; }
	
	input[type="file"],
	input[type="checkbox"],
	input[type="radio"],
	select {
		margin: 0 0 10px;
	}

	input[type="checkbox"] + label,
	input[type="radio"] + label {
		display: inline-block;
		margin-right: 10px;
		margin-bottom: 0;
		margin-left: 5px;
		vertical-align: baseline;
	}

	input[type="file"] { width: 100%; }
	
	button,
	input[type="reset"],
	input[type="submit"],
	input[type="button"]{
		display: inline-block; 
		position: relative;
		padding: 15px 40px; 
		border: none;
		border-radius: 3px;
		background-color: #009cff;
		color: #fff;
		text-decoration: none !important;
		vertical-align: middle;
		cursor: pointer;
		font-family: "Open Sans", sans-serif; 
		font-size: 12px;
		font-weight: 900;
		text-transform: uppercase;
		-webkit-background-clip: padding-box;
		   -moz-background-clip: padding-box;
				background-clip: padding-box;
		-webkit-transition: all .3s ease-in;
				transition: all .3s ease-in;
	}
	
	input[type="reset"]:hover,
	input[type="submit"]:hover,
	input[type="button"]:hover { background-color: #263c57; }
	
	
	@media (min-width: 768px) and (max-width: 991px) {
		
		label { width: 70px; }
		
		
		 input[type="text"],
		 input[type="password"],
		 input[type="date"],
		 input[type="datetime"],
		 input[type="datetime-local"],
		 input[type="month"],
		 input[type="week"], 
		 input[type="email"],
		 input[type="number"],
		 input[type="search"],
		 input[type="tel"],
		 input[type="time"],
		 input[type="url"], 
		 input[type="color"],
		 textarea  { padding: 15px 0 15px 80px; }
		 
	}

	@media (max-width: 767px) {
		
		label { 
			width: 70px; 
			font-size: 10px;
		}
		
		input[type="text"],
		input[type="password"],
		input[type="date"],
		input[type="datetime"],
		input[type="datetime-local"],
		input[type="month"],
		input[type="week"],
		input[type="email"],
		input[type="number"],
		input[type="search"],
		input[type="tel"],
		input[type="time"],
		input[type="url"],
		input[type="color"],
		textarea {
			padding: 15px 0 15px 90px;
		}	
		
	}
	

	 

/* =Responsive Form Inputs
   ========================================================================== */
	
	/**
	 * 1. Reset float inherited from .span*	
 	 * 2. Change padding inherited from .span* with the one set for inputs
 	 */
	 
	button[class*="span"],
	input[type="reset"][class*="span"],
	input[type="submit"][class*="span"],
	input[type="button"][class*="span"],
	input[type="range"][class*="span"],
	input[type="color"][class*="span"],
	input[type="text"][class*="span"],
	input[type="password"][class*="span"],
	input[type="date"][class*="span"],
	input[type="datetime"][class*="span"],
	input[type="datetime-local"][class*="span"],
	input[type="month"][class*="span"],
	input[type="week"][class*="span"],
	input[type="email"][class*="span"],
	input[type="number"][class*="span"],
	input[type="search"][class*="span"],
	input[type="tel"][class*="span"],
	input[type="time"][class*="span"],
	input[type="url"][class*="span"],
	textarea[class*="span"],
	select[class*="span"] {
		float: none; 		/* 1 */
		padding: 6px 10px;  /* 2 */
	}
	
	@media (min-width: 767px) {
	
		button.span12,
		input[type="range"].span12,
		input[type="color"].span12,
		input[type="reset"].span12,
		input[type="submit"].span12,
		input[type="button"].span12,
		input[type="text"].span12,
		input[type="password"].span12,
		input[type="date"].span12,
		input[type="datetime"].span12,
		input[type="datetime-local"].span12,
		input[type="month"].span12,
		input[type="week"].span12,
		input[type="email"].span12,
		input[type="number"].span12,
		input[type="search"].span12,
		input[type="tel"].span12,
		input[type="time"].span12,
		input[type="url"].span12,
		textarea.span12,
		select.span12 { width: 100%; }
		
		button.span11,
		input[type="range"].span11,
		input[type="color"].span11,
		input[type="reset"].span11,
		input[type="submit"].span11,
		input[type="button"].span11,
		input[type="text"].span11,
		input[type="password"].span11,
		input[type="date"].span11,
		input[type="datetime"].span11,
		input[type="datetime-local"].span11,
		input[type="month"].span11,
		input[type="week"].span11,
		input[type="email"].span11,
		input[type="number"].span11,
		input[type="search"].span11,
		input[type="tel"].span11,
		input[type="time"].span11,
		input[type="url"].span11,
		textarea.span11,
		select.span11 { width: 91.66666667%; }
		
		button.span10,
		input[type="range"].span10,
		input[type="color"].span10,
		input[type="reset"].span10,
		input[type="submit"].span10,
		input[type="button"].span10,
		input[type="text"].span10,
		input[type="password"].span10,
		input[type="date"].span10,
		input[type="datetime"].span10,
		input[type="datetime-local"].span10,
		input[type="month"].span10,
		input[type="week"].span10,
		input[type="email"].span10,
		input[type="number"].span10,
		input[type="search"].span10,
		input[type="tel"].span10,
		input[type="time"].span10,
		input[type="url"].span10,
		textarea.span10,
		select.span10 { width: 83.33333333%; }
		
		button.span9,
		input[type="range"].span9,
		input[type="color"].span9,
		input[type="reset"].span9,
		input[type="submit"].span9,
		input[type="button"].span9,
		input[type="text"].span9,
		input[type="password"].span9,
		input[type="date"].span9,
		input[type="datetime"].span9,
		input[type="datetime-local"].span9,
		input[type="month"].span9,
		input[type="week"].span9,
		input[type="email"].span9,
		input[type="number"].span9,
		input[type="search"].span9,
		input[type="tel"].span9,
		input[type="time"].span9,
		input[type="url"].span9,
		textarea.span9,
		select.span9 { width: 75%; }
		
		button.span8,
		input[type="range"].span8,
		input[type="color"].span8,
		input[type="reset"].span8,
		input[type="submit"].span8,
		input[type="button"].span8,
		input[type="text"].span8,
		input[type="password"].span8,
		input[type="date"].span8,
		input[type="datetime"].span8,
		input[type="datetime-local"].span8,
		input[type="month"].span8,
		input[type="week"].span8,
		input[type="email"].span8,
		input[type="number"].span8,
		input[type="search"].span8,
		input[type="tel"].span8,
		input[type="time"].span8,
		input[type="url"].span8,
		textarea.span8,
		select.span8 { width: 66.66666667%; }
		
		button.span7,
		input[type="range"].span7,
		input[type="color"].span7,
		input[type="reset"].span7,
		input[type="submit"].span7,
		input[type="button"].span7,
		input[type="text"].span7,
		input[type="password"].span7,
		input[type="date"].span7,
		input[type="datetime"].span7,
		input[type="datetime-local"].span7,
		input[type="month"].span7,
		input[type="week"].span7,
		input[type="email"].span7,
		input[type="number"].span7,
		input[type="search"].span7,
		input[type="tel"].span7,
		input[type="time"].span7,
		input[type="url"].span7,
		textarea.span7,
		select.span7 { width: 58.33333333%; }
		
		button.span6,
		input[type="range"].span6,
		input[type="color"].span6,
		input[type="reset"].span6,
		input[type="submit"].span6,
		input[type="button"].span6,
		input[type="text"].span6,
		input[type="password"].span6,
		input[type="date"].span6,
		input[type="datetime"].span6,
		input[type="datetime-local"].span6,
		input[type="month"].span6,
		input[type="week"].span6,
		input[type="email"].span6,
		input[type="number"].span6,
		input[type="search"].span6,
		input[type="tel"].span6,
		input[type="time"].span6,
		input[type="url"].span6,
		textarea.span6,
		select.span6 { width: 50%; }
		
		button.span5,
		input[type="range"].span5,
		input[type="color"].span5,
		input[type="reset"].span5,
		input[type="submit"].span5,
		input[type="button"].span5,
		input[type="text"].span5,
		input[type="password"].span5,
		input[type="date"].span5,
		input[type="datetime"].span5,
		input[type="datetime-local"].span5,
		input[type="month"].span5,
		input[type="week"].span5,
		input[type="email"].span5,
		input[type="number"].span5,
		input[type="search"].span5,
		input[type="tel"].span5,
		input[type="time"].span5,
		input[type="url"].span5,
		textarea.span5,
		select.span5 { width: 41.66666667%; }
		
		button.span4,
		input[type="range"].span4,
		input[type="color"].span4,
		input[type="reset"].span4,
		input[type="submit"].span4,
		input[type="button"].span4,
		input[type="text"].span4,
		input[type="password"].span4,
		input[type="date"].span4,
		input[type="datetime"].span4,
		input[type="datetime-local"].span4,
		input[type="month"].span4,
		input[type="week"].span4,
		input[type="email"].span4,
		input[type="number"].span4,
		input[type="search"].span4,
		input[type="tel"].span4,
		input[type="time"].span4,
		input[type="url"].span4,
		textarea.span4,
		select.span4 { width: 33.33333333%; }
		
		button.span3,
		input[type="range"].span3,
		input[type="color"].span3,
		input[type="reset"].span3,
		input[type="submit"].span3,
		input[type="button"].span3,
		input[type="text"].span3,
		input[type="password"].span3,
		input[type="date"].span3,
		input[type="datetime"].span3,
		input[type="datetime-local"].span3,
		input[type="month"].span3,
		input[type="week"].span3,
		input[type="email"].span3,
		input[type="number"].span3,
		input[type="search"].span3,
		input[type="tel"].span3,
		input[type="time"].span3,
		input[type="url"].span3,
		textarea.span3,
		select.span3 { width: 25%; }
		
		button.span2,
		input[type="range"].span2,
		input[type="color"].span2,
		input[type="reset"].span2,
		input[type="submit"].span2,
		input[type="button"].span2,
		input[type="text"].span2,
		input[type="password"].span2,
		input[type="date"].span2,
		input[type="datetime"].span2,
		input[type="datetime-local"].span2,
		input[type="month"].span2,
		input[type="week"].span2,
		input[type="email"].span2,
		input[type="number"].span2,
		input[type="search"].span2,
		input[type="tel"].span2,
		input[type="time"].span2,
		input[type="url"].span2,
		textarea.span2,
		select.span2 { width: 16.66666667%; }
		
		button.span1,
		input[type="range"].span1,
		input[type="color"].span1,
		input[type="reset"].span1,
		input[type="submit"].span1,
		input[type="button"].span1,
		input[type="text"].span1,
		input[type="password"].span1,
		input[type="date"].span1,
		input[type="datetime"].span1,
		input[type="datetime-local"].span1,
		input[type="month"].span1,
		input[type="week"].span1,
		input[type="email"].span1,
		input[type="number"].span1,
		input[type="search"].span1,
		input[type="tel"].span1,
		input[type="time"].span1,
		input[type="url"].span1,
		textarea.span1,
		select.span1 { width: 8.33333333%; }
		
	}	
        
        /* ==========================================================================
   =Wrap
   ========================================================================== */

	#wrap {
		position: relative;
		background-color: #fff;
	}
	
	.boxed #wrap {
                margin-left: auto;
                margin-right: auto;
        }
	
	@media (max-width: 767px) {

                .boxed #wrap {
		max-width: 1140px; 
		margin: 0 auto;
		-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);  
		   -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);    
		        box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);  
                }
	
                .boxed #header { max-width: 1140px; }

	}
        
        @media (min-width: 1200px) {
		
		.boxed  #wrap {	max-width: 1340px; }
		
		.boxed  #header { max-width: 1340px; }
		
	}
	
	@media (max-width: 1140px) {
	
		.boxed  #wrap {
			-webkit-box-shadow: none;  
			   -moz-box-shadow: none;     
		            box-shadow: none;  
		}
	
	}
	
/* ==========================================================================
	=Header Wrap
	========================================================================== */

	 
	#header-wrap {}
   	

/* ==========================================================================
   =Header 
   ========================================================================== */
   	
	#header { margin: 0 auto; }
	
/* ==========================================================================
   =Logo
   ========================================================================== */
   
	#logo {  
		padding: 35px 0 27px 0;
	}
	
	/**
	 * 1. we need the <a> to be only the size of it's child <img> element
	 * 2. it shouldn't extend beyond the size of it's parent if it's child <img> is very large e.g 1000x1000 px
	 */
	
	#logo a {
		display: inline-block; /* 1 */
		max-width: 100%; 	   /* 2 */
	}
	
	#logo img { display: block; }	
	
	@media (max-width: 767px) {

		/**
		 * 1. on mobile devices logo padding right needs to be the width of the
		 *	  mobile menu trigger + some spacing so as to not let the logo <a>
		 *    overlap the mobile menu trigger
		 */
	
		#logo {  
			padding-right: 50px; 	/* 1 */
		}
		
	}
	
/* ==========================================================================
   =Menu 
   ========================================================================== */

/* =Menu Basics
   ========================================================================== */
   
	.sf-menu,
	.sf-menu ul {
		padding: 0;
		margin: 0;
		list-style: none;
	}
	
	.sf-menu > li { float: left; }
	
	.sf-menu li { margin-bottom: 0; }

	.sf-menu > li > a {
		position: relative;
		display: block;
	}
	
	/**
 	 * 1. z-index is 1025 because the sticky menu is 1020
 	 */
	
	.sf-menu .sf-mega,
	.sf-menu li.dropdown ul {
		position: absolute;
		z-index: 1025;		/* 1 */
		top: 100%;
		left: 0;
		display: none;
	}
	
	.sf-menu li.dropdown { position: relative; }
	
	.sf-menu li.dropdown ul ul {
		top: 0;
		left: 100%;
	}
	
	.sf-menu li:hover > .sf-mega,
	.sf-menu li.sfHover > .sf-mega,
	.sf-menu li.dropdown:hover > ul,
	.sf-menu li.dropdown.sfHover > ul { display: block; }

/* =Menu Skin
   ========================================================================== */
	
	.sf-menu { float: right; } 

	.sf-menu a {
		display: block;
		padding: 12px;
		font: 14px 'Roboto', sans-serif;
		color: #31363a;
		text-decoration: none;
		-webkit-transition: color .3s;
				transition: color .3s;
	}
	
	.sf-menu li.dropdown a { padding: 12px 0 12px 30px; }
	
	.sf-menu li:last-child > a { border-bottom: none; }
	
	.sf-menu > li > a,
	.sf-menu > li.dropdown > a {
		padding: 48px 15px 44px;
		border: none;
		color: #31363a;
		font-size: 14px;
		font-weight: 700;
		text-transform: uppercase;	
	}
	
	.sf-menu > li a i {}
	
	.sf-menu > li.current > a,
	.sf-menu li.sfHover > a,
	.sf-menu a:hover,
	.sf-menu li.sfHover a:hover,
        .sf-menu li.current-menu-item > a,
        .sf-menu li.current-menu-parent > a {
		color: #009cff;
		text-decoration: none;	
	}

/* =DropDown
   ========================================================================== */
	
	/**
 	 * 1. allow long menu items to determine submenu width
 	 */
	
	.sf-menu li.dropdown ul {
		min-width: 200px; 	/* 1 */
		padding: 10px 0 10px 15px;
		background-color: #fff;	
		box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.2);
	}

	.sf-menu > li.dropdown > ul {}	
	
	.sf-menu > li.dropdown > ul li a { 
		position: relative;
		font-weight: 500; 
	}	
	
	.sf-menu > li.dropdown  ul li a:before {
		position: absolute;
		left: 0;
		top: 50%;
		content: "";
		width: 5px;
		height: 5px;
		margin-top: -1px;
		border: 2px solid #dbe0e4;
		-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
				transform: translateY(-50%);
		-webkit-transition: all .3s;
				transition: all .3s;
	}	
	
	.sf-menu > li.dropdown ul li a:hover:before { border-color: #009cff; }
	
		
/* =Mega Menu Section
   ========================================================================== */
	
	.sf-mega {
		width: 100%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		padding: 15px 0;
		margin-top: 0;	
		background-color: #fff;
		box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.2);
	}

	.sf-mega-section {
		float: left;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		padding: 0 20px;
	}
	
	.sf-mega-section:last-child { border-right: none; }
	
	.sf-mega-section a { 
		position: relative;
		font-weight: 500; 
		padding: 12px 0 12px 30px; 
	}
	
	.sf-mega-section ul a:before {
		position: absolute;
		left: 0;
		top: 50%;
		content: "";
		width: 5px;
		height: 5px;
		margin-top: -1px;
		border: 2px solid #dbe0e4;
		-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
				transform: translateY(-50%);
		-webkit-transition: all .3s;
				transition: all .3s;
	}	
	
	.sf-mega-section ul li a:hover:before { border-color: #009cff; }
	
	.sf-mega-section .post-title a {
		font-size: 14px;
		font-weight: 700;
		padding: 0;
	}
	
	.sf-mega-section .byline a {
		display: inline-block;
		padding: 0;
		font-size: 12px;
		font-weight: 700;
		color: #31363a;
	}
	
	.sf-mega-section .comments-link a {
		display: inline-block;
		padding: 0;
		color: #009cff;
		font-size: 12px;
		font-weight: 700;
	}
	
	.sf-mega-section .post-header { margin-bottom: 20px; }
	
	.sf-mega-section .post-thumbnail { padding: 0; }
	
	.sf-mega-section .post-thumbnail img { width: 100%; }
	
	.sf-mega-section .post-footer a { 
		display: inline-block;
		padding: 10px 30px;
	}
	
	.sf-mega-section .post-footer a:hover { color: #fff !important; }

	/**
 	 * 1. set mega menu section size, as a percentage of the mega menu width
 	 */
	
	.sf-mega.sf-mega-1-col .sf-mega-section{ width: 100%; } /* 1 */
	
	.sf-mega.sf-mega-2-col .sf-mega-section{ width: 50%; }
	
	.sf-mega.sf-mega-3-col .sf-mega-section{ width: 33.3333333333%; }
	
	.sf-mega.sf-mega-4-col .sf-mega-section{ width: 25%; }
	
	.sf-mega.sf-mega-custom .sf-mega-section { width: 20%; }
	
	.sf-mega.sf-mega-custom .sf-mega-section:last-child { width: 40%; }
	
	.sf-mega-section-title {}
	
/* =Menu Arrows
   ========================================================================== */
	
	.sf-arrows .sf-with-ul:after {
		position: absolute;
		top: 50%;
		right: 0;
		width: 0;
		height: 0;
		border: 4px solid transparent;
		border-top-color: #999;
		margin-top: 0;
		content: "";
		display: none;
	}
		
	.sf-arrows > li > .sf-with-ul:focus:after,
	.sf-arrows > li:hover > .sf-with-ul:after,
	.sf-arrows > .sfHover > .sf-with-ul:after { border-top-color: rgba(0, 0, 0, 0.7); }
		
	.sf-arrows ul .sf-with-ul:after {
		border-color: transparent;
		border-left-color: #999;
		margin-top: -5px;
		margin-right: 15px;
		display: inline;
	}
	
	.sf-arrows ul li > .sf-with-ul:focus:after,
	.sf-arrows ul li:hover > .sf-with-ul:after,
	.sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: rgba(0, 0, 0, 0.7); }
	
	@media (min-width: 768px) and (max-width: 991px) {

		#menu { display: none; }

	}
	
	@media (max-width: 767px) {

		#menu { display: none; }
	
	}
	
	
/* ==========================================================================
   =Mobile Menu 
   ========================================================================== */
			
	#mobile-menu {
		border-bottom: 1px solid #ebebeb;
		margin-bottom: 0;
	}
	
	#mobile-menu li {	
		display: block;
		margin: 0;
	}
		
	#mobile-menu > li > ul, 
	#mobile-menu > li > ul > li > ul {
		display: none;
		margin-left: 0;
	}
	
	#mobile-menu .sf-mega {
		display: none;
		padding: 0;
		border: none;
		margin: 0;
		box-shadow: none;
	}
	
	#mobile-menu .sf-mega-section {
		float: none;
		width: 100%;
		padding: 0;
		border: none;
	}
	
	#mobile-menu .sf-mega-section ul { 
		margin-left: 0;
		margin-bottom: 0;
	}

	#mobile-menu li a {
		position: relative;
		display: block;
		padding: 15px 25px;
		border-top: 1px solid #ebebeb;
		color: #111;
		font-size: 13px;
		text-align: left;
		text-decoration: none;
	}
	
	#mobile-menu ul a { padding-left: 45px; }
	
	#mobile-menu ul a:before { display: none; }
	
	#mobile-menu ul li ul a  { padding-left: 65px; }
	
	#mobile-menu .mobile-menu-submenu-arrow {
		position: absolute;
		top: 0;
		right: 0;
		width: 70px;
		height: 100%;
		border-left: 1px solid #ebebeb;
		color: #111;
		font-size: 20px;
		line-height: 50px;
		text-align: center;
		cursor: pointer;
	}
	
	#mobile-menu .mobile-menu-submenu-arrow:hover { background-color: #e9edf1; }
	
	#mobile-menu li a:hover {}
	
	#mobile-menu { display: none; }

/* ==========================================================================
   =Mobile menu trigger
   ========================================================================== */
				
	#mobile-menu-trigger { 
		float: right;
		display: none;
		font-size: 32px;
	}

	@media (min-width: 768px) and (max-width: 991px) {

		#mobile-menu-trigger { 
			display: block;
			margin-top: 44px;
			margin-right: 0;
		}	

	}

	@media (max-width: 767px) {

		#mobile-menu-trigger { 
			position: absolute;
			top: 30px;
			right: 20px;
			display: block;
			padding: 10px;
			margin-top: 0;
		}

	}

	@media only screen and (min-width: 480px) and (max-width: 767px) {

		#mobile-menu-trigger {}
	
	}		
		
/* ==========================================================================
   =Custom search form 
   ========================================================================== */
	
	#custom-search-form { 
		position: absolute;
		top: 50%;
		width: 100%;
		text-align: center; 
	}
	
	#shopping-cart + nav { margin-right: 80px; }
	
	#shopping-cart:first-child + nav,
	#custom-search-button + nav { margin-right: 30px; }
	
	#custom-search-button { 
                background-color: #263c57;
		position: absolute;
		top: 37px;
		right: 0;
		display: block;
		width: 35px;
		height: 35px;
		border-radius: 3px;
	}
	
	#custom-search-button:after { 
		position: absolute;
		top: 50%;
		left: 0;
		right: 0;
		margin-right: auto;
		margin-left: auto;
		font-family: 'iconfontcustom';
		content:"\e775";
		text-align: center;
		color: #fff;
		-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
				transform: translateY(-50%);
	}
	
	/* Overlay style */
	.search-overlay {
		position: fixed;
		z-index: 100;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background-color: rgba(0, 0, 0, 0.9);
	}

	/* Overlay closing cross */
	.search-overlay .search-overlay-close {
		width: 80px;
		height: 80px;
		position: absolute;
		right: 20px;
		top: 20px;
		overflow: hidden;
		border: none;
		background: url(././assets/images/cross.png) no-repeat center center;
		text-indent: 200%;
		color: transparent;
		outline: none;
		z-index: 10;
	}

	/* Effects */
	.overlay-door {
		visibility: hidden;
		height: 0;
		-webkit-transition: height 0.5s 0.3s, visibility 0s 0.8s;
				transition: height 0.5s 0.3s, visibility 0s 0.8s;
	}

	.overlay-door.open {
		visibility: visible;
		height: 100%;
		-webkit-transition: height 0.5s;
				transition: height 0.5s;
	}

	.search-overlay #s {
		display: inline-block;
		position: relative;
		width: 50%;
		box-sizing: border-box;
		border: 2px solid #fff;
		margin: 0 auto;
		padding-left: 30px;
		padding-right: 30px;
		color: rgb(255, 255, 255);
		background: rgba(0, 0, 0, 0);
		font-size: 18px;
		font-weight: 300;
		outline: none;
	}
	
	.search-overlay #s:focus { border-color: #009cff; }
	
	.search-overlay #custom-search-submit {
		position: relative;
		vertical-align: top;
		border: 2px solid #009cff;
		padding: 14px 40px;
		box-sizing: border-box;
		background-clip: border-box;
		font-size: 18px;
		font-weight: 400;
		color: #fff;
		background-color: transparent;
	}
	
	.search-overlay #custom-search-submit:hover { background-color: #009cff; }

	#custom-search-form,
	.overlay-door .search-overlay-close {
		opacity: 0;
		-webkit-transition: opacity 0.3s 0.5s;
				transition: opacity 0.3s 0.5s;
	}

	.overlay-door.open #custom-search-form,
	.overlay-door.open .search-overlay-close {
		opacity: 1;
		-webkit-transition-delay: 0.5s;
				transition-delay: 0.5s;
	}

	.overlay-door.close #custom-search-form,
	.overlay-door.close .search-overlay-close {
		-webkit-transition-delay: 0s;
				transition-delay: 0s;
	}
	
	@media (min-width: 1200px) {
		
		#shopping-cart + nav { margin-right: 120px; }
		
	}
	
	@media (min-width: 768px) and (max-width: 991px) {

		#custom-search-button { right: 65px; }
		#custom-search-form { right: 55px; }

	}
	
	@media (max-width: 767px) {

		/**
		 * Hide search on mobile
		 */
		 
		/**
		 * 1. !important is needed to overwrite the display:block added by the js
		 */ 
	
		#custom-search-form { 
			display: none !important; /* 1 */
		}
		
		#custom-search-button { display: none; }
		
	}

/* ==========================================================================
   =Shopping Cart Icon
   ========================================================================== */	
	
	#shopping-cart {
		top: 30px;
		right: 50px;
	}
	
	#shopping-cart:first-child { right:0; }
	
	@media (min-width: 768px) and (max-width: 991px) {

		#shopping-cart { right: 120px; }

	}
	
	@media (max-width: 767px) {

		#shopping-cart { right: 90px; }

	}

/* ==========================================================================
   =Sticky Header
   ========================================================================== */

	@media (min-width: 1025px) {
		
		/**
		 * 1. The height of the #header-wrap should be increased or decreased to accommodate the logo
		 */
		 
		#header-wrap {
			position: relative;
			height: 110px; /* 1 */
		}
		
		#header {
			position: absolute;
			top: 0; 					
			right: 0;
			left: 0;
			margin: 0 auto; 
		}
		
		/**
		 * 1. The z-index has to be 1020 so it is bigger than the back to top buttons z-index that is 1010
		 */
		
		#header.stuck {
			position: fixed;
			z-index: 1020; /* 1 */
			top: 0;
			width: 100%;
			padding: 0;
			margin: 0 auto;
			box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);			
			background-color: #fff;
			-webkit-transition: padding 0.3s;
					transition: padding 0.3s;
		}
		
		#header.stuck #logo { padding: 20px 0 15px 0; }
		
		#header.stuck .sf-menu > li > a,
		#header.stuck .sf-menu > li.dropdown > a { padding: 35px 15px 35px; }
		
		#header.stuck .sf-mega { margin-top: 0; }

		#header.stuck .sf-arrows .sf-with-ul:after { margin-top: -6px; }		
	
		#header.stuck #custom-search-button { top: 25px; }
		
		#header.stuck #shopping-cart { top: 15px; }
	
	}
	
/* ==========================================================================
   =Content
   ========================================================================== */
   	
	#content { }

/* ==========================================================================
   =Page Header
   ========================================================================== */
   	
	#page-header { 
		position: relative;
		padding: 200px 0 60px 0;
		margin-bottom: 100px;
		background: #333 no-repeat center center;
		-webkit-background-size: cover;
			background-size: cover;
	}
	
	#page-header h1 { 
		margin-bottom: 0; 
		font-size: 48px;
		text-transform: uppercase;
		color: #fff;
	}
	
	@media (max-width: 991px) {
		
		#page-header { 
			margin-bottom: 60px;
			padding: 50px 0;
		}
		
	}

/* ==========================================================================
   =Fullwidth Section
   ========================================================================== */
   
    /**
 	 * Full width section
 	 *
	 * 1. background-image must be supplied using inline css as it is different for every .fullwidth-section
	 *
	 */
	 
   .fullwidth-section {
		position: relative;
		overflow: hidden;
		z-index: 0;	
		padding: 40px 0;
		margin-bottom: 40px;
		background-color: #e9edf1;
		background-attachment: scroll;
		background-repeat: no-repeat; /* 1 */ 
		background-position: 50% 0;		
	}

	.fullwidth-section-content {
		position: relative;
		z-index: 3;
	}
   
   	.fullwidth-section-overlay {
		position: absolute;
		z-index: 2;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-repeat: repeat;
		background-position: 0 0;	
	}
	
	.fullwidth-section-video {
		position: absolute;
		overflow: hidden;
		z-index: 1;
		top: 0;
		width: 100%;
		height: 100%;
	}
	
	.yt-player { display: none; }
	
	/**
 	 *
	 * 1. We add background-size cover so the parallax looks ok if you provide smaller images
	 *
	 */
	
	.parallax.parallax-enabled { 
		background-attachment: fixed !important;
		-webkit-background-size: cover;
				background-size: cover;	/* 1 */
	}
	
	.horizontal-parallax { background-repeat: repeat-x; }
	
	.animated-parallax { background-repeat: repeat-x; }
	
	@media (max-width: 767px) {

		.fullwidth-section {
			-webkit-background-size: cover;
					background-size: cover;		
		}
		
	}
	
/* ==========================================================================
   =Footer Top
   ========================================================================== */

	#footer-top { background-color: #f9f9f9; }
	
	#footer-top-widget-area-1 {}
	#footer-top-widget-area-2 {}
	#footer-top-widget-area-3 {}
	#footer-top-widget-area-4 {}
	
	@media (max-width: 767px) {
	
		#footer-top-widget-area-1 + #footer-top-widget-area-2 { margin-top: 30px; }
		#footer-top-widget-area-2 + #footer-top-widget-area-3 { margin-top: 30px; }
		#footer-top-widget-area-3 + #footer-top-widget-area-4 { margin-top: 30px; }
		
	}
   
/* ==========================================================================
   =Footer
   ========================================================================== */		
	
	#footer { 
		padding: 100px 0;	
		background-color: #1f252c;
		color: #c9c9c9;
	}
	
	#footer  a:hover { color: #009cff; }
	
	#footer-widget-area-1 {}
	#footer-widget-area-2 {}
	#footer-widget-area-3 {}
	#footer-widget-area-4 {}
	
	@media (max-width: 767px) {
	
		#footer { padding: 50px 0; }
	
		#footer-widget-area-1 + #footer-widget-area-2 { margin-top: 50px; }
		#footer-widget-area-2 + #footer-widget-area-3 { margin-top: 50px; }
		#footer-widget-area-3 + #footer-widget-area-4 { margin-top: 50px; }
		
	}
	
/* ==========================================================================
   =Footer Bottom
   ========================================================================== */	
  
	#footer-bottom { 
		padding: 60px 0 20px 0;	
		background-color: #11151b;	
		color: #565e67;
	}
	
	#footer-bottom  a { color: #565e67; }
	
	#footer-bottom  a:hover { color: #009cff; }
	
	#footer-bottom-widget-area-1 {}
	#footer-bottom-widget-area-2 {}
	#footer-bottom-widget-area-3 {}
	#footer-bottom-widget-area-4 {}
	
	#footer-bottom-widget-area-1 + #footer-bottom-widget-area-2 { margin-top: 50px; }
	
/* ==========================================================================
   =Back to top
   ========================================================================== */

	#back-to-top {
		position: fixed;
		z-index: 1010;
		right: -40px;
		bottom: 20px;
		width: 40px;
		height: 40px;
		background-color: #111;
		color: #fafafa;
		font-size: 30px;
		line-height: 40px;
		text-align: center;					
		opacity: 0.5;
		cursor: pointer;
		-webkit-transition: all 0.4s ease 0s;
				transition: all 0.4s ease 0s;
	}
	
	#back-to-top i {
		font-size: 37px;
		line-height: 40px;
		font-weight: normal;
		vertical-align: top;
		-webkit-transition: all 0.4s ease 0s;
				transition: all 0.4s ease 0s;
	}
	
	#back-to-top:hover { background-color: rgba(0, 0, 0, 0.7); }
	#back-to-top:hover i { color: #fff; }
	#back-to-top.visible { right: 40px; }
	#back-to-top.gone { right: -40px; }	

/* ==========================================================================
   =Misc
   ========================================================================== */
   
	.javascript-required,
	.modern-browser-required {
	    padding: 15px 0;
		background-color: #d50f25;
		color: #fff;
		font-weight: 700;
		text-align: center;
	}
        
      
        /**
 * 	Name: components.css
/* ==========================================================================
   =Accordions and Toggles
   ========================================================================== */

/* =Accordion
   ========================================================================== */
	
        #content .theme-accordion.vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-title>a,
        #content .theme-accordion.vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-title>a:visited {
		margin-bottom: 20px;
		padding: 15px 30px;
		border: none;
		color: #fff;
                font-size: 14px;
                line-height: 26px;
                font-weight: 400;
		background-color: #1f252c;
		border-radius: 3px;
		-webkit-transition: background-color .2s;
				transition: background-color .2s;
	}
        
        #content .theme-accordion.vc_tta .vc_tta-controls-icon:before,
        #content .theme-accordion.vc_tta .vc_tta-controls-icon:after {
                border-color: #fff !important;
                border-width: 1px !important;
        }
        
        #content .theme-accordion.vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-title>a,
        #content .theme-accordion.vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-title>a:hover {
               background-color: #009cff;
               color: #fff;
        }
        
        #content .theme-accordion.vc_tta-color-grey.vc_tta-style-flat .vc_tta-panels .vc_tta-panel-body { 
                padding: 20px 30px; 
		color: #31353a;
	}

/* ==========================================================================
   =Alerts
   ========================================================================== */

	.alert {
		padding: 12px 20px 12px 35px;
		border-radius: 3px;		
		margin-bottom: 30px;
		background-color: #f3f6f8;
		font-size: 14px;
		color: #454545;
	}
	
	.alert i {
		position: relative;
		top: 1px;
		margin-right: 7px;
		font-size: 16px;
	}
	
	.alert.info {
		background-color: #1f252c;
		color: #fff;
	}
	
	.alert.success {
		background-color: #009cff;
		color: #fff;
	}
	
	.alert.error {
		background-color: #ed1c24;
		color: #fff;
	}
	
	.alert.warning {
		background-color: #97c0da;
		color: #fff;
	}
	
	.alert span { float: right; }
	
	.alert.info span,
	.alert.success span,
	.alert.error span,
	.alert.warning span { color: #fff; }
	
/* ==========================================================================
   =Animations
   ========================================================================== */
   
   .animate {
		-webkit-animation-duration: 1s;
				animation-duration: 1s;
		-webkit-animation-fill-mode: both;
				animation-fill-mode: both;
		visibility: hidden;
	}

	.animate.visible { visibility: visible; }
	.animate.hidden { visibility: hidden; }

/* ==========================================================================
   =Boxes
   ========================================================================== */

	.box { 
		position: relative;
		box-sizing: border-box;
		margin-top: 50px;
		margin-bottom: 110px;
		padding: 100px 70px 100px 50px; 
	}
	
	.box  > *:last-child { margin-bottom: 0; } 
	
	.boxes-section { position: relative; }
	
	.boxes-section .box {
		float: left;
		width: 33.333333%;
		box-sizing: border-box;
	}
	
	.boxes-section .background-image:before {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		content: "";
		background: no-repeat center center;
		background-size: cover;
	}
	
	.boxes-section .box h2 {
		margin-bottom: 0;
		text-transform: uppercase;
		font-weight: 700;
	}
	
	.boxes-section .box h5 { 
		margin-bottom: 10px;
		font-weight: 500; 
	}

	.box.box-style-1 {
		border-radius: 2px;
		border: 2px solid #ebebeb;
	}

	.box.box-style-2 { background-color: #e9edf1; }
	
	.box.box-style-2.alt { background-color: #1f252c; }
	
	.box.box-style-2.alt h2 {
		color: #fff;
	}
   
	/*
	 * 1. Clearfix hack 
	 */
	 
	.box:after { /* 1 */
		visibility: hidden;
		display: block;
		height: 0;
		font-size: 0;
		content: " ";
		clear: both;
	}
	
	.boxes-section:after { /* 1 */
		visibility: hidden;
		display: block;
		height: 0;
		font-size: 0;
		content: " ";
		clear: both;
	}
	
	@media (min-width: 768px) and (max-width: 991px) {
		
		.boxes-section .btn { padding: 15px 25px; }
		
	}
	
	
	@media (max-width: 767px) {
		
		.box { 
			margin: 0;
			padding: 50px 20px 50px 20px; 
		}
		
		.box:last-child { margin-bottom: 50px; }
		
		.boxes-section .box {
			float: none;
			width: 100%;
		}
		
	}
	
/* ==========================================================================
   =Breadcrumbs
   ========================================================================== */
	
	.breadcrumb {
		display: block;
		list-style-type: none;
		margin-bottom: 0;
                color: #009cff; 
	}
	
	.breadcrumb li { display: inline-block; }
	
	.breadcrumb li,
	.breadcrumb li a { 
		font-size: 14px;
		font-weight: 700;
		text-transform: uppercase;
	}
	
	.breadcrumb li a:hover { text-decoration: none; }
	
	.breadcrumb li:last-child:after { content: ""; }	
	
/* ==========================================================================
   =Buttons
   ========================================================================== */

/* =Default Button
   ========================================================================== */
   
	.btn { 
		display: inline-block; 
		position: relative;
		padding: 10px 30px; 
		border-radius: 3px;
		margin: 0 5px 20px 0;
		background-color: #009cff;
		color: #fff;
		line-height: 24px; 
		text-decoration: none !important;
		vertical-align: middle;
		cursor: pointer;
		font-size: 12px;
		font-weight: 700;
		text-transform: uppercase;
		-webkit-transition: all .3s ease-in;
				transition: all .3s ease-in;
	}

	a.btn { color: #fff; }
	
	.btn:focus { outline: 0; }
	
	.btn-large {
		padding: 15px 45px;
		font-size: 12px;
	}
	
	.btn i,
	.btn-large i { 
		float: left; 
		margin: 5px 8px 0 -4px;
		font-size: 14px; 
		line-height: 14px; 
	}
	
	.btn.alt { background-color: #31353a; }
	
	a.btn.alt { color: #fff; }

	.btn:before {
		content: '';
		position: absolute;
		border: 2px solid #009cff ;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		border-radius: 3px;
		-webkit-animation-duration: 1s;
				animation-duration: 1s;
	}
	
	.btn.alt:before { border: 2px solid #31353a; }
	
	.btn:hover:before, .btn:focus:before, .btn:active:before {
		-webkit-animation-name: btn-animation;
				animation-name: btn-animation;
	}
	
	.btn.load-more { margin-bottom: 110px; }

	@keyframes btn-animation {
		100% {
			top: -12px;
			right: -12px;
			bottom: -12px;
			left: -12px;
			opacity: 0;
		}
	}
	
	@media (min-width: 768px) and (max-width: 991px) {
		
		.btn-large { padding: 15px 35px; }
		
	}
	
	@media (max-width: 767px) {
		
		.btn.load-more { margin-bottom: 50px; } 
		
	}
	
/* ==========================================================================
   =Callouts
   ========================================================================== */

	.callout { padding: 30px 0; }	
	
	.callout-content { text-transform: uppercase; }

	.callout-content > *:last-child,
	.callout-action > *:last-child { margin-bottom: 0; }
	
	.callout-content { padding-top: 10px; }
	
	.callout-action { text-align: right; }

	/*
	 * 1. Clearfix hack 
	 */
	 
	.callout:after { /* 1 */
		visibility: hidden;
		display: block;
		height: 0;
		font-size: 0;
		content: " ";
		clear: both;
	}
	
	@media (max-width: 767px) {
		
		.callout,
		.callout-action { text-align: center; }

		.callout-content { margin-bottom: 30px; }
		
	}
   
 /* ==========================================================================
   =Clients
   ========================================================================== */  
   
    .clients {
		display: block;
		list-style-type: none;
		margin: 110px 0;
    }
	
	.clients li {
		position: relative;
		display: block;
		float: left;
		min-height: 80px;
		padding: 30px 0;
		border-right: 1px solid #cccccc;
		box-sizing: border-box;
		text-align: center;
		background-repeat: no-repeat;
		background-position: center center;
	}
        
        .clients.elements-6 li {
                width: 16.66%;
        }
        
        .clients.elements-5 li {
                width: 20%;
        }
        
        .clients.elements-4 li {
                width: 25%;
        }
        
        .clients.elements-3 li {
                width: 33.33%;
        }
        
        .clients.elements-2 li {
                width: 50%;
        }
        
        .clients.elements-1 li {
                width: 100%;
        }
	
	.clients li:last-child { border-right: none; }
	
	.clients li:before {
		position: absolute;
		top: 50%;
		left: 0;
		content: "";
		width: 0; 
		height: 0; 
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-left: 10px solid #009cff;
		opacity: 0;
		-webkit-transform: translateX(20px) translateY(-50%);
			-ms-transform: translateX(20px) translateY(-50%);
				transform: translateX(20px) translateY(-50%);
		-webkit-transition: all .5s;
				transition: all .5s;
	}
	
	.clients li:after {
		position: absolute;
		top: 50%;
		right: 0;
		content: "";
		width: 0; 
		height: 0; 
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent; 
		border-right: 10px solid #009cff; 
		opacity: 0;
		-webkit-transform: translateX(-20px) translateY(-50%);
			-ms-transform: translateX(-20px) translateY(-50%);
				transform: translateX(-20px) translateY(-50%);
		-webkit-transition: all .5s;
				transition: all .5s;
	}

	.clients  li:hover:after,
	.clients  li:hover:before { opacity: 1; }
	
	.clients  li:hover:before {
		-webkit-transform: translateX(0) translateY(-50%);
			-ms-transform: translateX(0) translateY(-50%);
				transform: translateX(0) translateY(-50%);
	}
	
	.clients li:hover:after {
		-webkit-transform: translateX(0) translateY(-50%);
			-ms-transform: translateX(0) translateY(-50%);
				transform: translateX(0) translateY(-50%);
	}
	
	/*
	 * 1. Clearfix hack 
	 */
	 
	.clients:after { /* 1 */
		visibility: hidden;
		display: block;
		height: 0;
		font-size: 0;
		content: " ";
		clear: both;
	}
	
	@media (min-width: 768px) and (max-width: 991px) {
		
		.clients li:before,
		.clients li:after { display: none; }
		
		.clients li img { padding: 10px 0; }
	
	}
	
	@media (max-width: 767px) {
		
		.clients { margin: 50px 0; }
		
		.clients li {
			width: 100%;
			border-right: none;
		}
		
	}
	
/* ==========================================================================
   =Contact form
   ========================================================================== */
  
	.wpcf7-form { 
		overflow: hidden; 
		margin-bottom: 30px; 
	}
	
	.wpcf7-form fieldset {}
	
	label.validation-error { color: #d50f25; }
	
	input.validation-error,
	textarea.validation-error,
	select.validation-error { border: 1px solid #ebebeb; }
	
	.wpcf7-form #formstatus {}
		
	.wpcf7-form textarea { margin-bottom: 70px; }	
	
	/*
	 * 1. Clearfix hack 
	 */
	.wpcf7-form:after { /* 1 */
		visibility: hidden;
		display: block;
		height: 0;
		font-size: 0;
		content: " ";
		clear: both;		
	}
	
/* ==========================================================================
   =Dividers
   ========================================================================== */

	.divider { margin: 50px 0; }
	
	.divider.single-line { border-top: 2px solid #d7d7d7; }
	
	.divider.double-line { border-top: 4px double #d7d7d7; }

/* ==========================================================================
   =Dropcaps
   ========================================================================== */
   
	.dropcap {
		float: left;
		display: block;
		margin: 10px 10px 0 0;
		font-size: 34px;
		line-height: 34px;
	}
	
	.dropcap.dropcap-square {
		width: 34px;
		height: 34px;
		border-radius: 2px;
		background-color: #009cff;		
		color: #ffffff;
		font-size: 20px;		
		line-height: 34px;
		text-align: center;
		
	}
	
	.dropcap.dropcap-circle {
		width: 34px;
		height: 34px;
		border-radius: 50%;
		background-color: #009cff;	
		color: #ffffff;
		font-size: 20px;		
		line-height: 34px;
		text-align: center;
	}
   
/* ==========================================================================
   =Error Page
   ========================================================================== */   
	
	.error-page { padding: 140px 0 280px 0; }
	
	h1.error {
		font-size: 170px;
		font-weight: 400;
		color: #009cff;
		line-height: 170px;
	}
	
	@media (max-width: 991px) {
		
		.error-page { padding: 40px 0 180px 0; }
		
		h1.error {
			font-size: 100px;
			text-align: center;
		}
	}
	
	@media (max-width: 767px) {
		
		.error-page { padding: 0 15px 100px 15px; }

	}
	
/* ==========================================================================
   =FAQ
   ========================================================================== */  	
   
    .question-mark {
		position: relative;
		height: 200px;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 100px;
		background-color: #fff;
		box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.2);
    }
	
	.question-mark:after {
		position: absolute;
		top: 50%;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
		content: "?";
		text-align: center;
		font-size: 150px;
		font-weight: 700;
		color: #009cff;
		-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
				transform: translateY(-50%);
	}
   
/* ==========================================================================
   =Galleries
   ========================================================================== */
	
	
	
/* ==========================================================================
   =Google Maps
   ========================================================================== */

	.google-map {
		width: 100%; 
		height: 670px;
	}
	
	/**
	 * 1. needed so that Google Maps controls are not distorted
	 */
	
	.google-map  img { max-width: none; }	/* 1 */
	

/* ==========================================================================
   =Headlines
   ========================================================================== */

	.headline { margin-bottom: 50px; }
	
	.headline h2 { 
		margin-bottom: 0;
		text-transform: uppercase; 
	}
	
	.headline h5 {
		font-weight: 500;
		color: #009cff;
	}
        
        .headline.headline-large h1 { 
		margin-bottom: 0; 
                color: #009cff;
                font-size: 48px;
                line-height: 52px;
	}
	
	.headline.headline-large h2 {
		font-weight: 500;
                text-transform: initial;
	}
	
	
/* ==========================================================================
   =Icon Boxes
   ========================================================================== */

/* =Icon Box 1
   ========================================================================== */
   
	.icon-box-1 { 
		position: relative; 
		margin-bottom: 50px; 
	}
		
	.icon-box-1 > i { 
		float: left;
		display: block;  
		font-size: 35px; 
		line-height: 35px; 
		color: #009cff;
		-webkit-transition: all .3s ease-in;
				transition: all .3s ease-in;
	} 
	
	.icon-box-1 > img { 
		float: left; 
		display: block; 
	} 
	
	.icon-box-1 .icon-box-content { margin-left: 60px; }
	
	.icon-box-1 .icon-box-content  h5 { 
		margin-bottom: 20px;
		text-transform: uppercase; 
		font-weight: 500;
	}
	
	.icon-box-1 .icon-box-content  h5 a {
		-webkit-transition: all .3s ease-in;
				transition: all .3s ease-in;
	}
	
	.icon-box-1 .icon-box-content  h5 a:hover { text-decoration: none; }
	
	.icon-box-1:hover i { 
		-webkit-transform: scale(1.1);
			-ms-transform: scale(1.1);
				transform: scale(1.1);
	}

/* =Icon Box 2
   ========================================================================== */
   
	.icon-box-2 { 
		position: relative; 
		margin-bottom: 50px; 
		text-align: center;
	}
		
	.icon-box-2 > i { 
		display: block;
		margin-bottom: 50px; 
		color: #31363a;
		font-size: 45px;
		-webkit-transition: all .3s ease-in;
				transition: all .3s ease-in;
	}
	
	.icon-box-2 > img { margin-bottom: 10px; }
	
	.icon-box-2 .icon-box-content {}	
	
	.icon-box-2 .icon-box-content h5 {
		margin-bottom: 10px;
		text-transform: uppercase;
	}
	
	.icon-box-2 .icon-box-content a {
		-webkit-transition: all .3s ease-in;
				transition: all .3s ease-in;
	}
	
	.icon-box-2 .icon-box-content h5 a { color: #31353a;}
	
	.icon-box-2 .icon-box-content > a {
		color: #009cff;
		font-weight: 700;
	}
	
	.icon-box-2 .icon-box-content a:hover {
		text-decoration: none;
		color: #009cff;
	}
	
	.icon-box-2:hover i { 
		color: #009cff;
		-webkit-transform: scale(1.1);
			-ms-transform: scale(1.1);
				transform: scale(1.1);
	}

/* =Icon Box 3
   ========================================================================== */
   
	.icon-box-3 { 
		position: relative; 
		margin-bottom: 90px; 
	}	
	
	.icon-box-3 > i { 
		float: left;
		margin-right: 25px;	
		margin-bottom: 25px;
		font-size: 35px; 
		line-height: 30px;
		color: #009cff;
		-webkit-transition: all .3s ease-in;
				transition: all .3s ease-in;
	} 
	
	.icon-box-3 > img { 
		float: left; 
		margin-right: 10px; 
	} 
	
	.icon-box-3 .icon-box-content {}
	
	.icon-box-3 .icon-box-content h5 {
		text-transform: uppercase;
	}
	
	.icon-box-3 .icon-box-content  h5 a {
		-webkit-transition: all .3s ease-in;
				transition: all .3s ease-in;
	}
	
	.icon-box-3 .icon-box-content  h5 a:hover { text-decoration: none; }
	
	.icon-box-3:hover i { 
		-webkit-transform: scale(1.1);
			-ms-transform: scale(1.1);
				transform: scale(1.1);
	}
	
	@media (max-width: 767px) {
	
		.icon-box-3 { margin-bottom: 50px; }
	
	}

/* =Icon Box 4
   ========================================================================== */
   
	.icon-box-4 { 
		position: relative; 
		margin-bottom: 50px; 
	}
		
	.icon-box-4 > i { 
		float: right;
		display: block;  
		font-size: 35px; 
		line-height: 35px; 
		color: #009cff;
		-webkit-transition: all .3s ease-in;
				transition: all .3s ease-in;
	} 
	
	.icon-box-4 > img { 
		float: left; 
		display: block; 
	} 
	
	.icon-box-4 .icon-box-content { 
	margin-right: 60px;
	text-align: right;
	}
	
	.icon-box-4 .icon-box-content  h5 { 
		margin-bottom: 20px;
		text-transform: uppercase; 
		font-weight: 500;
	}
	
	.icon-box-4 .icon-box-content  h5 a {
		-webkit-transition: all .3s ease-in;
				transition: all .3s ease-in;
	}
	
	.icon-box-4 .icon-box-content  h5 a:hover { text-decoration: none; }
	
	.icon-box-4:hover i { 
		-webkit-transform: scale(1.1);
			-ms-transform: scale(1.1);
				transform: scale(1.1);
	}

/* =Icon Box 5
   ========================================================================== */
    
	.icon-box-5 { 
		position: relative; 
		margin-bottom: 50px;
		padding: 0 10px;
		text-align: center;
	}	
	
	.icon-box-5 img { margin-bottom: 35px; }

	.icon-box-5 .icon-box-content h4 { 
		margin-bottom: 20px; 
		font-weight: 500;
	}

	.icon-box-5 .icon-box-content h4 a { color: #009cff; }
	
	.icon-box-5 .icon-box-content h4 a:hover { text-decoration: none; }
		

/* ==========================================================================
   =Image Box
   ========================================================================== */

	.image-box {
		overflow: hidden;
		padding: 30px;
		margin-bottom: 30px;	
		border: 2px solid #ebebeb;
		box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.03);
	}
	
	.image-box-img { margin: -30px -30px 30px; }
	
	.image-box-img  img {
		display: block;
		width: 100%;
	}
	
	.image-box > *:last-child { margin-bottom: 0; }
	
/* ==========================================================================
   =Info Box
   ========================================================================== */
	
	.info-box {
		position: relative;
		overflow: hidden;
		padding: 110px 0 70px 0;
	}
	
	.info-box-1 {
		margin-top: 100px;
		background-color: #1f252c;
		color: #fff;
	}
	
	.info-box-2 {
		margin-top: 100px;
		padding: 75px 0 50px 0;
		background-color: #eef2f7;
	}
	
	.info-box-3 { 
		margin-bottom: 110px;
		background-color: #eef2f7; 
	}
	
	.info-box-4 { 
		margin-top: 110px;
		margin-bottom: 0;
		background-color: #eef2f7; 
	}

	.info-box-img {
		position: absolute;
		z-index: 0;
		top: 0;
		width: 50%;
		height: 100%;
		background: no-repeat center center;
		-webkit-background-size: cover;
				background-size: cover;
	}
	
	.info-box-2 .info-box-img { width: 55%; }
	
	.info-box-3 .info-box-img { width: 45%; }
	
	.info-box-4 .info-box-img { width: 45%; }
	
	.info-box-bg-left .info-box-img { left: 0; }

	.info-box-bg-right .info-box-img { right: 0; }
	
	.info-box-img img { display: none; }
	
	.info-box-1 .headline h2 { 
		font-size: 30px;
		color: #fff; 
	}
	
	.info-box-2 .icon-box-5 {
		box-sizing: border-box;
		width: 50%;
		float: left;
	} 
	
	.info-box-2 .progress-bars-wrapper {
		padding-top: 110px;
		color: #fff;
	}
	
	.info-box-2 .progress-bars-wrapper .progress-bar-description, 
	.info-box-2 .progress-bars-wrapper .percentage { color: #fff; }
	
	@media (max-width: 767px) {
		
		.info-box { padding: 100px 20px 70px 20px; }
		
		.info-box-img,
		.info-box-2 .info-box-img,
		.info-box-3 .info-box-img,
		.info-box-4 .info-box-img {
			position: relative;
			width: 100%;
			background: none !important;		 
		}
		
		.info-box-bg-left .info-box-img { left: 0; }
		.info-box-bg-right .info-box-img { right: 0; }
		
		.info-box-img img { 
			display: block;
			width: 100%;
			margin-bottom: 50px;
		}
		
		.info-box-2 .progress-bars-wrapper { padding-top: 50px; }
		
		.info-box-2 .progress-bars-wrapper .progress-bar-description, 
		.info-box-2 .progress-bars-wrapper .percentage { color: #353636; }
		
		.info-box-3 { margin-bottom: 50px; }
		
	}
   
/* ==========================================================================
   =Milestones
   ========================================================================== */

	.milestone {
		position: relative;
		margin-bottom: 30px;
		text-align: center;
	}
	
	/*
	 * 1. Clearfix hack 
	 */
	.milestone:after { /* 1 */
		visibility: hidden;
		display: block;
		height: 0;
		font-size: 0;
		content: " ";
		clear: both;		
	}
	
	.milestone i {
		float: left;
		z-index: 2;
		margin-right: 10px;
		font-size: 32px;
	}
	
	.milestone .milestone-content {
		z-index: 1;
		font-size: 48px;
		font-weight: 700;
		line-height: 36px;
	}
	
	.milestone .milestone-value {
		display: block;
		margin-bottom: 20px;
		color: #009cff;
	}
	
	.milestone .milestone-description { 
		font-size: 14px; 
		line-height: 21px;
		text-transform: uppercase;
		color: #31363a;
	}
	
	@media (max-width: 767px) {
		
		.milestone .milestone-content { margin-bottom: 50px; }
		
	}

/* ==========================================================================
   =Modal window
   ========================================================================== */	
   
	.white-popup {
		position: relative;
		width: auto;
		max-width: 500px;
		padding: 20px;
		margin: 20px auto;
		background: #fff;
	}
	
/* ==========================================================================
   =Our Process
   ========================================================================== */

/* =Horizontal process
   ========================================================================== */

	.horizontal-process-builder { 
		position: relative;
		margin-bottom: 40px;
		list-style: none;
		text-align: center; 
	}
	
	.horizontal-process-builder:before {
		position: absolute;
		z-index: 1;
		top: 36px;
		left: 0;
		display: block;
		width: 100%;
		border-top: 3px solid #e1e7ef;
		content: "";
	}
	
	.horizontal-process-builder li { 
		float: left;
		width: 25%;  
	}
	
	.horizontal-process-builder li i {
		position: relative;
		z-index: 2;
		display: block;
		width: 73px; 
		height: 73px;
		overflow: hidden;  
		border: 1px solid #ebebeb;
		border-radius: 50%;
		margin: 0 auto 40px;
		background-color: #fff;
		background-clip: padding-box;
		color: #009cff;
		font-size: 24px; 
		line-height: 73px;
		-webkit-transition: all 0.3s;
				transition: all 0.3s; 
	}
	
	.horizontal-process-builder .process-description .process-number {
		display: block;
		margin-bottom: 20px;
		font-size: 48px;
		color: #009cff;
	}
	
	.horizontal-process-builder .process-description h5 { 
		margin-bottom: 40px;
		text-transform: uppercase; 
		-webkit-transition: all 0.3s;
				transition: all 0.3s; 
	}
	
	.horizontal-process-builder li:hover i { background-color: #1f252c; color: #009cff; }
	
	.horizontal-process-builder li:hover  h5  { color: #009cff; }

	.horizontal-process-builder.three-items li { width: 33.3333333333%; }
	.horizontal-process-builder.four-items li { width: 25%; }
	.horizontal-process-builder.five-items li { width: 20%; }
	
	/*
	 * 1. Clearfix hack 
	 */
	.horizontal-process-builder:after { /* 1 */
		visibility: hidden;
		display: block;
		height: 0;
		font-size: 0;
		content: " ";
		clear: both;		
	}
	
	@media (max-width: 767px) {
		
		.horizontal-process-builder li { 
			float: none;
			width: 100%;
			margin-bottom: 40px; 
		}
		
		.horizontal-process-builder:before { content: none; }
		
		.horizontal-process-builder.three-items li { width: 100%; }
		.horizontal-process-builder.four-items li { width: 100%; }
		.horizontal-process-builder.five-items li { width: 100%; }
		
	}
	
/* =Vertical process
   ========================================================================== */

	.vertical-process-builder {
		position: relative;
		margin-bottom: 40px;
		list-style: none;
	}
	
	.vertical-process-builder:before {
		position: absolute;
		z-index: 1;
		top: 0;
		left: 36px;
		display: block;
		height: 100%;
		border-left: 3px solid #ebebeb;
		content: "";
	}
	
	.vertical-process-builder li { margin-bottom: 80px; }
	
	.vertical-process-builder li .process-number {
		position: relative;
		z-index: 2;
		float: left;
		display: block;
		width: 72px;
		height: 72px;
		overflow: hidden;
		border-radius: 50%;
		outline: 10px solid #fff;
		background-color: #fff;
		color: #009cff;
		background-clip: padding-box;
		font-size: 36px;
		line-height: 72px;
		text-align: center;
		-webkit-transition: background-color 0.3s;
				transition: background-color 0.3s;
	}
	
	.vertical-process-builder .process-description { margin-left: 100px; }
	
	.vertical-process-builder .process-description h5 { font-weight: 400; }
	
	.vertical-process-builder li:hover .process-number { background-color: #1f252c; }
	
	@media (max-width: 767px) {
		
		.vertical-process-builder li i,
		.vertical-process-builder li h1 { margin-left: 0; }
		
		.vertical-process-builder:before { left: 36px; }
		
	}

/* ==========================================================================
   =Pie charts
   ========================================================================== */

	.pie-chart {
		position: relative;	
		margin: 0 auto 35px;
		text-align: center;
	}
	
	.pie-chart canvas {
		position: absolute;
		z-index: 1;
		top: 0;
		left: 0;
	}
	
	.pie-chart i, 
	.pie-chart .pie-chart-custom-text, 
	.pie-chart .pie-chart-percent {
		position: absolute;
		z-index: 2;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		color: #31363a;
		text-align: center;
	}
	
	.pie-chart img {
		max-width:100%;
		vertical-align: middle;
	}
	
	.pie-chart .pie-chart-custom-text {
		font-size: 18px;
	}
	
	.pie-chart .pie-chart-percent {
		font-size: 24px;
		font-weight: 400;
	}
	
	.pie-chart-description {
		display: block;
		font-size: 14px;
		font-weight: 500;
		text-transform: uppercase;
		text-align: center;
		color: #31363a;
	}

/* ==========================================================================
   =Pricing Tables
   ========================================================================== */

	.pricing-table {
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		padding: 40px;
		border: 15px solid #eef2f5;
		margin-bottom: 30px;
		text-align: center;
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}

	.pricing-table-header {	
		margin-bottom: 20px;
		padding-bottom: 30px;
		border-bottom: 2px solid #e1e1e1;
		color: #31363a;
	}
	
	.pricing-table-header p {
		position: relative;
		display: inline-block;
		margin: 0 auto 20px;
		font-family: 'Open Sans', sans-serif;
		font-weight: 900;
		text-transform: uppercase;
	}
	
	.pricing-table-header p:before {
		position: absolute;
		top: 5px;
		left: -30px;
		height: 14px;
		width: 14px;
		content: "";
		background-color: #009cff; 
	}
	
	.pricing-table-header p:after {
		position: absolute;
		top: 5px;
		right: -30px;
		height: 14px;
		width: 14px;
		content: "";
		background-color: #009cff; 
	}

	.pricing-table-header h1 {
		margin-bottom: 0;
		font-size: 36px;
	}
	
	.pricing-table-header h1 sup {
		font-size: 25px;
		font-weight: 700;
	}

	.pricing-table-header h4 {}
		
	.pricing-table-offer { padding-top: 40px; }
	
	.pricing-table-offer ul { 
		margin-bottom: 50px;
		list-style: none; 
	}
	
	.pricing-table-offer ul li {}
	
	.pricing-table .btn {
		font-family: 'Open Sans', sans-serif;
		font-weight: 900;
	}
	
	.pricing-table:hover { 
		box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.5);
		-webkit-transform: scale(1.03);
			-ms-transform: scale(1.03);
				transform: scale(1.03);
	}

/* ==========================================================================
   =Progress Bar
   ========================================================================== */

	.progress-bar-description {
		display: block;
		margin-bottom: 10px;
		line-height: 26px;
		font-weight: 500;	
		color: #31353a;
		overflow: visible;
	}
	
	.progress-bar {
		position: relative;
		display: block;
		height: 8px;
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
		margin-bottom: 15px;
		background-color: #fff;
	}
	
	.progress-bar .progress-bar-outer {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
		background-color: #009cff;
	}
	
	.progress-bar .progress-bar-outer .progress-bar-inner {
		position: absolute;
		z-index: 1;
		overflow: hidden;
		top: 0;
		left: 0;
		display: block;
		height: 100%;
		width: 100%;
	}
	
	.progress-bar .percentage {
		position: absolute;
		right: 0;
		top: -30px;
		font-weight: 500;
		color: #31353a;
	}

/* ==========================================================================
   =Revolution Slider
   ========================================================================== */
/* =Rev Slider Pager
   ========================================================================== */

   /**
 	 * 1. changing the z-index from 1000 so that the bullets don't go over the sticky menu
 	 */
   
	.tp-bullets { 
		z-index: 100; /* 1 */
	}
	
	.tp-bullets.custom .tp-bullet {
		width: 7px;
		height: 7px;
		border-radius: 50%;
		background: #fff;
	}

	.tp-bullets.custom .tp-bullet:hover,
	.tp-bullets.custom .tp-bullet.selected { background-color: #009cff; }

/* =Rev Slider navigation
   ========================================================================== */
	.tp-leftarrow.custom,
	.tp-rightarrow.custom {
		width: 45px;
		height: 45px;
		border: 3px solid #3a444f;
		opacity: 1;
		background-color: transparent;
		-webkit-transition: all .3s;
				transition: all .3s;
	}
	
	.rev_slider_wrapper.alt .tp-leftarrow.custom,
	.rev_slider_wrapper.alt .tp-rightarrow.custom {
		border: 3px solid #3a444f;
		opacity: 1;
	}

	.tp-leftarrow.custom:hover,
	.tp-rightarrow.custom:hover { 
		opacity: 1; 
		border-color: #009cff;
	}
	
	.rev_slider_wrapper.alt .tp-leftarrow.custom:hover,
	.rev_slider_wrapper.alt .tp-rightarrow.custom:hover { border: 3px solid #009cff; }
	
	.tp-leftarrow.custom:before,
	.tp-rightarrow.custom:before {
		color: #3a444f;
		font-size: 22px;
		line-height: 45px;
                font-weight: 900;
		text-align: center;
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}
	
	
	.tp-leftarrow.custom:hover:before,
	.tp-rightarrow.custom:hover:before { color: #fff; }

	@media (min-width: 768px) and (max-width: 991px) {
		
		.tp-leftarrow.custom,
		.tp-rightarrow.custom { display: none; }
		
	}

	@media (max-width: 767px) {
		
		.tp-leftarrow.custom,
		.tp-rightarrow.custom { display: none; }
		
		.tp-bullets { bottom: 20px !important; }
		
	}
	
/* =Rev Slider typography
   ========================================================================== */	
   
    .title-large {
		font-size: 60px;
		font-weight: 700;
		line-height: 50px;
		text-transform: uppercase;
		color: #fff;
    }
	
	.tp-caption.text {
		font-size: 18px; 
		font-weight: 700;
		line-height: 28px;   
		color: #fff;
    }
	
	.tp-caption.text.alt { color: #263c57; }
	
	.tp-caption.title {
		font-size: 24px; 
		line-height: 26px;  
		color: #fff;
		font-weight: 700;
    }
	
	.tp-caption.title.alt { color: #263c57; }
        
        .tp-caption .btn {
                font-size: 12px !important;
                line-height: 24px !important;
        }
	
	@media (max-width: 767px) {
		
		.btn { padding: 5px 20px; }
		
	}
	
/* ==========================================================================
   =Shop
   ========================================================================== */  

    .shop-banner {
		margin-bottom: 110px;
		padding: 60px 0 50px 120px;
		background-repeat: no-repeat;
		background-size: cover;
    }
   
	.shop-banner h1 {
		font-size: 36px;
		line-height: 24px;
		color: #fff;
		text-transform: uppercase;
	}
	
	.shop-banner h4 {
		margin-bottom: 40px;
		text-transform: uppercase;
		color: #fff;
	}
	
	a.banner-image-container { 
		position: relative; 
		display: block;
		text-decoration: none;
		overflow: hidden;
		-webkit-transition: all .3s;
				transition: all .3s;
	}
	
	a.banner-image-container:before {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		content: "";
		background-color: rgba(0, 156, 255, .4);
		opacity: 0;
		-webkit-transition: all .3s;
				transition: all .3s;
	}
	
	a.banner-image-container:hover { text-decoration: none;}
	
	a.banner-image-container:hover:before { opacity: 1; }
	
	a.banner-image-container + a.banner-image-container { margin-top: 30px; }
	
	a.banner-image-container .text-wrapper {
		position: absolute;
		right: 20px;
		bottom: 30px;
		text-align: right;
	}
	
	.text-wrapper h1.text-large {
		margin-bottom: 20px;
		font-size: 48px;
		line-height: 48px;
		color: #1f252c;
		text-transform: uppercase;
	}
	
	.text-wrapper h1.text-large.alt { color: #1f252c; }
	
	.text-wrapper h1.text-medium {
		margin-bottom: 0;
		font-size: 36px;
		line-height: 36px;
		color: #1f252c;
		text-transform: uppercase;
	}
	
	.text-wrapper h1.text-medium.alt { color: #1f252c; }
        
        /* PRODUCTS LIST */
        .woocommerce #wrap ul.products li.product,
        #wrap .woocommerce ul.products li.product, 
        #wrap .woocommerce-page ul.products li.product {
                text-align: center;
                margin-bottom: 100px;
        }
        
        .woocommerce #wrap ul.products li.product a img,
        #wrap .woocommerce ul.products li.product a img {
                margin-bottom: 40px;
        }
        
        .woocommerce #wrap ul.products li.product h3,
        #wrap .woocommerce ul.products li.product h3 {
                font-size: 16px;
                line-height: 24px;
                margin-bottom: 20px;
                text-transform: uppercase;
                padding: 0;
        }
        
        .woocommerce #wrap ul.products li.product .price,
        #wrap .woocommerce ul.products li.product .price {
                margin-bottom: 50px;
                color: #31353a;
                font-size: 30px;
                font-weight: 700;
        }
        
        .woocommerce #wrap .added_to_cart,
        #wrap .woocommerce .added_to_cart,
        .woocommerce #wrap ul.products li.product .button,
        #wrap .woocommerce ul.products li.product .button,
        .woocommerce #wrap #respond input#submit, 
        .woocommerce #wrap button.button,
        .woocommerce #wrap input.button,
        #wrap .woocommerce #respond input#submit, 
        #wrap .woocommerce button.button,
        #wrap .woocommerce input.button {
                background-color: #eaeef3;
                color: #31353a;
                padding: 15px 45px;
                font-size: 12px;
                border-radius: 3px;
                margin: 0 5px 20px 0;
                line-height: 24px;
                text-decoration: none !important;
                vertical-align: middle;
                cursor: pointer;
                font-weight: 700;
                text-transform: uppercase;
                -webkit-transition: all .3s ease-in;
                transition: all .3s ease-in;
        }
        
        .woocommerce #wrap .added_to_cart:hover,
        #wrap .woocommerce .added_to_cart:hover,
        .woocommerce #wrap ul.products li.product .button:hover,
        #wrap .woocommerce ul.products li.product .button:hover,
        .woocommerce #wrap #respond input#submit:hover, 
        .woocommerce #wrap button.button:hover, 
        .woocommerce #wrap input.button:hover,
        #wrap .woocommerce #respond input#submit:hover, 
        #wrap .woocommerce button.button:hover, 
        #wrap .woocommerce input.button:hover {
                background-color: #009cff;
                color: #fff;
        }
        
	/*
	 * 1. Clearfix hack 
	*/
	.products:after { /* 1 */
		visibility: hidden;
		display: block;
		height: 0;
		font-size: 0;
		content: " ";
		clear: both;		
	}
	
	@media (max-width: 767px) {
	
		.shop-banner {
			margin-bottom: 50px;
			padding: 30px 0 30px 30px;
			background-size: auto;
		}
		
		.shop-banner h1 { line-height: 40px;}
		
		
		.banners-container { margin-top: 100px; }
		
		a.banner-image-container + a.banner-image-container { margin-top: 0; }
		
		.page-style-view { display: none; }
		
		.text-wrapper h1.text-large { font-size: 38px; }
		
		.text-wrapper h1.text-medium {
			font-size: 26px;
		}
		
	}
	
/* =Shopping Cart Icon
   ========================================================================== */	   
   
	.site-header-cart {
		position: absolute;
		width: 10%;
		float: left;
		list-style-type: none;
	}
	
	.site-header-cart > li { margin-bottom: 60px; }

	.site-header-cart a.cart-contents {
		position: relative;
		display: inline-block;
		float: right;
		height: auto;
		line-height: 1.6;
	 	padding: 15px 30px 0px 0; 
		width: auto;
	}
	
	.site-header-cart .cart-contents:after {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		content: "\e75a";
		font-family: 'iconfontcustom';
		text-align: center;
		font-size: 30px;
		color: #353636;
	}
	
	.site-header-cart a.cart-contents .count {
		position: absolute;
		bottom: -30px;
		left: -5px;
		z-index: 3;
		background-color: #009cff;
		width: 18px;
		height: 18px;
		text-align: center;
		line-height: 18px;
		border-radius: 50%;
		color: #fff;
		text-decoration: none;
	}
	
	/*
	 * 1. Clearfix hack 
	*/
	
	.site-header-cart:after { /* 1 */
		visibility: hidden;
		display: block;
		height: 0;
		font-size: 0;
		content: " ";
		clear: both;		
	}
	
	.site-header-cart li:after { /* 1 */
		visibility: hidden;
		display: block;
		height: 0;
		font-size: 0;
		content: " ";
		clear: both;		
	}

/* =Shop Cart
   ========================================================================== */	
	
        #add_payment_method table.cart td, 
        #add_payment_method table.cart th, 
        .woocommerce-cart table.cart td, 
        .woocommerce-cart table.cart th, 
        .woocommerce-checkout table.cart td, 
        .woocommerce-checkout table.cart th {
                text-align: center;
        }
        
        #wrap .woocommerce table.shop_table th {
                height: 70px;
                text-align: center;
                vertical-align: middle;
                text-transform: uppercase;
                font-weight: 700;
                color: #353636;
        }
        
        .woocommerce-cart table.cart td a.remove,
        .woocommerce-checkout table.cart td a.remove {
            display: inline-block;
        }
        
        #wrap #add_payment_method table.cart .product-thumbnail, 
        #wrap .woocommerce-cart table.cart .product-thumbnail, 
        #wrap .woocommerce-checkout table.cart .product-thumbnail {
                padding: 10px;
        }
        
        #wrap .woocommerce #content table.cart img, 
        #wrap .woocommerce table.cart img, 
        #wrap .woocommerce-page #content table.cart img, 
        #wrap .woocommerce-page table.cart img {
                width:auto;
        }
        
        #wrap #add_payment_method #payment ul.payment_methods li img, 
        .woocommerce-cart #wrap #payment ul.payment_methods li img, 
        .woocommerce-checkout #wrap #payment ul.payment_methods li img {
            margin: 0 8px;
        }
        
        #wrap .woocommerce table.shop_table td.product-name a {
                color: #353636;
                -webkit-transition: all .3s;
                transition: all .3s;
        }
        
        #wrap .woocommerce table.shop_table td.product-name a:hover {
                color: #009cff;
                text-decoration: none;
        }

        .woocommerce #wrap .quantity .qty,
        #wrap .woocommerce .quantity .qty {
                color: #353636;
                padding: 5px 0;
                margin: 0 auto;
                min-width: 55px;
        }
        
        .woocommerce .shop_table.cart td.product-name dl.variation { 
            margin-top: 15px;
            display: inline-block; 
        }
        
        #wrap .woocommerce table.shop_table td.product-price,
        #wrap .woocommerce table.shop_table td.product-subtotal {
                font-weight: 700;
                color: #353636;
        }
        
        #wrap .woocommerce a.wc-backward,
        #wrap .woocommerce a.button.checkout-button {
                    display: inline-block;
                    position: relative;
                    padding: 10px 30px;
                    border-radius: 3px;
                    margin: 0 5px 20px 0;
                    background-color: #009cff;
                    color: #fff;
                    line-height: 24px;
                    text-decoration: none !important;
                    vertical-align: middle;
                    cursor: pointer;
                    font-size: 12px;
                    font-weight: 700;
                    font-family: 'Roboto';
                    text-transform: uppercase;
                    -webkit-transition: all .3s ease-in;
                    transition: all .3s ease-in;
        }
        
        #wrap .woocommerce a.wc-backward:before,
        #wrap .woocommerce a.button.checkout-button:before {
		content: '';
		position: absolute;
		border: 2px solid #009cff ;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		border-radius: 3px;
		-webkit-animation-duration: 1s;
				animation-duration: 1s;
	}
        
        #wrap .woocommerce a.wc-backward:hover:before,
        #wrap .woocommerce a.wc-backward:focus:before,
        #wrap .woocommerce a.wc-backward:active:before,
        #wrap .woocommerce a.button.checkout-button:hover:before, 
        #wrap .woocommerce a.button.checkout-button:focus:before,
        #wrap .woocommerce a.button.checkout-button:active:before {
		-webkit-animation-name: btn-animation;
				animation-name: btn-animation;
	}
        
        #add_payment_method .cart-collaterals .cart_totals table td, 
        .woocommerce-cart .cart-collaterals .cart_totals table td, 
        .woocommerce-checkout .cart-collaterals .cart_totals table td {
                vertical-align: middle;
        }
        
        #wrap .woocommerce .shop_table input.button {
                margin-bottom: 0;
        }
        
        #wrap .woocommerce #coupon_code {
                min-width: 175px;
                padding-top: 18px;
                padding-bottom: 18px;
        }
        
        #wrap .woocommerce .shop_table .woocommerce-Price-amount {
                font-weight: 700;
        }
        

/* =Woocommerce Pagination
   ========================================================================== */	

	.woocommerce .woocommerce-pagination { 
                text-align: left;
                position: relative;  
                margin-bottom: 100px;
        }
	
	.woocommerce .page-numbers {
		margin: 0;
		list-style-type: none;
	}
	
	/*
	 * 1. Clearfix hack 
	 */
	.woocommerce .page-numbers:after { /* 1 */
		visibility: hidden;
		display: block;
		height: 0;
		font-size: 0;
		content: " ";
		clear: both;		
	}
	
	.woocommerce .page-numbers li {
		float: left;
		display: block;
	}
	
	.woocommerce .page-numbers li .page-numbers {
		display: inline-block;
		width: 48px;
		height: 48px;
		margin-right: 4px;
		background-color: #eff1f2;
                padding: 0;
		color: #31353a;
		text-align: center;
		font-size: 14px;
		font-weight: 700;
		line-height: 48px;
		border-radius: 3px;
		-webkit-transition: all .3s;
				transition: all .3s;
	}
	
	.woocommerce .page-numbers li .page-numbers:hover, 
	.woocommerce .page-numbers li .page-numbers.current {
		text-decoration: none;
		background-color: #009cff;
		color: #fff;
	}
        
        .woocommerce nav.woocommerce-pagination ul.page-numbers,
        .woocommerce nav.woocommerce-pagination ul.page-numbers li {
                border: none;
        }
	
/* =Woocommerce Checkout
   ========================================================================== */		
	
        label[for="payment_method_paypal"],
        label[for="payment_method_cheque"],
        label[for="payment_method_bacs"],
        .payment_methods label {
                position: relative;
                background-color: transparent;
        }
        
        form.woocommerce-checkout {
                overflow: hidden;
                position: relative;
        }
        
        #content form.woocommerce-checkout p {
            padding-left: 0;
            padding-right: 0;
        }
        
        .woocommerce-checkout #wrap .col2-set {
                width: 49%;
                float: left;
        }
        
        .woocommerce-checkout #wrap .col2-set .col-1,
        .woocommerce-checkout #wrap .col2-set .col-2 {
                width: 100%;
        }
        
        .woocommerce-checkout #wrap #order_review_heading {
                float: left;
                margin-left: 2%;
        }
        
        .woocommerce-checkout #wrap #order_review {
                width: 49%;
                float: right;
        }
        
        .woocommerce-checkout #wrap #payment {
                background-color: transparent;
        }

        #wrap #billing_state_field label,
        #wrap #billing_country_field label { 
                line-height: 30px;
                min-width: 90px; 
        }
        
        .woocommerce form .form-row .state_select,
        .woocommerce form .form-row.woocommerce-validated .country_select { padding-left: 90px; }
        
        #wrap .woocommerce #order_comments_field label { line-height: 56px; }
        
        #wrap .woocommerce form .form-row label { line-height: 50px; }
        
        #wrap .shop_table td {
                color: #353636;
                text-align: center;
        }
        
        #wrap .woocommerce-checkout-review-order-table td.product-total,
        #wrap .woocommerce-checkout-review-order-table td.product-total,
        #wrap .woocommerce-checkout-review-order-table td span.woocommerce-Price-amount {
                color: #009cff;
                font-weight: 700;
        }
        
        .woocommerce-checkout #wrap #payment ul.payment_methods {
                border: none;
        }
        
        .woocommerce-checkout #wrap  #payment #place_order {
                float: left;
                width: auto;
        }
        
        #wrap .woocommerce .create-account.woocommerce-validated label { 
                line-height: 24px;
                margin-left: 15px;
                
        }
        
        #wrap .woocommerce #account_password_field label { position: relative; }
        
        #wrap .woocommerce .woocommerce-checkout-review-order-table td.product-name dl.variation {
                display: inline-block;
                margin-top: 15px;
                margin-bottom: 0;
        }
        #wrap .woocommerce td.product-name dl.variation dd {
                margin-bottom: 0;
        }
        
         #wrap .woocommerce .woocommerce-checkout-review-order-table .product-quantity:after {
                content: '';
                display: block;
        }
        
        @media (max-width: 767px) {
		
		.woocommerce-checkout #wrap #order_review_heading {
                        margin-left: 0;
                }
                
                .woocommerce-checkout #wrap .col2-set,
                .woocommerce-checkout #wrap #order_review {
                        width: 100%;
                        float: none;
                }
		
	}

/* =Woocommerce Login
   ========================================================================== */	
	
	.woocommerce #customer_login .form-wrapper {
		box-sizing: border-box;
		padding: 55px 40px;
		background-color:  #f5f7fa;
	}
	
	.woocommerce #customer_login .form-wrapper.alt { border: 2px solid #353636; }
	
	@media (max-width: 767px) {
		
		.woocommerce #customer_login .form-wrapper { margin-bottom: 40px; }
		
	}
	
/* =Shop Single Product
   ========================================================================== */		
   
        .woocommerce #wrap .woocommerce-breadcrumb {
                display: none;
        }
        
        .woocommerce #wrap div.product .product_title {
                margin-bottom: 20px;
                font-size: 18px;
                line-height: 30px;
        }
        
        .woocommerce #wrap div.product p.price, 
        .woocommerce #wrap div.product span.price {
                font-size: 36px;
                font-weight: 400;
                color: #009cff;
                margin-bottom: 20px;
        }
        
        .woocommerce div.product form.cart .variations select { min-height: 40px; }
        
        .single-product.woocommerce #wrap .quantity .qty {
                min-width: 150px;
                min-height: 45px;
        }
        
        .woocommerce #wrap div.product form.cart .button {
                    display: inline-block;
                    position: relative;
                    padding: 10px 30px;
                    border-radius: 3px;
                    margin: 0 5px 20px 0;
                    background-color: #009cff;
                    color: #fff;
                    line-height: 24px;
                    text-decoration: none !important;
                    vertical-align: middle;
                    cursor: pointer;
                    font-size: 12px;
                    font-weight: 700;
                    font-family: 'Roboto';
                    text-transform: uppercase;
                    -webkit-transition: all .3s ease-in;
                    transition: all .3s ease-in;
        }
        
        .woocommerce #wrap div.product form.cart .button:before {
		content: '';
		position: absolute;
		border: 2px solid #009cff ;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		border-radius: 3px;
		-webkit-animation-duration: 1s;
				animation-duration: 1s;
	}
        
        .woocommerce div.product form.cart .button:hover:before, 
        .woocommerce #wrap div.product form.cart .button:focus:before,
        .woocommerce #wrap div.product form.cart .button:active:before {
		-webkit-animation-name: btn-animation;
				animation-name: btn-animation;
	}
        
        .woocommerce #wrap div.product .woocommerce-tabs ul.tabs:before {
            content: none;
        }
        
        .woocommerce #wrap div.product .woocommerce-tabs ul.tabs li {
                border: none;
                margin-right: 5px;
                margin-bottom: -1px;
                padding: 10px 45px;
                border-left: none;
                border-radius: 3px;
                background-color: #1f252c;
                color: #fff;
                text-decoration: none;
        }
        
        .woocommerce #wrap div.product .woocommerce-tabs ul.tabs li.active {
                background-color: #009cff;
        }
        
        .woocommerce #wrap div.product .woocommerce-tabs ul.tabs li a {
                color: #fff;
        }
        
        .woocommerce ul.products li.product .star-rating {
                margin-right: auto;
                margin-left: auto;
                margin-bottom: 20px;
        }
        
        .comment-form-rating label[for="rating"] {
                position: relative;
                background-color: transparent;
        }
        
        .woocommerce #wrap .star-rating span,
        #wrap .woocommerce .star-rating span {
                color: #009cff;
        }
        
        .single-product.woocommerce #wrap div.product p.price {
                margin: 50px 0;
        }
        
        .single-product.woocommerce #wrap .product_meta .posted_in {
                display: block;
        }
        
        .single-product.woocommerce #content div.product .woocommerce-tabs {
                margin-bottom: 100px;
        }
        
        .single-product.woocommerce #content .related.products h2 {
                margin-bottom: 80px;
                text-transform: uppercase;
        }
        
        .woocommerce div.product form.cart .variations td.label {
                text-align: center;
        }
        
        .woocommerce div.product form.cart .variations label {
                position: relative;
                background-color: transparent;
                font-size: 18px;
                text-align: center;
        }
        
        .single-product.woocommerce-page div.product div.images {
                margin-bottom: 100px;
        }

/* ==========================================================================
   =Social Media
   ========================================================================== */

    a.social-icon {
		position: relative;
		float: left;
		display: block;
		width: 73px;
		height: 73px;
		margin-bottom: 1px;
		margin-right: 1px;
		color: #777777;
		background-color: #ebebeb;
		text-align: center;
		-webkit-transition: all .3s;
				transition: all .3s;
	}
	
	a.social-icon:last-child { margin-right: 0; }
	
	a.social-icon.alt { margin-bottom: 76px; }
	
	a.social-icon.alt:after {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		content: "Share";
		background-color: #009cff;
		color: #fff;
		text-transform: uppercase;
		font-family: 'Open Sans';
		font-size: 14px;
		font-weight: 700;
		line-height: 100px;
		opacity: 0;
		-webkit-transition: all .3s;
				transition: all .3s;
	}

	a.social-icon i {
		font-size: 20px;
		line-height: 73px;
	}
	
	a.social-icon:hover { text-decoration: none; }
	
	a.social-icon.alt:hover { background-color: #009cff; }
	
	a.social-icon.alt:hover:after {
		opacity: 1;
		transform: translateY(73px);
	}
	
	a.social-icon.alt i {
		-webkit-transition: all .3s;
				transition: all .3s;
	}
	
	a.social-icon.alt:hover i { color: #fff; }
	
 	a.facebook-icon:hover { color: #0e59a0 !important; }
	a.twitter-icon:hover { color: #0ea4ff !important; }
	a.dribble-icon:hover { color: #ea73a0 !important; }
	a.pinterest-icon:hover { color: #d73532 !important; }
	a.googleplus-icon:hover { color: #282927 !important; }
	a.tumblr-icon:hover { color: #586980 !important; }
	a.instagram-icon:hover { color: #82685a !important; }
	a.rss-icon:hover { color: #f79638 !important; }
	a.linkedin-icon:hover { color: #018faf !important; }
	a.skype-icon:hover { color: #00b0f6 !important; }
	a.flickr-icon:hover { color: #0061db !important; }
	a.vimeo-icon:hover { color: #63879c !important; }
	a.github-icon:hover { color: #3b3b3b !important; }
	a.youtube-icon:hover { color: #cc181e !important; }
	a.windows-icon:hover { color: #6dc2e9 !important; }
	a.dropbox-icon:hover { color: #007ee5 !important; }
	a.xing-icon:hover { color: #026566 !important; }	
	a.adn-icon:hover { color: #1ea076 !important; }
	a.android-icon:hover { color: #98cb02 !important; }
	a.apple-icon:hover { color: #000000 !important; }
	a.behance-icon:hover { color: #2d9ad2 !important; }
	a.bitbucket-icon:hover { color: #214f81 !important; }
	a.bitcoin-icon:hover { color: #f7931b !important; }
	a.codepan-icon:hover { color: #000000 !important; }
	a.css3-icon:hover { color: #3289ce !important; }
	a.delicious-icon:hover { color: #3399fe !important; }
	a.deviantart-icon:hover { color: #c8da30 !important; }
	a.digg-icon:hover { color: #0080c2 !important; }
	a.drupal-icon:hover { color: #0077b9 !important; }
	a.empire-icon:hover { color: #000000 !important; }
	a.foursquare-icon:hover { color: #daecb0 !important; }
	a.git-icon:hover { color: #f34f29 !important; }
	a.gitti-icon:hover { color: #634c3e !important; }
	a.hacker-news-icon:hover { color: #f18642 !important; }
	a.html5-icon:hover { color: #e54c1f !important; }
	a.joomla-icon:hover { color: #016fb9 !important; }
	a.jsfiddle-icon:hover { color: #4679a4 !important; }
	a.linux-icon:hover { color: #fece0e !important; }
	a.maxcdn-icon:hover { color: #f36f20 !important; }
	a.openid-icon:hover { color: #fe6101 !important; }
	a.pagelines-icon:hover { color: #3783e3 !important; }
	a.pied-piper-icon:hover { color: #0c7b48 !important; }
	a.qq-icon:hover { color: #23286c !important; }
	a.rebel-icon:hover { color: #000000 !important; }
	a.reddit-icon:hover { color: #cee3f8 !important; }
	a.renren-icon:hover { color: #0d81e4 !important; }
	a.share-icon:hover { color: #252525 !important; }
	a.slack-icon:hover { color: #453744 !important; }
	a.soundcloud-icon:hover { color: #fe4e00 !important; }
	a.spotify-icon:hover { color: #80bb41 !important; }
	a.stack-exchange-icon:hover { color: #265a93 !important; }
	a.stackoverflow-icon:hover { color: #fea501 !important; }
	a.steam-icon:hover { color: #191919 !important; }
	a.stumbleupon-icon:hover { color: #f04f23 !important; }
	a.tencent-weibo-icon:hover { color: #0063a7 !important; }
	a.trello-icon:hover { color: #226784 !important; }
	a.vine-icon:hover { color: #00b081 !important; }
	a.vk-icon:hover { color: #50769d !important; }
	a.wechat-icon:hover { color: #a4dc31 !important; }
	a.weibo-icon:hover { color: #d82828 !important; }
	a.wordpress-icon:hover { color: #454442 !important; }
	a.yahoo-icon:hover { color: #4b04a8 !important; } 

	
	@media (max-width: 767px) {
		
		a.social-icon { width: 70px; }
		
	}
	
/* ==========================================================================
   =Tabs
   ========================================================================== */

/* =Horizontal tabs
   ========================================================================== */

        #content .theme-tabs.vc_tta-color-grey.vc_tta-tabs .vc_tta-tab>a,
        #content .theme-tabs.vc_tta-color-grey.vc_tta-tabs .vc_tta-panel .vc_tta-panel-title>a { 
		margin-right: 5px;
		margin-bottom: -1px; 
		padding: 10px 35px; 
		border-left: none;
		border-radius: 3px;
		background-color: #1f252c;
		color: #fff;
		text-decoration: none;
        }
        
        #content .theme-tabs.vc_tta-color-grey.vc_tta-tabs .vc_tta-tab>a:hover {
                background-color: #1f252c;
		color: #fff; 
        }

        #content .theme-tabs.vc_tta-color-grey.vc_tta-tabs .vc_tta-tab.vc_active>a,
        #content .theme-tabs.vc_tta-color-grey.vc_tta-tabs .vc_tta-panel.vc_active .vc_tta-panel-title>a {
                background-color: #009cff; 
                color: #fff;
        }
   
	
/* =Vertical tabs
   ========================================================================== */
	
	#content .vertical-tabs-container { position: relative; }
	
	#content .vertical-tabs-container .tabs-menu { 
		margin: 0 auto;
		list-style: none;
	}
	
	#content .vertical-tabs-container.alt .tabs-menu {
		float: left;	
		width: 40%
	}
	
	#content .vertical-tabs-container .tabs-menu li { 
		box-sizing: border-box; 
		width: 50%; 
		margin-bottom: 0;
		float: left; 
		padding: 30px 0;		
	}
	
	#content .vertical-tabs-container.alt .tabs-menu li { 
		text-align: center;
	}

	#content .vertical-tabs-container .tabs-menu:after { 
		visibility: hidden;
		display: block;
		height: 0;
		font-size: 0;
		content: " ";
		clear: both;		
	}
	
	#content .vertical-tabs-container .tabs-menu li a { 
		display: block;
		box-sizing: border-box;
		padding-right: 30px;
		color: #31353a;
		text-decoration: none;
		font-weight: 500;
	}
	
	#content .vertical-tabs-container .tabs-menu li i {
		display: inline-block;
		float: left;
		width: 70px;
		height: 70px;
		margin-right: 20px;
		border: 2px solid #777777;
		color: #777777;
		font-size: 32px;
		line-height: 70px;
		text-align: center;
	}
	
	#content .vertical-tabs-container.alt .tabs-menu li i { 
		display: block;
		float: none;
		margin: 0 auto 20px auto;
		border: none;
		font-size: 48px;
		color: #31363a;
	}

	#content .vertical-tabs-container .tabs-menu li span {
		position: relative;
		top: 10px;
	}
	
	#content .vertical-tabs-container.alt .tabs-menu li span { 
		font-size: 16px;
		font-family: "Roboto",sans-serif;
		font-weight: 700;
		line-height: 24px;
		text-transform: uppercase;
	}
	
	#content .vertical-tabs-container .tabs-menu li.active a { color: #009cff; }
	
	#content .vertical-tabs-container .tabs-menu li.active i {
		color: #009cff;
		border-color: #009cff;
	}
	
	#content .vertical-tabs-container .tabs { margin-bottom: 70px; }
	
	#content .vertical-tabs-container.alt .tabs {
			margin-bottom: 20px;
			width: 60%;
			float: left;
		}
	
	#content .vertical-tabs-container.alt .tab-content { padding-top: 60px; }

	
	@media (min-width: 768px) and (max-width: 991px) {
		
		#content .vertical-tabs-container .tabs-menu li {
			float: none;
			width: 100%;
		}
		
		#content .vertical-tabs-container.alt .tabs-menu li {
			float: left;
			width: 50%;
		}
		
		#content .vertical-tabs-container .tabs { margin-bottom: 30px; }
		
	}

	@media (max-width: 767px) {
	
		.tabs-container .tabs-menu { border-bottom: none; }
		
		.tabs-container .tabs-menu li { display: block; }
	
		.tabs-container .tabs-menu li a { 
			float: none; 
			display: block;
			border: 1px solid #ebebeb;
			border-top: none;
			margin: 0;
		}
		
		#content .vertical-tabs-container .tabs-menu li a:hover { text-decoration: none; }
		
		#content .vertical-tabs-container .tabs { margin-bottom: 0; }

		#content .vertical-tabs-container .tabs-menu li {
			padding: 0;
			width: 100%;
		}
		
		#content .vertical-tabs-container.alt .tabs-menu li {
			padding: 0;
			width: 50%;
		}
		
		#content .vertical-tabs-container .tabs-menu,
		#content .vertical-tabs-container.alt .tabs-menu { 
			float: none;
			width: 100%;
		}
		
		#content .vertical-tabs-container .tabs { margin-left: 0; }
		
		#content .vertical-tabs-container.alt .tabs {
			width: 100%;
			float: none;
		}
		
		#content .vertical-tabs-container .tabs-menu li a { 
			padding: 20px 0;
			border-right: none;
			margin-right: 0;
		}
	  
	}
	
/* ==========================================================================
   =Testimonials
   ========================================================================== */

	.testimonial { 
		margin-bottom: 30px;
		text-align: center;
	}
	
	.testimonial blockquote { 
		position: relative; 
		margin-bottom: 20px;
		font-size: 16px;
	}
	
	.testimonial blockquote p { 
		margin-bottom: 0; 
		font-style: normal; 
	}

	.testimonial img { 
		margin-bottom: 30px;
	}
	
	.testimonial h3 {
		margin-bottom: 0;
		font-weight: 500;
	}
	
	.testimonial a {}
	
	.testimonial span { 
		display: block;
		margin-bottom: 60px;
		font-weight: 500;
		color: #009cff;
	}
	
	/*
	 * 1. Clearfix hack 
	 */
	.testimonial:after { /* 1 */
		visibility: hidden;
		display: block;
		height: 0;
		font-size: 0;
		content: " ";
		clear: both;		
	}
	
/* ==========================================================================
   =Team Member
   ========================================================================== */

	.team-member {
		position: relative;
		text-align: center;
		padding-bottom: 40px;
	}
	
	.team-member-details {
		margin-bottom: 20px;
		padding: 30px 0;
		background-color: #eef2f7;
		-webkit-transition: all .3s;
				transition: all .3s;
	}
	
	.team-member-details h5,
	.team-member-details p {
		margin-bottom: 0;
		-webkit-transition: all .3s;
					transition: all .3s;
	}
	
	.team-member-details h5 {
		text-transform: uppercase;
		font-weight: 500;
	}
	
	.team-member-details p { color: #009cff; }
	
	.social-media { 
	-webkit-transform: translateY(-60px);
		-ms-transform: translateY(-60px);
			transform: translateY(-60px);
	}
	
	.social-media a.social-icon {
		position: relative;
		display: inline-block;
		width: 40px;
		height: 40px;
		margin-right: 12px;
		margin-bottom: 0;
		float: none;
		border-radius: 50%;
		color: #fff;
		background-color: #009cff;
		opacity: 0;
		-webkit-transition: all .5s;
				transition: all .5s;
	}
	
	.social-media a.social-icon:last-of-type { margin-right: 0; }
	
	.social-media a.social-icon i { line-height: 40px; }
	
	.social-media a.social-icon:after {
		-webkit-transition: all 0s ease 0s;
				transition: all 0s ease 0s;
	}
	
	.team-member:hover .team-member-details { background-color: #009cff; } 
	
	.team-member:hover .team-member-details h5,
	.team-member:hover .team-member-details p { color: #fff; } 
	
	.team-member:hover .social-media a.social-icon {
		opacity: 1;
		-webkit-transform: translateY(60px);
			-ms-transform: translateY(60px);
				transform: translateY(60px);
	} 

	.team-member:hover .social-media a.social-icon:nth-of-type(2) {
		-webkit-transition-delay: .2s;
				transition-delay: .2s;
	}
	
	.team-member:hover .social-media a.social-icon:nth-of-type(3) {
		-webkit-transition-delay: .4s;
				transition-delay: .4s;
	}
	
/* ==========================================================================
   =Bx Slider
   ========================================================================== */
   
/* =Bx Slider reset
   ========================================================================== */
   
	.bx-wrapper { margin: 0 auto 40px; }
	
	.testimonial-slider .bx-wrapper { width: 90%; }
	
 	.portfolio-slider .bx-wrapper { margin-bottom: 0; }
	
	.thumbnails-slider .bx-wrapper { width: 70%; }
	
	.bx-pager,
	.bx-controls-auto,
	.bx-controls-direction  { z-index: 100; }
   
/* =Bx Slider theme
   ========================================================================== */   
   
   .bx-wrapper {		
		border: none;
		-webkit-box-shadow: none;
		   -moz-box-shadow: none;
				box-shadow: none;		
		background: none;
	}
	
	.testimonial-slider .testimonial img { display: inline; }
	
	@media (max-width: 991px) {
		
		.portfolio-slider .portfolio-item-description { display: none; }

		.portfolio-slider  .portfolio-item-overlay-actions {
			bottom: 0;
		}
		
		.portfolio-slider  .portfolio-item-overlay-actions .portfolio-item-zoom {
			padding: 0;
			border: none;
		}
		
	}

/* =Bx Slider Pager
   ========================================================================== */ 
   
	.bx-wrapper .bx-pager,
	.bx-wrapper .bx-controls-auto { bottom: 30px; }
	
	.testimonial-slider .bx-wrapper .bx-pager,
	.testimonial-slider .bx-wrapper .bx-controls-auto { bottom: -30px; }
	
	.testimonial-slider .bx-wrapper .bx-pager.bx-default-pager a {
		display: block;
		height: 7px;
		width: 7px;
		border-radius: 50%;
		background-color: #898989;
	}
	
 	.testimonial-slider .bx-wrapper .bx-pager.bx-default-pager a:hover,
	.testimonial-slider .bx-wrapper .bx-pager.bx-default-pager a.active,
	.testimonial-slider .bx-wrapper .bx-pager.bx-default-pager a:focus { background-color: #000; } 
	
/* =Bx Slider Dir Nav
   ========================================================================== */ 
   
	.bx-wrapper .bx-prev {
		left: 0;
		background: #111 url(././assets/images/left.png) no-repeat center center;
	}
	
	.portfolio-slider .bx-wrapper .bx-prev {
		left: -110px;
		background-color: transparent;
		background-image: url(././assets/images/left-1.png);
		-webkit-transition: all .3s;
				transition: all .3s;
	}

	.bx-wrapper .bx-next {
		right: 0;
		background: #111 url(././assets/images/right.png) no-repeat center center;
	}
	
	.portfolio-slider .bx-wrapper .bx-next {
		right: -110px;
		background-color: transparent;
		background-image: url(././assets/images/right-1.png);
		-webkit-transition: all .3s;
				transition: all .3s;
	}
	
	.thumbnails-slider .bx-prev {
		left: -70px;
		background-color: #009cff;
		background-image: url(././assets/images/left-1.png);
		-webkit-transition: all .3s;
				transition: all .3s;
	}
	
	.thumbnails-slider .bx-next {
		right: -70px;
		background-color: #009cff;
		background-image: url(././assets/images/right-1.png);
		-webkit-transition: all .3s;
				transition: all .3s;
	}
	
	.bx-wrapper .bx-prev:hover, 
	.bx-wrapper .bx-next:hover,
	.bx-wrapper .bx-prev:focus,
	.bx-wrapper .bx-next:focus  { background-position: center center; }
	
	.portfolio-slider:hover .bx-wrapper .bx-prev,
	.portfolio-slider:hover .bx-wrapper .bx-next { background-color: #009cff; }
	
	/*
	 * 1. We are changing the original z-index from 9999 to 1000 so that it doesn't overlap other elements that need to be above this one
	 */
	.bx-wrapper .bx-controls-direction a {
		width: 48px;
		height: 48px;
		z-index: 1000; /* 1 */	
		margin-top: -36px;
		border-radius: 3px;
	}

	@media (max-width: 991px) {
	
		.thumbnails-slider .bx-prev {
			left: -40px;
		}
		
		.thumbnails-slider .bx-next {
			right: -40px;
		}
		
		.bx-wrapper .bx-controls-direction a {
			width: 24px;
			height: 24px;
			margin-top: -18px;
		}
		
	}
        
    
        /* ==========================================================================
   =WordPress Default Classes
   ========================================================================== */
   
    .quad-inline-style { display: none; }
	
	/* Align */

	.alignleft {
		float: left;
		display: inline;
	}

	.alignright {
		float: right;
		display: inline;
	}

	.aligncenter {
		display: block;
		margin-right: auto;
		margin-left: auto;
	}

	blockquote.alignleft,
	.wp-caption.alignleft,
	.caption.alignleft,
	img.alignleft {
		margin: 5px 20px 20px 0;
	}

	blockquote.alignright,
	.wp-caption.alignright,
	.caption.alignright,
	img.alignright {
		margin: 5px 0 20px 20px;
	}

	blockquote.aligncenter,
	.wp-caption.aligncenter,
	.caption.aligncenter,
	img.aligncenter {
		margin-top: 5px;
		margin-bottom: 20px;
		clear: both;
	}

	.wp-caption.alignleft,
	.wp-caption.alignright,
	.wp-caption.aligncenter,
	.caption.alignleft,
	.caption.alignright,
	.caption.aligncenter	{
		margin-bottom: 20px;
	}

	/* Caption */

	.caption,	
	.wp-caption {
		max-width: 100%;
		margin-bottom: 20px;
	}

	.wp-caption img[class*="wp-image-"] { margin: 0; }

	.caption-text,
	.wp-caption-text {
		padding: 10px 0;
		color: #bbbbbb;
	}

	/* Gallery */

	.gallery { margin-bottom: 20px; }

	.gallery-item {
		float: left;
		display: block;
		width: 100%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		padding: 1.79104477%;
		text-align: center;
		vertical-align: top;
	}

	.gallery-columns-2 .gallery-item { max-width: 50%; }
	.gallery-columns-3 .gallery-item { max-width: 33.33%; }
	.gallery-columns-4 .gallery-item { max-width: 25%; }
	.gallery-columns-5 .gallery-item { max-width: 20%; }
	.gallery-columns-6 .gallery-item { max-width: 16.66%; }
	.gallery-columns-7 .gallery-item { max-width: 14.28%; }
	.gallery-columns-8 .gallery-item { max-width: 12.5%; }
	.gallery-columns-9 .gallery-item { max-width: 11.11%; }

	.gallery-icon img { margin: 0 auto; }

	.gallery-caption {
		display: block;
		padding: 10px 0;
		color: #bbbbbb;
	}

	.gallery-columns-6 .gallery-caption,
	.gallery-columns-7 .gallery-caption,
	.gallery-columns-8 .gallery-caption,
	.gallery-columns-9 .gallery-caption {
		display: none;
	}
	
	/* Text meant only for screen readers */
	
	.says,
	.screen-reader-text { 
		position: absolute !important;
		overflow: hidden;
		width: 1px;
		height: 1px;
		clip: rect(1px, 1px, 1px, 1px);		
	}
	
	
	@media (min-width: 768px) and (max-width: 991px) {
		
		.gallery-columns-4 .gallery-item { max-width: 33.333%; }
		
	}
	
	@media (max-width: 767px) {
		
		.gallery-columns-4 .gallery-item { max-width: 100%; }
		
	}

/* ==========================================================================
   =WordPress Post(s) 
   ========================================================================== */
        
        .recent-posts-container {
                margin-left:-15px;
                margin-right:-15px;
        }

        .recent-posts-container span3,
        .recent-posts-container span4,
        .recent-posts-container span6,
        .recent-posts-container span12 {
                vertical-align: top; 
                display: inline-block; 
                float: none;
        }

    .post { 
        position: relative;
        margin-bottom: 80px;
    }
    
    .post-thumbnail {
		position: relative;
		display: block;
		margin-bottom: 30px;
                overflow: hidden;
	}
	
	.post-thumbnail:hover { text-decoration: none; }
        
	.post-thumbnail img { 
		display: block; 
		-webkit-transition: all 1s;
			transition: all 1s;
	}
	
	.post-thumbnail:hover img {
		-webkit-transform: scale(1.1);
			-ms-transform: scale(1.1);
				transform: scale(1.1);
	}

	.sticky {
	    padding: 60px 40px 40px;
		border: 1px solid #ebebeb; 
	}
	
	.sticky.has-post-thumbnail { padding-top: 0; }
	
	.sticky.has-post-thumbnail .post-thumbnail {
		margin-right: -40px;
		margin-left: -40px;
	}
	
	.sticky-post {
		position: absolute;
		top: 0;
		padding: 3px 6px;
		background-color: #009cff;
		color: #fff;
		font-weight: 700;		
		text-transform: uppercase;
	}
	
	.post-header { padding: 0; }

	.post-title {
		margin-bottom: 0; 
		text-transform: uppercase;
		line-height: 24px;
	}
	
	.post-title a {
		-webkit-transition: all .3s;
				transition: all .3s;
	}
	
	.post-title a:hover { text-decoration: none; }
	
	.post-content,
	.post-summary { padding: 30px 0; }
	
	/*
	 * 1. Clearfix hack 
	 */
	.post-content:after,
	.post-summary:after {	/* 1 */
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}
	
	.post-content > :last-child,
	.post-summary > :last-child { margin-bottom: 0; }
	
	.post-content iframe { max-width: 100%; }
	
	/*.post-content .more-link { display: block; }*/
	
	.post-content .more-link,
	.post-summary .more-link:after { white-space: nowrap; }

	.post-content .more-link:after,
	.post-summary .more-link:after {
		position: relative;
		padding-left: 5px;
		content: "\f105";
		font-family: 'FontAwesome';
		font-weight: 300;	
	}
	
   .post-footer { padding: 0; }
	
	/*
	 * 1. Clearfix hack 
	 */
	.post-header:after, 
	.post-content:after, 
	.post-summary:after, 
	.post-footer:after { /* 1 */
		visibility: hidden;
		display: block;
		height: 0;
		font-size: 0;
		content: " ";
		clear: both;
	}
        
        .post-password-form label {
                position: relative;
                font-size: 15px;
                background-color: transparent;
        }
        
        .post-password-form input {
                display: inline-block;
                width: auto;
        }
	
	.sticky .posted-on { display: none; }
	
	.posted-on:before,
	.byline:before,
	.cat-links:before,
	.tags-links:before,
	.comments-link:before,
	.post-format:before,
	.edit-link:before,
	.full-size-link:before {
		position: relative;
		margin-right: 5px;
	}

	.posted-on,
	.byline,
	.cat-links,
	.tags-links,
	.comments-link,
	.post-format,
	.full-size-link { 
		margin-right: 10px;
		font-size: 12px;
		font-weight: 700;
	}
	
	.posted-on { 
                color: #939a9f; 
                display: block;
                margin-bottom: 10px; 
        }
	
	.byline a { color: #31363a; }
	
	.comments-link a { color: #009cff; }

	.posted-on:before {}

	.byline:before {}

	.cat-links:before {
		font-family: 'FontAwesome';
		content: "\f07c";
	}

	.tags-links:before {
		font-family: 'FontAwesome';
		content: "\f02c";
	}

	.comments-link:before { content: "|"; }

	.full-size-link:before {
		font-family: 'FontAwesome';
		content: "\f402";
	}

	.edit-link:before {
		font-family: 'FontAwesome';
		content: "\f040";
	}
	
	.comments-link,
	.edit-link { white-space: nowrap; }

   .format-standard .post-format:before {
		font-family: 'FontAwesome';
		content: "\f0f6";
	}
	
	.format-aside .post-format:before {
		font-family: 'FontAwesome';
		content: "\f10c";
	}

	.format-image .post-format:before {
		font-family: 'FontAwesome';
		content: "\f03e";
	}

	.format-gallery .post-format:before {
		font-family: 'FontAwesome';
		content: "\f00a";
	}

	.format-video .post-format:before {
		font-family: 'FontAwesome';
		content: "\f1c8";
	}

	.format-status .post-format:before {
		font-family: 'FontAwesome';
		content: "\f044";
	}

	.format-quote .post-format:before {
		font-family: 'FontAwesome';
		content: "\f10e";
	}

	.format-link .post-format:before {
		font-family: 'FontAwesome';
		content: "\f0c1";
	}

	.format-chat .post-format:before {
		font-family: 'FontAwesome';
		content: "\f18d";
	}

	.format-audio .post-format:before {
		font-family: 'FontAwesome';
		content: "\f027";
	}
	
	.format-aside {}
	
	.format-image {}
	
	.format-video {}
	
	.format-quote {}
	
	.format-gallery {}
	
	.format-status {}
	
	.format-link {}
	
	.format-audio {}
	
	.format-chat {}
	
	.about-author {
		padding-top: 20px;
		border-top: 2px solid #ebebeb;
	}
	
	.about-author img { margin-top: -22px; }
	
	
	@media (max-width: 767px) {
		
		.post{ margin-bottom: 50px; }
		
		.post-thumbnail img { width: 100%;}
		
	}
	
	
/* ==========================================================================
   =WordPress pagination and navigation
   ========================================================================== */
   
   	.pagination {
		margin-bottom: 110px;
	}

	/*
	 * 1. Clearfix hack 
	 */
	.pagination:after { /* 1 */
		visibility: hidden;
		display: block;
		height: 0;
		font-size: 0;
		content: " ";
		clear: both;		
	}	
	
	.pagination .nav-links,
        .navigation.pagination{
		position: relative;
		text-align: left;
	}
	
	.pagination .page-numbers,
	.pagination .prev,
	.pagination .next {
		display: inline-block;
		width: 48px;
		height: 48px;
		margin-right: 4px;
		background-color: #eff1f2;
		color: #31353a;
		text-align: center;
		font-size: 14px;
		font-weight: 700;
		line-height: 48px;
		border-radius: 3px;
		-webkit-transition: all .3s;
				transition: all .3s;
	}

	.pagination .page-numbers:hover,
	.pagination .page-numbers.current {
		text-decoration: none;
		background-color: #009cff;
		color: #fff;
	}

	.pagination .current {
		display: inline-block;
		font-weight: 700;
	}

	.pagination .prev:before,
	.pagination .next:before {
		line-height: 48px;
		position: relative;
		font-family: "FontAwesome";
	}

	.pagination .prev:before { content: "\f104"; }

	.pagination .next:before { content: "\f105"; }
        
        .widget_nav_menu .menu .sub-menu { margin-left: 0; }

	@media (max-width: 767px) {
		
		.pagination .page-numbers,
		.pagination .prev,
		.pagination .next {
			width: 35px;
			height: 35px;
			font-size: 14px;
			line-height: 35px;
		}
		
		.pagination .prev:before,
		.pagination .next:before { line-height: 35px; }
		
	}

/* ==========================================================================
   =WordPress Comments
   ========================================================================== */
   
	.comments-area { margin: 30px 0 110px; }
	
	.comment-body {
		position: relative;
		margin-bottom: 50px;
		padding-left: 100px;
	}
        
        .pingback .comment-body {
            margin-bottom: 0;
        }

	.comments-area > :last-child { margin-bottom: 0; }

	.comment-list + .comment-respond {
		margin-top: 110px;
	}

	.comment-list + .comment-respond,
	.comment-navigation + .comment-respond {}

	.comments-title,
	.comment-reply-title,
        .comments-nav.navigation .assistive-text.section-heading {
		margin: 20px 0 60px 0; 
		font-weight: 700;
		text-transform: uppercase;
		color: #31363a;
                font-size: 14px;
                line-height: 26px;
	}
        
        .comments-nav.navigation .assistive-text.section-heading {
                margin-bottom: 20px;
        }

	.comment-list {
		margin: 0;
		list-style: none;
	}

	.comment-list .pingback,
	.comment-list .trackback {
		padding-bottom: 20px;
		border-bottom: 1px solid #ebebeb;
		margin-bottom: 20px;
	}

	.comment-list .children {
		margin: 0;
		list-style: none;
	}

	.comment-list .children > li { padding-left: 60px; }

	.comment-author { 
		display: inline-block;
		margin-bottom: 10px; 
	}
	
	.comment-author a {
		position: relative;
		padding-right: 10px;
		font-size: 14px;
		font-weight: 500;
		color: #31363a;
	}
	
	.comment-author a:after { 
		position: absolute;
		right: 0;
		content: "|";
		color: #31363a;
		
	}

	.comment-author a:hover { text-decoration: none;}

	.comment-author .avatar {
		position: absolute;
		top: 0;
		left: 0;
		float: left;
		width: 70px;
		height: 70px;
	}
        
         .bypostauthor {}

	.comment-meta {
		display: inline-block;
		margin-bottom: 20px;
	}
	
	.comment-meta a {
		color: #777777;
	}
	
	.comment-metadata,
	.pingback .edit-link {}

	.comment-metadata a,
	.pingback .edit-link a {}

	.comment-metadata a:hover,
	.pingback .edit-link a:hover {}

	.comment-metadata a:hover,
	.comment-metadata a:focus,
	.pingback .edit-link a:hover,
	.pingback .edit-link a:focus {}

	.comment-metadata {}

	.comment-metadata .edit-link { margin-left: 15px; }

	.pingback .edit-link { margin-left: 15px; }

	.pingback .edit-link:before { top: 0; }

	.comment-content ul,
	.comment-content ol { margin: 0 0 20px 20px; }

	.comment-content li > ul,
	.comment-content li > ol { margin-bottom: 0; }

	.comment-content > :last-child { margin-bottom: 0; }

	.comment-list .reply { margin-bottom: 20px; }

	.comment-list .reply a { 
		display: inline-block; 
		font-weight: 500;
	}

	.comment-list .reply a:hover,
	.comment-list .reply a:focus {}
	
	@media (max-width: 767px) {
	
		.comment-list .children > li { padding-left: 0; }
	
	}

/* ==========================================================================
   =WordPress Comments Navigation
   ========================================================================== */
  
	.comment-navigation { text-transform: uppercase; }

	.comment-navigation a {}

	.comment-navigation a:hover,
	.comment-navigation a:focus {}

	.comment-navigation .nav-previous:not(:empty),
	.comment-navigation .nav-next:not(:empty) { display: inline-block; }

	.comment-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before {
		margin: 0 10px;
		font-weight: 400;
		content: "\2215";
	}

	.comment-navigation .nav-previous a:before {
		position: relative;
		margin-right: 3px;
		font-family: "FontAwesome";
		content: "\f104";
	}

	.comment-navigation .nav-next a:after {
		position: relative;
		margin-left: 3px;
		font-family: "FontAwesome";
		content: "\f105";
	}

	.comment-navigation {
		padding: 20px 0;
		border-top: 1px solid #ebebeb;
		border-bottom: 1px solid #ebebeb;
	}
        
        .comments-nav.navigation { margin-bottom: 70px; }
        
        .comments-nav.navigation .nav-previous,
        .comments-nav.navigation .nav-previous {
                margin-right: 20px;
                float: left;
        }

	.comments-title + .comment-navigation { border-bottom: 0; }
	
/* ==========================================================================
   =WordPress Comment Form
   ========================================================================== */	
	
	.comment-form { }
	
	.comment-form > p {
		position: relative;
	}

	.comment-form label {
		position: absolute;
		top: 2px;
		left: 2px;
		display: inline-block;
		width: 100px;
		text-align: center;
		box-sizing: border-box;
		background-color: #eff1f2;
		color: #31363a;
		font-size: 12px;
		line-height: 47px;
		font-style: italic;
	}

	.comment-form input[type="text"],
	.comment-form input[type="email"],
	.comment-form input[type="url"],
	.comment-form textarea {
		display: block;
                max-width: 750px;
		-webkit-appearance: none;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
			    box-sizing: border-box;
		padding: 15px 30px 15px 120px;		
		border: 2px solid #ebebeb;
		border-radius: 3px;
		margin-bottom: 20px;
		background-color: #fff;
		color: #31363a; /* 1 */
	}
	
	.comment-form textarea { }
	
	.comment-form input[type="text"]:focus,
	.comment-form input[type="email"]:focus,
	.comment-form input[type="url"]:focus,
	.comment-form textarea:focus {
		border-color: #bbb;
		outline: none;
	}
	
	.comment-form input[type="submit"]:hover {
		background-color: #263c57;
	}

	.comment-notes,
	.comment-awaiting-moderation,
	.logged-in-as,
	.form-allowed-tags {}

	.logged-in-as a:hover {}

	.no-comments {
		border-top: 1px solid #ebebeb;
		padding-top: 20px;
	}

	.comment-navigation + .no-comments { border-top: 0; }

	.form-allowed-tags code {}

	.form-submit { margin-bottom: 0; }
        
        .comment-form .form-submit { margin-top: 60px; }

	.required { color: #d50f25; }

	.comment-reply-title small { display: block; }

	.comment-reply-title small a {}
	
	@media (max-width: 767px) {
		
		.comment-form input[type="text"],
		.comment-form input[type="email"],
		.comment-form input[type="url"],
		.comment-form textarea { width: 100%; }
		
	}

/* ==========================================================================
   =WordPress Widgets
   ========================================================================== */
	
/* =Widgets default
   ========================================================================== */
	
	.widget { margin-bottom: 85px; }
        
        #footer-bottom .widget { margin-bottom: 50px; }
	
	/**
	 * 1. The last element of every widget shouldn't have a margin bottom. used for spacing purposes
	 */
	
	.widget > :last-child { 
		margin-bottom: 0; /* 1 */
	}
	
	.widget-title { 
		margin-bottom: 65px;
		line-height: 18px; 
		text-transform: uppercase;
	}
	
	#footer-top .widget:last-child { 
		margin-bottom: 0; 
		padding-bottom: 40px;
	}
	
	#footer-top .widget:first-child { padding-top: 40px; }
	 
	#footer .widget:last-child { margin-bottom: 0;}

	
	#footer .widget-title { color: #c9c9c9; }
	
	#footer-bottom .widget:last-child { margin-bottom: 0; }
	
	#footer-bottom .widget-title { color: #565e67; }
	
	@media (max-width: 767px) {

		.widget { margin-bottom: 50px; }
		
		.widget-title {
			margin-bottom: 20px;
		}
		
	}
	
/* =Text Widget
   ========================================================================== */
	
	.widget_text {}
	
	.textwidget {}
	
	/**
	 * 1. The last element inside text widget shouldn't have margin bottom
	 */
	
	.textwidget > :last-child {
		margin-bottom: 0; /* 1 */
	}
	
/* =Search Widget
   ========================================================================== */
	
	.widget_search {}
	
	#searchform { position: relative; }

	#s1 { 
		display: inline-block; 
		width: 100%;
		margin-bottom: 0;
		padding: 10px;
		padding-right: 60px;
		font-size: 12px;
		border-radius: 5px;
		-webkit-box-sizing: border-box; 
		   -moz-box-sizing: border-box; 
		   		box-sizing: border-box; 
	}
	
	#searchsubmit { 
		vertical-align: inherit;
		position: absolute;
		top: 0;
		right: 0;
		height: 38px;
		width: 38px;
		padding: 0;
		background: #31363a url(././assets/images/bg-search.png) no-repeat center center;
		border-radius: 3px;
		text-align: center;
	}

/* =Recent Entries Widget
   ========================================================================== */
	
	.widget_recent_entries {}
	
	.widget_recent_entries ul { list-style: none; }
	
	.widget_recent_entries ul li { padding-bottom: 20px; }
	
	.widget_recent_entries ul li:last-child { padding-bottom: 0; }
	
	.widget_recent_entries ul li a { 
		color: #777777; 
		-webkit-transition: all .3s;
				transition: all .3s;
	}
	
	.widget_recent_entries ul li a:hover { 
		color: #009cff;
		text-decoration: none;
	}
	
	.widget_recent_entries ul li .post-date { display: block; }
	
/* =Pages Widget
   ========================================================================== */
	
	.widget_pages {}
	
	.widget_pages ul { list-style: none; }
	
	.widget_pages ul li {}
	
	.widget_pages ul li a {
		color: #777777; 
		-webkit-transition: all .3s;
				transition: all .3s;
	}
	
	.widget_pages ul li a:hover {
		color: #009cff;
		text-decoration: none;
	}
	
	.widget_pages .children {}
	
	#footer-bottom .widget_pages ul { margin-bottom: 0; }
	
	#footer-bottom .widget_pages ul li {
		position: relative;
		display: inline-block;
		margin-bottom: 0;
		padding: 0 20px;
	}
	
	#footer-bottom .widget_pages ul li:first-child { padding-left: 0; }
	
	#footer-bottom .widget_pages ul li:last-child { padding-right: 0; }
	
	#footer-bottom .widget_pages ul li a {
		font-size: 12px;
		font-weight: 700;
		text-transform: uppercase;
	}
	
	#footer-bottom .widget_pages ul li:after {
		position: absolute;
		top: 0;
		right: 0;
		content: "|";
		font-size: 12px;
		font-weight: 700;
		color: #565e67;
	} 
	
	#footer-bottom .widget_pages ul li:last-child:after { content: ""; } 
	
/* =Archive Widget
   ========================================================================== */
	
	.widget_archive {}
	
	.widget_archive ul { list-style: none; }
	
	.widget_archive ul li {} 
	
	.widget_archive ul li a {
		color: #777777; 
		-webkit-transition: all .3s;
				transition: all .3s;
	}
	
	.widget_archive ul li a:hover {
		color: #009cff;
		text-decoration: none;
	}
	
	.widget_archive select {}
	
	.widget_archive option {}	
	
/* =Categories Widget
   ========================================================================== */
	
	.widget_categories {}
	
	.widget_categories ul { list-style: none; }
	
	.widget_categories ul li {} 
	
	.widget_categories a { 
		color: #777777;
		-webkit-transition: all .3s;
				transition: all .3s;
	}
	
	.widget_categories a:hover {
		color: #009cff; 
		text-decoration: none;
	}
	
	.widget_categories ul ul.children {}
	
	.widget_categories select{}
	
	.widget_categories select#cat {}
	
	.widget_categories select.postform {}
	
	.widget_categories option {}
	
	.widget_categories .level-0 {}
	
	.widget_categories .level-1 {}
	
	.widget_categories .level-2 {}
	
	.widget_categories .level-3 {}
	
/* =Meta Widget
   ========================================================================== */
	
	.widget_meta {}
	
	.widget_meta ul { list-style: none; }
	
	.widget_meta ul li {}
	
	.widget_meta ul li a {
		color: #777777;
		-webkit-transition: all .3s;
				transition: all .3s;
	}
	
	.widget_meta ul li a:hover {
		color: #009cff; 
		text-decoration: none;
	}
	
/* =Recent Comments Widget
   ========================================================================== */
	
	.widget_recent_comments {}
	
	#recentcomments { list-style: none; }
	
	#recentcomments li {}
	
	#recentcomments li a {
		color: #777777;
		-webkit-transition: all .3s;
				transition: all .3s;
	}
	
	#recentcomments li a:hover {
		color: #009cff; 
		text-decoration: none;
	}
	
	.recentcomments {}
	
/* =Tag Cloud Widget
   ========================================================================== */
	
	.widget_tag_cloud {}
	
	.widget_tag_cloud a { 
                margin-bottom: 5px;
		padding: 10px 30px;
		color: #fff;
                line-height: normal;
		background-color: #009cff;
		border-radius: 3px;
                display: inline-block;
	}
	
	.widget_tag_cloud a:hover { text-decoration: none; }
	
	.widget_tag_cloud a:after {}
	
	.widget_tag_cloud a:before {}
	
	#footer-bottom .widget_tag_cloud a { color: #fff; }
	
/* =Calendar Widget
   ========================================================================== */
	
	.widget_calendar {}
	
	#calendar_wrap {}
	
	#calendar_wrap th,
	#calendar_wrap td {
		padding: 0;
		line-height: 2.5;
		text-align: center;
	}
	
	#wp-calendar tr td {}
	
	#wp-calendar caption {
		font-weight: 700;
		text-transform: uppercase;
	}
	
	#wp-calendar tbody a {
		display: block;
		background-color: #009cff;
		color: #fff;
		font-weight: 700;
	}
	
	#wp-calendar #today {}
	
	#wp-calendar #prev {}
	
	#wp-calendar #next {}
	
	#wp-calendar #next a {}
	
	#wp-calendar #prev a {}
	
/* =Nav Menu Widget
   ========================================================================== */
	
	.widget_nav_menu {}	
	
	.widget_nav_menu .menu,
	.widget_nav_menu .menu ul { list-style:none; }
	
	.widget_nav_menu a {
		color: #777777;
		-webkit-transition: all .3s;
				transition: all .3s;
	}
	
	.widget_nav_menu .menu a:hover {
		color: #009cff; 
		text-decoration: none;
	}
	
	.widget_nav_menu .sub-menu {}
	
/* =RSS Widget
   ========================================================================== */
	
	.widget_rss {}

	.widget_rss ul {
		margin: 0;
		list-style: none;
	}

	.widget_rss li { margin-bottom: 20px; }

	.widget_rss ul:last-child,
	.widget_rss li:last-child { margin-bottom: 0; }

	.widget_rss .rsswidget {}
	
	#footer .widget_rss .rsswidget { color: #c9c9c9; }
	
	#footer-bottom .widget_rss .rsswidget { color: #565e67; }

	.widget_rss .rsswidget img { margin-top: -4px; }

	.widget_rss .rss-date,
	.widget_rss cite {
		display: block;
		line-height: 3;
		font-weight: 700;
	}
	
/* ==========================================================================
   =WordPress Custom Widgets
   ========================================================================== */
   
/* =Quad Twitter widget
   ========================================================================== */
	
	.quad_widget_latest_tweets{}
	
	.quad-tweet-list .tweet { word-wrap: break-word; }
	
	.quad-tweet-list ul { list-style: none; }
	
	.quad-tweet-list .interact { text-align: center; }
	
	.quad-tweet-list .interact a { margin-right: 10px; }
	
	.quad-tweet-list .interact a:last-child { margin-right: 0; }
	
/* =Quad Flickr widget
   ========================================================================== */
	
	.quad_widget_flickr {}
	
	.flickr-feed {}
	
	.flickr-feed .flickr_badge_image { display: inline; }
	
	.flickr-feed img { 
		width: 75px; 
		height: auto;
		padding: 0 12px 12px 0; 
		border: none;
	}
	
	@media (max-width: 991px) {
		
		.flickr-feed img { 
			width: 60px; 
			height: auto;
			padding: 0 8px 8px 0; 
			border: none;
		}
		
	}
	
/* =Quad Contact Info widget
   ========================================================================== */	
	
	.quad_widget_contact_info {}
	
	.quad_widget_contact_info ul {
		margin-bottom: 0;
		padding-left: 20px;
		list-style: none;
	}
	
	.quad_widget_contact_info ul li {
		position: relative;
		padding-left: 30px;
		margin-bottom: 10px; 
	}
	
	.quad_widget_contact_info ul li:last-child { margin-bottom: 0; }
	
	.quad_widget_contact_info ul li i {
		position: absolute;
		top: 7px;
		left: 0;
		color: #009cff;
	}
	
	.quad_widget_contact_info ul li a { color: #c9c9c9; }
	
	@media (min-width: 768px) and (max-width: 991px) {
		
		.quad_widget_contact_info ul li { padding-left: 0; }
		
	}
	
/* =Quad Newsletter subscribe widget
   ========================================================================== */
	
	.mc4wp-form{ 
		position: relative;
		width: 50%;
		margin: 0 auto 20px;
	}
	
	.mc4wp-form input[type="email"] { 
		height: 45px;
		margin-bottom: 0;
		padding: 0 100px 0 20px;
		border-width: 1px;
		font-size: 12px;
		font-weight: 700;
		color: #565e67;
		background-color: transparent;
	}
	
	.mc4wp-form input[type="submit"] {
		position: absolute;
		top: 0;
		right: -1px;
		height: 45px;
		padding: 11px 15px;
		margin: 0;
		border-radius: 0;
	}
	
	#content .mc4wp-form{ width: 100%; }
	
	.widget_mc4wp_form_widget .widget-title { margin-bottom: 30px; } 
	
	#footer-bottom .mc4wp-form input[type="email"] { border-color: #565e67; }
	
	@media (max-width: 767px) {
		
		.mc4wp-form { width: 100%; }
		
	}

/* =Quad Latest Posts widget
   ========================================================================== */

	.quad_widget_latest_posts {}
	
	.quad_widget_latest_posts ul { list-style: none; }
	
	.quad_widget_latest_posts ul li { 
		padding: 5px 0 10px 0;
		border-bottom: 2px solid #ebebeb;
	}
	
	.quad_widget_latest_posts ul li:first-child { padding-top: 0; }
	
	.quad_widget_latest_posts ul li:last-child {
		border-bottom: none;
		padding-bottom: 0;
	}
	
	.quad_widget_latest_posts ul li img {}
	
	.quad_widget_latest_posts ul li .title { 
		color: #31363a; 
		-webkit-transition: all .3s;
				transition: all .3s;
	}
	
	.quad_widget_latest_posts ul li .title:hover { color: #009cff; }
	
	.quad_widget_latest_posts p {
		margin-bottom: 0;
		font-size: 13px;
	}

	.quad_widget_latest_posts a {
		color: #009cff; 
		text-decoration: none;
	}
	
	#footer .quad_widget_latest_posts ul li .title { 
		font-weight: 700;
		color: #009cff; 
	}
	
	#footer .quad_widget_latest_posts ul li {  
		padding-bottom: 10px;
		border-bottom: 1px solid #7a7a7a; 
	}
	
	#footer-bottom .quad_widget_latest_posts ul li .title { color: #009cff; }
	
	/*
	 * 1. Clearfix hack 
	 */
	 
	.quad_widget_latest_posts ul li:after { /* 1 */
		visibility: hidden;
		display: block;
		height: 0;
		font-size: 0;
		content: " ";
		clear: both;
	}
	
/* =Quad Navigation widget
   ========================================================================== */
	
	.quad_widget_navigation {}
	
	.quad_widget_navigation ul {  
		list-style-type: none; 
		list-style-position: outside; 
	}
	
	.quad_widget_navigation li { border-bottom: 1px solid #ebebeb; }
	
	.quad_widget_navigation li:last-child { border-bottom: none; }
	
	.quad_widget_navigation li a { 
		display: block; 
		padding: 10px 0;
		color: #777777;
		-webkit-transition: all .3s;
				transition: all .3s;		
	}
	
	.quad_widget_navigation li a:hover { 
		color: #009cff; 
		text-decoration: none; 
	}

/* =Quad Social media widget
   ========================================================================== */
	
	.quad_widget_social_media {}
	
	/*
	 * 1. Clearfix hack 
	 */
	 
	.quad_widget_social_media:after { /* 1 */
		visibility: hidden;
		display: block;
		height: 0;
		font-size: 0;
		content: " ";
		clear: both;
	}


        
/* ==========================================================================
   =Row parallax
   ========================================================================== */	
	/**
 	 *
	 * 1. We add background-size cover so the parallax looks ok if you provide smaller images
	 *
	 */
	
	.parallax.parallax-enabled { 
		background-attachment: fixed !important;
		-webkit-background-size: cover;
				background-size: cover;	/* 1 */
	}
	
	.horizontal-parallax { 
                background-repeat: repeat; 
                background-position: 0px 0px;
        }
	
	.animated-parallax { background-position: 0px 0px;
                            background-repeat: repeat; }

/* ==========================================================================
   =Custom Color Section
   ========================================================================== */

	.custom-color-selected a,
	.custom-color-selected h1,
	.custom-color-selected h2,
	.custom-color-selected h3,
	.custom-color-selected h4,
	.custom-color-selected h5,
	.custom-color-selected h6,
	.custom-color-selected p,
	.custom-color-selected .accordion-item-content,
	.custom-color-selected .toggle-item-content,
	.custom-color-selected .icon-box-2 > i,
	.custom-color-selected .icon-box-2 .icon-box-content h5 a,
	.custom-color-selected .milestone .milestone-value,
	.custom-color-selected .milestone .milestone-description,
	.custom-color-selected .pie-chart .pie-chart-percent,
	.custom-color-selected .pie-chart-description,
	.custom-color-selected .pricing-table-header,
	.custom-color-selected .progress-bar-description,
	.custom-color-selected .progress-bar .percentage,
	.custom-color-selected .social-media a.social-icon { color: inherit; }
	
	.custom-color-selected .btn.alt { background-color: #1f252c; }
	
	.custom-color-selected .btn.alt:before { border: 2px solid #1f252c; }
	
	.custom-color-selected .box.box-style-2 { color: #777777; }
	
	.custom-color-selected .icon-box-1 i {
		width: 62px;
		height: 62px;
		text-align: center;
		color: #fff;
		background-color: #009cff;
		line-height: 62px;
	}
	
	.custom-color-selected .icon-box-1 .icon-box-content { margin-left: 100px; }

	.custom-color-selected .icon-box-2 i { color: #009cff; }
	
	.custom-color-selected .vertical-process-builder li .process-number { outline: 10px solid transparent; }

	.custom-color-selected a.social-icon { color: #777777; }
	
	#content .custom-color-selected .vertical-tabs-container .tabs-menu li a { color: #fff; }
	
	#content .custom-color-selected .vertical-tabs-container .tabs-menu li.active a { color: #009cff; }
	
	.custom-color-selected .team-member-details { background-color: #009cff; }

	.custom-color-selected .portfolio-item-preview + .portfolio-item-description p:first-of-type { color: #009cff; }
	
	.custom-color-selected .portfolio-pagination .page-numbers,
	.custom-color-selected .portfolio-pagination .prev,
	.custom-color-selected .portfolio-pagination .next { color: #31353a; }
	
	.custom-color-selected .portfolio-pagination .page-numbers:hover,
	.custom-color-selected .portfolio-pagination .page-numbers.current { color: #fff; }
	
	.custom-color-selected .quad_widget_latest_posts ul li .title { color: #009cff; }
	
	.custom-color-selected .headline h5 { color: #009cff; }
        
        .breacrumbs-color.breadcrumb.quad-breadcrumbs li a { color: inherit;}

	
/* =Visual composer
   ========================================================================== */

        
        .vc_row-o-content-middle>.container-inner {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
        }
        
        .vc_row-o-content-bottom>.container-inner {
                position: absolute;
                bottom: 0;
                left: 50%;
                transform: translate(-50%, 0);
        }
        
        .vc_row .wpb_content_element {
            margin-bottom: 0;
        }
        
        .quad-top-shadow {box-shadow: inset 0 30px 30px 0 rgba(0, 0, 0, 0.1);}
        
        
        @media (min-width: 768px) {
            
                #wrap .vc_row.background-right { 
                        background-position: right !important;
                        background-repeat: no-repeat !important;
                        background-size: 55% 100% !important;
                }

                #wrap .vc_row.background-left { 
                        background-position: left !important;
                        background-repeat: no-repeat !important;
                        background-size: 55% 100% !important;
                }
        
        }
/* =Spacing
   ========================================================================== */  
     
        .container-fluid .container > .row, 
        .container-fluid.vc_row, 
        .container > .vc_row {
                margin-left: 0;
                margin-right: 0;
        }

        .container.blog-1-col > .row,
        .container.blog-2-col > .row,
        .container.blog-3-cols > .row {
                margin-left: 0;
                margin-right: 0; 
        }
        
        .container.clear-padding {
                padding-left: 0;
                padding-right: 0; 
        }
        
        .vc_row-o-content-middle>.container-inner {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
        }
        
        .vc_row-o-content-bottom>.container-inner {
                position: absolute;
                bottom: 0;
                left: 50%;
                transform: translate(-50%, 0%);
        }