/* =================================================
            Fonts Connectivity
==================================================== */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,800;0,900;1,400;1,500;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('animate.css');
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css");

*{box-sizing: border-box; margin: 0; padding: 0;}
:root{--themecolor: #1684FD;--primarycolor: #000;--secondarycolor: #fff;--themeprimary: #121d25;--textgrey: #333333;--themefont: 'Playfair Display', serif;--primaryfont: 'Montserrat', sans-serif;}
body{overflow-x: hidden; font-family: var(--primaryfont); font-size: 14px; line-height: 28px;}
a{text-decoration: none; color: var(--primarycolor); transition: all .4s ease;}
a:hover{text-decoration: none;}
ul{list-style: none;}
img{max-width: 100%; height: auto;}
.heading-border-line{position: relative; margin-top: 15px; height: 100%; width: 100%; display: inline-block; vertical-align: top;}
.heading-border-line::before{content: "";width: 12px;height: 4px; background: var(--themecolor);position: absolute;bottom: -4px;left: 50%;margin-left: -35px;transform: translateX(-50%);border-radius: 2px;-webkit-transition: all .3s ease;transition: all .3s ease;z-index: 1;}
.heading-border-line::after {content: "";width: 65px;height: 4px;background: var(--themecolor);position: absolute;bottom: -4px;right: 0;left: 50%;margin-left: -20px;border-radius: 2px;-webkit-transition: all .3s ease;transition: all .3s ease;z-index: 0;}
.heading-title{font-size: 42px;font-weight: 700;line-height: 46px;color: #010d14; margin-bottom: 50px; font-family: var(--themefont); position: relative;}
/* ==================================
                Start style css
==================================== */

/* start header */
header .header-top-area{background: var(--themeprimary); color: var(--secondarycolor); position: relative;}
header .header-top-area .header-top-left {display: flex;align-items: center;margin: 10px 0;padding-left: 0;}
header .header-top-area .header-top-left .contact-box{display: flex; margin-right: 30px; align-items: center;}
header .header-top-area .header-top-left .contact-icon-box{display: flex; align-items: center;}
header .header-top-area .header-top-left a{color: var(--secondarycolor);}
header .header-top-area .header-top-left a p{transition: all .4s ease;}
header .header-top-area .header-top-left a p{margin: 0;}
header .header-top-area .header-top-left .contact-box a i{transition: all .4s ease-in-out;}
header .header-top-area .header-top-left .contact-box:hover a i, header .header-top-area .header-top-left .contact-box:hover a p{color: var(--themecolor);}
header .header-top-area .header-top-right .right-social{text-align: center; margin: 10px 0; display: flex; justify-content: end; align-items: center;}
header .header-top-area .header-top-right .right-social li{padding: 0 10px;}
header .header-top-area .header-top-right .right-social li a{color: var(--secondarycolor);}
header .header-top-area .header-top-right .right-social li:hover a{color: var(--themecolor);}
 
header .header-logo-area{padding: 15px 0;}
header .construct-logo a img{width: 100px;}

.header-sticky{position: sticky;top: 0;left: 0;}
.sticky{position: fixed;top: 0;left: 0;width: 100%;background: var(--secondarycolor);z-index: 9999;padding: 10px 0 !important;transition: all .4s ease;box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2)}
.sticky{z-index:999;opacity:1;visibility:visible;-ms-animation-name: fadeInDown;-moz-animation-name: fadeInDown;-op-animation-name: fadeInDown;-webkit-animation-name: fadeInDown;animation-name: fadeInDown;-ms-animation-duration: 500ms;-moz-animation-duration: 500ms;-op-animation-duration: 500ms;-webkit-animation-duration: 500ms;animation-duration: 500ms;-ms-animation-timing-function: linear;-moz-animation-timing-function: linear;-op-animation-timing-function: linear;-webkit-animation-timing-function: linear;animation-timing-function: linear;-ms-animation-iteration-count: 1;-moz-animation-iteration-count: 1;-op-animation-iteration-count: 1;-webkit-animation-iteration-count: 1;animation-iteration-count: 1;}

header .main-menu-area .main-menu .construct-nav{margin-bottom: 0; padding-left: 0;}
header .main-menu-area .main-menu .construct-nav li{padding: 12px 18px; position: relative; display: inline-block;}
header .main-menu-area .main-menu .construct-nav li .active{color: var(--themecolor);}
header .main-menu-area .main-menu .construct-nav li a{color: var(--primarycolor); font-weight: 600; text-transform: uppercase; transition: all .4s ease-in-out;}
header .main-menu-area .main-menu .construct-nav li:hover a{color: var(--themecolor);}
header .main-menu-area .main-menu .construct-nav li .sub-menu {position: absolute;z-index: 999; width: 240px;top: 100%;left: 0;background: var(--themeprimary);transition: all .4s ease-in-out;border-top: 2px solid var(--themecolor); visibility: hidden; opacity: 0; padding: 10px 18px;}
header .main-menu-area .main-menu .construct-nav li:hover .sub-menu{visibility: visible;opacity: 1; transform: translateX(-50px);}
header .main-menu-area .main-menu .construct-nav li .sub-menu li{padding: 10px;}
header .main-menu-area .main-menu .construct-nav li .sub-menu li a{color: #fff; transition: all .4s ease-in-out;}
header .main-menu-area .main-menu .construct-nav li .sub-menu li:hover a{color: var(--themecolor);}

/* start mob-menu */
.menu_toggle{color: var(--primarycolor);font-size: 20px;display: none;}
.mob-menu-area{display: none;}

/* start main */
/* start main-slider */
/* .main-slider{height: 100vh;} */
.main-slider .item > div{height: 560px; width: 100%; background-position: center; background-size: cover;}
.img1{background: url(../images/slider-1.jpg);}
.img2{background: url(../images/slider-2.jpg);}
.img3{background: url(../images/slider-3.jpg);}
.img4{background: url(../images/slider-4.jpg);}
.main-slider .item .slider-caption{background: rgba(28, 28, 28, 0.5); height: 100%;}
.main-slider .item .slider-caption .slide-text{display: flex; align-items: center; justify-content: center; height: 60vh;}
.main-slider .item .slider-caption .slide-text .slide-desc{width: 70%;}
.main-slider .item .slider-caption .slide-text .slide-desc h1{font-size: 44px;font-weight: 800;font-family: var(--themefont);letter-spacing: 2px; margin-bottom: 15px;}
.main-slider .item .slider-caption .slide-text .slide-desc p{visibility: visible;animation-delay: 0.4s;animation-name: fadeInDown;font-size: 18px;font-weight: 500;}
.main-slider #home-slider .owl-nav {position: absolute;top: 50%;width: 100%;transform: translateY(-50px);opacity: 0;transition: all .4s ease;}
.main-slider #home-slider:hover .owl-nav{opacity: 1;}
.main-slider #home-slider .owl-nav .owl-prev {position: absolute;left: 5%;background: var(--secondarycolor);height: 50px;width: 50px;border-radius: 50%;font-size: 33px; transition: all .4s ease}
.main-slider #home-slider .owl-nav .owl-next{position: absolute;right: 5%;background: var(--secondarycolor);height: 50px;width: 50px;border-radius: 50%;font-size: 33px; transition: all .4s ease;}
.main-slider #home-slider .owl-nav .owl-prev:hover{background: var(--themeprimary);}
.main-slider #home-slider .owl-nav .owl-next:hover{background: var(--themeprimary);}


.about-content{ width:100%; height:auto; min-height:450px; padding:55px 0px 25px 0px;  background-size:cover;}
.about-left{  background-color: #010D14; background-size: cover; background-image: url(../images/about-left.jpg); border-radius: 10px; padding-left: 25px; height: 306px;    padding-top: 25px;}
.about-left h2{color: #fff;}
.about-content p{}
.about-left p{color:#666; font-size:14px; margin-top:10px;}
.about-content h2{margin-bottom:5px;}
.unmatch{color:#00a2bb; font-size:36px; font-weight:800;}
.unlimit{color:#86c020; font-size:36px; font-weight:800;}
.ultimate{color:#ec8407; font-size:36px; font-weight:800;}

/* Our Services */
.main-service{margin: 100px 0;}
.main-service .service-box-main{background: var(--secondarycolor); box-shadow: 0px 11px 22px 0px rgba(163, 163, 163, 0.25); padding: 30px 30px;}
.main-service .service-box-main .hover-img{transition: all .4s ease-in-out;}
.main-service .service-box-main:hover .service-icon a .hover-img{transform: rotateY(190deg);}
.main-service .service-box-main .service-icon{margin-bottom: 20px;}
.main-service .service-box-main .service-caption h3 {font-size: 21px;line-height: 28px;font-weight: 600;}
.main-service .service-box-main .service-caption .read-btn{color: var(--themecolor); border: 1px dotted var(--themecolor); padding: 8px 12px; border-radius: 6px; transition: all .4s ease-in-out;}
.main-service .service-box-main .service-caption .read-btn:hover{background: var(--themecolor); color: var(--secondarycolor);}
.main-service:hover .heading-border-line::before{width: 75px; background: var(--themecolor);}
.main-service:hover .heading-border-line::after{width: 12px; background: var(--themecolor); margin-left: 10px;}

/* start choose section */
.choose-section{margin-top: 140px; margin-bottom: 100px;}
.choose-section .choose-content{padding: 115px 60px 100px;}
.choose-section .choose-img{background-position: top center; background-size: cover;}
.choose-section .choose-content .heading-border-line{left: -235px; top:13px;}
.choose-section .choose-content .sub-title {padding-left: 100px;font-size: 15px;font-weight: 500;color: var(--bs-blue);line-height: 28px;text-transform: uppercase;}
.choose-section .choose-content .title{font-size: 38px;font-weight: 700;line-height: 50px;font-family: var(--themefont);padding: 15px 0; margin: 0;}
.choose-section .choose-content .choose-sub-title{font-size: 15px;font-weight: 500;color: var(--bs-blue);line-height: 50px;text-transform: uppercase;}
.choose-section .choose-content .choose-desc{font-size: 16px; font-weight: 500;}
.choose-section:hover .heading-border-line::before{width: 75px; background: var(--themecolor);}
.choose-section:hover .heading-border-line::after{width: 12px; background: var(--themecolor); margin-left: 10px;}

/* start client testimonial */
.testimonial-section .testimonial-main-bg{background: url(../images/testimonial-bg.png); margin: 80px 0 100px; position: relative; background-position: center; background-size: cover; background-repeat: no-repeat; padding: 100px 0;}
.testimonial-section .testimonial-overlay{position: absolute; background: rgba(34, 34, 34, 0.8); height: 100%; width: 100%; top: 0; left: 0;} 
.testimonial-section .single-testimonial{width: 70%;text-align: center; color: var(--secondarycolor); margin: 0 auto;}
.testimonial-section .single-testimonial .testimonial-img .img-main{margin: 0 auto;width: 100px;height: 100%;}
.testimonial-section .single-testimonial img{width: auto; border-radius: 50%;}
.testimonial-section .single-testimonial .testimonial-img .client-name h2{font-size: 24px;font-weight: 600;margin-top: 30px;text-transform: uppercase;}
.testimonial-section .single-testimonial .slide-txt{margin-top: 30px;}
.testimonial-section .single-testimonial .slide-txt .content{font-weight: 500; font-size: 18px;}
.testimonial-section #testimonial-area .owl-nav {position: absolute;top: 50%;width: 100%;transform: translateY(-50px);transition: all .4s ease;}
.testimonial-section #testimonial-area .owl-nav .owl-prev {position: absolute;left: 5%;background: var(--secondarycolor);height: 50px;width: 50px;border-radius: 50%;font-size: 33px; transition: all .4s ease}
.testimonial-section #testimonial-area .owl-nav .owl-next{position: absolute; right: 5%;background: var(--secondarycolor);height: 50px;width: 50px;border-radius: 50%;font-size: 33px; transition: all .4s ease}
.testimonial-section #testimonial-area .owl-prev:hover{background: #dbdbdb; color: var(--primarycolor);}
.testimonial-section #testimonial-area .owl-next:hover{background: #dbdbdb; color: var(--primarycolor);}
.testimonial-section:hover .heading-border-line::before{width: 75px; background: var(--themecolor);}
.testimonial-section:hover .heading-border-line::after{width: 12px; background: var(--themecolor); margin-left: 10px;}

/* recent Projects */
.recent-project{margin: 140px 0 100px;}
.recent-project .project-img{position: relative; background: #252525; overflow: hidden;}
.recent-project .project-img img{opacity: 0.5; transform: scale(1); transition: all .4s ease-in-out;}
.recent-project .project-img:hover img{ transform:scale(1.2) rotate(4deg);}
.recent-project .project-img .project-caption{position: absolute;top: auto;left: 0;bottom: -10px;padding-left: 32px; width: 100%;}
.recent-project .project-img .project-caption::before {position: absolute;content: '';height: 10px;width: 100%;background: var(--themecolor);top: auto;left: 0;right: 0;bottom: 10px; opacity: 0; transform: translate3d(0, 10px, 0); -webkit-transform: translate3d(0, 10px, 0); -webkit-transition: -webkit-transform 0.35s, opacity 0.35s;transition: transform 0.35s, opacity 0.35s}
.recent-project .project-img .project-caption .caption-main h2{font-size: 22px;text-transform: uppercase;font-weight: 600;line-height: 36px;color: var(--secondarycolor); margin-bottom: 30px;transform: translate3d(0, -30px, 0); -webkit-transform: translate3d(0, -30px, 0); transition: transform 0.35s, opacity 0.35s;opacity: 0;}
.recent-project .project-img .project-caption .caption-main p{margin-bottom: 0; font-size: 16px; font-weight: 500; color: var(--secondarycolor);-webkit-transform: translate3d(0,-30px,0);transform: translate3d(0,-30px,0);opacity: 0;-webkit-transition: -webkit-transform 0.5s, opacity 0.35s;transition: transform 0.5s, opacity 0.35s;}
.recent-project .project-img:hover .project-caption::before, .recent-project .project-img:hover .project-caption .caption-main h2,.recent-project .project-img:hover .project-caption .caption-main p{opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.recent-project:hover .heading-border-line::before{width: 75px; background: var(--themecolor);}
.recent-project:hover .heading-border-line::after{width: 12px; background: var(--themecolor); margin-left: 10px;}

/* footer-main */
#footer{background: url(../images/footer-bg.jpg);background-size: cover;}
#footer .footer-main{padding: 85px 0 70px;}
#footer .footer-main .footer-logo{margin-bottom: 30px;}
#footer .footer-main .footer-logo a img{height: 60px;}
#footer .footer-main .about-footer-text p{color: var(--secondarycolor); font-size: 16px; line-height: 28px; padding-bottom: 20px;}
#footer .footer-main .footer-social{display: flex;align-items: center;padding: 0;}
#footer .footer-main .footer-social li{padding: 0 15px;}
#footer .footer-main .footer-social .facebook{padding-left: 0;}
#footer .footer-main .footer-social li a i{color: var(--secondarycolor); transition: all .4s ease-in-out;}
#footer .footer-main .footer-social li a:hover i{color: var(--themecolor);}
#footer .footer-main .footer-title{font-size: 20px;line-height: 30px;font-weight: 500;color: var(--secondarycolor);text-transform: uppercase;margin-bottom: 30px;}
#footer .footer-main .address-info{padding-left: 0;}
#footer .footer-main .address-info li{padding: 0 0 30px; display: flex;color: var(--secondarycolor);}
#footer .footer-main .address-info li i{font-size: 18px; color: var(--secondarycolor);height: 40px;width: 40px;border: 1px solid var(--themecolor);border-radius: 50%;padding: 0 11px;line-height: 37px;}
#footer .footer-main .address-info .desc{padding-left: 30px;}
#footer .footer-main .address-info .desc a{color: var(--secondarycolor);font-size: 15px; transition: all .4s ease-in-out;}
#footer .footer-main .address-info .desc:hover a{color: var(--themecolor);}
#footer .footer-main .address-info li .map-icon{font-size: 18px; color: var(--secondarycolor);height: 40px;width: 40px;border: 1px solid var(--themecolor);border-radius: 50%;padding: 0 13px;line-height: 40px;}
#footer .footer-main .navigation{padding-left: 0;}
#footer .footer-main .footer-nav{display: flex; justify-content: center;}
#footer .footer-main .navigation li {color: var(--secondarycolor);font-size: 15px;margin-bottom: 8px;font-weight: 500; transition: all .4s ease-in-out;}
#footer .footer-main .navigation li i{color: var(--themecolor); transition: all .4s ease-in-out;}
#footer .footer-main .navigation li a{color: var(--secondarycolor); position: relative; padding-left: 10px; transition: all .4s ease-in-out;}
#footer .footer-main .navigation li:hover i, #footer .footer-main .navigation li:hover a{color: var(--themecolor);}
#footer .footer-main .navigation li:hover{padding-left: 10px;}
#footer .footer-main .email-desc{color: var(--secondarycolor);}
#footer .footer-main .input-email{background: #333;border: none;outline: none;color: var(--secondarycolor);padding: 10px 20px;width: 100%;margin-bottom: 20px;font-size: 16px;}
#footer .footer-main .subscribe-btn{border: none;background: var(--themecolor);color: var(--secondarycolor);padding: 16px 35px 16px;font-weight: 500;text-transform: uppercase;font-size: 16px;line-height: 26px;width: 100%;transition: all 0.3s ease-in-out;}
#footer .footer-main .subscribe-btn:hover{background: var(--secondarycolor); color: var(--themeprimary);}

/* start section inner page */
/* Our team */

.section-title-main{ text-align: center; z-index: 1; position: relative; padding: 100px 0; background-position: center; background-size: cover;}
.section-title-main.section-news{background: url(../images/section-news.jpg) no-repeat;text-align: center; z-index: 1; position: relative; padding: 100px 0; background-position: center; background-size: cover;}
.section-title-main.section-career{background: url(../images/section-career.jpg) no-repeat;text-align: center; z-index: 1; position: relative; padding: 100px 0;    background-position: 0px -248px; background-size: cover;}
.section-title-main::before{content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #000; opacity: 0.45; z-index: -1;}
.section-title-main .section-title h2{color: var(--secondarycolor); font-size: 40px; font-weight: 700; font-family: var(--themefont);margin-bottom: 30px;}
.section-title-main .section-menu li {display: inline-block;color: var(--secondarycolor);padding: 0 10px;font-size: 15px;font-weight: 500;}
.section-title-main .section-menu li a{color: var(--secondarycolor);}
.section-title-main{background: url(../images/section-bg.jpg) no-repeat; text-align: center; z-index: 1; position: relative; padding: 100px 0; background-position: center; background-size: cover;}

.team-section{padding: 100px 0;}
.team-section .team-inner-box{position: relative;}
.team-section .team-inner-box .member-img{border-radius: 6px; overflow: hidden; position: relative; background: rgb(12, 45, 98);}
.team-section .team-inner-box .member-img a img{ width: 100%; display: block;  transition: all 500ms ease;-moz-transition: all 500ms ease;-webkit-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;}
.team-section .team-inner-box .member-img .social-info{text-align: center;padding-left: 0;position: absolute;top: auto;bottom: -80px;left: 0; right: 0; text-align: center; transition: all 500ms ease;-moz-transition: all 500ms ease;-webkit-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;}
.team-section .team-inner-box .member-img .social-info li{display: inline-block; position: relative; padding: 0 10px;}
.team-section .team-inner-box .member-img .social-info li a {position: relative;width: 40px;height: 40px;background: var(--secondarycolor);text-align: center;color: var(--themecolor);line-height: 40px;border-radius: 6px;display: inline-block;}
.team-section .team-inner-box .member-img .social-info li:hover a{background: var(--themecolor); color: var(--secondarycolor);}
.team-section .team-inner-box .member-img:hover .social-info{bottom: 20px;}
.team-section .team-inner-box .member-info{text-align: center; padding-top: 25px;}
.team-section .team-inner-box:hover .member-img a img{opacity: 0.8; transform: scale(1.05, 1.05);}
.team-section .team-inner-box .member-info h5 a{color: var(--themeprimary); font-weight: 600;}
.team-section .team-inner-box .member-info h5:hover a{color: var(--themecolor);}
.team-section .team-inner-box .member-info span{color: var(--textgrey); font-size: 16px;}
.team-section:hover .heading-border-line::before{width: 75px; background: var(--themecolor);}
.team-section:hover .heading-border-line::after{width: 12px; background: var(--themecolor); margin-left: 10px;}

/* Gallery page */
.gallery-section:hover .heading-border-line::before{width: 75px; background: var(--themecolor);}
.gallery-section:hover .heading-border-line::after{width: 12px; background: var(--themecolor); margin-left: 10px;}
.gallery-navigation ul{display: flex;list-style: none;}
.gallery-navigation ul li.nav-items{padding: 10px 30px;cursor: pointer;border-radius: 30px;margin: 0 10px;font-weight: 500;font-size: 15px;transition: all .4s ease-in-out;}
.gallery-navigation ul li.nav-items:hover,
.gallery-navigation ul li.nav-items.active{background-color: var(--themecolor);color: #fff;font-weight: 500;}
.main-gallery img{height: 100%;width: 100%;object-fit: cover; border-radius: 12px;}
/* fluid 5 columns */
.grid-item { height: 270px;position: relative;margin-bottom: 30px;}
.grid-item .title{position: absolute; bottom: 12px; left: 0; right: 0; text-align: center; color: #000d13; font-size: 20px; font-weight: 400;   background-color: rgba(255,255,255,0.8); padding: 10px;}
/* 2 columns */
.grid-item--width2{width: 50%; }
.grid-item--height2{height: 555px;}
.fancybox{position: absolute;top: 8px;left: 15px;height: calc(100% - 16px);width: calc(100% - 30px);background-color: rgba(0, 0, 0, .3);display: flex;justify-content: center;align-items: center;border-radius: 5px;transform: scale(0);transition: .3s;}
.fancybox img{height: auto;width: auto;}
.grid-item:hover .fancybox{transform: scale(1);}

.copy p{margin: 0; padding: 15px 0px; color: #fff;}


.contact-wrap{padding:50px 0 40px;}
.contact-form {text-align:center;}
.contact-form input[type=text]{width:100%;padding:5px 10px;font-size:13px;display:block;margin:0 0 15px;border:solid 1px #ddd;}
.contact-form textarea{max-width:100%;min-width:100%;min-height:100px;max-height:100px; padding:5px 10px;font-size:13px;display:block;margin:0 0 15px;border:solid 1px #ddd;}
.contact-form input[type=submit]{color: #fff;background-color: var(--themecolor);padding:8px 40px;border: none;border-radius: 3px;margin:0 0 20px;}
.contact-form input[type=submit]:hover{background-color:var(--primarycolor)}

.map {margin:0 0 30px;}
.map iframe{width:100%;height:300px;border:none;}
.contact-detail .sub-title{font-size:18px;font-weight:700;padding-bottom:10px;margin:0 0 10px;border-bottom:solid 1px #aaa;}
.contact-detail p{font-size:14px;color:#666;margin:0 0 20px;text-align: left;}


.contact-detail .address-info{padding-left: 0;}
.contact-detail .address-info li{padding: 0 0 30px; display: flex;color: var(--primarycolor)}
.contact-detail .address-info li i{font-size: 18px; color: var(--themeprimary);height: 40px;width: 40px;border: 1px solid var(--themecolor);border-radius: 50%;padding: 0 11px;line-height: 37px;}
.contact-detail .address-info .desc{padding-left: 15px;}
.contact-detail .address-info .desc a{color:var(--themeprimary) ;font-size: 15px; transition: all .4s ease-in-out;}
.contact-detail .address-info .desc:hover a{color: var(--themecolor);}
.contact-detail .address-info li .map-icon{font-size: 18px; color:var(--themeprimary);height: 40px;width: 40px;border: 1px solid var(--themecolor);border-radius: 50%;padding: 0 13px;line-height: 40px;}

.sitemap ul li {color: var(--primarycolor);font-size: 15px;margin-bottom: 8px;font-weight: 500; transition: all .4s ease-in-out;}
.sitemap ul li i{color: var(--themecolor); transition: all .4s ease-in-out;}
.sitemap ul li a{color: var(--primarycolor); position: relative; padding-left: 10px; transition: all .4s ease-in-out;}
.sitemap ul li:hover i, .sitemap li:hover a{color: var(--themecolor);}
.sitemap ul li:hover{padding-left: 10px;}


/* ###################################################################################################
                                        Project Pages Design
###################################################################################################### */
.project-main-section .fancybox{position: absolute;top: 0;left: 0;height: 100%;width: 100%;background-color: rgba(0, 0, 0, .3);display: flex;justify-content: center;align-items: center;border-radius: 5px;transform: scale(0);transition: .3s;}
.project-main-section .fancybox img{height: auto;width: auto;}
.project-main-section .project-block{position: relative;}
.project-main-section .project-block:hover .fancybox{transform: scale(1);}
.project-main-section .internal tr {margin-bottom: 15px;border-bottom: thin #5b9d33 solid;}
.project-main-section .info-table tr {margin-bottom: 15px;border-bottom: thin #1684FD solid;}
.project-main-section .external tr {margin-bottom: 15px;border-bottom: thin #ee6e09 solid;}


.project-main-section hr {margin-top: 20px;	margin-bottom: 20px;border: 0;border-top: 1px solid #a1a1a1;}

.project-main-section .info-table td {padding: 8px;	text-align: left;font-size: 18px;}
.project-main-section .internal td {padding: 8px;text-align: left;font-size: 18px;}
.project-main-section .external td {padding: 8px;text-align: left;font-size: 18px;}


.project-main-section .specifi .icon-img{width:100px;height:100px; text-align:center;display:inline-block;position:relative;}
.project-main-section .specifi:hover .icon-img{-webkit-transform: rotate(360deg);-webkit-transition-duration: 0.8s;-webkit-transition-property: -webkit-transform;-moz-transform: rotate(360deg);-moz-transition-duration: 0.8s;-moz-transition-property: -moz-transform;}
.project-main-section .specifi .icon-img:before{position:absolute;top:-24px;left:0;width:0;height:0;content:"";-moz-transform:scale(.9999);}
.project-main-section .specifi .icon-img:after{position:absolute;bottom:-24px;left:0;width:0;height:0;content:"";-moz-transform:scale(.9999);}



.project-main-section .internal h3, hr {color: #5b9d33;}
.project-main-section .external h3, hr {color: #ee6e09;}


.project-main-section .section-bg {background-color: #f5f6f6;}
.project-main-section h3 {margin-bottom: 15px;color: #1684fd;margin-top: 20px;font-size: 24px;}