/*
Theme Name: Mieke - Tijd voor trouwringen
Author: Comceptum
Author URI: http://comceptum.nl
Version: 1.0
Text Domain: mieke
*/

@import url("style-starter.css");

html, body {
	font-family: 'bree-serif';
	font-weight: 100;
}

h1 {
	font-weight: 400;
	font-size: 3rem;
}


h2 {
	font-weight: 400;
	font-size: 2.5rem;
}


h3 {
	font-weight: 400;
	font-size: 1.5rem;
}


h4 {
	font-weight: 400;
	font-size: 1.25rem;
}


h5 {
	font-weight: 400;
	font-size: 1rem;
}

a {
	color: rgb(234,81,96);
}

p:empty {
	display: none;
}

small {
	font-size: 0.7em;
}

strong {
	font-weight: bold;
}

strong, b {
    font-weight: 400;
}

.main {
	background-color: #fff;
}
.main:hover {
	background-color: transparent;
}

#header {
	/*background: rgb(246,245,241);*/
}

#header .menu-hoofdmenu-container {
	display: inline-block;
}

#header #menu-hoofdmenu li {
	display: inline-block;
	padding: 22px 10px;
	position: relative;
}

#header #menu-hoofdmenu li:after {
	content: '|';
	position: absolute;
	right: -5px;
	    color: rgb(234,81,96);
}

#header #menu-hoofdmenu li:last-child:after {
	content: unset;
}

#header #menu-hoofdmenu li a {
	font-weight: 400;
	color: #000000;
	text-decoration: none;
}

#header .branding{
	background: #f6f5f1;
}

#header.header-product {
	background: #fff;
	margin: 0px auto;
}

#header .user-name {
	display: none;
}

#header .profile-avatar {
	display: inline-block;
    position: relative;
    width: 30px;
    height: 22px;
    top: 0px;
}

#header .profile-avatar img {
	position: absolute;
	top: 0px;
	left: 0px;
	border-radius: 50%;
	margin-top: 2px;
}

#header .usp {
	display: inline-block;
	    white-space: nowrap;
}

#header .usp li{
	    display: inline-block;
    font-family: 'bree-serif';
    font-weight: 400;
    padding: 15px 10px;
}

#header .usp li:before {
    content: url(images/checkmark.svg);
    height: 20px;
    width: 15px;
    position: absolute;
}

#header .usp li span {
	padding-left: 20px;
}

a.sign-out {
	color: #adadad;
	margin-left: 10px;
	font-size: 0.8em;
}

.column-favorites a {
	text-decoration: none;
}

#count-favorites {
	font-size: 0.7em;
}

#count-favorites.zero {
	display: none;
}

.match {
	background: #c7aa6e;
    color: #fff;
    padding: 0px 4px;
    line-height: 1.2em;
    border-radius: 4px;
}

a.matches-heart {
	color: rgb(199, 170, 110) !important;
	margin-right: -17px;
}

.row.flex {
	display: flex;
}
.row.row-top {
	border-bottom: 1px solid #aaa;
}

.row .column-navigation {
	text-align: left;
	font-size: 1.5em;
}
.row .column-navigation a {
	text-decoration: none;
    color: rgb(234,81,96);
    font-size: 18px;
    font-weight: 400;
}

.row.row-navigation .column-nav a {
	text-decoration: none;
}

.column-favorites .column-inner-content,
.column-product-options .column-inner-content {
	text-align: right;
	font-size: 1.5em;
	padding: 10px;
}

.column-product-options .column-inner-content {
	font-size: 2.0em;
}

button.simplefavorite-button {
	border: none;
	background: none;
	color: rgb(234,81,96);
	    font-size: 24px;
}

a.close {
	color: #333;
}

.column-product-options .column-inner-content a.close {
	margin-left: 20px;
}

.row {
	position: relative;
	display: block;
	clear: both;
}
.row:before,
.row:after {
	content: "";
	display: block;
	clear: both;
}

.column {
	position: relative;
	display: block;
	width: 100%;
	float: left;
}

.grid {
	border-top: 1px solid #ebebeb;
	border-left: 1px solid #ebebeb;
}

.favorites-print {
	display: none;
}

.favorites .grid {
	border-top: none;
	border-bottom: 1px solid #ebebeb;
}

