:focus, :active {
	outline: none;
}

a:focus, a:hover {
  text-decoration: underline;
}

a.button:focus {
	color:#FFF !important;
}

.product-info-holder a.button:focus {
	color:#999 !important;
}

html {
  font-family:sans-serif; /* 1 */
  -ms-text-size-adjust:100%; /* 2 */
  -webkit-text-size-adjust:100%; /* 2 */
}

/* MEDIA QUERIES */

/* Landscape phones and down */
@media (max-width: 480px) {
	.navbar-dark .navbar-collapse {
		padding: 0 !important;
	}
}

/* Landscape phone to portrait tablet */
@media(max-width:767px) {

	.addthis-smartlayers {
		display: none;
	}

	.random-bg {
		background-size: auto !important;
	}

	.random-bg h3 {

	}

	.home-host-text {
		background: transparent;
		/* position: absolute; */
		text-align: center !important;
		margin: 30px auto  !important;
	}

	.tabs-content .features li {
		width: 100% !important;
		float: none !important;
	}

	.tabs-content ul.examples li {
		float: none !important;
		width: 100% !important;
	}

	.product_box {
		width: 100% !important;
		text-align: center;
	}

	#extension_box {
		float: none !important;
		width: 219px !important;
	}

	.product_text_block {
		width: 100% !important;
	}

	.product_text_block_left,
	.product_text_block_right {
		float: none !important;
		text-align: center;
	}

	.product_text_holder {
		float: none !important;
		width: 100% !important;
		padding: 0 !important;
	}

	.product_image_link {
		float: none !important;
		display: inline-block !important;
	}

	.product_image_link img {
		width: auto !important;
	}

	.extension_features {

	}

	.extension_features ul {

	}

	.extension_features ul li {
		float: none !important;
		width: 100% !important;
		padding: 0 !important;
	}

	.page-title {
		display: block;
		width: 100%;
		height: auto !important;
		max-height: 500px !important;
		padding: 40px 0 !important;
	}

	.page-title h1.page-title-text {
		font-size: 38px !important;
		text-align: center;
		display: block;
		width: 100%;

	}

	.inner-page.container {
		background: #FFF !important;
	}

	.page-title span.title-sub {
		font-size: 16px !important;
		display: none;
	}

	.page-title .account-links {
		/* float: none  !important; */
		display: block;
		text-align: center;
		font-size: 14px;
		margin: 0;
		padding: 0;
		left: 0;
		/* top: 100px; */; /* position: absolute; */
	}

	.page-title .account-links li {
		float: left;
		display: inline-block;
		font-size: 16px;
	}

	.page-title .account-links li a {
		font-size: 13px;
	}

    .content .container {
        background: #FFF !important;
    }

	.slider {
		padding: 8% 30px !important;
		/* font-size: 80% !important; */
		overflow: hidden;
		/* max-height: 500px !important; */
	}

	.slider .container {
		padding: 0 0px !important;
	}

	.slider h2 {
		font-size:48px !important;
	}

	.bxslider {
		padding: 0 0px !important;
	}

	.bxslider li {
		/* padding: 0 10px !important; */
	}

	.home-product {
		width: 100%;
		margin: 20px 0 40px 0;
		/* padding: 0 30px !important; */
	}

	.home-block {
		padding: 80px 30px !important;
	}

	.heading-block {
		padding: 30px 20px !important;
	}

	.home-testimonial {
		text-align: center;
	}

	.home-testimonial-details-holder {
		text-align: center;
	}

	.home-testimonial-details {
		text-align: center;
		float: none !important;
		display: block;
		width: 100% !important;
		padding: 0;
		margin: 10px 0 !important;
	}

	.home-testimonial-details-holder img {
		float: none !important;
	}

	#new_ticket, #check_status, .login-box,
	.instructions {
		width: 100% !important;
		display: block;
		padding: 0 !important;
		border: none !important;
	}

	div.front-page-button,
	div.front-page-button a {
		text-align: center;
		float: none !important;
		display: block !important;
		width: 100% !important;
	}

    .list_post {
        width: 100% !important;
    }

	table input[type=text], table select, input[type=password] {
		width: 100% !important;
	}

    .navbar-brand img {
        width: 190px !important;
        height: 48px !important;
        margin-left: 15px !important;
    }

    .header .navbar-brand {
        width: 210px !important;
    }

    .header {
        min-height: 90px !important;
    }
    
    .header.cbp-af-header-shrink .navbar-brand {
        top: 20px !important;
    }

    .header .navbar-brand {
        top: 25px !important;
    }

    .navbar-toggle {
        position: relative !important;
        top: 19px !important;
    }

	ul.nav li.dropdown:hover ul.dropdown-menu {
		display: none !important;
	}

    .navbar-dark .navbar-toggle .icon-bar {
        background-color: #FFF !important;
    }

    .navbar-dark .navbar-collapse {
        background: #194c6a !important;
        position: relative !important;
        top: 27px !important;
        z-index: 9999 !important;
        border: 0 !important;
        float: none !important;
        padding: 0 !important;
    }

    .navbar-nav {
        float: left !important;
        width: 100% !important;
        margin: 0 !important;
        top: 0 !important;
    }

    .navbar-nav>li {
        margin-left: 0 !important;
        width: 100% !important;
    }

    .header .navbar-dark .navbar-nav > li > a {
        width: 100% !important;
        border-bottom: 1px solid #30607d !important;
        line-height: 35px !important;
    }

	.header .navbar-dark .navbar-nav > li > a span {
		display: none;
	}

    .navbar-dark .navbar-toggle:hover, .navbar-dark .navbar-toggle:focus {
        background-color: #3482b0 !important;
    }

	.footer {
		padding: 40px 30px !important;
		/* text-align: center; */
	}

    .footer-col-content {
        text-align: center !important;
        margin-left: 0 !important;
    }

    .footer-nav {
        text-align: center !important;
        border-bottom: 0 !important;
        padding-bottom: 0 !important;
        margin-bottom: 10px !important;
    }

    .footer-nav li {
        float: none !important;
        display: inline-block !important;
    }

    img {
        max-width: 100% !important;; height: auto;
    }

    .comment-text {
        width: 100% !important;
        margin-left: 0 !important;
    }

	#breadcrumbs {
		height:auto !important;
	}

	.propaganda_text {
		width:100% !important;
	}

	.propaganda_holder .button {
		width:100% !important;
		margin-top:0 !important;
	}

	.subscribe_box {
		background:#1e6b99;
		padding:40px 30px !important;
	}

	.subscribe_box .btn {
		border:0 solid transparent !important;
		padding:5px 30px !important;
		width:100% !important;
	}

	.subscribe_box input[type=text] {
		float:none;
		width:100% !important;
		border:0;
		background:#FFF;
		color:#999;
		font-size:16px;
		padding:16px;
		margin-right:2%;
		margin-bottom: 5px;
		margin-top: 5px;
	}

	.subscribe_text {
		float:left;
		width:auto;
		font-family:"Open Sans", Arial, sans-serif;
		color:#FFF;
		margin: 0 0 15px 0;
	}

	#subscribe-spinner, #subscribe-error, #subscribe-success {
		text-align: center;
		width: 100%;
		display: none;
		margin: 10px 0;
	}

	.home-buy-button {
		margin-bottom:60px !important;
	}

	.not_found_title {
		font-size:100px !important;
	}

	.button {
		font-size:16px !important;
	}

	.social_links a {
		max-width:100% !important;
	}

	.slider {
		/*display:none !important;*/
	}
}

/* Portrait tablet to landscape and desktop */
@media (max-width:991px) and (min-width:768px) {
    .content .container {
        background: #FFF !important;
    }

    .list_post {
        width: 100% !important;
    }

    .navbar-brand img {
        width: 190px !important;
        height: 44px !important;
        margin-left: 15px !important;
    }

    .header {
        min-height: 90px !important;
    }

    .header .navbar-brand {
        top: 25px !important;
    }

    .header .navbar-brand {
        width: 210px !important;
    }

	.navbar-dark .navbar-collapse {
        background: #194c6a !important;
        position: relative !important;
        top: 27px !important;
        z-index: 9999 !important;
        border: 0 !important;
        float: none !important;
        padding: 0 !important;
	}
	
	.header .navbar-dark .navbar-nav > li > a {
    	width: 100% !important;
    	border-bottom: 1px solid #30607d !important;
    	line-height: 35px !important;
    }
    
    #main-menu .navbar-nav {
        position: initial !important;
    }
    
    .header .navbar-nav {
        float: none !important;
    }

    .navbar-nav {
        top: 32px !important;
    }

    .navbar-nav>li {
        margin-left: 0 !important;
        width: 100% !important;
    }

    .nav>li>a {
        padding: 10px 6px !important;
    }

    img {
        max-width: 100% !important;
        height: auto;
    }

	.home-buy-button {
		margin-bottom:60px !important;
	}
}

@media (max-width:1199px) and (min-width:992px) {
    .header .navbar-dark .navbar-nav > li > a {
    	font-size: 13px !important;
    }
}

/* Large desktop */
@media(min-width:992px) {
	.navbar-dark .navbar-collapse {
		padding: 0 !important;
	}
}

@media (max-width:1199px) and (min-width:992px) {
    .navbar-dark .navbar-collapse {
        margin-right: 15px !important;
    }
    .searchform {
        margin-left: 25px !important;
        top: -22px !important;
    }
}
@media (max-width:1199px) and (min-width:1158px) {
    .searchform {
        margin-left: 12px !important;
        top: -5px !important;
    }
}


/**
 * Remove default margin.
 */

body {
  margin:0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display:block;
}

/**
 * 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;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color:transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline:0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom:1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight:bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style:italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size:2em;
  margin:0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background:#ff0;
  color:#000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size:80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline;
}

sup {
  top:-0.5em;
}

sub {
  bottom:-0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border:0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow:hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin:1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing:content-box;
  box-sizing:content-box;
  height:0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow:auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family:monospace, monospace;
  font-size:1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation:by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue:affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

.progress {
	margin: 10px 0;
}

.progress-bar {

}

button,
input,
optgroup,
select,
textarea {
  color:inherit; /* 1 */
  font:inherit; /* 2 */
  margin:0; /* 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 {
  border:0;
  padding: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 */
  -moz-box-sizing:content-box;
  -webkit-box-sizing:content-box; /* 2 */
  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;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border:1px solid #c0c0c0;
  margin:0 2px;
  padding:0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border:0; /* 1 */
  padding:0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow:auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE:the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight:bold;
}

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

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse:collapse;
  border-spacing:0;
}

td,
th {
  padding:0;
}

/* GENERAL */

div.gsc-input-box, 
div.gsc-input-box-hover {
	border: none;
	height: auto;
	background: none;
	box-shadow: none;
}

div.gsc-input-box table {
	border: none;
}

form.gsc-search-box {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

form.gsc-search-box table {

}

form.gsc-search-box table tbody tr td {
	border: none !important;
}

.gsc-control-wrapper-cse {

}

.gsc-control-wrapper-cse table {
	border: none !important;
}

.gsc-control-wrapper-cse table tr {

}

.gsc-control-wrapper-cse table tr td {
	border: none !important;
}

input.gsc-input {
	padding: 12px !important;
	height: auto !important;
}

input.gsc-search-button, 
input.gsc-search-button-v2 {
	width: auto !important;
	border:0 solid transparent !important;
	padding:5px 30px !important;
	width:20%;
	color:#FFF;
	background:#194c6a !important;
	font-size:18px !important;
	font-family:"Open Sans", Arial, sans-serif;
	font-weight:600;
	border:0;
	line-height:46px;
	height: auto !important;
}

.button-blue:hover, input.gsc-search-button:hover {
	color:#FFF;
	border:0 solid transparent !important;
	background:#0d2a3c !important;
	line-height: 46px;
}

div.gsc-adBlock {
	display: none;
}

body {
    background:#f5f5f5 !important;
    font-size:16px;
	/*line-height:31px;*/
    color:#888;
    font-family:"Open Sans", Arial, sans-serif;
}

form, div {
	font-size: 16px;
	font-family: "Open Sans", Arial, sans-serif;
	color: #667;
}

p {
    font-size:16px;
    margin-bottom:20px !important;
    font-family:"Open Sans", Arial, sans-serif;
    line-height:31px;
    color:#667;
}

p img {
	max-width:100%;
	height:auto;
}

p a {
    color: #b21f74;
}
a:focus, a:active, a:hover {
	text-decoration:none !important;
	color: #1e6b99;
}

blockquote {
    padding-bottom:1px !important;
    font-style:italic;
    color:#999 !important;
}

ul, ol {
    font-size:16px;
    color:#888;
    font-family:"Open Sans", Arial, sans-serif;
    line-height:31px;
}

h1, h2, h3, h4, h5 {
	color:#667;
}

.container {
	max-width: 1170px;
    padding-right:0 !important;
    padding-left:0 !important;
}

.nopadding {
    /*padding-right:0 !important;
    padding-left:0 !important;*/
    padding: 0 !important;
}

.nomargin {
	margin: 0 !important;
}

.row {
	margin: 0;
}

.center-align {
	text-align:center;
}

hr {
	display:none;
}

/* HEADER */

.header {
    background:#1e6b99;
    /* position:fixed; */
    width:100%;
    top:0;
    z-index:100;
    min-height:85px;
    /*position: sticky;
    position: -webkit-sticky;*/
    
    -webkit-transition: all 0.4s ease;
 	transition: all 0.4s ease;
}

/* STICKY HEADER */

.header.sticky {
	min-height: 60px;
	position: sticky;
	position: -webkit-sticky;
}

.header.sticky .navbar {
    min-height:60px !important;
    margin-bottom:0 !important;
}

.header.sticky #main-menu .navbar-nav {
    top: 0px;
}

.header.sticky .menu_search {
    top: 0px;
}

.header.sticky .navbar-brand {
    top: 10px;
}

.header.sticky .navbar-brand img {
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
    width:190px !important;
    height:48px !important;
}

/*
.cbp-af-header-shrink {
    width:100%;
    left:0;
    top:0;
    z-index:100;
    border-top:0;
}

.cbp-af-header-shrink {
    min-height:70px;
}

.cbp-af-header-shrink .navbar {
    min-height:70px !important;
    margin-bottom:0 !important;
}

.cbp-af-header-shrink #main-menu .navbar-nav {
    top: 0px;
}

.cbp-af-header-shrink .menu_search {
    top: 0px;
}

.cbp-af-header-shrink .navbar-brand {
    top: 10px;
}

.cbp-af-header-shrink .navbar-brand img {
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
    width:190px !important;
    height:48px !important;
}*/

.navbar-brand {
	width:250px;
	height:63px;
}

.header .navbar-brand img {
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
}

.header .navbar {
	padding: 0;
}

.header .navbar-nav {
    float:right;
    margin: 0;
    line-height: inherit;
}

