@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap);

* {

	margin: 0;

	padding: 0;

	box-sizing: border-box

}

a:hover {

	text-decoration: none

}

body {

	font-family: Roboto, sans-serif;

	overflow-x: hidden

}

.container {

	max-width: 1170px

}

.topHead {

	background: #000;

	color: #fff

}

.topRight {

	text-align: right;

	padding: 10px 0

}

.topRight ul {

	display: flex;

	justify-content: flex-end;

	align-items: flex-end;

	list-style: none;

	margin: 0

}

.topRight ul li {

	border-right: 1px solid #373737

}

.topRight ul li:last-child {

	border-right: 0

}

.topRight a {

	font-size: 18px;

	color: #fff;

	margin-right: 24px;

	margin-left: 24px

}

.topRight a:hover {

	text-decoration: none

}

.bg-light {
    background: #0060a8!important;
}

#masthead .wrap {

	float: right

}

.navbar {

	padding: 0 1rem

}

.main-navigation {

	float: right!important

}

.main-navigation a {

	padding: 17px 22px;

	font-size: 18px;

	letter-spacing: 1px;

	font-weight: 400;
	    color: #fff;

}
.cspr-descriptin {
    min-height: 90px;
}
.main-navigation li a:hover {

	background-color: #fff;

	color: #0060a8

}

.menu .current_page_item {

	background-color: #fff;

}

.menu .current_page_item>a {

	color: #0060a8

}

.main-navigation ul li.focus>ul,

.main-navigation ul li:hover>ul {

	left: 0

}

.cs-slid-content {

	text-align: center;

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translateY(-25%) translateX(-50%)

}

.cs-slid-content h1 {

	background: #000000a6;

	color: #fff;

	font-size: 52px;

	font-weight: 700;

	padding: 15px 28px;

	letter-spacing: 3px;

	white-space: nowrap

}

.owl-theme .owl-dots .owl-dot {

	display: none

}

.owl-carousel .owl-item img {

	display: block;

	width: 100%;

	height: 590px

}

.owl-prev {

	position: absolute;

	top: 50%;

	left: 0;

	transform: translateY(-50%);

	outline: 0

}

.owl-prev span {

	background-image: url(images/prev-btn.png);

	width: 45px;

	height: 45px;

	display: inline-block;

	text-indent: 999px;

	border: 0

}

.owl-prev:focus {

	outline: 0

}

.owl-next {

	position: absolute;

	top: 50%;

	right: 0;

	transform: translateY(-50%)

}

.owl-next span {

	background-image: url(images/next-btn.png);

	width: 45px;

	height: 45px;

	display: inline-block;

	text-indent: 999px

}

.owl-next:focus {

	outline: 0

}

.owl-theme .owl-nav[class*=owl-]:hover {

	background: 0 0!important

}

.owl-theme .owl-nav[class*=owl-]:hover {

	background: 0 0!important

}

.cs-slid-content .fa-arrow-down {

	border: 1px solid #0060a8;

	background: #0060a8;

	padding: 23px;

	border-radius: 33px;

	color: #ffff

}

.about-us {

	text-align: center;

	margin: 80px 0

}

.cs-descriptin {

	max-width: 950px;

	margin: 0 auto

}

.about-us h2 {

	color: #000;

	font-size: 42px;

	font-weight: 500;

	letter-spacing: 1px

}

.about-us h2 span {

	color: #0060a8

}

.about-us p {

	color: #555;

	font-size: 24px;

	letter-spacing: .8px;

	font-weight: 300

}

.cs-btn {

	border: 2px solid #000;

	font-size: 18px;

	font-weight: 400;

	letter-spacing: 1px;

	margin-top: 35px;

	width: 175px;

	display: block;

	padding: 14px 0;

	margin: 0 auto;

	text-decoration: none

}

.cs-btn:hover {

	background-color: #0060a8;

	color: #fff;

	border: 2px solid #0060a8

}

.contact-sect {

	margin-top: 90px;

	background-color: #f0f0f0;

	text-align: center;

	padding: 80px 0;

	color: #000

}

.contact-sect .cs-title {

	font-size: 42px;

	font-weight: 500;

	margin: 0;

	color: #000;

	letter-spacing: .8px

}

.contact-descriptin {

	max-width: 860px;

	margin: 0 auto

}

.contact-descriptin p {

	font-size: 18px;

	letter-spacing: .8px;

	line-height: 25px;

	font-weight: 300

}

.menu-scroll-down {

	display: none!important

}

.innerTiles {

	background-color: #efefef;

	text-align: center;

	padding: 40px 30px;

	letter-spacing: 1.6px

}