.grid-item-content {
	height: 100%;
}
.grid-sizer {
	width: 16.67% !important;
}

.column.column-m-50 {
	width: 50%;
}
.column.column-m-33 {
	width: 33%;
}
.column.column-m-25 {
	width: 25%;
}
.column.column-m-15 {
	width: 20%;
}
.column.column-m-75 {
	width: 75%;
}
.column.column-m-85 {
	width: 100%;
}
.column.column-m-66 {
	width: 66%;
}
/*.grid .column.column-m-50 {
	height: 50vw;
}*/

.column.column-m-100 {
	width: 100%;
}
.grid .column.column-m-100 {
	/*height: 50vw;*/
}

.grid .column.column-m-100.column-page {
	/*height: 100vw;*/
}

.column.column-m-50,
.column.column-m-100 {
    position: relative;
    overflow: hidden;
}

.column.column-m-50:after,
.column.column-m-100:after{
    content: "";
    display: block;
    padding-bottom: 100%;
}



.column.column-m-100.column-page:nth-child(2):after {
    content: "";
    display: block;
    padding-bottom: 100%;
}


.column.column-m-50 > a,
.column.column-m-100 .grid-item-content {
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.grid > .column:before {
	    content: '';
    /*border-right: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;*/
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
    border: 1px solid #ebebeb;
    pointer-events: none;
}

.row .column-navigation .column-inner-content {
	padding: 10px;
}

.column.column-m-hidden {
	display: none;
}

.column .make-favorite {
	position: absolute;
    top: 5px;
    right: 5px;
}

.row .column-logo .column-inner-content {
	padding: 10px;
}

.row .column-logo img {
	display: block;
	max-width: 100%;
	height: auto;
	width: 400px
}

.intro-matching .column-text {
/* 	background: rgb(234,81,96) url(images/background.svg) -30px -10px repeat; */
	background: rgb(246, 245, 240) url(images/background-white.svg) -30px -10px repeat;
	background-size: 750px;
	color: rgb(234,81,96);
}

.intro-matching .column-text .column-inner-content {
	padding: 30px;
/* 	color: #fff; */
	color: rgb(234,81,96);
	font-size: 1.1em;
	text-align: left;
	margin: 0px auto;
}

.intro-matching .column-text .column-inner-content h1,
.intro-matching .column-text .column-inner-content h2 {
	font-size: 1.8em;
	margin-bottom: 0.7em;
}

.intro-matching .column-text .column-inner-content p {
	font-size: 1.2em;
}



.intro-matching .column-text .column-inner-content p {
	margin-bottom: 1.0em;
}
body.home .intro-matching .column-text .column-inner-content p {
	margin-bottom: 0;
}

.intro-matching .column-text .column-inner-content p a {
	color: #fff;
}
.intro-matching .column-text .column-inner-content p a.btn.btn-inverse {
	color: rgb(234,81,96);
}

/*.intro-matching .row.thumbs {
	text-align: center;
}*/

.intro-matching .row .column.profile-image {
	width: 110px;
	height: 110px;
	overflow: hidden;
	display: inline-block;
	float: none;
	margin: 0px 5px;
}
.intro-matching .row .column.profile-image img {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	border: 5px solid #EBBC43;
}

a.my-favorites-heart {
	text-decoration: none;
	color: rgb(234,81,96) !important;
}

img.account {
	width: 20px;
}

a.btn {
	color: #fff;
	display: inline-block;
	padding: 0px 30px;
	line-height: 2.0em;
	border-radius: 0px;
	border: 1px solid #fff;
	background: none;
	text-decoration: none;
	margin-top: 20px;
	font-weight: 500;
}

a.btn.btn-inverse {
	color: rgb(234,81,96);
	background: #fff;	
}


.page-template-default .entry-content {
	-webkit-columns: 1;
  -moz-columns: 1;
  columns: 1;
}

.entry-content h3 {
    font-size: inherit;
    letter-spacing: unset;
    line-height: 1.5;
    text-transform: unset;
    color: rgb(234,81,96);
    font-size: 2rem;
}

.entry-content blockquote, .entry-content blockquote p {
    font-style: normal !important;
    margin: 0 0 1.5em 0;
    font-size: 1.25em;
    color: #ea5160;
    font-weight: 400;
}

.entry-content a.btn {
	border: 1px solid rgb(234,81,96);
	color: rgb(234,81,96);
	background: #fff;	
}
.entry-content a.btn.btn-inverse {
	border: 1px solid rgb(234,81,96);
	color: #fff;
	background: rgb(234,81,96);	
}

.entry-content i.fa {
	font-style: normal;
}

.intro-matching .column-image {
	overflow: hidden;
}

.intro-matching .column-image img {
	position: absolute;
	width: 100%;
	height: auto;
	min-height: 100%;
}

.filter {
	text-align: center;
	font-size: 1.5em;
	padding: 30px;
}
.filter a {
	text-decoration: none;
}

.filter-sidebar {
	position: relative;
}

.filter-sidebar__inner {
	padding: 30px 45px;
}
/*.filter-sidebar__inner {
	padding: 30px;
	    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}*/

/*.filter-sidebar__inner {
	    position: -webkit-sticky;
    position: sticky;
    top: 0;
}*/
.filter-sidebar .filter-inner {
	margin-bottom: 25px;
}

.filter-sidebar .filter-inner ul{
	line-height: 1.5;
}

.filter-sidebar .filter-inner h3 {
	font-weight: 400;
	text-transform: none;
	color: #000000;
}

.filter-sidebar .filter-inner h4 a {
	text-decoration: none;
	text-transform: uppercase;
	    color: rgb(234,81,96);
	    font-weight: 400;
	    -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

.filter-sidebar .filter-inner a {
	text-decoration: none;
	color: #000000;
}

.brands {
	display: none;
}

.product_image,
.block_page {
	left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /*width: 75%;*/
}


.block_page {
	width: 90%;
}

.product_image .block_image,
.block_page .block_page_content {
	clear: both;
    margin: 0 auto 20px;
    max-width: 100%;
    text-align: left;
}

.block_page_content .intro p {
	font-size: 1.5rem;
	font-weight: 100;
	
}
.product_image .block_image img {
	max-height: 35vw;
    max-width: 35vw;
}

.product_image .block_image h2 {
	display: none;
	position: absolute;
    width: 100%;
    bottom: 0px;
    left: 0px;
    color: #333;
}
.favorites .product_image .block_image h2 {
	display: block;
}

.the-price {
	font-size: 2.0em;
	line-height: 1.1em;
    margin-top: 0.2em;
    margin-bottom: 0.5em;
}

.store-price {
	color: rgb(234,81,96);
}

.column.column-page {
/* 	background: rgb(234,81,96) url(images/background.svg) -30px -10px repeat; */
	background: rgb(246, 245, 240) url(images/background-white.svg) -30px -10px repeat;
	color: rgb(234,81,96);
	font-size: 1.5em;
	font-weight: 400;
	    background-size: 750px;
}


.column.column-page:nth-child(15) {
	background: none;
	color: rgb(234,81,96);
}


.column.column-page:nth-child(15) a {
	background-color: rgb(234,81,96);
	color: #ffffff;
}

.column.column-page strong {
	font-weight: 400;
}

.column.column-page.column-contact {
	background: #dadada;
	color: #333;
	font-size: 1.3em;
	line-height: 1.7em;
	text-align: left;
}

.column.column-page.column-contact .block_page .block_page_content {
	text-align: left;
}

.column.column-page a {
	display: block;
    color: #fff;
    padding: 0px 30px;
    line-height: 1.75em;
    border: 1px solid #fff;
    background-color: #ffffff;
    text-decoration: none;
    margin-top: 20px;
    margin: 30px 0 0 0;
    border-radius: 4px;
    color: rgb(234,81,96);
    border-radius: 0px;
    font-weight: 400;
    text-align: center;
}

.full_image_block {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.full_image_block img {
	    width: 100%;
    height: 100%;
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

#navigation,
#filter {
    bottom: 0;
    left: 0;
    opacity: 1;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity 500ms;
    z-index: 99999;
}

#navigation.visible,
#filter.visible {
	opacity: 1;
    pointer-events: inherit !important;
    z-index: 9999;
}

.navigation-overlay,
.filter-overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5);
    transition: opacity .25s 0s ease-in-out;
    z-index: 5;
    opacity: 0;
}

