body { font-family:var(--primary-font-family); background-color: var(--white-color); color:var(--text-color);  font-weight:var(--font-weight-400); letter-spacing:var(--letter-spacing-05); font-size:14px; line-height:20px; margin:0;  padding:0; white-space:normal; visibility:inherit; text-align:inherit; border:0px; font-stretch:inherit; overflow-x: hidden !important; transition: background 0.2s linear; }

html{height:100%; margin-bottom:0px;}

* { margin: 0; padding: 0; outline: 0; }

body, div, section, a, p, aside, span, ul, li, dl, header, footer, h1, h2, h3, h4, h5, h6 {text-decoration: none; outline: none; border: none; padding: 0; margin: 0; list-style: none;}

/*custom scrollbar*/
/* width */
::-webkit-scrollbar {width:5px;}
/* Track */
::-webkit-scrollbar-track {background:var(--primary-color); }
/* Handle */
::-webkit-scrollbar-thumb {background:var(--secondary-color); }
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {background:var(--third-color); }
/*custom scrollbar*/

/*LOADER*/
.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: 99999; background: url(../images/Preloader.gif) center no-repeat var(--white-color);}
/*LOADER*/

/*TEXT SELECTION*/
::-moz-selection {/* Code for Firefox */ color:var(--third-color); background:var(--primary-color);}
::selection {color:var(--third-color); background:var(--primary-color);}
/*TEXT SELECTION*/

h1, h2, h3, h4, h5 { font-family:var(--title-font-family); font-weight:var(--font-weight-800); letter-spacing: var(--letter-spacing-1); text-transform: capitalize;}

.heading {margin-bottom:15px; margin-top:15px; padding:0; }
.heading h1 {font-size:55px; line-height:60px; color:var(--primary-color); margin:0; padding:0;}
.heading h2 {font-size:40px; line-height:45px; color:var(--primary-color); margin:0; padding:0;}
.heading h2 span {color:var(--secondary-color); }
.heading h3 {font-size:25px; color:var(--secondary-color); line-height:30px; margin:0; padding:0; }
.heading h4 { font-size:25px; color:var(--primary-color); line-height:30px; margin:0; padding:0;}
.heading h5 {font-size:20px; line-height:25px; color:var(--primary-color); margin:0; padding:0;}
.heading h6 {font-size:18px; line-height:25px; color:var(--black-color); margin-bottom:0; margin-top:15px; padding:0;  text-transform: capitalize; font-weight:var(--font-weight-500); letter-spacing: var(--letter-spacing-05); font-family:var(--primary-font-family);  }

