@charset "utf-8";



@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');



article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {



	display: block



}



abbr, address, article, aside, audio, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {



	margin: 0;



	padding: 0;



	border: 0;



	font: inherit



}



body {



	margin: 0;



	padding: 0;



	font: 400 14px 'Mulish', sans-serif;



	line-height: 20px;



	color: #020b1e;



	background-color: #fff;

	overflow-x: hidden;



}



input[type=checkbox], div, form, h1, h2, h3, h4, h5, h6, img, input, label, li, ol, option, p, input[type=radio], select, td, textarea, tr, ul {



	padding: 0;



	margin: 0



}



ul {



	padding: 0;



	margin: 0;



	list-style: none



}



ol {



	padding: 0;



	margin: 0;



	list-style-type: none



}



a {



	padding: 0;



	margin: 0;



	text-decoration: none;



	outline: 0;



	cursor: pointer;



	color: #444444;



}



a:hover {



	text-decoration: none;



}



img {



	padding: 0;



	margin: 0;



	outline: 0;



	border: 0;



	max-width: 100%;



	height: auto;



}



chexbox {



	padding: 0;



	margin: 0;



	width: 20px;



	height: 20px



}



.clr, .spacer {



	padding: 0;



	margin: 0;



	font-size: 0;



	line-height: 0;



	clear: both;



}



.clearfix:after, .clearfix::before {



	content: '';



	margin: 0;



	padding: 0;



	display: block;



	clear: both;



}



@font-face {



	font-family: 'FontAwesome';



	src: url("../fonts/fontawesome-webfont.eot?v=4.3.0");



	src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg");



	font-weight: normal;



	font-style: normal;



}



/* ==============header part start================ */



.headerTop {

	padding: 15px 0;

	margin: 0;

}

.headerTop .container {

	display: flex;

	justify-content: space-between;

	align-items: center;

}

.headerTop .container ul {

	padding: 0;

	margin: 0;

	text-align: right;

}

.headerTop .container ul li {

	display: inline-block;

	padding: 0;

	margin: 0 0 0 25px;

}

.headerTop .container ul li:after {

	content: "|";

	color: #59595b;

	margin: 0 0 0 25px;

}

.headerTop .container ul li:last-child:after,  .headerTop .container ul li:nth-child(3):after {

	content: "";

	color: #59595b;

	margin: 0 0 0 0px;

}

.headerTop .container ul li a {

	display: inline-block;

	padding: 0;

	margin: 0;

	font: 400 15px 'Mulish', sans-serif;

	line-height: 20px;

	color: #59595b;

}

.headerTop .container ul li a:hover {

	color: #000;

}

.headerTop .container ul li.wishlist span {

	display: inline-block;

	margin: 0 0 0 10px;

	position: relative;

	top: -3px;

}

.headerTop .container ul li.cart span {

	display: inline-block;

	margin: 0 0 0 10px;

	position: relative;

	top: -5px;

}

.headerTop .container ul li.cart a {

	text-transform: uppercase;

}

.headerTop .container ul li.cart span .cartCount {

	position: absolute;

	right: -22px;

	top: -11px;

	width: 23px;

	height: 23px;

	background: #0f75bc;

	border-radius: 50%;

	font: 700 15px 'Mulish', sans-serif;

	line-height: 23px;

	color: #fff;

	text-align: center;

}

header {

	padding: 0;

	margin: 0;

	background: #0f75bc;

}

header nav.navbar {

	background: none;

	padding: 0;

	margin: 0;

}

header nav ul {

	padding: 0;

	margin: 0;

}

header nav ul li {

	display: inline-block;

	padding: 0;

	margin: 0 55px 0 0;

	position: relative;

}

header nav ul li a {

	font: 400 15px 'Mulish', sans-serif;

	line-height: 60px;

	color: #fff;

	padding: 0;

	margin: 0;

	display: inline-block;

}

header nav ul li a:hover {

	color: #fff;

}

header nav ul li ul,  header nav ul li:hover ul li ul {

	display: none;

	position: absolute;

	left: 0;

	top: 60px;

	width: 250px;

	background: #f7f7f7;

	padding: 0;

	z-index: 9;

	margin: 0;

}

header nav ul li:hover ul {

	display: block;

}

header nav ul li ul li:hover ul {

	display: block;

	left: 250px;

	top: 0;

}

header nav ul ul li {

	display: block;

	border-bottom: 1px solid #ccc;

	margin: 0;

}

header nav ul ul li:last-child {

	border-bottom: none;

}

header nav ul ul li a {

	display: block;

	font: 400 15px 'Mulish', sans-serif;

	line-height: 35px;

	color: #000;

	padding: 6px 13px;

}

header nav ul ul li a:hover {

	display: block;

	font: 400 15px 'Mulish', sans-serif;

	line-height: 35px;

	color: #000;

	padding: 6px 13px;

	background: #dedede;

}