#navigation.visible .navigation-overlay,
#filter.visible .filter-overlay {
	opacity: 1;
}

#navigation .navigation-holder {
	bottom: 0;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transform: translateX(400px);
    -ms-transform: translateX(400px);
    transform: translateX(400px);
    transition: -webkit-transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
    z-index: 10;
}

#navigation.visible .navigation-holder {
	-webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

#navigation .navigation-holder .nav-menu-box {
	box-sizing: border-box;
    padding: 35px 50px 0;
    background: white;
    height: 100vh;
    width: 270px;
    overflow-y: auto;
}

.switch_menu.close_menu {
	font-size: 30px;
    background-color: rgb(234,81,96);
    color: white;
    display: block;
    height: 60px;
    left: -60px;
    line-height: 60px;
    opacity: 0;
    position: absolute;
    text-align: center;
    text-decoration: none;
    top: 20px;
    transition-delay: 2.5s;
    transition: opacity 0.5s ease-in-out;
    width: 60px;
}
#navigation.visible .switch_menu.close_menu {
	opacity: 1;
}

.nav-menu li a {
	display: block;
	font-size: 1.5em;
	text-decoration: none;
	color: #333;
	margin-bottom: 1.3em;
}
.nav-menu li a:hover {
	color: rgb(234,81,96);
}

