/*
Theme Name: Shopkeeper Child
Theme URI: http://shopkeeper.getbowtied.com/
Description: This is a child theme for Shopkeeper.
Author: Get Bowtied
Author URI: http: //www.getbowtied.com/
Template: shopkeeper
Version: 1.0
*/

@import url("../shopkeeper/style.css");

/****************************************************************/
/*************** ADD YOUR CUSTOM CSS IN THIS AREA ***************/
/****************************************************************/

video {
	object-fit: cover;
}

.vc_column-inner::after, .vc_column-inner::before {
    content: " ";
    display: table;
}

.vc_column_container > .vc_column-inner {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}

.woocommerce ul.products-grid, .woocommerce-page ul.products-grid {
	margin-bottom: 10px;
}

.shop_header.with_featured_img {
	padding-bottom: 0;
}

.shop_header.with_featured_img .shop_header_overlay {
	background: none;
}

#api-add-amount {
    display: inline-block;
    width: 90px;
    height: 100%;
    padding: 0.7rem;
}

#gform_wrapper_2 {
	width: 100%;
	min-width: 200px;
	margin: 0 auto;
	
}

#reveal-form {
	width: 33%;
	min-width: 240px;
	margin: 0 auto;
}

#gform_wrapper_2 input.medium {
	width: 100%;
}

#gform_confirmation_message_2 {
	color: #fff;
}

#gform_submit_button_2 {
	color: #fff;
	font-size: 24px!important;
	font-weight: 600;
	padding: 10px 40px;
	font-family: 'Century Gothic', 'Muli', sans-serif;
}

.red-menu-button {
	/* reveal button */
	color: #fff;
	font-size: 1em;
	font-weight: 300;
	text-align: center;
	background: #b42535;
	text-transform: uppercase;
	padding: 8px 16px;
}

.red-menu-button-mobile {
	color: #fff!important;
	font-size: 1em;
	font-weight: 300;
	text-align: center;
	background: #b42535;
	text-transform: uppercase;
	padding: 8px 16px;
	margin-left: 30px;
}

@media screen and (max-width: 1024px){
	.red-menu-button {
		display: none;
		margin-left: 35px!important;
		width: 160px;
		margin-top: 8px!important;
	}
	.red-menu-button a {
		color: #fff;
	}

}

.red-menu-button a:hover, .red-menu-button-mobile a:hover {
	color: #fff!important;
	text-decoration: underline;
}

.red-sq-button {
	color: #fff;
	font-size: 24px;
	font-weight: 600;
	text-align: center;
	background: #b42535;
	padding: 10px 40px;
	margin: 20px auto;
	display: block;
	max-width: 320px;
}

a.red-sq-button:hover {
	color: #fff!important;
	text-decoration: underline;
}

#downarrow {
	height: 100%;
}

.reveal-skip {
	margin-top: 0!important;
}

a.red-sq-button:hover {
	color: #fff!important;
	text-decoration: underline;
}

.big-text {
 font-size: 24px;
 font-weight: 600;
 text-align: center;
}

#gform_2 label {
	color: #fff;
}

#gform_2 .instruction {
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 500;
	display:none;
}

#gform_2 .gfield_required {
	color: #fff;
	
}

.vr-notice-success {
	color: #67f967 !important;
	font-size: 20px !important;
	width: 100% !important;
	margin: 0 0 10px !important;
	padding: 0 !important;
}

@media only screen and (min-width: 768px){
	.cart-image {
		max-height: 150px;
	}
}

#cart-data img.cart-image {
	padding: 8px;
}

@media only screen and (max-width: 767px){
	#cart-data th, #cart-data td {
		font-size: 14px;
	}

	#min_price_custom {
		width: 100% !important;
	}

	#clear-search {
		width: 100% !important;
		margin-bottom: 10px;
	}
}

.force-flex {
    padding-top: 35px;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	box-sizing: border-box;
}

@font-face{
	font-family: "Century Gothic", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	src: url("/wp-content/themes/shopkeeper-child/fonts/gothic.ttf");
}

p {
	font-weight: 100;
}

.owl-carousel .owl-item .single_wcf_item {
	height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 50px;
}

.owl-carousel .owl-item .single_wcf_item img {
	max-height: 150px;
	width: auto !important;
}

.owl-carousel .owl-controls .owl-pagination {
	display: none !important;
}

.owl-theme .owl-controls .owl-buttons {
	margin-top: -10px;
}

.owl-theme .owl-controls .owl-buttons div {
	font-size: 16px;
    border-radius: 50%;
}

.owl-theme .owl-controls .owl-buttons div.owl-prev {
	left: 0;
}

.owl-theme .owl-controls .owl-buttons div.owl-next {
	right: 0;
}

.main-navigation ul ul li a {
	display: block;
}

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

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

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

.block {
	display: block !important;
}

@-moz-document url-prefix() { 
	.table {
		display: block !important;
	}
}

.small h2 {
	font-size: 20px;
}

.medium {
 	font-size: 150%;
}

.large {
 	font-size: 200%;
}

.xlarge {
 	font-size: 300%;
}

.nopadding, .nopadding .vc_column-inner {
	padding: 0 !important;
}

.nomargin {
	margin: 0;
}

.nomarginbottom {
	margin-bottom: 0;
}

.margin-top-10 {
	margin-top: 10px !important;
}

.margin-top-20 {
	margin-top: 20px !important;
}

.margin-top-30 {
	margin-top: 30px !important;
}

.margin-top-40 {
	margin-top: 40px !important;
}

.margin-top-50 {
	margin-top: 50px !important;
}

.touching .vc_column-inner {
	padding: 0 !important;
}

.touching .wpb_single_image {
	margin-bottom: 0 !important;
}

.fullimage .wpb_wrapper, .fullimage .wpb_single_image, .fullimage .vc_figure, .fullimage .vc_single_image-wrapper, .fullimage img, img.fullimage {
	width: 100%;
	/* height: 100%; */
	height: auto;
}

.white, .white p, .white a {
	color: #fff !important;
}

.black {
	color: #000;
}

.red {
	color: #c3002f;
}

.green {
	color: #65cbc9;
}

.grey {
	color: #555759;
}

.underline {
	text-decoration: underline;
}

.float-left {
	float: left !important;
}

.float-right {
	float: right !important;
}

.half {
	width: 50%;
}

@media only screen and (max-width: 480px){
	.half {
		width: 100%;
		text-align: center;
		padding: 0 !important;
	}

	.menu-reveal-menu {
		display: none!important;
	}
}

.nonbold {
	font-weight: 400;
}

.bold {
	font-weight: 900;
}

.padding-side {
	padding-left: 10px;
	padding-right: 10px;
    margin-bottom: 1.25rem;
    min-height: 202px;
}

@media only screen and (max-width: 40.063em){
	.padding-side {
	    min-height: 260px;
	}
}

@media only screen and (max-width: 480px){
	.padding-side {
	    min-height: 0;
	}
}

.header-title {
	color: #fff;
    display: inline-block;
    padding: 10px 20px;
    margin-top: 0 !important;
    max-width: 500px;
}

.header-title.wide {
	max-width: 800px;
}

.header-title.black {
	background: rgba(0, 0, 0, .6);
}

.header-title.green {
	background: rgba(101, 203, 201, 0.75);
}

.header-title.red {
	background: rgba(195, 0, 47, 0.75);
}

.shop-top {
	padding-top: 5% !important;
}

.shop-top .skip {
	margin-top: 20% !important;
}

.dark-overlay {
	display: inline-block;
	padding: 8px 20px;
	background: rgba(0, 0, 0, 0.6);
	max-width: 1200px;
    margin: 0 auto;
}

.dark-overlay.shortcode_banner_simple_height_inside {
	display: table;
}

.dark-overlay.skinny {
	max-width: 600px;
}

.dark-overlay .vc_separator, .align-center .vc_separator {
	margin-bottom: 0;
}

.green-overlay {
	display: inline-block;
	background: rgba(101, 203, 201, 0.85);
	padding: 8px 20px;
}

.red-overlay {
	display: inline-block;
	background: rgba(195, 0, 47, 0.85);
	padding: 8px 20px;
}

.red-bg .wpb_column:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(195, 0, 47, 0.5);
	width: 100%;
	height: 100%;
}

.red-bg .wpb_column .vc_column-inner {
	z-index: 1;
}

.wpcf7-form-control.wpcf7-submit {
	white-space: pre-line;
}

div.wpcf7-response-output {
	margin: 0 0 1em;
}

.button {
	border-width: 2px;
	border-style: solid;
}

a:hover {
	color: #c3002f !important;
    opacity: 1 !important;
}

a.redbutton, .redbutton a, input[type="submit"].redbutton {
	background-color: #c3002f !important;
	border-color: #c3002f !important;
	color: #fff !important;
}

.redbutton.bordered a, a.redbutton.bordered {
	background-color: #fff !important;
	color: #c3002f !important;
}

.redbutton.red-bordered a, a.redbutton.red-bordered {
	background-color: #fff !important;
	border: 2px solid #c3002f !important;
	color: #c3002f !important;
	padding: 0.55rem !important;
}

a.redbutton:hover, .redbutton a:hover, input[type="submit"].redbutton:hover {
    background-color: #fff !important;
    border-color: #fff !important;
	color: #c3002f !important;
}

.redbutton.bordered a:hover, a.redbutton.bordered:hover, .redbutton.red-bordered a:hover, a.redbutton.red-bordered:hover {
	background-color: #c3002f !important;
	border-color: #c3002f !important;
	color: #fff !important;
}

a.truecourse:hover {
	color: #fba919 !important;
}

blockquote {
	color: #c3002f !important;
}

blockquote p {
	padding-right: 30px;
}

@media only screen and (min-width: 40.063em){
	blockquote p {
	    padding-right: 43px;
	}
}