header nav form button {

	padding: 0 35px;

	margin: 0;

	border: none;

	outline: none;

	border-radius: 0;

	display: block;

	font: 400 25px 'Mulish', sans-serif;

	line-height: 60px;

	color: #fff;

	/* background: url(search-icon1.png) center center no-repeat; */
	background:url(http://frbuildingsupply.com/assets/images/search-icon1.png) center center no-repeat;

	background-color: #003a63;

	cursor: pointer;
	text-indent: -5000px;

	outline: none;

}



header nav form input[type=text] {

	background: #003a63;

	border: none;

	outline: none;

	height: 60px;

	font: 400 15px 'Mulish', sans-serif;

	line-height: 60px;

	color: #fff;

	width: 320px;

	padding: 0 15px;

}



/* ==============header part end================ */



/* ==============banner container part================ */



.headerBanner{



		padding:0;



		margin:0;



}



.headerBanner .container{



		position:absolute;



		left:0;



		top:0;



		right:0;



		bottom:0;



		text-align:center;



		z-index:9;



		display: flex;



		flex-wrap: wrap;



		justify-content: center;



		align-items: center;
		max-width: 100%;



}



.headerBanner .container h1{



		display:block;



		font: 700 44px 'Mulish', sans-serif;



		line-height: 50px;



		color: #fff;



		padding:0;



		margin:0;



}



.headerBanner .container h2{



		display:block;



		font: 400 22px 'Mulish', sans-serif;



		line-height: 30px;



		color: #fff;



		padding:10px 0 0 0;



		margin:0;



}



.headerBanner .container a{



		display:inline-block;



		font: 400 18px 'Mulish', sans-serif;



		line-height: 47px;



		color: #fff;



		padding:0 30px;



		margin:30px 0 0 0;



		background:#0079c2;



		border-radius:5px;



}



.headerBanner .container a:hover{



		display:inline-block;



		font: 400 18px 'Mulish', sans-serif;



		line-height: 47px;



		color: #000;



		padding:0 30px;



		margin:30px 0 0 0;



		background:#fff;



		border-radius:5px;



}



.headerBanner .container:before{



		background:rgba(0,0,0,0.5);



		position:absolute;



		left:0;



		top:0;



		right:0;



		bottom:0;



		margin:0;



		content:"";



}



.headerBanner .bannerContainer{



		position:relative;



		z-index:99;



}



.headerBanner .owl-dots{



		position:absolute;



		left:0;



		right:0;



		bottom:30px;



		z-index:999;



		text-align:center;



}



.headerBanner .owl-dots .owl-dot{



		width:11px;



		height:11px;



		background:#fff;



		margin:0 7px;



		border:1px solid #000;



}



.headerBanner .owl-dots .owl-dot.active{



		width:11px;



		height:11px;



		background:#0079c2;



		margin:0 7px;



		border:1px solid #000;



}



/* ==============banner container part end ================ */



/* ==============maincontainer ================ */



.maincontainer{



		padding:0;



		margin:0;



}



/* ==============services part================ */



.services{



		padding:95px 0;



		margin:0;



}



.services aside{



		position:relative;



		padding:0;



		margin:0;

		height: 205px;


}
.services aside figure{
		height: 100%;
}
.services aside figure img{
		width: 100%;
		height: 100%;
		object-fit: cover;
}

.services aside .serviceCon{



		background:rgba(0,0,0,0.5);



		position:absolute;



		left:0;



		top:0;



		right:0;



		bottom:0;



		margin:0;



		display: flex;



		flex-wrap: wrap;



		justify-content: center;



		align-items: flex-end;



		text-align: center;



		padding: 0 0 25px 0;



}



.services aside .serviceCon h2{



		display:block;



		font: 700 26px 'Mulish', sans-serif;



		line-height: 30px;



		color: #fff;



		padding:0;



		margin:0;



}



.services aside .serviceCon h3{



		display:block;



		font: 400 16px 'Mulish', sans-serif;



		line-height: 25px;



		color: #fff;



		padding:5px 0 0 0;



		margin:0;



}



.services aside .serviceCon a{



		display:inline-block;



		font: 400 16px 'Mulish', sans-serif;



		line-height: 36px;



		color: #fff;



		padding:0 20px;



		margin:25px 0 0 0;



		background:#0079c2;



		border-radius:5px;



}



.services aside .serviceCon a:hover{



		display:inline-block;



		font: 400 16px 'Mulish', sans-serif;



		line-height: 36px;



		color: #000;



		padding:0 20px;



		margin:25px 0 0 0;



		background:#fff;



		border-radius:5px;



}



/* ==============services part end================ */



/* ==============Deal Of The Day================ */



.dealDay{



		padding:0 0 90px 0;



		margin:0;



}



.dealDay h2,



.PopularCategories h2,



.OurBlogs h2



{



		padding:0;



		margin:0 0 40px 0;



		font: 700 32px 'Mulish', sans-serif;



		line-height: 40px;



		color: #0079c2;



		position:relative;



		display:inline-block;



}



.dealDay h2:after,



.PopularCategories h2:after,



.OurBlogs h2:after



{



		position: absolute;



		right: -110%;



		top: 25px;



		width: 100%;



		height: 1px;



		background: #58585a;



		content: "";



}



.dealDay .owl-carousel .owl-item figure img{



		width:auto;



		max-width:100%;



		height:auto;



}



.dealDay .owl-carousel .owl-item{



		text-align:center;



}



.OurBrands h2{



		text-align:center;



		padding:0;



		margin:0 0 40px 0;



		font: 700 36px 'Mulish', sans-serif;



		line-height: 40px;



		color: #000;



		position:relative;



}











.PopularCategories aside,



.product_part aside



{



		margin:0 0 40px 0px;



		text-align:center;



}



.dealDay .owl-carousel .owl-item figure,



.PopularCategories aside figure,



.product_part aside figure{



		height:222px;



		display:flex;



		justify-content: center;



		align-items:center;



		text-align: center;



		border:1px solid #e0e0e0;



		border-radius:10px;



}



.dealDay .owl-carousel .owl-item h3,



.PopularCategories aside h3,



.product_part aside h3



{



		font: 400 16px 'Mulish', sans-serif;



		line-height: 20px;



		color: #58585a;



		padding:0;



		margin:13px 0 0 0;



}



.dealDay .owl-carousel .owl-item h3 a,



.PopularCategories aside h3 a,



.product_part aside h3 a



{



		color: #58585a;



}



.dealDay .browse_all,



.PopularCategories .browse_all,



.OurBlogs .browse_all



{



		text-align:center;



		padding:0;



		margin:30px 0 0 0;



}



.PopularCategories .browse_all{



		margin:0 0 0 0;



}



.dealDay .browse_all a,



.PopularCategories .browse_all a,



.OurBlogs .browse_all a



{



		display:inline-block;



		font: 400 16px 'Mulish', sans-serif;



		line-height: 36px;



		color: #fff;



		padding:0 20px;



		margin:0 0 0 0;



		background:#0079c2;



		border-radius:5px;



		border:1px solid #0079c2;



}



.dealDay .browse_all a:hover,



.PopularCategories .browse_all a:hover,



.OurBlogs .browse_all a:hover



{



		display:inline-block;



		font: 400 16px 'Mulish', sans-serif;



		line-height: 36px;



		color: #000;



		padding:0 20px;



		margin:0 0 0 0;



		background:#fff;



		border-radius:5px;



		border:1px solid #ccc;



}



.dealDay .owl-nav,



.OurBlogs .owl-nav



{



		position:absolute;



		right:0;



		top:-58px;



}



.dealDay .owl-nav button,



.OurBlogs .owl-nav button



{



		background:#eeeeee !important;



		width:35px;



		height:35px;



		text-align:center;



		line-height:35px;



		color:#000;



		border-radius:10px;



		margin:0 0 0 15px;



		outline:none;



}



.dealDay .owl-nav button.disabled,



.OurBlogs .owl-nav button.disabled



{



		color:#cbcbcb;



}



.dealDay .owl-nav button span,



.OurBlogs .owl-nav button span



{



		font-size:30px;



}



.PopularCategories{



		padding:0 0 90px 0;



}



/* ==============Deal Of The Day end================ */



/* ==============OurBrands================ */



.OurBrands{



		padding:90px 0;



		margin:0;



		background:url(http://frbuildingsupply.com/assets/images/our-brend.jpg) center top no-repeat;


}



.OurBrands .owl-carousel .owl-item figure{



		height:107px;



		display:flex;



		justify-content: center;



		align-items:center;



		text-align: center;



		border:1px dashed #e0e0e0;



		background:#fff;



}



.OurBrands .owl-carousel .owl-item figure img{



		width:auto;



		max-width:100%;



		height:auto;



}



.OurBrands .owl-nav{



		position:absolute;



		right:0;



		top:-72px;



}



.OurBrands .owl-nav button{



		background:#eeeeee !important;



		width:35px;



		height:35px;



		text-align:center;



		line-height:35px;



		color:#000;



		border-radius:10px;



		margin:0 0 0 15px;



		outline:none;



}



.OurBrands .owl-nav button.disabled{



		color:#cbcbcb;



}



.OurBrands .owl-nav button span{



		font-size:30px;



}



/* ==============OurBrands end================ */



/* ==============Our Blogs for you================ */



.OurBlogs{



		padding:90px 0;



}



.OurBlogs h3{



		text-align:center;



		display:block;



		font: 700 22px 'Mulish', sans-serif;



		line-height: 30px;



		color: #0079c2;



		padding:15px 0;



}



.OurBlogs h3 a{



		color: #0079c2;



}



.OurBlogs p{



		font: 400 16px 'Mulish', sans-serif;



		line-height: 20px;



		color: #58585a;



		padding:0;



		text-align:center;



}



.OurBlogs .blogBottom{



		padding:15px 0 0 0;



		margin:0;



		justify-content: space-between;



		display: flex;



		font: 400 12px 'Mulish', sans-serif;



		line-height: 20px;



		color: #58585a;



}



.OurBlogs .blogBottom strong{



		color: #0079c2;



}



/* ==============Our Blogs for you end================ */



/* ==============maincontainer end================ */



/* ==============footer part================ */



footer{



		background:#fff;



}



footer .linkfooter{



		background:#0079c2;



		padding:43px 0;



}



footer .linkfooter h2{



		font: 700 20px 'Mulish', sans-serif;



		line-height: 25px;



		color: #fff;



		padding:0;



		margin:0 0 20px 0;



}



footer .linkfooter ul{



		padding:0;



		margin:0;



}



footer .linkfooter ul li{



		font: 400 15px 'Mulish', sans-serif;



		line-height: 30px;



		color: #fff;



		display:block;



}



footer .linkfooter ul li a{



		color: #fff;



}



footer .linkfooter p{



		font: 400 15px 'Mulish', sans-serif;



		line-height: 25px;



		color: #fff;



		padding:0 0 13px 0;



}



footer .linkfooter p i{



		float:left;



		margin:5px 15px 0 0px;



		font-size:20px;



}



footer .linkfooter p.address i{



		float:left;



		margin:5px 15px 0 0px;



		font-size:20px;



}



footer .linkfooter p:after,



footer .linkfooter p:before{



		padding:0;



		display:block;



		content:"";



		clear:both;



		margin:0;



}



.copyright{



		background:#000000;



		text-align:center;



		font: 400 15px 'Mulish', sans-serif;



		line-height:20px;



		color: #fff;



		padding:25px 0px;



}



.newslatter{



		padding:28px 0;



		margin:0;



		background:#dedede;



}



.newslatter form{



		padding:0;



		margin:0;



		display: flex;



		align-content: center;



}



.newslatter form label{



		display:inline-block;



		font: 700 26px 'Mulish', sans-serif;



		line-height:50px;



		color: #003a63;



		padding:0 20px 0 0;



}



.newslatter form input[type=text]{



		width:48%;



		padding: 0 15px;



		margin: 0;



		border: none;



		outline: none;



		border-radius:10px 0 0 10px;



}



.newslatter form input[type=button]{



		background:#003a63;



		font: 700 15px 'Mulish', sans-serif;



		line-height:50px;



		color: #fff;



		padding:0 24px;



		margin:0;



		border:none;



		outline:none;



		cursor:pointer;



		border-radius:0 10px 10px 0;



}



.newslatter .social{



		padding:15px 0 0 0;



		margin:0;



		text-align:right;



}



.newslatter .social a{



		font-size:23px;



		margin:0 0 0 14px;



}



.newslatter .social a.facebook{



		color:#385c8e;



}



.newslatter .social a.google{



		color:#f34a38;



}



.newslatter .social a.twitter{



		color:#76a9ea;



}



.newslatter .social a.rss{



		color:#f05228;



}



/* ==============footer part end================ */



.bredcamp{



		padding:25px 0;



		margin:0;



}



.bredcamp ul{



		padding:0;



		margin:0;



}



.bredcamp ul li{



		display:inline-block;



		padding:0;



		margin:0;



		font: 400 15px 'Mulish', sans-serif;



		line-height:20px;



		color: #000000;



}



.bredcamp ul li:after{



		content:"|";



		padding:0 8px;



}



.bredcamp ul li:last-child:after{



		content:"";



		padding:0 0;



}



.bredcamp ul li a{



		color: #000000;



}



.product_part{



		padding:40px 0 70px 0;



}



.categories{



		padding:0;



		margin:0;



}



.categories ul{



		padding:0;



		margin:0;



}



.categories ul li{



		padding:0;



		margin:0;



		font: 400 14px 'Mulish', sans-serif;



		line-height:35px;



		color: #58585a;



		display:block;



		position:relative;



}



.categories ul li a{



		padding:0 10px;



		margin:0;



		font: 400 14px 'Mulish', sans-serif;



		line-height:35px;



		color: #58585a;



		display:block;



}



.categories ul li a:hover,



.categories ul li.categories-child > a



{



		padding:0 10px;



		margin:0;



		font: 400 14px 'Mulish', sans-serif;



		line-height:35px;



		color: #000;



		display:block;



		background:#cdcdcd;



}



.categories ul li ul{



		display:none;



}



.categories ul li.categories-child span{



		position:absolute;



		right:0;



		top:0;



		width:30px;



		text-align:center;



		cursor:pointer;



}



.categories ul li.categories-child span:after{



		font: 400 14px "FontAwesome";



		line-height:35px;



		color: #000;



		content:"\f107";



		padding:0;



		margin:0;



}



.categories ul li.categories-child ul{



		padding:0 0 0 0px;



}



.categories ul li.categories-child ul li a{



		padding:0 0 0 30px;



}



.categories h3{



		padding:0 0 0 10px;



		margin:0;



		font: 700 15px 'Mulish', sans-serif;



		line-height:40px;



		color: #0079c2;



		background:#ccd8e0;



}



.product_part h2{



		padding:0;



		margin:0 0 20px 0;



		text-align:center;



		font: 700 32px 'Mulish', sans-serif;



		line-height:50px;



		color: #0079c2;



		display:block;



		border-top:1px solid #000; 



}



.product_part h2 span{



		display: inline-block;



		background: #fff;



		padding: 0 30px;



		position: relative;



		top: -30px;



}



.left_imagepart .owl-stage-outer .owl-item img{



		width:auto;



		height:auto;



		max-width:100%;



		display:inline-block;



}



.left_imagepart .owl-stage-outer .owl-item {



		border:1px solid #ccc;



}



.left_imagepart .owl-stage-outer .owl-item div{



		text-align:center;



}



.left_imagepart .owl-thumbs{



		text-align:left;



}



.left_imagepart .owl-thumbs .owl-thumb-item{



		display:inline-block;



		border:1px solid #000000;



		margin:0 15px 0 0;



		width: 16%;



		text-align: center;



		cursor:pointer;



}



.left_imagepart .owl-thumbs .owl-thumb-item.active{



		border:1px solid #0079c2;



}



.details_text{



		padding:0;



		margin:0;



}



.details_text h3{



		font: 700 26px 'Mulish', sans-serif;



		line-height:30px;



		color: #003a63;



		padding:0 0 15px 0;



		margin:0;



		border-bottom:1px solid #000;



}



.checked {



  		color: orange;



}



.review_part{



		display: flex;



		padding: 10px 0 0 0;



}



.review_part .starReview{



		color:#000;



}



.review_part > div{



		margin:0 12px 0 0px;



		color:#176db7;



}



.review_part > div a{



		color:#176db7;



}



.details_text .price{



		font: 700 18px 'Mulish', sans-serif;



		line-height:20px;



		color: #58585a;



		padding:29px 0 0 0;



		margin:0;



}



.details_text .price strong{



		font: 700 27px 'Mulish', sans-serif;



		line-height:30px;



		color: #0079c2;



		padding:0 0 0 0;



		margin:0 10px 0 0;



		display:inline-block;



}



.details_text .price span{



		display:inline-block;



		font: 700 18px 'Mulish', sans-serif;



		line-height:20px;



		color: #58585a;



		text-decoration: line-through;



		margin:0 10px 0 0;



}



.details_text h5{



		font: 400 16px 'Mulish', sans-serif;



		line-height:20px;



		color: #000000;



		padding:8px 0 0 0;



		margin:0;



}



.details_text h6{



		font: 700 20px 'Mulish', sans-serif;



		line-height:20px;



		color: #000000;



		padding:40px 0 10px 0;



		margin:0;



}



.details_text aside{



		background:#efeded;



		padding:15px;



		text-align:left;



}



.details_text aside p{



		font: 400 16px 'Mulish', sans-serif;



		line-height:24px;



		color: #838383;



		padding:0 50px 0 0;



		margin:0;



}



.details_text aside p strong{



		color:#000;



		display:block;



}



.details_text aside h4{



		font: 400 16px 'Mulish', sans-serif;



		line-height:24px;



		color: #000;



		padding:15px 0 0 0;



		margin:0;



}



.tabcontainer{



		padding:45px 0 30px 0px;



		border-bottom:1px solid #ccc;



}



.tabcontainer .nav-tabs{



		justify-content: center;



}



.tabcontainer .nav-tabs .nav-link{



		font-size:15px;



		color:#003a63;



		font-family:'Mulish', sans-serif;



}



.tabcontainer .nav-tabs .nav-link.active{



		border-radius:0;



}



.tabcontainer p{



		font: 400 16px 'Mulish', sans-serif;



		line-height:22px;



		color: #58585a;



		padding:25px 0 0 0;



}



.tabcontainer ul{



		padding:0;



		margin:25px 0 0 20px;



}



.tabcontainer .tab-content ul li{



		font: 400 16px 'Mulish', sans-serif;



		line-height:22px;



		color: #58585a;



		margin:0 0 12px 0;



		list-style-type:disc;



}



.review_button{



		text-align:center;



		padding:25px 0 0 0;



}



.review_button a{



		display:inline-block;



		font: 400 16px 'Mulish', sans-serif;



		line-height:45px;



		color: #fff;



		background:#0079c2;



		border-radius:10px;



		padding:0 20px;



}



/*===============services container part===================*/



/* ===================after banner============= */



.after_bnr_part{



		padding:0 0 100px 0px;



}



.after_bnr_part li{



		height:100%;



		background-color:#fff;



		position:relative;



		overflow:hidden;



		list-style: none;



}



.strategies .after_bnr_part li{



		height:100%;



		background-color:#052891;



		position:relative;



		overflow:hidden;



}



.after_bnr_part li .after_bnr_txt{



		float: right;



		width: 50%;



		padding: 100px 0 100px 50px;



}



.after_bnr_part li:nth-child(even) .after_bnr_txt{



		float: right;



		width: 50%;



		padding: 100px 50px 100px 0;



}



.after_bnr_part li:nth-child(even) .after_bnr_txt {



		float:left;



}



.after_bnr_part li .case-study-image{



		position: absolute;



		height: 100%;



		top: 0;



		overflow: hidden;



		width:50%;



		left:0;



}



.services-container .after_bnr_part li:nth-child(even) .after_bnr_txt{



		position:relative;



}



.services-container .after_bnr_part li .case-study-image:after,



.strategies.services-container .after_bnr_part li .case-study-image:after



{



		content: "";



		position: absolute;



		width: 0;



		height: 0;



		border-style: solid;



		border-color: transparent transparent transparent #052891;



		top: 220px;



		border-width: 40px 0 40px 40px;



}



.strategies.services-container .after_bnr_part li .case-study-image:after{



		border-color: transparent transparent transparent #e78200;



}



.services-container .after_bnr_part li:nth-child(even) .case-study-image:after{



		content: " ";



		position: absolute;



		width: 0;



		height: 0;



		border-style: solid;



		border-color: transparent #fff transparent transparent;



		top: 220px;



		border-width: 40px 40px 40px 40px;



		right: 0;



}



.after_bnr_part li:nth-child(even) .case-study-image{



		position: absolute;



		height: 100%;



		top: 0;



		overflow: hidden;



		width:50%;



		right:0;



		left:inherit;



}



.after_bnr_part li figure{



		height:100%;



		width: 100%;



		transition: all 0.5s ease-in-out;



		background-size: cover !important;



		background-position: center center;



		background-repeat: no-repeat !important;



}



.after_bnr_part li .after_bnr_txt h4,



.after_bnr_part li:nth-child(even) .after_bnr_txt h4



{



		font: 700 44px 'Mulish', sans-serif;



		line-height:50px;



		color: #003a63;



		position: relative;



		padding-bottom: 25px;



		margin-bottom: 25px;



}



.after_bnr_part li:nth-child(even) .after_bnr_txt h4{



		color:#003a63;



}



.after_bnr_part li .after_bnr_txt p{



		font: 400 16px 'Mulish', sans-serif;



		line-height:25px;



		color: #000;



		padding:0;



		margin:0;



}



.after_bnr_part li:nth-child(even) .after_bnr_txt p{



		font: 400 16px 'Mulish', sans-serif;



		line-height:25px;



		color: #000;



		padding:0;



		margin:0;



}



.after_bnr_part li .after_bnr_txt h4:after,



.after_bnr_part li:nth-child(even) .after_bnr_txt h4:after



{



		content: "";



		display: block;



		position: absolute;



		bottom: 0;



		left: 0;



		width: 70px;



		height: 3px;



		background-color: #bdb9b9;



}



.after_bnr_part li:nth-child(even) .after_bnr_txt h4:after{



		background-color: #bdb9b9;



}



.after_bnr_part li:nth-child(even){



		background-color: #fff;



}



.after_bnr_part li .content{



		background-color: #052891;



		position:relative;



		z-index:9;



		padding:100px 0;



		font: normal 20px "carlitoregular";



		line-height: 28px;



		color: #fff;



}



.after_bnr_part li:nth-child(even) .content{



		background-color: #fff;



		position:relative;



		z-index:9;



		font: normal 20px "carlitoregular";



		line-height: 28px;



		color: #fff;



}



.after_bnr_part li a,



.after_bnr_part li:nth-child(even) a



{



		display:inline-block;



		border:1px solid #0079c2;



		font: bold 16px 'Nunito', sans-serif;



		line-height:60px;



		color: #fff;



		margin:40px 0 0 0;



		padding:0 40px;



		border-radius:0;



		transition: all 0.5s ease-in-out;



		background:#0079c2;



		border-radius:5px;



}



.after_bnr_part li:nth-child(even) a{



		background:#0079c2;



}



.after_bnr_part li:nth-child(even) a:hover,



.after_bnr_part li:nth-child(even) a:focus



{



		display:inline-block;



		border:1px solid #fff;



		font: bold 16px 'Nunito', sans-serif;



		line-height:60px;



		color: #fff;



		margin:40px 0 0 0;



		padding:0 40px;



		border-radius:0;



		transition: all 0.5s ease-in-out;



		background:#003a63;



		box-shadow:none;



		border-radius:30px;



}



.after_bnr_part li a:hover,



.after_bnr_part li a:focus



{



		display:inline-block;



		border:1px solid #fff;



		font: bold 16px 'Nunito', sans-serif;



		line-height:60px;



		color: #fff;



		margin:40px 0 0 0;



		padding:0 40px;



		border-radius:0;



		transition: all 0.5s ease-in-out;



		background:#003a63;



		box-shadow:none;



		border-radius:30px;



}



.after_bnr_part li:nth-child(even) a{



		border:1px solid #0079c2;



		color: #fff;



}



.after_bnr_part li:hover .case-study-image figure {



    	transform: scale(1.1);



}



.mobview {



  display: none;



}



/*===============services container part end===================*/



.page-template-about-page .works{

		padding:80px 0;

		min-height: 700px;

}

.contact_sec{

		padding:80px 0;

		min-height: 700px;

}

.page-template-about-page .works h2{

		font: 700 44px 'Mulish', sans-serif;

		line-height: 50px;

		color: #000;

		position: relative;

		padding-bottom: 25px;

		margin-bottom: 25px;

}

.contact_sec h3,

.contact_sec h4

{

		font: 700 30px 'Mulish', sans-serif;

		line-height: 35px;

		color: #000;

		position: relative;

		padding-bottom: 25px;

		margin-bottom: 25px;

}

.page-template-about-page .works h2:after,

.contact_sec h3:after,

.contact_sec h4:after

 {

	  content: "";

	  display: block;

	  position: absolute;

	  bottom: 0;

	  left: 0;

	  width: 70px;

	  height: 3px;

	  background-color: #000;

}

.page-template-about-page .works p{

		font: 400 16px 'Mulish', sans-serif;

		line-height: 25px;

		color: #000;

		padding: 0 0 25px 0;

		margin: 0;

}

.page-template-about-page .works .infographic{

		padding:0;

		margin:0;

}

.page-template-about-page .works .infographic img{

		width:100%;

		height:auto;

		border:2px solid #ccc;

		padding:5px

}

.contact_sec form label{

		padding:0;

		margin:0 0 10px 0;

		font: 400 16px 'Mulish', sans-serif;

		line-height: 25px;

		color: #000;

		display:block;

}

.contact_sec form input[type=text],

.contact_sec form input[type=email]

{

		padding:0 15px;

		margin:0;

		width:80%;

		border:1px solid #ccc;

		height:50px;

		font: 400 16px 'Mulish', sans-serif;

		line-height: 50px;

		color: #000;

		box-shadow:none;

		outline:none;

}

.contact_sec form textarea{

		padding:15px;

		margin:0;

		width:80%;

		border:1px solid #ccc;

		height:120px;

		font: 400 16px 'Mulish', sans-serif;

		line-height: 20px;

		color: #000;

		box-shadow:none;

		outline:none;

}

.contact_sec form input[type=submit]{

		  display: inline-block;

		  border: 1px solid #0f75bc;

		  font: bold 16px 'Nunito', sans-serif;

		  line-height: 45px;

		  color: #fff;

		  margin: 20px 0 0 0;

		  padding: 0 50px;

		  border-radius: 0;

		  transition: all 0.5s ease-in-out;

		  background: #0f75bc;

		  border-radius: 30px;

		  cursor:pointer;

}

.contact_sec .contact_info_lft h6{

		font: 700 20px 'Mulish', sans-serif;

		line-height: 30px;

		color: #000;

}

.contact_sec .contact_info_lft p{

		font: 400 16px 'Mulish', sans-serif;

		line-height: 25px;

		color: #000;

		padding: 10px 0 0px 0;

		margin: 0;

}

.contact_sec .contact_info_rht{

		padding:25px 0 0 0px;

}

.contact_sec .contact_info_rht a{

		display:inline-block;

		width:40px;

		height:40px;

		text-align:center;

		border-radius:50%;

		line-height:40px;

		margin:0 10px 0 0;

		border:1px solid #ccc;

		font-size:20px;

}





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

.commonCms{

	padding: 40px 0;

 	text-align: center;

}







.dealDay h2::after, .PopularCategories h2::after, .OurBrands h2::after, .OurBlogs h2::after{



		display:none;



}



.services aside{



		margin:0 0 30px 0px;



}



.services aside img{



		width:100%;



		height:auto;



}



.headerBanner .container h1 {



	  display: block;



	  font: 700 15px 'Mulish', sans-serif;



	  line-height: 18px;



	  color: #fff;



	  padding: 0;



	  margin: 0;



}



.headerBanner .container h2 {



	  display: block;



	  font: 400 13px 'Mulish', sans-serif;



	  line-height: 16px;



	  color: #fff;



	  padding: 10px 0 0 0;



	  margin: 0;



}



.headerBanner .container a {



	  display: inline-block;



	  font: 400 12px 'Mulish', sans-serif;



	  line-height: 30px;



	  color: #fff;



	  padding: 0 15px;



	  margin: 5px 0 0 0;



	  background: #0079c2;



	  border-radius: 5px;



}



.headerBanner .owl-dots {



	  display:none;



}



.services {



	  padding: 30px 0 0 0;



	  margin: 0;



}



.dealDay h2, .PopularCategories h2, .OurBrands h2, .OurBlogs h2 {



	  padding: 0;



	  /*margin: 0 0 20px 0;*/



	  font: 700 25px 'Mulish', sans-serif;



	  line-height: 40px;



	  color: #0079c2;



	  position: relative;



	  display: inline-block;



}



.dealDay {



	  padding: 0 0 30px 0;



	  margin: 0;



}



.PopularCategories {



  	  padding: 0 0 30px 0;



}



.OurBrands {



  		padding: 30px 0;



}



.OurBlogs {



  	padding: 30px 0;



}



.newslatter form {



	  padding: 0;



	  margin: 0;



	  display: flex;



	  align-content: center;



	  flex-wrap: wrap;



	  justify-content: center;



}



.newslatter .social {



  	  text-align: center;



}



.categories{



		padding:0 0 30px 0px;



}



.details_text h3 {



	  font: 700 26px 'Mulish', sans-serif;



	  line-height: 30px;



	  color: #003a63;



	  padding: 30px 0 15px 0;



	  margin: 0;



	  border-bottom: 1px solid #000;



}



.tabcontainer {



  padding: 0 0 30px 0px;



  border-bottom: 1px solid #ccc;



}



.product_part aside {



	  margin: 0 0 15px 0px;



	  text-align: left;



}



.headerTop .container {



  		display: block;



}



.headerTop .container figure{



		text-align:center;



		padding:0 0 15px 0;



}



.headerTop .container ul {



	  padding: 0 0 0 0;



	  margin: 0;



	  text-align: center;



}



.headerTop .container ul li {



	  display: inline-block;



	  padding: 0;



	  margin: 0 0 0 5px;



}



.headerTop .container ul li::after {



	  content: "|";



	  color: #59595b;



	  margin: 0 0 0 5px;



}



.headerTop .container ul li a{



		font-size:13px;



}



header nav.navbar {



	  justify-content: flex-end;



}



header nav.navbar span{



		color:#fff;



		line-height: 30px;



}



header nav ul li {



	  display: inline-block;



	  padding: 0;



	  margin: 0 0px 0 0;



}



header nav ul li a {



	  font: 400 15px 'Mulish', sans-serif;



	  line-height: 35px;



	  color: #fff;



	  padding: 0;



	  margin: 0;



	  display: block;



}



.navbar-toggler{



		border: none !important;



		outline: none !important;



}



header nav form{



		display:none !important;



}



.mobview {



  display: block;



}



.after_bnr_part li .after_bnr_txt, .after_bnr_part li:nth-child(even) .after_bnr_txt {



		float: none;



		width: 100%;



		padding: 0 0 0 0;



	}



	.solutions_list_container br{



		display: none;



	}



	.after_bnr_part li .case-study-image{



		position: unset;



		width: 100%;



		margin: 15px 0 0 0;



	}



	.after_bnr_part li:nth-child(even) .case-study-image {



		position: unset;



		height: 100%;



		top: 0;



		overflow: visible;



		width: 100%;



		left: 0;



	}



	.after_bnr_part li {



		height: auto;



		overflow: visible;



		margin: 0 0 20px 0;



	}



	.after_bnr_part li:last-child{



		margin: 0 0 0 0;



	}



	.after_bnr_part li .after_bnr_txt h4,



	.after_bnr_part li:nth-child(even) .after_bnr_txt h4 {



		font: 700 25px 'Mulish', sans-serif;



		line-height: 35px;



		padding:8px 0 12px 0;



		margin-bottom: 18px;



	}



	.after_bnr_part li a, .after_bnr_part li:nth-child(even) a,



	.after_bnr_part li:nth-child(even) a:hover, .after_bnr_part li:nth-child(even) a:focus,



	.after_bnr_part li a:hover, .after_bnr_part li a:focus {



		font: bold 16px 'Mulish', sans-serif;



		line-height: 40px;



		padding: 0 20px;



		margin: 20px 0 0 0;



	}



	.services-container .after_bnr_part li .case-study-image:after,



	.strategies.services-container .after_bnr_part li .case-study-image:after,



	.strategies.services-container .after_bnr_part li::marker{



		display: none;



	}



}



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



.headerBanner .owl-dots {



	  display:none;



}



.services aside .serviceCon h2 {



	  display: block;



	  font: 700 18px 'Mulish', sans-serif;



	  line-height: 30px;



	  color: #fff;



	  padding: 0;



	  margin: 0;



}	



.newslatter form {



	  padding: 0;



	  margin: 0;



	  display: flex;



	  align-content: center;



	  flex-wrap: wrap;



}



.newslatter .social {



  padding: 50px 0 0 0;



  margin: 0;



  text-align: right;



}



footer .linkfooter h2 {



	  margin: 20px 0 20px 0;



}



}