/* ======= filter box ======= */
#filter .filter-holder {
	position: fixed;
    top: 50%;
    left: 50%;
    padding: 50px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.25);
    z-index: 100;
    -webkit-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    background: white;
    line-height: 2;
    min-width: 300px;
    max-height: 100vh;
    overflow: auto;
    box-sizing: border-box;
    transition: -webkit-transform 300ms 100ms ease-in-out;
    transition: transform 300ms 100ms ease-in-out;
    transition: transform 300ms 100ms ease-in-out, -webkit-transform 300ms 100ms ease-in-out;
}

#filter.visible .filter-holder {
	-webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    text-align: center;
}

.filter-holder h2 {
	font-size: 2.0em;
	line-height: 1.6em;
}

.filter-box .options a {
	display: block;
	font-size: 1.6em;
	line-height: 1.6em;
	text-decoration: none;
}
.filter-box .options a:hover {
	text-decoration: underline;
}

.filter-box > a.close_filter {
	position: absolute;
    top: 0;
    right: 0;
    line-height: 40px;
    font-size: 20px;
    display: block;
    background: rgb(234,81,96);
    color: #fff;
    width: 40px;
    height: 40px;
    text-align: center;
}

/* ======= PAGES ======== */
.header-banner {
	position: relative;
	display: block;
	height: 35vh;
	overflow: hidden;
}

.header-banner .header-image {
	background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    height: 100%;
    left: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.container {
	max-width: 1680px;
	margin: 0px auto;
}
.container.container-product,
.container.container-start-de-match {
	max-width: 1280px;
	margin: 0px auto 100px auto;
}

.container .container_inner {
	padding: 40px 20px 20px 20px;
}

.product-image-box {
	position: relative;
	-moz-user-select: none; 
	-webkit-user-select: none; 
	-ms-user-select:none; 
	user-select:none;
	-o-user-select:none;
}

.product-image {
	height: 42vh;
}

.product-image img {
	display: block;
	max-width: 100%;
	height: 100%;
	margin: 0px auto;
}

.container-product .row .column {
	background: #fff;
}

/*.container-product .row.row-navigation {
	display: none;
}
body:hover .container-product .row.row-navigation {
	display: block;
}

.container-product .row.row-swipe-info {
	display: block;
}
body:hover .container-product .row.row-swipe-info {
	display: none;
}*/

.row .column.swipe-info,
.row .column.column-nav  {
	width: 50%;
	color: #ccc;
	text-align: center;
}

.swipe-info .icons,
.column-nav .icons {
	font-size: 2.4em;
	color: rgb(234,81,96);
}

.swipe-info .message,
.column-nav .message {
	margin-top: 20px;
	color: #333;
}

.message.message-success {
	padding: 20px;
	border: 1px solid green;
	background: rgb(227, 255, 229);
	margin-bottom:20px
}

.swipe-info.swipe-to-left,
.column-nav.nav-prev {
	text-align: left;
}
.swipe-info.swipe-to-right,
.column-nav.nav-next {
	text-align: right;
}

.swipe-container {
	position: fixed;
	top: 0px;
	height: 100vh;
	width: 100%;
	z-index: 99999;
}

.swipe-container .inner-container {
	padding: 20px;
}

body.admin-bar .swipe-container .inner-container {
	margin-top: 46px;
}

.swipe-container h2 {
	font-size: 2.0em;
    text-align: center;
    font-weight: 100;
    margin-bottom: 1.0em;
    color: #fff;
}

.swipe-container .icon {
	font-size: 5.0em;
    text-align: center;
    font-weight: 400;
    margin-bottom: 0.5em;
    color: #fff;
}

.swipe-container p {
	font-size: 1.1em;
    text-align: center;
    color: #fff;
    margin-bottom: 1.1em;
}
.swipe-container p a,
.swipe-container p a.close {
	color: #fff;
	font-size: 0.9em;
}

.swipe-container a.btn {
    margin-top: 10px;
}

.swipe-container a.close {
    font-size: 1.5em;
}

.swipe-container a.undo {
    color: rgba(255,255,255,0.9);
}

.swipe-container.swipe-to-left {
	right: 0px;
	margin-right: -100%;
	background: rgba(64,64,64,0.9);
}
.swipe-container.swipe-to-right,
.swipe-container.swipe-favorite {
	left: 0px;
	margin-left: -100%;
	background: rgba(234,81,96, 0.9);
}

.swipe-container .row .column-right {
	float: right;
	font-size: 2.0em;
	width: auto;
}
.swipe-container .row .column-right a {
	color: #fff;
}

.container-product .container_inner {
	text-align: center;
}

.entry-header h1 {
	font-size: 2.0em;
    margin-bottom: 20px;
    display: inline-block;
    padding-bottom: 50px;
    margin-bottom: 50px;
    font-weight: normal;
    position: relative;
}

.entry-header h1:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 25%;
    height: 1px;
    background-color: #f7786b;
}