.innerTiles h2 {

	color: #000;

	font-size: 22px;

	font-weight: 500;

	text-transform: uppercase;

	margin-bottom: 6px

}

.cspr-descriptin p {

	color: #000;

	font-size: 16px;

	font-weight: 400;

	line-height: 26px

}

.cspr-btn {

	color: #067cbe;

	font-size: 18px;

	position: relative

}

.cspr-btn:before {

	background-image: url(images/readmore.png);

	width: 18px;

	height: 12px;

	content: "";

	position: absolute;

	bottom: 3px;

	right: -27px

}

.cspr-btn>a {

	text-decoration: none

}

button,

input[type=button],

input[type=submit] {

	border: 2px solid #0060a8;

	background: #f0f0f0;

	font-size: 18px;

	font-weight: 400;

	letter-spacing: 1px;

	width: 175px;

	display: block;

	padding: 14px 0;

	margin: 0 auto;

	text-decoration: none;

	color: #0060a8;

	line-height: unset

}

button,

input[type=button],

input[type=submit]:hover {
	background-color: #067cbe;
	border: 2px solid #067cbe;
	color: #fff;
}

.wpcf7-form {

	max-width: 700px;

	margin: 0 auto;

	width: 100%

}

.your-message textarea {

	resize: none;

	height: 130px

}

input[type=color],

input[type=date],

input[type=datetime-local],

input[type=datetime],

input[type=email],

input[type=month],

input[type=number],

input[type=password],

input[type=range],

input[type=search],

input[type=tel],

input[type=text],

input[type=time],

input[type=url],

input[type=week],

textarea {

	min-height: 60px;

	padding-left: 10px;

	border: 1px solid #f0f0f0;

	border-radius: 0;

	font-size: 18px;

	letter-spacing: .8px;

	font-weight: 300

}

.site-footer {

	margin-top: 0;

	background-color: #000;

	color: #fff

}

.footerAbout {

	background-color: #0060a8;

	padding: 70px 15px;

	text-align: center;

	color: #fff;

	font-size: 16px;

	letter-spacing: 1px;

	height: 100%;

	width: 370px

}

.footerAbout a h2 {

	color: #fff;

	font-size: 42px;

	font-weight: 700;

	letter-spacing: 1px;

	margin: 0;

	padding: 0

}

.footerAbout a h2:hover {

	text-decoration: none

}

.footerAbout a p {

	color: #fff;

	font-size: 18px;

	font-weight: 500;

	letter-spacing: 1px

}

.footerAbout a p:hover {

	text-decoration: none

}

.site-footer h2 {

	font-size: 28px;

	font-weight: 500;

	color: #fff;

	letter-spacing: .8px

}

.menu-footer-menu-container .menu .current_page_item {

	background-color: #000

}

.menu-footer-menu-container .menu .current_page_item {

	background-color: #000

}

.quickLinks {

	padding: 70px 30px

}

.quickLinks .menu {

	margin-left: 25px

}

.quickLinks ul li {

	padding: 6px 0;

	position: relative;

	list-style: none

}

.quickLinks ul li a {

	font-size: 16pt;

	color: #fff;

	font-weight: 400;

	letter-spacing: .8px

}

.quickLinks ul li:before {

	background-image: url(images/list-icons.png);

	width: 8px;

	height: 8px;

	content: "";

	position: absolute;

	top: 21px;

	left: -20px

}

.social-icons a {

	margin: 3px

}

.copyright {

	background-color: #3c3c3c;

	text-align: center;

	font-size: 16px;

	letter-spacing: 1px;

	font-weight: 400;

	height: 60px;

	line-height: 66px

}

.quickContact {

	color: #fff;

	font-size: 18px;

	line-height: 25px;

	padding-top: 70px

}

.quickContact h4 {

	font-size: 18px;

	font-weight: 700;

	margin: 5px 0;

	padding: 0;

	color: #fff

}

.quickContact p {

	margin-bottom: 15px

}

.quickContact a {

	color: #fff

}

.copyright a {

	color: #fff

}

.intro-thumb:before {

	position: absolute;

	content: '';

	bottom: 5px;

	left: -5px;

	width: 0;

	height: 0;

	border-bottom: 400px solid #0060a8;

	border-right: 400px solid transparent;

	z-index: -1

}

.cs-page {

	margin: 80px 0

}

.innerBanner {

	background-position: center center;

	background-size: cover;

	background-repeat: no-repeat

}

.pageTitle {

	position: relative

}

.innerBanner h1 {

	text-align: center;

	padding: 0;

	margin: 0;

	font-size: 50px;

	color: #fff;

	font-weight: 700;

	letter-spacing: 1px;

	text-transform: uppercase;

	position: relative

}