.header .navbar-dark {
    border:0;
    background:0;
}

.header .navbar-brand {
    height:63px;
    width:250px;
    padding:0;
    position:relative;
    top:12px;
    overflow:hidden;
}

.header .navbar-brand img {
	width:250px;
	height:63px;
    -webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
}

.header .navbar-dark .navbar-nav > li > a {
    /*text-transform:uppercase;*/
    font-family:"Montserrat", Arial, sans-serif;
    font-size:15.5px;
    color:#FFF;
    padding: 15px;
}

.navbar-dark .navbar-nav>.active>a, .navbar-dark .navbar-nav>.active>a:hover, .navbar-dark .navbar-nav>.active>a:focus {
    background-color:transparent !important;
}

.navbar-dark .navbar-nav>.open>a, .navbar-dark .navbar-nav>.open>a:hover, .navbar-dark .navbar-nav>.open>a:focus {
    background:#185478 !important;
}

.dropdown-menu {
    background: #185478 !important;
    padding-top: 0 !important;
    margin: 0;
    padding-bottom: 0 !important;
    box-shadow: 0 0 0 0 !important;
    -webkit-box-shadow: 0 0 0 0 !important;
    border: 0 !important;
    border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
	-webkit-border-top-left-radius: 0 !important;
	-webkit-border-top-right-radius: 0 !important;
	-moz-border-radius-topleft: 0 !important;
	-moz-border-radius-topright: 0 !important;
}

.dropdown-menu li {
	margin-bottom: 0 !important;
}

.dropdown-menu .dropdown-divider {
	height: 1px;
    margin: 0px 0;
    overflow: hidden;
    background: #133c54;
    border: none;
}

.dropdown-menu > li > a {
    padding:7px 15px !important;
    color:#FFF !important;
    font-family:"Open Sans", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.428571;
}

.header .navbar-dark .navbar-nav > li:hover {
    background:#185478 !important;
}

.header .navbar-dark .navbar-nav > li.active {
	background:#1b628c;
}

.header .dropdown-menu>li>a:hover {
	background:#133c54;
}

.dropdown-menu>li:last-child>a {
    -moz-border-radius:0 0 3px 3px;
    -webkit-border-radius:0 0 3px 3px;
    border-radius:0 0 3px 3px;
}

.navbar-dark .navbar-nav > li > a:hover, .navbar-dark .navbar-nav > li > a:focus {
    color:#fff !important;
}

#main-menu .navbar-nav {
    position:relative;
    top:11px;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
}

#second-menu.navbar {
    padding: 0;
}

.navbar-nav>li {
    margin-left:5px;
}

.menu_search {
    float:right;
    width:auto;
    position:relative;
    top:10px;
    height:30px;
    border-left:1px solid #7ba5be;
    padding-left:10px;
    margin-left:10px;
    line-height:30px;
    color:#FFF;
    font-size:18px;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
}

.navbar-dark .navbar-collapse {
    float:right;
    width:auto;
}

ul.nav li.dropdown:hover ul.dropdown-menu { /*display:block;*/ }

ul#menu-main-menu li.dropdown:hover ul.dropdown-menu {
	display: block;
}



/* SEARCH FORM */

.menu_search i {
    float:left;
    width:auto;
    position:relative;
    top:6px;
    cursor:pointer;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
}

.menu_search i:hover {
    opacity:0.8;
}

.searchform {
    float:left;
    width:1px;
    margin-left:12px;
    visibility:hidden;
    display:none;
    height:40px !important;
    position:relative;
    top:-5px;
}

.visible {
    visibility:visible !important;
    display:block !important;
}

.searchform .search_box {
    background:#FFF;
    padding:5px;
    border:0 none;
    font-size:14px;
    color:#667;
    height:40px;
    width:150px;
}

.search_submit {
    display:none;
}

/** Global Search **/
.search-global {
	margin: 15px 0;
}

.search-global form {
	margin: 0;
	padding: 0;
}

.search-global .search-input {
	padding: 8px;
}

.search-global .search-button {
	line-height: 36px;
	font-size: 16px;
}

/* SLIDER */

.slider {
	background:url(../img/slide-background.jpg) no-repeat center center;
	max-height:540px;
	width:100%;
	padding:8% 0;
}

.slider p {
	font-family:"Open Sans", Arial, sans-serif;
	font-size:18px;
	font-weight:300;
	max-width:600px;
	margin:0 auto;
	margin-bottom:3% !important;
}

.slider h2 {
	margin:0 0 2% 0;
}

.bx-wrapper .bx-controls-direction a.bx-prev, .bx-wrapper .bx-controls-direction a.bx-next {
	height:77px;
	width:39px;
	opacity:0.6;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
}

.bx-wrapper .bx-controls-direction a.bx-prev:hover, .bx-wrapper .bx-controls-direction a.bx-next:hover {
	opacity:1;
}

.bx-wrapper .bx-controls-direction a.bx-prev {
	background:url(../img/arrow-prev.png) no-repeat;
}

.bx-wrapper .bx-controls-direction a.bx-next {
	background:url(../img/arrow-next.png) no-repeat;
}

.bxslider li {
	left:0;
}

/* HEADINGS */

.slider h2 {
	font-size:60px;
	font-family:"Open Sans", Arial, sans-serif;
	font-weight:600;
}

/* BLUE BAR TOP */

.blue-bg {
	background: url(../img/slide-background.jpg) no-repeat center center;
	width: 100%;
	max-height:531px;
	padding:0 !important;
	text-align:center !important;
}

.blue-bg h3 {
	color:#FFF !important;
	font-size:52px;
	font-family:"Open Sans", Arial, sans-serif;
	line-height:64px;
	font-weight:bold;
	margin-bottom:18px;
}

.blue-bg .home-host-slogan {
	color:#FFF;
	font-size:18px;
	font-family:"Open Sans", Arial, sans-serif;
	font-weight:300;
	margin-bottom:27px !important;
}

.random-bg {
	width: 100%;
	max-height:640px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	overflow: hidden;
	padding:0 !important;
	text-align:center !important;
}

.random-bg h3 {
	color:#FFF !important;
	font-size:52px;
	font-family:"Open Sans", Arial, sans-serif;
	line-height:64px;
	font-weight:bold;
	margin-bottom:18px;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
}

.random-bg .home-host-slogan {
	color:#FFF;
	font-size:18px;
	font-family:"Open Sans", Arial, sans-serif;
	font-weight:300;
	margin-bottom:27px !important;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
}

.home-host-woman {
	float:left;
	width:553px;
	height:531px;
	background:url(../img/host-woman.png) no-repeat center center;
}

.home-host-text {
	width:100%;
	max-width:550px;
	text-align:center;
	margin:110px auto;
}

.home-host-text a.slider-link,
.home-host-text a.slider-link:link,
.home-host-text a.slider-link:hover {
	color: #FFF;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
}

.home-host-text a.slider-link:hover {
	text-decoration: underline !important;
}

.home-host-extra-product {
	float: left;
	width: 100%;
	border: 1px solid #DDD;
	padding: 30px;
}

.home-host-extra-left {
}

.home-host-extra-content {
	max-width: 50%;
	padding: 0 15px;
	float: left;
}

.home-host-extra-content h4 {
	font-size: 19px !important;
	font-family: "Open Sans", Aria, sans-serif;
	font-weight: 700;
}

.home-host-extra-product i {
	float: left;
	width: auto;
	font-size: 68px;
	color: #dadada;
	margin-right: 25px;
	margin-top: 28px;
}

.home-host-extra-product a.button {
	float:right !important;
	margin-top:35px;
	margin-left:25px;
}

/* BUTTONS */

.button, .btn {
    display:inline-block;
    /*padding:0 30px;
    line-height:60px;*/
    font-weight:600;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

.green_button {
	color:#FFF;
	background:#4e9700;
	/*font-size:24px;*/
	/*line-height:67px;*/
	border:3px solid #4e9700;
	font-family:"Open Sans", Arial, sans-serif;
}

.green_button:hover {
	color:#999;
	background:white;
	border:3px solid #e5e5e5;
	text-decoration:none;
}

.blue_button {
    color:#FFF;
    background:#194c6a;
    border:3px solid #194c6a !important;
    /*font-size: 18px;*/
    font-family:"Open Sans", Arial, sans-serif;
    font-weight:600;
    border:0;
    /*line-height:46px;*/
}

.blue_button:hover {
	background:transparent;
	color:#999;
	border:3px solid #e5e5e5 !important;
}

.bg-primary {
	background-color: #194c6a !important;
}

.border-primary {
	border-color: #194c6a !important;
}

.grey_button {
    color:#FFF;
    background:#c1c1c1;
    font-size:18px;
    font-family:"Open Sans", Arial, sans-serif;
    font-weight:600;
    border:0;
    /*line-height:46px;*/
	margin-right:10px;
}

.grey_button:hover {
	background:#194c6a;
	color:#FFF;
	text-decoration:none;
}

.gray-bg .green_button:hover {
	background: #f5f5f5;
}

#button-buy, #button-checkoutcart, #button-update, #button-download {
	color:#FFF;
	background:#4e9700;
	font-size:24px;
	line-height:67px;
	border:3px solid #4e9700;
	width:100%;
    font-family:"Open Sans", Arial, sans-serif;
    font-weight:600;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
    margin-bottom:15px;
}

#button-buy:hover, #button-checkoutcart:hover, #button-download:hover {
	color:#999;
	background:transparent;
	border:3px solid #e5e5e5;
	text-decoration:none;
}

.main-content #button-buy {
	width: 300px;
}

#recommended-list-form #button-buy {
	width:auto !important;
}

#button-download {
	/*float:left;*/
	width:100%;
	text-align:center;
	margin-bottom:0;
	display: block;
}

.button-sidebar-block {
	clear:both;
	display:block;
	width:48%;
	text-align:center !important;
}

#button-checkoutcart {
	width:auto !important;
	float:right !important;
	font-size:18px !important;
	line-height:57px !important;
}

#button-update {
	background:#194c6a !important;
	border:3px solid #194c6a !important;
	float:right !important;
	width:auto !important;
	margin-right:10px;
	font-size:18px !important;
	line-height:57px !important;
	padding:0 15px !important;
}

#button-update:hover {
	background:#1e6b99 !important;
	color:#FFF !important;
	border:3px solid #1e6b99 !important;
}

#try-demo, .try-demo {
	color:#FFF;
	background:#c1c1c1;
	border:3px solid #c1c1c1;
	display:inline-block;
	width:100%;
    font-family:"Open Sans", Arial, sans-serif;
    font-weight:600;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
	text-align:center;
	padding:12px 0;
	margin-bottom:10px;
}

#try-demo:hover, .try-demo:hover {
	color: white;
	background:#adadad;
	border:3px solid #adadad;
}

#try-demo .demo-big, .try-demo .demo-big {
	font-size:18px;
}

.border-button {
	border:3px solid #e5e5e5 !important;
	padding:0 20px !important;
	color:#999999;
    font-size:18px;
    font-family:"Open Sans", Arial, sans-serif;
    font-weight:600;
    border:0;
    line-height:46px;
	background:transparent;
}

.border-button:hover {
	text-decoration:none;
	color:#FFF;
	background:#4e9700;
	border:3px solid #4e9700 !important;
}

/* FOOTER */

#logo-footer {
	background:url(../img/logo-footer.png) no-repeat;
	width:175px;
	height:43px;
	display:block;
	text-indent:-9999px;
	margin-top:35px;
}

.footer {
	background:#1d435c;
	padding:60px 0;
	color:#FFF;
	clear: both;
}

.footer a {
	color:#FFF;
}

.footer a:hover {
	color:#FFF;
	text-decoration: underline !important;
}

.footer ul.social_links li a:hover {
	text-decoration: none !important;
}

.footer h6 {
	color:#FFF;
	font-size:24px;
	font-family:"Open Sans", Arial, sans-serif;
	font-weight:700;
	margin-bottom:25px !important;
}

.footer ul {
	padding-left:0;
}

.footer ul li {
	list-style-type:none;
}

.social_links li {
	float:left;
	width:100%;
	margin-bottom:15px;
}

.social_links a {
	float:left;
	width:260px;
	text-align:center;
	padding:12px 0;
	-webkit-transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	transform-style:preserve-3d;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
}

.social_links a:hover {
	text-decoration:none;
	-webkit-transform:scale(1.1);
	transform:scale(1.1);
	-webkit-transition-timing-function:cubic-bezier(0.47, 2.02, 0.31, -0.36);
	transition-timing-function:cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

.social_facebook {
	background: #3b5998;
}

.social_twitter {
	background: #55acee;
}

.social_linkedin {
	background: #0A66C2;
}

.social_google {
	background: #dd4b39;
}

.copyright {
	font-size: 11px;
	color: #FFF;
}

.post_date {
	font-size:12px;
	color:#FFF;
}

.post_list_footer a {
	float:left;
	width:100%;
	font-weight:bold;
	line-height:24px;
	margin-bottom:5px;
}

.post_list_footer span {
	float:left;
	width:100%;
	line-height:14px;
	padding-bottom:30px;
}

/* Clock */

.clock-wrapper {
	
}

.clock {
	border-width: 3px;
}

.clock i.fa {
	font-size: 30px;
}

.hours {
	font-size: 150%;
	font-weight: bold;
}

.hours-number {
	font-size: 150%;
}

.hours-text {
	font-size: 120%;
}

/* SIDEBAR BLOCK */

.sidebar-block {
	/*float:left;*/
	width:100%;
	padding:30px;
	border-bottom:1px solid #f2f2f2;
}

.widget_title {
	font-size:23px;
	font-weight:600;
	font-family:"Open Sans", Arial, sans-serif;
	color:#667;
	/*float:left;*/
	width:100%;
	margin-bottom:20px;
}

.widget_title_line {
	border-bottom:1px solid #e5e5e5;
	width:80px;
	height:1px;
	/*float:left;*/
	display: block;
	margin-bottom:20px;
}

#sidebar-customer .widget_title:before {
	font-family:FontAwesome;
	padding-right:12px;
	content:"\f097";
	font-style:normal;
	font-weight:normal;
	text-decoration:inherit;
}

#sidebar-testimonials .widget_title:before {
	font-family:FontAwesome;
	padding-right:12px;
	content:"\f0e5";
	font-style:normal;
	font-weight:normal;
	text-decoration:inherit;
}

#sidebar-plugins .widget_title:before {
	font-family:FontAwesome;
	padding-right:12px;
	content:"\f085";
	font-style:normal;
	font-weight:normal;
	text-decoration:inherit;
}

#sidebar-cart .widget_title:before {
	font-family:FontAwesome;
	padding-right:12px;
	content:"\f07a";
	font-style:normal;
	font-weight:normal;
	text-decoration:inherit;
}

#sidebar-emailthemes .widget_title:before {
	font-family:FontAwesome;
	padding-right:12px;
	content:"\f003";
	font-style:normal;
	font-weight:normal;
	text-decoration:inherit;
}