.page-template-page-intro-header .entry-content {
	text-align: center;
}
.page-template-page-intro-header .entry-content .ui-datepicker {
	margin: 0px auto 1.0em;
}

.entry-content .yui-calendar div, 
.entry-content .yui-calendar td, 
.entry-content .yui-calendar th, 
.entry-content .yui-calendar thead, 
.entry-content .yui-calendar span {
	font-family: 'bree-serif', sans-serif;
	font-weight: 100;
}

.entry-content .yui-calendar .calheader {
	width: 100%;
	font-size: 1.5em;
}

.entry-content .yui-calendar td.selectable {
	font-weight: 400;
}

.entry-content .yui-calendar td.today {
	background: #cde1ec;
}

.entry-content .yui-calendar td.calcell.restricted {
	color: #804248;

}

.entry-content .yui-calendar td.calcell.reserveddate {
	background-color: #ea5160;
}

.column-inner-content input[type=text],
.entry-content input[type=text],
.entry-content input[type=email],
.entry-content input[type=password] ,
.entry-content textarea {
	max-width: 96%;
    width: 96%;
	box-shadow: none;
	background: none;
	border: 1px solid #000000;
	border-radius: 0px;
	padding: 0.4em;
	font-size: 1.2em;
	font-family: 'bree-serif', arial;
	-moz-appearance: none;
	-webkit-appearance: none;
	font-weight: 100;
}

.column-inner-content input[type=text] {
	padding: 0.3em;
	font-size: 1.0em;
	background: #fff;
	border: none;
	box-shadow: inset 1px 1px 2px #666;
}

.entry-content input[type=submit] {
	    float: none;
    font-size: 1.1em;
    display: inline-block;
    color: #fff;
    padding: 5px 30px;
    line-height: 1.75em;
    border: 1px solid #fff;
    background-color: rgb(234,81,96);
    text-decoration: none;
    border-radius: 0px;
    font-weight: 400;
    text-align: center;
}

/* .entry-content #fbuilder .medium {
	padding: 0 4px;
	line-height: 1.5em;
} */

.entry-content #fbuilder .fields {
	margin: 0.8em 0;
}

#fbuilder .medium {
    padding-left: 0.4rem !important;
    padding-right: 0.4rem !important;
}

#hdcaptcha {
	width: 50%;
}
.entry-content label {
	display: block;
	font-weight: 400;
	font-size: 1.1em;
	margin-bottom: 10px;
}

.entry-content div.wpcf7 img.ajax-loader {
	position: absolute;
}

