/*

Theme Name: Twenty Sixteen

Theme URI: https://wordpress.org/themes/twentysixteen/

Author: the WordPress team

Author URI: https://wordpress.org/

Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.

Version: 1.3

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog

Text Domain: twentysixteen

This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.

*/

/** * Table of Contents

 *

 * 1.0 - Normalize

 * 2.0 - Genericons

 * 3.0 - Typography

 * 4.0 - Elements

 * 5.0 - Forms

 * 6.0 - Navigation

 *   6.1 - Links

 *   6.2 - Menus

 * 7.0 - Accessibility

 * 8.0 - Alignments

 * 9.0 - Clearings

 * 10.0 - Widgets

 * 11.0 - Content

 *    11.1 - Header

 *    11.2 - Posts and pages

 *    11.3 - Post Formats

 *    11.4 - Comments

 *    11.5 - Sidebar

 *    11.6 - Footer

 * 12.0 - Media

 *    12.1 - Captions

 *    12.2 - Galleries

 * 13.0 - Multisite

 * 14.0 - Media Queries

 *    14.1 - >= 710px

 *    14.2 - >= 783px

 *    14.3 - >= 910px

 *    14.4 - >= 985px

 *    14.5 - >= 1200px

 * 15.0 - Print

 */

/**

 * 1.0 - Normalize

 *

 * Normalizing styles have been helped along thanks to the fine work of

 * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/

 */

