/*
Theme Name: MSM
Author: MSM DesignZ, inc.
Author URI: http://msmdesignz.com
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Custom
Text Domain: msm
*/

/* WORDPRESS STANDARD */
.alignnone{margin:5px 20px 20px 0;}
.aligncenter,div.aligncenter{display:block;margin:5px auto 5px auto;}
.alignright{float:right;margin:5px 0 20px 20px;}
.alignleft{float:left;margin:5px 20px 20px 0;}
a img.alignright{float:right;margin:5px 0 20px 20px;}
a img.alignnone{margin:5px 20px 20px 0;}
a img.alignleft{float:left;margin:5px 20px 20px 0;}
a img.aligncenter{display:block;margin-left:auto;margin-right:auto}
.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center;}
.wp-caption.alignnone{margin:5px 20px 20px 0;}
.wp-caption.alignleft{margin:5px 20px 20px 0;}
.wp-caption.alignright{margin:5px 0 20px 20px;}
.wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto;}
.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px;}

/*
 * COMMON STYLES & JUNK
 *
 * Boilerplate & Resets
 * Common Styles
 * Typography
 */

/* BOILERPLATE & RESETS */
@-o-viewport{width:device-width;}
@-ms-viewport{width:device-width;}
@viewport{width:device-width;}
*{margin:0;padding:0;-webkit-text-size-adjust:100%;}
*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
body,html{margin:0;padding:0;height:100%;}
body{position:relative;font-size:12pt;font-family:'Open Sans',sans-serif;}
.container{width:1120px;margin:0 auto;position:relative;}
.cf:before,.cf:after,.container:before,.container:after{content:"";display:table;}
.cf:after,.container:after{clear:both;}
.cf,.container{zoom:1;}