#sidebar-extensions .widget_title:before {
	font-family:FontAwesome;
	padding-right:12px;
	content:"\f013";
	font-style:normal;
	font-weight:normal;
	text-decoration:inherit;
}

.widget_title_holder {
	/*float:left;*/
	width:100%;
}

.sidebar-block ul {
	/*float:left;*/
	width:100%;
	padding-left:0;
}

.sidebar-block ul li {
	list-style-type:none;
	line-height:38px;
}

.sidebar-block .home-testimonial-details {
	width:60%;
}

/* NEWSLETTER THEMES */

.newsletter_box {
	/*width:100%;*/
	height:auto;
	margin:0 auto;
}

.newsletter_content .first_paragraph {
	padding-top:0 !important;
}

.newsletter_features p {
	text-align:center !important;
}

.newsletter_preview {
	float:left;
	width:100%;
	margin-bottom:25px;
	/* box-shadow:0 1px 2px #ddd; */
	border: 1px #efefef solid;
	border-radius:8px;
	overflow:hidden;
	margin-top:6px;
}

.newsletter_preview .newsletter_browser_top {
	position:relative;
	z-index:1;
}

.newsletter_browser_content {
	float:left;
	width:100%;
	height:420px;
	overflow-y:scroll;
	background:#FFF;
	text-align:center;
	position:relative;
}

.newsletter_live_preview {
	float:left;
	width:100%;
	text-align:center;
	margin-bottom:50px;
}

.newsletter_live_preview_text {
	font-size:100%;
	color:#999999;
	font-style:italic;
	margin-right:15px;
	margin-left:15px;
}

.newsletter_live_preview_button {
	display:inline-block;
	margin-right:15px;
	margin-bottom:15px;
}

/* EMAIL THEMES */

#email-templates-list .product-holder {
	max-height:551px !important;
	min-height:551px !important;
}

/* SIDEBAR CART */

#sidebar-cart table {
	/*float:left;*/
	width:100%;
	border:1px solid #e3e3e3;
}

#sidebar-cart table td {
	border:1px solid #e3e3e3;
	padding:15px;
}

/* SUBSCRIBE BOX */

.subscribe_box {
	background:#1e6b99;
	padding:60px 0px;
}

.subscribe_box .btn {
}

.subscribe_box .btn:hover {
	color:#FFF;
	border: 3px #0d2a3c solid !important;
	background:#0d2a3c !important;
}

.subscribe_box input[type=text] {
	float:left;
	width:32%;
	border:0;
	background:#FFF;
	color:#999;
	font-size:16px;
	padding:14px;
	margin-right:2%;
}

.subscribe_text {
	float:left;
	width:auto;
	font-family:"Open Sans", Arial, sans-serif;
	color:#FFF;
}

.subscribe_text_big {
	text-transform:uppercase;
	font-size:21px;
	font-weight:600;
}

.subscribe_text_small {
	font-size:14px;
}

#subscribe-success {
	display:none;
	font-size:20px !important;
	color:lime;
	margin-left:10px;
}

#subscribe-error {
	display:none;
	font-size:20px !important;
	color:red;
	margin-left:10px;
}

.subscribe_spinner {
	display:none;
	color:white;
	font-size:20px !important;
	margin:0 0 0 10px;
}

#sidebar-buttons {
	/*float:left;*/
	width:100%;
	padding-top:15px;
}

#sidebar-buttons .button {
	width:48% !important;
	padding:0 !important;
	margin:0 !important;
	height:52px !important;
	max-height:52px !important;
	line-height:52px !important;
	text-align:center !important;
	float:left !important;
	font-size:18px !important;
	font-family:"Open Sans", Arial, sans-serif;
}

#sidebar-buttons .green_button {
	margin-left:4% !important;
	height:52px !important;
	line-height:46px !important;
}

.discount {
	background:#f7fff0;
	color:#5c8d22;
	font-weight:bold;
}

/* HOME */

.home-product {
	text-align:center;
}

.home-product h2 {
	font-size: 22px;
	font-family: "Open Sans", Arial, sans-serif;
	color: #667;
	font-weight: 600;
	margin-bottom: 20px;
}

.home-product-icon {
	width:90px;
	height:90px;
	margin:0 auto;
	color:#dadada;
	border:3px solid #dadada;
	-moz-border-radius:90px;
	-webkit-border-radius:90px;
	border-radius:90px;
	text-align:center;
	font-size:48px;
	margin-bottom:25px;
}

.home-product-icon i {
	line-height:90px;
	height:90px;
}

.home-advantage {
	text-align:center;
	margin-bottom:50px;
}

.home-advantage h6 {
	font-family:"Open Sans", Arial, sans-serif;
	font-size:16px;
	font-weight:600;
	color:#667;
	margin-bottom:15px;
}

.home-advantage i {
	font-size:48px;
	color:#d9d9d9;
}

.home-advantage i {
	margin-bottom:20px;
}

/* HOSTING PLANS */

.home-plan {
	text-align: center;
	margin-bottom: 30px;
	border: 1px solid #e9ecef;
	float: left;
	width: 100%;
	border-radius: 8px;
	transition-property: background-color, box-shadow, transform;
	transition-duration: .5s;
	/*cursor: pointer;*/
}

.home-plan:hover {
    transform: scale(1.05,1.05);
    box-shadow: 0 5px 15px rgba(0,0,0,.07);
}

.home-plan-description {
	padding: 25px 25px 0 25px;
}

.home-plan-description p {
	font-size: 15px;
}

.home-plan h6 {
	font-size: 26px !important;
	font-weight: bold;
	margin-bottom: 25px;
}

.host_plans_list {
	float: left;
	width: 100%;
	padding-left: 0;
	margin-bottom: 15px;
}

.host_plans_list li {
	float: left;
	width: 100%;
	font-size: 15px;
	font-weight: 300;
	/*border-bottom: 1px solid #e9ecef;*/
	padding: 5px;
	list-style-type: none;
}

.host_plans_list i {
	color: #bbbbbb;
}

.host_plans_list li:last-child {
	border-bottom: 0;
}

.host-plan-price {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 26px;
	font-weight: bold;
	padding: 25px 0 25px 0;
	background: #f7f7f7;
}

.host-plan-old-price {
	font-size: 14px;
	color: #bbb;
	float: left;
	width: 100%;
	font-weight: normal;
	text-decoration: line-through;
}

.host-plan-frequency {
	font-size: 14px;
}

.host-plan-frequency-yearly {
	font-size: 16px;
	color: #999;
	font-weight: normal;
	float: left;
	width: 100%;
}

.home-host-button-holder {
	float: left;
	width: 100%;
	text-align: center;
}

.home-host-button-holder .slider-link {
	font-size: 14px;
}

.home-host-advantage, .home-host-advantage .product-image-list {
	color: #dadada !important;
}

.home-host-advantage .product-image-list {
	border: 3px solid #dadada !important;
}

/* SHOTSLIST */

.shotslist {
	float: left;
	width: 130px;
	margin-right: 20px !important;
}

.shotslist img {
	float: left;
	width: 130px;
}

/* TESTIMONIALS */

.home-testimonial {
	float:left;
	width:100%;
	padding:30px;
	background:#FFF;
	border:1px solid #f2f2f2;
	min-height:323px;
}

.home-testimonial-details-holder {
	/*float:left;*/
	width:100%;
}

.home-testimonial-customer {
	font-size:18px;
	font-family:"Open Sans", Arial, sans-serif;
	font-weight:600;
	color:#2699de;
	line-height:26px;
	margin-bottom:3px;
}

.home-testimonial-company {
	font-size:16px;
	font-family:"Open Sans", Arial, sans-serif;
	font-weight:300;
}

.home-testimonial-company a {
	color:#999;
}

/* INNER PAGE */

.col-md-12 {
	position: inherit !important;
}

.col-md-8 ul {
	padding-left:0;
	margin-bottom:30px;
}

.col-md-8 ul li {
	list-style-position:inside;
}

.inner-page.container {
	background:url(../img/column-pixel.png) repeat-y 66.66666667% 0 #FFF;
}

.cart-page {
	background:#FFF;
}

.cart-page #sidebar-cart {
	border-bottom:0;
}

.main-content {
	overflow: hidden;
	padding:30px !important;
}

.page-bg {
	
}

.page-bg video {
	
}

/* Page Title */

.page-title {
	background: url('../img/bg-title.jpg') no-repeat;
	background-size: auto 120%;
	padding-top: 60px;
	padding-bottom: 60px;
	color: #FFF;
	max-height: 185px;
	overflow: hidden;
	font-family: "Open Sans", Arial, sans-serif;	
}

h1.page-title-text {
	font-size:41px !important;
	font-weight:300;
	line-height:55px;
	float:left;
	width:auto;
	margin-right:25px;
	color:#FFF !important;
	margin-bottom:0;
	display:inline-block;
	margin-top:0;
}

h1.page-title-text a,
h1.page-title-text a:link,
h1.page-title-text a:hover,
h1.page-title-text a:focus {
	color: white;
}

.title-sub {
	color: #FFF;
	font-size:18px;
	float:left;
	width:auto;
	line-height:65px;
	margin-left:5px;
	font-weight:300;
}

.account-links {
	float:right;
	width:100%;
	margin-bottom:0;
	padding-left:0;
	white-space:nowrap;
	font-size:16px;
}

.home-account-links-wrapper {
	background: #1e6b99;
	display: block;
	width: 100%;
}

.home-account-links {
	width: 100%;
	margin: 0 auto;
	padding: 25px 0;
	text-align: center;
}

.home-account-links ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

.home-account-links ul li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin: 0 0 0 25px;
}

.home-account-links ul li a,
.home-account-links ul li a:active,
.home-account-links ul li a:link,
.home-account-links ul li a:focus {
	color: white;
	font-size: 100%;
}

.home-account-links ul li a:hover {
	text-decoration: underline !important;
}

/* PAGE ACCOUNT LINKS */

.page-account-links-wrapper,
.page-product-links-wrapper {
	background: #1e6b99;
	display: block;
	width: 100%;
	position: -webkit-sticky;
    position: sticky;
    top: 55px;
    z-index: 99;
}

.page-account-links {
	width: 100%;
	margin: 0 auto;
	padding: 15px 0;
	text-align: center;
}

.page-account-links ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

.page-account-links ul li {
	display: inline-block !important;
	*display: inline;
	*zoom: 1;
	margin: 0 0 0 15px;
}

.page-account-links ul li ul {
}

.page-account-links ul li ul li {
	margin: 0;
}

.page-account-links ul li a,
.page-account-links ul li a:active,
.page-account-links ul li a:link,
.page-account-links ul li a:focus {
	color: white;
	font-size: 100%;
	padding: 5px 15px;
	display: block;
}

.page-account-links ul li a.active {
	background: #1b628c;
}

.page-account-links ul li a:hover {
	background: #185478 !important;
	text-decoration: none;
}

.page-account-links ul li ul li {
	display: block !important;
}

.page-account-links ul li ul li a {
	display: block !important;
}

.page-account-links ul li ul li a:hover,
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
	background: #133d55 !important;
}

.page-account-links ul.nav .open>a,
.page-account-links ul.nav .open>a:focus,
.page-account-links ul.nav .open>a:hover {
    background: #185478 !important;
    border-color: #337ab7
}

.cart-count-new {
	margin-left: 5px;
	background: #FFF;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	width: 24px;
	height: 24px;
	-webkit-font-smoothing: antialiased;
	box-sizing: border-box;
	color: rgb(25, 76, 107);
	display: inline-block;
	font-family: FontAwesome;
	color: #194c6b;
	font-weight: bold;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
}

.cart-count {
	vertical-align: middle;
}

.cart-count-circle {
	color: white;
	font-size: 30px;
	line-height: 32px;
}

.cart-count-number {
	color: #194c6b;
	font-weight: bold;
	font-size: 14px;
	line-height:32px;
	font-family: inherit;
}

.account-links li {
	list-style-type:none;
	float:right;
	width:auto;
	margin-left:20px;
}

.avatar {
	border:2px solid #eaeaea;
}

.account-links li a {
	color:#FFF;
	line-height:65px;
}

.account-links li a:hover {
	text-decoration:underline !important;
}

#pricediv {
	float:left;
	width:auto;
	margin-right:15px;
	padding:12px;
	border:1px solid #e3e3e3;
	font-size:18px;
}

#recurringdiv {
	float:left;
	width:auto;
	margin-top:14px;
}

#renew-form ul li {
	float:left;
	width:100%;
	margin-bottom:20px;
}

.renew-details {
	float:left;
	margin-top:20px;
	margin-bottom:20px;
	width:100%;
}

/* TABLES */

.delete-column {
	max-width:52px !important;
}

table {
	width:100% !important;
	border:1px solid #f2f2f2;
	font-size:15px;
	font-family:"Open Sans", Arial, sans-serif;
}

.products-table {
	text-align:center;
	margin-bottom:30px;
}

table tr td {
	padding:8px;
	border:1px solid #e3e3e3;
}

table tr th {
	background:#1e6b99;
	border:1px solid #1e6b99;
	color:#FFF;
	padding:15px;
	text-align:center;
}

table tr th a {
	color:#FFF;
}

table tr th a:hover {
	color:#a6deff;
}

table .total, table .discount {
	text-align:center;
}

table input[type=text], table select {
	border:1px solid #e3e3e3;
	width:100% !important;
	padding:8px;
	margin:0 auto;
}

table a.icon-times,
table a.delete .fa-times,
a.delete .fa-times {
	color:#d31e1e !important;
}

table .checkcol {
	text-align:center;
}

/* COUPON CODE CART */

.coupon-callout {
	text-align: center;
	border: 3px dashed #ffcd32;
	padding: 30px;
	margin-top: 30px;
	font-size: 1.25em;
}

.coupon-callout .coupon {
	background: #eb088d;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	padding: 3px 6px;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin: 2px;
}

.coupon-callout .discount {
	font-size: 24px;
	font-weight: 600;
	margin: 2px;
}

#cupon-holder {
	float:left;
	width:auto;
	font-size:16px;
	color:#667;
}

#cupon-holder label {
	color:#667;
	margin-right:10px;
	font-weight:normal;
}

/* RECOMMENDED ITEMS */

#recommended-list-form {
	float:left;
	width:100%;
}

.recommended-list {
	float:left;
	width:100%;
	padding-bottom:0;
}

.recommended-list li {
	float:left;
	width:100%;
	margin-bottom:30px;
	list-style-type:none !important;
}

/* CREDIT CARD FORM */

#Card_ExpMonth, #Card_ExpYear {
	width:49%;
	float:left;
}

#Card_ExpMonth {
	margin-right:2%;
}

#card-form {
	float:left;
	width:100%;
}

#card-form label {
	float:left;
	width:100%;
}

#card-form li {
	float:left;
	width:100%;
}