blockquote:after {
    display: inline-block;
    position: absolute;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

blockquote:after {
    content: "\f10e";
    right: -2px;
    top: 4px;
}

blockquote.teal p {
	font-size: 1.5rem;
}

blockquote.teal:before, blockquote.teal:after {
	color: #65cbc9 !important;
}

blockquote.white:before, blockquote.white:after {
	color: #fff !important;
}

.skip {
	display: block;
	text-align: center;
    margin-top: 25%;
	font-size: 40px;
	clear: both;
}


.home .skip {
    margin-top: 15%;
}

.skip i {
    padding: 10px;
    color: #fff;
	border: 1px solid #fff;
    border-radius: 30px;
}

.skip i:hover {
	background: #fff;
    color: #000;
}

.team .skip {
	 margin-top: 20px;
}
/* 
.team .skip i {
    padding: 10px;
    color: #fff;
	border: 1px solid #fff;
    border-radius: 30px;
}

.team .skip i:hover {
	background: #fff;
    color: #000;
}

*/

.skip.black i {
    color: #000;
	border-color: #000;
}

.skip.black i:hover {
	background: #000;
    color: #fff;
}

.wpb_widgetised_column {
	margin-bottom: 0;
	padding-right: 0;
}

.wpb_widgetised_column .shortcode_icon_box.icon_position_top .icon {
	font-size: 36px;
    line-height: 36px;
}

.wpb_widgetised_column .icon_position_top.icon_style_outlined .icon_wrapper, .wpb_widgetised_column .icon_position_top.icon_style_bg_color .icon_wrapper {
	width: 90px;
    height: 90px;
    padding-top: 27px;
}

.wpb_wrapper .vc_pie_chart .vc_pie_chart_value {
	color: #c3002f;
}

@media only screen and (max-width: 40.063em){
	.wpb_wrapper .vc_pie_chart .vc_pie_chart_value {
		font-size: 1.3125rem;
	}
	.wpb_heading.wpb_pie_chart_heading {
		font-size: .8rem;
	}
}

.wpb_heading.wpb_pie_chart_heading {
	color: #555759;
}

.hover-effect-content .hover-effect-title, .wpb_wrapper h2.hover-effect-title {
	padding-top: 10px;
	background: rgba(0, 0, 0, 0.5);
    margin-bottom: 10px;
}

.vc_btn3.vc_btn3-size-lg.vc_btn3-style-outline {
	padding: 10px 30px;
}

.hover-effect-content .hover-effect-title, .wpb_wrapper h2.hover-effect-title {
	font-size: 1.25rem;
}

.flex-direction-nav a {
	color: #fff;
}

.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading {
	background-color: #c3002f;
}

.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading a {
	color: #fff;
}

.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading a:hover {
	color: #fff !important;
}

.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading a .vc_tta-controls-icon:before {
	color: #fff;
	border-color: #fff;
}

.wpb_widgetised_column shortcode_icon_box.icon_position_top.icon_style_bg_color .icon_wrapper {
	margin-bottom: 0;
}

.vc_btn3.vc_btn3-color-danger.vc_btn3-style-outline {
	color: #c3002f;
    border-color: #c3002f;
}

.vc_btn3.vc_btn3-color-danger.vc_btn3-style-outline:hover {
	opacity: 1;
	border-color: #c3002f;
    background-color: #c3002f;
}

.our-team-gallery .vc_column-inner {
	padding: 0 !important;
}

.our-team-gallery .wpb_column.vc_col-has-fill .vc_column-inner {
	/*padding-top: 16% !important;*/
    /*padding-bottom: 10.8% !important;*/
}

.our-team-gallery .wpb_single_image {
	margin-bottom: 0;
}

.page-id-84 .wpb_single_image.vc_align_center {
	position: relative;
	display: inline-block;
}

.extra-padding {
	padding: 28% 0;
	margin-bottom: 0;
}

.image-overlay {
	background: rgba(0,0,0,0.5);
    position: absolute;
    /* height: 100%; */
	left: 0;
	right: 0;
	/*top: 0;*/
	bottom: 0;
	opacity: 0;
	transition: opacity;
    padding: 20px;
}

.image-overlay.team {
	/* height: auto; */
}

.image-overlay span {
	display: table;
	height: 100%;
	width: 100%;
	text-decoration: none;
	padding: 20px;
}

.image-overlay .team-info-words {
	font-style: italic;
	margin-top: 15px;
}

.wpb_single_image:hover .image-overlay {
	opacity: 1;
	transition-duration: 0.4s;
	transition-timing-function: linear;
}

.image-overlay .team-info-name, .image-overlay .team-info-title, .image-overlay .team-info-words {
	color: #fff;
}

.image-overlay .team-email {
	font-size: 24px;
	color: #fff;
	padding-left: 10px;
}

form.vr-signup-form div.vr-field label {
	color: #ddd;
}

/*@media only screen and (max-device-width: 480px) {
	.image-overlay .team-info-name, .image-overlay .team-info-title, .image-overlay .team-info-words {
		font-size: 20px;
	}
}*/

.site-top-message {
	display: none;
}

.site-social-icons-wrapper {
	float: left;
}

.site-social-icons ul {
	padding: 0 50px 0 0;
}

#site-footer {
	background-image: url('images/footer-background.png') !important;
}

#site-footer a:hover {
	color: #c3002f;
}

.twitter-bubble, .facebook-bubble, .linkedin-bubble {
    padding-left: 15px;
    margin-bottom: 10px;
}

.twitter-bubble:before {
	content: '';
    background-image: url(/wp-content/themes/shopkeeper-child/images/twitter.png);
    position: absolute;
    left: -10px;
    width: 26px;
    height: 26px;
    background-size: 26px 26px;
}

.facebook-bubble:before {
	content: '';
    background-image: url(/wp-content/themes/shopkeeper-child/images/facebook.png);
    position: absolute;
    left: -10px;
    width: 26px;
    height: 26px;
    background-size: 26px 26px;
}

.linkedin-bubble:before {
	content: '';
    background-image: url(/wp-content/themes/shopkeeper-child/images/linkedin.png);
    position: absolute;
    left: -10px;
    width: 26px;
    height: 26px;
    background-size: 26px 26px;
}

@media only screen and (min-width: 80em){
	.main-navigation ul li a {
		padding: 10px 8px;
	}
}

.main-navigation ul li a {
	padding: 10px 8px;
	font-weight: normal;
}

.main-navigation > ul > li:hover > a {
	opacity: 1;
}

.shortcode_icon_box.icon_position_top.icon_style_bg_color .icon_wrapper, .home .shortcode_icon_box.icon_position_top.icon_style_outlined .icon_wrapper {
	margin-bottom: 10px;
}

#site-footer .widget {
	margin-bottom: 30px;
}

.home .shortcode_icon_box {
	padding-bottom: 0;
}

.vex.vex-theme-os .vex-dialog-button {
	min-width: none;
}

.welcomeback_wrapper .welcomeback .gfield_label {
	display: none;
}

.welcomeback_wrapper .welcomeback .ginput_container_radio {
	margin-top: 20px;
}

.welcomeback_wrapper .welcomeback .gform_footer {
	padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
}

.welcomeback_wrapper .welcomeback .gform_footer input[type=submit] {
	margin-bottom: 0;
}

.portfolio-filters .filters-group.list-centered {
	margin-bottom: 40px;
}

.woocommerce .widget_product_categories ul li a:before, .woocommerce-page .widget_product_categories ul li a:before, .widget_product_categories ul li a:before {
	content: none;
}

.woocommerce .widget_product_categories ul li:before, .woocommerce-page .widget_product_categories ul li:before, .widget_product_categories ul li:before {
	content: " ";
    width: 12px;
    height: 12px;
    border-style: solid;
    border-width: 1px;
    margin-right: 5px;
    display: block;
    float: left;
    margin-top: 2px;
    border-radius: 12px;
}

.woocommerce .widget_product_categories ul li a {
    padding-left: 18px;
    display: block;
}

.woocommerce .widget_price_filter h3, .woocommerce .widget_product_categories h3, .woocommerce .widget_color_filter h3, .woocommerce .widget_quantity_filter h3 {
	cursor: pointer;
}

.woocommerce .widget_color_filter .color-item {
	float: left;
    padding-top: 2px;
    padding-right: 5px;
}

.woocommerce .widget_color_filter .color-item a {
    float: left;
    display: block;
	padding: 2px;
	border: 1px solid #fff;
}

.woocommerce .widget_color_filter .color-item a.clicked {
	border: 1px solid #000;
}

.woocommerce .widget_color_filter .color-square {
	width: 20px;
    height: 20px;
    display: block;
    border: #000 solid 1px;
}

.woocommerce .widget_price_filter h3:before, .woocommerce .widget_product_categories h3:before, .woocommerce .widget_color_filter h3:before, .woocommerce .widget_quantity_filter h3:before {
	content: '▶';
	margin-right: 5px;
}

.woocommerce .widget_price_filter h3.clicked:before, .woocommerce .widget_product_categories h3.clicked:before, .woocommerce .widget_color_filter h3.clicked:before, .woocommerce .widget_quantity_filter h3.clicked:before {
	content: '▼';
	margin-right: 5px;
}

.widget_product_search input, .widget_search input {
	padding: 0 35px 0 5px;
}

.product_thumbnail_wrapper:hover .product_thumbnail.with_second_image.second_image_loaded img {
	opacity: 1 !important;
}

.woocommerce ul.products li .product_thumbnail {
	min-height: 150px;
}

.woocommerce ul.products li .product_thumbnail img {
	max-height: 150px;
    display: block;
    width: auto;
    margin: 0 auto;
}

.gallery-columns-4 dl.gallery-item, .gallery-columns-2 dl.gallery-item {
	padding-bottom: 20% !important;
}

.gallery-item:hover {
	cursor: none;
}
.gallery-item:hover img {
	opacity: 1;
}

.portfolio-isotope .portfolio-box:nth-child(3n + 0) .hover-effect-link {
	background-color: #555759;
}

.portfolio-isotope .portfolio-box:nth-child(3n + 1) .hover-effect-link {
	background-color: #c3002f;
}

.portfolio-isotope .portfolio-box:nth-child(3n + 2) .hover-effect-link {
	background-color: #65cbc9;
}

.wpcf7-form p, .wpcf7-form .wpcf7-form-control-wrap {
	margin-top: 0;
	margin-bottom: 10px;
}

.wpcf7-form span.wpcf7-list-item {
	margin-left: 0;
}

.wpcf7-form span.wpcf7-list-item input[type="checkbox"] {
	margin: 0;
}

.modal-header button.close {
	background-color: #65cbc9;
    border-color: #65cbc9;
}

.blog-isotope .thumbnail_archive img {
	min-height: 230px;
	max-height: 270px;
}

body.category .large-12.columns.with-sidebar-left {
	padding-left: 290px;
}

@media only screen and (max-width: 64em){
	body.category .large-12.columns.with-sidebar-left {
	    padding-left: 0;
	}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px)  {
	#site-footer .columns.large-3 {
		width: 50%;
	}
	#site-footer .columns:nth-child(2n+1){
		clear: both;
	}
	.wpb_wrapper .vc_pie_chart .vc_pie_chart_value {
		font-size: 1.2em;
	}
	.wpb_heading.wpb_pie_chart_heading {
		font-size: 0.8em;
    	left: 0;
    	max-width: 100%;
	}
}

.single-post-header.with-thumb .title {
    padding: 275px 0 90px 0 !important;
}
.single-post-header.with-thumb .title h1 {
    font-size: 1.875rem;
}
.single-post-header.with-thumb {
	margin-bottom: 45px;
}