p { color:var(--black-color); font-size:14px; line-height:20px; margin-bottom:15px; margin-top:15px; padding:0; font-weight:var(--font-weight-500); letter-spacing: var(--letter-spacing-05); font-family:var(--primary-font-family); }
p a {color:var(--secondary-color); font-weight:var(--font-weight-600); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
p a:hover {color:var(--primary-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
p span {color:var(--secondary-color); font-weight:var(--font-weight-700);}
p strong {color:var(--primary-color); font-weight:var(--font-weight-600);}

/*TOP*/
.top { background:var(--black-color);}
.top p {color:var(--white-color); font-weight:var(--font-weight-500); margin:10px 0; padding: 0;}

/*TOP RIGHT*/
.top-right{position: relative; float: left; top:15px; height:40px; background-color:var(--secondary-color); padding-left:15px; z-index: 9999;}
.top-right:before{position: absolute; left: -18px; top: 0; height: 100%; width: 100%; background-color:var(--secondary-color); content: ""; transform: skew(30deg);}

/*CALL NOW*/
.call-now { float: left; display:block;position: relative;}
.call-now ul {  margin:0; padding:0; list-style:none;}
.call-now ul li { display:inline-block; font-size:14px; color:var(--white-color); line-height:40px; margin:0 15px 0 0; padding: 0; font-weight:var(--font-weight-400); letter-spacing:var(--letter-spacing-05);}
.call-now ul li:last-child { margin-right:0;}
.call-now ul li a { color:var(--white-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.call-now ul li a:hover {color:var(--light-colour); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.call-now ul li i {width: auto; height: 40px; line-height: 40px; text-align: center; color:var(--white-color); margin-right:5px; font-size:12px; }
/*CALL NOW*/

/*SOCIAL*/
.top-social-links { float: right;position: relative; padding: 0; list-style-type: none; margin: 0;}
.top-social-links li { float: left; margin: 0;  display: inline-block;}
.top-social-links li a { float: left; width:40px; text-align: center; line-height:40px; height:40px; color:var(--white-color); display: inline-block; font-size: 12px; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; margin: 0; background:none;}
.top-social-links li a:hover { color: var(--light-colour); background: none; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
/*SOCIAL*/
/*TOP RIGHT*/
/*TOP*/

/*HEADER*/
#header-1 { }

/*HEADER-FIX*/
.bg3{}
#menucont{padding: 0; margin:0 auto !important; }
#menucont p{margin: 0;}
.container1{width:100%;padding: 0; margin:0 ;}
.container1 .bodycontainer{margin: 0 !important;width: 100%; }
.stickydiv{position: relative; z-index:999 !important; width: 100%; background-color: rgba(255, 255, 255, 0.90); box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.075); transition: .5s;}
.stickydiv.stuck{position: fixed; top: 0; width: 100%; z-index: 8;}
/*HEADER-FIX*/

/*LOGO*/
.logo { float:left; margin:15px 0; padding:0; display:block;}
.logo img {height:100px;}
/*LOGO*/

.top-btn {font-size:14px; font-weight:var(--font-weight-500); text-transform:capitalize; padding:15px 25px; line-height:20px; color:var(--white-color); background: var(--secondary-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:none; margin-top:0;  letter-spacing: var(--letter-spacing-1); border-radius:var(--border-radius-25);}
.top-btn:hover { background:var(--black-color); color:var(--white-color);  transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}

/*MOBILE TOP*/
.mobile-top { float: right; padding-left: 0; list-style-type: none; margin-top:70px; margin-bottom:0;}
.mobile-top li { float:left; margin-right:0; margin-left:15px; display: inline-block;}
.mobile-top li a i { float: left; width: auto; text-align: center; line-height:40px; height:40px; width: 40px; padding: 0; border:none; background:var(--secondary-color); color:var(--white-color); display: inline-block; font-size:12px; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border-radius:var(--border-radius-50);  }
.mobile-top li a i:hover {color:var(--white-color); background:var(--black-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.mobile-top li:first-child { margin-left: 0;}
/*MOBILE TOP*/
/*HEADER*/

.more-btn { font-size:15px; font-weight:var(--font-weight-500); text-transform: capitalize; padding:15px 30px; line-height:25px ; color:var(--white-color); background:var(--black-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; letter-spacing:var(--letter-spacing-2); border-radius:var(--border-radius-25); border: none; margin-top: 15px; margin-bottom: 15px; font-family: var(--title-font-family);}
.more-btn:hover {background:var(--secondary-color); color:var(--white-color);  transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}

.more-call-btn { font-size:15px; font-weight:var(--font-weight-500); text-transform: capitalize; padding:5px 30px 5px 5px; line-height:45px ; color:var(--white-color); background:var(--third-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; letter-spacing:var(--letter-spacing-2); border-radius:var(--border-radius-25); border: none; margin-top: 15px; margin-bottom: 15px; margin-left: 15px; font-family: var(--title-font-family);}
.more-call-btn:hover {background:var(--secondary-color); color:var(--white-color);  transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.more-call-btn i { width:45px; line-height:45px; font-size: 12px; color:var(--third-color); padding:0; background:var(--white-color); border-radius:var(--border-radius-50); margin-right:5px; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.more-call-btn:hover i {color:var(--secondary-color); background:var(--white-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}

/*****COUNTER*****/
.fact-counter{position: relative; background-color:var(--white-color); padding:0; margin-top: 90px}
.fact-counter:before{position: absolute; left: 0; top: 0; height: 100%; width: 90%; background-color:var(--black-color); content: "";}

.counter-bg {padding: 15px;}
.main_counter_area .main_counter_content .single_counter{}
.single_counter{ margin-bottom: 15px; margin-top: 15px; padding:0;}
.single_counter_icon {text-align: center; width:110px; height:110px; padding:25px; margin:0; background: rgba(255,255,255, 0.1); border-radius: var(--border-radius-50);   }
.single_counter_text { margin-top:15px; }
.single_counter_text h4 {margin: 0; padding:0; color:var(--third-color); font-size:40px; line-height:45px;}
.single_counter_text h6 { font-size:16px; line-height:25px; font-weight:var(--font-weight-500); margin:5px 0 0 0; padding:0; color:var(--light-colour); text-transform: capitalize;} 
/*****COUNTER*****/

/**OUR SERVICE**/
.services-section{position: relative; padding:90px 0;}

.services-section:before{position: absolute; left: 0; top: 50%; height: 50%; width: 100%; background-image:url("../images/pattern-6.png"); background-repeat: repeat; background-position: center top; content: ""; margin-top: 15px;}

.home-service-box { float: left; margin-top: 15px; margin-bottom: 15px; background:var(--secondary-light-colour); overflow: hidden; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; }
.home-service-box:hover { background: var(--white-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.home-service-box-img { }
.home-service-box-text { float: left; position: relative;}

.home-service-box .home-service-box-text h5 {margin-top:0; margin-bottom:0px; padding:0; color: var(--primary-color); font-size:20px; line-height:25px; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; }
.home-service-box:hover .home-service-box-text h5 { color: var(--secondary-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}

.home-service-box-text p { margin:15px 0 0 0; padding:0; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; position:relative; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}

.home-service-box .home-service-box-text .link-btn { font-size:14px; font-weight:var(--font-weight-600); text-transform:uppercase; padding:0; line-height:20px; color:var(--secondary-color); background: none; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border: none;  letter-spacing: var(--letter-spacing-1);}
.home-service-box:hover .home-service-box-text .link-btn { color:var(--third-color);  transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}

.services-section .carousel-control-next { right:30px;}
.services-section .carousel-control-prev {left: 30px;}
.services-section .carousel-control-next, .services-section .carousel-control-prev {position:absolute;
top:30%; bottom:0; z-index:1; display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; -ms-flex-pack:center; justify-content:center; width:50px; height:50px; line-height:50px; color: var(--primary-color); font-size:13px; text-align:center; opacity:1; transition:opacity .15s ease; background:var(--light-colour); border-radius: var(--border-radius-50);}

.services-section .carousel-control-next:focus, .services-section .carousel-control-next:hover, .services-section .carousel-control-prev:focus, .services-section .carousel-control-prev:hover{ color: var(--white-color); text-decoration:none; outline:0; opacity:1; background: var(--secondary-color);}
/**OUR SERVICE**/

/*HOME CONTACT SECTION*/
.about-company{position:relative; background-repeat:no-repeat; background-position: center bottom; background-size: cover; padding: 90px 0; background-image:url(../images/contact-section.jpg);}
.about-company:before{position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: var(--white-color); opacity: .95; content: "";}
.home-contact-btn {font-size:18px; font-weight:var(--font-weight-500); text-transform:capitalize; padding:20px 45px; line-height:20px; color:var(--white-color); background: var(--secondary-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:none; margin-top:15px; margin-bottom: 15px;  letter-spacing: var(--letter-spacing-1); border-radius:var(--border-radius-25); font-family:var(--primary-font-family); }
.home-contact-btn:hover { background:var(--primary-color); color:var(--white-color);  transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
/*HOME CONTACT SECTION*/

/*FOOTER*/
 #footer-1 { margin-top:0; margin-bottom:0; position: relative; padding-bottom:75px; padding-top:75px; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; background-position: center center; background-image:url(../images/footer-bg.jpg);}
#footer-1::before {position: absolute; content: ''; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0, 0.9);}

#footer-1 h6 { font-size:20px; line-height:30px; margin-bottom:15px; margin-top:0; padding-bottom:15px; color: var(--white-color);  font-weight:var(--font-weight-700); font-family:var(--title-font-family); letter-spacing: var(--letter-spacing-1); text-transform:capitalize; font-style:normal; position:relative;}
#footer-1 h6:before{position: absolute; left: 0; bottom: 0; height: 1px; width: 40px; background-color: var(--secondary-color); content: '';}

.footer-logo {margin-bottom: 15px; background: var(--white-color); padding: 15px; border-radius: var(--border-radius);}

/*FOOTER TEXT*/
.footer-text {margin-bottom: 15px; margin-top: 15px;}
.footer-text p {font-size:13px; color: var(--light-colour); line-height:20px; font-weight: var(--font-weight-400); letter-spacing: var(--letter-spacing-05); margin: 0; padding:5px 0;}
.footer-text p span {color:var(--white-color); font-weight:var(--font-weight-500);}
.footer-text p a {color: var(--light-colour); font-weight: var(--font-weight-400); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.footer-text p a:hover {color:var(--third-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
/*FOOTER TEXT*/

/*SOCIAL*/
.social-links { float:left; padding-left: 0; margin-top:0; margin-bottom:0;}
.social-links ul {list-style-type: none; }
.social-links ul li { float:left; margin-right:0; margin-top:15px; margin-left:0; display: inline-block;}
.social-links ul li a i {width:40px; text-align: center; line-height:40px; height:40px; color:var(--light-colour); display: inline-block; font-size:14px; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:none;}
.social-links ul li a i:hover {color: var(--third-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:none;}
/*SOCIAL*/

/*FOOTER NAV*/
.footer-nav {margin-bottom: 15px; margin-top: 15px;}
.footer-nav ul { float:left; margin:0 ; padding:0; list-style:none;}
.footer-nav ul li { float:left; width:100%; margin:0; padding:0; text-transform:capitalize;}
.footer-nav ul li a { float:left; font-size:13px; line-height:20px; color:var(--light-colour); font-weight:var(--font-weight-400); margin:0; padding:5px 0; text-decoration:none; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; letter-spacing:var(--letter-spacing-05);}
.footer-nav ul li a:hover {color:var(--third-color); text-decoration:none; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
/*FOOTER NAV*/

/*FOOTER-ADDRESS*/
.footer-address { margin-bottom: 15px; margin-top: 15px;} 
.footer-address ul { margin:0; padding:0; list-style:none;} 
.footer-address ul li { margin-top:15px;} 
.footer-address ul li:first-child {margin-top:20px;} 
.footer-address .icon, .footer-address .info {display: table-cell; vertical-align:top;} 
.footer-address .info {padding-left:15px;}
.footer-address ul li .icon { float: left; height:30px; width:30px;}
.footer-address ul li .info h5 {margin: 0; padding:0; color: var(--white-color); font-size:14px; line-height:20px; } 
.footer-address ul li .info p { font-size:13px; margin: 0; padding: 0; line-height:20px; font-weight:var(--font-weight-400); color: var(--light-colour); letter-spacing:var(--letter-spacing-05);} 
.footer-address ul li .info p a {color:var(--light-colour); font-weight:var(--font-weight-400)}
.footer-address ul li .info p a:hover { color:var(--third-color);}
/*FOOTER-ADDRESS*/

/*FOOTER*/

/*FOOTER BOTTOM*/
.footer-bottom { margin-top:0; margin-bottom:0; padding-top:15px; padding-bottom:15px; background: var(--secondary-color);}
.footer-bottom p {color:var(--light-colour); margin: 0; padding:5px 0; font-weight: var(--font-weight-400); font-size:13px; line-height:20px; letter-spacing: var(--letter-spacing-05);}
.footer-bottom p span {color:var(--white-color); font-weight: var(--font-weight-500); font-style:normal;}
.footer-bottom p a {color:var(--light-colour); font-weight: var(--font-weight-500); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.footer-bottom p a:hover {color:var(--white-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
/*FOOTER BOTTOM*/

/*BACK TO TOP*/
#back-to-top {position: fixed; bottom:15px; right:15px; z-index: 9; width:50px; height:50px; line-height:50px; font-size:14px; text-align: center; background:var(--secondary-color); color:var(--white-color); cursor: pointer; border:none; text-decoration: none; transition: opacity 0.5s ease-out; opacity: 0; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border-radius:var(--border-radius-50); box-shadow: 0 3px 6px rgb(0 0 0 / 25%), 0 3px 6px rgb(0 0 0 / 25%);}
#back-to-top:hover {background:var(--primary-color); color:var(--white-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
#back-to-top.show {opacity:1;}
/*BACK TO TOP*/

/*INNER-BANNER*/
.inner-page-hero-area {padding:120px 0; margin-bottom:0; position: relative; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; background-position: center center;}
.inner-page-hero-area::before {position: absolute; content: ''; left: 0px; top: 0px; width: 100%; height: 100%; background: linear-gradient(146deg, rgba(0,0,0, 0.95) 35%, rgba(0,0,0, 0.25) 100%);}

.inner-page-title {font-size:50px; line-height:55px; font-family:var(--primary-font-family); font-weight:var(--font-weight-600); letter-spacing: var(--letter-spacing-1); text-transform: capitalize; color:var(--white-color); margin-top:0; margin-bottom: 0px;}
.inner-page-hero-area .breadcrumb-menu { padding:0; margin-bottom:0; margin-top:15px; list-style: none; background: none; border-radius:0;}
.inner-page-hero-area .breadcrumb-menu li {background: transparent none repeat scroll 0 0; display: inline-block; margin:0; padding:10px 0; position: relative; z-index: 1;}
.inner-page-hero-area .breadcrumb-menu li i {color:var(--white-color); margin-right: 3px;}
.inner-page-hero-area .breadcrumb-menu::after {content: ""; height: 100%; left: 0; opacity:0.35; position: absolute; top: 0; width: 100%; z-index: -1; }
.breadcrumb-menu > li + li::before {color: var(--white-color); content: "\f054"; font-family:  "FontAwesome"; font-size: 8px; font-weight: var(--font-weight-400); padding: 0 7px ; position: relative; top:0px;}
.inner-page-hero-area .breadcrumb-menu a, .inner-page-hero-area .breadcrumb-menu li {font-weight:var(--font-weight-400);  color:var(--white-color); text-transform:capitalize; font-size:13px; line-height:20px; margin:0; padding:0; letter-spacing:var(--letter-spacing-1);}
.inner-page-hero-area .breadcrumb-menu a:hover {color: var(--white-color);}
.inner-page-hero-area .breadcrumb-menu li.active {color:var(--white-color);}
/*INNER-BANNER*/

/*CONTACT FORM*/
.contact-page-form { float: left; margin:15px 0; font-size:14px; line-height:20px; color:var(--text-color); font-weight:var(--font-weight-400); }
.contact-page-form a { color:var(--black-color); text-decoration:none; font-weight:var(--font-weight-500); margin:0; padding:0;}
.contact-page-form a:hover { color:var(--primary-color);}

.contact-page-form-bor { width: 100%; height:55px; line-height:55px; font-size:14px; text-align:left; color: var(--black-color); font-weight:var(--font-weight-500); margin: 0; padding:0 15px 0 20px; background:var(--white-color); border:1px solid var(--light-colour); font-family:var(--primary-font-family); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border-radius:var(--border-radius-25);}
.contact-page-form-textar { width:100%; height:110px; line-height:35px; font-size:14px; text-align:left;  color: var(--black-color); font-weight:var(--font-weight-500); margin: 0; padding:10px 15px 0 20px; background:var(--white-color); border:1px solid var(--light-colour); font-family:var(--primary-font-family); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border-radius:var(--border-radius-25); }
.contact-page-form-bor:focus, .contact-page-form-textar:focus { background:var(--white-color); border:1px solid var(--secondary-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; }

.contact-page-form select {width:100%; height:55px; line-height:55px; font-size:14px; margin:0; padding:0 15px 0 20px; color:var(--black-color); font-weight:var(--font-weight-500); background:var(--white-color) url(../images/arrow-select.png) no-repeat right 15px center; border:1px solid var(--light-colour); font-family:var(--primary-font-family); appearance:none; -webkit-appearance:none;-moz-appearance: none; text-indent: 0.01px; text-overflow: ''; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border-radius:var(--border-radius-25); }
.contact-page-form select:focus {background:var(--white-color)  url(../images/arrow-select.png) no-repeat right 15px center ; border:1px solid var(--secondary-color); color:var(--black-color); appearance:none; -webkit-appearance:none;-moz-appearance: none; text-indent: 0.01px; text-overflow: ''; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}

.contact-page-form-btn { font-size:15px; font-weight:var(--font-weight-500); text-transform: capitalize; padding:15px 30px; line-height:25px ; color:var(--white-color); background:var(--black-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; letter-spacing:var(--letter-spacing-2); border-radius:var(--border-radius-25); border: none; margin-top:0; margin-bottom:0; font-family: var(--title-font-family);}
.contact-page-form-btn:hover {background:var(--secondary-color); color:var(--white-color);  transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}

::placeholder { color:var(--black-color); opacity: 1;}
:-ms-input-placeholder {color:var(--black-color);}
::-ms-input-placeholder { color:var(--black-color);}
/*CONTACT FORM*/

/*CONTACT-PAGE-ADDRESS*/
.contact-page-address {} 
.contact-page-address ul { margin:15px 0; padding:0; list-style:none;} 
.contact-page-address ul li { margin-top:15px;}  
.contact-page-address .icon, .contact-page-address .info {display: table-cell; vertical-align:top;} 
.contact-page-address .info {padding-left:15px;}
.contact-page-address ul li i {color:var(--white-color); background:var(--secondary-color); font-size:14px; height:50px; line-height:50px; text-align: center; width:50px;  border-radius: var(--border-radius-50);}	
.contact-page-address .info h5 {margin:2px 0 0 0; padding:0; color: var(--primary-color); font-size:16px; line-height:25px;} 
.contact-page-address li .info p {  margin: 0; padding: 0;} 
.contact-page-address li .info p a {font-weight:var(--font-weight-500);color:var(--black-color);}
.contact-page-address li .info p a:hover { color:var(--third-color);}
/*CONTACT-PAGE-ADDRESS*/

.text-section{position: relative; padding:90px 0;}

/*LEFT MENU*/
.left-menu-title { float:left; width:100%; margin:0; padding:10px 15px; background:var(--primary-color); font-size:20px; text-transform:capitalize; line-height:30px; font-weight:var(--font-weight-800); color:var(--white-color); letter-spacing:var(--letter-spacing-2);font-family: var(--title-font-family);}
.left-menu { position: sticky; top: 160px; margin:15px 0;  background:var(--white-color); border:1px solid var(--secondary-light-colour); border-top:none; overflow: hidden;}
.left-menu ul { float:left; display:block; list-style:none; margin:0; padding:0;}
.left-menu ul li { float:left; width:100%; margin:0; padding:0; border-top:1px solid var(--secondary-light-colour); text-transform:capitalize;}
.left-menu ul li a { float:left; width:100%; padding:10px 15px; color:var(--black-color); background:var(--white-color); font-size:14px; line-height:20px; font-weight:var(--font-weight-500); letter-spacing: var(--letter-spacing-1); text-decoration:none; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; }
.left-menu ul li a:hover, .left-menu ul li a.current  { color:var(--secondary-color); background:var(--secondary-light-colour); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
/*LEFT MENU*/

/*PHOTO GALLERY*/
.portfolio-item{/*width:100%;*/}
.portfolio-item .item{/*width:303px;*/float:left;}

.gallery{background: var(--white-color);text-align:center;position:relative; padding: 1px; border: 1px solid var(--light-colour);}
.gallery:hover {border: 1px solid var(--secondary-color);}
.gallery img{width:100%;height:auto}
.gallery:hover img{opacity:.5;}
.gallery .box-content{padding:45px 0;background:rgba(0, 0, 0, .8);position:absolute;top:0;left:0;bottom:0;right:0;opacity:0}
.gallery:hover .box-content{top:15px;left:15px;bottom:15px;right:15px;opacity:1;}
.gallery .box-content .title{font-weight:var(--font-weight-400); color:var(--white-color); line-height:20px; margin:5px 0; padding: 0; position:absolute; bottom:52%; width: 100%; font-size:14px; text-transform:capitalize; letter-spacing:var(--letter-spacing-1);}
.gallery .icon li a{line-height:40px; border-radius:var(--border-radius-50);}
.gallery .icon{list-style:none;padding:0;margin:0;position:absolute;top:50%; text-align: center; width: 100%;}
.gallery .icon li{display:inline-block;opacity:0;transform:translateY(40px)}
.gallery:hover .icon li{opacity:1;transform:translateY(0)}
.gallery:hover .icon li:first-child{transition-delay:.1s}
.gallery:hover .icon li:nth-child(2){transition-delay:.2s}
.gallery .icon li a{display:block; width:40px; height:40px; background:var(--white-color); font-size:12px; color:var(--black-color) ; margin-right:5px; transition:all .35s ease 0s}
.gallery .icon a:hover{background:var(--third-color); color:var(--white-color);}
.gallery .box-content,.gallery .icon li,.gallery img{transition:all .35s ease 0s}
.portfolio-item p { margin-bottom: 0; font-size: 16px; line-height: 25px; font-weight:var(--font-weight-700); letter-spacing:var(--letter-spacing-1);text-transform:capitalize; font-family: var(--title-font-family);}
/*PHOTO GALLERY*/

@media only screen and ( min-width: 1299px) and (max-width: 2399px) {

/*HEADER*/
.top-btn {font-size:15px; padding:15px 30px; line-height:20px;}
/*HEADER*/    
}


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

.heading h1 {font-size:50px; line-height:55px;}
.heading h2 {font-size:35px; line-height:40px;}
.heading h3 {font-size:20px; line-height:25px;}
.heading h4 { font-size:20px; line-height:25px;}
.heading h5 {font-size:18px; line-height:25px;}
.heading h6 {font-size:16px; line-height:25px; }

/*TOP RIGHT*/
.top-right{ height:30px;}    
/*CALL NOW*/
.call-now ul li { font-size:13px; line-height:30px;}
.call-now ul li i {height:30px; line-height:30px;font-size:11px; }
/*CALL NOW*/

/*SOCIAL*/
.top-social-links li a { width:20px; line-height:30px; height:30px; font-size: 10px;}
/*SOCIAL*/
/*TOP RIGHT*/
    
/*HEADER*/
/*LOGO*/
.logo { float:left; margin:15px 0; padding:0; display:block;}
.logo img { height: 50px;}
/*LOGO*/

.top-btn {font-size:13px; padding:10px 15px; line-height:20px;}
/*HEADER*/
    
.more-btn { font-size:14px; padding:15px 20px; line-height:25px;}

.more-call-btn { font-size:14px; padding:5px 20px 5px 5px; line-height:45px;}
.more-call-btn i { width:45px; line-height:45px; font-size: 12px;}
      
/*****COUNTER*****/
.fact-counter{margin-top:75px}
.single_counter_icon {width:80px; height:80px; padding:20px;}
.single_counter_text h4 {font-size:30px; line-height:35px;}
.single_counter_text h6 { font-size:14px; line-height:20px;} 
/*****COUNTER*****/
    
/*HOME CONTACT SECTION*/
.about-company{padding:75px 0;}
.home-contact-btn {font-size:17px; padding:20px 45px; line-height:20px; }
/*HOME CONTACT SECTION*/
    
/*FOOTER NAV*/
.footer-nav ul li { width:auto; }
.footer-nav ul li a { font-size:13px; line-height:20px; padding:5px 15px 5px 0;}
/*FOOTER NAV*/ 
    
/*INNER-BANNER*/
.inner-page-hero-area {padding:90px 0;}
.inner-page-title {font-size:45px; line-height:50px;}
.breadcrumb-menu > li + li::before {font-size: 8px; padding: 0 5px ;}
.inner-page-hero-area .breadcrumb-menu a, .inner-page-hero-area .breadcrumb-menu li {font-size:13px; line-height:20px;}
/*INNER-BANNER*/  
    
/*CONTACT FORM*/
.contact-page-form {font-size:14px; line-height:20px;}
.contact-page-form-bor { height:55px; line-height:55px; font-size:14px;}
.contact-page-form-textar { height:110px; line-height:35px; font-size:14px;}
.contact-page-form select { height:55px; line-height:55px; font-size:14px;}
.contact-page-form-btn { font-size:14px; padding:15px 20px; line-height:25px;}
/*CONTACT FORM*/ 
    
/*CONTACT-PAGE-ADDRESS*/
.contact-page-address ul li i {font-size:13px; height:45px; line-height:45px; width:45px;}	
.contact-page-address .info h5 {font-size:15px; line-height:23px;} 
/*CONTACT-PAGE-ADDRESS*/    
 
/*PHOTO GALLERY*/
.gallery .box-content .title{line-height:18px; font-size:13px; }
.portfolio-item p { font-size: 15px; line-height: 25px;}
/*PHOTO GALLERY*/    
}


@media only screen and ( min-width: 600px) and ( max-width: 765px ) {
 
.heading h1 {font-size:45px; line-height:50px;}
.heading h2 {font-size:30px; line-height:35px;}
.heading h3 {font-size:18px; line-height:25px;}
.heading h4 { font-size:18px; line-height:25px;}
.heading h5 {font-size:16px; line-height:22px;}
.heading h6 {font-size:15px; line-height:22px; }

p { font-size:13px; line-height:18px;}
    
/**HEADER**/
/*HEADER-FIX*/
.stickydiv{position: relative;}
.stickydiv.stuck{position: relative;}
/*HEADER-FIX*/

/*LOGO*/
.logo { margin-top:60px;}
.logo img { height:60px;}
/*LOGO*/  
    
.top-btn {font-size:14px; width: 100%; padding:10px 15px; text-align: left; line-height:20px; border-radius:0;}    
/**HEADER**/
    
.more-btn { font-size:14px; padding:15px 20px; line-height:25px;}

.more-call-btn { font-size:14px; padding:5px 20px 5px 5px; line-height:45px;}
.more-call-btn i { width:45px; line-height:45px; font-size: 12px;}
    
/*****COUNTER*****/
.fact-counter{margin-top:75px}
.single_counter_icon {width:80px; height:80px; padding:20px;}
.single_counter_text h4 {font-size:30px; line-height:35px;}
.single_counter_text h6 { font-size:14px; line-height:20px;} 
/*****COUNTER*****/
    
/**OUR SERVICE**/
.services-section{padding:75px 0;}
.home-service-box .home-service-box-text h5 {font-size:18px; line-height:25px;}
.home-service-box .home-service-box-text .link-btn { font-size:13px;  line-height:18px;}
.services-section .carousel-control-next, .services-section .carousel-control-prev {width:45px; height:45px; line-height:45px; font-size:12px;}
/**OUR SERVICE**/
    
/*HOME CONTACT SECTION*/
.about-company{padding:75px 0;}
.home-contact-btn {font-size:16px; padding:15px 45px; line-height:20px; }
/*HOME CONTACT SECTION*/
    
/*FOOTER NAV*/
.footer-nav ul li { width:auto; }
.footer-nav ul li a { font-size:13px; line-height:20px; padding:5px 15px 5px 0;}
/*FOOTER NAV*/     
    
/*INNER-BANNER*/
.inner-page-hero-area {padding:90px 0;}
.inner-page-title {font-size:40px; line-height:45px;}
.breadcrumb-menu > li + li::before {font-size:7px; padding: 0 5px ;}
.inner-page-hero-area .breadcrumb-menu a, .inner-page-hero-area .breadcrumb-menu li {font-size:12px; line-height:18px;}
/*INNER-BANNER*/  
 
/*CONTACT FORM*/
.contact-page-form {font-size:13px; line-height:18px;}
.contact-page-form-bor { height:50px; line-height:50px; font-size:14px;}
.contact-page-form-textar { height:100px; line-height:30px; font-size:14px;}
.contact-page-form select { height:50px; line-height:50px; font-size:14px;}
.contact-page-form-btn { font-size:14px; padding:15px 20px; line-height:25px;}
/*CONTACT FORM*/
    
/*CONTACT-PAGE-ADDRESS*/
.contact-page-address ul li i {font-size:13px; height:45px; line-height:45px; width:45px;}	
.contact-page-address .info h5 {font-size:15px; line-height:23px;} 
/*CONTACT-PAGE-ADDRESS*/
    
.text-section{padding:75px 0;}
    
/*LEFT MENU*/
.left-menu-title { padding:10px 15px; font-size:18px; line-height:30px;}
.left-menu ul li a { padding:10px 15px; font-size:13px; line-height:18px;}
/*LEFT MENU*/ 
    
/*PHOTO GALLERY*/
.gallery .box-content .title{line-height:18px; font-size:13px; }
.portfolio-item p { font-size: 15px; line-height: 25px;}
/*PHOTO GALLERY*/     
}


@media only screen and ( min-width: 481px) and ( max-width: 599px ) {

.heading h1 {font-size:40px; line-height:45px;}
.heading h2 {font-size:25px; line-height:30px;}
.heading h3 {font-size:18px; line-height:25px;}
.heading h4 { font-size:18px; line-height:25px;}
.heading h5 {font-size:16px; line-height:22px;}
.heading h6 {font-size:15px; line-height:22px; }

p { font-size:13px; line-height:18px;}

/**HEADER**/
/*HEADER-FIX*/
.stickydiv{position: relative;}
.stickydiv.stuck{position: relative;}
/*HEADER-FIX*/

/*LOGO*/
.logo { margin-top:60px;}
.logo img { height:60px;}
/*LOGO*/    
    
.top-btn {font-size:14px; width: 100%; padding:10px 15px; text-align: left; line-height:20px; border-radius:0;}    
/**HEADER**/
    
.more-btn { font-size:13px; padding:15px 20px; line-height:25px;}

.more-call-btn { font-size:13px; padding:5px 20px 5px 5px; line-height:45px;}
.more-call-btn i { width:45px; line-height:45px; font-size: 11px;}
    
/*****COUNTER*****/
.fact-counter{margin-top:75px}
.single_counter_icon {width:80px; height:80px; padding:20px;}
.single_counter_text h4 {font-size:30px; line-height:35px;}
.single_counter_text h6 { font-size:14px; line-height:20px;} 
/*****COUNTER*****/
    
/**OUR SERVICE**/
.services-section{padding:75px 0;}
.home-service-box .home-service-box-text h5 {font-size:18px; line-height:25px;}
.home-service-box .home-service-box-text .link-btn { font-size:13px;  line-height:18px;}
.services-section .carousel-control-next, .services-section .carousel-control-prev {top:30%; width:45px; height:45px; line-height:45px; font-size:12px;}
/**OUR SERVICE**/
    
/*HOME CONTACT SECTION*/
.about-company{padding:75px 0;}
.home-contact-btn {font-size:15px; padding:15px 30px; line-height:20px; }
/*HOME CONTACT SECTION*/
    
/*FOOTER*/    
/*FOOTER TEXT*/
.footer-text p {font-size:12px; line-height:18px;}
/*FOOTER TEXT*/

/*SOCIAL*/
.social-links ul li a i {width:35px; line-height:35px; height:35px; font-size:13px;}
/*SOCIAL*/
    
/*FOOTER NAV*/
.footer-nav ul li { width:auto; }
.footer-nav ul li a { font-size:12px; line-height:18px; padding:5px 15px 5px 0;}
/*FOOTER NAV*/    
    
/*FOOTER-ADDRESS*/
.footer-address ul li .icon {height:30px; width:30px;}
.footer-address ul li .info h5 {font-size:13px; line-height:20px; } 
.footer-address ul li .info p { font-size:12px; line-height:18px;} 
/*FOOTER-ADDRESS*/    
/*FOOTER*/
    
/*FOOTER BOTTOM*/
.footer-bottom p {font-size:12px; line-height:18px;}
/*FOOTER BOTTOM*/   
    
/*INNER-BANNER*/
.inner-page-hero-area {padding:75px 0;}
.inner-page-title {font-size:35px; line-height:40px;}
.breadcrumb-menu > li + li::before {font-size:7px; padding: 0 5px ;}
.inner-page-hero-area .breadcrumb-menu a, .inner-page-hero-area .breadcrumb-menu li {font-size:12px; line-height:18px;}
/*INNER-BANNER*/  
 
/*CONTACT FORM*/
.contact-page-form {font-size:13px; line-height:18px;}
.contact-page-form-bor { height:50px; line-height:50px; font-size:13px;}
.contact-page-form-textar { height:100px; line-height:30px; font-size:13px;}
.contact-page-form select { height:50px; line-height:50px; font-size:13px;}
.contact-page-form-btn { font-size:13px; padding:15px 25px; line-height:20px;}
/*CONTACT FORM*/ 
    
/*CONTACT-PAGE-ADDRESS*/
.contact-page-address ul li i {font-size:13px; height:45px; line-height:45px; width:45px;}	
.contact-page-address .info h5 {font-size:15px; line-height:23px;} 
/*CONTACT-PAGE-ADDRESS*/  
    
.text-section{padding:75px 0;} 
    
/*LEFT MENU*/
.left-menu-title { padding:10px 15px; font-size:18px; line-height:30px;}
.left-menu ul li a { padding:10px 15px; font-size:13px; line-height:18px;}
/*LEFT MENU*/ 
    
/*PHOTO GALLERY*/
.gallery .box-content .title{line-height:18px; font-size:12px; }
.portfolio-item p { font-size: 14px; line-height: 20px;}
/*PHOTO GALLERY*/     
}


@media only screen and ( min-width: 320px) and ( max-width: 480px ) {

.heading h1 {font-size:40px; line-height:45px;}
.heading h2 {font-size:25px; line-height:30px;}
.heading h3 {font-size:18px; line-height:25px;}
.heading h4 { font-size:18px; line-height:25px;}
.heading h5 {font-size:16px; line-height:22px;}
.heading h6 {font-size:15px; line-height:22px; }

p { font-size:13px; line-height:18px;}

/**HEADER**/
/*HEADER-FIX*/
.stickydiv{position: relative;}
.stickydiv.stuck{position: relative;}
/*HEADER-FIX*/

/*LOGO*/
.logo { margin-top:60px;}
.logo img { height:60px;}
/*LOGO*/  

.top-btn {font-size:14px; width: 100%; padding:10px 15px; text-align: left; line-height:20px; border-radius:0;}   
/**HEADER**/
    
.more-btn { font-size:13px; padding:15px 20px; line-height:20px;}

.more-call-btn { font-size:13px; padding:5px 20px 5px 5px; line-height:40px;}
.more-call-btn i { width:40px; line-height:40px; font-size: 11px;}
    
/*****COUNTER*****/
.fact-counter{margin-top:75px}
.single_counter_icon {width:70px; height:70px; padding:18px;}
.single_counter_text h4 {font-size:30px; line-height:35px;}
.single_counter_text h6 { font-size:13px; line-height:20px;} 
/*****COUNTER*****/
    
/**OUR SERVICE**/
.services-section{padding:75px 0;}
.home-service-box .home-service-box-text h5 {font-size:18px; line-height:25px;}
.home-service-box .home-service-box-text .link-btn { font-size:13px;  line-height:18px;}
.services-section .carousel-control-next, .services-section .carousel-control-prev {top:30%; width:40px; height:40px; line-height:40px; font-size:12px;}
/**OUR SERVICE**/
    
/*HOME CONTACT SECTION*/
.about-company{padding:75px 0;}
.home-contact-btn {font-size:15px; padding:15px 30px; line-height:20px; }
/*HOME CONTACT SECTION*/
    
/*FOOTER*/    
/*FOOTER TEXT*/
.footer-text p {font-size:12px; line-height:18px;}
/*FOOTER TEXT*/

/*SOCIAL*/
.social-links ul li a i {width:35px; line-height:35px; height:35px; font-size:13px;}
/*SOCIAL*/
    
/*FOOTER NAV*/
.footer-nav ul li { width:auto; }
.footer-nav ul li a { font-size:12px; line-height:18px; padding:5px 15px 5px 0;}
/*FOOTER NAV*/
    
/*FOOTER-ADDRESS*/
.footer-address ul li .icon {height:30px; width:30px;}
.footer-address ul li .info h5 {font-size:13px; line-height:20px; } 
.footer-address ul li .info p { font-size:12px; line-height:18px;} 
/*FOOTER-ADDRESS*/    
/*FOOTER*/
    
/*FOOTER BOTTOM*/
.footer-bottom p {font-size:12px; line-height:18px;}
/*FOOTER BOTTOM*/  
    
/*INNER-BANNER*/
.inner-page-hero-area {padding:75px 0;}
.inner-page-title {font-size:35px; line-height:40px;}
.breadcrumb-menu > li + li::before {font-size:7px; padding: 0 5px ;}
.inner-page-hero-area .breadcrumb-menu a, .inner-page-hero-area .breadcrumb-menu li {font-size:12px; line-height:18px;}
/*INNER-BANNER*/    
    
/*CONTACT FORM*/
.contact-page-form {font-size:13px; line-height:18px;}
.contact-page-form-bor { height:50px; line-height:50px; font-size:13px;}
.contact-page-form-textar { height:100px; line-height:30px; font-size:13px;}
.contact-page-form select { height:50px; line-height:50px; font-size:13px;}
.contact-page-form-btn { font-size:13px; padding:15px 25px; line-height:20px;}
/*CONTACT FORM*/  
    
/*CONTACT-PAGE-ADDRESS*/
.contact-page-address ul li i {font-size:13px; height:45px; line-height:45px; width:45px;}	
.contact-page-address .info h5 {font-size:15px; line-height:23px;} 
/*CONTACT-PAGE-ADDRESS*/  
    
.text-section{padding:75px 0;}  
    
/*LEFT MENU*/
.left-menu-title { padding:10px 15px; font-size:18px; line-height:30px;}
.left-menu ul li a { padding:10px 15px; font-size:13px; line-height:18px;}
/*LEFT MENU*/  
    
/*PHOTO GALLERY*/
.gallery .box-content .title{line-height:18px; font-size:12px; }
.portfolio-item p { font-size: 14px; line-height: 20px;}
/*PHOTO GALLERY*/    
}