.icon-credit-card {
	display:inline;
	position:relative;
	top:12px;
	left:10px;
}

/* PAYMENTS CART */

#payment-method {
	float:right;
	width:100%;
	margin-bottom:30px;
	padding-top:12px;
}

#payment-method p {
	margin-bottom:12px !important;
}

#payment-method label {
	margin-bottom:0;
	width:auto;
	float:left;
	z-index:9999;
	cursor:pointer;
	padding:17px;
	border:1px solid #f9f9f9;
	transition:all 0.35s ease;
	height:72px;
}

#payment-method label img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
	opacity:0.4;
	transition:all 0.35s ease;
}

.payment-method-holder {
	width:auto;
	float:left;
	border:1px solid #f2f2f2;
	background:#f9f9f9;
}

#cartform .payment-method-holder {
	float:right;
}

#cartform #payment-method {
	text-align:right;
}

.payment-checkbox-holder {
	float:left;
	width:auto;
	padding:3px;
	white-space:nowrap;
}

.payment-method-image {
	float:left;
	width:auto;
	margin-left:12px;
}

#payment-method input[type=radio] {
	visibility: hidden !important;
}

.payment-checkbox input[type=radio] {
	display: none;
}

.payment-checkbox span {
	-webkit-appearance: none;
	background-color: #fafafa;
	border: 1px solid #cacece;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 15px;
	border-radius: 50px;
	float:left;
	position: relative;
	margin-right:12px;
}

.payment-checkbox input[type=radio]:checked + label span:after {
	font-family:FontAwesome;
	content: '\f00c';
	color:#FFF;
	position: absolute;
	background:transparent;
	top: 1px;
	text-shadow: 0px;
	left:5px;
	font-size: 21px;
}

.payment-checkbox input[type=radio]:checked + label span {
	background-color: #8dc800;
	color: #FFF;
	border: 1px solid #8dc800;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);
}

#payment-method .payment-checkbox input[type=radio]:checked + label {
	background:#FFF;
	border:1px solid #e0e0e0;
}

#payment-method .payment-checkbox input[type=radio]:checked + label img {
	-webkit-filter:none;
	filter:none;
	filter:none;
	filter:none;
	opacity:1;
}

.payment-checkbox input[type=radio] + label:active, .payment-checkbox input[type=radio]:checked + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

/* SHOPPING CART */

#cartPaging h2 {
	float:left;
	width:100%;
}

#cartPaging .select2-container {
	width:auto !important;
}

/* FORMS */

.select2-container .select2-selection--single {
	height:auto !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	top:14px !important;
	right:8px !important;
}

.select2-selection {
	-webkit-border-radius:0 !important;
	-moz-border-radius:0 !important;
	border-radius:0 !important;
}

form input[type=text], form select, form textarea, form input[type=password], .select2-selection {
	border:1px solid #e3e3e3 !important;
	padding: 10px;
	font-family:"Open Sans", Arial, sans-serif;
	color:#888;
	width:100%;
}

form select {
	height: 46px;
}

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
	position:relative !important;
	margin-left:0 !important;
}

#main-content .button-green {
	clear:both;
}

form .button-green {
	float:left !important;
}

.button-green {
	color:#FFF;
	background:#4e9700;
	font-size:18px;
	line-height:46px;
	padding: 5px 30px;
	border:0px solid #4e9700;
	margin-bottom:20px;
	font-family:"Open Sans", Arial, sans-serif;
}

.button-green:hover, .butt {
	color:#FFF !important;
	background:#396e00 !important;
}

.button-blue {
	width: auto !important;
	border:0 solid transparent !important;
	padding:5px 30px !important;
	width:20%;
	color:#FFF;
	background:#194c6a;
	font-size:18px;
	font-family:"Open Sans", Arial, sans-serif;
	font-weight:600;
	border:0;
	line-height:46px;
}

.button-grey {
	color:#FFF;
	background:#c1c1c1;
	border: 3px solid #c1c1c1;
	padding:5px 30px !important;
	color:#FFF;
	font-size:18px;
	font-family:"Open Sans", Arial, sans-serif;
	font-weight:600;
	line-height:40px;
	margin-bottom:20px;
}

.button-grey:hover {
	color: #999;
	background: transparent;
	border: 3px solid #e5e5e5 !important;
}

#cartsform {
	max-width:100%;
}

#itemsform table.products-table tr td, #cartsform table.products-table tr td {
	padding: 5px !important;
	font-size: 14px;
}

.checkbox label, .radio label {
	padding-left:10px !important;
}

#already-login, .link-login {
	padding-left:15px;
	line-height:52px;
	font-size:16px;
	height:52px;
}

#recaptcha_table {
	width:auto;
}

#recaptcha_privacy {
	font-size:14px;
	color:#337ab7;
}

.error-message {
	color:#c60c0c;
	padding-top:5px;
}

form label {
	font-weight:normal;
}


/* SOCIAL SIDEBAR */

.sidebar_widget_social {
    float:left;
    width:100%;
    border-bottom:1px solid #f2f2f2;
}

.sidebar_social {
    float:left;
    text-align:center;
    padding:30px;
    width:50%;
}

.sidebar_social i {
    font-size:48px;
    line-height:55px;
}

.sidebar_social:hover i {
    -webkit-animation-name:tada;
    animation-name:tada;
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
}

.sidebar_social span {
    display:inline-block;
    width:100%;
}

.sidebar_social_facebook {
    border-right:1px solid #f2f2f2;
}

.sidebar_social_facebook i {
    color:#3b5998;
}

.sidebar_social_twitter i {
    color:#55acee;
}

.sidebar_social_title {
    font-size:16px;
    font-weight:600;
    font-family:"Open Sans", Arial, sans-serif;
    color:#667;
    margin-bottom:5px;
    margin-top:10px;
}

.sidebar_social_counter {
    font-size:14px;
    font-weight:300;
    font-family:"Open Sans", Arial, sans-serif;
    color:#999;
}

/* PROPAGANDA */

.propaganda_holder {
    float:left;
    width:100%;
    padding:30px;
    border-top:1px solid #f2f2f2;
	margin-top: 30px;
}

.propaganda_text {
    float:left;
    width:65%;
    margin-right:5%;
}

.propaganda_text h2 {
    font-size:24px;
    color:#777;
    font-family:"Open Sans", Arial, sans-serif;
    font-weight:600;
}

.propaganda_holder .button {
    width:30%;
    text-align:center;
    margin-top:30px;
}


/* BLOCKS */

.home-block, 
.space-block {
	padding:80px 0;
}

.heading-block {
	margin: 30px 0;
}

.home-block h4,
.heading-block h4 {
	font-size:48px;
	font-family:"Open Sans", Arial, sans-serif;
	color:#667;
	margin-bottom:15px;
}

.home-block .sub-title {
	font-size:18px;
	font-family:"Open Sans", Arial, sans-serif;
	font-weight:300;
	color:#999;
	margin-bottom:60px;
}

.heading-block .sub-title {
	font-size:18px;
	font-family:"Open Sans", Arial, sans-serif;
	font-weight:300;
	color:#999;
	margin-bottom:40px;
}

.home-testimonials .sub-title {
	margin-bottom:12px;
}

.white-bg {
	background:#FFF;
}

.gray-bg {
	background:#f5f5f5;
}

/* INNER PAGE TESTIMONIALS */

.widefat-page .home-testimonial {
	min-height:362px;
	margin-bottom:30px;
}

 .rating {
    unicode-bidi:bidi-override;
    direction:rtl;
    font-size:18px;
    color:#e3cf7a;
}

.rating span.star:hover {
    cursor:pointer;
}

.home-testimonial-rating {
	float:left;
	width:100%;
	height:30px;
	margin-top:5px;
}

/* PRODUCTS */

.products-list {
	width:100%;
	padding-bottom:45px;
	padding-top:15px;
}

.product-holder {
	width:100%;
	background:#FFF;
	margin-top:30px;
	padding:40px;
	text-align:center;
	max-height:489px !important;
	min-height:489px !important;
}

.product-holder p {
	font-size: 15px;
}

.product-holder h2 {
	font-family: "Open Sans", Arial, sans-serif;
	font-weight: 600;
	font-size: 20px;
	line-height: 36px;
	margin-bottom: 15px;
}

.product-holder h2 a {
	color:#667;
}
.product-holder h2 a:hover {
	color:#1E6B99;
}

.product-price {
	float:left;
	padding:0 25px;
	border:1px solid #dcdcdc;
	color:#999;
	font-size:16px;
	font-family:"Open Sans", Arial, sans-serif;
	font-weight:600;
	line-height:43px;
	height:43px;
	width:111px;
	margin-right:10px;
}

.product-price-block {
	padding: 0 25px;
	border: 1px solid #dcdcdc;
	color: #999;
	font-size: 17px;
	font-family: "Open Sans", Arial, sans-serif;
	font-weight: 600;
	line-height: 40px;
	height: 44px;
	width: 111px;
	margin-right: 10px;
	display: inline-block;
}

.product-holder .green_button {
	max-height:50px;
	font-size:16px;
	padding:0;
	line-height:44px;
	width:106px;
}

.product-holder .download_button {
	padding:0 !important;
}

.product-holder .orderform {
	float:left;
	width:auto;
}

.product-info-holder {
	display:inline-block;
	width:229px;
	margin:0 auto;
}

.email-image-list {
	margin: 15px auto;
}

.product-image-list {
	display:inline-block;
	width:90px;
	line-height:90px;
	height:90px;
	margin: 15px auto 25px;
	border:3px solid #f2f2f2;
	-moz-border-radius:90px;
	-webkit-border-radius:90px;
	border-radius:90px;
	color:#dadada;
	transition:all 0.35s ease;
    vertical-align:bottom;
}

.product-image-list i {
	line-height:83px;
	font-size:48px;
}

.product-image-list:hover {
	color:#b4b4b4 !important;
	border:3px solid #b4b4b4;
}


h2.extension-title, h2.categories-title {
	font-size:36px;
	color:#999;
	font-family:"Open Sans", Arial, sans-serif;
	margin:0 0 15px !important;
}

h2.extension-title {
	margin:0 0 0 !important;
}

.extension_features img {
	border:3px solid #f2f2f2;
	margin-bottom:8px;
	padding:3px;
}

.category-description {
	margin-bottom:-20px;
}

.extensions-list, .categories-list {
	width:100%;
	padding-top:45px;
}

.categories-list {
	padding-bottom:45px;
}

.extension-more {
	width:100%;
}

.extensions-list-sidebar {
	margin-bottom:20px;
}

/* ADMIN SECTION */

.adminsearch {
	display: block;
	margin: 10px 0 15px 0;
	text-align: left;
}

.adminsearch div,
.adminsearch span {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

#userssearchform select, #userssearchform input[type=text] {
	width:auto;
}

.admin_serial .products-table td {
	font-size: 14px;
	padding: 6px;
}

.versions .custom-form {
	margin-bottom: 70px;
}


/* NEWSLETTER TEMPLATES SIDEBAR */

.newsletter-templates-list {
	padding-bottom:0;
}

.newsletter-templates-list li {
	float:left;
	width:100%;
	margin-bottom:20px;
	position:relative;
}

.newsletter-templates-list li a {
	display:block;
	width:100%;
}

.newsletter-templates-list .extension-icon {
	float:left;
	padding-right:4%;
	max-width:30%;
}

.newsletter-templates-list .extension-name-link {
	float:left;
	width:60%;
	line-height:86px;
}

/* EXTENSIONS */

#extension_box {
	float:left;
	width:auto;
	margin: 10px 30px 0 10px;
}

.extension_features {
	float:left;
	width:100%;
}

.extension_features ul li {
	list-style-type:none;
	width:33%;
	float:left;
	padding-right:4%;
	text-align:center;
}

.extension_features ul li:last-child {
	padding-right:0 !important;
}

.extension_features h3 {
	padding-top: 55px;
	border-top:1px solid #f2f2f2;
	margin-bottom:40px;
}

/* RECOMMENDED LIST */

.recommended-list {
	float:left;
	width:100%;
	padding-left:0;
}

.recommended-list li {
	float:left;
	width:49%;
	border:1px solid #f2f2f2;
	margin-bottom:20px;
}

.recommended-list table, .recommended-list td {
	border:0 !important;
}

.recommended-list li:nth-child(odd) {
	margin-right:2%;
}

.recommended-list-price-inner {
	float:left;
	width:auto;
	padding:10px;
	border:1px solid #f2f2f2;
}

.recommended-list-price-inner label {
	margin-bottom:0;
}

/* PRODUCT SIDEBAR */

#single-price {
	margin-right:4%;
}

#orderform {
	text-align: center;
	display: inline-block;
}

#orderform label {
	width:100%;
	float:left;
	cursor:pointer;
	font-weight:normal;
}

#single-price, #unlimited-price {
	float:left;
	width:48%;
	border:1px solid #f2f2f2;
	padding:20px;
	margin-bottom:20px;
	text-align:center;
	color:#bcbcbc;
	font-family:"Open Sans", Arial, sans-serif;
	font-size:18px;
}

.newsletter-price {
	width:100% !important;
}

#free-plugin {
	/*float:left;*/
	width:100%;
	border:1px solid #f2f2f2;
	padding:20px;
	margin-bottom:20px;
	text-align:center;
	color:#bcbcbc;
	font-family:"Open Sans", Arial, sans-serif;
	font-size:18px;
}

#free-plugin .price {
	/*float:left;*/
	width:100%;
}

.price {
	font-size:32px;
	color:#777;
	font-weight:bold;
	display: block;
}

.price_was {
	text-decoration: line-through;
}

.price-onceoff {
	font-size:14px;
}

/* REFUND BOX */

.refund_box {
	float:left;
	width:100%;
	border:1px solid #e6e2c3;
	background:#fffce4;
	padding:5px 12px;
	color:#ae9159;
	margin-bottom:12px;
}

.main-content .refund_box {
	padding:15px 12px;
	font-size:18px;
	margin-bottom:30px;
	text-align:center;
}

/* TESTIMONIALS */

.testimonial {
	float:left;
	width:100%;
	margin-bottom:40px;
	font-family:"Open Sans", Arial, sans-serif;
	font-size:16px;
	line-height:31px;
}

.testimonial .home-testimonial-details-holder {
	font-size:18px;
	margin-top:10px;
}

.testimonial .home-testimonial-details-holder .home-testimonial-details {
	margin-left:2%;
}

.more-testimonials {
	font-size:14px;
	display:inline-block;
	line-height:24px;
	padding:0 8px;
	background:#f2f2f2;
	color:#999;
	font-weight:normal;
	position:relative;
	top:-4px;
	margin-left:5px;
}

.home-testimonial-view-all {
	display:block;
	width:150px;
	margin:0 auto;
	padding:12px;
	font-size:18px;
	text-align:center;
	font-family:"Open Sans", Arial, sans-serif;
	margin-bottom:60px;
}