/* ==============about container part================ */



.aboutContainer{



	padding:90px 0 90px 0;



	margin:0;



	background:#fff;



}



.aboutContainer h2{



	font: 700 50px 'Mulish', sans-serif;



	line-height:65px;



	color: #003a63;



	padding:0;



	margin:0;



}



.aboutContainer h2 span{



	font: 600 24px 'Mulish', sans-serif;



	line-height:30px;



	color: #000;



	padding:0;



	margin:0;



	display:block;



}



.aboutContainer p{



	font:400 16px 'Mulish', sans-serif;



	line-height:26px;



	color:#6d6e70;



	margin:20px 0 0 0;



}



.aboutContainer ul{



	margin:20px 0 0 0;



	padding:0;



	display:flex;



	flex-wrap: wrap;



}



.aboutContainer ul li{



	font:400 16px 'Mulish', sans-serif;



	line-height:31px;



	color:#6d6e70;



	padding:0 0 0 33px;



	margin:0;



	width:50%;



	background:url(images/hand.png) left 50% no-repeat;



}



.aboutContainer .container a{



	font: 700 16px 'Mulish', sans-serif;



	line-height:50px;



	color: #fff;



	display:inline-block;



	background:#003a63;



	border-radius:30px;



	text-transform:uppercase;



	padding:0 40px;



	margin:50px 0 0 0;



}