.innerBanner h1:after,

.innerBanner h1:before {

	width: 100px;

	height: 4px;

	content: "";

	background-color: #fff;

	display: inline-block;

	margin-bottom: 13px

}

.innerBanner{padding: 70px 0;background-color: #000000;}

.innerBanner h1:before {

	margin-right: 15px

}

.innerBanner h1:after {

	margin-left: 15px

}

.locationMap {

	height: 449px;

	margin-top: 40px

}

.locationMap iframe {

	margin-bottom: 0

}

.intri-content .title {

	font-size: 42px;

	line-height: 50px;

	padding-bottom: 0;

	margin-bottom: 0;

	font-weight: 700;

	text-transform: capitalize

}

.intri-content h3 {

	font-size: 20px;

	color: #0060a8;

	line-height: 24px;

	font-weight: 500;

	letter-spacing: 1px;

	padding-top: 10px

}

.intri-content p {

	font-size: 16px;

	font-weight: 400;

	line-height: 28px;

	color: #000

}

.list li {

	font-size: 16px;

    font-weight: 400;

    line-height: 28px;

    color: #000;

}

.list .fa-check:before {

	color: #0060a8

}

.main-btn {

	text-align: center;

	float: left;

	background-color: #0060a8;

	border-color: #0060a8;

	color: #fff

}

.main-btn:hover {

	background-color: #fff;

	color: #000;

	border-color: #000

}

#responsive-menu-container {

	width: 400px!important

}

#responsive-menu-container #responsive-menu-title {

	background-color: #f7f7f7!important

}

#responsive-menu-container #responsive-menu li.responsive-menu-item a {

	background-color: #d6d6d6!important;

	color: #000!important;

	font-size: 17px!important;

	border-bottom: 1px solid #f7f7f7!important;

	line-height: 52px!important;

	height: 52px!important

}

#responsive-menu-container #responsive-menu li.responsive-menu-item a:hover {

	background-color: #0060a8!important;

	color: #fff!important

}

#responsive-menu-container #responsive-menu>li.responsive-menu-item:first-child>a {

	border-top: none!important

}

#responsive-menu-container #responsive-menu>li.responsive-menu-item:lest-child>a {

	border-bottom: none!important

}

#responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow {

	height: 51px!important;

	line-height: 51px!important;

	width: 52px!important

}

.list {

	list-style: none

}

.list li .fa {

	color: #0060a8

}

.cs-page h2 {

	color: #000;

	font-size: 22px;

	font-weight: 500;

	letter-spacing: 1px;
	padding-top:0px;
	margin-bottom: 10px;

}

.cs-page h2 span {

	color: #0060a8

}

.csPage input[type=email],

.csPage input[type=tel],

.csPage input[type=text] {

	border: 1px solid #dcdbdb;

	color: #535353!important;

	border-radius: 30px!important;

	padding: 15px

}

.csPage textarea {

	border: 1px solid #dcdbdb;

	color: #535353!important;

	border-radius: 30px!important;

	padding: 15px

}

.csPage input[type=submit] {

	text-align: center;

	background-color: #0060a8;

	border-color: #0060a8;

	color: #fff;

	float: left

}

.csPage input:hover[type=submit] {

	background-color: #fff;

	border-color: #000;

	color: #000

}

.contactAddress h2 {

	margin-left: 45px

}

.contactAddress ul li {

	border-bottom: 1px solid #f7f7f7;

	margin-bottom: 20px;

	padding: 0 0 20px 30px;

	list-style: none;

	font-size: 18px;

	font-weight: 400

}

.address>a {

	margin-left: 39px;

	direction: rtl

}

.contactAddress ul li .fa {

	font-size: 22px;

	margin: 0 10px;

	color: #0060a8

}

.innerPages ul{

	margin: 0 0 0 20px;

}

.innerPages ul li{

	margin: 0 0 12px 0;

}

.contentImage{float: right;width: 350px;margin: 0 0 30px 30px;}

