h1, h2, h3, h4, h5, h6 {font-family:var(--heading-font-family); letter-spacing:1px; font-weight:500; position: relative; text-transform:uppercase; }

.heading { position:relative;}
.heading h1 {font-size:42px; line-height:65px; color:var(--bs-primary);}
.heading h2 {font-size:25px; line-height:35px; color:var(--bs-primary);}
.heading h2 span {font-weight:400 !important;}
.heading h3 {font-size:20px; line-height:30px; color:var(--bs-secondary);}
.heading h4 {font-size:22px; line-height:30px; color:var(--bs-secondary);}
.heading h5 {font-size:18px; line-height:28px; color:var(--bs-secondary);}
.heading h6 {font-size:25px; line-height:35px; color:var(--bs-black); font-weight:500; text-transform:capitalize !important;  }

p {position:relative; color:var(--bs-gray-800); font-size:14px; line-height:22px; margin-bottom:1rem; margin-top:1rem; padding:0; font-weight:400; letter-spacing:.5px;}
p a {color:var(--bs-gray-900); font-weight:400; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
p a:hover {color:var(--bs-primary); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
p span {color:var(--bs-primary); font-weight:600;}
p strong {color:var(--bs-secondary); font-weight:700;}
p:last-child { margin-bottom:0;}

.nevigation {padding:15px 30px 20px 75px; background-color:transparent; position:fixed; z-index:999; width:100%; background:linear-gradient(rgb(0 0 0 / 50%), rgb(0 0 0 / 0%)); height:100px; overflow:hidden;}
.nevigation .logo {position:relative;}
.nevigation .logo a {position:absolute; transition:all 0.3s ease;}
.nevigation .logo a img { height:70px}

/*SOCIAL*/
.social-links { float:left; padding-left: 0; margin-top:0; margin-bottom:0;}
.social-links ul { float: left; margin: 0; padding: 0; list-style-type: none; }
.social-links ul li { float:left; margin-right:15px; margin-top:5px; margin-left:0; display: inline-block;}
.social-links ul li:last-child {margin-right:0;} 
.social-links ul li a { background: var(--bs-white); width:40px; text-align: center; line-height:40px; height:40px; color:var(--bs-secondary); display: inline-block; font-size:13px; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:none; border-radius:50%; margin: 0;}
.social-links ul li a:hover {color: var(--bs-white);
background: var(--bs-primary); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:none;}
/*SOCIAL*/

/**tabs**/
#tab-section {
    background:var(--bs-white);
    overflow: hidden;
    /* height: auto !important; */
    background-size: contain;
    background-position: 0;
    background-repeat: no-repeat;
    background-position: left;
}
.background-svg { border: 1px solid #000;
  position: absolute;
  top:50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#tab-section .container{
 
  width:100%;
    height:100%;}

#horizontalTab { position: relative; float:left; width:100%; height:auto; margin:1rem 0; padding:0;}
.r-tabs {position: relative; }
.r-tabs .r-tabs-nav {border-bottom: 1px solid var(--bs-primary);}
.r-tabs .r-tabs-nav .r-tabs-tab {position: relative;top: 0px;}
.r-tabs .r-tabs-nav .r-tabs-anchor {margin-bottom: 0px;padding:.75rem 1.25rem; display: inline-block;text-decoration: none;color: var(--bs-black);font-weight:500; font-size:25px; letter-spacing:1px; font-family:var(--heading-font-family);  text-transform:uppercase;}
.r-tabs .r-tabs-nav .r-tabs-state-active {background-color:none; margin-bottom:0; border-bottom: 5px solid var(--bs-primary);}
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {color:var(--bs-primary); background-color:none;}
.r-tabs .r-tabs-panel {margin-bottom:0px; height:auto;}
.r-tabs .r-tabs-panel:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

.r-tabs .r-tabs-accordion-title .r-tabs-anchor {display: block;padding:.75rem 0;background-color:var(--bs-primary); color:var(--bs-white); font-weight:500 !important;text-decoration: none; margin-bottom:5px;  font-size:16px;   text-transform:uppercase; text-align: center;}
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {background-color:var(--bs-secondary);color:var(--bs-white); margin-bottom: 0;}

/*OUR PRODUCTS*/
.project-item-style {position: relative; overflow: hidden; margin-bottom: 1rem; margin-top: 1rem;}
.project-item-style .icon {position: absolute; top: 15px; right:15px; font-size: 45px; z-index: 2; color:var(--bs-white); opacity: 0; visibility: hidden; transform: scale(0) rotateY(360deg);}
.project-item-style .bg-overlay {content: ""; position: absolute; top: -100%; left: 0; width: 100%; height: 100%; background: var(--bs-secondary); opacity: 0; z-index: 1; -webkit-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s;}
.project-item-style .project-item-thumb { position: relative; text-align: center;}
.project-item-style .project-item-thumb .project-item-link-image {display: block;}
.project-item-style .project-item-thumb .project-item-link-image img {-webkit-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s;}
.project-item-style .project-item-thumb .project-item-link-image:after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: -webkit-gradient(linear, left bottom, left top, from(#343a40), to(transparent)); -webkit-transition: all 0.45s; transition: all 0.45s; -moz-transition: all 0.45s; -ms-transition: all 0.45s;}
.project-item-style .project-item-details {position: absolute; left: 0; bottom: 0; width: 100%; z-index: 1; padding:30px 30px 60px 30px; opacity: 1; visibility: visible; -moz-transition: all 0.35s; -webkit-transition: all 0.35s; -ms-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s;}

.project-item-style .project-item-details .project-item-details-inner .title {display: block; font-size:30px; line-height:35px; font-weight:500; text-transform: uppercase; letter-spacing:1px; margin:.5rem 0 1rem 0; color:var(--bs-white);}
.project-item-style .project-item-details .project-item-details-inner .project-item-link-icon a {display: inline-block; width:50px; height:50px; color:var(--bs-white); border: 1px solid var(--bs-white); font-size:13px; line-height:50px; border-radius:50%; text-align: center; background: transparent; -webkit-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s;}
.project-item-style .project-item-details-hover {bottom: -60px; z-index: 6; visibility: hidden; position: absolute; left: 0; width: 100%; padding:30px 30px 60px 30px; opacity: 0; -webkit-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s;}

.project-item-style .project-item-details-hover .project-item-details-inner .title {display: block; font-size:30px; line-height:35px; font-weight:500; text-transform: uppercase; letter-spacing:1px; margin:5px 0 15px 0; color:var(--bs-white);}
.project-item-style .project-item-details-hover .project-item-details-inner .title a { color:var(--bs-white);}
.project-item-style .project-item-details-hover .project-item-details-inner .desc { color:var(--bs-white); font-size:14px; line-height:20px; margin-bottom:1rem; padding:0; font-weight:400; letter-spacing:.5px; -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:3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.project-item-style .project-item-details-hover .project-item-details-inner .project-item-link-icon a {display: inline-block; width:50px; height:50px; color:var(--bs-secondary);  font-size:13px; line-height:50px;  border-radius:50%; text-align: center; background:var(--bs-white); -webkit-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s;}
.project-item-style .project-item-details-hover .project-item-details-inner .project-item-link-icon a:hover {background: var(--bs-primary); color:var(--bs-white);}
.project-item-style .project-item-details-hover .project-item-details-inner .project-item-link-icon a:hover i {color:var(--bs-white);}
.project-item-style:hover .icon { opacity: 0.5; visibility: visible; transform: scale(1); transition: all 500ms ease 500ms;}
.project-item-style:hover .bg-overlay {opacity: 0.6; top: 0;}
.project-item-style:hover .project-item-thumb .project-item-link-image img {-webkit-transform: scale(1.1); transform: scale(1.1); filter: blur(3px);}
.project-item-style:hover .project-item-details {opacity: 0;}
.project-item-style:hover .project-item-details-hover {opacity: 1; bottom: 0; visibility: visible; z-index: 2; -webkit-transition: all 500ms ease 500ms; transition: all 500ms ease 500ms;}
/*OUR PRODUCTS*/
/**tabs**/

/*FOOTER*/
#footer-1 { position: relative;  /* flows naturally after slider */ background: var(--bs-gray-400) url("../images/footer-bg.png")no-repeat left bottom; padding: 0;}
#footer-1 .container-fluid { width: 90%;}
#footer-1 .footer-logo { float: left; display: block; margin-bottom:.5rem}
#footer-1 .footer-logo img { height:70px;}

/*FOOTER TEXT*/
#footer-1 .footer-text {}
#footer-1 .footer-text p {font-size:15px; color: var(--bs-black); line-height:20px; font-weight:400; letter-spacing: normal; margin: 0; padding:0.5rem 0; text-transform: uppercase;}
#footer-1 .footer-text p span {color:var(--bs-primary);}
#footer-1 .footer-text p a {color: var(--bs-secondary); font-weight:400; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
#footer-1 .footer-text p a:hover {color:var(--bs-primary); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
/*FOOTER TEXT*/

#footer-1 h6 {font-size:30px; line-height:45px; margin-bottom:1rem; margin-top:0; padding-bottom:.5rem; color: var(--bs-primary);  font-weight:500; letter-spacing:1px; text-transform: uppercase; font-style:normal; position:relative;}
#footer-1 h6::after {content: ''; position: absolute; height:1px; width:60px; background:var(--bs-primary); bottom:0px; left: 0;}

/*FOOTER NAV*/
#footer-1 .footer-nav {}
#footer-1 .footer-nav ul { float:left; margin:0 ; padding:0; list-style:none;}
#footer-1 .footer-nav ul li { float:left; width:100%; margin:0; padding:.5rem 0; text-transform: uppercase;}
#footer-1 .footer-nav ul li a { float:left; font-size:15px; line-height:20px; color:var(--bs-black); font-weight:400; margin:0; padding: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:normal;}
#footer-1 .footer-nav ul li a:hover {color:var(--bs-secondary); 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-1 .footer-address { } 
#footer-1 .footer-address ul { margin:0; padding:0; list-style:none;} 
#footer-1 .footer-address ul li { margin-top:1rem;} 
#footer-1 .footer-address ul li:first-child {margin-top:1.35rem;} 
#footer-1 .footer-address .icon, #footer-1 .footer-address .info {display: table-cell; vertical-align:top;} 
#footer-1 .footer-address .info {padding-left:1rem;}
#footer-1 .footer-address .icon { height:45px; text-align: center; width:45px;}	
#footer-1 .footer-address .info h5 {font-weight:500; margin:0; padding:0; text-transform: uppercase; color:var(--bs-primary); font-size:18px; letter-spacing:1px; line-height:25px;} 
#footer-1 .footer-address li .info p { font-size:14px; margin: 0; padding: 0; line-height: 20px; font-weight:400; color: var(--bs-black); letter-spacing:normal; text-transform: uppercase;} 
#footer-1 .footer-address li .info p a {color: var(--bs-black); font-weight:400; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; text-decoration: none}
#footer-1 .footer-address li .info p a:hover {color:var(--bs-secondary); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
/*FOOTER-ADDRESS*/

/*FOOTER-BIG-BTN*/
.footer-big-btn {display: inline-block; font-family:var(--heading-font-family); font-size:25px; font-weight:500; width: 100%; text-transform: uppercase; padding:1rem; line-height:30px; color:var(--bs-primary); letter-spacing: 1px; border-radius:50px; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow:none; position: relative; background:var(--bs-gray-400); border: 1px solid var(--bs-primary); -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; overflow: hidden; text-decoration: none;}
.footer-big-btn:before {content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background:var(--bs-primary); -webkit-transform: scale(0); transform: scale(0); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; text-decoration: none;}
.footer-big-btn:hover, .footer-big-btn:focus, .footer-big-btn:active {color:var(--bs-white); text-decoration: none;}
.footer-big-btn:hover:before, .footer-big-btn:focus:before, .footer-big-btn:active:before {-webkit-transform: scale(1); transform: scale(1); text-decoration: none;}
/*FOOTER-BIG-BTN*/
/*FOOTER*/

/*FOOTER BOTTOM*/
.footer-bottom { border-top: 1px solid var(--bs-primary); padding:15px 0 5px 0;}
.footer-bottom p {color:var(--bs-black); margin: 0; padding: 0; font-weight:400; font-size:13px; line-height:20px; text-transform: uppercase;}
.footer-bottom p span {color:var(--bs-primary); font-weight:500; font-style:normal;}
.footer-bottom p a {color:var(--bs-black); 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(--bs-secondary); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
/*FOOTER BOTTOM*/

/*SOCIAL*/
.footer-social-links { float:right; padding-left: 0; margin-top:0; margin-bottom:0;}
.footer-social-links ul { float: left; margin: 0; padding: 0; list-style-type: none; }
.footer-social-links ul li { float:left; margin-right:15px; margin-top:5px; margin-left:0; display: inline-block;}
.footer-social-links ul li:last-child {margin-right:0;} 
.footer-social-links ul li a { background: var(--bs-primary); width:40px; text-align: center; line-height:40px; height:40px; color:var(--bs-white); display: inline-block; font-size:13px; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:none; border-radius:50%; margin: 0;}
.footer-social-links ul li a:hover {color: var(--bs-white);
background: var(--bs-secondary); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:none;}
/*SOCIAL*/

/*FIX CONTACT BTN*/ 
.connect-now {position: fixed; top:10rem; right: 1%; z-index:999;}
.connect-now ul { list-style: none;}
.connect-now ul li {margin-bottom: 1rem; width: auto;}
.connect-now ul li a { font-family: var(--heading-font-family); text-orientation: inherit; writing-mode: vertical-lr; transform: rotate(180deg);  text-align:center; padding:1.5rem .25rem; height: auto; line-height:40px; width: auto; border:none; background:var(--bs-primary); border-radius:10px; letter-spacing:.5px; font-weight:500;  font-size:20px; color:var(--bs-white); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; text-transform: uppercase;}
.connect-now ul li a:hover { background: var(--bs-secondary); color:var(--bs-white); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.connect-now ul li a i {transform: rotate(90deg); margin-bottom:.5rem}
/*FIX CONTACT BTN*/



/*INNER-BANNER*/
.inner-page-hero-area {padding: 0; height: 700px; justify-content: center; display: flex;  align-items: center; margin-bottom:0; position: relative;  background-repeat: no-repeat; background-size: cover; background-position: center center;}
/*.inner-page-hero-area::before {position: absolute;content: ''; top: 0; left: 0; width: 100%; background-attachment: fixed; height: 100%;  background-color: rgba(0, 0, 0, 0.3);}*/
.inner-page-hero-area::before {position: absolute;content: ''; top: 0; left: 0; width: 100%; height: 100%;  background-color: rgba(0, 0, 0, 0.3);}

.inner-page-title {position: relative; font-size:65px; line-height:90px;  font-family:var(--heading-font-family); font-weight:500; letter-spacing:1px; text-transform: uppercase; color:var(--bs-white); margin-top:0; margin-bottom: 0px;text-shadow: 2px 2px 4px var(--bs-primary);}


.inner-page-hero-text { border-bottom: 1px solid var(--bs-gray-500);}
.inner-page-hero-text .breadcrumb-menu { padding:15px 0; margin-bottom:0; margin-top:0; list-style: none; background: none; border-radius:0;}
.inner-page-hero-text .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-text .breadcrumb-menu li i {color:var(--bs-primary); margin-right: 3px;}
.inner-page-hero-text .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(--bs-primary); content: "\f054"; font-family:  "FontAwesome"; font-size:10px; font-weight:400; padding: 0 7px 0 5px ; position: relative; top:-2px;}
.inner-page-hero-text .breadcrumb-menu a, .inner-page-hero-text .breadcrumb-menu li {font-weight:500;  color:var(--bs-primary); text-transform:uppercase; font-size:16px; line-height:25px; margin:0; padding:0; letter-spacing:.5px;}
.inner-page-hero-text .breadcrumb-menu a:hover {color: var(--bs-secondary);}
.inner-page-hero-text .breadcrumb-menu li.active {color:var(--bs-primary);}
/*INNER-BANNER*/

/*LEFT MENU*/
.left-menu-title { float:left; width:100%; margin:0; padding:15px; font-size:40px; line-height: 50px; font-family:var(--heading-font-family); letter-spacing:1px; font-weight:500; position: relative; text-transform:uppercase; }
.left-menu {position: sticky; width: 100%; top:135px; float: left; margin:0; padding:0; background:var(--bs-gray-400); border:1px solid var(--bs-gray-500); border-radius:10px; overflow: hidden;}
.left-menu ul { float:left; width: 100%; 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(--bs-gray-500); }
.left-menu ul li a { float:left; width:100%; padding:15px; color:var(--bs-primary); font-size:16px; line-height:25px; font-weight:500; letter-spacing:1px; text-decoration:none; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; text-transform:uppercase;}
.left-menu ul li a:hover, .left-menu ul li a.current  {color:var(--bs-white); background:var(--bs-primary); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
/*LEFT MENU*/

/*MARKER LIST*/
.marker-list { float: left; list-style: none; margin: 0; padding: 0}
.marker-list>li { color:var(--bs-gray); font-size:16px; line-height:25px; margin-bottom:1rem; margin-top:1rem; font-weight:500; letter-spacing:.5px; position: relative; padding-left:20px;}
.marker-list>li:last-child {margin-bottom: 0; }
.marker-list>li:after {position: absolute; top:0px; left: 0; display: block; content: "\f192"; font-family: "FontAwesome"; font-size: 11px; color: var(--bs-secondary);}
.marker-list>li span { font-weight:600; color: var(--bs-primary); }
.marker-list>li a { color:var(--bs-gray);}
.marker-list>li a:hover {color:var(--bs-primary);}
/*MARKER LIST*/

.inner-img { overflow: hidden; border-radius: 10px; width:100%; height:100%;}
.inner-img-fix {position: sticky; width: 100%; top:135px; overflow: hidden; border-radius: 10px;}
/*PHOTO GALLERY*/
.item{/*width:303px;*/float:left; margin-bottom:1rem; margin-top:1rem;}
.item p { margin-bottom:0; color: var(--bs-secondary); font-weight:500;}
/*height:250px; width:250px;  -| */ 
.gallery{ background-color:var(--bs-secondary); text-align:center;position:relative; padding: 0; border-radius:10px; overflow: hidden; -webkit-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s;}
.gallery:hover { background:var(--bs-primary); -webkit-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s;}

/*height:250px; width:250px;  -| */
.gallery-image { position: relative;  background-size: cover; background-position: center;  overflow: hidden;}

.gallery img{width:100%; height:100%;}
.gallery:hover img{opacity:1;}
.gallery .gallery-box-content{padding:1rem 0;background:rgba(234, 91, 33, 0.0);position:absolute;top:0;left:0;bottom:0;right:0;opacity:0}
.gallery:hover .gallery-box-content{top:1rem;left:1rem;bottom:1rem;right:1rem;opacity:1; border-radius:0;}
.gallery .icon li a{line-height:40px; border-radius:50%;}
.gallery .icon{list-style:none;padding:0;margin:0;position:absolute;top:40%; 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(--bs-white); font-size:12px; color:var(--bs-secondary) ; margin-right:5px; transition:all .35s ease 0s}
.gallery .icon a:hover{background:var(--bs-primary); color:var(--bs-white);}
.gallery .gallery-box-content,.gallery .icon li,.gallery img{transition:all .35s ease 0s}

.filter-button-box { margin:2rem 0 0 0;}
.filter-button{font-size:20px; font-weight:500; line-height:30px; padding:10px 25px; margin-bottom:5px; text-transform:uppercase; background:var(--bs-white); border: 1px solid var(--bs-primary); border-radius:5px; letter-spacing:1px; text-align: center; color:var(--bs-primary); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; font-family: var(--heading-font-family)}
.filter-button:hover, .filter-button.active{border: 1px solid var(--bs-primary); color:#FFF !important; background:var(--bs-primary) !important; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
/*PHOTO GALLERY*/

/*HOME CONTACT FORM*/
.contact-page-form-bg {border:1px solid var(--bs-gray-400); border-radius:10px;}
.contact-page-form { float: left; margin:15px 0; padding: 0 15px; font-size:14px; line-height:20px; color:var(--bs-gray-800); font-weight:400; }
.contact-page-form a { color:var(--bs-gray); text-decoration:none; font-weight:500; margin:0; padding:0;}
.contact-page-form a:hover { color:var(--bs-primary);}

.contact-page-form-bor { width: 100%; height:55px; line-height:55px; font-size:14px; text-align:left; color: var(--bs-gray); font-weight:400; margin: 0; padding:0 0 0 15px; background:var(--bs-gray-100); border:1px solid var(--bs-gray-300); 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:5px;}
.contact-page-form-textar { width:100%; height:140px; line-height:35px; font-size:14px; text-align:left;  color: var(--bs-gray); font-weight:400; margin: 0; padding:5px 0 0 15px; background:var(--bs-gray-100); border:1px solid var(--bs-gray-300); 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:5px; }
.contact-page-form-bor:focus, .contact-page-form-textar:focus { background:var(--bs-white); border:1px solid var(--bs-primary); 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 0 0 15px; color:var(--bs-gray); font-weight:400; background:var(--bs-gray-100) url(../images/arrow-select.png) no-repeat right 15px center; border:1px solid var(--bs-gray-300); 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:5px; }
.contact-page-form select:focus {background:var(--bs-white)  url(../images/arrow-select.png) no-repeat right 15px center ; border:1px solid var(--bs-primary); color:var(--bs-gray); 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 label { font-size:15px; width:100%; color:var(--bs-gray); font-weight:500; margin:0; padding:0 0 7px 0; line-height:20px; letter-spacing:.5px; text-transform: uppercase; font-family: var(--heading-font-family);}
.contact-page-form label span { color:var(--bs-red);}

.contact-page-form-btn {font-size:20px; font-weight:500; text-transform: uppercase; padding:15px 30px; line-height:25px; color:var(--bs-white); background: var(--bs-primary); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:none;  letter-spacing:1px; border-radius:5px; font-family: var(--heading-font-family);}
.contact-page-form-btn:hover {background:var(--bs-gray); color:var(--bs-white);  transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}

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

/*TABLE*/
.table-box-inner {background:var(--bs-white);}
.table th { font-size:18px; text-transform:uppercase; background:var(--bs-secondary); color:var(--bs-white); font-weight:500; letter-spacing:1px; font-family: var(--heading-font-family); }
.table td { font-size:14px; line-height: 20px; color:var(--bs-gray); font-weight:400; }
.table td strong {font-weight:500; color: var(--bs-gray); }
.table td span {font-weight:500; color: var(--bs-primary); }
.table td i { color: var(--bs-primary); margin-right: 5px;}
.table td a {color:var(--bs-gray); font-weight:500;  transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; }
.table td a:hover{color: var(--bs-primary); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; }
/*TABLE*/

/*CONTACT-ADDRESS*/
.contact-address {background:var(--bs-white); border: 1px solid var(--bs-gray-400); border-bottom: 10px solid var(--bs-primary); width:100%; margin: 0;  padding:1.5rem; min-height:280px; border-radius:10px;  } 
.contact-address ul { margin:0; padding:0; list-style:none;} 
.contact-address ul li { margin-top:0;} 
.contact-address .icon, .contact-address .info {} 
.icon-circle { margin: 0 auto; width: 80px; height: 80px; border: 2px solid var(--bs-primary); border-radius: 50%; display: flex; justify-content: center; align-items: center; position: relative;}
.icon-circle::before {content: ""; position: absolute; width: 60px; height: 60px; background: var(--bs-primary); border-radius: 50%; z-index: 0;}
.icon-circle i {color:var(--bs-white); font-size: 22px; z-index: 1;}
.contact-address .info h5 {font-weight:600; margin-top:1rem; margin-bottom:.5rem; padding:0; text-transform: uppercase; color:var(--bs-primary); font-size:25px; letter-spacing:0.5px; line-height:30px; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.contact-address .info p { font-size:14px; margin: 0; padding: 0; line-height: 20px; font-weight:400; color: var(--bs-secondary); letter-spacing:.5px; word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: normal;} 
/*CONTACT-ADDRESS*/ 

#contact-us-map { display: block;  position: relative; margin-top:1rem; margin-bottom:0; line-height: 0;}

/*Modal*/
.modal-content .close { height:30px; width:30px; line-height:30px; font-size:20px; color:var(--bs-secondary); position: absolute; right:.5rem; text-align: center; text-decoration: none; top:.5rem; opacity: 1; border-radius:none; z-index: 1; border: none; background: none;}
.modal-content .close:hover {color: var(--bs-primary); opacity: 1 !important;}
/*Modal*/

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

.nevigation {padding:20px 30px 20px 75px; background-color:transparent; position:fixed; z-index:999; width:100%; background:linear-gradient(rgb(57 49 133 / 50%), rgb(0 0 0 / 0%)); height:120px; overflow:hidden;}
.nevigation .logo {position:relative;}
.nevigation .logo a {position:absolute; transition:all 0.3s ease;}
.nevigation .logo a img { height:80px}

}


@media only screen and ( min-width: 768px) and ( max-width: 980px ) {
 
.heading h1 {font-size:42px; line-height:60px;}
.heading h6 {font-size:22px; line-height:30px; }
    
.nevigation {padding:15px 75px; height: 100px;}
.nevigation .logo a img {height:70px;} 

/*FOOTER*/
#footer-1 .footer-logo img { height:50px;}

/*FOOTER TEXT*/
#footer-1 .footer-text p {font-size:14px; line-height:20px;}
/*FOOTER TEXT*/

#footer-1 h6 {font-size:25px; line-height:40px;}
#footer-1 h6::after {width:60px;}

/*FOOTER NAV*/
#footer-1 .footer-nav ul li { width: auto; padding:.5rem 0 1.5rem .5rem;}
#footer-1 .footer-nav ul li a { font-size:14px; line-height:20px;}
/*FOOTER NAV*/

/*FOOTER-ADDRESS*/
#footer-1 .footer-address .icon { height:45px; width:45px;}	
#footer-1 .footer-address .info h5 { font-size:16px; line-height:25px;} 
#footer-1 .footer-address li .info p { font-size:14px; line-height: 20px;} 
/*FOOTER-ADDRESS*/

/*FOOTER-BIG-BTN*/
.footer-big-btn {font-size:20px; line-height:25px;}
/*FOOTER-BIG-BTN*/
/*FOOTER*/ 
    
/*INNER-BANNER*/
.inner-page-hero-area { height: 500px;}
.inner-page-title {font-size:70px; line-height:80px;}
.breadcrumb-menu > li + li::before { font-size:9px; }
.inner-page-hero-text .breadcrumb-menu a, .inner-page-hero-text .breadcrumb-menu li {font-size:15px; line-height:22px;}
/*INNER-BANNER*/ 
    
/*LEFT MENU*/
.left-menu-title {font-size:30px; line-height:40px;}
.left-menu ul li a { font-size:15px; line-height:22px;}
/*LEFT MENU*/
  
/*PHOTO GALLERY*/    
.filter-button{font-size:18px; line-height:30px; padding:10px 25px;}
/*PHOTO GALLERY*/    
}


@media only screen and ( min-width: 600px) and ( max-width: 765px ) {

.heading h1 {font-size:40px; line-height:55px;}
.heading h6 {font-size:20px; line-height:30px; }
    
.nevigation {padding:15px 75px; height: 100px;}
.nevigation .logo a img {height:70px;} 
    
/*OUR PRODUCTS*/
.project-item-style .project-item-details .project-item-details-inner .title {font-size:25px; line-height:30px;}
.project-item-style .project-item-details .project-item-details-inner .project-item-link-icon a {width:40px; height:40px; font-size:12px; line-height:40px;}
.project-item-style .project-item-details-hover { padding:1rem;}

.project-item-style .project-item-details-hover .project-item-details-inner .title {font-size:25px; line-height:30px;}

.project-item-style .project-item-details-hover .project-item-details-inner .desc {font-size:14px; line-height:20px; }
.project-item-style .project-item-details-hover .project-item-details-inner .project-item-link-icon a {width:40px; height:40px; font-size:12px; line-height:40px;}
/*OUR PRODUCTS*/ 
 
/*FOOTER*/
#footer-1 .footer-logo img { height:60px;}

/*FOOTER TEXT*/
#footer-1 .footer-text p {font-size:14px; line-height:20px;}
/*FOOTER TEXT*/

#footer-1 h6 {font-size:25px; line-height:40px;}
#footer-1 h6::after {width:60px;}

/*FOOTER NAV*/
#footer-1 .footer-nav ul li { width: auto; padding:.5rem 0 1.5rem .5rem;}
#footer-1 .footer-nav ul li a { font-size:14px; line-height:20px;}
/*FOOTER NAV*/

/*FOOTER-ADDRESS*/
#footer-1 .footer-address .icon { height:45px; width:45px;}	
#footer-1 .footer-address .info h5 { font-size:16px; line-height:25px;} 
#footer-1 .footer-address li .info p { font-size:14px; line-height: 20px;} 
/*FOOTER-ADDRESS*/

/*FOOTER-BIG-BTN*/
.footer-big-btn {font-size:20px; line-height:25px;}
/*FOOTER-BIG-BTN*/
/*FOOTER*/  
    
/*INNER-BANNER*/
.inner-page-hero-area { height:400px;}
.inner-page-title {font-size:60px; line-height:70px;}
.breadcrumb-menu > li + li::before { font-size:9px; }
.inner-page-hero-text .breadcrumb-menu a, .inner-page-hero-text .breadcrumb-menu li {font-size:14px; line-height:20px;}
/*INNER-BANNER*/ 
    
/*LEFT MENU*/
.left-menu-title {font-size:35px; line-height:45px;}
.left-menu ul li a { font-size:15px; line-height:22px;}
/*LEFT MENU*/    
    
/*HOME CONTACT FORM*/
.contact-page-form {  font-size:14px; line-height:20px;  }
.contact-page-form-bor { height:50px; line-height:50px; font-size:14px;}
.contact-page-form-textar {height:120px; line-height:35px; font-size:14px; }
.contact-page-form select {height:50px; line-height:50px; font-size:14px;}
.contact-page-form label { font-size:15px;padding:0 0 7px 0; line-height:20px;}
.contact-page-form-btn {font-size:18px; padding:15px 30px; line-height:25px;}
/*HOME CONTACT FORM*/ 

/*TABLE*/
.table th { font-size:16px; }
.table td { font-size:13px; line-height: 20px; }
/*TABLE*/ 
    
/*CONTACT-ADDRESS*/
.contact-address {min-height: 100px; } 
.contact-address .info h5 {font-size:20px;line-height:25px;}
.contact-address .info p { font-size:14px; line-height: 20px;} 
/*CONTACT-ADDRESS*/   
    
/*PHOTO GALLERY*/    
.filter-button{font-size:16px; line-height:25px; padding:10px 25px;}
/*PHOTO GALLERY*/     
}


@media only screen and ( min-width: 481px) and ( max-width: 599px ) {
 
.heading h1 {font-size:40px; line-height:50px;}
.heading h6 {font-size:16px; line-height:25px; }
    
.nevigation {padding:15px 30px; height: 90px;}
.nevigation .logo a img {height:60px;} 
 
/*OUR PRODUCTS*/
.project-item-style .project-item-details .project-item-details-inner .title {font-size:25px; line-height:30px;}
.project-item-style .project-item-details .project-item-details-inner .project-item-link-icon a {width:40px; height:40px; font-size:12px; line-height:40px;}
.project-item-style .project-item-details-hover { padding:1rem;}

.project-item-style .project-item-details-hover .project-item-details-inner .title {font-size:25px; line-height:30px;}

.project-item-style .project-item-details-hover .project-item-details-inner .desc {font-size:14px; line-height:20px; }
.project-item-style .project-item-details-hover .project-item-details-inner .project-item-link-icon a {width:40px; height:40px; font-size:12px; line-height:40px;}
/*OUR PRODUCTS*/ 

/*FOOTER*/
#footer-1 .footer-logo img { height:60px;}

/*FOOTER TEXT*/
#footer-1 .footer-text p {font-size:14px; line-height:20px;}
/*FOOTER TEXT*/

#footer-1 h6 {font-size:20px; line-height:35px;}
#footer-1 h6::after {width:60px;}

/*FOOTER NAV*/
#footer-1 .footer-nav ul li { width: auto; padding:.5rem 0 1.5rem .5rem;}
#footer-1 .footer-nav ul li a { font-size:14px; line-height:20px;}
/*FOOTER NAV*/

/*FOOTER-ADDRESS*/
#footer-1 .footer-address .icon { height:40px; width:40px;}	
#footer-1 .footer-address .info h5 { font-size:15px; line-height:22px;} 
#footer-1 .footer-address li .info p { font-size:14px; line-height: 20px;} 
/*FOOTER-ADDRESS*/

/*FOOTER-BIG-BTN*/
.footer-big-btn {font-size:18px; line-height:25px;}
/*FOOTER-BIG-BTN*/
/*FOOTER*/ 
    
/*INNER-BANNER*/
.inner-page-hero-area { height:350px;}
.inner-page-title {font-size:40px; line-height:50px;}
.breadcrumb-menu > li + li::before { font-size:9px; }
.inner-page-hero-text .breadcrumb-menu a, .inner-page-hero-text .breadcrumb-menu li {font-size:14px; line-height:20px;}
/*INNER-BANNER*/ 
    
/*LEFT MENU*/
.left-menu-title {font-size:30px; line-height:40px;}
.left-menu ul li a { font-size:14px; line-height:20px;}
/*LEFT MENU*/ 
    
/*HOME CONTACT FORM*/
.contact-page-form {  font-size:14px; line-height:20px;  }
.contact-page-form-bor { height:50px; line-height:50px; font-size:14px;}
.contact-page-form-textar {height:120px; line-height:35px; font-size:14px; }
.contact-page-form select {height:50px; line-height:50px; font-size:14px;}
.contact-page-form label { font-size:14px;padding:0 0 5px 0; line-height:20px;}
.contact-page-form-btn {font-size:18px; padding:15px 30px; line-height:25px;}
/*HOME CONTACT FORM*/  

/*TABLE*/
.table th { font-size:16px; }
.table td { font-size:13px; line-height: 20px; }
/*TABLE*/
    
/*CONTACT-ADDRESS*/
.contact-address {min-height: 100px; } 
.contact-address .info h5 {font-size:20px;line-height:25px;}
.contact-address .info p { font-size:14px; line-height: 20px;} 
/*CONTACT-ADDRESS*/ 
    
/*PHOTO GALLERY*/    
.filter-button{font-size:15px; line-height:20px; padding:10px 20px;}
/*PHOTO GALLERY*/     
}


@media only screen and ( min-width: 320px) and ( max-width: 480px ) {
    
.heading h1 {font-size: 30px; line-height: 32px;}
.heading h6 {font-size:16px; line-height:25px; }
    
.nevigation {padding:10px 30px; height: 90px;}
.nevigation .logo a img {height:70px;}

    
/*OUR PRODUCTS*/
.project-item-style .project-item-details .project-item-details-inner .title {font-size:25px; line-height:30px;}
.project-item-style .project-item-details .project-item-details-inner .project-item-link-icon a {width:40px; height:40px; font-size:12px; line-height:40px;}
.project-item-style .project-item-details-hover { padding:1rem;}

.project-item-style .project-item-details-hover .project-item-details-inner .title {font-size:25px; line-height:30px;}

.project-item-style .project-item-details-hover .project-item-details-inner .desc {font-size:14px; line-height:20px; }
.project-item-style .project-item-details-hover .project-item-details-inner .project-item-link-icon a {width:40px; height:40px; font-size:12px; line-height:40px;}
/*OUR PRODUCTS*/
    
/*FOOTER*/
#footer-1 .footer-logo img { height:50px;}

/*FOOTER TEXT*/
#footer-1 .footer-text p {font-size:14px; line-height:20px;}
/*FOOTER TEXT*/

#footer-1 h6 {font-size:20px; line-height:35px;}
#footer-1 h6::after {width:60px;}

/*FOOTER NAV*/
#footer-1 .footer-nav ul li { width: auto; padding:.5rem 0 1.5rem .5rem;}
#footer-1 .footer-nav ul li a { font-size:14px; line-height:20px;}
/*FOOTER NAV*/

/*FOOTER-ADDRESS*/
#footer-1 .footer-address .icon { height:40px; width:40px;}	
#footer-1 .footer-address .info h5 { font-size:15px; line-height:22px;} 
#footer-1 .footer-address li .info p { font-size:14px; line-height: 20px;} 
/*FOOTER-ADDRESS*/

/*FOOTER-BIG-BTN*/
.footer-big-btn {font-size:18px; line-height:25px;}
/*FOOTER-BIG-BTN*/
/*FOOTER*/ 
    
/*INNER-BANNER*/
.inner-page-hero-area { height:350px;}
.inner-page-title {font-size:40px; line-height:50px;}
.breadcrumb-menu > li + li::before { font-size:9px; }
.inner-page-hero-text .breadcrumb-menu a, .inner-page-hero-text .breadcrumb-menu li {font-size:13px; line-height:20px;}
/*INNER-BANNER*/
    
/*LEFT MENU*/
.left-menu-title {font-size:30px; line-height:40px;}
.left-menu ul li a { font-size:14px; line-height:20px;}
/*LEFT MENU*/

/*HOME CONTACT FORM*/
.contact-page-form {  font-size:14px; line-height:20px;  }
.contact-page-form-bor { height:50px; line-height:50px; font-size:14px;}
.contact-page-form-textar {height:120px; line-height:35px; font-size:14px; }
.contact-page-form select {height:50px; line-height:50px; font-size:14px;}
.contact-page-form label { font-size:14px;padding:0 0 5px 0; line-height:20px;}
.contact-page-form-btn {font-size:18px; padding:15px 30px; line-height:25px;}
/*HOME CONTACT FORM*/  

/*TABLE*/
.table th { font-size:16px; }
.table td { font-size:13px; line-height: 20px; }
/*TABLE*/
    
/*CONTACT-ADDRESS*/
.contact-address {min-height: 100px; } 
.contact-address .info h5 {font-size:20px;line-height:25px;}
.contact-address .info p { font-size:14px; line-height: 20px;} 
/*CONTACT-ADDRESS*/

/*PHOTO GALLERY*/    
.filter-button{font-size:15px; line-height:20px; padding:10px 20px;}
/*PHOTO GALLERY*/    
}