@media only screen and (min-width: 40.063em){
	.single-post-header.with-thumb .title h1 {
	    font-size: 3.125rem;
	}
}

#notfound span {
	font-size: 11px;
}

.full-width-page .boxed-row {
	max-width: none;
}

.shortcode_banner_simple_height_inside h4 {
	font-size: 1.5em;
}

@media only screen and (min-width: 40.063em){
	.home .default_grid.items_per_row_3 .portfolio-box {
		padding-bottom: 20.25% !important;
	}
}

.green-circle .vc_single_image-wrapper {
    background: #65cbc9;
    border-radius: 50%;
}

.green-circle:hover .vc_single_image-wrapper {
    background: #555759;
}

.green-circle .green-circle-label {
    display: block;
    margin-top: 15px;
    color: #65cbc9;
}

.green-circle:hover .green-circle-label {
    color: #555759 !important;
}

.green-circle .vc_single_image-wrapper img {
    padding: 25px;
    max-height: 150px;
    max-width: 150px;
}

/* .vc_row-o-full-height {
    min-height: 80vh !important;
} */

.full-height, .full-height .vc_column-inner {
	/* min-height: 400px; */
	min-height: 300px;
}

.fuller-height, .fuller-height .vc_column-inner {
	min-height: 600px;
}

@media only screen and (max-width: 40.063em){
	.full-height, .full-height .vc_column-inner {
		min-height: 300px;
	}
}

.wpb_widgetised_column .widget {
	padding-top: 25px;
	padding-bottom: 25px;
}

.scrolloff {
    pointer-events: none;
}

.video-container {
	padding-bottom: 25px;
}

.shop-page h1 {
	text-transform: none;
}

.shop_sidebar aside:nth-child(2) {
	padding-bottom: 0;
}

.nav-next a, .nav-previous a {
	font-size: 1.2rem;
}

.search-field::-webkit-input-placeholder {
	opacity: 1;
}

.site-footer-widget-area {
	display: block;
}

@media only screen and (max-width: 767px){
	.site-footer-widget-area {
		text-align: center;
	}

	form.vr-signup-form {
		max-width: none !important;
	}
}

#product-modal .modal-body p, #product-modal .modal-body li {
	font-size: 16px;
    line-height: 20px;
}

#product-modal .modal-footer {
	clear: both;
}

#site-footer .widget-title {
	font-size: 20px !important;
}

/* @-moz-document url-prefix() { 
	[class*="vc_custom_"] {
		display: table !important;
	}
} */

@media only screen and (min-width: 80em){
	.vc_parallax {
		background-size: cover;
	}
}


.shopping_bag_label, .shopping_bag_items_number {
    font-size: 13px;
    height: 32px;
    line-height: 34px;
    display: inline-block;
    margin: 0 0 0 3px;
    text-align: left;
}

@media only screen and (max-width: 1024px){
	.shopping_bag_label {
		display: none;
	}
}

/* WebDecoder CSS */
div.wpcf7-validation-errors {
	border: 2px solid #c3002f;
	color: #c3002f;
}

.marvel-device {
    display: inline-block;
    position: relative;
    box-sizing: content-box !important
}

.marvel-device .screen {
    width: 100%;
    position: relative;
    height: 100%;
    color: white;
    z-index: 2;
    text-align: center;
    display: block;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 0 0 3px #111;
    box-shadow: 0 0 0 3px #111
}

.marvel-device .top-bar,
.marvel-device .bottom-bar {
    height: 3px;
    background: black;
    width: 100%;
    display: block
}

.marvel-device .middle-bar {
    width: 3px;
    height: 4px;
    top: 0px;
    left: 90px;
    background: black;
    position: absolute
}

.marvel-device.iphone6 {
    width: 375px;
    height: 667px;
    padding: 105px 24px;
    background: #d9dbdc;
    -webkit-border-radius: 56px;
    border-radius: 56px;
    -webkit-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.2)
}

.marvel-device.iphone6:before {
    width: calc(100% - 12px);
    height: calc(100% - 12px);
    position: absolute;
    top: 6px;
    content: '';
    left: 6px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    background: #f8f8f8;
    z-index: 1
}

.marvel-device.iphone6:after {
    width: calc(100% - 16px);
    height: calc(100% - 16px);
    position: absolute;
    top: 8px;
    content: '';
    left: 8px;
    -webkit-border-radius: 48px;
    border-radius: 48px;
    -webkit-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.1), inset 0 0 6px 3px #fff;
    box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.1), inset 0 0 6px 3px #fff;
    z-index: 2
}