/* WIDEFAT */

.widefat-page {
	background:#FFF;
}

/* PRODUCTS TABLE */

.products-table tr td {
	text-align:center;
}

.products-table small {
	white-space:nowrap;
}

.button-upgrade {
	color:#FFF;
	background:#4e9700;
	font-size:12px;
	line-height:24px;
	padding:5px 9px;
	text-transform:uppercase;
	font-weight:bold;
	margin-top:6px;
	margin-bottom:6px;
	display:inline-block;
	border-radius: 25px;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
}

.button-upgrade:hover {
	color:#FFF !important;
	background:#396e00 !important;
}

.button-renew {
	color:#FFF;
	background:#194c6a;
	font-size:12px;
	line-height:24px;
	padding:5px 9px;
	text-transform:uppercase;
	font-weight:bold;
	margin-top:6px;
	margin-bottom:6px;
	display:inline-block;
	white-space:nowrap;
	border-radius: 25px;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
}

.button-renew:hover {
	color:#FFF !important;
	background:#0e364d !important;
}

.product-table-key {
	white-space:nowrap;
}

.products-table input[type=text].quantity {
	width:40px !important;
	text-align:center;
}

/* PRODUCT TABS */

#tabs-nav {
	float:left;
	padding-left:0;
	width:100%;
	background:#194c6a;
	margin-bottom:0;
}

#tabs-nav li {
	float:left;
	list-style-type:none;
	width:auto;
}

#tabs-nav li a {
	display:inline-block;
	width:auto;
	height:60px;
	line-height:60px;
	padding:0 25px;
	background:#194c6a;
	color:#a8c8d9;
}

#tabs-nav li.active a {
	background:#1e6b99;
}

h3.tab-header {
	height:120px;
	line-height:120px;
	background:#1e6b99;
	padding-left:30px;
	font-family:"Open Sans", Arial, sans-serif;
	color:#FFF !important;
	margin-top:0;
	margin-bottom:30px;
	font-size:36px;
}
@media only screen and (max-width: 600px) {
	h3.tab-header {
		font-size:23px;
	}
}

#tabs-container {
	float:left;
	width:100%;
}

.tabs-content ul {
	padding-left:10px;
	float:left;
	width:100%;
}

.tabs-content .features li {
	float:left;
	width:46%;
	line-height:30px;
	list-style-type:none;
}

.tabs-content ul.screenshots li {
	float:left;
	width:100%;
	margin-bottom:15px;
	list-style-position:inside;
	list-style-type:none;
	position:relative;
}

.tabs-content ul.examples li {
	float:left;
	width:33.3%;
	text-align:center;
	margin-bottom:15px;
	list-style-position:inside;
	list-style-type:none;
	position:relative;
}

.examples li a {
	display:block;
	position:relative;
}

.examples li img {
	width:186px;
	height:139px;
	background:white;
	border:3px solid #f2f2f2;
	padding: 3px;
}

.examples .screenshot-text h4 {
	font-size:12px;
	line-height:21px;
	margin-top:8px;
}

.examples .screenshot-text {
	float:left;
	width:100%;
	text-align:center;
}

.screenshot-text h4 {
	margin-top:0;
}

.product_text_block_left img {
	float:left;
}

.product_text_block_left .product_image_link {
	float:left;
}

.product_text_block_right .product_image_link {
	float:right;
}

.product_image_link {
	/* width:220px; */
	/* height:220px; */
	border:3px solid #e3e3e3;
	display:block;
	/* overflow:hidden; */
	position: relative;
	margin-top:20px;
}

.product_image_link img {
	/* width:212px; */
	/* height:180px; */
	/* left:4px; */
	/* top:18px; */
	padding: 3px;
	position:relative;
	overflow:hidden;
	display:block;
	border:none;
}

.product_text_block_right .product_text_holder {
	float:left;
	width:490px;
	padding-right:20px;
}

.product_text_block_left .product_text_holder {
	float:right;
	width:490px;
	padding-left:20px;
}

.product_text_block {
	float:left;
	width:100%;
	padding-bottom:30px;
}


/* Product Video */
.product_video {
	display: block;
}

.product_video_thumbnail_link {
	position: relative;
	display: block;
}

img.product_video_thumbnail {
	width: 100%;
}

.product_video_thumbnail_link .zoom_hover {
	display: block;
	top: 50px;
	left: 120px;
}

.product_video_thumbnail_link:hover .zoom_hover {
	color: white;
}

/* PARTNERS */

.list-partners {
	float:left;
	width:100%;
	padding-left:0;
}

.list-partners li {
	float: left;
	width: 100%;
	list-style-type: none;
	margin-bottom: 40px;
	padding: 20px 10px 20px 10px;
	border: 1px solid #f2f2f2;
}

.list-partners .plugin-list-text {
	float:left;
	width:75%;
}

.list-partners .plugin-list-text p {
	margin-bottom:12px !important;
}

.partner-logo {
	float:left;
	width:25%;
}

div.product_box {
	float: left;
	margin: 10px 30px 0 10px !important;
}


/* PAGINATION */

.pagination {
	float: left;
	width: 100%;
}

.pagination span, .pagination a {
	float: left;
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	background: #f6f6f6;
	margin-right: 3px;
	color: #999;
}

.pagination span.current {
	background: #dfdfdf;
	padding-left: 4px;
	padding-right: 4px;
}

.pagination span:hover, .pagination a:hover {
	color: #23527c;
}

.info-pagination {
	float:left;
	width:100%;
	margin-bottom:15px;
	font-family:"Open Sans", Arial, sans-serif;
	font-size:15px;
	color:#999;
}

.pagination #pagination-next, .pagination #pagination-prev {
	font-size:16px;
}

.pagination i {
	background: #fff;
	line-height: 32px;
	height: 32px;
	padding-left: 8px;
	padding-right: 8px;
}

/* CONTROL PANEL */

.panel-link {
	font-size:18px;
	line-height:20px;
	font-weight:bold;
	padding-bottom:4px;
	display:block;
}

form {
	/*padding-bottom: 35px;*/
}

form#subscribe-form {
	padding: 0 0 0 0 !important;
}

form ul {
	padding-left:0;
	padding-bottom:10px;
}

form ul li {
	list-style-type:none;
}

form ul li {
	margin-bottom:20px;
}

form label {
	margin-bottom:2px;
}

/*** custom radio buttons ***/
 label > input[type=radio] {
     position: relative;
	 margin: 2px 0 0 0 !important;
	 vertical-align: top;
	 cursor: pointer;
	 color: #aaa;
	 -moz-appearance:none;
-webkit-appearance:none;
-o-appearance:none;
}

label > input[type=radio][disabled] {
	color: #ccc;
}

/* to hide the checkbox itself */
 label > input[type=radio]:before {
	 width: 100%;
	 height: 100%;
    background-color: #FFFFFF;
	 cursor: pointer;
    font-family: FontAwesome;
    display: inline-block;
    content:"\f10c";
	 letter-spacing: 5px;
	 font-size: 20px;
}
/* space between checkbox and label */
 label > input[type=radio]:checked:before {
     font-family: FontAwesome;
    display: inline-block;
    content:"\f192";
    letter-spacing: 5px;
    color: #667;
}
/* allow space for check mark */

/*** custom checkboxes ***/
label > input[type=checkbox] {
     position: relative;
	 margin: 2px 0 0 0 !important;
	 vertical-align: top;
	 cursor: pointer;
	 color: #aaa;
	 -moz-appearance:none;
-webkit-appearance:none;
-o-appearance:none;
}

th label > input[type=checkbox] {
	color: #efefef;
}

label > input[type=checkbox][disabled] {
	color: #ccc;
}

/* to hide the checkbox itself */
label > input[type=checkbox]:before {
	 width: 100%;
	 height: 100%;
	   background-color: #FFF;
	 cursor: pointer;
	   font-family: FontAwesome;
	   display: inline-block;
	   content:"\f096";
	 letter-spacing: 10px;
	 font-size: 20px;
}

th label > input[type=checkbox]:before {
	background-color: transparent;
}

/* space between checkbox and label */
label > input[type=checkbox]:checked:before {
     font-family: FontAwesome;
    display: inline-block;
    content:"\f046";
    letter-spacing: 7px;
    color: #667;
}

th label > input[type=checkbox]:checked:before {
	color: #FFF;
}

.checkbox input[type=checkbox] {
	position: absolute;
	left: -9999px;
}

input[type=checkbox] + label {
	margin-left: -20px;
}

input[type=checkbox] + label:before {
	font-family: FontAwesome;
	content:"\f096";
	font-size: 20px;
	letter-spacing: 10px;
	display: inline-block;
	vertical-align: middle;
	color: #aaa;
}

input[type=checkbox]:focus + label:before,
label > input[type=checkbox]:focus:before {
	color: #999;
}

input[type=checkbox][disabled] + label:before {
	color: #ccc;
}

input[type=checkbox]:checked + label:before {
	font-family: FontAwesome;
	content:"\f046";
	letter-spacing: 7px;
	color: #667;
}
/* allow space for check mark */

/* FLASH MESSAGE */

#flashMessage:before {
	font-family: FontAwesome;
	content:"\f05a\ ";
	font-size:16px;
}

#flashMessage {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	padding:12px;
	background:#fbec88;
	color:#363636;
	border-bottom:1px solid #fad42e;
	text-align:center;
	z-index:9000;
}

#flashMessage.flash_error:before,
#flashMessage.flash_success:before {
	content:"" !important;
}

#flashMessage.flash_error {
	border-bottom: 1px solid #cd0a0a;
	background: #e14f1c;
	color: #ffffff;
}

#flashMessage.flash_success {
	border-bottom: 1px solid #acdd4a;
	background: #6eac2c;
	color: #ffffff;
}

/* BREADCRUMBS */

#breadcrumbs {
	float:left;
	width:100%;
	margin-bottom:25px;
	font-family:"Open Sans", Arial, sans-serif;
}

#crumbsinside {
	font-size:16px;
	font-family:"Open Sans", Arial, sans-serif;
	color:#999;
	line-height:30px;
}

/* SCREENSHOT ZOOM */

.zoom_hover {
	width:50px;
	height:50px;
	/* background:url('../img/zoom-hover.png') no-repeat; */
	color: #aaa;
	position:absolute;
	top:70px;
	left:90px;
	font-size: 48px;
	/* text-indent:-9999px; */
	z-index:98;
	display:none;
}

ul.screenshots li a .zoom_hover {
	top: 35px;
	left: 45px;
	font-size: 36px;
}

ul.examples li a .zoom_hover {
	top: 45px;
	left: 90px;
	font-size: 48px;
}

a.product_image_link:hover .zoom_hover,
ul.screenshots li a:hover .zoom_hover,
ul.examples li a:hover .zoom_hover {
	display: block;
}

.tabs-content ul.screenshots li:hover .zoom-image {
	display:block;
}

.screenshots li img {
	float:left;
	width:125px;
	height:100px;
	border-radius:3px;
	padding: 3px;
	margin-right:15px;
	border:3px solid #f2f2f2;
	background:white;
}

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

.bx-wrapper {
	position:relative;
	margin:0 auto;
	padding:0;
	*zoom:1;
	text-align:center;
}

.bx-wrapper img {
	max-width:100%;
	display:block;
}