.siteLogo img{width: 110px;}
.navbar-brand{padding: 0 !important;}
.servicebtm{padding: 40px 0 0 0;}
.innerserviceCol{background-color: #f7f7f7;padding: 20px;min-height: 505px;}
.innerserviceCol h3{font-size: 28px;font-weight: 500;}
.productsCol h3 {
    font-size: 28px;
    font-weight: 500;
    color: #0060a8;
}
.productsCol{background-color: #f7f7f7;color: #000;padding: 20px;margin-bottom: 30px;min-height: 412px;}
.productsCol ul li, .productsCol p{color: #000;}
.logo-type img {
    width: 205px;
}






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

	.topRight {

		padding: 2px 0

	}

	.topRight a {

		font-size: 13px;

		margin-left: 4px

	}

	.js .menu-toggle {

		display: none

	}

	.contentImage{margin: 0 0 15px 0;}

	button#responsive-menu-button {

		position: absolute!important;

		top: 38px!important;

		right: 5%!important;

		background: #0060a8!important;

		height: 45px!important;

		width: 45px!important

	}

	#responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow {

		right: 26px!important;

		border-left: 1px solid #0060a8!important;

		background-color: #0060a8!important

	}

	#responsive-menu-title-image img {

		margin-top:0px;
		width:110px;

	}

	.siteLogo img {

		margin: 5px 0

	}

	.cs-slid-content .fa-arrow-down {

		display: none

	}

	.owl-carousel .owl-item img {

		height: auto

	}

	.product-sect .innerTiles img {

		width: 100px;

		height: 100px

	}

	.innerTiles {

		padding-top: 30px;

		padding-bottom: 30px

	}

	.innerTiles h2 {

		padding-top: 10px

	}

	.contact-sect .cs-title {

		font-size: 30px

	}

	.copyright {

		font-size: 12px

	}

	.intro-thumb:before {

		display: none

	}

	.cs-page {

		margin-top: 30px;

		margin-bottom: 20px

	}

	.cs-page h2 {

		font-size: 32px!important

	}

	.csPage input[type=submit] {

		float: none

	}

	.locationMap {

		height: 100%;

		margin-top: 10px

	}

	.locationMap iframe {

		height: 250px!important

	}

	.contactAddress ul li {

		padding-left: 0

	}

	.owl-theme .owl-dots .owl-dot {

		display: inline-block

	}

	button,

	input[type=button],

	input[type=submit] {

		width: auto;

		font-size: 15px

	}

	.owl-carousel .owl-nav button.owl-next,

	.owl-carousel .owl-nav button.owl-prev,

	.owl-carousel button.owl-dot {

		display: none

	}

	.cs-slid-content h1 {

		font-size: 18px;

		padding: 10px

	}

	.cs-btn {

		padding: 13px;

		width: 150px;

		font-size: 15px

	}

	button,

	input[type=button],

	input[type=submit] {

		padding: 13px

	}

	.about-us {

		margin: 30px 0

	}

	.about-us h2 {

		display: inline-grid;

		font-size: 34px

	}

	.about-us p {

		font-size: 18px;

		letter-spacing: 0

	}

	.contact-sect {

		margin-top: 10px;

		padding: 30px 0 0 0

	}

	.contactForm .pr-0 {

		padding-right: 1rem!important

	}

	.footerAbout {

		width: auto;

		padding: 20px 15px

	}

	.footerAbout a h2 {

		font-size: 30px

	}

	.footerAbout a p {

		font-size: 15px

	}

	.footerAbout>p {

		font-size: 11pt

	}

	.site-footer h2 {

		font-size: 20px;

		margin-bottom: 5px

	}

	.quickLinks {

		padding: 20px 16px 0 16px

	}

	.quickLinks .menu {

		margin-left: 0;

		margin-bottom: 5px

	}

	.quickLinks ul li {

		padding: 6px 0;

		position: static;

		

		margin: 0 0px

	}

	.quickLinks ul li:first-child {

		margin-left: 0

	}

	.quickLinks ul li:last-child {

		margin-right: 0

	}

	.quickLinks ul li a {

		letter-spacing: 0;

		font-size: 11pt

	}

	.quickContact {

		padding-top: 10px;

		padding-bottom: 20px;

		font-size: 11pt

	}

	.quickContact h4 {

		font-size: 15px;

		margin-top: 15px

	}

	.topRight ul li {

		border-right: 0

	}

	.innerBanner h1 {

		font-size: 27px

	}

	.innerBanner h1:after,

	.innerBanner h1:before {

		width: 50px;

		margin-bottom: 9px

	}

}
.owl-theme .owl-nav [class*=owl-]:hover{background-color: transparent !important;}
.main-navigation ul ul a {
    color: #000!important;
    padding: .5em 1.2em!important;
}

@media (max-width: 479px)
{
	#responsive-menu-container #responsive-menu-title {
    background-color: #f7f7f7!important;
	    padding: 10px 5%!important;
	}
#responsive-menu-container #responsive-menu-title #responsive-menu-title-image {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    margin-bottom: 0px!important;
}
}






 .cspr-descriptin {
    min-height: 150px;
}

.service_box {margin-bottom: 27px;}
.text-desc {height:100px;}
.product .cs-title {height:60px;}
.innerPages ul li {
    margin: 0 0 12px 0;
    font-size: 18px;
}
.innerPages h3{padding-top:0px;}