@import url('https://fonts.googleapis.com/css?family=Lato:300,300i,400,700,700i,900');
body {
	font-family: 'Lato', sans-serif;
	margin:0;
	padding:0;
}
a {
	outline:none;
}
form {
	margin:0;
	padding:0;
}
.clear {
	clear:both;
}
.wrap {
	width:1200px;
	margin:0 auto;
}
.header.sticky {
	position: fixed;
	width:1040px;
	background:rgba(255, 255, 255, 100);
	width:100%;
	left:0;
	right:0;
	z-index: 99;
	top:0;
}
.header {
	background:rgba(255, 255, 255, 100);
	position:absolute;
	z-index:999;
	left:0;
	right:0;
	top:0;
}
.logo {
	float:left;
	margin:5px 0;
}
.logo img {
	float:left;
}
.topRight {
	float:right;
}
.topPH {
	float:right;
	margin:14px 0 0;
}
.topPH a {
	font-size:22px;
	color:#015289;
	font-weight:700;
	font-style:normal;
	line-height:22px;
	text-decoration:none;
	margin:0;
	padding:0;
}
.topPH img {
	float:left;
	margin:-4px 4px 0 0;
}
.topNav {
	float:right;
	margin:15px 0 0;
	clear:both;
	border-top:1px solid #d3d3d3;
}
.topNav ul {
	margin:0;
	padding:0;
	list-style:none;
}
.topNav ul li {
	float:left;
	position:relative;
	margin-right:18px;
}
.topNav ul li.after {
	margin-right:0;
}
.topNav ul li a {
	display:block;
	font-size:15px;
	color:#2a2a2a;
	font-weight:600;
	font-style:normal;
	line-height:18px;
	text-decoration:none;
	text-transform:uppercase;
	margin:0;
	padding:14px 5px 10px;
	border-top:4px solid #fff;
}
.topNav ul li a:hover {
	color:#015289;
	border-top:4px solid #6487b3;
}
.topNav ul li a.select {
	color:#015289;
	border-top:4px solid #6487b3;
}
/**** DROPDOWN MENU CSS 3 JUN ****/
.topNav ul.dpmenu {
	display:none;
	position:absolute;
	top:35;
	background:#aa1e23;
	border-radius:0 0 4px 4px;
	padding:15px;
	left:10px;
	z-index:9;
}
.topNav ul li:hover > .dpmenu {
	display:block;
	width:380px;
}
.topNav ul li:hover > .dpmenu.a1 {
	width:300px;
}
.topNav ul li:hover > .dpmenu img {
	float:right;
	border-radius:4px;
}
.topNav ul li:hover > .dpmenu .ltNav {
	float:left;
}
.topNav ul.dpmenu li {
	float:none;
}
.topNav ul.dpmenu li a {
	display: inline-block;
	font-size: 16px;
	font-weight: 400;
	border: none;
	color: #fff;
	padding:6px 0;
	text-transform:none;
}
.topNav ul.dpmenu li a:hover {
	color:#fff;
	background:none;
}
.cont-clm {
	width:1200px;
	margin:0 auto;
}
.hometxt {
	padding: 20px 0;
	text-align:center;
}
.hometxt h1 {
	font-size: 30px;
	color:#015289;
	font-weight: 400;
	padding-bottom:20px;
	margin:0;
	line-height: 30px;
}
.hometxt p {
	color: #2a2a2a;
	font-size: 15px;
	font-weight: 400;
	line-height: 24px;
	margin: 10px 0;
	padding: 0 140px;
}
.ser-clm {
	width:1200px;
	margin:0 auto;
}
.one-forth {
	width:280px;
	float:left;
	margin:20px 10px 30px;
	text-align:center;
}
.one-forth .imgbox {
	position:relative;
}
.one-forth .imgbox strong {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	line-height: 20px;
	margin: 0;
	padding: 10px 0;
	text-transform:uppercase;
	background:rgba(1, 82, 137, 0.8);
}
.one-forth p {
	color: #2a2a2a;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	margin: 0;
	padding: 10px 0;
}
.par_mask {
	height: 600px;
	position: relative;
}
.par_image {
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	height: 100%;
}
.did-you-know {
	background:url(images/did-know-bg.jpg) no-repeat center;
	background-size: cover;
	padding:110px 0;
}
.did-you-know .Lside {
	float:left;
	width:650px;
	margin:0 50px;
}
.did-you-know .Lside h4 {
	color: #fff;
	font-size: 24px;
	font-weight: 700;
	line-height: 30px;
	margin: 0;
	padding: 0 0 20px;
	text-transform:uppercase;
}
.did-you-know .Lside ul {
	list-style:none;
	margin:0;
	padding:0;
}
.did-you-know .Lside li {
	color: #fff;
	font-size: 18px;
	font-weight: 400;
	font-style:italic;
	line-height: 24px;
	background:url(images/list-arw1.png) no-repeat 0 -2px;
	margin:20px 0;
	padding: 0 0 0 22px;
}
.did-you-know .Rside {
	float:left;
}
.footer {
	background:#fafafa;
	padding:40px 0 30px;
}
.ftLogo {
	float:left;
}
.masterLogo {
	float:left;
	margin:0 360px;
}
.socialLink {
	float:left;
	margin:10px 0 0;
	text-align:center;
}
.socialLink .fa-facebook {
	color:#015289;
	font-size:30px;
	border:5px solid #015289;
	padding:8px;
	margin:5px;
	border-radius:50%;
	width:30px;
	height:30px;
	line-height:30px;
}
.socialLink .fa-facebook:hover {
	color:#898d91;
	border:5px solid #898d91;
}
.socialLink .fa-instagram {
	color:#015289;
	font-size:30px;
	border:5px solid #015289;
	padding:8px;
	margin:5px;
	border-radius:50%;
	width:30px;
	height:30px;
	line-height:30px;
}
.socialLink .fa-instagram:hover {
	color:#898d91;
	border:5px solid #898d91;
}
.copy {
	font-size:13px;
	color:#fff;
	line-height:24px;
	font-weight:400;
	margin:0;
	padding:0;
	background:#015289;
}
.copy a {
	color:#fff;
	text-decoration:none;
}
.copy .lt {
	float:left;
	padding:15px 0;
}
.copy .rt {
	float:right;
	padding:15px 0;
}
/*********** CLEARFIX **********/