.wpcf7 {
	    page-break-inside: avoid;
    break-inside: avoid-column;
    display: block;
}

.entry-content img {
	border: none;
	padding: 0px;
}

body .column {
	margin-right: 0px;
}

body .entry-content .column-group .column {
	margin-right: 5%;

}

body .entry-content .column-group.columns-3 .column {
	float: none;
	width: 100%;
	margin-right: 3%;
}

.page-template-page-intro-header .entry-content input[name=your-date] {
	border: none;
	box-shadow: none;
	background: none;
	text-align: center;
	max-width: 90%;
	margin: 0px auto;
	padding: 0;
	color: rgb(234,81,96);
	font-weight: normal;
}

.page-template-page-inloggen .entry-header,
.page-template-page-register .entry-header {	
	max-width: 500px;
	margin: 0px auto;
	text-align: center;
}
.page-template-page-inloggen .entry-header h1,
.page-template-page-register .entry-header h1 {
	margin-bottom: 30px;
	padding-bottom: 0px;
}
.page-template-page-inloggen .entry-header h1:after,
.page-template-page-register .entry-header h1:after {
	display: none;
}

.page-template-page-inloggen .entry-content,
.page-template-page-register .entry-content {
	max-width: 500px;
	margin: 0px auto;
}

.page-template-page-inloggen .entry-content div,
.page-template-page-register .entry-content div {
	text-align: center;
}

.page-template-page-inloggen .entry-content input[type=text],
.page-template-page-inloggen .entry-content input[type=password],
.page-template-page-register .entry-content input[type=text],
.page-template-page-register .entry-content input[type=password],
.page-template-page-register .entry-content input[type=email] {
	width: 100%;
}

.userpage-or {
	position: relative;
    display: block;
    margin: 30px 0px;
    border-top: 1px solid rgb(234, 81, 96);
}
.userpage-or span {
    display: block;
    text-align: center;
    background: #fff;
    height: 30px;
    line-height: 30px;
    width: 60px;
    position: absolute;
    top: -18px;
    left: 50%;
    margin-left: -30px;
}

.column.column-page .social-media-menu a {
	display: inline-block;
	width: 15%;
	height: auto;
	margin: 0;
	padding: 0;
	border: none;
	font-size: 1.8em;
}

.social-media-menu {

}

/* Social media */

.social-media-menu {
  margin: 0;
  padding: 0;
  display: inline-block;
}


.social-media-menu > a {
  display: inline-block;
  font-size: 18px;
  line-height: 30px;
  width: 30px;
  height: 30px;
  border-radius: 36px;
  background-color: rgb(234,81,96);
  color: #ffffff !important;
  margin: 0 3px 3px 0;
  text-align: center;
}

.social-media-menu > a > i{
  color: #ffffff !important;
}

.social-media-menu > li > a:hover {
  text-decoration: none;
  background-color: #000000;
}


#footer {
	background: rgb(246,245,241);
	    border-top: 2px solid;
    border-color: rgb(234,81,96);
}

.footer .column .column-inner-content {
	padding: 10px;
}

.footer .column .column-inner-content p {
	margin-bottom: 20px;
}

.footer .column .column-inner-content h4 {
	text-transform: uppercase;
	font-weight: 400;
}

.footer .column .column-inner-content a {
	color: #000000;
	text-decoration: none;
}


.footer .column .column-inner-content a:hover {
	color: rgb(234,81,96);
	text-decoration: underline;
}

.footer .rights {
	background: rgb(234,81,96);
	color: #fff;
	text-align: center;
	font-size: 1em;
	line-height: 27px;
}

.footer .rights > span,
.footer .rights > a {
	display: inline-block;
	height: 27px;
}

.footer a.by-comceptum {
	display: inline-block;
	width: 127px;
	height: 30px;
	margin: 0px 5px;
	background: transparent url(images/by-comceptum@1.png) 50% no-repeat;
	text-indent: -9999px;
}

.entry-content .yui-calcontainer.multi {
    float: none;
}

.entry-content .yui-calcontainer.multi .groupcal {
	margin: 0px auto;
    float: none;
    width: 250px;
}