.bx-wrapper h2, .bx-wrapper p {
	color:#FFF !important;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	-webkit-transform:translatez(0);
	-moz-transform:translatez(0);
	-ms-transform:translatez(0);
	-o-transform:translatez(0);
	transform:translatez(0);
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height:50px;
	background:url(../img/bx_loader.gif) center center no-repeat #fff;
	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:#667;
	padding-top:20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display:inline-block;
	*zoom:1;
	*display:inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background:#667;
	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 {
	background:#000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left:10px;
	background:url(../img/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right:10px;
	background:url(../img/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position:0 0;
}

.bx-wrapper .bx-next:hover {
	background-position:-43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position:absolute;
	top:50%;
	margin-top:-77px;
	outline:0;
	width:32px;
	height:32px;
	text-indent:-9999px;
}

.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(../img/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 {
	background-position:-86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display:block;
	text-indent:-9999px;
	width:9px;
	height:11px;
	outline:0;
	background:url(../img/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 {
	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:#667;
	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;
}

/* ANIMATIONS */

.animated {
  -webkit-animation-duration:1s;
          animation-duration:1s;
  -webkit-animation-fill-mode:both;
          animation-fill-mode:both;
}

.animated.infinite {
  -webkit-animation-iteration-count:infinite;
          animation-iteration-count:infinite;
}

.animated.hinge {
  -webkit-animation-duration:2s;
          animation-duration:2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform:translate3d(0,0,0);
            transform:translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform:translate3d(0, -30px, 0);
            transform:translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.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 {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform:translate3d(0,0,0);
            transform:translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform:translate3d(0, -30px, 0);
            transform:translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.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;
      -ms-transform-origin:center bottom;
          transform-origin:center bottom;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity:1;
  }

  25%, 75% {
    opacity:0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity:1;
  }

  25%, 75% {
    opacity:0;
  }
}

.flash {
  -webkit-animation-name:flash;
          animation-name:flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform:scale3d(1, 1, 1);
            transform:scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform:scale3d(1.05, 1.05, 1.05);
            transform:scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform:scale3d(1, 1, 1);
            transform:scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform:scale3d(1, 1, 1);
            transform:scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform:scale3d(1.05, 1.05, 1.05);
            transform:scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform:scale3d(1, 1, 1);
            transform:scale3d(1, 1, 1);
  }
}

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

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform:scale3d(1, 1, 1);
            transform:scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform:scale3d(1.25, 0.75, 1);
            transform:scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform:scale3d(0.75, 1.25, 1);
            transform:scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform:scale3d(1.15, 0.85, 1);
            transform:scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform:scale3d(.95, 1.05, 1);
            transform:scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform:scale3d(1.05, .95, 1);
            transform:scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform:scale3d(1, 1, 1);
            transform:scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform:scale3d(1, 1, 1);
            transform:scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform:scale3d(1.25, 0.75, 1);
            transform:scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform:scale3d(0.75, 1.25, 1);
            transform:scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform:scale3d(1.15, 0.85, 1);
            transform:scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform:scale3d(.95, 1.05, 1);
            transform:scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform:scale3d(1.05, .95, 1);
            transform:scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform:scale3d(1, 1, 1);
            transform:scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name:rubberBand;
          animation-name:rubberBand;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform:translate3d(0, 0, 0);
            transform:translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform:translate3d(-10px, 0, 0);
            transform:translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform:translate3d(10px, 0, 0);
            transform:translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform:translate3d(0, 0, 0);
            transform:translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform:translate3d(-10px, 0, 0);
            transform:translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform:translate3d(10px, 0, 0);
            transform:translate3d(10px, 0, 0);
  }
}

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

@-webkit-keyframes swing {
  20% {
    -webkit-transform:rotate3d(0, 0, 1, 15deg);
            transform:rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform:rotate3d(0, 0, 1, -10deg);
            transform:rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform:rotate3d(0, 0, 1, 5deg);
            transform:rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform:rotate3d(0, 0, 1, -5deg);
            transform:rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform:rotate3d(0, 0, 1, 0deg);
            transform:rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform:rotate3d(0, 0, 1, 15deg);
            transform:rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform:rotate3d(0, 0, 1, -10deg);
            transform:rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform:rotate3d(0, 0, 1, 5deg);
            transform:rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform:rotate3d(0, 0, 1, -5deg);
            transform:rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform:rotate3d(0, 0, 1, 0deg);
            transform:rotate3d(0, 0, 1, 0deg);
  }
}

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

@-webkit-keyframes tada {
  0% {
    -webkit-transform:scale3d(1, 1, 1);
            transform:scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
            transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform:scale3d(1, 1, 1);
            transform:scale3d(1, 1, 1);
  }
}

@keyframes tada {
  0% {
    -webkit-transform:scale3d(1, 1, 1);
            transform:scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
            transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform:scale3d(1, 1, 1);
            transform:scale3d(1, 1, 1);
  }
}

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform:none;
            transform:none;
  }

  15% {
    -webkit-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform:none;
            transform:none;
  }
}

@keyframes wobble {
  0% {
    -webkit-transform:none;
            transform:none;
  }

  15% {
    -webkit-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform:none;
            transform:none;
  }
}

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

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity:0;
    -webkit-transform:scale3d(.3, .3, .3);
            transform:scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform:scale3d(1.1, 1.1, 1.1);
            transform:scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform:scale3d(.9, .9, .9);
            transform:scale3d(.9, .9, .9);
  }

  60% {
    opacity:1;
    -webkit-transform:scale3d(1.03, 1.03, 1.03);
            transform:scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform:scale3d(.97, .97, .97);
            transform:scale3d(.97, .97, .97);
  }

  100% {
    opacity:1;
    -webkit-transform:scale3d(1, 1, 1);
            transform:scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity:0;
    -webkit-transform:scale3d(.3, .3, .3);
            transform:scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform:scale3d(1.1, 1.1, 1.1);
            transform:scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform:scale3d(.9, .9, .9);
            transform:scale3d(.9, .9, .9);
  }

  60% {
    opacity:1;
    -webkit-transform:scale3d(1.03, 1.03, 1.03);
            transform:scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform:scale3d(.97, .97, .97);
            transform:scale3d(.97, .97, .97);
  }

  100% {
    opacity:1;
    -webkit-transform:scale3d(1, 1, 1);
            transform:scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name:bounceIn;
          animation-name:bounceIn;
  -webkit-animation-duration:.75s;
          animation-duration:.75s;
}

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity:0;
    -webkit-transform:translate3d(0, -3000px, 0);
            transform:translate3d(0, -3000px, 0);
  }

  60% {
    opacity:1;
    -webkit-transform:translate3d(0, 25px, 0);
            transform:translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform:translate3d(0, -10px, 0);
            transform:translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform:translate3d(0, 5px, 0);
            transform:translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform:none;
            transform:none;
  }
}

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity:0;
    -webkit-transform:translate3d(0, -3000px, 0);
            transform:translate3d(0, -3000px, 0);
  }

  60% {
    opacity:1;
    -webkit-transform:translate3d(0, 25px, 0);
            transform:translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform:translate3d(0, -10px, 0);
            transform:translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform:translate3d(0, 5px, 0);
            transform:translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform:none;
            transform:none;
  }
}

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

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity:0;
    -webkit-transform:translate3d(-3000px, 0, 0);
            transform:translate3d(-3000px, 0, 0);
  }

  60% {
    opacity:1;
    -webkit-transform:translate3d(25px, 0, 0);
            transform:translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform:translate3d(-10px, 0, 0);
            transform:translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform:translate3d(5px, 0, 0);
            transform:translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform:none;
            transform:none;
  }
}

@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity:0;
    -webkit-transform:translate3d(-3000px, 0, 0);
            transform:translate3d(-3000px, 0, 0);
  }

  60% {
    opacity:1;
    -webkit-transform:translate3d(25px, 0, 0);
            transform:translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform:translate3d(-10px, 0, 0);
            transform:translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform:translate3d(5px, 0, 0);
            transform:translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform:none;
            transform:none;
  }
}

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

@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity:0;
    -webkit-transform:translate3d(3000px, 0, 0);
            transform:translate3d(3000px, 0, 0);
  }

  60% {
    opacity:1;
    -webkit-transform:translate3d(-25px, 0, 0);
            transform:translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform:translate3d(10px, 0, 0);
            transform:translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform:translate3d(-5px, 0, 0);
            transform:translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform:none;
            transform:none;
  }
}

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity:0;
    -webkit-transform:translate3d(3000px, 0, 0);
            transform:translate3d(3000px, 0, 0);
  }

  60% {
    opacity:1;
    -webkit-transform:translate3d(-25px, 0, 0);
            transform:translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform:translate3d(10px, 0, 0);
            transform:translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform:translate3d(-5px, 0, 0);
            transform:translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform:none;
            transform:none;
  }
}

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

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity:0;
    -webkit-transform:translate3d(0, 3000px, 0);
            transform:translate3d(0, 3000px, 0);
  }

  60% {
    opacity:1;
    -webkit-transform:translate3d(0, -20px, 0);
            transform:translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform:translate3d(0, 10px, 0);
            transform:translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform:translate3d(0, -5px, 0);
            transform:translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform:translate3d(0, 0, 0);
            transform:translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity:0;
    -webkit-transform:translate3d(0, 3000px, 0);
            transform:translate3d(0, 3000px, 0);
  }

  60% {
    opacity:1;
    -webkit-transform:translate3d(0, -20px, 0);
            transform:translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform:translate3d(0, 10px, 0);
            transform:translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform:translate3d(0, -5px, 0);
            transform:translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform:translate3d(0, 0, 0);
            transform:translate3d(0, 0, 0);
  }
}

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

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform:scale3d(.9, .9, .9);
            transform:scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity:1;
    -webkit-transform:scale3d(1.1, 1.1, 1.1);
            transform:scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity:0;
    -webkit-transform:scale3d(.3, .3, .3);
            transform:scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform:scale3d(.9, .9, .9);
            transform:scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity:1;
    -webkit-transform:scale3d(1.1, 1.1, 1.1);
            transform:scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity:0;
    -webkit-transform:scale3d(.3, .3, .3);
            transform:scale3d(.3, .3, .3);
  }
}

.bounceOut {
  -webkit-animation-name:bounceOut;
          animation-name:bounceOut;
  -webkit-animation-duration:.75s;
          animation-duration:.75s;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform:translate3d(0, 10px, 0);
            transform:translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity:1;
    -webkit-transform:translate3d(0, -20px, 0);
            transform:translate3d(0, -20px, 0);
  }

  100% {
    opacity:0;
    -webkit-transform:translate3d(0, 2000px, 0);
            transform:translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform:translate3d(0, 10px, 0);
            transform:translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity:1;
    -webkit-transform:translate3d(0, -20px, 0);
            transform:translate3d(0, -20px, 0);
  }

  100% {
    opacity:0;
    -webkit-transform:translate3d(0, 2000px, 0);
            transform:translate3d(0, 2000px, 0);
  }
}

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

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity:1;
    -webkit-transform:translate3d(20px, 0, 0);
            transform:translate3d(20px, 0, 0);
  }

  100% {
    opacity:0;
    -webkit-transform:translate3d(-2000px, 0, 0);
            transform:translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity:1;
    -webkit-transform:translate3d(20px, 0, 0);
            transform:translate3d(20px, 0, 0);
  }

  100% {
    opacity:0;
    -webkit-transform:translate3d(-2000px, 0, 0);
            transform:translate3d(-2000px, 0, 0);
  }
}

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

@-webkit-keyframes bounceOutRight {
  20% {
    opacity:1;
    -webkit-transform:translate3d(-20px, 0, 0);
            transform:translate3d(-20px, 0, 0);
  }

  100% {
    opacity:0;
    -webkit-transform:translate3d(2000px, 0, 0);
            transform:translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity:1;
    -webkit-transform:translate3d(-20px, 0, 0);
            transform:translate3d(-20px, 0, 0);
  }

  100% {
    opacity:0;
    -webkit-transform:translate3d(2000px, 0, 0);
            transform:translate3d(2000px, 0, 0);
  }
}

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

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform:translate3d(0, -10px, 0);
            transform:translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity:1;
    -webkit-transform:translate3d(0, 20px, 0);
            transform:translate3d(0, 20px, 0);
  }

  100% {
    opacity:0;
    -webkit-transform:translate3d(0, -2000px, 0);
            transform:translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform:translate3d(0, -10px, 0);
            transform:translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity:1;
    -webkit-transform:translate3d(0, 20px, 0);
            transform:translate3d(0, 20px, 0);
  }

  100% {
    opacity:0;
    -webkit-transform:translate3d(0, -2000px, 0);
            transform:translate3d(0, -2000px, 0);
  }
}

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

@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

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

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

@-webkit-keyframes fadeInDown {
  0% {
    opacity:0;
    -webkit-transform:translate3d(0, -100%, 0);
            transform:translate3d(0, -100%, 0);
  }

  100% {
    opacity:1;
    -webkit-transform:none;
            transform:none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity:0;
    -webkit-transform:translate3d(0, -100%, 0);
            transform:translate3d(0, -100%, 0);
  }

  100% {
    opacity:1;
    -webkit-transform:none;
            transform:none;
  }
}

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

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity:0;
    -webkit-transform:translate3d(0, -2000px, 0);
            transform:translate3d(0, -2000px, 0);
  }

  100% {
    opacity:1;
    -webkit-transform:none;
            transform:none;
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity:0;
    -webkit-transform:translate3d(0, -2000px, 0);
            transform:translate3d(0, -2000px, 0);
  }

  100% {
    opacity:1;
    -webkit-transform:none;
            transform:none;
  }
}

.fadeInDownBig {
  -webkit-animation-name:fadeInDownBig;
          animation-name:fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity:0;
    -webkit-transform:translate3d(-100%, 0, 0);
            transform:translate3d(-100%, 0, 0);
  }

  100% {
    opacity:1;
    -webkit-transform:none;
            transform:none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity:0;
    -webkit-transform:translate3d(-100%, 0, 0);
            transform:translate3d(-100%, 0, 0);
  }

  100% {
    opacity:1;
    -webkit-transform:none;
            transform:none;
  }
}

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

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity:0;
    -webkit-transform:translate3d(-2000px, 0, 0);
            transform:translate3d(-2000px, 0, 0);
  }

  100% {
    opacity:1;
    -webkit-transform:none;
            transform:none;
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity:0;
    -webkit-transform:translate3d(-2000px, 0, 0);
            transform:translate3d(-2000px, 0, 0);
  }

  100% {
    opacity:1;
    -webkit-transform:none;
            transform:none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name:fadeInLeftBig;
          animation-name:fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity:0;
    -webkit-transform:translate3d(100%, 0, 0);
            transform:translate3d(100%, 0, 0);
  }

  100% {
    opacity:1;
    -webkit-transform:none;
            transform:none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity:0;
    -webkit-transform:translate3d(100%, 0, 0);
            transform:translate3d(100%, 0, 0);
  }

  100% {
    opacity:1;
    -webkit-transform:none;
            transform:none;
  }
}

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

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity:0;
    -webkit-transform:translate3d(2000px, 0, 0);
            transform:translate3d(2000px, 0, 0);
  }

  100% {
    opacity:1;
    -webkit-transform:none;
            transform:none;
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity:0;
    -webkit-transform:translate3d(2000px, 0, 0);
            transform:translate3d(2000px, 0, 0);
  }

  100% {
    opacity:1;
    -webkit-transform:none;
            transform:none;
  }
}

.fadeInRightBig {
  -webkit-animation-name:fadeInRightBig;
          animation-name:fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity:0;
    -webkit-transform:translate3d(0, 100%, 0);
            transform:translate3d(0, 100%, 0);
  }

  100% {
    opacity:1;
    -webkit-transform:none;
            transform:none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity:0;
    -webkit-transform:translate3d(0, 100%, 0);
            transform:translate3d(0, 100%, 0);
  }

  100% {
    opacity:1;
    -webkit-transform:none;
            transform:none;
  }
}

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

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity:0;
    -webkit-transform:translate3d(0, 2000px, 0);
            transform:translate3d(0, 2000px, 0);
  }

  100% {
    opacity:1;
    -webkit-transform:none;
            transform:none;
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity:0;
    -webkit-transform:translate3d(0, 2000px, 0);
            transform:translate3d(0, 2000px, 0);
  }

  100% {
    opacity:1;
    -webkit-transform:none;
            transform:none;
  }
}

.fadeInUpBig {
  -webkit-animation-name:fadeInUpBig;
          animation-name:fadeInUpBig;
}

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

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

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

