/*
  *** TABLE OF CONTENTS ***
  ------------------------------------------------------------------------------  
  Following the name of each section is -n- and a 3 or 4 digit code, for example
  abc, which you can use find next to skip to the next section.
  ------------------------------------------------------------------------------
  
  Base          = !bas
  Modules       = !mdl
  Primary       = !prm
  Home Page     = !hpg
  WooCommerce   = !wcm
  Media Queries = !mdq 
  
  Header        = !hdr
  Content       = !cnt
  Main          = !main
  Sidebar       = !sdb
  Footer        = !ftr

*/

/* ==========================================================================
   Base -n- !bse   
   ========================================================================== */

html, body, button,
input, select, textarea {
  font-family: 'Open Sans', sans-serif;
  color: #222;
}

body {
  font-size: 14px;
  line-height: 1.5;
  word-wrap: break-word;
      background: url(/wp-content/themes/mad/img/bgnew.jpg) no-repeat top center;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: inherit;
  font-weight: 700;
  text-rendering: optimizelegibility;
  color: inherit;
}
h1, .h1 {
  margin-bottom: 0.67em;
  font-size: 2em;
  line-height: 1.2;
}
h2, .h2 {
  margin-bottom: 0.83em;
  font-size: 1.5em;
  line-height: 1.2;
}
h3, .h3 {
  margin-bottom: 1em;
  font-size: 1.17em;
  line-height: 1.3;
}
h4, .h4 {
  margin-bottom: 1.33em;
  font-size: 1em;
  line-height: 1.25;
}
h5, .h5 {
  margin-bottom: 1.67em;
  font-size: .83em;
}
h6, .h6 {
  margin-bottom: 2.33em;
  font-size: .67em;
}

b, strong {
  font-weight: 700;
}

p,
menu,
figure,
fieldset,
ul, ol, dl,
blockquote,
table,
form,
pre,
hr {
  margin-bottom: 1em;
}

ul ul, ol ol,
ul ol, ol ul {
  margin: 0;
}

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

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

hr {
  display: block;
  height: 2px;
  border: 0;
  border-top: 1px solid #ccc;
  background: #fff;
}

