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





.ser-box h3, .ser-box p, body, h1, h2, h3, h4, h5, h6 {

	font-family:'Open Sans', Arial, Helvetica, sans-serif;

}

b, body, strong {	font-size:17px}

a, a:focus, a:hover {	color:#fc5353}

a, p a, p a:visited {	line-height:inherit}

.ir, .visuallyhidden {	overflow:hidden;	border:0}

.hidden, .invisible {	visibility:hidden}

.group:after, .ir:before {	content:""}

#main-navigation .menu-btn:focus, a:focus {	outline:0}

#scroll, .apply-btn, a, a:hover {	text-decoration:none}

#footer .logo-box ul, #friendly ul, #main-navigation ul, #reviews ul, .help-section ul, .listing-b ul, .post ul, .province ul {

	list-style:none}

*, :after, :before {	-webkit-box-sizing:border-box;	-moz-box-sizing:border-box;	box-sizing:border-box}

::-moz-selection {background:#b3d4fc;text-shadow:none}

::selection {background:#b3d4fc;text-shadow:none;}

body {font-weight:400;	line-height:23px; font-size:16px; color:#222;font-family:'Open Sans', Arial, Helvetica, sans-serif;}

h1, h2, h3, h4, h5, h6 {	font-weight:700;	text-rendering:optimizeLegibility;	margin-top:0}

p {	font-weight:400;	margin-top:0}

b, strong {	font-weight:700;}

hr {	display:block;	height:1px;	border:0;	border-top:1px solid #ccc;	margin:0 0 10px;	padding:0}

img {	vertical-align:middle;	max-width:100%;	height:auto;	-ms-interpolation-mode:bicubic}

fieldset {	border:0;	margin:0;	padding:0;}

textarea {	resize:vertical}

.left {	float:left}

.right {	float:right}

.text-left {	text-align:left}

.text-right {	text-align:right}

.text-center {	text-align:center}

img.alignleft {	float:left;	margin:0 10px 10px 0;	display:inline}

img.alignright {	float:right;	margin:0 0 10px 10px;	display:inline}

img.aligncenter {	display:block;	margin-left:auto;	margin-right:auto;	margin-bottom:10px}

.ir {	background-color:transparent;}

.ir:before {	display:block;	width:0;	height:150%}

.hidden {	display:none!important}

.visuallyhidden {	clip:rect(0 0 0 0);	height:1px;	margin:-1px;	padding:0;	position:absolute;	width:1px}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {	clip:auto;	height:auto;	margin:0;	overflow:visible;	position:static;	width:auto}

#container, .floatbox {	overflow:hidden}

#content, #header, #main-navigation, #top-bar, .container {	position:relative;}

.group:after {	display:table;	clear:both}

.clear {	clear:both;	height:1px;	line-height:1px}

.chromeframe {	margin:.2em 0;	background:#ccc;	color:#000;	padding:.2em 0;}

#container {	min-width:120px}

.container {	max-width:1100px;	width:100%;	z-index:99}

#header {	background:#fff;	display:block;	height:100%;	min-height:auto;	width:100%}

#main-navigation {	padding:0;	z-index:999;margin:0px;}

#top-bar {	padding:11px 0;	z-index:99}

#content, body.home #content {	padding:0}

#content {	margin:0;	min-height:350px;z-index:99;background:#fff}

#footer {	padding-top:25px;	background:#1f1f1f;}

.post blockquote, .post dd, .post dl, .post dt, .post h1, .post h2, .post h3, .post h4, .post h5, .post h6, .post li, .post ol, .post p, .post pre, .post td, .post th, .post ul {	margin:0; padding:0; 	font-size:15px;	direction:ltr}

.post ol li{ font-size: 15px; line-height: 25px; margin-bottom: 10px;}

.post p {font-family:'Open Sans', Arial, Helvetica, sans-serif;font-weight:400;	font-size:15px;	line-height:24px;	margin-bottom:20px;	color:#222;}

.logo, .punchline, .punchline p {	text-align:left}

.post p.lead {

	font-size:20px;

	line-height:30px;

	margin-bottom:25px

}

.post h1, .post h2, .post h3, .post h4, .post h5, .post h6 {

	font-weight:400;

	font-style:normal;

	color:#2b2b2b;

	text-rendering:optimizeLegibility;

	line-height:1.1;

	margin-bottom:14px;

	margin-top:0

}

.post h1, .post h2 {

	font-weight:400;

	margin-bottom:15px

}

.post h1 small, .post h2 small, .post h3 small, .post h4 small, .post h5 small, .post h6 small {

	font-size:60%;

	color:#6f6f6f;

	line-height:0

}

.post h1 {

	font-size:35px;

	line-height:40px

}

.post h2 {

	font-size:25px;

	line-height:35px;

	color:#333

}

.post h3 {

	font-size:25px;

	line-height:30px

}

.post h4 {

	font-size:16px;

	line-height:25px

}

.post h5 {

	font-size:14px;

	line-height:20px

}

.post h6 {

	font-size:12px;

	line-height:18px

}

.post code {

	font-weight:700;

	background:#111

}

.post dl, .post ol, .post ul {

	font-size:15px;

	line-height:20px;

	margin-bottom:25px;

	list-style-position:outside

}

.post ul li ol, .post ul li ul {

	margin-left:20px;

	margin-bottom:0

}

.post ul li {

	margin:0 0 20px;

	padding:0 0 0 27px;

	display:block;

	background:url(../images/red-bullet.png) 0 3px no-repeat;

	line-height:23px;

	font-size:17px

}

.post ul li a {

	color:#3c3c3c

}

.post ul li a:hover {

	color:#fc5353

}

.post ol {

	margin-left:20px

}

.post ol li ol, .post ol li ul {

	margin-left:20px;

	margin-bottom:0

}

#top-bar.white-bg {transition:all .5s easeIn;	position:fixed;	top:0;	left:0;	width:100%;	min-height:60px;	background:#fff;	display:block;z-index:999; box-shadow:0 1px 36px 0 rgba(0, 0, 0, .1);}

.logo {	z-index:100;padding:0}



#top-bar.white-bg .logo{ width:200px;}



.topwpr{ border-top:5px solid #073252; position:relative; margin:0; padding:10px 0;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1279be+0,24a8df+100 */

background: #1279be; /* Old browsers */background: -moz-linear-gradient(top,  #1279be 0%, #24a8df 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top,  #1279be 0%,#24a8df 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom,  #1279be 0%,#24a8df 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1279be', endColorstr='#24a8df',GradientType=0 ); /* IE6-9 */}

.social-link { position:relative; margin:0; padding:0;}

.social-link ul{ list-style:none; position:relative; margin:0; padding:15px 0 0; position: absolute; left: 0; top: 0;}

.social-link ul li{ display:inline-block; position:relative; margin:0 1px; padding:0;}

.topwpr h2{ text-align:center;color:#fff; font-size:35px; font-weight:900;margin-bottom: 0;text-transform: uppercase; font-style: italic;}

.number-detail {  padding: 5px 0;}



.phone-icon1s{ width: 40px;}

.lcd-led-services{ position:relative; margin-bottom: 30px; position:relative;}

.lcd-led-services ol li{position:relative; width: 50%; margin:0 0 10px; float:left;}





@media (max-width:767px) {

#top-bar {padding:15px 0}

#top-bar .container, .logo {padding:0}

.logo { top:-22px; margin-left: 10px; width: 200px; z-index: 9999; display: block; position: relative;}

.social-link ul { position: relative; padding: 5px 0; text-align: center;}

.phone-icon1s {  width: 20px;}

.lcd-led-services ol li{ width: 100%; float:none;}

}



@media (max-width:540px) {

.topwpr h2 { font-size: 19px;}

}







.navbar-inverse { background-color: transparent; border-color: transparent;}

#main-navigation .navbar-nav > li{ transition: all 0.5s ease;}



.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: #ffbd18;    background-color: transparent;}



#main-navigation .navbar-nav > li > a{padding: 4px 15px; color: #222; font-size: 14px; font-weight: 600; text-transform: uppercase;}

#main-navigation .navbar-nav > li > a:hover{color: #137ec1;}

/*#main-navigation .navbar-nav > li:hover .dropdown-menu {  display: block; }*/



#main-navigation .navbar-nav > li.active > a{color:#137ec1;background: #00A8FF; border-radius: 20px;}

#main-navigation .navbar-nav { float: right; margin-top:7px;}

.dropdown-menu > li > a { padding: 10px 20px;}

#top-bar.white-bg #main-navigation .navbar-nav {  margin-top: 5px;}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {   color: #fff; background-color: #137ec1; color: #fff !important;}

.dropdown-menu{ padding:0;}

.navbar-toggle{ background:#222;padding: 10px 10px;right: 10px;}

.navbar-nav > li > .dropdown-menu { margin-top: 10px;}

.navbar{ min-height:auto;} 





@media (max-width:970px){	

	.navbar-nav > li > a { padding: 4px 12px; font-size: 16px;}

	.navbar-collapse { padding-right: 0; padding-left: 0;}

	}

	

@media (max-width:940px){		

	#main-navigation .navbar-nav > li > a { padding: 6px 11px;}

}



@media (max-width:860px){

#main-navigation .navbar-nav > li > a{font-size: 13px;}

#main-navigation .navbar-nav > li > a { padding: 6px 8px;}

}





@media (max-width:767px){		

	.navbar-toggle{ margin-bottom:0;margin-top: 12px;}

	.navbar-header { margin-top: -45px;}

.navbar { min-height: auto;}

#main-navigation .navbar-nav { float: none;text-align: center;}

}



@media (max-width:480px){	

.navbar-toggle { margin-top: 14px;margin-right: 0;}

}



@media (max-width:300px) {

.logo {margin-left:10px; width:150px;}



}





/*-- Content --*/

#content h1 {	margin-bottom:10px;	text-align:left;	padding:0 0 5px;	font-weight:700;	font-size:40px}



.owl-dot {    background: transparent;    width: 14px;    height: 15px;    border-radius: 10px;    display: inline-block;   border: 1px solid #b9b9b9;    margin: 0 3px;}

.owl-prev { background: url(../images/PreBtn.png) no-repeat 0 0; width: 38px; height: 67px;z-index: 999; display: block; position: absolute; top: 50%; left: 50px;   margin-top: -40px;}

.owl-next{background: url(../images/nextBtn.png) no-repeat 0 0;  width: 38px;    height: 67px;   z-index: 999;    display: block;    position: absolute;    top: 50%;    right: 50px;   margin-top: -40px;}

.owl-dots { text-align: center; margin-top: 20px; display:none;}

.owl-dot.active{border-color:#2e93fa;}



/*- .headingBox--------*/

.headingBox{ position:relative; margin:0; padding:20px 0; background:#bf0b28;}

#content .headingBox h1{ font-size:35px; font-weight:600; color:#fff; margin-bottom:5px; line-height:35px;}

.headingBox p{color:#fff; margin-bottom:0; font-size:17px; font-weight: 400;}

.supprt{ position:relative; padding:10px 25px; text-align:center; background:#fff; display:block; border-radius: 15px; width:90%;}

.callus{ display:block; text-align:center; margin-bottom:5px; color:#bf0b28; font-weight: 900; font-size: 20px;}

.mobile{color:#bf0b28; font-size: 35px; font-weight: 900;}

.centerBox { text-align: center; padding: 20px 0 30px; position: relative;}

.centerBox p{ text-align:center;}

.centerBox h2{ font-size: 37px; line-height: 37px; margin-bottom:5px; text-align:center; font-weight: 900; color:#0088cc;}

.section1 {  position: relative;  padding: 50px 0;}



.contact-form{ position:relative; padding: 30px 0;}

.tv-image {  text-align: center; position:relative;}

.contact-form h2{ font-size: 30px; font-weight: 700;color:#2a2a2a; position:relative; margin-bottom: 30px;}

.contact-form h2:after{ background:#0088cc; width:60px; height:3px; position:absolute; left:0; bottom:-11px; content:""; border-radius:5px;}



.contact-form  label { display: inline-block;  margin-bottom: 5px; font-weight: 700;}

.contact-form .btn-success, .btn-success { color: #fff; background-color: #bf0b28; border-color: #bf0b28;}



/*--servicesBox --*/

.servicesBox{ position:relative; padding: 50px 0; background:#f8f8f8;}

.servicesBox ul li{color:#222; font-size: 17px; font-weight: 500; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #c2c2c2; display:block;}

.servicesBox h2{ font-size: 30px; font-weight: 700; margin-bottom:60px; position:relative; color:#0188cc; text-align:center;}

.servicesBox h2:after{ background:#0188cc; width:60px; height:3px; position:absolute; left:50%; bottom:-11px; content:""; border-radius:5px; margin-left: -30px;}



.three-Box{ text-align:center; position:relative; margin:0; padding:45px 0;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1279be+0,24a8df+100 */background: #1279be; /* Old browsers */background: -moz-linear-gradient(top,  #1279be 0%, #24a8df 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top,  #1279be 0%,#24a8df 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom,  #1279be 0%,#24a8df 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1279be', endColorstr='#24a8df',GradientType=0 ); /* IE6-9 */}





.three-Box h3{ margin-bottom: 5px; font-size: 25px; font-weight: 600;}

.three-Box h3, .three-Box p{color:#fff; text-align:center;}

.three-Box p{ margin-bottom:0; font-size: 20px; font-weight:400; text-transform:uppercase;}

.three-Box h2{ font-size: 30px; font-weight: 700; margin-bottom:50px; position:relative; color:#fff; text-align:center;}

.three-Box h2:after{ background:#fff; width:60px; height:3px; position:absolute; left:50%; bottom:-11px; content:""; border-radius:5px; margin-left: -30px;}



.main-content{ position:relative; padding: 30px 0;}

.serviceBox{ position:relative; padding:0;}

#content .serviceBox h2{ position:relative; font-size: 30px; font-weight: 700; margin-bottom: 20px;}



.main-content h2{ font-weight: 600; font-size: 25px; color:#0188cc; border-bottom: 1px solid #0188cc; padding-bottom: 10px; margin-bottom:10px;}

.brands h2{ text-align:center; font-size: 30px; font-weight: 700;}



#content .icon { width: 220px;  margin: 0 auto;}

.three-Box .box figure { width: 80px; display: block; text-align: center; margin: 0 auto 15px;}



.cont-icons{ position:relative;}

#content .cont-icons ul{ margin:0 0 20px;}

#content .cont-icons ul li{ margin-bottom:10px; position:relative; background:none; padding:0;}

#content .cont-icons ul li .icon{ width: 30px;margin-right: 10px;}



.servicesBox ul li{ float:left; width: 48%; margin:0 15px 15px 0;}

.customer-service-guarantee{ position:relative; display:block; text-align:center; margin-bottom: 5px;}



@media (max-width:1050px) {

.mobile { font-size: 30px;}

.supprt{ width: 100%;}

}



@media (max-width:950px) {

.mobile { font-size: 25px;}

}





@media (max-width:767px) {

.owl-prev, .owl-next{ background-size: 50%;margin-top: -15px;}

#content .headingBox h1 { font-size: 23px;  margin-bottom: 10px; line-height: 30px; text-align: center; font-weight: 700;}

.headingBox p{ text-align:center; margin-bottom: 15px; line-height: 20px; font-size: 15px;}

.supprt{ width:100%; margin-bottom: 15px;}

.box { margin-bottom: 25px; display: block; text-align: center;}

#content .icon { display: block;  text-align: center; width: 170px; margin:0 auto 20px;} 

.servicesBox ul{ margin-bottom:0;}

.owl-prev{left: 15px;}

.owl-next{right: 10px;}

.servicesBox ul li{ float:none; width: 100%; margin:0 0 15px;}

.centerBox h2 { font-size: 32px;}

#content .form-box .cont-icons ul li .icon { width: 30px; margin-right: 10px; display: inline-block; float: left;}

#content .form-box .cont-icons ul li { margin-bottom: 10px; position: relative; background: none; padding: 0; width: 100%; margin: 0 0 25px; clear: both;}

}







#footer #navigation {	padding:0;	margin:0; position:relative;}

#footer h2 {text-align:left;	color:#fff;	font-size:20px;	margin-bottom:15px; padding-bottom: 15px;	font-weight:700; font-style:italic;	text-transform:uppercase;	padding-left:0px; position:relative;}

#footer h2:after{ background:#fff; width:40px; height:3px; position:absolute; left:0%; bottom:5px; content:""; border-radius:5px; margin-left:0px;}



#footer #navigation ul {	list-style:none;	margin:0;	padding:0;	text-align:left}

#footer #navigation ul li {	display:block; margin:0 0 15px; padding:0 0px; line-height:13px; text-align:left; background:none;}

#footer #navigation ul li a {	color:#fff;	font-size:15px;	font-weight:400;	list-style-type:none;	margin-top:2rem;	text-align:left}

#footer #navigation ul li a:hover {	color:#fff;}

#footer #navigation ul li:last-child {	border-right:0}

#footer.post p {	color:#fff; font-size: 16px; color:#fff; line-height: 24px;}

#footer .copyright {	padding:10px 15px;	margin-bottom:0; background:#0188cc;margin-top: 20px;}

#footer .copyright p {	font-size:17px;	color:#fff;	margin-bottom:0;	line-height:20px;	}

#footer .copyright p a {	color:#fff;	word-wrap:break-word}

#footer .support-box{ position:relative;}

#footer .support-box ul{ list-style: none; margin:0 0 15px; padding:0; position:relative;}

#footer .support-box ul li{ margin:0 0 10px; padding:0 0 0 0px; position:relative; background:none; color:#fff;}

#footer .support-box ul li .icon{ margin-right: 10px;}

#footer .support-box ul li a{color:#fff;}

#scroll { position:fixed; right: 80px;  bottom: 0;  background: #bf0b28;    padding: 5px 15px;    color: #fff; display:block;  z-index: 9999;}

#wh-widget-send-button { bottom: 30px !important;}




@media (max-width:767px) {

#footer.post p { text-align: left; font-size: 14px; line-height: 20px;}

#footer #navigation ul li {line-height: 17px;}

}