.aboutContainer .container a:hover{



	color:#fff;



	background: #4b5324;



}



/* ==============about container part end================ */



/* ==============GetTouch================ */



.GetTouch{



	padding:90px 0 50px 0;



	margin:0;



	background:url(images/get-bg.jpg) left top no-repeat;



	background-size:cover;



}



.GetTouch form{



	padding:0 0 0 0px;



	position:relative;



}



.GetTouch form:before{



	position:absolute;



	right:-130px;



	top:-110px;



	content:"";



	background:url(images/icon-3.png) left top no-repeat;



	width:82px;



	height:83px;



}



.GetTouch h2{



	font: 700 50px 'Mulish', sans-serif;;



	line-height: 65px;



	color: #003a63;



	padding:0;



	margin:0px 0 25px 0;



}



.GetTouch h2 span{



	display:block;



	font: 400 24px 'Mulish', sans-serif;;



	line-height: 24px;



	color: #4b5324;



}



.GetTouch .form-group{



	display: block;



	margin:0 0 20px 0;



	justify-content: space-between;



}



.GetTouch .form-group label{





	font: 400 17px 'Mulish', sans-serif;;



	line-height: 24px;



	color: #6d6e70;



	padding:0;



	margin:0;

	display: block;

	margin: 0 0 10px 0;



}



