/* CSS Document for FlatDuplex */
body { font-family: 'Open Sans', sans-serif; font-size: 14px; padding: 0 0 0 0; }
a { color: #3599ff; text-decoration: none !important; }
h1 { font-size: 34px;text-transform: uppercase; }
h2 { font-size: 34px; }
h1, h2, h3 { line-height: 100%; }
.validation-error { background-color: #ffdddd !important; }
.animation-delay { -webkit-animation-delay: .45s; -moz-animation-delay: .45s; -ms-animation-delay: .45s; -o-animation-delay: .45s; animation-delay: .45s; }
.buttons-delay { -webkit-animation-delay: 2s; -moz-animation-delay: 2s; -ms-animation-delay: 2s; -o-animation-delay: 2s; animation-delay: 2s; }
.download-shake { -webkit-animation-delay: 3s; -moz-animation-delay: 3s; -ms-animation-delay: 3s; -o-animation-delay: 3s; animation-delay: 3s; }

/* Header Navbar ----------------------------------- */
.navbar-inner { border-bottom: none; box-shadow: none !important; background-image: none; background-color: #222; min-height: 125px; }
.navbar .nav { margin: 3px 10px 0 0; }
.navbar .brand { color: #fff; text-shadow: none; padding-top: 12px; }
.navbar .nav > li > a { float: none; padding: 10px 15px 10px; color: #fff; text-decoration: none; text-shadow: none; font-weight: bold; font-size: 16px; }
.navbar .nav > li > a:hover { color: #fff; }
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus { color: #fff; background-color: #3d3d3c; box-shadow: none; }

/* Header ----------------------------------- */
header { margin-top: 50px; }
header h1 { font-family: 'Gochi Hand', sans-serif; color: #222; text-transform: uppercase; margin: 0 0 4px 0; }
header h2 { font-family: 'Open Sans', sans-serif; color: #3599ff; text-transform: none; margin: 0 0 16px 0; }
header .subtitle { color: #3d3d3c; font-size: 27px; }
header p { line-height: 1.7; }
header .button { color: #ffffff; background-color: #3599ff; padding: 11px 30px; font-weight: 800; display: inline-block; margin-top: 19px; border: 7px solid #3599ff; text-decoration: none; }
header .button:hover { color: #3599ff; background-color: #ffffff; border: 7px solid #3599ff; }
header .store-buttons { margin-top: 10px; }
header .store-buttons a { width: 105px; }
header .store-buttons a { margin-left: 2px; display: inline-block; }
header .notebookslider { background: #fff url('../img/header-tablet-bg.jpg') no-repeat; background-size: contain; box-shadow: none; padding: 0; margin: 0; border: none; height: 358px; }
header .slides { padding: 4.9% 14.5% 23%; /* padding: 4.9% 13.5% 22.5%; */ }
header .flex-control-nav { bottom: 27.5%; }

.home-anchor h1 { font-family: 'Open Sans'; font-size:28px;}

/* Newsletter ----------------------------------- */
#newsletter { background-color: #3599ff; padding: 40px 0; }
#newsletter h2 { text-align: center; color: #ffffff; text-transform: uppercase; font-size: 22px; margin-bottom: 12px; }
#newsletter h2 i { margin-right: 10px; font-size: 25px; }
#newsletter form { background-color: #ffffff; width: 100%; height: 40px; padding: 5px; }
#newsletter form .submit-field { float: right; }
#newsletter .email { border: none; font-size: 17px; box-shadow: none; margin: 8px 0 0 10px; width: 62%; display: block; height: 20px; }
#newsletter .submit { background-color: #3599ff; color: #ffffff; font-size: 15px; text-transform: uppercase; border: none; line-height: 40px; height: 40px; padding: 0 30px; font-weight: 800; }
#newsletter .newsletter-info { font-weight:600; font-size: 14px; color: #444; }
#newsletter .subscribe-message { text-align: center; color: #ffffff; margin: 0 0 20px 0; }

/* Information ----------------------------------- */ #information .infoslider { box-shadow: none; padding: 0; margin: 100px 0; border: none; }
#information h2 { color: #3599ff; margin-top: 10px; margin-bottom: 20px; }
#information p { line-height: 1.7; margin-bottom: 10px; }
#information .flex-direction-nav a { width: 52px; height: 93px; }
#information .flex-next { right: 0px; }
#information .flex-prev { left: 0px; }
#information .flex-control-paging li a { width: 15px; height: 15px; border-radius: 0; }

/* About Us ----------------------------------- */ #about { background: #eff2f5 url('../img/about-bg.jpg') no-repeat center top; padding: 55px 0 75px 0; }
#about h2 { color: #3599ff; }
#about p { line-height: 1.7; }
#about .profiles { margin-top: 40px; }
#about .profile-image { border: 12px solid #3d3d3c; }
#about .profile-image-hover { border: 12px solid #3599ff; }
#about .profile-image img { width: 100%; }
#about .profile-border-arrow { text-align: center; margin-top: -18px; width: 25px; margin-left: auto; margin-right: auto; }
#about .profile-border-arrow i { color: #3d3d3c; font-size: 44px; width: 25px; }
#about .profile-border-arrow-hover i { color: #3599ff; }
#about h3 { color: #3599ff; font-weight: bold; margin: 0; }
#about .profiles p { color: #3d3d3c; line-height: 1; }
#about .profiles .social-icons { list-style: none; margin: 20px 0 0 0; text-align: center; }
#about .profiles .social-icons li { display: inline; }
#about .profiles .social-icons li a { margin: 0 10px; background-color: #3d3d3c; color: #ffffff; width: 40px; display: inline-block; text-align: center; line-height: 40px; font-size: 21px; }
#about .profiles .social-icons .twitter:hover { background-color: #5dd7fc; }
#about .profiles .social-icons .facebook:hover { background-color: #3b5a9b; }
#about .profiles .social-icons .googleplus:hover { background-color: #cf3d2e; }

/* Testimonials ----------------------------------- */ #testimonials { margin-top: 85px; }
#testimonials .stars { text-align: center; color: #FFED3D; font-size: 30px; margin-bottom: 25px; }
#testimonials .star-big { font-size: 36px; }
#testimonials .testimonialslider { box-shadow: none; padding: 0; margin: 0 0 85px 0; border: none; }
#testimonials .testimonial { font-size: 24px; color: #3599ff; line-height: 1.5; margin-bottom: 15px; min-height:200px; }
#testimonials .client { color: #7f7f7f; font-weight: 800; }
#testimonials .client-img { border: 3px solid #bbbbbb; }

/* Pricing ----------------------------------- */
#pricing { margin-top: 85px; margin-bottom: 85px; }
#pricing h2 { color: #7f7f7f; }
#pricing p { color: #7f7f7f; }
#pricing .pricing-table { margin: 40px auto; }
#pricing .pricing-column-left { margin-right: 0; padding-top: 35px; }
#pricing .pricing-column-center { margin-left: 0; margin-right: 0; }
#pricing .pricing-column-right { margin-left: 0; padding-top: 35px; }
#pricing .pricing-table .column { border: 1px solid #c5c5c5; min-height: 400px; }
#pricing .pricing-table .column-hover { background-color: #eaeaea; }
#pricing .pricing-table .standard { border-right: none; }
#pricing .pricing-table .premium { min-height: 450px; }
#pricing .pricing-table .business { border-left: none; }
#pricing .column-header { background-color: #7f7f7f; margin: 10px; padding: 20px 0; }
#pricing .bestprice-header { background-color: #3599ff; }
#pricing .column-header .package { color: #ffffff; margin: 0 0 0 0; line-height: 30px; }
#pricing .column-header .package-comment { color: #bcbcbc; margin: 0 0 28px 0; }
#pricing .column-header .price { color: #ffffff; font-size: 48px; font-weight: 800; }
#pricing .column-header .payment-method { color: #ffffff; font-size: 16px; }
#pricing .benefits { color: #3d3d3c; font-size: 14px; font-weight: bold; margin: 20px 10px 35px 10px; padding: 0; list-style: none; text-align: center; }
#pricing .bestprice-benefits { margin: 53px 10px 60px 10px; }
#pricing .benefits li { border-bottom: 1px dashed #7f7f7f; padding: 10px 0; }
#pricing .select-package-button { margin: 10px; background-color: #3599ff; font-size: 22px; font-weight: 800; color: #ffffff; display: block; text-align: center; padding: 15px 0; }

/* Gallery ----------------------------------- */
#gallery { background-color: #e2e2e2; padding: 50px 0 67px 0; }
#gallery h2 { color: #3599ff; }
#gallery .galleryslider { background: none; box-shadow: none; padding: 0; margin: 30px 0; border: none; }
#gallery .gallery-img { position: relative; }
#gallery .gallery-img a { padding: 9px; background-color: #ffffff; display: block; border: 1px solid #ffffff; }
#gallery .gallery-img a:hover { border: 1px solid #3599ff; }
#gallery .img-overlay { background: #3599ff url('http://mandmmattress.com/img/gallery-overlay.png') no-repeat center center; background: rgba(39, 63, 102, 0.5) url('http://mandmmattress.com/img/gallery-overlay.png') no-repeat center center; position: absolute; width: 100%; height: 100%; top: 100%; left: 0px; }
#gallery .flex-direction-nav a { margin: 0px; opacity: 100; top: -75px; width: 37px; height: 38px; background-image: url('../img/gallery_bg_direction_nav.png'); }
#gallery .flex-next { right: 0px; }
#gallery .flex-prev { right: 50px; left: auto; }
#gallery .flex-control-nav { text-align: left; padding-left: 2%; }
#gallery .flex-control-paging li a { width: 37px; height: 3px; border-radius: none; }
#gallery .flex-control-paging li a.flex-active { background: #3599ff; }

/* CONTACT ----------------------------------- */ #contact { margin-top: 85px; }
#contact h2 { color: #3599ff; vertical-align: bottom; margin-bottom: 30px; }
#contact h2 i { font-size: 60px; margin-right: 10px; }
#contact p { line-height: 1.7; margin-bottom: 25px; }
#contact p .highlight { color: #3599ff; font-weight: 800; }
#contact .gmap { height: 350px; margin-bottom: 25px; }
#contact .gmap .gmnoprint { display: none; }
#contact label { font-weight: 800; }
#contact input { border-radius: 0; padding: 9px; box-shadow: none; margin-bottom: 18px; height: 46px; line-height: 17px; }
#contact textarea { border-radius: 0; padding: 9px 9px 15px 9px; box-shadow: none; height: 145px; margin-bottom: 20px; }
#contact button { font-size: 18px; font-weight: 800; background-color: #3599ff; color: #ffffff; border: none; padding: 10px 20px; }
#contact .form-info { font-size: 13px; padding-top: 11px; color: #7f7f7f; }

/* SOCIAL ----------------------------------- */
#social {  /* border:1px solid #FF0000; */   text-align: center;   background: transparent;   padding: 20px 0 0px 0; }
#social h2 {   color: #3599ff;   margin-bottom: 12px; }
#social a { 	/* font-size:72px; */ 	text-decoration:none; 	color: #535353; }
#social a:hover { 	color: #737373; }

/* TAGS ----------------------------------- */ #tags { text-align: center; background: transparent; padding: 20px 0 0px 0; }
#tags h2 { color: #ffffff; margin-bottom: 12px; }
#tags a { white-space: nowrap; overflow: hidden; font-size:12px; font-weight:700px; line-height:24px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-decoration:none; color: #000; padding: 1px 5px 1px 5px; background: #919191; }
#tags a:hover { color: #000; background: #bbbbbb; }

/* FOOTER ----------------------------------- */
footer { background-color: #535353; color: #ffffff; font-size: 14px; margin-top: 65px; padding-bottom: 20px; }
footer .scroll-top { background-color: #ffffff; height: 21px; text-align: center; }
footer .scroll-top a { background: #535353 url('../img/scroll-top-button.png') no-repeat 0 0; height: 21px; width: 58px; display: block; margin: 0 auto; }
footer .address { font-weight: 800; margin: 30px 0 10px 0; }

/* MEDIA ----------------------------------- */
/* Large desktop */
@media (min-width: 1200px) { body { font-size: 18px; }
h1 { font-size: 52px; }
h2 { font-size: 42px; }
/* Header ----------------------------------- */
header { margin-top: 100px; }
header h1 { /* margin: 0 0 5px 0; */ }
header .subtitle { font-size: 33px; }
header .store-buttons a { width: auto; }
header .button { margin-top: 28px; }
header .flex-control-nav { bottom: 28%; }
header .notebookslider { height: 445px; }
/* Newsletter ----------------------------------- */
#newsletter { padding: 50px 0; }
#newsletter h2 { font-size: 24px; }
#newsletter h2 i { font-size: 25px; }
#newsletter .email { font-size: 19px; }
#newsletter .submit { font-size: 18px; }
/* Information ----------------------------------- */
#information h2 { margin-bottom: 25px; }
#information p { margin-bottom: 15px; }
/* Pricing ----------------------------------- */
#pricing .benefits { font-size: 16px; }
#pricing .select-package-button { font-size: 24px; }
/* Contact ----------------------------------- */
#contact input { padding: 12px; }
#contact textarea { padding: 12px 12px 11px 12px; }
#contact button { font-size: 18px; padding: 10px 25px; }
#contact .form-info { font-size: 14px; }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { body { font-size: 11px; }
h1 { font-size: 28px; }
h2 { font-size: 26px; }
/* Header ----------------------------------- */
header h1 {font-size: 28px; margin: 0 0 16px 0; }
header .subtitle { font-size: 21px; }
header .button { padding: 4px 45px; margin-top: 8px; }
header .flex-control-nav { bottom: 26.7%; }
.flex-control-paging li a { width: 9px; height: 9px; }
header .notebookslider { height: 275px; }
#information h2 { margin-top: 5px; margin-bottom: 15px; }
/* Newsletter ----------------------------------- */
#newsletter h2 { font-size: 18px; }
#newsletter h2 i { font-size: 20px; }
/* About Us ----------------------------------- */
#about .profile-image { border-width: 8px; }
#about h3 { font-size: 18px; }
#about .profiles .social-icons li a { margin: 0 5px; width: 33px; line-height: 33px; font-size: 14px; }
/* Testimonials ----------------------------------- */
#testimonials .testimonial { font-size: 20px; }
/* Contact ----------------------------------- */
#contact input { padding: 8px; font-size: 12px; }
#contact textarea { padding: 8px 8px 13px 8px; font-size: 12px; }
#contact button { font-size: 14px; padding: 10px 13px; }
#contact .form-info { font-size: 9px; }
#contact label { font-size: 12px; }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) { body { padding-left: 0 !important; padding-right: 0 !important; }
.container { padding: 0 40px; }
h1 { font-size: 28px; }
h2 { font-size: 26px; }
/* Header ----------------------------------- */
header { text-align: center; }
header .subtitle { display: block; }
header .notebookslider { margin-top: 50px; }
header .notebookslider { height: auto; }
/* Newsletter ----------------------------------- */
#newsletter h2 { font-size: 18px; }
#newsletter h2 i { font-size: 20px; }
#newsletter .email { width: 60%; }
/* Information ----------------------------------- */
#information { text-align: center; }
#information .infoslider { margin: 120px 0 80px 0; }
#information .infoslider img { margin-bottom: 25px; }
#information .flex-direction-nav a { width: 37px; height: 37px; }
#information .flex-next { background-position: -66px -28px; right: 40%; top: -40px; }
#information .flex-prev { background-position: -7px -28px; left: 40%; top: -40px; }
/* About Us ----------------------------------- */
#about { background-image: none; background-color: #f3f3f3; padding: 63px 0 20px 0; }
#about .profile { margin-bottom: 60px; }
/* Testimonials ----------------------------------- */
#testimonials .testimonial { font-size: 20px; }
#testimonials .client-img { text-align: center; margin-bottom: 15px; }
/* Pricing ----------------------------------- */
#pricing .pricing-column-left { padding-top: 0; }
#pricing .pricing-column-right { padding-top: 0; }
#pricing .pricing-table .column { margin-bottom: 30px; }
#pricing .pricing-table .standard { border-right: 1px solid #c5c5c5; }
#pricing .pricing-table .premium { min-height: 1px solid #c5c5c5; }
#pricing .pricing-table .business { border-left: 1px solid #c5c5c5; margin-bottom: 0; }
/* Gallery ----------------------------------- */
#gallery { text-align: center; }
#gallery .galleryslider { margin: 30px 0 80px 0; }
#gallery .flex-direction-nav a { top: 103%; }
#gallery .flex-next { right: 0px; }
#gallery .flex-prev { right: auto; }
#gallery .flex-control-nav { text-align: center; padding-left: 0; bottom: -55px; }
#gallery .flex-control-paging li a { height: 10px; }
/* Contact ----------------------------------- */
#contact { margin-top: 65px; }
#contact h2 { margin-bottom: 30px; text-align: center; }
#contact h2 i { font-size: 60px; margin-right: 10px; display: block; }
#contact p { text-align: center; }
#contact .form-submit { text-align: center; }
}

/* Landscape phones and down */
@media (max-width: 480px) {
h1 { font-size: 26px; }
h2 { font-size: 24px; }
/* Header ----------------------------------- */
header h1 { font-size: 30px; }
header h2 { font-size: 26px; }
header .subtitle { font-size: 22px; }
header .flex-control-nav { bottom: 27%; }
.flex-control-paging li a { width: 9px; height: 9px; background:#808080; }
/* Newsletter ----------------------------------- */
#newsletter h2 { font-size: 14px; }
#newsletter h2 i { font-size: 16px; }
#newsletter .email { font-size: 14px; width: 50%; margin-left: 3px; }
#newsletter .submit { font-size: 14px; padding: 0 25px; }
/* Information ----------------------------------- */
#information .infoslider { margin: 120px 0 60px 0; }
/* Contact ----------------------------------- */
#contact p { font-size: 13px; }
}
/* END Landscape phones and down */

.mtb5 { margin: 5px 0px 5px 0px; }
.mb10 { margin: 0px 0px 10px 0px; }
.bold { font-weight:700;}
.home-link { height:0px; display:none;}

.navbar-inner .button {
	margin:5px;
	background: #3599ff;
	position: relative;
	display: inline-block;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	color: #fff;
	padding: 10px 20px 10px 20px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	font-family: 'Open Sans', sans-serif;
	font-size : 30px;
}

.navbar-inner .button:hover { background: #55aaff; color: #fff; text-decoration: none; }
.navbar-inner .button:active { background: #3599ff; color: #fff; top: 1px; }
.navbar-inner .button:visited { color : #fff; }
.menu a { -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; text-decoration:none; color: #fff; padding: 1px 5px 1px 5px; }
.menu a:active { color: #000; background: #bbb; }
.menu a:hover { color: #000; background: #bbb; }

.small-text{font-size:12px;}

footer a{color: #fff;}
footer a:active{color: #fff;}
footer a:hover{color: #fff;}





.button {
border:0 solid #ccc;
display:inline-block;
outline:none;
cursor:pointer;
text-align:center;
text-decoration:none;
color:#fff;
-webkit-border-radius:1px;
-moz-border-radius:1px;
border-radius:1px;
-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow:0 1px 2px rgba(0,0,0,.2);
box-shadow:0 1px 2px rgba(0,0,0,.2);
background:#3599ff;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease;
margin:1px;
padding:.5rem 1rem;
}

.button:hover {
background:#34d177;
color:#fff;
text-decoration:none;
}

.button:active {
background:#27ae60;
color:#fff;
position:relative;
top:1px;
}

.button:visited {
color:#fff;
}

.modal-dialog {

-webkit-transition:opacity 400ms ease-in;
-moz-transition:opacity 400ms ease-in;
transition:opacity 400ms ease-in;

}

.modal-dialog {
position:relative;
z-index:0;
}