@-webkit-keyframes fadeOutDown {
  0% {
    opacity:1;
  }

  100% {
    opacity:0;
    -webkit-transform:translate3d(0, 100%, 0);
            transform:translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity:1;
  }

  100% {
    opacity:0;
    -webkit-transform:translate3d(0, 100%, 0);
            transform:translate3d(0, 100%, 0);
  }
}

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

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity:1;
  }

  100% {
    opacity:0;
    -webkit-transform:translate3d(0, 2000px, 0);
            transform:translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity:1;
  }

  100% {
    opacity:0;
    -webkit-transform:translate3d(0, 2000px, 0);
            transform:translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name:fadeOutDownBig;
          animation-name:fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity:1;
  }

  100% {
    opacity:0;
    -webkit-transform:translate3d(-100%, 0, 0);
            transform:translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity:1;
  }

  100% {
    opacity:0;
    -webkit-transform:translate3d(-100%, 0, 0);
            transform:translate3d(-100%, 0, 0);
  }
}

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

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity:1;
  }

  100% {
    opacity:0;
    -webkit-transform:translate3d(-2000px, 0, 0);
            transform:translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity:1;
  }

  100% {
    opacity:0;
    -webkit-transform:translate3d(-2000px, 0, 0);
            transform:translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name:fadeOutLeftBig;
          animation-name:fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity:1;
  }

  100% {
    opacity:0;
    -webkit-transform:translate3d(100%, 0, 0);
            transform:translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity:1;
  }

  100% {
    opacity:0;
    -webkit-transform:translate3d(100%, 0, 0);
            transform:translate3d(100%, 0, 0);
  }
}

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

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity:1;
  }

  100% {
    opacity:0;
    -webkit-transform:translate3d(2000px, 0, 0);
            transform:translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity:1;
  }

  100% {
    opacity:0;
    -webkit-transform:translate3d(2000px, 0, 0);
            transform:translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name:fadeOutRightBig;
          animation-name:fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity:1;
  }

  100% {
    opacity:0;
    -webkit-transform:translate3d(0, -100%, 0);
            transform:translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity:1;
  }

  100% {
    opacity:0;
    -webkit-transform:translate3d(0, -100%, 0);
            transform:translate3d(0, -100%, 0);
  }
}

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

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity:1;
  }

  100% {
    opacity:0;
    -webkit-transform:translate3d(0, -2000px, 0);
            transform:translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity:1;
  }

  100% {
    opacity:0;
    -webkit-transform:translate3d(0, -2000px, 0);
            transform:translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name:fadeOutUpBig;
          animation-name:fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
            transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function:ease-out;
            animation-timing-function:ease-out;
  }

  40% {
    -webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function:ease-out;
            animation-timing-function:ease-out;
  }

  50% {
    -webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function:ease-in;
            animation-timing-function:ease-in;
  }

  80% {
    -webkit-transform:perspective(400px) scale3d(.95, .95, .95);
            transform:perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function:ease-in;
            animation-timing-function:ease-in;
  }

  100% {
    -webkit-transform:perspective(400px);
            transform:perspective(400px);
    -webkit-animation-timing-function:ease-in;
            animation-timing-function:ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
            transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function:ease-out;
            animation-timing-function:ease-out;
  }

  40% {
    -webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function:ease-out;
            animation-timing-function:ease-out;
  }

  50% {
    -webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function:ease-in;
            animation-timing-function:ease-in;
  }

  80% {
    -webkit-transform:perspective(400px) scale3d(.95, .95, .95);
            transform:perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function:ease-in;
            animation-timing-function:ease-in;
  }

  100% {
    -webkit-transform:perspective(400px);
            transform:perspective(400px);
    -webkit-animation-timing-function:ease-in;
            animation-timing-function:ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility:visible;
          backface-visibility:visible;
  -webkit-animation-name:flip;
          animation-name:flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function:ease-in;
            transition-timing-function:ease-in;
    opacity:0;
  }

  40% {
    -webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function:ease-in;
            transition-timing-function:ease-in;
  }

  60% {
    -webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity:1;
  }

  80% {
    -webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform:perspective(400px);
            transform:perspective(400px);
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function:ease-in;
            transition-timing-function:ease-in;
    opacity:0;
  }

  40% {
    -webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function:ease-in;
            transition-timing-function:ease-in;
  }

  60% {
    -webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity:1;
  }

  80% {
    -webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform:perspective(400px);
            transform:perspective(400px);
  }
}

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

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function:ease-in;
            transition-timing-function:ease-in;
    opacity:0;
  }

  40% {
    -webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
            transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function:ease-in;
            transition-timing-function:ease-in;
  }

  60% {
    -webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
            transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity:1;
  }

  80% {
    -webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);
            transform:perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform:perspective(400px);
            transform:perspective(400px);
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function:ease-in;
            transition-timing-function:ease-in;
    opacity:0;
  }

  40% {
    -webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
            transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function:ease-in;
            transition-timing-function:ease-in;
  }

  60% {
    -webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
            transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity:1;
  }

  80% {
    -webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);
            transform:perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform:perspective(400px);
            transform:perspective(400px);
  }
}

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

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform:perspective(400px);
            transform:perspective(400px);
  }

  30% {
    -webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity:1;
  }

  100% {
    -webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity:0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform:perspective(400px);
            transform:perspective(400px);
  }

  30% {
    -webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity:1;
  }

  100% {
    -webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity:0;
  }
}

.flipOutX {
  -webkit-animation-name:flipOutX;
          animation-name:flipOutX;
  -webkit-animation-duration:.75s;
          animation-duration:.75s;
  -webkit-backface-visibility:visible !important;
          backface-visibility:visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform:perspective(400px);
            transform:perspective(400px);
  }

  30% {
    -webkit-transform:perspective(400px) rotate3d(0, 1, 0, -15deg);
            transform:perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity:1;
  }

  100% {
    -webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity:0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform:perspective(400px);
            transform:perspective(400px);
  }

  30% {
    -webkit-transform:perspective(400px) rotate3d(0, 1, 0, -15deg);
            transform:perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity:1;
  }

  100% {
    -webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity:0;
  }
}

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

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);
            transform:translate3d(100%, 0, 0) skewX(-30deg);
    opacity:0;
  }

  60% {
    -webkit-transform:skewX(20deg);
            transform:skewX(20deg);
    opacity:1;
  }

  80% {
    -webkit-transform:skewX(-5deg);
            transform:skewX(-5deg);
    opacity:1;
  }

  100% {
    -webkit-transform:none;
            transform:none;
    opacity:1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);
            transform:translate3d(100%, 0, 0) skewX(-30deg);
    opacity:0;
  }

  60% {
    -webkit-transform:skewX(20deg);
            transform:skewX(20deg);
    opacity:1;
  }

  80% {
    -webkit-transform:skewX(-5deg);
            transform:skewX(-5deg);
    opacity:1;
  }

  100% {
    -webkit-transform:none;
            transform:none;
    opacity:1;
  }
}

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

@-webkit-keyframes lightSpeedOut {
  0% {
    opacity:1;
  }

  100% {
    -webkit-transform:translate3d(100%, 0, 0) skewX(30deg);
            transform:translate3d(100%, 0, 0) skewX(30deg);
    opacity:0;
  }
}

@keyframes lightSpeedOut {
  0% {
    opacity:1;
  }

  100% {
    -webkit-transform:translate3d(100%, 0, 0) skewX(30deg);
            transform:translate3d(100%, 0, 0) skewX(30deg);
    opacity:0;
  }
}

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

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

  100% {
    -webkit-transform-origin:center;
            transform-origin:center;
    -webkit-transform:none;
            transform:none;
    opacity:1;
  }
}

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

  100% {
    -webkit-transform-origin:center;
            transform-origin:center;
    -webkit-transform:none;
            transform:none;
    opacity:1;
  }
}

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

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin:left bottom;
            transform-origin:left bottom;
    -webkit-transform:rotate3d(0, 0, 1, -45deg);
            transform:rotate3d(0, 0, 1, -45deg);
    opacity:0;
  }

  100% {
    -webkit-transform-origin:left bottom;
            transform-origin:left bottom;
    -webkit-transform:none;
            transform:none;
    opacity:1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin:left bottom;
            transform-origin:left bottom;
    -webkit-transform:rotate3d(0, 0, 1, -45deg);
            transform:rotate3d(0, 0, 1, -45deg);
    opacity:0;
  }

  100% {
    -webkit-transform-origin:left bottom;
            transform-origin:left bottom;
    -webkit-transform:none;
            transform:none;
    opacity:1;
  }
}

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

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin:right bottom;
            transform-origin:right bottom;
    -webkit-transform:rotate3d(0, 0, 1, 45deg);
            transform:rotate3d(0, 0, 1, 45deg);
    opacity:0;
  }

  100% {
    -webkit-transform-origin:right bottom;
            transform-origin:right bottom;
    -webkit-transform:none;
            transform:none;
    opacity:1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin:right bottom;
            transform-origin:right bottom;
    -webkit-transform:rotate3d(0, 0, 1, 45deg);
            transform:rotate3d(0, 0, 1, 45deg);
    opacity:0;
  }

  100% {
    -webkit-transform-origin:right bottom;
            transform-origin:right bottom;
    -webkit-transform:none;
            transform:none;
    opacity:1;
  }
}

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

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin:left bottom;
            transform-origin:left bottom;
    -webkit-transform:rotate3d(0, 0, 1, 45deg);
            transform:rotate3d(0, 0, 1, 45deg);
    opacity:0;
  }

  100% {
    -webkit-transform-origin:left bottom;
            transform-origin:left bottom;
    -webkit-transform:none;
            transform:none;
    opacity:1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin:left bottom;
            transform-origin:left bottom;
    -webkit-transform:rotate3d(0, 0, 1, 45deg);
            transform:rotate3d(0, 0, 1, 45deg);
    opacity:0;
  }

  100% {
    -webkit-transform-origin:left bottom;
            transform-origin:left bottom;
    -webkit-transform:none;
            transform:none;
    opacity:1;
  }
}

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

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

  100% {
    -webkit-transform-origin:right bottom;
            transform-origin:right bottom;
    -webkit-transform:none;
            transform:none;
    opacity:1;
  }
}

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

  100% {
    -webkit-transform-origin:right bottom;
            transform-origin:right bottom;
    -webkit-transform:none;
            transform:none;
    opacity:1;
  }
}

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

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin:center;
            transform-origin:center;
    opacity:1;
  }

  100% {
    -webkit-transform-origin:center;
            transform-origin:center;
    -webkit-transform:rotate3d(0, 0, 1, 200deg);
            transform:rotate3d(0, 0, 1, 200deg);
    opacity:0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin:center;
            transform-origin:center;
    opacity:1;
  }

  100% {
    -webkit-transform-origin:center;
            transform-origin:center;
    -webkit-transform:rotate3d(0, 0, 1, 200deg);
            transform:rotate3d(0, 0, 1, 200deg);
    opacity:0;
  }
}

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

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin:left bottom;
            transform-origin:left bottom;
    opacity:1;
  }

  100% {
    -webkit-transform-origin:left bottom;
            transform-origin:left bottom;
    -webkit-transform:rotate3d(0, 0, 1, 45deg);
            transform:rotate3d(0, 0, 1, 45deg);
    opacity:0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin:left bottom;
            transform-origin:left bottom;
    opacity:1;
  }

  100% {
    -webkit-transform-origin:left bottom;
            transform-origin:left bottom;
    -webkit-transform:rotate3d(0, 0, 1, 45deg);
            transform:rotate3d(0, 0, 1, 45deg);
    opacity:0;
  }
}

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

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin:right bottom;
            transform-origin:right bottom;
    opacity:1;
  }

  100% {
    -webkit-transform-origin:right bottom;
            transform-origin:right bottom;
    -webkit-transform:rotate3d(0, 0, 1, -45deg);
            transform:rotate3d(0, 0, 1, -45deg);
    opacity:0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin:right bottom;
            transform-origin:right bottom;
    opacity:1;
  }

  100% {
    -webkit-transform-origin:right bottom;
            transform-origin:right bottom;
    -webkit-transform:rotate3d(0, 0, 1, -45deg);
            transform:rotate3d(0, 0, 1, -45deg);
    opacity:0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name:rotateOutDownRight;
          animation-name:rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin:left bottom;
            transform-origin:left bottom;
    opacity:1;
  }

  100% {
    -webkit-transform-origin:left bottom;
            transform-origin:left bottom;
    -webkit-transform:rotate3d(0, 0, 1, -45deg);
            transform:rotate3d(0, 0, 1, -45deg);
    opacity:0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin:left bottom;
            transform-origin:left bottom;
    opacity:1;
  }

  100% {
    -webkit-transform-origin:left bottom;
            transform-origin:left bottom;
    -webkit-transform:rotate3d(0, 0, 1, -45deg);
            transform:rotate3d(0, 0, 1, -45deg);
    opacity:0;
  }
}

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

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin:right bottom;
            transform-origin:right bottom;
    opacity:1;
  }

  100% {
    -webkit-transform-origin:right bottom;
            transform-origin:right bottom;
    -webkit-transform:rotate3d(0, 0, 1, 90deg);
            transform:rotate3d(0, 0, 1, 90deg);
    opacity:0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin:right bottom;
            transform-origin:right bottom;
    opacity:1;
  }

  100% {
    -webkit-transform-origin:right bottom;
            transform-origin:right bottom;
    -webkit-transform:rotate3d(0, 0, 1, 90deg);
            transform:rotate3d(0, 0, 1, 90deg);
    opacity:0;
  }
}

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

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin:top left;
            transform-origin:top left;
    -webkit-animation-timing-function:ease-in-out;
            animation-timing-function:ease-in-out;
  }

  20%, 60% {
    -webkit-transform:rotate3d(0, 0, 1, 80deg);
            transform:rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin:top left;
            transform-origin:top left;
    -webkit-animation-timing-function:ease-in-out;
            animation-timing-function:ease-in-out;
  }

  40%, 80% {
    -webkit-transform:rotate3d(0, 0, 1, 60deg);
            transform:rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin:top left;
            transform-origin:top left;
    -webkit-animation-timing-function:ease-in-out;
            animation-timing-function:ease-in-out;
    opacity:1;
  }

  100% {
    -webkit-transform:translate3d(0, 700px, 0);
            transform:translate3d(0, 700px, 0);
    opacity:0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin:top left;
            transform-origin:top left;
    -webkit-animation-timing-function:ease-in-out;
            animation-timing-function:ease-in-out;
  }

  20%, 60% {
    -webkit-transform:rotate3d(0, 0, 1, 80deg);
            transform:rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin:top left;
            transform-origin:top left;
    -webkit-animation-timing-function:ease-in-out;
            animation-timing-function:ease-in-out;
  }

  40%, 80% {
    -webkit-transform:rotate3d(0, 0, 1, 60deg);
            transform:rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin:top left;
            transform-origin:top left;
    -webkit-animation-timing-function:ease-in-out;
            animation-timing-function:ease-in-out;
    opacity:1;
  }

  100% {
    -webkit-transform:translate3d(0, 700px, 0);
            transform:translate3d(0, 700px, 0);
    opacity:0;
  }
}

.hinge {
  -webkit-animation-name:hinge;
          animation-name:hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity:0;
    -webkit-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
            transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity:1;
    -webkit-transform:none;
            transform:none;
  }
}

