/*

    Project Name: McLaws

    Technology: HTML5, CSS3, JAVASCRIPT, JQUERY, BOOTSTRAP

    UI Developer: Yograj

    Live Date: 20-03-2017


*/

@charset "utf-8";
/* CSS Document */
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset {margin:0;padding:0;outline:none;}
header, nav, section, article, figure, aside, footer, embed, hgroup, video {display: block;margin:0;padding:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, masthead, menu, nav, section {display:block;margin:0;padding:0;}
body {font:normal 12px arial;color:#2e2f31;margin:0;padding:0;font-family: 'Conv_Calibri' !important;}
img {vertical-align: middle;}
img, fieldset {border: 0;}
.cl {clear:both;}
.fl {float:left;}
.fr {float:right;}
.center {text-align:center;}
.skype {display:none;}
/* ::: Common CSS End ::: */
a {text-decoration:none;color:#344e6e;-moz-transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s;-o-transition: all 0.3s ease-in-out 0s;}
a:hover {text-decoration: underline;}
.clear{ clear:both;}
ul{list-style-type:none;}
a:focus img,input{ outline:none;}
@font-face {font-family: 'Conv_Calibri';src: url('../fonts/Calibri.eot');src: local('Conv_Calibri'), url('../fonts/Calibri.woff') format('woff'), url('../fonts/Calibri.ttf') format('truetype'), url('../fonts/Calibri.svg') format('svg');font-weight: normal;font-style: normal;}
*{ margin:0px; padding:0px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;font-family: 'Conv_Calibri';}
body{color:#767676;background:url(../images/bg.jpg) repeat;}
.container{ width:990px; margin:0 auto;}
#header{ padding-top:12px;}
.logo{float:left;margin-bottom: 43px;margin-top: 20px;}
.htitle{float:right;font: bold 30px  Conv_Calibri;color: #a42700;padding-top: 0px;margin-top: 30px;}
.navbx{ width:100%; float:left; background:url(../images/nvbg.jpg) repeat; height:49px;-webkit-border-radius: 12px 12px 0 0; -moz-border-radius:12px 12px 0 0; border-radius:12px 12px 0 0;border-top:1px solid #d1d2d2;box-shadow:inset 0px 3px 4px #f1f0f0;-webkit-box-shadow:inset 0px 3px 4px #f1f0f0;-moz-box-shadow:inset 0px 3px 4px #f1f0f0;font:15px/18px 'HelveticaLT-Condensed'; text-transform:uppercase; color:#222222;}
.navbx .contact{float:right;background:url(../images/mob.png) no-repeat left center;padding:0 25px 0 20px;margin-top:16px;font-family: 'Conv_Calibri';font-size: 19px;}
#nav{ float:left;}
#nav ul{ list-style-type:none;}
#nav ul li{display:inline;font: 16px 'HelveticaLT-Condensed';text-transform:uppercase;color:#222222;float:left;border-left:1px solid #e9e9e9;position:relative;}
#nav ul li:first-child{ border:0;}
#nav ul li a{color:#222222;padding:16px 22px;float:left;font-family: 'Conv_Calibri';}
#nav ul li a:hover,#nav ul li a.active,.navbx .contact span{color: #a42700;text-decoration:none;font-family: 'Conv_Calibri';}
#nav ul li ul{ display:none; position:absolute; left:0; top:48px; z-index:999; width:190px; background:#fff; 
box-shadow:0px 5px 5px #0f0d0b;-webkit-box-shadow:0px 5px 5px #0f0d0b;-moz-box-shadow:0px 5px 5px #0f0d0b;-webkit-border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px;}
#nav ul li:hover ul{ display:block; overflow:hidden;}
#nav ul li:hover ul li{ display:block; border:0; float:none; border-bottom:1px solid #e9e9e9;}
#nav ul li:hover ul li:last-child{ border:0;}
#nav ul li:hover ul li a{ display:block; float:none; padding:9px 12px;}
#nav ul li:hover ul li a:hover{ background:#e9e9e9;}
.slidesad{ border: 5px solid #fff;width:100%;box-shadow:inset 0px 0px 10px #0f0d0b;-webkit-box-shadow:inset 0px 0px 10px #0f0d0b;-moz-box-shadow:inset 0px 0px 10px #0f0d0b;height:411px;position:absolute;left:0;top:0;z-index:9;display:block;}
#content{ width:100%; float:left; border:1px solid #d4d4d4; background:#fff; padding: 20px 20px;}
#content h1{ font: bold 21px/35px 'HelveticaLT-Condensed'; color:#01185e; text-transform:uppercase; margin-bottom:12px;}
#content h1 a{color:#01185e;} #content h1 a:hover{ text-decoration:underline;}
#content h3{ font:bold 15px/18px 'HelveticaLT-Condensed'; color:#000; text-transform:uppercase; margin-bottom:12px;}
#content p{font-size:15px; text-align: justify;font-family: 'Conv_Calibri';}
#content .controw{ width:100%; float:left; border-top:1px solid #d4d4d4; padding:25px 0 25px 0;}
#content .controw .clogo{ float:left; width:290px; margin-right:20px; 
box-shadow:0px 0px 4px #cacaca;
-webkit-box-shadow:0px 0px 4px #cacaca;
-moz-box-shadow:0px 0px 4px #cacaca; padding:10px 10px 0px 10px; text-align:center}
#content .controw .clogo2{ float:left; width:225px; margin-right:50px;}
.box:nth-child(3) p {padding-bottom: 20px;}
.contact strong {font-size: 18px;}
#content .controw .clogo p,#content .controw .clogo2 p{ text-align:center; padding-top:10px;}
#content .controw .clogo p a,#content .controw .clogo2 p a{font:15px/18px 'HelveticaLT-Condensed'; color:#01185e; text-decoration:underline; text-transform:uppercase;}
#content .controw .description{height:106px; width:622px; vertical-align:middle; display: table-cell; font-style:italic;}
.sevice{ width:100%; float:left;}
.sevice .box{width: 22.6%;margin-right: 3%;float: left;min-height: 285px;position: relative;padding-bottom: 30px;}
.sevice .box:last-child{ margin-right:0;}
.sevice .box h2{font: normal 16px 'Conv_Calibri';color: #a42700;font-weight: bold;margin-bottom:5px;}
  
.sevice .box p{ text-align: justify;}
/*Target to title*/
.sevice .box:nth-child(3) h2:before{content:url(../images/icon/icon1.png);vertical-align:sub;margin-right: 4px;}
.sevice .box:nth-child(2) h2:before{ content:url(../images/icon/icon2.png); vertical-align:sub;margin-right:3px;}
.sevice .box:nth-child(1) h2:before{ content:url(../images/icon/icon4.png); vertical-align:sub;margin-right:4px;}
.sevice .box:nth-child(4) h2:before{ content:url(../images/icon/icon3.png); vertical-align:sub;margin-right:4px;}
/*Read More Button*/
.rmore{font-family: 'Conv_Calibri';text-transform:uppercase;font-size: 13px;color:#fff;background: #a42700;padding:4px 10px;-webkit-border-radius:3px;-moz-border-radius: 3px;border-radius: 3px;}
/*.rmore:hover{ color:#fff; background:#8d97d5; text-decoration:none;}*/
.blue{ color:#344e6e!important;}
.alignleft{ float:left; margin:0 13px 0 0px;}
.alginright{border:1px solid #d4d4d4; padding:3px; margin:0px 0 25px 40px; float:right;}
.list{ list-style-position:inside; margin-bottom:15px;}
.botspce{ margin-bottom:0px!important;}
.row{padding-top:20px; border-bottom:1px dashed #cfcccc; width:100%; float:left; padding-bottom:20px;}
.leftcontent{ width:600px; float:left; padding-top:20px; padding-right:20px; padding-bottom:12px;margin-bottom:35px;}
.row:last-child{ border:0;}
.contactform p{ margin-bottom:12px;}
.contactform label{ width:90px; color:#525252; float:left; font-size:14px; padding-top:9px; text-align:right; text-transform:uppercase; font-style:italic; margin-right:10px;}
.contactform input[type=text],.contactform input[type=tel],.contactform input[type=email],.contactform input[type=password],.contactform textarea{box-shadow: inset 3px 3px 3px #e8e6e6;-webkit-box-shadow:inset 3px 3px 3px #e8e6e6;-moz-box-shadow:inset 3px 3px 3px #e8e6e6;border:1px solid #cfcccc;width:80%;padding:12px 8px;background:#fff;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;font-family:'CalibriRegular';}
.contactform textarea{ height:200px; font-family:'CalibriRegular'; font-size:12px;}
.contactform input[type=submit]{ text-transform:uppercase; font: normal 15px/18px 'HelveticaLT-Condensed'; color:#fff; background:#01185e; padding:8px 15px;    
-webkit-border-radius:3px; 
-moz-border-radius: 3px; 
border-radius: 3px; border:0; cursor:pointer;}
.contactform input[type=submit]:hover{background:#ae7d23;}
.contright{ width:320px; float:right; padding-top:20px; font-size:16px;}
ul.small li span {font-style: italic;color: #000;font-weight: bold;font-size: 16px;}
/*Footer Section*/
#footer{width:100%; float:left; font-size:14px; color:#6e6d6d;padding:10px 0 10px 0;}
#footer .fleft{float:left;/* padding-top:12px; */}
#footer .fnav{    padding-bottom: 10px; float:left; list-style-type:none;}
#footer .fnav li{ padding-right:10px; float:left;}
#footer .fnav li a{    font-family: 'Conv_Calibri'; color:#6e6d6d; font-size:14px;}
#footer .fnav li a:hover{color: #a42700;}
#footer .fnav li:after{ content:'|'; margin-left:10px;}
#footer .fnav li:last-child:after{ display:none;}
#footer .srm{ float:right;text-transform: none!important; text-align:center;}
#footer .srm a{color:#6e6d6d; font-size:12px;}
p.wood-pellet-grills{margin-top: 30px;padding-bottom: 95px;border-bottom: 1px solid #ccc;}
.innerContent {background: #FFF;padding: 10px;/* margin-bottom: 30px; */border: 1px solid #ccc;}
.content {width: 100%;float: left;display: inline-block;}
.leftContent {width: 65%;padding: 10px;background-color: #FFF;float: left;text-align: justify;line-height: 1.6;color: #393944;font-family: 'Conv_Calibri';font-size: 16px;}
.innerContent .leftContent ul{margin-top: 5px; margin-bottom:15px;list-style: disc !important;padding-left: 35px;}
.innerContent .leftContent ul li{margin-bottom: 20px;}	
.content h1 {color: #a42700;font-size: 21px;padding-bottom: 20px;font-family: 'Conv_Calibri';padding-top: 20px;}
.leftContent p {text-align: justify;padding-bottom: 15px;}
.list {margin-bottom: 15px;}
.list li {line-height: 1.7;padding-left: 20px;background: url(../images/icon/sign.png) no-repeat left 5px;}
.rightContent {width: 33%;float: right;}
.cyclebox {border: 1px solid #ccc;background: #fff;padding: 5px;position: relative;font-family: 'Conv_Helvetica LT 57 Condensed';}
.cyclebox .innrtxt {color: #fff;font-size: 14px;font-weight: 100;line-height: 1.7;background: #a42700;padding: 9px 10px; font-family: 'Conv_Calibri';}
.cyclebox figure {position: relative;box-shadow: inset 0 0 25px #A7A7A7;}
figure.center {padding-top: 0;padding-bottom: 0px;}
figure.center img {width: 100%;}
.center {text-align: center;}
.link-bottom {margin: 30px auto;width: 100%;display: inline-block;font-family: 'Conv_Helvetica LT 57 Condensed';text-align: center;}
.link-bottom ul li:first-child {background: url(../images/side-img-3.jpg) no-repeat;background-size: 100%;}
.link-bottom ul li:nth-child(2) {background: url(../images/side-img-4.jpg) no-repeat;background-size: 100%;}
.link-bottom ul li:nth-child(3) {background: url(../images/side-img-1.jpg) no-repeat;background-size: 100%;}
.link-bottom ul li:nth-child(4) {background: url(../images/side-img-2.jpg) no-repeat;background-size: 100%;}
.link-bottom ul li {height: 84px;width: 323px;margin-bottom: 20px;position: relative;}
.link-bottom ul li:before {top: -10px;left: 0;position: absolute;content: "";background: url(../images/icon/side-img-shaddow-before.png) no-repeat left;
width: 282px;height: 12px;}
.link-bottom ul li:after {position: absolute;content: "";bottom: -10px;left: 0;background: url(../images/icon/side-img-shaddow-after.png) left;width: 282px;height: 12px;}
.link-bottom ul li a {/* font-family: 'Conv_Helvetica LT 57 Condensed'; */color: #FFF;font-size: 19px;padding: 29px 0 0;text-transform: capitalize;text-align: left;padding-left: 37%;/* padding-right: 15%; */display: inline-block;font-family: 'Conv_Calibri';}
.content_innerContent {float: left; width: 65%;text-align: justify;line-height: 1.6;    color: #393944;font-family: 'Conv_Calibri';font-size: 16px;}
.content_innerContent p { margin-bottom:15px;}
.content_innerContent h3 {padding-bottom: 24px;color: #000;font-weight: normal;text-align: justify;}
.content_innerContent-right {float: right;width: 30%;padding-top: 20px;}
.content_innerContent-right img {width: 100%;}
.content.innerContent h3 {font-size: 18px;color: #000;font-style: italic;margin-bottom: 10px;}
ul.contact li {line-height: 29px;text-align: justify;font-size: 18px;padding-bottom: 26px;}
/***********Contact**********/
span.phone a, span.anchor {font-size: 17px;font-weight: bold;}
span.darktxt, .contactadd h3 {width: 70px;display: inline-block;font-family: 'Conv_Calibri';padding-bottom: 8px;font-weight: bold;font-size: 17px;}
.map {border: 1px solid #c00000;margin-top: 21px;}
.front-page {min-width: 937px;font-size: 14px;line-height: 22px;color: #393944;/* background: url(../images/bg-1.png) repeat-x 0 275px; */font-family: 'Conv_Calibri' !important;}
.innerContent .contactfrm {padding-right: 46px;}
.content.innerContent:nth-child(1) .contactfrm {border-left: none;}    
.contactfrm, .contactadd {width: 50%;float: left;min-height: 360px;margin: 15px 0;display: inline-block;}
.contactfrm fieldset {border: none;float: left;width: 100%;padding-bottom: 10px;}
.contactfrm fieldset label {color: #777;font: normal 14px "Myriad Pro";width: 30%;float: left;padding-top: 8px;font-family: 'Conv_Calibri';}
.contactfrm fieldset input, textarea {width: 70%;padding: 7px 10px; border: 1px solid #d0d0d0;}
.contactfrm fieldset textarea {height: 150px;}
.contactfrm fieldset input[type="submit"], .contactfrm fieldset input[type="reset"] {width: initial;text-transform: uppercase; background: #a42700;
cursor: pointer;color: #fff;font: normal 20px 'Conv_Helvetica LT 57 Condensed';padding: 5px 20px;margin-top: 10px; border: none;font-family: 'Conv_Calibri';}
.innerContent h2 {font-size: 20px; font-family: 'Conv_Calibri';padding-bottom: 10px;color: #a42700;font-weight: normal;}
.innerContent .contactadd iframe {border: 1px solid #07a8eb;width: 100%;}
#content p {line-height: 20px;text-align: left;}
.box p {padding-bottom: 20px;}
.sevice .box a.rmore {position: absolute;bottom: 0;}
.disput-cntnt h4 {font-family: 'Conv_Calibri';font-size: 15px;margin-bottom: 10px;}
.innrtxt a {color: #fff;text-transform: capitalize;padding-left: 7px;font-weight: normal;padding: 3px 20px;background: #d95026;/* border-radius: 5px; */margin-left: 5px;}
#nav ul li:nth-child(2) a {text-transform: capitalize;}
#nav ul li ul li a {text-transform: uppercase !important;}
#content .sevice p {text-align: justify;font-size: 15px;line-height: 1.7;}
h1.logo img {width: 76%;}
.innerContent .leftContent ul + h3 {margin-top: 40px;}
.leftContent div h3 {font-style: normal !important;}
.leftContent div {margin-bottom: 30px;}
.leftContent div p {margin-bottom: 0px;}
.box:first-child a {margin-bottom: -8px;}
.leftContent a {font-family: 'Conv_Calibri';text-transform: uppercase;font-size: 13px;font-weight: bold;color: #a42700;}
h3.main-heading {color: #a42700 !important;}