.entry-content #fbuilder .pbSubmit {
	    float: none;
    font-size: 1.1em;
    display: inline-block;
    color: #fff;
    padding: 5px 30px;
    line-height: 1.75em;
    border: 1px solid #fff;
    background-color: rgb(234,81,96);
    text-decoration: none;
    border-radius: 0px;
    font-weight: 400;
    text-align: center;
}

.grid-item.column > a {
	text-decoration: none;
	border: none;
	color: #ebebeb;
}

.grid-item.column .social-media-menu a {
	text-decoration: none;
	border: none;
	color: #fff;
}

.grid-item.column .social-media-menu:before,
.grid-item.column .social-media-menu:after {
	content: "";
	display: block;
	clear: both;
}

.grid-item.column.column-contact .block_page {
	width: 90%;
}

.grid-item.column.column-contact .block_page_content a {
	color: #000;
	text-decoration: underline;
	display: inline;
    padding: 0;
    line-height: inherit;
    border: none;
    background: none;
    margin: 0px;
    max-width: none;
    border-radius: 0;
}

.grid-item.column.column-contact .social-media-menu a {
	color: #fff;
	display: inline-block;
    padding: 0 10px 0 0;
    margin: 0px 0 20px 0;
}

.Dcontainer { 
  width: 100%;
  max-width: 600px;
  height: 180px;
  position: relative;
  background: rgb(234,81,96);
  margin: 0px auto;
}
#card {
  width: 100%;
  height: 100%;
  position: relative;
}


#card > div {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#card > div > img {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
}  

.hidden {
	display: none;
}

.row .column-l-only {
	display: none;
}

@media all and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
	.footer a.by-comceptum {
		background-image: url(images/by-comceptum@2.png);
		background-size: 127px 15px;
	}
}

@media only screen and (min-width: 992px) { 
	.magicCards {
		display: none;
	}

	#header .user-name {
		display: inline-block;
		font-size: 0.8em;
	}

	#navigation .navigation-holder .nav-menu-box {
	    width: 400px;
	}

	.grid .column.column-m-100.column-page {
		/*height: 50vw;*/
	}

	.row .column-logo .column-inner-content {
		padding: 10px;
	}

	.row .column-logo img {
		display: block;
		max-width: 100%;
		height: auto;
	}

	.row .column-m-only {
		display: none;
	}

	.row .column-l-only {
		display: block;
	}

	.branding .row .column-navigation {
		display: block;
		position: absolute;
		top: 0px;
		right: 0px;
		width: auto;
		padding: 16px 10px;
		float: none;
	}

	.column.column-m-33.column-favorites,
	.column.column-m-50.column-favorites,
	.column.column-m-66.column-favorites {
		display: block;
		float: none;
		width: 100%;
	}

	.header-product .row .column {
		width: auto;
	}

	.header-product .row .column.column-product-options {
		float: right;
	}
	.header-product .row .column.column-product-options .column-inner-content  {
		height: 64px;
		line-height: 64px;
	}

	.footer .row .column {
		float: none;
		display: inline-block;
		width: 49%;
		vertical-align: top;
	}

	.footer .column .column-inner-content {
		padding: 20px 20px;
	}

	.product-image {
		height: 60vh;
	}

	.brands {
		    background: rgb(246,245,241);
		display: block;
		padding-top: 10px;
	}

	.row .column.column-brand {
		height: 100px;
		margin: 25px 0;
	}

	.row .column.column-brand .inner {
		left: 50%;
	    position: absolute;
	    top: 50%;
	    -webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	    transform: translate(-50%, -50%);
	    width: 75%;
	}

	.row .column.column-brand .inner .block_image {
		clear: both;
	    margin: 0 auto;
	    max-width: 100%;
	    text-align: center;
	    height: 100%;
	}

	.row .column.column-brand .inner .block_image img {
		max-height: 100%;
	    max-width: 100%;
	}

	.column.column-m-85 {
		width: 80%;
	}
}


.slider {
		display: block;
	}

.slider img{
		width: 100%;
	height: auto;
	}

.grid > .column:nth-of-type(3) {
	 display: none;
	}
@media only screen and (min-width: 768px) { 
	body.admin-bar .swipe-container .inner-container {
		margin-top: 32px;
	}

	
	
	.grid .column.column-m-100.column-large-100.column-page {
		width: 100%;
		/*height: 50vw;*/
	}

	body .entry-content .column-group.columns-3 .column {
		float: left;
		width: 30%;
		margin-right: 3%;
	}
	
	.slider {
		display: none;
	}
	
	
	
	.grid > .column:nth-of-type(3) {
	 display: block;
	}
}