.inn-banner_mask {
	height: 350px;
	position: relative;
}
.inn-banner_image {
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	height: 100%;
}
.inntxt {
	padding: 20px 0;
	text-align: center;
}
.inntxt h1 {
	font-size: 28px;
	color:#015289;
	font-weight: 400;
	padding-bottom:20px;
	margin:0;
	line-height: 30px;
}
.inntxt p {
	color: #2a2a2a;
	font-size: 15px;
	font-weight: 400;
	line-height: 24px;
	margin: 0;
	padding: 10px 50px;
}
.aboutcntImg {
	width:100%;
	height:auto;
	margin:40px 0 0;
}
.Ty-tradesmen-box {
	width:1200px;
	margin:0 auto;
	padding:30px 0;
	text-align:center;
}
.Ty-tradesmen-box h5 {
	font-size: 20px;
	color:#094772;
	font-weight: 700;
	padding-bottom:20px;
	margin:0;
	line-height: 28px;
}
.Ty-tradesmen-box ul {
	list-style:none;
	margin:0;
	padding:0;
}
.Ty-tradesmen-box li {
	float:left;
	width:130px;
	color: #094772;
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
	margin:30px 55px;
}
.Ty-tradesmen-box li img {
	display: block;
	margin: 0 auto 5px;
}
.Ty-tradesmen-box li:hover {
	opacity: 0.7;
}
/******** SHOWROOM CSS ********/

.showroom-add {
	background:url(images/showroom_map.jpg) no-repeat right #edf4fe;
	padding:50px 0;
}
.add-box {
	width:500px;
	float:left;
	clear:both;
	margin:15px 0;
}
.add-box .addIcon {
	float:left;
	width:60px;
	text-align:center;
}
.add-box .fa-map-marker {
	color:#5f5f5f;
	font-size:30px;
	border:1px solid #5f5f5f;
	padding:12px;
	margin:0;
	border-radius:50%;
	width:30px;
	height:30px;
	line-height:30px;
}
.add-box .fa-phone {
	color:#5f5f5f;
	font-size:30px;
	border:1px solid #5f5f5f;
	padding:12px;
	margin:0;
	border-radius:50%;
	width:30px;
	height:30px;
	line-height:30px;
}
.add-box .addTxt {
	width:420px;
	float:right;
	color: #094772;
	font-size: 18px;
	font-weight: 400;
	line-height: 24px;
	margin:0 0 10px;
	padding:0;
}
.add-box .addTxt span {
	font-size: 14px;
	color:#6a6a6a;
	display:block;
}
.add-box .addTxt a {
	color: #094772;
	text-decoration:none;
}
/******** CONTACT CSS ********/