/* http://css-tricks.com/snippets/css/style-placeholder-text/ */
::-webkit-input-placeholder { color: #bfbfbf; text-shadow: none; }
:-moz-placeholder { color: #bfbfbf; text-shadow: none; /* Firefox 18- */ }
::-moz-placeholder { color: #bfbfbf; text-shadow: none; /* Firefox 19+ */ }
:-ms-input-placeholder { color: #bfbfbf; text-shadow: none; }

a { color: #06c; }
a:visited { color: #048; }
a:hover { color: #09f; }

.button,
#submit,
.submitbutton,
a.shipping-calculator-button {
  display: inline-block;
  padding: 8px 16px;
  background: #0066cc;
  border: none;
  border-radius: 2px;
  font-size: 1em;
  text-decoration: none;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15);
  color: #ffffff;
  line-height: 1;
  -webkit-appearance: none;
}

.button:hover,
#submit:hover,
.submitbutton:hover
a.shipping-calculator-button:hover {
  background: #004c99;
  color: #ffffff;
}

.button:visited {
  color: #fff;
}

.nav a { text-decoration: none; }

/* ==|== Chrome Frame Prompt =========================================== */

.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: black;
  padding: 0.2em 0;
}

/* ==========================================================================
   Modules -n- !nrm   
   ========================================================================== */

/* == Flexslider == */
/* control nav */
.flex-control-nav {
  bottom: 6px;
  right: 0px; 
  text-align: center;
}
.flex-control-paging li a {
  width: 11px;
  height: 11px;
  background: #f0ebdd;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.flex-control-paging li a:hover { opacity: 0.8; filter: alpha(opacity=80);}
.flex-control-paging li a.flex-active { opacity: 1; filter: alpha(opacity=100); }
/* direction nav */
.flex-direction-nav a,
.flex-direction-nav a:hover,
.flex-direction-nav a:visited {
  color: #fff;
}
.flex-direction-nav a {
  width: 1.5em;
  height: 1.5em;
  margin: -.55em 0 0;
  opacity: 0;
  filter: alpha(opacity=00);
  font-size: 24px;
  line-height: 1.5em;
  vertical-align: middle;
  text-align: center;
}
.flexslider:hover .flex-next {opacity: 0.4; filter: alpha(opacity=40);}
.flexslider:hover .flex-prev {opacity: 0.4; filter: alpha(opacity=40);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 0.6; filter: alpha(opacity=60);}
.flex-direction-nav .flex-disabled {opacity: 0.25!important; filter: alpha(opacity=25);}
.flexslider:hover .flex-next {right: 5px;}
.flexslider:hover .flex-prev {left: 5px;}
/* End Flexslider */

/* Social Links */
.social-links { padding: 0; font-size: 24px; line-height: 1; list-style: none; }
.social-links li { float: left; margin-left: 0.2em; }
.social-links li:first-child { margin-left: 0; }
.social-links a { display: block; text-decoration: none; }
.social-links a, .social-links a:visited { color: #06c; }
.social-links a:hover { color: #09f; }

/* ==========================================================================
   Primary Styles -n- !prm  
   ========================================================================== */
   
.nav { margin: 0; padding: 0; }


.top10 {
	margin-top:10px !important;
}
.top20 {
	margin-top:20px !important;
}
.top30 {
	margin-top:30px !important;
}
.top40 {
	margin-top:40px !important;
}
.top50 {
	margin-top:50px !important;
}

/* ==|== Header !hdr -n- ====================================================== */

.header {  margin-bottom: 1em;     overflow: hidden;}

.header-inner {
  
}

.logo { float: left; margin: 0; line-height: 1; }

/* Navigation */
.main-nav-wrap { background: #252525; position: relative; z-index: 1000; }
.main-nav .nav { position: relative; left: 0; display: block; float: left; margin: 0; }
.main-nav .nav > li { display: block; float: left; }
.main-nav .nav > li > a {
  display: block;
  padding: 10px 10px 11px;
  color: #999999;
}
.main-nav .nav .caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin: 8px 0 0 2px;
  text-indent: -99999px;
  vertical-align: top;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #fff;
  opacity: 0.3;
  filter: alpha(opacity=30);
  content: "\2193";
}
.main-nav .nav > li > a:hover,
.main-nav .nav > li.dropdown.open > a,
.main-nav .nav > li.current-menu-item > a,
.main-nav .nav > li.current-menu-parent > a,
.main-nav .nav > li.current-menu-ancestor > a,
.main-nav .nav > li.current_page_ancestor > a {
  color: #ffffff;
}
.main-nav .nav li > a:hover > .caret,
.main-nav .nav li.dropdown.open > a > .caret
.main-nav .nav li.current-menu-item > a > .caret,
.main-nav .nav li.current-menu-parent > a > .caret,
.main-nav .nav li.current-menu-ancestor > a > .caret,
.main-nav .nav li.current_page_ancestor > a > .caret {
  opacity: 1;
  filter: alpha(opacity=100);
}
/* Drop Down */
.main-nav .nav .dropdown { position: relative; }
.main-nav .nav .dropdown-toggle { *margin-bottom: -3px; }
.main-nav .nav .dropdown-toggle:active, .dropdown.open .dropdown-toggle { outline: 0; }
.main-nav .nav .dropdown-content {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 160px;
  max-width: 220px;
  padding: 4px 0;
  margin: 0;
  list-style: none;
  background-color: #ffffff;
  border-color: #ccc;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.main-nav .nav .dropdown-content:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  position: absolute;
  top: -7px;
  left: 9px;
}
.main-nav .nav .dropdown-content:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  position: absolute;
  top: -6px;
  left: 10px;
}
.main-nav .nav .dropdown.open { *z-index: 1000; }
.main-nav .nav .dropdown.open > .dropdown-content { display: block; }
/*uncomment for hover dropdowns*/
/*.main-nav .nav > .dropdown:hover > .dropdown-content { display: block; }*/
.main-nav .nav .dropdown-content li a {
  display: block;
  padding: 3px 15px;
  clear: both;
  font-weight: 400;
  color: #555555;
  white-space: nowrap;
}
.main-nav .nav .dropdown-content li > a:hover { color: #fff; background: #08c; }
.main-nav .nav .dropdown-content .dropdown.open > a {
  color: #fff;
  background: #08c;
}
.main-nav .nav .dropdown-content .current-menu-item > a,
.main-nav .nav .dropdown-content .current-menu-parent > a,
.main-nav .nav .dropdown-content .current-menu-ancestor > a,
.main-nav .nav .dropdown-content .current_page_ancestor > a {
  color: #fff;
  background: #afafaf;
}

/* 2nd level and below drop down styles */
.main-nav .nav ul .caret {
  position: absolute;
  right: 8px;
  top: 2px;
  border-top: 4px solid transparent;
  border-left: 4px solid #777;
  border-bottom: 4px solid transparent;
  opacity: 0.3;
  filter: alpha(opacity=30);
  content: "\2193";
}
.main-nav .nav ul .dropdown.open > .dropdown-toggle > .caret,
.main-nav .nav ul .dropdown-toggle:hover > .caret {
  border-left: 4px solid #fff;
}
.main-nav .nav ul > .dropdown.open > .dropdown-toggle > .caret {
  opacity: 1;
  filter: alpha(opacity=100);
}
.main-nav .nav ul .dropdown-content {
  top: -3px;
  left: 157px;
  padding-left: 2px;
  padding-right: 2px;
}
.main-nav .nav ul .dropdown-content:before {
  border-top: 7px solid transparent;
  border-left: none;
  border-right: 7px solid #ccc;
  border-bottom: 7px solid transparent;
  top: 7px;
  left: -7px;
}
.main-nav .nav ul .dropdown-content:after {
  border-top: 6px solid transparent;
  border-left: none;
  border-right: 6px solid #fff;
  border-bottom: 6px solid transparent;
  top: 8px;
  left: -6px;
}
/* End Main Navigation */

.utility-nav {float: right;}
.utility-nav ul { text-align: right; }
.utility-nav li { display: inline-block; }
.utility-nav a { padding: 0 8px; }
.utility-nav a, .utility-nav a:visited { color: #06c; }
.utility-nav ul li a:hover,
.utility-nav ul li.current-menu-item a, 
.utility-nav ul li.current-menu-parent a,
.utility-nav ul li.current-menu-ancestor a,
.utility-nav ul li.current_page_ancestor a {
  color: #09c;
}


/* ==|== Content !cnt -n- ===================================================== */

#content-wrap {}
#content {}
.landing-header {
    background: rgba(255,255,255,.8);
    border: 4px solid #875b7d;
    border-radius: 10px 10px 0px 0px;
	padding: 20px;
	border-bottom:none;
}
.landing-container {
    max-width: 1100px;
    margin: 0 auto;
    margin-top: 335px;
    border: 2px solid #632a5d;
    padding: 20px 20px 0px 20px;
    border-radius: 10px 10px 0px 0px;
    border-bottom: none;
}
.home .page-title {
    display: none;
}
.home  .footer {
    display: none;
}

/* New Home */
.home-container {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#703c6a+0,c4aec1+25,ffffff+59,ffffff+59,ffffff+100 */
background: #703c6a; /* Old browsers */
background: -moz-linear-gradient(top,  #703c6a 0%, #c4aec1 25%, #ffffff 59%, #ffffff 59%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #703c6a 0%,#c4aec1 25%,#ffffff 59%,#ffffff 59%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #703c6a 0%,#c4aec1 25%,#ffffff 59%,#ffffff 59%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#703c6a', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

    box-shadow: -15px 14px 0px #793a68;
    border: 1px solid #642b5e;
	padding: 50px;
	border-bottom:none;
	 margin-top: 335px;
	     margin-bottom: 15px;
}

.topheading h1 {
    text-align: center;
    color: #fff;
    font-size: 260px;
    text-shadow: 10px 5px 0px #4a2041;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    margin-top: -155px;
    letter-spacing: 30px;
	    margin-bottom: 0;
}
.topheading h1 span {
     font-size: 101px;
    text-shadow: 7px 5px 0px #4a2041;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 2px;
    margin-left: -60px;
}

.topheading h2 {
    color: #fff;
    text-align: center;
    font-size: 72px;
    font-weight: 400;
    margin-top: -29px;
	 text-shadow: 7px 5px 0px #4a2041;
}

.purplecontainer {
    background-color: #793A67 !important;
    border: none;
    color: white !important;
    padding: 15px 32px !important;
    text-align: center !important;
    text-decoration: none !important;
    display: inline-block !important;
    font-size: 19px !important;
    width: 100%;
	line-height: 37px;
}
.row.phones {
    margin-top: 3px;
}
.row.phones h2 a {
    color: #fff;
}
.row.phones h2 {
    color: #793a67;
    font-size: 27px;
}

.formrow #gform_wrapper_1 {
    background: url(/wp-content/themes/mad/img/formbgnew.png) no-repeat;
    padding: 35px;
    margin-top: 5px;
    min-height: 415px;
	background-size: cover;
}

.formrow #gform_wrapper_1 h3 {
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 35px;
    margin: 0;
    text-transform: uppercase;
}

.formrow #gform_wrapper_1 input {
    border-radius: 0;
}

.formrow #gform_submit_button_1 {
    background: #793a68;
    font-weight: bold;
    float: right;
    padding: 10px 25px;
    font-size: 25px;
    color: #fff !important;
	    border-radius: 10px !important;

}





.testimonials  h3 {
    color: #793a68;
    font-size: 70px;
    margin-bottom: 10px;
}
/* .landing-container {
    max-width: 1100px;
    margin: 0 auto;
    margin-top: 335px;
    padding: 20px 20px 0px 20px;
    border-radius: 10px 10px 0px 0px;
    border-bottom: none;
}
 */
/* ==|== Main !main -n- ======================================================= */

#main {}
.page-title {}

/* ==|== Sidebar !sdb -n- ===================================================== */

.sidebar {}

/* ==|== footer !ftr -n- ====================================================== */

.footer { background: url(/wp-content/themes/mad/img/footer-bg.jpg) 0px -5px; margin-top: 1em; }

.footer-nav {}
.footer-nav > ul { text-align: center; margin: 2em 0; }
.footer-nav > ul > li { display: inline; }
.footer-nav > ul > li > a { padding: 0 10px;     color: #d1be6b;
    text-transform: uppercase; }
.footer-nav > ul > li:first-child > a { padding-left: 0; }
.footer-nav ul ul { display: none; }
.footer-nav ul li a:hover,
.footer-nav ul li.current-menu-item a, 
.footer-nav ul li.current-menu-parent a,
.footer-nav ul li.current-menu-ancestor a,
.footer-nav ul li.current_page_ancestor {
  color: #09f;
}

.footer-widget { margin-bottom: 1em; }

.copyright { margin: 1.5em 0 0.5em;text-align: center; }
.copyright small { font-size: 0.85em;color:#fff; }
.design-by { font-size: 0.8em; }

/* ==========================================================================
   WooCommerce -n- !wcm  
   ========================================================================== */

.woocommerce-breadcrumb a, .woocommerce-breadcrumb a:visited { color: #06c; }
.woocommerce-breadcrumb a:hover { color: #048 }

.woocommerce ul.products h2, .woocommerce ul.products h3 { color: #06c; }
.woocommerce ul.products .star-rating { color: #06c; }
.woocommerce ul.products .price { color: #06c; }
.woocommerce ul.products .button { color: #fff; }

/* ==========================================================================
   Home Page -n- !hpg
   ========================================================================== */
 #gform_wrapper_1 {
    background: url(/wp-content/themes/mad/img/form-bg.jpg) no-repeat;
    padding: 35px;
    margin-top: 55px;
	    min-height: 415px;
}
#gform_wrapper_1 .gfield_label {
    display: none !important;
}
#gform_wrapper_1 h3 {
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 30px;
    margin: 0;
}
#gform_wrapper_1  input {
    color: #793a68 !important;
    font-size: 20px;
    height: 50px;
    border-radius: 10px;
}
#gform_submit_button_1 {
    background: url(/wp-content/themes/mad/img/form-btn.png) no-repeat;
    font-weight: bold;
    float: right;
    padding: 10px 76px;
    font-size: 25px;
}
#gform_wrapper_1 .gform_footer {
    margin: 0px 0 0;
}
.purple {
    color: #793a68 !important;
}
/* ==========================================================================
   Media Queries -n- !mdq   
   ========================================================================== */

@media screen and (min-width: 960px) {
  .mobile .main-nav-wrap { display: block !important; overflow: visible !important; }
  
 #video {
    max-width: 447px;
    margin-top: -290px;
}
}
.oldie .main-nav-wrap { display: block !important; overflow: visible !important; }


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

#gform_wrapper_1 {
    background: #793A67;
}


}
@media screen and (max-width:992px) {
.header {
    background: transparent !important;
}
.logo {
    height: auto !important;
}

.topheading h1 {
    font-size: 53px;
    text-shadow: 5px 5px 0px #4a2041;
	    margin-top: -82px;
}
.topheading h1 span {
    font-size: 36px;
    text-shadow: 5px 5px 0px #4a2041;
}
.topheading h2 {
    font-size: 26px;
    margin-top: 0;
    text-shadow: 2px 1px 0px #4a2041;
}
.video iframe {
    max-width: 300px;
}
.row.phones h2 {
    font-size: 19px;
}
.formrow #gform_wrapper_1 h3 {
    font-size: 12px;
}

.formrow #gform_1 .gform_body input {
width:100%;
}
.formrow #gform_submit_button_1 {
    font-size: 14px;
}
.testimonials h3 {
    font-size: 33px;
}
}

/*purpledivbox*/
.purplebox {
    background-color: #793A67 !important;
    border: none;
    color: white !important;
    padding: 15px 32px !important;
    text-align: center !important;
    text-decoration: none !important;
    display: inline-block !important;
    font-size: 16px !important;
}