.GetTouch .form-group p{



	display: flex;



	margin:0 0 0 0;



	justify-content: space-between;



	width: 100%;



}



.GetTouch .form-group p .wpcf7-form-control-wrap{



	width:100%;



}



.GetTouch .form-group input[type=text],



.GetTouch .form-group input[type=tel],



.GetTouch .form-group input[type=email],

.GetTouch .form-group textarea



{



	width:100%;



	border:none;



	outline:none;



	border:1px solid #6d6e70;



	background:none;



	font: 400 17px 'Mulish', sans-serif;;



	line-height: 20px;



	color: #6d6e70;

	box-shadow: none;

	outline: none;



}

.GetTouch .form-group textarea{

		height: 100px;

}



.GetTouch .form-group input[type=submit]{



	font: 700 17px 'Mulish', sans-serif;;



	line-height: 50px;



	color: #fff;



	background: #0079c2;



	border: none;



	outline: none;



	padding: 0 40px;



	margin:5px 0;



	border-radius: 30px;



	cursor: pointer;



	letter-spacing: 2px;



	text-transform:uppercase;



}



.GetTouch.contactpage{



padding:50px 0 50px 0;



}



/* ==============GetTouch end================ */



.commonCms{



	padding:90px 0 90px 0;



	margin:0;



	background:#fff;



}