@media only screen and (min-width: 1024px) {
	.row .column-logo {
		width: auto;
		margin-right: 30px;
	}
	.row .column-pros {
		width: 50%;
	}
	.row .column-pros .column-inner-content {
		padding: 10px;
	}

	.row .column-pros i {
		color: rgb(234,81,96)
	}

	.row .column-m-hidden {
		display: block;
	}
	
	.intro-matching .column-text {
		width: 75%;
		height: 220px;
	}
	.intro-matching .column-text.column-100 {
		width: 100%;
		height: auto;
	}

	.page-template-default .entry-content {
			-webkit-columns: 2;
		  -moz-columns: 2;
		  columns: 2;
		}

	.intro-matching .column-image {
		width: 25%;
		height: 220px;
	}

	.footer .row .column {
		width: 14%;
	}
	/*.footer .row .column:nth-child(6),
	.footer .row .column:nth-child(7) {
		width: 8%;
	}*/

	.row.row-swipe-info,
	.row.row-navigation {
		position: initial;
	}

	.product-image-box .row .swipe-info,
	.product-image-box .row .column-nav {
		position: absolute;
		top: 0px;
		height: 100%;
		width: 20%;
		background: #fff;
	}

	.product-image-box .swipe-info .inner,
	.product-image-box .column-nav .inner {
		position: absolute;
		top: 50%;
		margin-top: -45px;
		left: 0px;
		width: 100%;
	}

	.product-image-box .swipe-info.swipe-to-left,
	.product-image-box .column-nav.nav-prev {
		left: 0px;
	}
	.product-image-box .swipe-info.swipe-to-right,
	.product-image-box .column-nav.nav-next {
		right: 0px;
	}

}

@media only screen and (min-width: 1280px) { 
	.column.column-m-50 {
		width: 33.33%;
	}
	
	.column.column-m-100.column-page:nth-child(2):after {
    content: "";
    display: block;
    padding-bottom: 50%;
}

	#header.header-product .column,
	#header.header-product .column.column-logo {
		width: 50%;
		margin-right: 0px;
	}

	.column.column-m-100 {
		width: 33.33%;
	}

	/*.grid .column.column-m-50 {
		height: 25vw;
	} */

	.grid .column.column-m-100 {
		/*height: 25vw;*/
	}
	.grid .column.column-m-100.column-page {
		width: 33.3%;
		/*height: 25vw;*/
	}

	.grid .column-page:nth-child(2) {
		width: 33.3% !important;
	}

	.grid .column-page:nth-child(2):after {
	    content: "";
	    display: block;
	    padding-bottom: 100% !important;
	}

	.home .grid .column-page:nth-child(2) {
		width: 66.66% !important;
	}
	.home .grid .column-page:nth-child(2):after {
		padding-bottom: 50% !important;
	}


.block_page {
    width: 75%;
}
	.home .grid .column:nth-child(7),
	.home .grid .column:nth-child(8),
	.home .grid .column:nth-child(9),
	.home .grid .column:nth-child(10),
	.home .grid .column:nth-child(11),
	.home .grid .column:nth-child(12) {
		width: 16.67%
	}


	.home .grid .column:nth-child(7) .product_image .block_image img,
	.home .grid .column:nth-child(8) .product_image .block_image img,
	.home .grid .column:nth-child(9) .product_image .block_image img,
	.home .grid .column:nth-child(10) .product_image .block_image img,
	.home .grid .column:nth-child(11) .product_image .block_image img,
	.home .grid .column:nth-child(12) .product_image .block_image img {
		    max-height: 10vw;
    max-width: 10vw;
	}

	

	.grid .column.column-m-100.column-large-100.column-page {
		width: 50%;
		/*height: 25vw;*/
	}

	.product_image .block_image img {
		max-height: 15vw;
	    max-width: 15vw;
	}

	.header-banner {
		height: 50vh;
	}
	
	.column.column-page {
	font-size: 1.5em;
	}
}


.row .column.column-brand .inner .block_image img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 
	.grid .column.column-m-100.column-page {
		width: 50%;
	}
	
	.grid .column.column-m-100.column-media {
		width: 50%;
	}
	}