.marvel-device.iphone6 .home {
    -webkit-border-radius: 100%;
    border-radius: 100%;
    width: 68px;
    height: 68px;
    position: absolute;
    left: 50%;
    margin-left: -34px;
    bottom: 22px;
    z-index: 3;
    background: #303233;
    background: -moz-linear-gradient(-45deg, #303233 0%, #b5b7b9 50%, #f0f2f2 69%, #303233 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #303233), color-stop(50%, #b5b7b9), color-stop(69%, #f0f2f2), color-stop(100%, #303233));
    background: -webkit-linear-gradient(-45deg, #303233 0%, #b5b7b9 50%, #f0f2f2 69%, #303233 100%);
    background: -o-linear-gradient(-45deg, #303233 0%, #b5b7b9 50%, #f0f2f2 69%, #303233 100%);
    background: -ms-linear-gradient(-45deg, #303233 0%, #b5b7b9 50%, #f0f2f2 69%, #303233 100%);
    background: linear-gradient(135deg, #303233 0%, #b5b7b9 50%, #f0f2f2 69%, #303233 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#303233', endColorstr='#303233', GradientType=1)
}

.marvel-device.iphone6 .home:before {
    background: #f8f8f8;
    position: absolute;
    content: '';
    -webkit-border-radius: 100%;
    border-radius: 100%;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    top: 4px;
    left: 4px
}

.marvel-device.iphone6 .top-bar {
    height: 14px;
    background: #bfbfc0;
    position: absolute;
    top: 68px;
    left: 0
}

.marvel-device.iphone6 .bottom-bar {
    height: 14px;
    background: #bfbfc0;
    position: absolute;
    bottom: 68px;
    left: 0
}

.marvel-device.iphone6 .sleep {
    position: absolute;
    top: 190px;
    right: -4px;
    width: 4px;
    height: 66px;
    -webkit-border-radius: 0px 2px 2px 0px;
    border-radius: 0px 2px 2px 0px;
    background: #d9dbdc
}

.marvel-device.iphone6 .volume {
    position: absolute;
    left: -4px;
    top: 188px;
    z-index: 0;
    height: 66px;
    width: 4px;
    -webkit-border-radius: 2px 0px 0px 2px;
    border-radius: 2px 0px 0px 2px;
    background: #d9dbdc
}

.marvel-device.iphone6 .volume:before {
    position: absolute;
    left: 2px;
    top: -78px;
    height: 40px;
    width: 2px;
    -webkit-border-radius: 2px 0px 0px 2px;
    border-radius: 2px 0px 0px 2px;
    background: inherit;
    content: '';
    display: block
}

.marvel-device.iphone6 .volume:after {
    position: absolute;
    left: 0px;
    top: 82px;
    height: 66px;
    width: 4px;
    -webkit-border-radius: 2px 0px 0px 2px;
    border-radius: 2px 0px 0px 2px;
    background: inherit;
    content: '';
    display: block
}

.marvel-device.iphone6 .camera {
    background: #3c3d3d;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 24px;
    left: 50%;
    margin-left: -6px;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    z-index: 3
}

.marvel-device.iphone6 .sensor {
    background: #3c3d3d;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 49px;
    left: 134px;
    z-index: 3;
    -webkit-border-radius: 100%;
    border-radius: 100%
}

.marvel-device.iphone6 .speaker {
    background: #292728;
    width: 70px;
    height: 6px;
    position: absolute;
    top: 54px;
    left: 50%;
    margin-left: -35px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    z-index: 3
}

.marvel-device.iphone6.gold {
    background: #f9e7d3
}

.marvel-device.iphone6.gold .top-bar,
.marvel-device.iphone6.gold .bottom-bar {
    background: white
}

.marvel-device.iphone6.gold .sleep,
.marvel-device.iphone6.gold .volume {
    background: #f9e7d3
}

.marvel-device.iphone6.gold .home {
    background: #cebba9;
    background: -moz-linear-gradient(-45deg, #cebba9 0%, #f9e7d3 50%, #cebba9 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #cebba9), color-stop(50%, #f9e7d3), color-stop(100%, #cebba9));
    background: -webkit-linear-gradient(-45deg, #cebba9 0%, #f9e7d3 50%, #cebba9 100%);
    background: -o-linear-gradient(-45deg, #cebba9 0%, #f9e7d3 50%, #cebba9 100%);
    background: -ms-linear-gradient(-45deg, #cebba9 0%, #f9e7d3 50%, #cebba9 100%);
    background: linear-gradient(135deg, #cebba9 0%, #f9e7d3 50%, #cebba9 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#cebba9', endColorstr='#cebba9', GradientType=1)
}

.marvel-device.iphone6.black {
    background: #464646;
    -webkit-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.7);
    box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.7)
}

.marvel-device.iphone6.black:before {
    background: #080808
}

.marvel-device.iphone6.black:after {
    -webkit-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.1), inset 0 0 6px 3px #212121;
    box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.1), inset 0 0 6px 3px #212121
}

.marvel-device.iphone6.black .top-bar,
.marvel-device.iphone6.black .bottom-bar {
    background: #212121
}

.marvel-device.iphone6.black .volume,
.marvel-device.iphone6.black .sleep {
    background: #464646
}

.marvel-device.iphone6.black .camera {
    background: #080808
}

.marvel-device.iphone6.black .home {
    background: #080808;
    background: -moz-linear-gradient(-45deg, #080808 0%, #464646 50%, #080808 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #080808), color-stop(50%, #464646), color-stop(100%, #080808));
    background: -webkit-linear-gradient(-45deg, #080808 0%, #464646 50%, #080808 100%);
    background: -o-linear-gradient(-45deg, #080808 0%, #464646 50%, #080808 100%);
    background: -ms-linear-gradient(-45deg, #080808 0%, #464646 50%, #080808 100%);
    background: linear-gradient(135deg, #080808 0%, #464646 50%, #080808 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#080808', endColorstr='#080808', GradientType=1)
}

.marvel-device.iphone6.black .home:before {
    background: #080808
}

.marvel-device.iphone6.landscape {
    padding: 24px 105px;
    height: 375px;
    width: 667px
}

.marvel-device.iphone6.landscape .sleep {
    top: 100%;
    -webkit-border-radius: 0px 0px 2px 2px;
    border-radius: 0px 0px 2px 2px;
    right: 190px;
    height: 4px;
    width: 66px
}

.marvel-device.iphone6.landscape .volume {
    width: 66px;
    height: 4px;
    top: -4px;
    left: calc(100% - 188px - 66px);
    -webkit-border-radius: 2px 2px 0px 0px;
    border-radius: 2px 2px 0px 0px
}

.marvel-device.iphone6.landscape .volume:before {
    width: 40px;
    height: 2px;
    top: 2px;
    right: -78px;
    left: auto;
    -webkit-border-radius: 2px 2px 0px 0px;
    border-radius: 2px 2px 0px 0px
}

.marvel-device.iphone6.landscape .volume:after {
    left: -82px;
    width: 66px;
    height: 4px;
    top: 0;
    -webkit-border-radius: 2px 2px 0px 0px;
    border-radius: 2px 2px 0px 0px
}

.marvel-device.iphone6.landscape .top-bar {
    width: 14px;
    height: 100%;
    left: calc(100% - 68px - 14px);
    top: 0
}

.marvel-device.iphone6.landscape .bottom-bar {
    width: 14px;
    height: 100%;
    left: 68px;
    top: 0
}

.marvel-device.iphone6.landscape .home {
    top: 50%;
    margin-top: -34px;
    margin-left: 0;
    left: 22px
}

.marvel-device.iphone6.landscape .sensor {
    top: 134px;
    left: calc(100% - 49px - 16px)
}

.marvel-device.iphone6.landscape .speaker {
    height: 70px;
    width: 6px;
    left: calc(100% - 54px - 6px);
    top: 50%;
    margin-left: 0px;
    margin-top: -35px
}

.marvel-device.iphone6.landscape .camera {
    left: calc(100% - 32px);
    top: 50%;
    margin-left: 0px;
    margin-top: -5px
}

.marvel-device.iphone6plus {
    width: 414px;
    height: 736px;
    padding: 112px 26px;
    background: #d9dbdc;
    -webkit-border-radius: 56px;
    border-radius: 56px;
    -webkit-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.2)
}

.marvel-device.iphone6plus:before {
    width: calc(100% - 12px);
    height: calc(100% - 12px);
    position: absolute;
    top: 6px;
    content: '';
    left: 6px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    background: #f8f8f8;
    z-index: 1
}

.marvel-device.iphone6plus:after {
    width: calc(100% - 16px);
    height: calc(100% - 16px);
    position: absolute;
    top: 8px;
    content: '';
    left: 8px;
    -webkit-border-radius: 48px;
    border-radius: 48px;
    -webkit-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.1), inset 0 0 6px 3px #fff;
    box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.1), inset 0 0 6px 3px #fff;
    z-index: 2
}

.marvel-device.iphone6plus .home {
    -webkit-border-radius: 100%;
    border-radius: 100%;
    width: 68px;
    height: 68px;
    position: absolute;
    left: 50%;
    margin-left: -34px;
    bottom: 24px;
    z-index: 3;
    background: #303233;
    background: -moz-linear-gradient(-45deg, #303233 0%, #b5b7b9 50%, #f0f2f2 69%, #303233 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #303233), color-stop(50%, #b5b7b9), color-stop(69%, #f0f2f2), color-stop(100%, #303233));
    background: -webkit-linear-gradient(-45deg, #303233 0%, #b5b7b9 50%, #f0f2f2 69%, #303233 100%);
    background: -o-linear-gradient(-45deg, #303233 0%, #b5b7b9 50%, #f0f2f2 69%, #303233 100%);
    background: -ms-linear-gradient(-45deg, #303233 0%, #b5b7b9 50%, #f0f2f2 69%, #303233 100%);
    background: linear-gradient(135deg, #303233 0%, #b5b7b9 50%, #f0f2f2 69%, #303233 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#303233', endColorstr='#303233', GradientType=1)
}

.marvel-device.iphone6plus .home:before {
    background: #f8f8f8;
    position: absolute;
    content: '';
    -webkit-border-radius: 100%;
    border-radius: 100%;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    top: 4px;
    left: 4px
}

.marvel-device.iphone6plus .top-bar {
    height: 14px;
    background: #bfbfc0;
    position: absolute;
    top: 68px;
    left: 0
}

.marvel-device.iphone6plus .bottom-bar {
    height: 14px;
    background: #bfbfc0;
    position: absolute;
    bottom: 68px;
    left: 0
}

.marvel-device.iphone6plus .sleep {
    position: absolute;
    top: 190px;
    right: -4px;
    width: 4px;
    height: 66px;
    -webkit-border-radius: 0px 2px 2px 0px;
    border-radius: 0px 2px 2px 0px;
    background: #d9dbdc
}

.marvel-device.iphone6plus .volume {
    position: absolute;
    left: -4px;
    top: 188px;
    z-index: 0;
    height: 66px;
    width: 4px;
    -webkit-border-radius: 2px 0px 0px 2px;
    border-radius: 2px 0px 0px 2px;
    background: #d9dbdc
}

.marvel-device.iphone6plus .volume:before {
    position: absolute;
    left: 2px;
    top: -78px;
    height: 40px;
    width: 2px;
    -webkit-border-radius: 2px 0px 0px 2px;
    border-radius: 2px 0px 0px 2px;
    background: inherit;
    content: '';
    display: block
}

.marvel-device.iphone6plus .volume:after {
    position: absolute;
    left: 0px;
    top: 82px;
    height: 66px;
    width: 4px;
    -webkit-border-radius: 2px 0px 0px 2px;
    border-radius: 2px 0px 0px 2px;
    background: inherit;
    content: '';
    display: block
}

.marvel-device.iphone6plus .camera {
    background: #3c3d3d;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 29px;
    left: 50%;
    margin-left: -6px;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    z-index: 3
}

.marvel-device.iphone6plus .sensor {
    background: #3c3d3d;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 54px;
    left: 154px;
    z-index: 3;
    -webkit-border-radius: 100%;
    border-radius: 100%
}

.marvel-device.iphone6plus .speaker {
    background: #292728;
    width: 70px;
    height: 6px;
    position: absolute;
    top: 59px;
    left: 50%;
    margin-left: -35px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    z-index: 3
}

.marvel-device.iphone6plus.gold {
    background: #f9e7d3
}

.marvel-device.iphone6plus.gold .top-bar,
.marvel-device.iphone6plus.gold .bottom-bar {
    background: white
}

.marvel-device.iphone6plus.gold .sleep,
.marvel-device.iphone6plus.gold .volume {
    background: #f9e7d3
}

.marvel-device.iphone6plus.gold .home {
    background: #cebba9;
    background: -moz-linear-gradient(-45deg, #cebba9 0%, #f9e7d3 50%, #cebba9 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #cebba9), color-stop(50%, #f9e7d3), color-stop(100%, #cebba9));
    background: -webkit-linear-gradient(-45deg, #cebba9 0%, #f9e7d3 50%, #cebba9 100%);
    background: -o-linear-gradient(-45deg, #cebba9 0%, #f9e7d3 50%, #cebba9 100%);
    background: -ms-linear-gradient(-45deg, #cebba9 0%, #f9e7d3 50%, #cebba9 100%);
    background: linear-gradient(135deg, #cebba9 0%, #f9e7d3 50%, #cebba9 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#cebba9', endColorstr='#cebba9', GradientType=1)
}

.marvel-device.iphone6plus.black {
    background: #464646;
    -webkit-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.7);
    box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.7)
}

.marvel-device.iphone6plus.black:before {
    background: #080808
}

.marvel-device.iphone6plus.black:after {
    -webkit-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.1), inset 0 0 6px 3px #212121;
    box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.1), inset 0 0 6px 3px #212121
}

.marvel-device.iphone6plus.black .top-bar,
.marvel-device.iphone6plus.black .bottom-bar {
    background: #212121
}

.marvel-device.iphone6plus.black .volume,
.marvel-device.iphone6plus.black .sleep {
    background: #464646
}

.marvel-device.iphone6plus.black .camera {
    background: #080808
}

.marvel-device.iphone6plus.black .home {
    background: #080808;
    background: -moz-linear-gradient(-45deg, #080808 0%, #464646 50%, #080808 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #080808), color-stop(50%, #464646), color-stop(100%, #080808));
    background: -webkit-linear-gradient(-45deg, #080808 0%, #464646 50%, #080808 100%);
    background: -o-linear-gradient(-45deg, #080808 0%, #464646 50%, #080808 100%);
    background: -ms-linear-gradient(-45deg, #080808 0%, #464646 50%, #080808 100%);
    background: linear-gradient(135deg, #080808 0%, #464646 50%, #080808 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#080808', endColorstr='#080808', GradientType=1)
}

.marvel-device.iphone6plus.black .home:before {
    background: #080808
}

.marvel-device.iphone6plus.landscape {
    padding: 26px 112px;
    height: 414px;
    width: 736px
}

.marvel-device.iphone6plus.landscape .sleep {
    top: 100%;
    -webkit-border-radius: 0px 0px 2px 2px;
    border-radius: 0px 0px 2px 2px;
    right: 190px;
    height: 4px;
    width: 66px
}

.marvel-device.iphone6plus.landscape .volume {
    width: 66px;
    height: 4px;
    top: -4px;
    left: calc(100% - 188px - 66px);
    -webkit-border-radius: 2px 2px 0px 0px;
    border-radius: 2px 2px 0px 0px
}

.marvel-device.iphone6plus.landscape .volume:before {
    width: 40px;
    height: 2px;
    top: 2px;
    right: -78px;
    left: auto;
    -webkit-border-radius: 2px 2px 0px 0px;
    border-radius: 2px 2px 0px 0px
}

.marvel-device.iphone6plus.landscape .volume:after {
    left: -82px;
    width: 66px;
    height: 4px;
    top: 0;
    -webkit-border-radius: 2px 2px 0px 0px;
    border-radius: 2px 2px 0px 0px
}

.marvel-device.iphone6plus.landscape .top-bar {
    width: 14px;
    height: 100%;
    left: calc(100% - 68px - 14px);
    top: 0
}

.marvel-device.iphone6plus.landscape .bottom-bar {
    width: 14px;
    height: 100%;
    left: 68px;
    top: 0
}

.marvel-device.iphone6plus.landscape .home {
    top: 50%;
    margin-top: -34px;
    margin-left: 0;
    left: 24px
}

.marvel-device.iphone6plus.landscape .sensor {
    top: 154px;
    left: calc(100% - 54px - 16px)
}

.marvel-device.iphone6plus.landscape .speaker {
    height: 70px;
    width: 6px;
    left: calc(100% - 59px - 6px);
    top: 50%;
    margin-left: 0px;
    margin-top: -35px
}

.marvel-device.iphone6plus.landscape .camera {
    left: calc(100% - 29px);
    top: 50%;
    margin-left: 0px;
    margin-top: -5px
}

.marvel-device.iphone5s,
.marvel-device.iphone5c {
    padding: 105px 22px;
    background: #2c2b2c;
    width: 320px;
    height: 568px;
    -webkit-border-radius: 50px;
    border-radius: 50px
}

.marvel-device.iphone5s:before,
.marvel-device.iphone5c:before {
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    position: absolute;
    top: 4px;
    content: '';
    left: 4px;
    -webkit-border-radius: 46px;
    border-radius: 46px;
    background: #1e1e1e;
    z-index: 1
}

.marvel-device.iphone5s .sleep,
.marvel-device.iphone5c .sleep {
    position: absolute;
    top: -4px;
    right: 60px;
    width: 60px;
    height: 4px;
    -webkit-border-radius: 2px 2px 0px 0px;
    border-radius: 2px 2px 0px 0px;
    background: #282727
}

.marvel-device.iphone5s .volume,
.marvel-device.iphone5c .volume {
    position: absolute;
    left: -4px;
    top: 180px;
    z-index: 0;
    height: 27px;
    width: 4px;
    -webkit-border-radius: 2px 0px 0px 2px;
    border-radius: 2px 0px 0px 2px;
    background: #282727
}

.marvel-device.iphone5s .volume:before,
.marvel-device.iphone5c .volume:before {
    position: absolute;
    left: 0px;
    top: -75px;
    height: 35px;
    width: 4px;
    -webkit-border-radius: 2px 0px 0px 2px;
    border-radius: 2px 0px 0px 2px;
    background: inherit;
    content: '';
    display: block
}

.marvel-device.iphone5s .volume:after,
.marvel-device.iphone5c .volume:after {
    position: absolute;
    left: 0px;
    bottom: -64px;
    height: 27px;
    width: 4px;
    -webkit-border-radius: 2px 0px 0px 2px;
    border-radius: 2px 0px 0px 2px;
    background: inherit;
    content: '';
    display: block
}

.marvel-device.iphone5s .camera,
.marvel-device.iphone5c .camera {
    background: #3c3d3d;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 32px;
    left: 50%;
    margin-left: -5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    z-index: 3
}

.marvel-device.iphone5s .sensor,
.marvel-device.iphone5c .sensor {
    background: #3c3d3d;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 60px;
    left: 160px;
    z-index: 3;
    margin-left: -32px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.marvel-device.iphone5s .speaker,
.marvel-device.iphone5c .speaker {
    background: #292728;
    width: 64px;
    height: 10px;
    position: absolute;
    top: 60px;
    left: 50%;
    margin-left: -32px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    z-index: 3
}

.marvel-device.iphone5s.landscape,
.marvel-device.iphone5c.landscape {
    padding: 22px 105px;
    height: 320px;
    width: 568px
}

.marvel-device.iphone5s.landscape .sleep,
.marvel-device.iphone5c.landscape .sleep {
    right: -4px;
    top: calc(100% - 120px);
    height: 60px;
    width: 4px;
    -webkit-border-radius: 0px 2px 2px 0px;
    border-radius: 0px 2px 2px 0px
}

.marvel-device.iphone5s.landscape .volume,
.marvel-device.iphone5c.landscape .volume {
    width: 27px;
    height: 4px;
    top: -4px;
    left: calc(100% - 180px);
    -webkit-border-radius: 2px 2px 0px 0px;
    border-radius: 2px 2px 0px 0px
}

.marvel-device.iphone5s.landscape .volume:before,
.marvel-device.iphone5c.landscape .volume:before {
    width: 35px;
    height: 4px;
    top: 0px;
    right: -75px;
    left: auto;
    -webkit-border-radius: 2px 2px 0px 0px;
    border-radius: 2px 2px 0px 0px
}

.marvel-device.iphone5s.landscape .volume:after,
.marvel-device.iphone5c.landscape .volume:after {
    bottom: 0px;
    left: -64px;
    z-index: 999;
    height: 4px;
    width: 27px;
    -webkit-border-radius: 2px 2px 0px 0px;
    border-radius: 2px 2px 0px 0px
}

.marvel-device.iphone5s.landscape .sensor,
.marvel-device.iphone5c.landscape .sensor {
    top: 160px;
    left: calc(100% - 60px);
    margin-left: 0px;
    margin-top: -32px
}

.marvel-device.iphone5s.landscape .speaker,
.marvel-device.iphone5c.landscape .speaker {
    height: 64px;
    width: 10px;
    left: calc(100% - 60px);
    top: 50%;
    margin-left: 0px;
    margin-top: -32px
}

.marvel-device.iphone5s.landscape .camera,
.marvel-device.iphone5c.landscape .camera {
    left: calc(100% - 32px);
    top: 50%;
    margin-left: 0px;
    margin-top: -5px
}

.marvel-device.iphone5s .home {
    -moz-border-radius: 36px;
    -webkit-border-radius: 36px;
    border-radius: 36px;
    width: 68px;
    -webkit-box-shadow: inset 0 0 0 4px #2c2b2c;
    box-shadow: inset 0 0 0 4px #2c2b2c;
    height: 68px;
    position: absolute;
    left: 50%;
    margin-left: -34px;
    bottom: 19px;
    z-index: 3
}

.marvel-device.iphone5s .top-bar {
    top: 70px;
    position: absolute;
    left: 0
}

.marvel-device.iphone5s .bottom-bar {
    bottom: 70px;
    position: absolute;
    left: 0
}

.marvel-device.iphone5s.landscape .home {
    left: 19px;
    bottom: 50%;
    margin-bottom: -34px;
    margin-left: 0px
}

.marvel-device.iphone5s.landscape .top-bar {
    left: 70px;
    top: 0px;
    width: 3px;
    height: 100%
}

.marvel-device.iphone5s.landscape .bottom-bar {
    right: 70px;
    left: auto;
    bottom: 0px;
    width: 3px;
    height: 100%
}

.marvel-device.iphone5s.silver {
    background: #bcbcbc
}

.marvel-device.iphone5s.silver:before {
    background: #fcfcfc
}

.marvel-device.iphone5s.silver .volume,
.marvel-device.iphone5s.silver .sleep {
    background: #d6d6d6
}

.marvel-device.iphone5s.silver .top-bar,
.marvel-device.iphone5s.silver .bottom-bar {
    background: #eaebec
}

.marvel-device.iphone5s.silver .home {
    -webkit-box-shadow: inset 0 0 0 4px #bcbcbc;
    box-shadow: inset 0 0 0 4px #bcbcbc
}

.marvel-device.iphone5s.gold {
    background: #f9e7d3
}

.marvel-device.iphone5s.gold:before {
    background: #fcfcfc
}

.marvel-device.iphone5s.gold .volume,
.marvel-device.iphone5s.gold .sleep {
    background: #f9e7d3
}

.marvel-device.iphone5s.gold .top-bar,
.marvel-device.iphone5s.gold .bottom-bar {
    background: white
}

.marvel-device.iphone5s.gold .home {
    -webkit-box-shadow: inset 0 0 0 4px #f9e7d3;
    box-shadow: inset 0 0 0 4px #f9e7d3
}

.marvel-device.iphone5c {
    background: white;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2)
}

.marvel-device.iphone5c .top-bar,
.marvel-device.iphone5c .bottom-bar {
    display: none
}

.marvel-device.iphone5c .home {
    background: #242324;
    -moz-border-radius: 36px;
    -webkit-border-radius: 36px;
    border-radius: 36px;
    width: 68px;
    height: 68px;
    z-index: 3;
    position: absolute;
    left: 50%;
    margin-left: -34px;
    bottom: 19px
}

.marvel-device.iphone5c .home:after {
    width: 20px;
    height: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    position: absolute;
    display: block;
    content: '';
    top: 50%;
    left: 50%;
    margin-top: -11px;
    margin-left: -11px
}

.marvel-device.iphone5c.landscape .home {
    left: 19px;
    bottom: 50%;
    margin-bottom: -34px;
    margin-left: 0px
}

.marvel-device.iphone5c .volume,
.marvel-device.iphone5c .sleep {
    background: #dddddd
}

.marvel-device.iphone5c.red {
    background: #f96b6c
}

.marvel-device.iphone5c.red .volume,
.marvel-device.iphone5c.red .sleep {
    background: #ed5758
}

.marvel-device.iphone5c.yellow {
    background: #f2dc60
}

.marvel-device.iphone5c.yellow .volume,
.marvel-device.iphone5c.yellow .sleep {
    background: #e5ce4c
}

.marvel-device.iphone5c.green {
    background: #97e563
}

.marvel-device.iphone5c.green .volume,
.marvel-device.iphone5c.green .sleep {
    background: #85d94d
}

.marvel-device.iphone5c.blue {
    background: #33a2db
}

.marvel-device.iphone5c.blue .volume,
.marvel-device.iphone5c.blue .sleep {
    background: #2694cd
}

.marvel-device.iphone4s {
    padding: 129px 27px;
    width: 320px;
    height: 480px;
    background: #686868;
    -webkit-border-radius: 54px;
    border-radius: 54px
}

.marvel-device.iphone4s:before {
    content: '';
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    position: absolute;
    top: 4px;
    left: 4px;
    z-index: 1;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    background: #1e1e1e
}

.marvel-device.iphone4s .top-bar {
    top: 60px;
    position: absolute;
    left: 0
}

.marvel-device.iphone4s .bottom-bar {
    bottom: 90px;
    position: absolute;
    left: 0
}

.marvel-device.iphone4s .camera {
    background: #3c3d3d;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 72px;
    left: 134px;
    z-index: 3;
    margin-left: -5px;
    -webkit-border-radius: 100%;
    border-radius: 100%
}

.marvel-device.iphone4s .speaker {
    background: #292728;
    width: 64px;
    height: 10px;
    position: absolute;
    top: 72px;
    left: 50%;
    z-index: 3;
    margin-left: -32px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.marvel-device.iphone4s .sensor {
    background: #292728;
    width: 40px;
    height: 10px;
    position: absolute;
    top: 36px;
    left: 50%;
    z-index: 3;
    margin-left: -20px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.marvel-device.iphone4s .home {
    background: #242324;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    width: 72px;
    height: 72px;
    z-index: 3;
    position: absolute;
    left: 50%;
    margin-left: -36px;
    bottom: 30px
}

.marvel-device.iphone4s .home:after {
    width: 20px;
    height: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 4px;
    border-radius: 4px;
    position: absolute;
    display: block;
    content: '';
    top: 50%;
    left: 50%;
    margin-top: -11px;
    margin-left: -11px
}

.marvel-device.iphone4s .sleep {
    position: absolute;
    top: -4px;
    right: 60px;
    width: 60px;
    height: 4px;
    -webkit-border-radius: 2px 2px 0px 0px;
    border-radius: 2px 2px 0px 0px;
    background: #4D4D4D
}

.marvel-device.iphone4s .volume {
    position: absolute;
    left: -4px;
    top: 160px;
    height: 27px;
    width: 4px;
    -webkit-border-radius: 2px 0px 0px 2px;
    border-radius: 2px 0px 0px 2px;
    background: #4D4D4D
}

.marvel-device.iphone4s .volume:before {
    position: absolute;
    left: 0px;
    top: -70px;
    height: 35px;
    width: 4px;
    -webkit-border-radius: 2px 0px 0px 2px;
    border-radius: 2px 0px 0px 2px;
    background: inherit;
    content: '';
    display: block
}

.marvel-device.iphone4s .volume:after {
    position: absolute;
    left: 0px;
    bottom: -64px;
    height: 27px;
    width: 4px;
    -webkit-border-radius: 2px 0px 0px 2px;
    border-radius: 2px 0px 0px 2px;
    background: inherit;
    content: '';
    display: block
}

.marvel-device.iphone4s.landscape {
    padding: 27px 129px;
    height: 320px;
    width: 480px
}

.marvel-device.iphone4s.landscape .bottom-bar {
    left: 90px;
    bottom: 0px;
    height: 100%;
    width: 3px
}

.marvel-device.iphone4s.landscape .top-bar {
    left: calc(100% - 60px);
    top: 0px;
    height: 100%;
    width: 3px
}

.marvel-device.iphone4s.landscape .camera {
    top: 134px;
    left: calc(100% - 72px);
    margin-left: 0
}

.marvel-device.iphone4s.landscape .speaker {
    top: 50%;
    margin-left: 0;
    margin-top: -32px;
    left: calc(100% - 72px);
    width: 10px;
    height: 64px
}

.marvel-device.iphone4s.landscape .sensor {
    height: 40px;
    width: 10px;
    left: calc(100% - 36px);
    top: 50%;
    margin-left: 0;
    margin-top: -20px
}

.marvel-device.iphone4s.landscape .home {
    left: 30px;
    bottom: 50%;
    margin-left: 0;
    margin-bottom: -36px
}

.marvel-device.iphone4s.landscape .sleep {
    height: 60px;
    width: 4px;
    right: -4px;
    top: calc(100% - 120px);
    -webkit-border-radius: 0px 2px 2px 0px;
    border-radius: 0px 2px 2px 0px
}

.marvel-device.iphone4s.landscape .volume {
    top: -4px;
    left: calc(100% - 187px);
    height: 4px;
    width: 27px;
    -webkit-border-radius: 2px 2px 0px 0px;
    border-radius: 2px 2px 0px 0px
}

.marvel-device.iphone4s.landscape .volume:before {
    right: -70px;
    left: auto;
    top: 0px;
    width: 35px;
    height: 4px;
    -webkit-border-radius: 2px 2px 0px 0px;
    border-radius: 2px 2px 0px 0px
}

.marvel-device.iphone4s.landscape .volume:after {
    width: 27px;
    height: 4px;
    bottom: 0px;
    left: -64px;
    -webkit-border-radius: 2px 2px 0px 0px;
    border-radius: 2px 2px 0px 0px
}

.marvel-device.iphone4s.silver {
    background: #bcbcbc
}

.marvel-device.iphone4s.silver:before {
    background: #fcfcfc
}

.marvel-device.iphone4s.silver .home {
    background: #fcfcfc;
    -webkit-box-shadow: inset 0 0 0 1px #bcbcbc;
    box-shadow: inset 0 0 0 1px #bcbcbc
}

.marvel-device.iphone4s.silver .home:after {
    border: 1px solid rgba(0, 0, 0, 0.2)
}

.marvel-device.iphone4s.silver .volume,
.marvel-device.iphone4s.silver .sleep {
    background: #d6d6d6
}

.marvel-device.nexus5 {
    padding: 50px 15px 50px 15px;
    width: 320px;
    height: 568px;
    background: #1e1e1e;
    -webkit-border-radius: 20px;
    border-radius: 20px
}

.marvel-device.nexus5:before {
    -webkit-border-radius: 600px / 50px;
    border-radius: 600px / 50px;
    background: inherit;
    content: '';
    top: 0;
    position: absolute;
    height: 103.1%;
    width: calc(100% - 26px);
    top: 50%;
    left: 50%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.marvel-device.nexus5 .top-bar {
    width: calc(100% - 8px);
    height: calc(100% - 6px);
    position: absolute;
    top: 3px;
    left: 4px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background: #181818
}

.marvel-device.nexus5 .top-bar:before {
    -webkit-border-radius: 600px / 50px;
    border-radius: 600px / 50px;
    background: inherit;
    content: '';
    top: 0;
    position: absolute;
    height: 103.0%;
    width: calc(100% - 26px);
    top: 50%;
    left: 50%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.marvel-device.nexus5 .bottom-bar {
    display: none
}

.marvel-device.nexus5 .sleep {
    width: 3px;
    position: absolute;
    left: -3px;
    top: 110px;
    height: 100px;
    background: inherit;
    -webkit-border-radius: 2px 0px 0px 2px;
    border-radius: 2px 0px 0px 2px
}

.marvel-device.nexus5 .volume {
    width: 3px;
    position: absolute;
    right: -3px;
    top: 70px;
    height: 45px;
    background: inherit;
    -webkit-border-radius: 0px 2px 2px 0px;
    border-radius: 0px 2px 2px 0px
}

.marvel-device.nexus5 .camera {
    background: #3c3d3d;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 18px;
    left: 50%;
    z-index: 3;
    margin-left: -5px;
    -webkit-border-radius: 100%;
    border-radius: 100%
}

.marvel-device.nexus5 .camera:before {
    background: #3c3d3d;
    width: 6px;
    height: 6px;
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    left: -100px;
    z-index: 3;
    -webkit-border-radius: 100%;
    border-radius: 100%
}

.marvel-device.nexus5.landscape {
    padding: 15px 50px 15px 50px;
    height: 320px;
    width: 568px
}

.marvel-device.nexus5.landscape:before {
    width: 103.1%;
    height: calc(100% - 26px);
    -webkit-border-radius: 50px / 600px;
    border-radius: 50px / 600px
}

.marvel-device.nexus5.landscape .top-bar {
    left: 3px;
    top: 4px;
    height: calc(100% - 8px);
    width: calc(100% - 6px)
}

.marvel-device.nexus5.landscape .top-bar:before {
    width: 103%;
    height: calc(100% - 26px);
    -webkit-border-radius: 50px / 600px;
    border-radius: 50px / 600px
}

.marvel-device.nexus5.landscape .sleep {
    height: 3px;
    width: 100px;
    left: calc(100% - 210px);
    top: -3px;
    -webkit-border-radius: 2px 2px 0px 0px;
    border-radius: 2px 2px 0px 0px
}

.marvel-device.nexus5.landscape .volume {
    height: 3px;
    width: 45px;
    right: 70px;
    top: 100%;
    -webkit-border-radius: 0px 0px 2px 2px;
    border-radius: 0px 0px 2px 2px
}

.marvel-device.nexus5.landscape .camera {
    top: 50%;
    left: calc(100% - 18px);
    margin-left: 0;
    margin-top: -5px
}

.marvel-device.nexus5.landscape .camera:before {
    top: -100px;
    left: 2px
}

.marvel-device.s5 {
    padding: 60px 18px;
    -webkit-border-radius: 42px;
    border-radius: 42px;
    width: 320px;
    height: 568px;
    background: #bcbcbc
}

.marvel-device.s5:before,
.marvel-device.s5:after {
    width: calc(100% - 52px);
    content: '';
    display: block;
    height: 26px;
    background: inherit;
    position: absolute;
    -webkit-border-radius: 500px / 40px;
    border-radius: 500px / 40px;
    left: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.marvel-device.s5:before {
    top: -7px
}

.marvel-device.s5:after {
    bottom: -7px
}

.marvel-device.s5 .bottom-bar {
    display: none
}

.marvel-device.s5 .top-bar {
    -webkit-border-radius: 37px;
    border-radius: 37px;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    top: 5px;
    left: 5px;
    background: radial-gradient(rgba(0, 0, 0, 0.02) 20%, transparent 60%) 0 0, radial-gradient(rgba(0, 0, 0, 0.02) 20%, transparent 60%) 3px 3px;
    background-color: white;
    background-size: 4px 4px;
    background-position: center;
    z-index: 2;
    position: absolute
}

.marvel-device.s5 .top-bar:before,
.marvel-device.s5 .top-bar:after {
    width: calc(100% - 48px);
    content: '';
    display: block;
    height: 26px;
    background: inherit;
    position: absolute;
    -webkit-border-radius: 500px / 40px;
    border-radius: 500px / 40px;
    left: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.marvel-device.s5 .top-bar:before {
    top: -7px
}

.marvel-device.s5 .top-bar:after {
    bottom: -7px
}

.marvel-device.s5 .sleep {
    width: 3px;
    position: absolute;
    left: -3px;
    top: 100px;
    height: 100px;
    background: #cecece;
    -webkit-border-radius: 2px 0px 0px 2px;
    border-radius: 2px 0px 0px 2px
}

.marvel-device.s5 .speaker {
    width: 68px;
    height: 8px;
    position: absolute;
    top: 20px;
    display: block;
    z-index: 3;
    left: 50%;
    margin-left: -34px;
    background-color: #bcbcbc;
    background-position: top left;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.marvel-device.s5 .sensor {
    display: block;
    position: absolute;
    top: 20px;
    right: 110px;
    background: #3c3d3d;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    width: 8px;
    height: 8px;
    z-index: 3
}

.marvel-device.s5 .sensor:after {
    display: block;
    content: '';
    position: absolute;
    top: 0px;
    right: 12px;
    background: #3c3d3d;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    width: 8px;
    height: 8px;
    z-index: 3
}

.marvel-device.s5 .camera {
    display: block;
    position: absolute;
    top: 24px;
    right: 42px;
    background: black;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    width: 10px;
    height: 10px;
    z-index: 3
}

.marvel-device.s5 .camera:before {
    width: 4px;
    height: 4px;
    background: #3c3d3d;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin-top: -2px;
    margin-left: -2px
}

.marvel-device.s5 .home {
    position: absolute;
    z-index: 3;
    bottom: 17px;
    left: 50%;
    width: 70px;
    height: 20px;
    background: white;
    -webkit-border-radius: 18px;
    border-radius: 18px;
    display: block;
    margin-left: -35px;
    border: 2px solid black
}

.marvel-device.s5.landscape {
    padding: 18px 60px;
    height: 320px;
    width: 568px
}

.marvel-device.s5.landscape:before,
.marvel-device.s5.landscape:after {
    height: calc(100% - 52px);
    width: 26px;
    -webkit-border-radius: 40px / 500px;
    border-radius: 40px / 500px;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.marvel-device.s5.landscape:before {
    top: 50%;
    left: -7px
}

.marvel-device.s5.landscape:after {
    top: 50%;
    left: auto;
    right: -7px
}

.marvel-device.s5.landscape .top-bar:before,
.marvel-device.s5.landscape .top-bar:after {
    width: 26px;
    height: calc(100% - 48px);
    -webkit-border-radius: 40px / 500px;
    border-radius: 40px / 500px;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.marvel-device.s5.landscape .top-bar:before {
    right: -7px;
    top: 50%;
    left: auto
}

.marvel-device.s5.landscape .top-bar:after {
    left: -7px;
    top: 50%;
    right: auto
}

.marvel-device.s5.landscape .sleep {
    height: 3px;
    width: 100px;
    left: calc(100% - 200px);
    top: -3px;
    -webkit-border-radius: 2px 2px 0px 0px;
    border-radius: 2px 2px 0px 0px
}

.marvel-device.s5.landscape .speaker {
    height: 68px;
    width: 8px;
    left: calc(100% - 20px);
    top: 50%;
    margin-left: 0;
    margin-top: -34px
}

.marvel-device.s5.landscape .sensor {
    right: 20px;
    top: calc(100% - 110px)
}

.marvel-device.s5.landscape .sensor:after {
    left: -12px;
    right: 0px
}

.marvel-device.s5.landscape .camera {
    top: calc(100% - 42px);
    right: 24px
}

.marvel-device.s5.landscape .home {
    width: 20px;
    height: 70px;
    bottom: 50%;
    margin-bottom: -35px;
    margin-left: 0;
    left: 17px
}

.marvel-device.s5.black {
    background: #1e1e1e
}

.marvel-device.s5.black .speaker {
    background: black
}

.marvel-device.s5.black .sleep {
    background: #1e1e1e
}

.marvel-device.s5.black .top-bar {
    background: radial-gradient(rgba(0, 0, 0, 0.05) 20%, transparent 60%) 0 0, radial-gradient(rgba(0, 0, 0, 0.05) 20%, transparent 60%) 3px 3px;
    background-color: #2c2b2c;
    background-size: 4px 4px
}

.marvel-device.s5.black .home {
    background: #2c2b2c
}

.marvel-device.lumia920 {
    padding: 80px 35px 125px 35px;
    background: #ffdd00;
    width: 320px;
    height: 533px;
    -moz-border-radius: 40px / 3px;
    -webkit-border-radius: 40px / 3px;
    border-radius: 40px / 3px
}

.marvel-device.lumia920 .bottom-bar {
    display: none
}

.marvel-device.lumia920 .top-bar {
    width: calc(100% - 24px);
    height: calc(100% - 32px);
    position: absolute;
    top: 16px;
    left: 12px;
    -moz-border-radius: 24px;
    -webkit-border-radius: 24px;
    border-radius: 24px;
    background: black;
    z-index: 1
}

.marvel-device.lumia920 .top-bar:before {
    background: #1e1e1e;
    display: block;
    content: '';
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    top: 2px;
    left: 2px;
    position: absolute;
    -moz-border-radius: 22px;
    -webkit-border-radius: 22px;
    border-radius: 22px
}

.marvel-device.lumia920 .volume {
    width: 3px;
    position: absolute;
    top: 130px;
    height: 100px;
    background: #1e1e1e;
    right: -3px;
    -webkit-border-radius: 0px 2px 2px 0px;
    border-radius: 0px 2px 2px 0px
}

.marvel-device.lumia920 .volume:before {
    width: 3px;
    position: absolute;
    top: 190px;
    content: '';
    display: block;
    height: 50px;
    background: inherit;
    right: 0px;
    -webkit-border-radius: 0px 2px 2px 0px;
    border-radius: 0px 2px 2px 0px
}

.marvel-device.lumia920 .volume:after {
    width: 3px;
    position: absolute;
    top: 460px;
    content: '';
    display: block;
    height: 50px;
    background: inherit;
    right: 0px;
    -webkit-border-radius: 0px 2px 2px 0px;
    border-radius: 0px 2px 2px 0px
}

.marvel-device.lumia920 .camera {
    background: #3c3d3d;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 34px;
    right: 130px;
    z-index: 5;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.marvel-device.lumia920 .speaker {
    background: #292728;
    width: 64px;
    height: 10px;
    position: absolute;
    top: 38px;
    left: 50%;
    margin-left: -32px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    z-index: 3
}

.marvel-device.lumia920.landscape {
    padding: 35px 80px 35px 125px;
    height: 320px;
    width: 568px;
    -moz-border-radius: 2px / 100px;
    -webkit-border-radius: 2px / 100px;
    border-radius: 2px / 100px
}

.marvel-device.lumia920.landscape .top-bar {
    height: calc(100% - 24px);
    width: calc(100% - 32px);
    left: 16px;
    top: 12px
}

.marvel-device.lumia920.landscape .volume {
    height: 3px;
    right: 130px;
    width: 100px;
    top: 100%;
    -webkit-border-radius: 0px 0px 2px 2px;
    border-radius: 0px 0px 2px 2px
}

.marvel-device.lumia920.landscape .volume:before {
    height: 3px;
    right: 190px;
    top: 0px;
    width: 50px;
    -webkit-border-radius: 0px 0px 2px 2px;
    border-radius: 0px 0px 2px 2px
}

.marvel-device.lumia920.landscape .volume:after {
    height: 3px;
    right: 430px;
    top: 0px;
    width: 50px;
    -webkit-border-radius: 0px 0px 2px 2px;
    border-radius: 0px 0px 2px 2px
}

.marvel-device.lumia920.landscape .camera {
    right: 30px;
    top: calc(100% - 140px)
}

.marvel-device.lumia920.landscape .speaker {
    width: 10px;
    height: 64px;
    top: 50%;
    margin-left: 0;
    margin-top: -32px;
    left: calc(100% - 48px)
}

.marvel-device.lumia920.black {
    background: black
}

.marvel-device.lumia920.white {
    background: white;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2)
}

.marvel-device.lumia920.blue {
    background: #00acdd
}

.marvel-device.lumia920.red {
    background: #CC3E32
}

.marvel-device.htc-one {
    padding: 72px 25px 100px 25px;
    width: 320px;
    height: 568px;
    background: #bebebe;
    -webkit-border-radius: 34px;
    border-radius: 34px
}

.marvel-device.htc-one:before {
    content: '';
    display: block;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    position: absolute;
    top: 2px;
    left: 2px;
    background: #adadad;
    -webkit-border-radius: 32px;
    border-radius: 32px
}

.marvel-device.htc-one:after {
    content: '';
    display: block;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    position: absolute;
    top: 4px;
    left: 4px;
    background: #eeeeee;
    -webkit-border-radius: 30px;
    border-radius: 30px
}

.marvel-device.htc-one .top-bar {
    width: calc(100% - 4px);
    height: 635px;
    position: absolute;
    background: #424242;
    top: 50px;
    z-index: 1;
    left: 2px
}

.marvel-device.htc-one .top-bar:before {
    content: '';
    position: absolute;
    width: calc(100% - 4px);
    height: 100%;
    position: absolute;
    background: black;
    top: 0px;
    z-index: 1;
    left: 2px
}

.marvel-device.htc-one .bottom-bar {
    display: none
}

.marvel-device.htc-one .speaker {
    height: 16px;
    width: 216px;
    display: block;
    position: absolute;
    top: 22px;
    z-index: 2;
    left: 50%;
    margin-left: -108px;
    background: radial-gradient(#343434 25%, transparent 50%) 0 0, radial-gradient(#343434 25%, transparent 50%) 4px 4px;
    background-size: 4px 4px;
    background-position: top left
}

.marvel-device.htc-one .speaker:after {
    content: '';
    height: 16px;
    width: 216px;
    display: block;
    position: absolute;
    top: 676px;
    z-index: 2;
    left: 50%;
    margin-left: -108px;
    background: inherit
}

.marvel-device.htc-one .camera {
    display: block;
    position: absolute;
    top: 18px;
    right: 38px;
    background: #3c3d3d;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    width: 24px;
    height: 24px;
    z-index: 3
}

.marvel-device.htc-one .camera:before {
    width: 8px;
    height: 8px;
    background: black;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin-top: -4px;
    margin-left: -4px
}

.marvel-device.htc-one .sensor {
    display: block;
    position: absolute;
    top: 29px;
    left: 60px;
    background: #3c3d3d;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    width: 8px;
    height: 8px;
    z-index: 3
}

.marvel-device.htc-one .sensor:after {
    display: block;
    content: '';
    position: absolute;
    top: 0px;
    right: 12px;
    background: #3c3d3d;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    width: 8px;
    height: 8px;
    z-index: 3
}

.marvel-device.htc-one.landscape {
    padding: 25px 72px 25px 100px;
    height: 320px;
    width: 568px
}

.marvel-device.htc-one.landscape .top-bar {
    height: calc(100% - 4px);
    width: 635px;
    left: calc(100% - 685px);
    top: 2px
}

.marvel-device.htc-one.landscape .speaker {
    width: 16px;
    height: 216px;
    left: calc(100% - 38px);
    top: 50%;
    margin-left: 0px;
    margin-top: -108px
}

.marvel-device.htc-one.landscape .speaker:after {
    width: 16px;
    height: 216px;
    left: calc(100% - 692px);
    top: 50%;
    margin-left: 0;
    margin-top: -108px
}

.marvel-device.htc-one.landscape .camera {
    right: 18px;
    top: calc(100% - 38px)
}

.marvel-device.htc-one.landscape .sensor {
    left: calc(100% - 29px);
    top: 60px
}

.marvel-device.htc-one.landscape .sensor:after {
    right: 0;
    top: -12px
}

.marvel-device.ipad {
    width: 576px;
    height: 768px;
    padding: 90px 25px;
    background: #242324;
    -webkit-border-radius: 44px;
    border-radius: 44px
}

.marvel-device.ipad:before {
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    position: absolute;
    content: '';
    display: block;
    top: 4px;
    left: 4px;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    background: #1e1e1e
}

.marvel-device.ipad .camera {
    background: #3c3d3d;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 44px;
    left: 50%;
    margin-left: -5px;
    -webkit-border-radius: 100%;
    border-radius: 100%
}

.marvel-device.ipad .top-bar,
.marvel-device.ipad .bottom-bar {
    display: none
}

.marvel-device.ipad .home {
    background: #242324;
    -webkit-border-radius: 36px;
    border-radius: 36px;
    width: 50px;
    height: 50px;
    position: absolute;
    left: 50%;
    margin-left: -25px;
    bottom: 22px
}

.marvel-device.ipad .home:after {
    width: 15px;
    height: 15px;
    margin-top: -8px;
    margin-left: -8px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 4px;
    border-radius: 4px;
    position: absolute;
    display: block;
    content: '';
    top: 50%;
    left: 50%
}

.marvel-device.ipad.landscape {
    height: 576px;
    width: 768px;
    padding: 25px 90px
}

.marvel-device.ipad.landscape .camera {
    left: calc(100% - 44px);
    top: 50%;
    margin-left: 0;
    margin-top: -5px
}

.marvel-device.ipad.landscape .home {
    top: 50%;
    left: 22px;
    margin-left: 0;
    margin-top: -25px
}

.marvel-device.ipad.silver {
    background: #bcbcbc
}

.marvel-device.ipad.silver:before {
    background: #fcfcfc
}

.marvel-device.ipad.silver .home {
    background: #fcfcfc;
    -webkit-box-shadow: inset 0 0 0 1px #bcbcbc;
    box-shadow: inset 0 0 0 1px #bcbcbc
}

.marvel-device.ipad.silver .home:after {
    border: 1px solid rgba(0, 0, 0, 0.2)
}

.marvel-device.macbook {
    width: 960px;
    height: 600px;
    padding: 44px 44px 76px;
    margin: 0 auto;
    background: #bebebe;
    -webkit-border-radius: 34px;
    border-radius: 34px
}

.marvel-device.macbook:before {
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    position: absolute;
    content: '';
    display: block;
    top: 4px;
    left: 4px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    background: #1e1e1e
}

.marvel-device.macbook .top-bar {
    width: calc(100% + 2 * 70px);
    height: 40px;
    position: absolute;
    content: '';
    display: block;
    top: 680px;
    left: -70px;
    border-bottom-left-radius: 90px 18px;
    border-bottom-right-radius: 90px 18px;
    background: #bebebe;
    -webkit-box-shadow: inset 0px -4px 13px 3px rgba(34, 34, 34, 0.6);
    -moz-box-shadow: inset 0px -4px 13px 3px rgba(34, 34, 34, 0.6);
    box-shadow: inset 0px -4px 13px 3px rgba(34, 34, 34, 0.6)
}

.marvel-device.macbook .top-bar:before {
    width: 100%;
    height: 24px;
    content: '';
    display: block;
    top: 0;
    left: 0;
    background: #f0f0f0;
    border-bottom: 2px solid #aaa;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    position: relative
}

.marvel-device.macbook .top-bar:after {
    width: 16%;
    height: 14px;
    content: '';
    display: block;
    top: 0;
    background: #ddd;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    -webkit-border-radius: 0 0 20px 20px;
    border-radius: 0 0 20px 20px;
    -webkit-box-shadow: inset 0px -3px 10px #999;
    -moz-box-shadow: inset 0px -3px 10px #999;
    box-shadow: inset 0px -3px 10px #999
}

.marvel-device.macbook .bottom-bar {
    background: transparent;
    width: calc(100% + 2 * 70px);
    height: 26px;
    position: absolute;
    content: '';
    display: block;
    top: 680px;
    left: -70px
}

.marvel-device.macbook .bottom-bar:before,
.marvel-device.macbook .bottom-bar:after {
    height: calc(100% - 2px);
    width: 80px;
    content: '';
    display: block;
    top: 0;
    position: absolute
}

.marvel-device.macbook .bottom-bar:before {
    left: 0;
    background: #f0f0f0;
    background: -moz-linear-gradient(left, #747474 0%, #c3c3c3 5%, #ebebeb 14%, #979797 41%, #f0f0f0 80%, #f0f0f0 100%, #f0f0f0 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #747474), color-stop(5%, #c3c3c3), color-stop(14%, #ebebeb), color-stop(41%, #979797), color-stop(80%, #f0f0f0), color-stop(100%, #f0f0f0), color-stop(100%, #f0f0f0));
    background: -webkit-linear-gradient(left, #747474 0%, #c3c3c3 5%, #ebebeb 14%, #979797 41%, #f0f0f0 80%, #f0f0f0 100%, #f0f0f0 100%);
    background: -o-linear-gradient(left, #747474 0%, #c3c3c3 5%, #ebebeb 14%, #979797 41%, #f0f0f0 80%, #f0f0f0 100%, #f0f0f0 100%);
    background: -ms-linear-gradient(left, #747474 0%, #c3c3c3 5%, #ebebeb 14%, #979797 41%, #f0f0f0 80%, #f0f0f0 100%, #f0f0f0 100%);
    background: linear-gradient(to right, #747474 0%, #c3c3c3 5%, #ebebeb 14%, #979797 41%, #f0f0f0 80%, #f0f0f0 100%, #f0f0f0 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#747474', endColorstr='#f0f0f0', GradientType=1)
}

.marvel-device.macbook .bottom-bar:after {
    right: 0;
    background: #f0f0f0;
    background: -moz-linear-gradient(left, #f0f0f0 0%, #f0f0f0 0%, #f0f0f0 20%, #979797 59%, #ebebeb 86%, #c3c3c3 95%, #747474 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f0f0f0), color-stop(0%, #f0f0f0), color-stop(20%, #f0f0f0), color-stop(59%, #979797), color-stop(86%, #ebebeb), color-stop(95%, #c3c3c3), color-stop(100%, #747474));
    background: -webkit-linear-gradient(left, #f0f0f0 0%, #f0f0f0 0%, #f0f0f0 20%, #979797 59%, #ebebeb 86%, #c3c3c3 95%, #747474 100%);
    background: -o-linear-gradient(left, #f0f0f0 0%, #f0f0f0 0%, #f0f0f0 20%, #979797 59%, #ebebeb 86%, #c3c3c3 95%, #747474 100%);
    background: -ms-linear-gradient(left, #f0f0f0 0%, #f0f0f0 0%, #f0f0f0 20%, #979797 59%, #ebebeb 86%, #c3c3c3 95%, #747474 100%);
    background: linear-gradient(to right, #f0f0f0 0%, #f0f0f0 0%, #f0f0f0 20%, #979797 59%, #ebebeb 86%, #c3c3c3 95%, #747474 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#747474', GradientType=1)
}

.marvel-device.macbook .camera {
    background: #3c3d3d;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 20px;
    left: 50%;
    margin-left: -5px;
    -webkit-border-radius: 100%;
    border-radius: 100%
}

.marvel-device.macbook .home {
    display: none
}

/****************************************************************/
/****************************************************************/
/****************************************************************/

/* FEATURE PRODUCT PRICE */
span.price-feature {
	font-size: 14px!important;
	line-height: 1.5;
}

.feature-price-block {
	line-height: 1;
}

.woocommerce ul.products h3, .woocommerce-page ul.products h3  {
	padding: 10px 0 0!important;
}

li.catalog-mode h3 {
	padding: 10px 0 0!important;
}


/* Team Pages */

.team-search-label {
	display: inline-block;
	float: left;
	margin-bottom: 0;
	padding: 7px 7px 7px 0!important;
}

@media screen and (max-width: 480px){	
	.team-search-label {
		display: none;
	}	
}	

.team-nav {
	display: inline-block;
	margin: 2px 2px;
}

.team-nav p, .team-nav a {
	border: 1px solid #fff;
	width: 160px;
	display: block;
	padding: 8px 0;
	background: none;
	color: #fff;
}

@media screen and (max-width: 720px){
	.team-nav p, .team-nav a {
		width: 120px;
	}
}

@media screen and (max-width: 580px){
	.team-nav p, .team-nav a {
		width: 90px;
		font-size: 12px;
	}
}

.team-nav p:hover, .team-nav a:hover {
	background: #fff;
	color: #7dc9c8!important;
}

	
.team-nav-active p {
	background: #fff;
	padding: 4px 0;
	color: #7dc9c8!important;
	font-family: 'Century Gothic','Muli',sans-serif;
	font-weight: normal;
	font-style: normal;
}

#team-search {
	display: inline-block;
	float: left;
	width: 240px;
	min-width: 200px;
	font-size: 18px;
	padding: 6px;
	margin: 0 auto;
	text-align: center;
}

#team-search-clear {
	display: inline-block;
	float: left;
	background: #fff;
	color: #7dc9c8;
	padding: 10px 16px;
	margin-left: 4px;
	cursor: pointer;
}

#team-search-clear:hover {
	background: #c3002f;
	color: #fff;
}

.team-member-container {
	float:left!important;
}

@media screen and (max-width: 720px){
	.team-member-container {
		width: 50%!important;
	}
	
}

.team-no-bottom-margin {
	margin-bottom: 0;
}

.team-figure-wrapper {
	display: inline-block;
	position: relative;	
}

.team-info-name {
	display: inline-block;
}	

.team-portrait {
	width: 900px;
	height: auto;
}

.team-career-banner {
	background: #65cbc9;
	margin-bottom: 80px;
}

.team-career-banner-inner {
	padding: 5%;
}

.team-career-banner-content {
	background-color: rgba(0,0,0,0.6);
	margin: 0 30px;
	padding: 20px;	
}
 
.team-department-inner {
	background: #65cbc9 !important;
	padding: 0 5% 30px;
}

.team-nav-wrapper {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.team-nav-wrapper-inner {
	text-align: center;
	display: inline-block;
}

.team-nav-block {
	display: inline-block;
	float: left;
	margin-bottom: 0;
	padding: 7px 7px 7px 0!important;
}

.team-search-wrapper {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.team-member-inner {
	background: #555759!important;
	width: 100%; padding: 0;
}

.search-highlight {
	background-color:#65cbc9;
	color: #fff;
}	



.vc_custom_1566185679428 {
	position: absolute;
	bottom: calc(100% - 65vh);
	width: 100%;
}


.hero-button-aligner {
	/* text-align: center;
	position: absolute;
	width: calc(100% - 30px);
	bottom: calc(100% + 100px);
	*/
	display: flex;
	justify-content: center;
}
.big-red-hero-button {
	background: #c3002f;
	color: #fff;
	padding: 20px 40px;
	font-size: 30px;
	border-radius: 10px;
}

.big-red-hero-button:hover {
	color: #c3002f;
	background: #fff;
	
}