@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Exo:wght@400;500;600;700;800&display=swap');


* {margin : 0; padding : 0; outline: none !important;}
.clear, .clr { clear : both;}
.gap { clear : both; height : 10px;}
.frt {float : right;}
.flt {float : left;}
img {border : 0;}
form {margin : 0;}
/*ol, ul {list-style:none;}*/
ul {list-style-position: outside;}


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

a:link, a:visited {text-decoration : none;}
a:hover {color:#c00;}

/*a {
	text-decoration: none;
	color: inherit;
	outline: none;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	color:#c00;
}

a:hover {
	color: #1f201f;
}*/

/*****
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
*****/

html {
	font-size:100%;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%
}

.result {width:100px; text-align:left;margin-left:10px; display:inline-block;}
.captcha { float:left; padding-top:2px;}
form em { color:#FF0000;}

.map-content  {height:400px; position:relative; overflow:hidden; margin-top:10px; }
.map-content iframe {border:none; height:100%;width:100%; position:absolute; left:0; top:0;}
.map-content figure iframe {border:none; height:100%;width:100%; position:absolute; left:0; top:0;}

.gcaptcha { margin-bottom:10px; text-align:left; display:block;}

.breadcrumb { justify-content: center; }
.breadcrumb li a { color:#ccc;}
.breadcrumb li a:hover { color:#fff;}
.breadcrumb-item + .breadcrumb-item::before  {color: #333;}
.breadcrumb-item.active { color: #000; }

:root {
    --primary-color:#63c7ef;
    --secondary-color:#0b7ca2;
}



h1, h2, h3, h4, h5 { font-family: 'Exo', sans-serif; margin-top:5px;}

h1 { font-size:32px; font-weight: 600; line-height:50px; color:#000;}
h2 { font-size:32px; font-weight: 800; line-height:50px; color:#626262;}
h3 { font-size:22px; font-weight: 700; line-height:48px; color:#626262;}
h4 { font-size:22px; font-weight: 600; line-height:32px; color:#626262;}
h5 { font-size:16px; font-weight: 600; line-height:22px; color:#626262;}

body { font-family: 'Roboto', arial, sans-serif; font-size:14px; color:#333; line-height:22px; background:#fff;}
/* body.graphicbg {background:#fff url(../images/background.jpg) repeat-x center top; background-size: contain;
	background-position-y: -60px;} */


h2 span {font-weight: 400; }
.bigtxt {font-size: 48px;}

/*Back to Top*/
#back-top {position: fixed; bottom:40px;z-index:99; right:25px; display:none; width:41px;height:41px;}
#back-top a:hover {color:#333; }
#back-top span {width:41px;height:41px; display: block;	background:url(../images/up-arrow.gif) no-repeat center center #333;border-radius: 50%; opacity:0.4; filter:alpha(opacity=40); }
#back-top a:hover span { background-color:#333; opacity:1; filter:alpha(opacity=1);}

.limit { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.limit.two-lines {
      -webkit-line-clamp: 2;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      white-space: normal;
  }

/* List Style */

ul.listing { list-style:none; margin:0; padding:0; margin-bottom:10px;  list-style: outside disc;}
ul.listing li:before {    
font-family: 'FontAwesome';
content: '\f105';
position:absolute;
top:0; left:0;
}
ul.listing li { position:relative; padding-left:14px; overflow: hidden;}

ul.list { list-style:none; margin-left:0; padding-left:0;}
ul.list li { background:url(../images/sqr.jpg) no-repeat 0 7px; padding-left:16px;}
ul.list li a { color:#333;}
ul.list li a:hover { color:#3399cc;}
ul.list li li {list-style:none; padding-left:15px; margin-left:-20px; background:url(../images/subsqr.jpg) no-repeat 0 7px;}

ul.list li+li {
    margin-top: 7px;
}

textarea:hover, 
input:hover, 
textarea:active, 
input:active, 
textarea:focus, 
input:focus,
button:focus,
button:active,
button:hover,
label:focus,
.btn:active,
.btn.active
{
    outline:0px !important;
    -webkit-appearance:none;
    box-shadow: none !important;
}

main ul {margin-left:12px;}

main ol {margin-left:14px;}
main ol li { padding-left:5px;}

.btn {border-radius: 0; font-size: 16px; font-family: 'Poppins', sans-serif; border-radius: 25px;
padding: 10px 24px;}

.btn-default, a.btn-default { background:var(--secondary-color); color:#fff; 
-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.btn-default:hover { background-color:#333; color:#fff; }

.btn-primary, a.btn-primary { background:var(--primary-color); color:#fff; border-color: #85cded;
-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.btn-primary:hover { background-color:#333; color:#fff; }

.banner { position:relative; margin-bottom:15px;}

main { margin:25px 0 15px;}

.socialmedia {white-space:nowrap; text-align:right; margin:10px 0;  line-height:0;}
.socialmedia li {  display:inline-block; padding-left:2px; vertical-align:middle;}
.socialmedia li img { width:32px;}

footer {background:#111111 url(../images/footerbg.jpg) repeat; color:#F3F3F3; }
.footer {padding:25px 0 10px;}
.footer, .footer a {  color:#F3F3F3;  }
.footer a:hover { color:#fff;}

.footer hr {border-color: #75aadb;}

.footlist{ text-align:center }                      
.footlist li{ display: inline; list-style-type: none; padding: 0; margin:0; color:#cccccc;}
.footlist a { padding: 0px 2px; }
.footlist a:link, .footlist a:visited {color: #cccccc; text-decoration: none;}
.footlist a:hover{color: #2cafe5; text-decoration: none;}

.footlt { float:left;}
.footrt { float:right;}

.footer h3, .footer h5 {color: #fff;}
.footer ul.list-unstyled li { margin-bottom: 5px;  }
.footer ul.list-unstyled li a {}
.footer ul.list-unstyled li a:hover {color: var(--primary-color);}

.footer .social-icons { margin-top: 15px;}
.footer .social-icons a {
	display: inline-block;
	font-size: 18px;
	height: 42px;
	line-height: 42px;
	margin-bottom: 10px;
	margin-right: 3px;
	text-align: center;
	width: 42px;
  background-color:#fff;
	color: #111;
	transition: all 0.3s ease;
}
.footer .social-icons a:hover { background:var(--primary-color); }

.footer-logo { margin: 25px 0; }
.copywrite { text-align: center; color: #ccc; }

.navigation { position:relative; z-index:99;}

.thumb { margin-bottom:7px;}
.thumb img { max-width:100%;}
.thumblt { float:left; width:350px; margin:2px 15px 5px 0;}
.thumbrt { float:right; width:350px; margin:2px 0 5px 15px;}
.thumblt img, .thumbrt img { max-width:100%;}

.search { display:inline-block; margin-left:10px; float:right; margin-top:7px; }

.searchpanel { margin:0; padding:0 10px 0 0; clear:right; margin:7px 0 7px;}
.searchpanel { }
.searchpanel .btn-default { background:#fff; border:1px solid #ccc;}
.searchpanel .input-group .form-control { float:right;}
.searchpanel .input-group-btn .fa { color:#1b4279;}


/*** Carousel Fade Effect ***/
.carousel-fade .carousel-inner .item { opacity: 0; transition-property: opacity;  overflow:hidden;}
.carousel-fade.zoomin .carousel-inner .item.active img { transition: transform 5000ms linear 0s; transform: scale(1.05, 1.05);}
.carousel-fade .carousel-inner .active { opacity: 1;}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1;}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right { opacity: 1;}
.carousel-fade .carousel-control { z-index: 2;}
.carousel-control { padding-top:30%;}
/* Carousel Fade Effect */



a.more { font-family: 'Poppins', sans-serif; font-size:16px; color:var(--secondary-color);}
a.more:after { font-family: 'FontAwesome'; content: '\f105'; padding-left:5px; }
a.more:hover { color:var(--primary-color);}


.slider_div { position: relative;  }
.slider_div .owl-nav { position: absolute; width:100%; top: 42%; font-size: 30px; color: #fff;}
.slider_div .owl-prev { position: absolute; left:0; display: block !important; background: red;   }
.slider_div .owl-next { position: absolute; right:0 } 
.slider_div .owl-theme .owl-nav [class*="owl-"] {  padding: 10px !important; opacity: 0.3; transition: all 0.3s ease-in-out;}
.slider_div .owl-theme .owl-nav [class*="owl-"]:hover{ background: none; padding: 10px !important; opacity: 1.0}

.slider_div .owl-theme .owl-nav.disabled + .owl-dots { position: relative; bottom: 100px; }
.slider_div .owl-theme .owl-dots .owl-dot span {transition: all 0.3s ease; width: 10px; background: #ff6e26; }
.slider_div .owl-theme .owl-dots .owl-dot.active span {
	background: #ff6e26; width: 40px;
}

.slider_div .owl-theme .owl-nav [class*="owl-"] { background: #1aa7ec; }
.slider_div .owl-theme .owl-nav [class*="owl-"]:hover{ background: #1aa7ec;  }



.top-bar { padding: 5px 0; background: #dfdfdf; }
ul.toplink { list-style: none; margin: 0; }
ul.toplink li { display: inline-block; margin-right: 15px; font-size: 16px; padding:5px 0; }
ul.toplink li .fa { font-size: 18px; }
.menu-footer { text-align: center }
.menu-footer .social-icons a {
	display: inline-block;
	font-size: 18px;
	height: 42px;
	line-height: 42px;
	margin-right: 3px; margin-bottom: 5px;
	text-align: center;
	width: 42px;
    background-color:#151515;
	color: #fff;
	transition: all 0.3s ease;
}
.menu-footer .social-icons a:hover { background: var(--primary-color); }

.mid-bar { background: #333; }

#logo { float: left; width: 280px; margin: 10px 0; }
#logo img {max-width: 100%; }


.nav_right { float: right; }


.aboutbg { margin: 40px 0; position: relative; }

/*Page Loading*/
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: #fff url(../images/loading.png) center no-repeat;
}
.se-pre-con img { position: absolute; top: 0; bottom: 0; left: 0; right: 0;}

.blankSection {margin: 45px 0;}


.advert {}
.advert img {max-width: 100%;}

/* .clients .item { background: #fff; padding: 15px; border: 1px solid #fff; margin: 5px 5px 25px;
box-shadow: 2px 4px 10px  rgba(0, 0, 0, 0.1); }
.clients .item img {filter: grayscale(100%); opacity: 0.5; transition: 0.5s;}
.clients .item:hover img {filter: grayscale(1%); opacity: 1;} 

.clients .owl-theme .owl-dots .owl-dot.active span {background: #3a82bc;}
.clients .owl-theme .owl-dots .owl-dot span {width: 15px;height:15px;margin: 5px 7px;background: #ccc;
display: block;-webkit-backface-visibility: visible;transition:  ease;border-radius: 30px;}*/
 
.brands { margin: 30px 0; }
.brands .item { background: #fff; padding: 5px; margin: 5px; }

.innerbanner { background: rgb(0,120,196);
background: linear-gradient(90deg, rgba(0,120,196,1) 0%, rgba(1,134,219,1) 50%, rgba(0,106,174,1) 100%);
  background-size:cover; padding-top: 100px; padding-bottom: 30px; text-align: center;
position: relative; z-index: 0; }

  header {background:#64c7f0}

  .header {height: 86px; border-bottom: 1px solid #fff;
	z-index: 1;	position: relative; }


/********/
.toggle-menu {
	background-color: transparent;
	border: none;
	cursor: pointer;
	display: inline-block;
	float: right;
	height: 50px;
	outline: none;
	padding: 0;
	pointer-events: initial;
	position: relative;
	vertical-align: middle;
	width: 50px;
	z-index: 1110;
  }
  .toggle-menu span {
	background-color: #fff;
	content: "";
	display: block;
	height: 2px;
	left: calc(50% - 13px );
	position: absolute;
	top: calc(50% - 1px );
	transform-origin: 50% 50%;
	transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out, transform 0.2s linear;
	width: 26px;
  }
  .toggle-menu span:before, .toggle-menu span:after {
	background-color: #fff;
	content: "";
	display: block;
	height: 2px;
	position: absolute;
	transform-origin: 50% 50%;
	transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out, transform 0.2s linear;
	width: 26px;
  }
  .toggle-menu span:before {
	top: 7px;
	width: 18px;
	transform: translateX(8px)
  }
  .toggle-menu span:after {
	top: -7px;
	width: 22px;
	transform: translateX(4px)
  }
  .toggle-menu.active span:before {width: 22px;}

  .toggle-menu.active span {
	background-color: transparent;
	transition: background 0.2s ease-out;
  }
  .toggle-menu.active span:before, .toggle-menu.active span:after {
	transition: top 0.2s ease-out, transform 0.2s 0.2s ease-out;
  }
  .toggle-menu.active span:before {
	top: 0;
	transform: rotate3d(0, 0, 1, -45deg);
  }
  .toggle-menu.active span:after {
	top: 0;
	transform: rotate3d(0, 0, 1, 45deg);
  }

  #secondmenu {
	background: #54a6d8 url(../images/backgroundfull.jpg) repeat-x center top;;
	height: 100%;
	left: 0;
	opacity: 0;
	overflow: hidden;
	position: fixed;
	text-align: center;
	top: 0;
	transition: all 0.7s ease-in-out;
	visibility: hidden;
	width: 100%;
	z-index: 1100;
  }
  #secondmenu.open {
	opacity: 1;
	visibility: visible;
  }
  #secondmenu.open li:nth-child(1) {
	-webkit-animation-delay: 0.1s;
			animation-delay: 0.1s;
  }
  #secondmenu.open li:nth-child(2) {
	-webkit-animation-delay: 0.2s;
			animation-delay: 0.2s;
  }
  #secondmenu.open li:nth-child(3) {
	-webkit-animation-delay: 0.3s;
			animation-delay: 0.3s;
  }
  #secondmenu.open li:nth-child(4) {
	-webkit-animation-delay: 0.4s;
			animation-delay: 0.4s;
  }
  #secondmenu.open li:nth-child(5) {
	-webkit-animation-delay: 0.5s;
			animation-delay: 0.5s;
  }
  #secondmenu.open li:nth-child(6) {
	-webkit-animation-delay: 0.6s;
			animation-delay: 0.6s;
  }
  #secondmenu.open li:nth-child(7) {
	-webkit-animation-delay: 0.7s;
			animation-delay: 0.7s;
  }
  #secondmenu.open li:nth-child(8) {
	-webkit-animation-delay: 0.8s;
			animation-delay: 0.8s;
  }
  #secondmenu.open li:nth-child(9) {
	-webkit-animation-delay: 0.9s;
			animation-delay: 0.9s;
  }
  #secondmenu.open li:nth-child(10) {
	-webkit-animation-delay: 1s;
			animation-delay: 1s;
  }
  #secondmenu.open li {
	-webkit-animation-duration: 1s;
			animation-duration: 1s;
	-webkit-animation-fill-mode: both;
			animation-fill-mode: both;
	-webkit-animation-name: fadeInUp;
			animation-name: fadeInUp;
  }
  #secondmenu ul:hover a {
	opacity: 0.5;
  }
  #secondmenu ul a {
	-webkit-transform: translateZ(0);
	transition: opacity 0.3s ease-in-out;
  }
  #secondmenu ul a:hover {
	opacity: 1;
  }
  #secondmenu .main-nav {
	position: relative;
	/* top: 50%;
	transform: translateY(calc(-50% - 120px)); */
  }
  #secondmenu .main-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
  }
  #secondmenu .main-nav a {
	color: #ffffff;
	display: block;
	font-size: 1.5rem;
	font-weight: 500;
	padding: 1rem 1rem;
	text-decoration: none;
  }
  #secondmenu .main-nav a:first {
	padding-top: 0;
  }
  #secondmenu .menu-footer {
	padding: 1.5rem;
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
  }
  #secondmenu .menu-footer ul {
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
  }
  #secondmenu .menu-footer ul li {
	display: inline;
	margin: 0 1rem;
  }
  #secondmenu .menu-footer a {
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
  }
  #secondmenu .toggle-menu { position: absolute; top: 15px; right: 15px;}

#secondmenu .slogo {margin-top: 15px; margin-bottom: 25px;}
#secondmenu .rtnav {right: 72px; position: fixed;	top: 26px;;}
  /********/

.rightmenu {margin-top: -4px;}
.search { width: 36px; float: left;}
.search img {max-width: 100%;}


.foot-logo { margin-right: 25px;}
.foot-contact {}
.foot-social { flex: 0 0 196px;}

.copywrite { font-size: 14px;}
.copywrite ul { list-style: none; padding: 0;}
.copywrite ul li { display: inline-block; color: #ececec; font-weight: 300; padding: 0 10px; position: relative;}
.copywrite ul li a { color: #e1e1e1;}
.copywrite ul li::after { content: "";
	position: absolute;
	width: 2px;
	background: #e1e1e1;
	height: 14px;
	top: 5px;
	right: 0;}

.copywrite ul li:last-child::after {background: transparent;}

.servbox { position: relative; margin-bottom: 15px;
	transition: 0.4s ease;}

.servbox:hover { transform: translateY(-0.5rem) scale(1.0125);
	box-shadow: 0 0.5em 3rem -1rem rgba(0,0,0,0.5);}

.serv01 { background: url();}
.servbox .pic { overflow: hidden; border-radius: 10px; position: relative;}
.servbox .pic::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), 50%, rgba(0, 0, 0, 0)); }

.servbox .content { position: absolute; bottom: 15px; padding: 25px; text-align: center;}
.servbox .content h4 { font-size: 32px; color: #fff; margin-top: 50px; margin-bottom: 25px;}
.servbox .content p { color: #fff;}


.heading { display: flex; align-items: center; margin-bottom: 15px;}
.heading h2 { display: inline-block; margin-right: 36px;}
.heading h5 {  position: relative; padding-left: 25px;}
.heading h5::before { content: "";
	position: absolute; left: 0px; top:6px;
	width: 2px; 
	background: #525252;
	height: 14px; }

.heading h5 a { color: #525252;}
.heading h5 a:hover { color: var(--primary-color)}

.newsblock { display: flex; margin-bottom: 15px;}
.newsblock .smthumb { margin-right: 15px;}
.newsblock .smthumb img {	object-fit: cover;
	width: 100px; height: 100px;
	border-radius: 4px;
	overflow: hidden;}
.newsblock .content {}
.newsblock .content h5 { font-size: 12px; color: var(--primary-color); text-transform: uppercase; font-weight: 700; margin: 0;}
.newsblock .content p { font-size: 16px; margin-bottom: 0;}
.newsblock .content p a { color: #2d2d2d;}
.newsblock .content .date { font-size: 12px; color: #9d9d9d;}

.whitebg { padding: 100px 0; background: url(../images/whitebg.jpg) repeat 0 0;}

.cardbox { border-radius: 10px; overflow: hidden; background: #fff; margin-bottom: 15px; height: 100%;
	 box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); }
.cardbox.dark { background: #000; color: #fff; }

.cardbox .thumb { position: relative; }
/* .cardbox .thumb img {width: 100%; height: 240px; object-fit: cover;} */
.cardbox .thumb img {width: 100%;  object-fit: cover;}
.cardbox .thumb::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; top: 0;
/* background-image: linear-gradient(0deg, rgba(255,255,255,1.0), 20%, rgba(255,255,255,0)); */
background-image: linear-gradient(0deg, rgba(255,255,255,1.0) 0%, rgba(255,255,255,0) 40%);
 }

.cardbox.dark .thumb::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; top: 0;
background-image: linear-gradient(0deg, rgba(0,0,0,1.0), 20%, rgba(0,0,0,0)); }

.cardbox .content { padding: 10px 25px; }
.cardbox .content2 { padding: 10px 15px; }
.presidentbox { padding: 0 15px;}

.title { border-bottom: 1px solid #75aadb; margin-bottom: 15px;}
.title h5 {font-size: 12px; color: var(--primary-color); text-transform: uppercase; font-weight: 700; margin-bottom: 0;}
.title h3 { font-weight: 500; margin-top: 0; margin-bottom: 5px;}

.full-block-link a { background-color: var(--primary-color);  display: inline-block; width: 100%;
	text-align: center; padding: 15px; border-radius: 25px; color: #fff;}

.full-block-link a:hover { background-color: var(--secondary-color); color: #fff;}

.custom-table {  border: none; border-top: none;    }
.custom-table tr td { border-color: #ccc; }
.custom-table tr td:first-child {border-right: 1px solid #ccc;}
.custom-table tr:last-child td{ border-bottom: none; }

.bxbrd { display: flex; align-items: center;  }
.bxbrd .thumb { flex: 0 0 46px; margin-bottom: 0; }
.bxbrd .content { padding: 10px 0 10px 10px  }
.bxbrd .content h5 a { color: #333; font-size: 14px;}
.bxbrd .content h5 a:hover { color: var(--primary-color);}

.darkbox { padding: 0 15px;}
.darkbox h3 { color: #fff;}
.darkbox ul.linelist { list-style: none; padding: 0; margin-left: 0;}
.darkbox ul.linelist li {font-family: 'Exo', sans-serif;  font-size: 14px; border-bottom: 1px solid #816937; 
	margin-bottom: 10px; padding-bottom: 10px;}
.darkbox ul.linelist li a { color: #fff;}
.darkbox ul.linelist li a:hover { color: var(--primary-color) }
.darkbox ul.linelist li:last-child {border-bottom:0;}


.services { display: flex; flex-flow: row wrap; gap: 15px; justify-content: center; }
.services .sbox { width: 210px; background: #fff; border-radius: 10px; box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.1);
padding: 15px; display: flex; align-items: center; margin-bottom: 30px; 
min-height: 87px; border: 1px solid #fff;}
.services .sbox:hover { box-shadow: 0px 4px 10px -1px rgba(0, 0, 0, 0.1); border: 1px solid var(--primary-color);}

.services .sbox .thumb { flex: 0 0 42px;  margin-right: 10px;}
.services .sbox h5 { font-size: 14px; font-weight: 700; }

.navsearch { width: 400px; margin: auto;}

.innerbanner { background: url(../images/innerbg.jpg) bottom center;
	background-size: cover;
padding-top: 60px;
padding-bottom: 100px;
text-align: center;
}

.innerbanner .header { text-align: center; color: #fff; margin-bottom: 25px; height: auto; border: none;}
.innerbanner .header::after {
	display: block;
	content: "";
	background: #fff;
	width: 150px;
	height: 2px;
	margin: 5px auto 5px;}

.innerbanner p { color: #eeeeee;}


.eservicebox { width: 268px; border: 1px solid #ccc; margin: 5px;}
.banner {position: relative;}
.bannercontent { position: absolute; width: 600px; left: 50%;  top: 60%; transform: translate(-50%, -60%); text-align: center;}
.bigtxt {color: #fff; font-size: 64px; line-height: 64px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); margin-bottom: 15px;}
.thintxt {color: #fff; font-size: 16px; font-weight: 300; margin-bottom: 20px;}




/* .text::before {
    font-family: "Font Awesome 5 Free";
    content: "\f041;"
}
 */
 
/* Responsive Media Query */

/*@media (min-width: 1440px) {
	.container {
  	max-width: 1420px;
	}
}*/

@media (min-width: 1336px) {
	.services .sbox { width: 246px;}
	.services .sbox h5 { font-size: 15px; }
}


/* Large desktops and laptops */
@media (min-width: 1200px) {
	
}

/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
	.bxbrd { display: flex; flex-direction: column; }
	
	
}

@media (max-width: 991px) {
	body.graphicbg {background-size: contain; background-position-y: 0px;}
	#secondmenu .main-nav a { color: #ffffff; font-size: 1.5rem;}
	.rightmenu {margin-top: 0px;}
	.cardbox { margin-bottom: 15px; height: auto;}
	.header {height: 52px; border-bottom: 1px solid #fff;}
	
}


/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
	
	.servbox .content .thumb { display: none;}
	.servbox .content h4 { font-size: 30px;  margin-top: 50px; margin-bottom: 15px;}
	.servbox .content p { color: #fff;}
	
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	
	.footlt, .footrt { float:none; text-align:center;}
	.footer {text-align: center;}
	.whitebg { padding: 50px 0;}

	.bannercontent { position: absolute; width: 94%; left: 50%;  top: 50%; transform: translate(-50%, -50%); text-align: center;}

	
}

@media (min-width: 480px) and (max-width: 767px) {
	
	
}

/* Landscape phones and smaller */
@media (max-width: 480px) {
	
	.owl-nav {display: none;}
	.smllogo { width: 210px; left: 45%;}
	.smllogo img {max-width: 100%;}

	.banner { background: var(--primary-color);}
	.bannercontent { position: relative; left: 50%;  top: 10%; transform: translate(-50%, 0%); text-align: center;}


	.heading { display: block; align-items: center; margin-bottom: 0px;}
	.heading h2 { display: inline-block; margin-right: 0px;}
	.heading h5 {  position: relative; padding-left: 0; margin-bottom: 15px;}
	.heading h5::before { width: 0; height: 0; }

	
}