.commonCms h2{



	font: 700 50px 'Mulish', sans-serif;;



	line-height:65px;



	color: #003a63;



	padding:0;



	margin:0 0 0 0;



	position:relative;



}



.commonCms h2 span{



	font: 600 24px 'Mulish', sans-serif;;



	line-height:30px;



	color: #000;



	padding:0;



	margin:0;



	display:block;



}



.commonCms p {



  font: 400 16px 'Mulish', sans-serif;;



  line-height: 23px;



  color: #003a63;



  padding:25px 0 0 0;



  margin:0;



}



.commonCms .contactInfo{



	display:flex;



	padding:0;



	margin:60px 0 0 0;



	flex-wrap: wrap;



}



.commonCms .contactInfo li{



	width:33%;



	text-align:center;



	font: 400 18px 'Mulish', sans-serif;;



	line-height: 25px;



	color: #003a63;



	padding:0 40px



}



.commonCms .contactInfo li a{



	color: #003a63;



	padding:0 0;



}



.commonCms .contactInfo li i{



	display:block;



	width:100px;



	height:100px;



	background: #003a63;



	text-align:center;



	font-size:50px;



	line-height:100px;



	border-radius:50%;



	margin:0 auto 20px auto;



	color:#fff;



}





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

	.commonCms{

		padding: 40px 0;

		 text-align: center;

	}

	.commonCms .contactInfo li{

		margin: 0 0 30px 0;

		width: 100%;

	}

	.GetTouch{

			padding: 0 0 50px 0;

	}

	.GetTouch h2{

			text-align: center;

	}

	.GetTouch .form-group{

			display: block;

			margin: 0 0 20px 0;

	}

	.GetTouch .form-group input[type="text"], 

	.GetTouch .form-group input[type="tel"], 

	.GetTouch .form-group input[type="email"]{

			border-radius: 0;

	}



}