@keyframes rollIn {
  0% {
    opacity:0;
    -webkit-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
            transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity:1;
    -webkit-transform:none;
            transform:none;
  }
}

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  0% {
    opacity:1;
  }

  100% {
    opacity:0;
    -webkit-transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
            transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity:1;
  }

  100% {
    opacity:0;
    -webkit-transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
            transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

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

@-webkit-keyframes zoomIn {
  0% {
    opacity:0;
    -webkit-transform:scale3d(.3, .3, .3);
            transform:scale3d(.3, .3, .3);
  }

  50% {
    opacity:1;
  }
}

@keyframes zoomIn {
  0% {
    opacity:0;
    -webkit-transform:scale3d(.3, .3, .3);
            transform:scale3d(.3, .3, .3);
  }

  50% {
    opacity:1;
  }
}

.zoomIn {
  -webkit-animation-name:zoomIn;
          animation-name:zoomIn;
}

@-webkit-keyframes zoomInDown {
  0% {
    opacity:0;
    -webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
            transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  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(0.175, 0.885, 0.320, 1);
            animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  0% {
    opacity:0;
    -webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
            transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  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(0.175, 0.885, 0.320, 1);
            animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  -webkit-animation-name:zoomInDown;
          animation-name:zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity:0;
    -webkit-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
            transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  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(0.175, 0.885, 0.320, 1);
            animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  0% {
    opacity:0;
    -webkit-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
            transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  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(0.175, 0.885, 0.320, 1);
            animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name:zoomInLeft;
          animation-name:zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  0% {
    opacity:0;
    -webkit-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
            transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  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(0.175, 0.885, 0.320, 1);
            animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  0% {
    opacity:0;
    -webkit-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
            transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  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(0.175, 0.885, 0.320, 1);
            animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  -webkit-animation-name:zoomInRight;
          animation-name:zoomInRight;
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity:0;
    -webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
            transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  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(0.175, 0.885, 0.320, 1);
            animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  0% {
    opacity:0;
    -webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
            transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  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(0.175, 0.885, 0.320, 1);
            animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name:zoomInUp;
          animation-name:zoomInUp;
}

@-webkit-keyframes zoomOut {
  0% {
    opacity:1;
  }

  50% {
    opacity:0;
    -webkit-transform:scale3d(.3, .3, .3);
            transform:scale3d(.3, .3, .3);
  }

  100% {
    opacity:0;
  }
}

@keyframes zoomOut {
  0% {
    opacity:1;
  }

  50% {
    opacity:0;
    -webkit-transform:scale3d(.3, .3, .3);
            transform:scale3d(.3, .3, .3);
  }

  100% {
    opacity:0;
  }
}

.zoomOut {
  -webkit-animation-name:zoomOut;
          animation-name:zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity:1;
    -webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity:0;
    -webkit-transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
            transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin:center bottom;
            transform-origin:center bottom;
    -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 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(0.550, 0.055, 0.675, 0.190);
            animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity:0;
    -webkit-transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
            transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin:center bottom;
            transform-origin:center bottom;
    -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name:zoomOutDown;
          animation-name:zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity:1;
    -webkit-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);
            transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity:0;
    -webkit-transform:scale(.1) translate3d(-2000px, 0, 0);
            transform:scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin:left center;
            transform-origin:left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity:1;
    -webkit-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);
            transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity:0;
    -webkit-transform:scale(.1) translate3d(-2000px, 0, 0);
            transform:scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin:left center;
            transform-origin:left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name:zoomOutLeft;
          animation-name:zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity:1;
    -webkit-transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
            transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity:0;
    -webkit-transform:scale(.1) translate3d(2000px, 0, 0);
            transform:scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin:right center;
            transform-origin:right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity:1;
    -webkit-transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
            transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity:0;
    -webkit-transform:scale(.1) translate3d(2000px, 0, 0);
            transform:scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin:right center;
            transform-origin:right center;
  }
}

.zoomOutRight {
  -webkit-animation-name:zoomOutRight;
          animation-name:zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity:1;
    -webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity:0;
    -webkit-transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
            transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin:center bottom;
            transform-origin:center bottom;
    -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 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(0.550, 0.055, 0.675, 0.190);
            animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity:0;
    -webkit-transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
            transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin:center bottom;
            transform-origin:center bottom;
    -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name:zoomOutUp;
          animation-name:zoomOutUp;
}

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform:translateY(-100%);
            transform:translateY(-100%);
    visibility:visible;
  }

  100% {
    -webkit-transform:translateY(0);
            transform:translateY(0);
  }
}

@keyframes slideInDown {
  0% {
    -webkit-transform:translateY(-100%);
            transform:translateY(-100%);
    visibility:visible;
  }

  100% {
    -webkit-transform:translateY(0);
            transform:translateY(0);
  }
}

.slideInDown {
  -webkit-animation-name:slideInDown;
          animation-name:slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform:translateX(-100%);
            transform:translateX(-100%);
    visibility:visible;
  }

  100% {
    -webkit-transform:translateX(0);
            transform:translateX(0);
  }
}

@keyframes slideInLeft {
  0% {
    -webkit-transform:translateX(-100%);
            transform:translateX(-100%);
    visibility:visible;
  }

  100% {
    -webkit-transform:translateX(0);
            transform:translateX(0);
  }
}

.slideInLeft {
  -webkit-animation-name:slideInLeft;
          animation-name:slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform:translateX(100%);
            transform:translateX(100%);
    visibility:visible;
  }

  100% {
    -webkit-transform:translateX(0);
            transform:translateX(0);
  }
}

@keyframes slideInRight {
  0% {
    -webkit-transform:translateX(100%);
            transform:translateX(100%);
    visibility:visible;
  }

  100% {
    -webkit-transform:translateX(0);
            transform:translateX(0);
  }
}

.slideInRight {
  -webkit-animation-name:slideInRight;
          animation-name:slideInRight;
}

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform:translateY(100%);
            transform:translateY(100%);
    visibility:visible;
  }

  100% {
    -webkit-transform:translateY(0);
            transform:translateY(0);
  }
}

@keyframes slideInUp {
  0% {
    -webkit-transform:translateY(100%);
            transform:translateY(100%);
    visibility:visible;
  }

  100% {
    -webkit-transform:translateY(0);
            transform:translateY(0);
  }
}

.slideInUp {
  -webkit-animation-name:slideInUp;
          animation-name:slideInUp;
}

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform:translateY(0);
            transform:translateY(0);
  }

  100% {
    visibility:hidden;
    -webkit-transform:translateY(100%);
            transform:translateY(100%);
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform:translateY(0);
            transform:translateY(0);
  }

  100% {
    visibility:hidden;
    -webkit-transform:translateY(100%);
            transform:translateY(100%);
  }
}

.slideOutDown {
  -webkit-animation-name:slideOutDown;
          animation-name:slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform:translateX(0);
            transform:translateX(0);
  }

  100% {
    visibility:hidden;
    -webkit-transform:translateX(-100%);
            transform:translateX(-100%);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform:translateX(0);
            transform:translateX(0);
  }

  100% {
    visibility:hidden;
    -webkit-transform:translateX(-100%);
            transform:translateX(-100%);
  }
}

.slideOutLeft {
  -webkit-animation-name:slideOutLeft;
          animation-name:slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform:translateX(0);
            transform:translateX(0);
  }

  100% {
    visibility:hidden;
    -webkit-transform:translateX(100%);
            transform:translateX(100%);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform:translateX(0);
            transform:translateX(0);
  }

  100% {
    visibility:hidden;
    -webkit-transform:translateX(100%);
            transform:translateX(100%);
  }
}

.slideOutRight {
  -webkit-animation-name:slideOutRight;
          animation-name:slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform:translateY(0);
            transform:translateY(0);
  }

  100% {
    visibility:hidden;
    -webkit-transform:translateY(-100%);
            transform:translateY(-100%);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform:translateY(0);
            transform:translateY(0);
  }

  100% {
    visibility:hidden;
    -webkit-transform:translateY(-100%);
            transform:translateY(-100%);
  }
}

.slideOutUp {
  -webkit-animation-name:slideOutUp;
          animation-name:slideOutUp;
}

/* Retina Stuff */

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2) {
	#logo-footer {
		background:url(../img/logo_footer_flat@2x.png) no-repeat;
		background-size:175px;
	}
}

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position: absolute;
top: 0;
left: 0;
z-index: 9999;
overflow: hidden;
border-bottom:21px solid #FFF;
}

#cboxOverlay {
	border-bottom: none !important;
}

#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/*
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/

#cboxOverlay{background:#000;}
#colorbox{outline:0;}
#cboxContent{margin-top: 40px;
background: white;
padding: 21px 0 0 0;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{ }
#cboxTitle{position: absolute;
top: -24px;
left: -11px;
color: #ccc;
font-size: 110%;
font-weight: bold;
}
#cboxCurrent{position: absolute;
top: -24px;
right: 11px;
color: #ccc;
font-size: 110%;
}
#cboxLoadingGraphic{background:url(../img/ajax-loader.gif) no-repeat center center;}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}

#cboxPrevious, #cboxNext{
	position:absolute;
	margin-top: -38px;
	top:50%;
	width:36px;
	line-height:72px;
	text-align:center;
	height:100px;
	padding: 10px;
	color: #ccc;
	outline: none;
	overflow: hidden;
	vertical-align: middle;
}
#cboxPrevious{
	left: 5px;
}
#cboxPrevious:before{
font-size: 72px;
font-family: FontAwesome;
content: "\f104";
vertical-align: middle;
}
#cboxPrevious:hover{opacity:0.5;}
#cboxNext{
	right: 15px;
}
#cboxNext:before{
font-size: 72px;
font-family: FontAwesome;
content: "\f105";
	vertical-align: middle;
}
#cboxNext:hover{opacity:0.5;}
#cboxClose{
position:absolute;
top: -28px;
right: -21px;
display:block;
width: 24px;
height:24px;
color: #ccc;
outline: 0;
text-align:center;
line-height:24px;
}
#cboxClose:before{
font-family: FontAwesome;
font-size: 24px;
content: "\f00d";
margin: 0 99999px 0 0;
}
#cboxClose:hover{
color: #fff;
}

#cboxTopLeft{/* width: 21px; */
/* height: 21px; */
/* background: white; */}
#cboxTopRight{/* width: 21px; */
/* height: 21px; */
/* background: white; */}
#cboxBottomLeft{width:21px; height:21px; background:white;}
#cboxBottomRight{width:21px; height:21px; background:white;}
#cboxMiddleLeft{width: 21px;
background: white;
margin-top: 40px;
padding-bottom: 21px;}
#cboxMiddleRight{width: 21px;
background: white;
margin-top: 40px;
padding-bottom: 21px;}
#cboxTopCenter{/* height: 21px; */
/* background: white; */}
#cboxBottomCenter{height:21px; background:white;}

/*#cboxOverlay{background:url(../img/colorbox/overlay.png) repeat 0 0;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -100px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -129px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -100px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -129px -29px;}
    #cboxMiddleLeft{width:21px; background:url(../images/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../images/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../images/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../images/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
    #cboxError{padding:50px; border:1px solid #ccc;}
    #cboxLoadedContent{margin-bottom:28px;}
    #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
    #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
    #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
    #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../images/colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
    #cboxPrevious.hover{background-position:-75px -25px;}
    #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
    #cboxNext.hover{background-position:-50px -25px;}
    #cboxLoadingOverlay{background:url(../img/colorbox/loading_background.png) no-repeat center center;}
    #cboxLoadingGraphic{background:url(../img/colorbox/loading.gif) no-repeat center center;}
    #cboxClose{position:absolute; bottom:0; right:0; background:url(../images/colorbox/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
    #cboxClose.hover{background-position:-25px -25px;}*/

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to IE9.
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
*/
.cboxIE6 #cboxTopLeft{background:url(../img/colorbox/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(../img/colorbox/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(../img/colorbox/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(../img/colorbox/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(../img/colorbox/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(../img/colorbox/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(../img/colorbox/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(../img/colorbox/ie6/borderMiddleRight.png);}

.clear {
	clear: both;
	visibility: hidden;
	height: 0px;
	display: block;
}

.carousel-cell {
	width: 90%; /* full width */
	height: auto; /* height of carousel */
	margin-right: 10px;
	padding: 0 20px;
	z-index: 0;
}

.carousel-cell img {
	width: 100%;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.overflow-visible {
	z-index: 0; 
	overflow: visible;
}

.overflow-visible .flickity-viewport {
	overflow: visible; 
}

.overflow-visible .carousel-cell:not(.is-selected) > * {
	opacity: .05;
	pointer-events: none;
	transform: scale(0.9); 
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
}

.overflow-hidden {
	overflow: hidden;
}

/*#product-slider .card {
	box-shadow: 1px 1px 5px rgba(0,0,0,.05), -1px -1px 5px rgba(0,0,0,.05);
}*/

.card {
	margin-bottom: 1.5em;
}

/*.card, .card-header, .card-header:first-child {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}*/ 

a.card {
	box-shadow: 0px 0px 0px transparent;
  transition: transform .2s ease, box-shadow .2s ease;
}

a.card:hover {
	transform: translateY(-5px);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.08);
}

.title-decorative {
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #adb5bd;
  margin-bottom: 0.75rem;
  display: block;
  font-weight: 500; }
  .title-decorative:last-child {
    margin-bottom: 0; }
    
.section-intro {
  margin-bottom: 1.5rem; }

@media (min-width: 576px) {
  .section-intro {
    margin-bottom: 3rem; } }

.row.align-items-center .section-intro {
  margin-bottom: 0; }

@media (max-width: 767.98px) {
  .row.align-items-center .section-intro {
    margin-bottom: 1.5rem; } }

.section-outro {
  margin-top: 1.5rem; }

@media (min-width: 576px) {
  .section-outro {
    margin-top: 3rem; } }
    
 .uppercase {
	 text-transform: uppercase;
 }
 
 .feature-list, .list-unstyled {
	 padding-left: 0;
    list-style: none;
 }
 
/* Back to Top */

.scroll-back-to-top-wrapper {
    position: fixed;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	text-align: center;
	z-index: 99999999;
    background-color: #777777;
	color: #eeeeee;
	width: 50px;
	height: 50px;
	line-height: 48px;
	right: 20px;
	bottom: 80px;
	padding-top: 2px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.scroll-back-to-top-wrapper:hover {
	background-color: #888888;
  color: #eeeeee;
}
.scroll-back-to-top-wrapper.show {
    visibility:visible;
    cursor:pointer;
	opacity: 1.0;
}

.scroll-back-to-top-wrapper a {
	color: white;
}

.scroll-back-to-top-wrapper i.fa {
	line-height: inherit;
}
.scroll-back-to-top-wrapper .fa-lg {
	vertical-align: 0;
}

.decorative-divider{
  display: block;
  position: relative;
  z-index: 0;
  height: 6rem;
  width: 100%;
}

/* smaller, dark, rounded square */
.flickity-button {
  background: #333;
}
.flickity-button:hover {
  background: #F90;
}

.flickity-prev-next-button {
  width: 30px;
  height: 30px;
  border-radius: 5px;
}
/* icon color */
.flickity-button-icon {
  fill: white;
}
/* position outside */
.flickity-prev-next-button.previous {
  left: -20px;
}
.flickity-prev-next-button.next {
  right: -20px;
}

.grayscale {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

.logo.logo-xlg {
	height: 2.6rem;
	margin-top: 13px;
}

.bg-gray {
	background-color: #f5f5f5;
}

button.nostyle {
	border: none;
	background: none;
}

button.nostyle img {
	border: none;
	background: none;
	max-width: 100%;
}

.creditcards {
	
}

.creditcards img {
	
}