/*
Theme Name: Massive Dynamic Child Theme
Theme URI: http://www.massivedynamic.co/
Template: massive-dynamic
Author: Pixflow
Author URI: http://www.pixflow.net
Description: A Massive Dynamic child theme
Version: 3.8.1495604823
Updated: 2017-05-24 05:47:03

*/

.menu-product-categories {
    list-style-type: none !important;
}

/* Enter Your Custom CSS Here */
@media only screen and (min-width: 280px) and (max-width: 414px){
  .product-menu li{width:100% !important;}
  .product-menu ul ul{left:0px !important;width:100% !important;}
  .product-menu ul ul li{width:100% !important;}
  /*My custom boxex*/
  .box-inner-3{max-width:98% !important;margin:1%;}
  .mainbox-container-3{max-width:98% !important;margin:1%;}
  .box-inner-2 {width:98% !important;margin:1%;}
  .mybox{width: 98% !important; margin-left:-15px;}

}

@media only screen and (min-width: 280px) and (max-width: 768px){
  .mhsldr{margin-bottom:10px !important;}
  .product-categories .hover-text {width: 100%; font-size:20px;}
  .product-categories .meta .title{font-size:20px !important;}
  main{width:94% !important;margin-top:10px;}
  body:not(.compose-mode) .sectionOverlay.box_size, body.compose-mode.responsive-mode .sectionOverlay.box_size{width:96% !important;}
  .jc-container{margin-bottom:20px !important;}
  .layout-container> .bg-image{opacity:0.2;}
  .blog main, .archive main {margin-top: 50px !important;padding: 0 !important;}
  .topbar-section{display:none !important}

  main .content{background:#ffffff !important;}
  .home main .content{background:transparent !important;}
  footer.footer-default .footer-widgets .widget-area.classicStyle.border div[class*="col-"]:before {width: 0px !important;}
  
  header .content a.logo{visibility:visible !important;}
  .logo{width:100% !important; max-width:180px;}
  .content{width:100% !important;}
   header .color-overlay{background:#ffffff !important;}
   header{position:relative !important;}
  .home-row{margin-top:0px !important; margin-bottom:0px !important;}

  .phone-on-mobile{display: initial !important;}
  #livechat-compact-container{z-index:8000 !important;}
}
@media only screen and (min-width:767px) and  (max-width: 800px){
   .topbar-section{display:none !important}
   .logo{width:100% !important; max-width:180px;}
   header .color-overlay{background:#ffffff !important;}
}
@media only screen and (min-width:800px) and  (max-width: 1100px){
   .content, main{width:100% !important;}
   .topbar-inner{max-width:100% !important;}
   header.top-classic nav > ul > li {margin-left: 0px !important;  padding-left:3px !important; padding-right:3px !important;}
  
}

@media only screen and (min-width:800px) and  (max-width: 1280px){
   .content, main{width:100% !important;max-width:1040px !important;}
   .topbar-inner{max-width:1040px !important;width:100%}
   header.top-classic nav > ul > li {margin-left: 0px !important; padding-left:3px !important; padding-right:3px !important;}
}

@media only screen and (min-width:800px) and  (max-width: 1450px){
     header.top-classic nav > ul > li {margin-left: 0px !important;padding-left:3px !important; padding-right:3px !important;}
}


@media only screen and (min-width:769px){
    .logo {display:none;}
}
@media only screen and (min-width:1490px){
     #menu_item-8200 .simple {margin-left: -85% !important;}
      #menu_item-8200  .menu-item-has-children .simple{margin-left:0px !important}
}
header.top-classic nav.item-right > ul {
    text-align: center !important;
}
body {
    font-family: Lato !important;
    font-size: medium !important;
    line-height: 30px;
    margin-bottom:20px !important;
}
p {
    color: rgb(0,0,0);
    font-family: Lato;
    font-weight: 400;
    font-style: normal;
    font-size: medium !important;
    line-height: 32px;
    letter-spacing: 0px;
}
nav.navigation li.megamenu > .dropdown > li.menu-item > a span, nav li.megamenu .dropdown .dropdown li.menu-item > a span {
    color: #000000 !important;
}

/* Page style */

.topbar-inner{max-width: 75%;}
header.top-classic nav > ul > li {
    margin-left: 0.8%;
}
header{position:relative;}
.mybreadcrumbs{max-width:72%; margin:0 auto; margin-bottom:10px;}
.mybreadcrumbs a {color:#ffffff;}

.right-sidebar-blog {background:#ffffff;}


.md-text-content p {    
    font-size: 16px !important;
    line-height: 32px !important;
    font-family: Lato !important;
    font-style: light !important;
    font-weight: 400 !important;
    margin-bottom:20px !important;
}

.wpb_content_element p {
    font-family: Lato;
    line-height: 32px;
    font-style: light !important;
    font-weight: 400 !important;
    margin-bottom:20px !important;
}

.content a{font-size:16px; line-height:22px;}

.classic-blog-content p{font-size:medium !important;}
.post-content{font-family: Lato !important;
    font-size: medium !important;
    line-height: 30px;
    margin-bottom:20px !important;
}
.single-post .comments {
    background-color: #ffffff;
}
.menu-product-categories-container ul {list-style-type: none;}
.menu-product-categories-container ul li{display:inline-block; border:1px solid #000; padding:5px 10px;margin-bottom:10px;}



.product-categories .hover-text {width: 85%;}
.product-categories .meta .title{width:80%;}

.img-box-slider .image-box-slider-hover-text {
    font-size: 35px;
    line-height:45px;
}



.md-pixflow-slider.classic .pixflow-slide-container{max-width:100% !important;}

.jc-one-slide .pixflow-slide-bg{margin-left:0px !important;}

.wsp-container .wsp-pages-list, .children , .wsp-container ul{margin-left: 18px !important;}

.copyright a {color:#ffffff !important; font-size:16px;}

.post-content {
    width: 100%;
    background-color: #ffffff;
    padding: 10px 10px 20px 10px;
}

/* Blog styling */

.classic-blog .loop-post-content {
    padding: 0 0 15px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !imortant;
    box-shadow: none !important;
    margin-bottom: 35px;
    background-color: #fff;
    border: 1px solid #ebebeb;
}

.loop-post-content p .more-link{display:none;}
.post-comment-holder{margin:0px 0px 0px !important;}
.single-post-media{display:none;}
.comments-wrap, #respond-wrap {
    padding: 55px 40px 45px 10px;
}
.classic-blog .loop-post-content .post-title a{font-weight:normal !important;}

/*  Product menu  */
.responsive-tabs .responsive-tabs__list__item{border:2px solid #d1d1d1 !important; border-radius:3px; margin-bottom:10px ;}
.responsive-tabs ul.responsive-tabs__list{margin:0px !important;}
#tablist1-tab1, #tablist1-panel1{display:none !important;}
.responsive-tabs .responsive-tabs__panel {background: #fff;border: 1px solid #d1d1d1 !important;padding:13px 20px 0 !important;}
.responsive-tabs .responsive-tabs__list__item{margin: 1px 12px 15px 0 !important;}


.menu-engagement-rings-container  {
    height: 40px; /* set to the height you want your menu to be */
    margin: 0 0 10px; /* just to give some spacing */
    position:relative;
}
.shop-category-menu ul    {
    margin: 0; padding: 0; /* only needed if you have not done a CSS reset */
}
.shop-category-menu li    {
    display: block;
    float: left;
    margin: 0; padding: 0; /* only needed if you don't have a reset */
    position: relative; /* this is needed in order to position sub menus */
    margin-right:15px;
    margin-bottom:10px;
}

.shop-category-menu li a  {
    display: block;
    padding: 8px 20px;
    border: 1px solid #d1d1d1;
    border-radius: 40px;
    line-height:20px;
}
.shop-category-menu .current-menu-item a, 
.shop-category-menu .current_page_item a, 
.shop-category-menu a:hover, 
.shop-category-menu a:focus {
    color: #000;
    background: rgba(204, 204, 204, 0.3);
}
.shop-sub-menu{
    border: 1px solid #ebebeb;
    padding: 10px 10px 0px 10px;
    margin-bottom: 10px;
}
/* Woocommerce Customization */
.woocommerce-page main{margin-top:0px !important;}
.single-product .container {margin-top: 0px !important;}
.woocommerce-product-gallery__wrapper{margin-left:0px !important; margin-right:0px !important;}
.single-product .images {
    width: 45% !important;
    margin-right: 3%;
}
.single-product .summary {
    width: 52% !important;
}
.single-product .summary .entry-title {
    font-size: 38px;
    line-height: 48px;
    margin: 30px 0 !important;
    text-transform: capitalize;
    font-weight: 500;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {min-height: 150px !important;}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {margin-bottom:10px !important;}
.woocommerce-cart .container, .woocommerce-checkout .container{background:#ffffff;}

.woocommerce form input[type="text"], .woocommerce form select {
    padding: 18px;
    border: 1px solid #dadada;
    font-size: 13px;
}

.woocommerce .page-title {
    font-size: 45px;
    line-height: 45px;
    margin: 0px 0 40px;
}
.select2-container .select2-selection--single {
    height: 56px;
}
.select2-container .select2-selection--single .select2-selection__rendered{line-height:18px; padding-left:0px;}
.select2-container--default .select2-selection--single .select2-selection__arrow b{top:100%;}



.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 0px;
    padding: 18px;
}

.myanchor {
    color: #3366ff;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
    line-height: 1.3em;
    font-size: 13px !important;
    font-weight:100;
    text-transform:uppercase;
}
.woocommerce .woocommerce-breadcrumb {
    margin: 0 0 1em;
    padding: 0;
    font-size: 12px;
    color: #ffffff !important;
    display:initial !important;
    font-family:Raleway;
}
.woocommerce .woocommerce-breadcrumb a{color:#ffffff !important; font-size: 12px;font-family:Raleway;}

.woocommerce main .woocommerce-breadcrumb{display:none !important;}
.single-product .summary form.cart {
    margin-bottom: 18px !important;
}
.woocommerce-breadcrumbs{display:initial;}

.single-product .summary .button {
      padding: 0 10px !important;    
    width: 100%;
    max-width: 300px;
}

.cart-contents:before {
    font-family:WooCommerce;
    content: "\e01d";
    font-size:22px;
    margin-top:10px;
    font-style:normal;
    font-weight:400;
    padding-right:5px;
    vertical-align: bottom;
}
.cart-contents:hover {
    text-decoration: none;
}
.cart-contents-count {
    color: #fff;
    background-color: #2ecc71;
    font-weight: bold;
    border-radius: 10px;
    padding: 1px 4px;
    line-height: 1;
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: top;
    font-size:8px;
    margin-left: -17px;
}

/** 4c box design **/
.bottom-box{
  margin:0 auto;
  max-width:900px;
}
.box-inner-1{max-width:100%;margin:1%;}
.box-inner-2{width:46%;margin:1%;float:left;}
.box-inner-3{max-width:31%;margin:1%;float:left;}
.box-inner-4{max-width:23%;margin:1%;float:left;}
.box-inner-4 img{border:none !important;}
.box-inner{max-width:272px;width:32%;border: 1px solid #ebebeb;margin:4px;float:left;overflow:hidden;position:relative;min-width:182px;}
.box-inner-title{position:absolute;background:rgba(243, 243, 243, 0.75);text-align:center;margin-top:-53px;width:100%;color:#000000;}
.box-title{font-size: 18px; font-family: Georgia;  margin: 3px 0px;}
.box-description{border-top:1px solid #A1A1A1;font-size:14px;margin: 0px 15px;line-height:25px;}
.box-inner-title:hover{background:rgba(35, 51, 84, 0.9);}
.box-inner-4:hover .box-inner-title{background:rgba(35, 51, 84, 0.9);}
.box-inner-4:hover a{color:#ffffff !important;}

.box-inner-1:hover .box-inner-title{background:rgba(35, 51, 84, 0.9);}
.box-inner-1:hover a{color:#ffffff !important;}
.mybox-inner:hover .box-inner-title{background:rgba(35, 51, 84, 0.9);}
.mybox-inner:hover a{color:#ffffff !important;}
.mybox-inner:hover .box-title{color:#ffffff !important;}
.mybox-inner:hover .box-description{color:#ffffff !important;}
/** 4c end box design **/

/** Engagement rings box design **/
.mybox{width:48%;float:left;margin:5px;}
.mybox-wrapper{margin:0 auto;max-width:98%;margin:10px;}
.mybox-inner{width:100%;border: 1px solid #ebebeb;margin:4px;float:left;overflow:hidden;position:relative;}
.mybox-inner-title{position:absolute;background:rgba(243, 243, 243, 0.75);text-align:center;width:100%;margin-top:-53px;}

/** End Engagement rings box design **/

/** Roll over box design **/
.myrollbox-wrapper{margin:0 auto;max-width:100%;}
.myrollbox-inner{width:100%;border: 1px solid #ebebeb;margin:4px;float:left;overflow:hidden;position:relative;min-width:182px;}
.myrollbox-inner-title{position:absolute;background:rgba(243, 243, 243, 0.75);text-align:center;width:100%;}
.myrollbox-inner:hover .myrollbox-inner-title{
    color:#000000;
    margin-top:-60px;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}
.box-inner-title p{margin-bottom:0px !important; line-height:25px !important;}

.edit_form_line {
    width: 100% !important;
    display: inline-block;
}

.infusion-option{display: -webkit-inline-box;}
/* input[type="text"], textarea {font-size:medium !important; padding:3px 10px !important;} */


/* contact us page */

.mycontact-form label{display:none;}

.mycontact-form input[type="text"], textarea{padding:10px;border-color:rgba(0,0,0,0.7); border-radius:3px;border:1px solid;}

.mycontact-form .infusion-option{margin-top:10px;}
.mycontact-form .infusion-option label{display:initial !important;font-size:16px;line-height:25px;}

.mycontact-form .infusion-field{margin:10px 0px;}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000;
}
::-moz-placeholder { /* Firefox 19  */
  color: #000;
}
:-ms-input-placeholder { /* IE 10  */
  color: #000;
}
:-moz-placeholder { /* Firefox 18- */
  color: #000;
}

.mycontact-form input[type="submit"]{width:98%;background:#000; color:#fff !important;padding:20px;border:1px solid #000;border-radius:3px;}

/* Admin Entry */
.c-one-half{width:44%;margin-right:2%;padding:2%;float:left;}
.c-one-half-last{margin-right:0px;}

.c-left, .c-right{
    border: none;
    border-radius: 1px;
}

.first-box, .second-box, .third-box{
    border: 1px solid #d4d4d4;
    border-radius: 1px;
    padding:10px;
    margin-bottom:15px;
}

.my-entry-form input[type="checkbox"]{
    margin-top:-9px;
}

.my-entry-form br{display:none;}
.my-entry-form {max-width:600px;width:98%;border:1px solid #ebebeb; background: #ebebeb;border-radius:3px;padding:1%;margin:0 auto;}
.my-entry-form .infusion-field{width:50%;float:left;padding-right:1%;padding-left:1%;}
.my-entry-form input[type="text"], .my-entry-form select, .my-entry-form textarea{width:100%;border:1px solid #969595;}
.my-entry-form hr{margin-top:15px;margin-bottom:15px;}
.my-entry-form select{margin-bottom:0px !important;}
.my-entry-form .m-select{background:#ffffff;margin-bottom:10px;}
.my-entry-form input[type="submit"]{margin-left:7px;}
.my-entry-form input[type="checkbox"] {
    background-image: url(/wp-content/uploads/m-tick-icon.png);
}
.my-entry-form input[type="checkbox"]:checked {
    background-image: url(/wp-content/uploads/m-checked-tick-icon.png);
    background-repeat: no-repeat;
    background-position: center center;
}
.my-entry-form .infusion-field label{margin-bottom:12px;}
.my-entry-form .infusion-field{margin:5px 0px;}
/* end of my entry form */
/* Youtube responsive */

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
/* Cutsom Pages style */

.myul{font-size:16px; line-height:22px;}
.myul li{margin-bottom:15px;}
.audio_box{border:5px solid #2A2A2A;}
.md-text {width:100%;}
.tvo-testimonials-display.tvo-set2-template.tve_white .tvo-testimonial-display-item h4, .tvo-testimonials-display.tvo-set2-template.tve_white .tvo-testimonial-display-item p {
    color: #333;
    margin-top: -20px;
}
.tvo-testimonial-info{margin-top:35px;}

.edit_form_line {
    
    display: inline-block;
    width: 100% !important;
}

hr.style15 {
	border-top: 4px double #8c8b8b;
	text-align: center;
}
hr.style15:after {
	content: url(/wp-content/uploads/diamond-experience.png);
	display: inline-block;
	position: relative;
	top: -15px;
	padding: 0 10px;
	background: #f0f0f0;
	color: #8c8b8b;
	font-size: 18px;
}


hr.style16 {
	border-top: 4px double #8c8b8b;
	text-align: center;
}
hr.style16:after {
	content: url(/wp-content/uploads/diamond-experience.png);
	display: inline-block;
	position: relative;
	top: -15px;
	padding: 0 10px;
	background: #ffffff;
	color: #8c8b8b;
	font-size: 18px;
}

img {
    vertical-align: middle;
   
}

/*** flip book css ****/


#f1_container {
  position: relative;
  /*margin: 10px auto;*/
  width: 100%;
  /* height: 50vh; */
  z-index: 1;
  left: 0;
  max-width:388px;
  min-height:407px;
}
#f1_container {
  perspective: 1000;
}
#f1_card {
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: all 0.5s linear;
}
#f1_container:hover #f1_card {
  transform: rotateY(180deg);
 
}
.face {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  -webkit-backface-visibility:hidden;
  text-align:center;
  
}
.face.back {
  display: block;
  transform: rotateY(180deg);
  box-sizing: border-box;
  color: white;
  text-align: center;
}
.face img {max-width:480px; width:100%;}
 
 
/**** form design ****/
.fc-form .infusion-field{margin-bottom:20px;}

.fc-form input[type="text"]{
    width:99%;
    background:#f5f5f5;
    border:none;
    border-bottom:2px solid #d3d5e1;
}

.fc-form input[type="submit"]{
    border: 4px solid #b8a366;
    color: #b8a366;
    font-size: 20px;
    padding: 7px 20px;
}

.fc-form label{
    display:none;    
}

.fc-form ::-webkit-input-placeholder {
   color: #000000 !important;
}

.fc-form :-moz-placeholder { /* Firefox 18- */
   color: #000000 !important;
}

.fc-form ::-moz-placeholder {  /* Firefox 19+ */
   color:#000000 !important;
}

.fc-form :-ms-input-placeholder {  
   color: #000000 !important;
}

.c-one-half{width:49%;float:left;margin-right:2%;}
.c-last{margin-right:0px;}

/****** sharethis ******/

.stLarge{background: url(/wp-content/uploads/sharethis2.png) !important;}


/***** Top Bar ****/ 

@media only screen and (min-width: 58.75em){

.top-bar-section ul li {
    float: right !important;
}
}

.top-bar-section ul li > a {
    color: #FFFFFF;
    display: block;
    font-family: Raleway;
}
.top-bar, .top-bar-section li:not(.has-form) a:not(.button) {
    background:#ffffff;
}
.topbar-section{background:#ffffff;padding:15px;}
.topbar-text-left{line-height: 2.8125rem; color:#000000; font-size: 22px;}
.topbar-text-left:hover{text-decoration:underline;}

.top-bar-section ul li > a {
    color: #000000;
    display: block;
    font-family: Raleway;
    font-weight:500;
}

.top-bar-section li.active:not(.has-form) a:not(.button) {
    background: #333333;
}

.mega-menu-item-text-11{padding: 10px 15px 0px 15px !important; }
.mega-menu-item-8278, .mega-menu-item-8296{padding-top:0px !important;}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-toggle-on > a.mega-menu-link, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link:focus {
    background: transparent;
    color:#000;
}
/*** General Styling ****/
.woocommerce-checkout #payment ul.payment_methods li img{display:none !important;}
.woocommerce #payment .payment_method_afterpay .instalments .icon img{display:initial !important; top: 0 !important;}
.woocommerce #payment .payment_method_afterpay .instalments li {
    padding: 0 3px !important;
}
body .instalment li {line-height:11px !important;}
.woocommerce-checkout #payment ul.payment_methods li{line-height:15px !important;}


#menu_item-8624 a {display:none;}
#menu_item-8624 .dropdown a{display: initial !important;}
#menu_item-8624 li{text-align:left;}

header.top-classic nav > ul > li {margin-left: 1.5% !important;}
nav li.megamenu > .dropdown li, nav li.has-dropdown .dropdown li {
    font-size: 13px;
    line-height: normal;
    display: block;
    z-index: 3;
    position: relative;
    text-transform: uppercase;
    color: #000000 !important;
    
}
nav li.megamenu .dropdown .dropdown li.menu-item > a {
    white-space: nowrap;
    font-weight: bold;
}


header .content a.logo{visibility:hidden;}

footer.footer-default .footer-widgets {
       padding-top: 30px;
}

.md-pixflow-slider .flickity-viewport, .md-pixflow-slider .pixflow-slide {height:500px !important;}



#m-cricle{border-radius:50% !important;border:1px solid #ebebeb; !important;}
.single-post blockquote{    padding: 30px 5% 30px 5% !important;}

.phone-on-mobile{display:none;}

#livechat-compact-container{z-index:8000 !important;}

/******************************* Product  Enquire **************************************/

#my-form .infusion-field label{width:40% !important;display:inline-block; }
#my-form .infusion-field input[type="text"]{width:59% !important; padding:5px !important;color:#000!important;}
#my-form .infusion-field textarea{width:100% !important;color:#000!important;}
#my-form .infusion-field{margin-bottom:10px;}
#my-form input[type="submit"]{background:transparent !important; color:#ffffff !important;border:2px solid #fff !important; width:150px; padding:5px;}

#pum_popup_title_6426{display:none;}


.m-col2{width:48%; float:left;}
.colour-pre .infusion-option, .m-clarity .infusion-option{margin-right: 20px !important;}