/* COMMON STYLES */
.slicknav_menu{display:none;}
img,iframe{max-width:100%;height:auto;}
.content p,.content ul,.content ol,.content table{margin-bottom:20px;}
.content *:last-child{margin-bottom:0;}
.content p{line-height:1.7em;}
.content ol,.content ul{margin-left:40px;}
a{color:#2ec3cf;text-decoration:none;}
hr{max-width:480px;height:1px;border:none;background:#2ec3cf;margin:20px auto;position:relative;}
hr:before,hr:after{content:'\2022';position:absolute;color:#2ec3cf;top:-13px;font-size:14pt;}
hr:before{left:-2px;}
hr:after{right:-2px;}
.half,.third,.quarter{width:25%;float:left;}
.third{width:33.33%;}
.half{width:50%;}

/* TYPOGRAPHY */
h3{font-weight:800;font-size:16pt;margin-bottom:20px;text-align:center;}

/*
 * HEADER & FOOTER
 *
 * Header / Nav
 * Footer
 */

/* HEADER / NAV - header.php */
header{background:#1b232f;color:#fff;position:relative;z-index:9;}
.logo{float:left;}
.logo img{display:block;margin:10px 0;}
nav,.social{float:right;}
.social a{border:1px solid #fff;padding:8px;border-radius:50%;font-size:16pt;margin:44px 0 0 5px;display:inline-block;color:#fff;transition:color 0.2s ease;}
.social a:hover{color:#2ec3cf;border:1px solid #2ec3cf;}
nav ul{list-style:none;font-size:0;}
nav ul li{display:inline-block;font-size:11pt;margin:52px 2px;border:2px solid transparent;border-radius:15px;}
nav ul li:hover,.current-menu-item{border:2px solid #2ec3cf;position:relative;}
nav ul li a{color:#fff;font-weight:700;display:block;padding:5px 7px;}
nav ul ul{position:absolute;left:-9999px;top:100%;background:#1b232f;z-index:99;padding:0 5px;}
nav ul li:hover>ul{left:0;}
nav ul ul li{margin:5px 0;width:100%;}

/* FOOTER - footer.php */
footer{background:#40bfea;color:#fff;}
footer a{color:inherit;}
footer a:hover{text-decoration:underline;}
footer .locations{float:left;font-size:0;}
footer .location{display:inline-block;font-size:11pt;margin:40px 0;}
footer .location:not(:last-child){margin-right:30px;}
footer .social a{margin:48px 0 0 22px;}
footer .social a:hover{color:#1b232f;}
.copyright{border-top:1px solid #fff;margin-top:25px;padding:25px 0;text-align:center;font-size:10pt;float:none;clear:both;}

/*
 * PAGE TEMPLATES
 *
 * Home
 */

/* HOME */
.slider{padding:15% 0;}
.slider>div{padding:15px 20px 0 5px;display:table;background:rgba(27,35,47,0.9);color:#fff;width:50%;}
.slider>div:first-child{background:rgba(46,195,207,0.9);margin-bottom:5px;padding:8px 25px 10px 0;}
.slider>div>div{float:right;width:525px;}
.slider h1{font-size:36pt;font-weight:400;letter-spacing:1px;text-transform:uppercase;line-height:1.1em;}
.slider h1 span{font-weight:700;display:block;font-size:47pt;}
.button{display:inline-block;padding:5px 25px;text-transform:uppercase;text-decoration:none;font-weight:600;margin:15px 15px 15px 0;transition:all 0.2s ease;background:transparent;border:3px solid #2ec3cf;border-radius:10px;}
.button,.button.blue:hover{color:#fff;}
.button:hover,.button.blue{background:#2ec3cf;color:#1b232f;}

.home-primary{padding:80px 0;background:#fff;box-shadow:0 0 55px 10px rgba(55,55,55,0.7);position:relative;z-index:1;text-align:center;color:#666;}
h2{font-weight:400;font-size:18pt;}
.home-products>div{float:left;width:33.33%;text-align:center;}
.home-products>div img{display:block;margin:0 auto 10px;}
.home-products .button{display:table;margin:12px auto 0;width:200px;}
.button.white{color:#fff;}
.button.white:hover{background:#1b232f;}

.home-secondary{padding:80px 0;background:#1b232f;color:#949ca8;text-align:center;}
.home-secondary .container>p{max-width:767px;font-size:17pt;margin:0 auto 40px;}
.home-secondary .container>p em{font-style:normal;color:#2ec3cf;}
.point{width:33.33%;float:left;padding:0 20px;font-size:10pt;color:#a2a2a2;}
h6{font-size:15pt;font-weight:400;}
.point h6{color:#e7e7e7;margin-bottom:15px;}

/* INDEX / PAGE */
.featured-image img{display:block;width:100%;}
.primary{padding:80px 0 40px;color:#3f3f3f;}
h1.title{font-weight:400;font-size:30pt;text-align:center;border-top:1px solid #bdbdbd;border-bottom:1px solid #bdbdbd;padding:40px 0;margin-bottom:40px;}

/* CONTACT */
.our,.primary .location{font-style:italic;font-size:10pt;}
.primary .location{padding:10px 35% 10px 0;border-bottom:1px solid #cecece;}
.primary .location:last-child{border-bottom:0;padding-bottom:0;}
.page-id-18 .primary .half:first-child{padding-right:40px;}
.page-id-18 .primary .half:last-child{padding-left:40px;}

.cform{background:#1b232f;padding:40px 65px;}
.cform input[type=text],.cform textarea{padding:15px;border-radius:10px;font-style:italic;display:block;margin-bottom:20px;background:#fff;width:100%;border:none;outline:none;font-family:inherit;}
.cform textarea{height:160px;}
.cform input[type=submit],.bbutton{background:#2ec3cf;color:#fff;cursor:pointer;padding:15px 55px;font-weight:600;font-size:14pt;display:table;margin:0 auto;border:none;outline:none;border-radius:10px;transition:all 0.2s ease;}
.cform input[type=submit]:hover{box-shadow:0 0 10px rgba(255,255,255,0.7);}
.cform .status{color:#fff;text-align:center;margin-top:15px;display:block;}
.form-output{padding:40px 0;position:relative;background:#2ec3cf;text-align:center;margin-bottom:40px;color:#fff;}
.form-output .ecks{position:absolute;top:10px;right:10px;cursor:pointer;font-size:16pt;}

/* PRODUCTS */
h1.title strong{font-weight:800;}
.brands img{display:block;margin:0 1% 1%;width:23%;float:left;padding:0 10px;}

/* PARTS */
.small-parts{background:#6a93b3;color:#fff;text-align:center;padding:20px;font-size:13pt;clear:both;float:none;margin-top:20px;}
.small-parts a{color:inherit;border-bottom:1px solid #fff;}
.part .title{margin-bottom:35px;}
.part p{line-height:1.7em;}
.part:not(:last-child){margin-bottom:65px;}
.part .half:first-child{padding:25px 40px 25px 0;}
.part .pink{background:#f0f0f0;padding:25px;}
a.bbutton{margin:40px 0 0;border:2px solid #2ec3cf;}
a.bbutton:hover{background:#fff;color:#2ec3cf;}

/* CONSULTING */
.consult{border-top:25px solid #1b232f;padding:65px 0 0;margin-top:65px;}
h4{font-size:28pt;font-weight:400;color:#2ec3cf;margin-bottom:25px;position:relative;padding:25px 0 25px 115px;}
.consult .half:first-child{padding-right:40px;}
.consult:last-child{margin-bottom:65px;}

/* ABOUT US */
.page-id-14 .content p,.page-id-14 .content ul{line-height:2em;}
.secondary{padding:65px 0;background:#1b232f;color:#fff;}

/* TAXONOMY */
h2.title{background:#1b232f;color:#46f5ff;text-align:center;padding:10px;font-weight:700;margin:65px 0 20px;}
.products{font-size:0;text-align:center;}
.product{width:25%;margin:0 0 2%;display:inline-block;padding:1%;border:1px solid transparent;text-align:left;vertical-align:top;}
.product:hover{border:1px solid #f78202;}
.product:hover img{border:1px solid transparent;}
.product img{border:1px solid #f78202;padding:10px;width:100%;display:block;margin-bottom:10px;}
h5{color:#3d85af;font-weight:700;font-size:12pt;}
h5 a{color:inherit;text-decoration:none;}

/* SINGLE PRODUCT */
.main-info{border-bottom:1px solid #ccc;}
.single-product h2.title{text-align:left;font-weight:400;padding:10px 25px;margin:20px 0 0;}
.main-info p{padding:15px 25px;font-size:15pt;margin:0;}
.main-info p:not(:last-child){border-bottom:1px solid #aaa;}
.specs h4{font-size:14pt;font-weight:700;padding:0;margin:40px 0 20px;}
.specs img{width:100%;display:block;margin:0 auto;}

/* NEWS */
.news-item{display:block;width:48%;margin:0 1% 3%;float:left;border-bottom:1px solid #f78202;border-right:1px solid #f78202;padding:0 10px 35px 0;color:inherit;font-size:11pt;position:relative;}
.news-item:hover{border-bottom:1px solid #46f5ff;border-right:1px solid #46f5ff;}
.news-item h5{margin-bottom:10px;}
.news-item img{float:left;margin:0 10px 0 0;}
.readmore{position:absolute;bottom:10px;right:10px;color:#f78202;font-size:10pt;font-weight:600;text-transform:uppercase;}
.news-item:hover .readmore{color:#46f5ff;}

/*
* MEDIA QUERIES
*
* Laptop
* Tablet (landscape)
* Tablet (portrait)
* Phone
*/

/* LAPTOP */
@media screen and (max-width: 1120px){
	.container{width:960px;}
	nav ul li{margin:52px 0;}
}

/* TABLET (landscape) */
@media screen and (max-width: 960px){
	.container{width:767px;}
	.social{text-align:center;float:none;}
	.social a{font-size:12pt;margin:10px;}
	.logo{width:28%;}
	footer .social a{margin:48px 0 0 10px;}
	.brands img{width:31%;}
	h1.title{font-size:24pt;padding:30px 0;}
	.product{width:31%;}
}

/* Tablet (protrait) */
@media screen and (max-width: 767px){
	.container{width:480px;}
	header nav>ul{display:none;}
	.slicknav_menu{display:block;}
	.social{display:none;}
	.logo{width:50%;}
	.slicknav_menu{background:transparent;text-align:right;width:50%;float:left;padding:0;margin:10px 0 0;}
	.slicknav_btn{background:#46f5ff;}
	.slicknav_menu .slicknav_menutxt{color:#1b232f;text-shadow:none;}
	.slicknav_menu .slicknav_icon-bar{box-shadow:none;background:#1b232f;}
	.slider h1{font-size:28pt;}
	.slider h1 span{font-size:36pt;}
	.slider>div{font-size:11pt;}
	.slider>div>div{width:427px;}
	.slider{padding:25% 0;}
	.home-products>div{width:100%;margin-bottom:50px;}
	.point{width:100%;margin-bottom:40px;}
	footer .location:not(:last-child),footer .location{width:50%;float:left;text-align:center;margin:10px 0 15px;}
	.brands img{width:48%;}
	h1.title{font-size:22pt;padding:25px 0;}
	.half{width:100%;margin-bottom:20px;}
	.page-id-18 .primary .half:last-child{padding-left:0;}
	.news-item{width:98%;}
	.product{width:48%;}
}

/* Phone */
@media screen and (max-width: 480px){
	.container{width: 300px;}
	.slider>div:first-child,.slider>div>div,.slider>div{width:100%;text-align:center;}
	footer .location:not(:last-child),footer .location{width:100%;}
	.brands img{width:98%;}
	h1.title{font-size:18pt;padding:20px 0;}
	.part .title{margin-bottom:20px;}
	h4{font-size:21pt;padding-top:12px;}
	.cform{padding:30px;}
	.product{width:98%;}
}