.contact-form {
	width:1000px;
	margin:0 auto;
	padding:30px 0;
}
.lt-enq-form {
	width:380px;
	float:left;
	background:#d7eafb;
	border-radius:8px;
	padding:20px 43px;
}
.lt-enq-form strong {
	display:block;
	color: #000;
	font-size: 22px;
	font-weight: 400;
	line-height: 24px;
	margin:0 0 20px;
	padding:0;
}
.contact-form .inpbox {
	float: left;
	width: 100%;
	margin:3px 0;
}
.contact-form .inp {
	float:left;
	width:100%;
	font-size:14px;
	color:#6c6c6c;
	font-weight:400;
	font-style:normal;
	line-height:18px;
	border:none;
	background:#fff;
	padding: 12px 0 8px 10px;
	margin:0;
}
.contact-form .comment {
	float:left;
	width:100%;
	height:200px;
	font-size:14px;
	color:#6c6c6c;
	font-weight:400;
	font-style:normal;
	line-height:18px;
	border:none;
	background:#fff;
	padding:8px 5px;
	margin:0;
}
.contact-form .submit-btn {
	float:left;
	width:100px;
	font-size:18px;
	color:#fff;
	font-weight:400;
	font-style:normal;
	line-height:24px;
	border:none;
	background:#015289;
	padding:10px;
	margin:10px 0;
	cursor:pointer;
	text-align:center;
}
.rt-add-box {
	width:480px;
	float:right;
}
.rt-add-box strong {
	display:block;
	color: #094772;
	font-size: 22px;
	font-weight: 400;
	line-height: 24px;
	margin:0 0 20px;
	padding:0;
}
.rt-add-box .box {
	width:100%;
	float:left;
	margin:10px 0;
}
.rt-add-box .box .addIcon {
	float:left;
	width:45px;
	text-align:center;
}
.rt-add-box .box .fa-map-marker {
	color:#5f5f5f;
	font-size:24px;
	border:1px solid #5f5f5f;
	padding:5px;
	margin:0;
	border-radius:50%;
	width:30px;
	height:30px;
	line-height:30px;
}
.rt-add-box .box .fa-phone {
	color:#5f5f5f;
	font-size:24px;
	border:1px solid #5f5f5f;
	padding:5px;
	margin:0;
	border-radius:50%;
	width:30px;
	height:30px;
	line-height:30px;
}
.rt-add-box .box .addTxt {
	width:420px;
	float:right;
	color: #094772;
	font-size: 18px;
	font-weight: 400;
	line-height: 24px;
	margin:0 0 10px;
	padding:0;
}
.rt-add-box .box .addTxt span {
	font-size: 14px;
	color:#6a6a6a;
	display:block;
}
.rt-add-box .box .addTxt a {
	color: #094772;
	text-decoration:none;
}
.rt-add-box .box iframe {
	width:100%;
	height:250px;
}

/*********** CLEARFIX **********/

clearfix::after {
 display:block;
 clear:both;
 content:"";
 visibility:hidden;
 font-size:0;
 height:0;
}
.clearfix {
	display:inline-block;
}
.clearfix {
	display:block;
}
img.alignnone {
	height: auto;
	margin: 40px 0 0;
	width: 100%;
}
.innertext {
	padding: 113px 0;
	text-align: center;
}
.innertext h1 {
	color: #015289;
	font-size: 30px;
	font-weight: 400;
	line-height: 30px;
	margin: 0;
	padding-bottom: 20px;
}
.image-gallery a img {
	border: 1px solid #e5e5e5;
	display: block !important;
	height: 173px;
	width: 243px;
}
.inntxt ul {
	list-style:none;
	margin:10px;
	padding:0;
}
.inntxt li {
	color: #2a2a2a;
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	margin: 0;
	padding: 0 0 0 20px;
	background:url(images/list-icon.jpg) no-repeat 0 5px;
	text-align:left;
}
.inntxt li.list {
	float:left;
	margin:0 30px;
}
.inntxt strong {
	font-size:18px;
	padding-top:10px;
	display:block;
	color: #004784;
}
.ser-box {
	background: #f8f8f8;
	border: 1px solid #e9e9e9;
	margin: 20px 0 0;
	padding: 10px 20px;
	text-align:left;
	display:inline-block;
}
.ser-box p {
	padding:10px 0;
}
.ser-box img {
	float:right;
	margin:0 0 0 30px;
}
.testi-box {
	background: #f8f8f8 none repeat scroll 0 0;
	border: 1px solid #e9e9e9;
	border-radius: 8px;
	margin: 0 0 20px;
	padding: 15px;
}
.testi-box .L_img {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #dfdfdf;
	border-radius: 50%;
	float: left;
	height: 80px;
	margin: 20px 20px 0 0;
	padding: 5px;
	width: 80px;
}
.testi-box .L_img1 {
	float: left;
	margin: 24px 0 0;
}
.testi-box .name {
	color: #0d70b0;
	float: right;
	font-weight: 700;
	padding: 20px 0 0;
}
.testi-box .R_txtbox {
	background: #fff;
	border-left: 2px solid #dfdfdf;
	border-radius: 8px;
	border-right: 2px solid #dfdfdf;
	float: left;
	padding: 30px;
	width: 990px;
}
.tlp-portfolio .layout3 .tlp-content2 h3{
display:none;
}
