*{ padding: 0;margin: 0;} 
 
body{ width:100%;font-family: 'roboto', sans-serif;}
h1,h2,h3,h4,h5,h5,h6{ color: #000; line-height:1.4; letter-spacing:2px; font-family: 'roboto', sans-serif; }
p {color: #000;font-size: 15px;line-height: 1.4;text-align: justify;font-weight:300; font-family: 'roboto', sans-serif; }
a{text-decoration:none;}
.clear_all{clear:both;}
#return-to-top {position: fixed;bottom: 20px;right: 20px;background: #000;width: 40px;border-radius:50%;height: 40px;display: block;text-decoration: none;display: none;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease; transition: all 0.3s ease;z-index:999;cursor: pointer; z-index: 9999;-webkit-box-shadow: -4px 1px 7px 0px rgba(84, 84, 84, 0.35);-moz-box-shadow: -4px 1px 7px 0px rgba(84, 84, 84, 0.35);box-shadow: -1px 1px 5px 0px rgba(84, 84, 84, 0.35);}
#return-to-top i { color: #fff; margin: 0;position: relative;left: 14px;top: 12px;font-size: 19px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
#return-to-top:hover {background: #fff;border:1px solid #000;}
#return-to-top:hover i {color: #000;top: 5px;	}
button:focus, input:focus, textarea:focus,a:focus {outline: 0;}
/*header*/
.main_menu{position:absolute;width:100%;padding:0px 30px;z-index: 12345;background:#fff; }
.logos{width:100%;text-align:left;padding:0px 0px 0px 0px;}
.logos img{width:100%;max-width: 160px;padding:4px 0px;}
.logo{position:relative;z-index:123;padding:10px;font-size:18px;color:#fff;float:left;width:15%}
.logo a{color:#fff;}
.logo{display:none;}
nav{position:relative;width:100%;margin:0 auto;}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu{ background:transparent;margin-top:10px;}
#cssmenu ul{margin-bottom:0px;text-align:right; background: white;}
#cssmenu > ul > li{display:inline-block;}
#cssmenu > ul > li > a{padding:17px 12px;font-size:18.5px;letter-spacing:1.5px;text-decoration:none;color:#000;text-transform:capitalize;font-weight:600;
font-family: 'Roboto', sans-serif; }
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#569BBD}
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{ -webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}
#cssmenu > ul > li.has-sub > a{padding-right:30px}
 #cssmenu > ul > li.has-sub > a:after {position: absolute;top: 18px;right: 5px;display: block;color: #000;content: "\eab2";font-family: "Icofont";
}
#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu ul ul{position:absolute;left:-9999px;text-align: left;z-index: 12;}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#1d3857;transition:all .25s ease}
#cssmenu ul ul li:hover{}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height:35px}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:11px 15px;width:200px;font-size:15px;text-decoration:none;color:#fff;font-weight:400;}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#1d3857;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#1d3857;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636;}
#cssmenu ul ul ul li.active a{border-left:1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:0px solid #333}
@media screen and (max-width:1000px){
.logo{position:absolute;top:4px;left: 0;width:100%;height:46px;text-align:center;padding:10px 0 0 0 ;float:none}
nav{width:100%;}
#cssmenu{width:100%}
#cssmenu ul{width:100%;display:none}
#cssmenu ul li{width:100%;border-top:0px solid #444}
#cssmenu ul li:hover{background:#d1d0d0;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
#cssmenu > ul > li{float:none}
#cssmenu ul ul li a{padding-left:25px}
#cssmenu ul ul li{background:#3e4442!important;}
#cssmenu ul ul li:hover{background:#363636!important}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:#fff;background:none}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:block;padding:23px;color:#1d3857;font-size:12px;font-weight:700}
.button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;}
.button:after{position:absolute;top:22px;right:20px;display:block;height:8px;width:20px;border-top:2px solid #569bbd;border-bottom:2px solid #569bbd;content:''}
.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#569bbd;content:''}
.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:46px;width:46px;cursor:pointer}
#cssmenu .submenu-button.submenu-opened{background:#363636}
#cssmenu ul ul .submenu-button{height:34px;width:34px}
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#fff;content:''}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}

#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#fff;content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
}
#cssmenu ul{margin-bottom:0px;}
/*slider*/
.slider{width:100%;height:100vh;position:relative;overflow:hidden; }
.slider:before {position: absolute;content: '';left: 0px;top: 0px;width: 100%;z-index:12;height: 100vh;display: block;    background-color: rgb(23 22 22 / 0%);}
.slider img{width:100%;height:100vh;object-fit:cover;}
.demo-video-wrapper {width:100%;height:100vh;}
.jquery-background-video-wrapper {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.jquery-background-video {position: absolute;min-width: 100%;min-height: 100%;width: auto;height: auto;top:60%;left: 50%;
  -o-object-fit: contain;object-fit: contain;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);} 
.slider_content {width:auto;/*border: 3px solid #6ba5c4bf;*/position: absolute;z-index: 123;top: 20%;left: 2%;right: 0px;text-align: left;/*background: #0000005c;*/padding: 20px;    display: table;}
.slider_content h1{font-weight: 400;font-size: 29px;color: #fff;text-transform:capitalize;margin-top:5px;margin-bottom:20px;} 
.slider_content h4{font-weight:900;font-size:16px;color:#000;text-transform:uppercase;margin-top:20px;margin-bottom:0px;}
.slider_content span{    text-transform: uppercase;transition: none 0s ease 0s;text-align: left;
line-height: 26px;border-width: 0px;margin: 0px;padding: 0px;letter-spacing: 0px;font-weight: 900;font-size:250px;opacity: 0.3;color: #000;
-webkit-text-fill-color: rgba(0,0,0,0);-webkit-text-stroke-width: 2px;-webkit-text-stroke-color: #000;} 
.slider_content_btn a{text-decoration:none;font-weight:700;color:#000;position:relative;padding-left:100px;} 
.slider_content_btn a:before{position:absolute;content:'';top:10px;left:0px;background:#000;width:70px;height:3px;} 
 .slider-section{position:relative;}
.slider-social-right{position: absolute;top: 90px;right:0px;bottom:90px;width:90px;z-index: 123;}
.slider-social-right ul{position: absolute; left: 50%;top: 50%;	min-width: 75vh;text-align: center;-webkit-transform: rotate(-90deg) translateX(-50%) translateY(-50%);
-ms-transform: rotate(-90deg) translateX(-50%) translateY(-50%);transform: rotate(-90deg) translateX(-50%) translateY(-50%);
-webkit-transform-origin: 0 0;-ms-transform-origin: 0 0;transform-origin: 0 0;	}
.slider-social-right ul li{display:inline-block;padding-right:50px;}
.slider-social-right ul li:last-child{padding-right:0px;}
.slider-social-right ul li a{color:#fff;display:block;font-size:14px;font-weight:600; position:relative;text-decoration:none;}
.slider-social-right ul li a span{ font-size:32px; opacity:0;left:50%;top:50%;position:absolute;-webkit-transform:translateX(-50%) translateY(-50%);
-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);-webkit-transition: all 3.5s ease-out;
-moz-transition: all 3.5s ease-out;-o-transition: all 3.5s ease-out;-ms-transition: all 3.5s ease-out;transition: all 3.5s ease-out;	}
.slider-social-right ul li a:hover span{top:-50%;opacity:1;}
.slider-social-right img{width:25px !important;object-fit:contain;}
.slider .owl-demo .item img { width: 100%;height:100vh; object-fit:cover; }
.slider_caption p{font-size:25px;text-transform:capitalize;}
.slider_caption {width:30%;margin:auto;height:auto;position: absolute;top:15%;left:0%; padding:20px; z-index:123!important;background-color:rgb(0 0 0 / 26%);}
.slider .slider_caption h1{text-align:left;font-weight: 400;font-size: 29px;color: #fff;text-transform: capitalize;margin: 0px;padding:20px 0px 20px 30px;}
.slider .owl-item.active .slide-caption__title{ -webkit-animation: 1s .2s fadeInUp both;animation: 1s .2s fadeInUp both;}
/*.slider .owl-item.active .slider_caption { animation: 1s .2s fadeInRightBig both;}*/
.slider .owl-slide{position: relative;}
.slider .owl-carousel .owl-nav{width:100%;position:relative;z-index:123;}
.slider .owl-carousel .owl-nav .owl-next{ position: absolute;right:3%; z-index: 12 !important;bottom:50px;} 
.slider .owl-carousel .owl-nav .owl-prev {position: absolute;right:8%; z-index: 12!important;bottom:50px;}
.slider .owl-theme .owl-nav [class*=owl-] {background-color:#201044;color: #fff;font-size: 21px;margin: 5px;padding:10px;font-weight:bold;display: inline-block;cursor: pointer;
border-radius: 0px;background-color: #2010448c;border: 2px solid #2010442e;}
.slider .owl-theme .owl-nav [class*=owl-]:hover{color: #201044;background:#fff;} 
.slider .owl-theme .owl-dots{text-align: center;-webkit-tap-highlight-color: #ccc;position: absolute;bottom:0%;left:4%;z-index:12!important;}
.slider .owl-theme .owl-dots .owl-dot span {width: 20px;height: 5px;margin: 5px 2px;border: 1px solid #cccccc73;background: #cccccc73;display: block;
-webkit-backface-visibility: visible;transition: opacity .2s ease; position:relative;border-radius:0px;}
.slider .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #ccc;}
.slider .owl-theme .owl-dots .owl-dot {display: inline-block;zoom: 1;}
.slider .owl-carousel {width: 100%;z-index: 0;}


/*about*/ 
.about{width: 100%;padding:60px 0px;position: relative;} 
.about_left{width: 100%;position:relative;background-color: #f6f7f8;padding: 40px 30px;margin: 50px 0px;} 
.about_left h3{font-weight: 300;font-size: 28px;}
.about_left h2{font-weight: 400;font-size: 26px;text-transform: uppercase; }
.about_left p {font-size: 16px;margin-bottom: 24px;font-weight: 400;}
.about_left:before, .about_left:after{content:'';position:absolute;z-index:-1;height:80%;width:80%;
background-image:url(../images/bg-5.png);background-repeat:repeat;
	-webkit-animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite alternate-reverse;
animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite alternate-reverse;}
.about_left:before{-webkit-animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite alternate-reverse ;
	animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite alternate-reverse ;}
.about_left:after{-webkit-animation: slide-bottom 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite alternate-reverse ;
animation: slide-bottom 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite alternate-reverse ;}
 /*animation slide-top*/
@-webkit-keyframes slide-top {
  0% {-webkit-transform: translateY(0);transform: translateY(0);}
  100% {-webkit-transform: translateY(-10px);transform: translateY(-10px);}
}
@keyframes slide-top {
  0% {-webkit-transform: translateY(0);transform: translateY(0);}
  100% {-webkit-transform: translateY(-10px);transform: translateY(-10px);}
}
 /*animation slide-bottom*/
@-webkit-keyframes slide-bottom {
  0% {-webkit-transform: translateY(0);transform: translateY(0);}
  100% {-webkit-transform: translateY(10px);transform: translateY(10px);}
}
@keyframes slide-bottom {
  0% {-webkit-transform: translateY(0);transform: translateY(0);}
  100% {-webkit-transform: translateY(10px);transform: translateY(10px);
  }
}
.about_left:before{left:-2px;bottom:-70px;}
.about_left:after{right:-2px;top:-70px;}
.about_left a{transition: all 0.2s linear;font-size: 14px;display: inline-block;font-weight:400;text-transform: uppercase;color: #262423;text-decoration:none;}
.about_left a:hover{color:#569BBD;}
.about_right{width:100%;position:relative;} 
.about_right img{width:100%;height:auto;} 
.arc-about-year-info {position: absolute;top: 0px;right: 0px;padding: 20px;}
span.title-small {font-weight: 600;display: block;} 
.text-outline {font-size: 90px;line-height: 88px;font-weight: 900;opacity: 0.3;color: #fff;-webkit-text-fill-color: rgba(0,0,0,0);
    -ms-text-fill-color: rgba(0,0,0,0);-moz-text-fill-color: rgba(0,0,0,0);-o-text-fill-color: rgba(0,0,0,0);
-webkit-text-stroke-width: 2px;-ms-text-stroke-width: 2px;-moz-text-stroke-width: 2px;
-o-text-stroke-width: 2px;-webkit-text-stroke-color: #000;-ms-text-stroke-color: #000;-moz-text-stroke-color: #000;-o-text-stroke-color: #000;}
.arc-about-year-pic img {widows: 100%;opacity: 0.1;}
.img-reflection{background-position:left top;	position:relative;overflow:hidden;background-size:100% auto;background-repeat:no-repeat;}
.img-reflection:after{content:"";background-color:rgba(255, 255, 255, 0.2);position:absolute;width:35%;height:200%;left:-100%;top:-50%;
transition: all 0.5s linear;transform: rotate(40deg);}
.img-reflection:hover:after{left:150%;}
.arc-about-year2{margin-top:10px;}
.arc-about-year3{margin-top:20px;}
/*project*/ 
.project{width:100%;padding:50px 0px;position: relative;background-color: #f6f7f8;} 
.project_title_left{width:100%;border-right:3px solid #569BBD;}
.project_title_left h4 {font-size: 22px;text-transform: uppercase;margin:0px;}
.project_title_left h1{text-transform: uppercase;  text-transform: uppercase;font-size: 36px;}
.project_title_right{padding-top:0px;} 
.project_title_right p{font-size:16px;line-height: 24px;} 
.projects-two-info {border: 1px solid rgba(255,255,255,0.1);padding: 25px 30px 30px 30px;margin-right: 70px;position: relative;z-index: 1;}
.projects-two-info .wt-tilte {position: relative;z-index: 1;right: -80px;} 
.projects-two-info p {line-height: 24px;margin-bottom: 24px;letter-spacing: 1px;font-weight: 400;}
.projects-two-info .wt-media {margin-top: 30px;margin-right: -100px;}
.projects-two-info .wt-media {margin-top: 30px;margin-right: -100px;}
.projects-two-info:after{content:'';position:absolute;left:100%;bottom:0px;top:0px;height:100%;width:0px;z-index:-1;background-color: #1d262c;
transition: all 0.4s ease;-moz-transition: all 0.4s ease;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;	}
.projects-two-info:hover:after{width: 100%;left: 0;-webkit-transition: width 0.3s ease;transition: width 0.3s ease;z-index: -1;}

#project{margin-top:50px;}
.projects-two-info.bg-white .wt-tilte:after {
-webkit-text-stroke-color: #000;}
.projects-two-info .wt-tilte:after {position: absolute;content: attr(data-title);opacity: 0.3;color: #000;
font-weight: 700;font-size: 100px;line-height: 110px;text-transform: uppercase;bottom:70px;left: 0px;z-index: -1;
 transition: all .5s ease-in-out;-webkit-text-fill-color: rgba(0,0,0,0);-ms-text-fill-color: rgba(0,0,0,0);
-moz-text-fill-color: rgba(0,0,0,0);-o-text-fill-color: rgba(0,0,0,0);-webkit-text-stroke-width: 1px;-ms-text-stroke-width: 1px;-moz-text-stroke-width: 1px;
-o-text-stroke-width: 1px;-webkit-text-stroke-color: #fff;-ms-text-stroke-color: #fff;-moz-text-stroke-color: #fff;-o-text-stroke-color: #fff;}
.projects-two-info a{text-decoration:none; color: #fff;} 
.projects-two-info h4{text-transform: uppercase;font-weight:700;font-size:24px;min-height: 50px;line-height: 26px;color: #fff;margin-bottom: 15px;
position:relative;padding:10px;background:#569BBD;min-height:100px;display: flex;
  justify-content: center;
  align-items: center;}
 
.projects-two-info h4:before {    position: absolute;content: '';width:3px;
height: 100%;border-radius:0%;left:0px;bottom:0px;background-repeat: no-repeat;z-index: -1;background:transparent;}

 
.projects-two-info p{text-align: left;min-height: 120px;margin: 20px 0px;} 
 .projects-two-info.bg-white:hover .wt-tilte:after{-webkit-text-stroke-color: #fff;-ms-text-stroke-color: #fff;-moz-text-stroke-color: #fff;
	-o-text-stroke-color: #fff;}
 .project .owl-demo .item img { width: 100%;height:190px; object-fit:cover; }
.project .owl-item.active .slide-caption__title{ -webkit-animation: 1s .2s fadeInUp both;animation: 1s .2s fadeInUp both;}
.project .owl-slide{position: relative;}
.project .owl-carousel .owl-nav{width:100%;position:relative;z-index:123;    top: -300px;}
.project .owl-carousel .owl-nav .owl-next{ position: absolute;right:-3%;  z-index: 12 !important; } 
.project .owl-carousel .owl-nav .owl-prev {position: absolute;left:-3%; z-index: 12!important; }

.project .owl-theme .owl-nav [class*=owl-]:hover{color: #201044;background:#fff;} 
.project .owl-theme .owl-dots{text-align: center;-webkit-tap-highlight-color: #ccc;position: absolute;bottom: -10%;left: 48%;z-index:12!important;}
.project .owl-theme .owl-dots .owl-dot span {width: 10px;height: 10px;margin: 5px 2px;border: 1px solid #333;background: #333;display: block;
-webkit-backface-visibility: visible;transition: opacity .2s ease; position:relative;border-radius:0px;}
.project .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #569BBD;}
.project .owl-theme .owl-dots .owl-dot {display: inline-block;zoom: 1;}
.project .owl-carousel {width: 100%;z-index: 0;}
.projects-two-info:hover a{color: #fff !important;}
/*blog*/ 
 .blog{width:100%;padding:60px 0px;}
 .blog_left{width:100%;position:relative; z-index: 1;}
 .blog_ttile_inn{margin-bottom:50px;}
 .blog_left img{width:100%;height:auto;}
 .blog_left_date{position:absolute;top:25px;left:25px;z-index:12;}
 .blog_left_date p {font-size: 36px;text-transform: uppercase;color: #fff;}
 .blog_left_date span {text-transform: uppercase;font-size: 16px;display: block;font-weight:900;}
 .blog_left_content{position:absolute;bottom:100px;left:25px;z-index:12;padding:10px 20px;border-left:6px solid #569BBD;}
.blog_left_content i {color: #fff;}
.blog_left_content ul{margin:0px;}
.blog_left_content ul li {padding: 0;margin:0px 10px;display: inline-block;font-size: 13px;font-weight: 400;text-transform: uppercase;}
.blog_left_content ul li a{color:#fff;}
.blog_left_content h3{margin:20px 0px;color:#fff;font-weight:300;letter-spacing:0.5px;} 
.blog_left_content a{color:#fff;text-decoration:none;} 
.wt-post-info{width:100%;border:1px solid #dddddd;position: relative;padding: 20px;z-index: 1;    margin-bottom: 30px;} 
.wt-post-meta li {padding: 0;display:inline-block;font-size: 13px;font-weight: 400; text-transform: uppercase;}
.wt-post-meta ul li:nth-child(1) {display:block;}
.post-date {display:inline-block;margin-bottom: 15px;}
.post-date strong {font-size: 40px;line-height: 30px;font-weight: 400;}
.post-date span {text-transform: uppercase;font-size: 17px;}
.wt-post-meta i {margin: 0 5px;}
.wt-post-info a{text-decoration:none;color:#000;}
.wt-post-info p{text-align:left;}
.wt-post-info h4{font-size:18px;}
/*service*/
.service{width:100%;padding:0px 0px 50px 0px;position: relative;background-color: #f6f7f8;}
.wt-icon-box-wraper {position: relative;    background-color: #fff!important;z-index: 1;padding:30px 20px;}
.icon-xl i {font-size: 80px;line-height: 80px;}
.block-bg-hover{position:relative;z-index:1;}
.block-bg-hover:after{content:'';position:absolute;left:100%;bottom:0px;top:0px;height:100%;width:0px;
z-index:-1;background-color: #1d262c;transition: all 0.4s ease;-moz-transition: all 0.4s ease;-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;	}
.block-bg-hover:hover:after{width: 100%;left: 0;-webkit-transition: width 0.3s ease;transition: width 0.3s ease;z-index: -1;}
.block-bg-hover:hover,
.block-bg-hover:hover .wt-tilte-large,
.block-bg-hover:hover a,.icon-content:hover p{color:#fff;}
.m-b30 {margin-bottom: 30px;}
.block-bg-hover:hover a{color:#fff;}
.block-bg-hover:hover p{color:#fff;}
.block-bg-hover a{text-decoration:none;color:#000;font-weight:300;} 
.project_container img{width:100%;height:auto;}
/*testimonial*/ 
.testimonials{width:100%;padding:50px 0px;position: relative;    background-image: url(../images/bg-1.jpg);background-position: left;background-size: cover;} 
.testimonials .owl-item.active .slide-caption__title{ -webkit-animation: 1s .2s fadeInUp both;animation: 1s .2s fadeInUp both;}
.testimonials .owl-slide{position: relative;}
.testimonials .owl-carousel .owl-nav{width:100%;position:relative;}
.testimonials .owl-carousel .owl-nav .owl-next:before{content: '';position:absolute;width:30px;background-color: #131032;height: 1px;left: 62%;top:76%;
z-index: 123;transform: rotate(-45deg);}
.testimonials .owl-carousel .owl-nav .owl-next{ position: absolute;right: 6%; z-index: 1234 !important;bottom:30px;} 
.testimonials .owl-carousel .owl-nav .owl-prev {position: absolute;left:94%; z-index: 1234!important;bottom:10px;}
.testimonials .owl-theme .owl-nav [class*=owl-] {background-color:transparent;color: #131032;font-size: 18px;margin: 5px;padding:5px;font-weight:bold;display: inline-block;cursor: pointer;border-radius: 3px;}
.testimonials .owl-theme .owl-nav [class*=owl-]:hover{color: #ccc;background:transparent;} 
.testimonials .owl-theme .owl-dots{text-align: left;-webkit-tap-highlight-color: transparent;position: absolute;bottom: -13px;left: 46%;z-index:123!important;}
.testimonials .owl-theme .owl-dots .owl-dot span {width: 10px ; height: 10px ; margin: 5px 0px ; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px ;}
.testimonials .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #131032;}
.testimonials .owl-theme .owl-dots .owl-dot {display:inline-block;zoom: 1;}
 .testimonials_bx{text-align:left;width:100%;position:relative;margin:0px auto 0px auto; padding:20px; }
.testimonials_bx_name h4{color:#131032;margin:0px;line-height:1;}
 
.testimonials_bx_name p{margin:0px;font-size:15px;}
.testimonials_bx p{width:100%;font-size:19px;font-weight: 400;text-align:center;color: #131032;padding-bottom: 40px;}
.testimonials .owl-carousel .owl-item img {display: inline-block;}
.testimonials_bx_name{width:100%;position:relative;margin:20px 0px;padding:0px 5px;text-align:center;}
/*.testimonials_bx_name::before {content: '';position: absolute;background-color: #f3f4f6;width: 70px;height: 35px;z-index: -1;top:-5px;left: 0;}*/
.testimonials .owl-demo .item  img {border-radius: 0;
    width: 100px;
    height: auto;
    object-fit: cover;margin-bottom:20px;margin-top:20px; }
.testimonials_bx_img{display:block;}
.testimonials_bx_img .testimonials-comma {width: 200px;height: 180px;background-color: #fff;-webkit-box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.1);box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.1);position: absolute;top: 60px;left: 0;z-index: -1;padding-top: 50px;}
.testimonials_bx_img .testimonials-comma i {font-size: 100px;color: #131032;transform: rotate(180deg);margin-left: 20px;}
 .testimonials_bx_content{text-align:center;}
 #testi_slider{margin-top:50px;}
 .testimonials_bx_content i{font-size:80px;color:#569BBD;}
 .testimonials_bx_content h4{  font-weight: normal;font-size: 20px;line-height: 26px;color: #000;  text-transform: uppercase;}
 .testimonials_bx_content h6{font-style: normal;text-transform: uppercase;font-size: 12px;display: inline-block;position: relative;
letter-spacing: 4px;font-weight: 500;}
.testimonials_bxppp p{font-style: normal;text-transform: uppercase;font-size: 12px;display: inline-block;position: relative;
letter-spacing: 4px;font-weight: 500;margin-bottom:0px !important;padding-bottom:0px !important;}
 .testimonials_bx_content h6:after {content: "";position: absolute;width: 0px;height: 1px;left: -40px;top: 10px;background-color: #000;}
 /*team*/
.team{width:100%;padding:60px 0px;position: relative;    background-color: #f6f7f8;} 
.team_inn{margin-bottom:50px;} 
.team_bx{width:100%;margin-bottom:20px;position:relative;    overflow: hidden;} 
.team_bx img{width:100%;height:auto;} 
.team_bx .team-social-center{position: absolute;left: -100%;top: 0px;z-index: 2;transition: all 0.3s linear;background-color: #141b1f;height: 100%;}
.team_bx:hover .team-social-center{left:0%;}
.team_bx .team-social-icon{list-style:none;margin-bottom:0px;position:relative;left:0%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.team_bx .team-social-icon li{display: block;margin:0px 10px;}
.team_bx .team-social-icon li a{color:#fff;font-size: 14px;width:30px;height:30px;line-height:26px;text-align:center;}
.team_bx .team-social-icon li a:hover{color:#569BBD;}
.p-a30 {padding:10px;}
.wt-info{position: relative;} 
.team-detail p{text-align:center;} 
.wt-info:hover .team-social-center{left:0%;}
/*clients*/ 
.clients{width:100%;padding:50px 0px 10px 0px;position: relative;}
.clients_bx{width:100%;position: relative;text-align:center;overflow: hidden;    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
display: block;padding:20px;margin-bottom:30px;}
.clients_bx:after,
.clients_bx:before{content:'';position:absolute;width:0px;height:0px;background-color:transparent;border:none;opacity:0;
transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;}
.clients_bx:before{left:10px;top:10px;border-top:4px solid #569BBD;border-left:4px solid #569BBD;}
.clients_bx:after{right:10px;bottom:10px;border-bottom:4px solid #569BBD;border-right:4px solid #569BBD;}
.clients_bx:hover:after,
.clients_bx:hover:before{width:30px;height:30px;opacity:1;}
.clients_bx img{max-width:100% !important;	margin:0px auto !important;	width:auto !important;}
.footer-social-section{border-bottom:1px solid #1e292f;}
.footer-social-content ul{text-align:center; width:100%; margin:0px;}
.footer-social-content ul li{    display: inline-block; border-left:1px solid #1e292f; text-align:center;}
.footer-social-content ul li:last-child{border-right:1px solid #1e292f;}
.footer-social-content ul li a{display:block;padding:15px 30px;color:#569BBD; font-size:28px; opacity:0.3;}
.footer-social-content ul li:hover a{opacity:1;}
.footer-social-section {border-bottom: 1px solid #1e292f;}
.bg-secondry {background-color: #141b1f;}
.footer{width:100%;padding:30px 0px;background-color: #141b1f;}
.footer_bx h4{text-transform:uppercase;margin-bottom:20px;color:#fff;font-size: 20px;font-weight:400;}
.recnt_post ul{margin:0px;}
.recnt_post ul li{list-style: none;padding-left:95px;position: relative;margin-bottom: 10px;}
.recnt_post ul li img{width:80px;height:50px;object-fit:cover;position: absolute;top: 4px;left: 0;}
.recnt_post ul li a{text-decoration:none;font-size:16px;cursor:pointer;}
.recnt_post ul li a p{color: #7e878c;text-align:left;font-size:14px;}
.recnt_post ul li a span{font-weight:600;margin-bottom:5px;color:#fff;}
.footer_bx p{color: #7e878c; font-size:16px;}
.quick_link{}
.quick_link ul{margin:0px;}
.quick_link ul li{list-style:none;display:block;margin-bottom:7px;}
.quick_link ul li a{text-decoration:none;color:#7e878c;font-size:14px;}
.footer_box_in1 p{color: #e2e2e2; font-size: 16px;text-align: left;margin-bottom:6px;}
.footer_box_in1 h5{color: #e2e2e2; font-size: 16px;text-align: left;}
.footer_box_in1 a{color: #e2e2e2; font-size: 16px;text-decoration:none;}
.footer_box_in1 p b{color:#fff;}
.copyrights{width:100%;padding:5px 0px;background-color: #141b1f;border-top: 1px solid #2e313b;}
.copyrights p{text-align:center;margin:0px;font-size:14px;color: #e2e2e2;}
.copyrights a{text-decoration:none;color:#fff;}
.copyrights img {width: 30px;height: 30px;object-fit: contain;}
 .service .icon-content h4{text-transform:uppercase;}
 /*portfolio*/
 #portfolio {  margin: 1rem 0; }
.tile { display: none;}
.scale-anm {margin: 0 0 1.125rem;width: 100%; border: 1px solid #ccc;}
.tile img {max-width: 100%; height: auto;display: block; width: 100%;}
#filters{text-align:center;}
#filters ul{width:100%;padding:10px 0px;display: inline;text-align:center;box-shadow: 0px 5px 20px rgba(0,0,0,0.1);margin:30px 0px 60px 0px;}
#portfolio{margin-top:20px;}
.load_more{width:100%;padding:40px 20px;background-image: url(../images/cross-line.png);text-align:center;}
.load_more a{background:#000;color:#fff;text-decoration:none;padding:15px 30px;text-transform:uppercase;position:relative}
.load_more a:before,
.load_more a:after {content: '';background-color: rgba(255, 255, 255, 0.2);height: 50%;width: 0;position: absolute;
transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);}
.load_more a:before {top: 0;left: 0;right: auto;}
.load_more a:after {bottom: 0;right: 0;left: auto;}
.load_more a:hover {background-color: #000;}
.load_more a:hover:before {width: 100%;right: 0;left: auto;}
.load_more a:hover:after {width: 100%;left: 0;right: auto;}
.project-info a{text-decoration:none;color:#000;} 
.project-info h4{font-size:19px;font-weight:900;}
.project-info-btn a{text-decoration:none;font-weight:600;font-size:13px;}
.bg-gray {background-color: #eef1f2;}
.p-a20 {padding: 20px;}
.tile{ width: 100%;height: auto; position: relative;overflow: hidden;}
.project_container {position: relative;width: 100%;height: auto;cursor: pointer;overflow: hidden;}
.project_container:hover .overlay {opacity: 1;width: 100%; height: 100%;}
.project_container:hover span {opacity: 1;-webkit-transform: scale(1);transform: scale(1);-webkit-transition: transform .5s ease, opacity 1.3s ease;
  transition: transform .5s ease, opacity 1.3s ease;}
.project_container .overlay {background: rgba(0, 0, 0, 0.81);position: absolute;margin: auto;width: 0px;height: 0px;top: 0;right: 0;
  bottom: 0;left: 0;opacity: 0;-webkit-transition: .4s ease;transition: .4s ease;}
.project_container span {color: #fff;text-align: center;position: absolute;margin: auto;width: 200px;height: 30px;line-height: 30px;left: 0;top: 0;
  right: 0;bottom: 0;opacity: 0;-webkit-transform: scale(0);transform: scale(0);-webkit-transition: transform .5s ease, opacity .7s ease;
  transition: transform .5s ease, opacity .7s ease;}
.project_container i {background-color: #000000;border: 2px solid #d7b39a;color: #fff;font-size: 1em;font-weight: 600;letter-spacing: 1px;margin: 0;
padding: 5px 10px;text-transform: uppercase;}

.about_title h2{width:100%;position:relative;padding:15px 50px;overflow: hidden;font-size:42px;}


.main_services .about_title{text-align:center;}
.main_services .about_title h2{    display: initial;}


.service .about_title {margin-bottom: 60px;text-align: center;}
.service .about_title h2 {display:inline;    text-transform: uppercase;font-size: 36px;}

/*history*/
.history{width:100%;padding:40px 0px 0px 0px;} 
.history_left{width:100%;} 
.history_left h1{text-transform: uppercase;margin-bottom:30px;} 
.history_left a{transition: all 0.2s linear;font-size: 14px;display: inline-block;font-weight:400;text-transform: uppercase;color: #262423;text-decoration:none;}
.history_left a:hover{color:#569BBD;}
.history_right img{width:100%;height:auto;max-width:400px;}
/*history_title*/
.history_title{margin:30px 0px;}
.quick_link2{padding-left:0px;}
/*page title*/
.page_title{width:100%;position: relative;overflow: hidden;text-align: center;}
.page_title img{width:100%;height:550px;object-fit: cover;position:relative;}
.page_title .demo-video-wrapper {width:100%;height:550px;}
.page_title .jquery-background-video-wrapper {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.page_title .jquery-background-video {position: absolute;min-width: 100%;min-height: 100%;width: auto;height: auto;top:50%;left: 50%;
  -o-object-fit: contain;object-fit: contain;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);} 
.page_title:before  {position: absolute;    z-index: 1;content: '';left: 0px;top: 0px;width: 100%;height: 100%;display: block; 
background-color: rgb(8 8 8 / 58%);}
.wt-bnr-inr-entry {text-align: center;position: absolute;z-index: 123;left: 0;right: 0;top:32%;}
.banner-title-outer {position: relative;}
.wt-bnr-inr-entry .banner-title-outer .banner-title-name {display: inline-block;position: relative;padding: 60px 0px;margin-bottom: 20px;}
.wt-bnr-inr-entry .banner-title-outer .banner-title-name:before, .wt-bnr-inr-entry .banner-title-outer .banner-title-name:after {
content: '';position: absolute;left: 0px;width: 100%;padding: 30px;border: 10px solid #569BBD;}



.wt-bnr-inr-entry .banner-title-outer .banner-title-name h2 {position: relative;padding: 0px 100px;font-size: 80px;
    line-height: 90px;text-transform:uppercase;margin-bottom: 5px;color:#fff;}
.wt-bnr-inr-entry .banner-title-outer .banner-title-name h2:after, .wt-bnr-inr-entry .banner-title-outer .banner-title-name h2:before {
position: absolute;content: '';width: 60px;height: 2px;background-color: #fff;transform: rotate(135deg);
-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-o-transform: rotate(135deg);}
.wt-bnr-inr-entry .banner-title-outer .banner-title-name h2:before {left: -25px;top: 50%;}
.wt-bnr-inr-entry .banner-title-outer .banner-title-name h2:after {right: -25px;top: 50%;}
.wt-bnr-inr-entry .banner-title-outer .banner-title-name:before {border-bottom: 0px;top: 0px;}
.wt-bnr-inr-entry .banner-title-outer .banner-title-name:after {border-top: 0px;bottom: 0px;}
.wt-breadcrumb {margin: 0;list-style: none;}
.wt-breadcrumb li {padding: 0;margin-right: 3px;color: #fff;position: relative;display: inline-block;font-size: 12px;}
.wt-breadcrumb li a {color: #fff;text-decoration:none;}
.breadcrumb-style-2 li a:after {content: "\f101";margin-left: 7px;font-family: 'FontAwesome';color: #fff;font-size: 16px;font-weight: normal;}
.wt-breadcrumb li:last-child {color: #569BBD;}
/*about_history2*/
.about_history2{width:100%; }
.about_history2_left{width:100%;}
.about_history2_left img{width:100%;min-height:750px;object-fit:cover;}
.about_history2_right{width:100%;min-height:750px;padding-right:80px;}
.awards-win {padding: 30px 30px;height:750px;background-color: #fff;}
.awards-win ul {list-style: none;position: relative;padding: 40px 0px;z-index: 1;}
.awards-win ul:before {content: '';position: absolute;left: -80px;top: 0px;width: 120px;height: 100%;border: 10px solid #000;border-right: 0px;z-index:12;}
.awards-win ul:after {content: '';position: absolute;left: 30px;top: 0px;bottom: 0px;width: 10px;border-top: 40px solid #000;
z-index:12;border-bottom: 40px solid #000;}
.awards-win ul li:last-child {margin-bottom: 0px;}
.awards-win ul li {position: relative; margin-bottom: 30px;}
.m-b10 {margin-bottom: 10px;}
.awards-win ul li .title-year {position: absolute;left: -115px;top: 15px;}
.awards-win ul li p{  font-size: 15px;font-weight: 400;text-align:left;}
/*about_history2_new_left*/
.about_history2_new_left{width:100%;position:relative;z-index:-1;}
.about_history2_new_left img{width:100%;min-height:750px;object-fit:cover;}
.about_history2_new_right{width:100%;height:750px;padding-right:0px;overflow-y: scroll;}
.about_history2_new_right .nav-tabs {border-bottom: 0px solid #dee2e6;}
.about_history2_new_right .nav-tabs .nav-link.active,.about_history2_new_right .nav-tabs .nav-item.show .nav-link {color: #495057;background-color: #fff;
border-color: #fff #fff #fff;    box-shadow: 0 5px 6px 1px rgba(0, 0, 0, 0.2);background: #fff;}
.about_history2_new_right .nav {display: block;}
.about_history2_new_right.nav-tabs .nav-link:hover,.about_history2_new_right .nav-tabs .nav-link:focus {border-color: #fff #fff #fff;    box-shadow: 0 5px 6px 1px rgba(0, 0, 0, 0.2);background: #fff;}
.about_history2_new_right h4{font-size:19px;margin-top:0px;letter-spacing:1px; padding-left: 120px;}
.about_history2_new_right p{font-size:16px;padding-left: 120px;}
.about_history2_new_right h2{    padding-left: 150px;}
.about_history2_new_right .nav-tabs .nav-item {margin-bottom: 0px;}
/*main_contact*/
.main_contact{width:100%;padding:80px 0px;}
.main_contact_left{width:100%;padding:30px; background-color: #eef1f2;}
.main_contact .about_title h2 {padding: 15px 50px 15px 50px;font-size: 26px;
    text-align: center;}
.main_contact .about_title h2:before {top: 48px;}
.main_contact .about_title h2:after {position: absolute;z-index: 12;content: '';width: 20px;height: 4px;background: #000;top: 48px;left: 12px;transition: .4s;display:none;}
.main_contact .about_title h2:before { display:none;   top: 48px;}
.main_contact .about_title h2:hover::after{width: 35px;}
.main_contact_form input{width:100%;padding:10px 2px;border: 0px;border-bottom: 1px solid #000;margin-bottom:15px;background: none;}
.main_contact_form textarea{width:100%;height:120px;resize:none;padding:10px 2px;border: 0px;border-bottom: 1px solid #000;margin-bottom:15px;background:none;}
.main_contact_form_btn{text-align:right;} 
.main_contact_form_btn input[type=submit]{width:auto;background:#569BBD;color:#fff;text-decoration:none;padding:15px 40px;text-transform:uppercase;
position:relative;border:none;}
.main_contact_form_btn input[type=submit]:before,
.main_contact_form_btn input[type=submit]:after {content: '';background-color: rgba(255, 255, 255, 0.2);height: 50%;width: 0;position: absolute;
transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);z-index:1;}
.main_contact_form_btn input[type=submit]:before {top: 0;left: 0;right: auto;}
.main_contact_form_btn input[type=submit]:after {bottom: 0;right: 0;left: auto;}
.main_contact_form_btn input[type=submit]:hover {background-color: #000;}
.main_contact_form_btn input[type=submit]:hover:before {width: 100%;right: 0;left: auto;}
.main_contact_form_btn input[type=submit]:hover:after {width: 100%;left: 0;right: auto;}
.main_contact_right {width:100%;position:relative;margin-top:0px;margin-left:-55px;}
.main_contact_right_bx{width:100%;background-image: url(../images/bg-map.png);background-position: center;box-shadow: 0 10px 30px 0 rgba(50,50,50,.16);
transition: all 0.5s linear; }
.sx-icon-box-wraper {position: relative;}
.p-b30 {padding-bottom: 30px;}
.sx-icon-box-wraper.left .icon-xs {float: left;margin-right: 10px;}
.icon-xs {width: 30px;}
.icon-xs i {font-size: 20px;}
.icon-content2 {overflow: hidden;}
.m-t0 {margin-top: 0;}
.contact-info .icon-content2 p {word-break: normal;}
.icon-content2 p a{text-decoration:none;color:#000;}
.sx-icon-box-wraper p:last-child {margin: 0px;}
.main_contact .bg-white {background-color: #fff!important;padding:40px 20px;}
.icon-content2 p:hover{color:#000;}
.main_contact_img{width:100%;}
.main_contact_img img{width:100%;height:550px;object-fit:contain;}
.main_contact_img_inn{margin-top:60px;}
/**/
.main_services2 .nav-tabs {border-bottom: 1px solid #dee2e6;display: none;}
.tab_btn{text-align:center;margin-top:40px;}
.tab_btn button{background:#569BBD;border: 1px solid #569BBD;color:#fff;padding:6px 20px;}
.tab_btn button:hover{background:#569BBD;border: 1px solid #569BBD;}
.tabbed-content-wrap{width:100%;}
.content-box {width: 100%;}
.content-box {    width: 100%;}
.content-box   {display:block; }
.content-box.active-content-box {width: 100%;display:block;}
/*main_services*/
.main_services{width:100%;padding:80px 0px;background:#eef1f2;}
.toplinks a{text-decoration:none;}
.main_services_bx {position: relative;background:#fff;z-index: 1;-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;-ms-transition: all 0.5s linear;-o-transition: all 0.5s linear;
transition: all 0.5s linear;overflow: hidden;padding: 5px 0px;margin-bottom:35px;}
.main_services_bx .main_services_bx_count {padding: 100px 30px 30px 30px;margin: 0px 5px;}
.main_services_bx .main_services_bx_count span.icon-count-number {position: absolute;right: 30px;
top: 20px;font-size: 80px;font-weight: 600;color:#403c3c;line-height: 120px;-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;-ms-transition: all 0.5s linear;-o-transition: all 0.5s linear;transition: all 0.5s linear;}
.main_services_bx .main_services_bx_count span.icon-count-number:after {content: "";width: 15px;height: 2px;
background-color: #000;left: -50%;top: 50%;position: absolute;margin-top: -2px;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;-o-transition: all 0.5s linear;transition: all 0.5s linear;}
.main_services_bx_count:after {position: absolute;content: '';left: 0px;right: 0px;bottom: -10px;width: 100%;height: 50%;background-color: #569BBD;
opacity: 0.4;z-index: -1;display: block;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;-o-transition: all 0.5s linear;transition: all 0.5s linear;}
.main_services_bx:hover .main_services_bx_count span.icon-count-number:after{width:40px;}
.main_services_bx_count:hover{-webkit-box-shadow: 0 10px 30px 0 rgba(50,50,50,.16);box-shadow: 0 10px 30px 0 rgba(50,50,50,.16);	}
.main_services_bx_count:hover:after{height:200%;}
.main_services_bx_img img{width:60px;}
.main_services_bx:hover .scale-in-center{-webkit-animation: bounce-in-fwd 1.1s both;animation: bounce-in-fwd 1.1s both;}
@-webkit-keyframes bounce-in-fwd {
  0% {-webkit-transform: scale(0);transform: scale(0);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;opacity: 0;}
  38% {-webkit-transform: scale(1);transform: scale(1);-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;opacity: 1; }
  55% {-webkit-transform: scale(0.7);transform: scale(0.7);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}
  72% {-webkit-transform: scale(1);transform: scale(1);-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;}
  81% {-webkit-transform: scale(0.84);transform: scale(0.84);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}
  89% {-webkit-transform: scale(1);transform: scale(1);
    -webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;}
  95% {-webkit-transform: scale(0.95);transform: scale(0.95);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}
  100% {-webkit-transform: scale(1);transform: scale(1);-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;}
}
.main_services_bx h3{margin:14px 0px;font-size:20px;min-height:60px;} 
.main_services_bx p{font-size:17px;min-height: 100px;text-align: left;}
.text-left {text-align: left!important;}
.text-left span{color:#000;text-decoration:none;}
.site-button-link {display: inline-block;font-weight: 500;padding-bottom: 2px;position: relative;padding-left: 0;font-size: 14px;z-index: 1;
text-transform: uppercase;}
.site-button-link:hover {-webkit-animation: focus-in-contract 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
animation: focus-in-contract 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
.site-button-link:before{content: '';left: 0px;bottom: 0px;height: 5px;background-color: #569BBD;width: 85%;position: absolute;
	z-index: -1;-webkit-border-radius: 0px 50% 15px 0px;border-radius: 0px 50% 15px 0px;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;-o-transition: all 0.5s linear;transition: all 0.5s linear;	}
.site-button-link:hover:before{background:none;}
@-webkit-keyframes focus-in-contract {
  0% {letter-spacing: 8px;-webkit-filter: blur(8px);filter: blur(8px);opacity: 0;}
  100% {-webkit-filter: blur(0px);filter: blur(0px);opacity: 1;}
}
@keyframes focus-in-contract {
  0% {letter-spacing: 8px;-webkit-filter: blur(8px);filter: blur(8px);opacity: 0;}
  100% {-webkit-filter: blur(0px);filter: blur(0px);opacity: 1;}
}

 
 
.main_services .about_title{margin-bottom:70px;}
.main_services2{width:100%;padding:60px 0px;}
.main_services2_left{width:100%;background-color: #eef1f2;    position: relative;z-index:1;padding:5px 30px;    height: 350px;overflow-y: scroll;}
.main_services2_left::-webkit-scrollbar {width: 15px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #efefef;}
.main_services2_left::-webkit-scrollbar-thumb {background-color: #a7abad;}
.tabs{display:none;}
.main_services2_left,.main_services2_right{float:left;width:48%;margin:10px 0.5%; }
.main_services2_left  h3{font-size:23px;margin:15px 0px;letter-spacing:1px;}
.main_services2_left  p{font-size:17px;margin:10px 0px 30px 0px;}
.main_services2_left ul{margin:10px 0px;}
.main_services2_left ul li{display:block;margin-bottom:7px;}
.main_services2_left a {text-decoration: none;background-image: linear-gradient(#569BBD, #569BBD);background-position: 0% 100%;
background-repeat: no-repeat;background-size: 0% 2px;transition: background-size .3s;padding-bottom:3px;color:#000;font-size:16px;}
.main_services2_left a:hover, .main_services2_left a:focus {background-size: 100% 2px;color:#569BBD;}
.main_services2_left a:before {content: "\eab8";color: #4a4d4f;font-family: "Icofont";font-weight: 400;padding-right: 10px;}
.main_services2_right{padding:30px 30px;position:relative;}
.main_services2_right:after{content:'';position:absolute;border:15px solid #569BBD;left:50px;top:0px;width:91%;height:370px;z-index:-1;}
.main_services2_right img{width:100%;height:300px;object-fit:cover;}
.main_services3{width:100%;background-image: url(../images/ser_bg.jpg);overflow: hidden;position: relative;
    padding: 40px 0px;background-attachment: fixed;background-position: center center;background-repeat: no-repeat;background-size: cover;margin-bottom:0px;}
.main_services3_count_bx{width:100%; padding:30px 0px;background-image: url(../images/bg-55.png);background-repeat: repeat;position: relative;text-align:center;    margin-bottom:10px;}
.main_services3_count_bx:hover{background-color: #569BBD;}
.main_services3_count_bx span{color:#fff;font-size:44px;text-align:right;}
.main_services3_count_bx h5{text-align:center;color:#fff;font-size:23px;text-transform:capitalize;}
.main_services3_count_bx:hover span{color:#000;}
.main_services3:before {position: absolute;content: '';left: 0px;top: 0px;width: 100%;height: 100%;display: block;background-color: rgb(14 14 14 / 63%);}
/*main_projects*/
.main_projects{width:100%; padding:60px 0px;}
.main_projects .about_title{text-align:center; }
.main_projects .about_title h2 {    display: initial;}
.main_projects .about_title{text-align:center;}
.main_projects .about_title h2{    display: initial;}

.main_projects .about_title h2:after {position:absolute;z-index:12;content:'';width:20px;height:4px;background:#000;top:44px;left:12px;transition:.4s;}
.main_projects  #filters {text-align: center; margin-top:30px;}
#gallery{position:relative;width:100%;margin-top:50px;}
.imgwrapper{position:relative;width:100%;height:auto;margin:0px 0% 20px 0%;display:inline-block;}
.imgwrapper img{width:100%;height:400px;object-fit:cover;}
.imgwrapper_content{position:absolute;left:0px;bottom:30px;z-index:1;opacity:0;padding:0px 10px; width:100%;  }
.imgwrapper:hover{}
.imgwrapper:hover .imgwrapper_content{opacity:1;} 
.imgwrapper:hover .overlay {opacity: 1;width: 100%;height: 100%;}
.imgwrapper:hover .imgwrapper_content {opacity: 1;-webkit-transform: scale(1);transform: scale(1);
  -webkit-transition: transform .5s ease, opacity 1.3s ease;transition: transform .5s ease, opacity 1.3s ease;}
.imgwrapper .overlay {background-color: rgb(23 22 22 / 70%);position: absolute;margin: auto;width: 0px;height: 0px;right: 0;top:0px;left: 0;
border-radius: 0%;opacity: 0;-webkit-transition: .4s ease;transition: .4s ease;}
.imgwrapper .imgwrapper_content {color: #fff;text-align: left;position: absolute;margin: auto;width: 100%;height: 100%;left:0px; 
  top: 100%;opacity: 0;-webkit-transform: scale(0);transform: scale(0);-webkit-transition: transform .5s ease, opacity .7s ease;
  transition: transform .5s ease, opacity .7s ease;}
.imgwrapper_content h3{color:#fff;font-size:17px;}
.imgwrapper_content p{color:#fff;font-size:14px;text-align: left;}
.imgwrapper_content a{text-decoration:none;color:#fff;}
.main_jouzy_prjct_right ul{}
.main_jouzy_prjct_right ul li{position:relative;display:block;margin-bottom:5px;padding-left:10px;font-size:15px;}
.main_jouzy_prjct_right ul li:before {
    content: "\ef9a";
    color: #4a4d4f;
    font-family: "Icofont";
    font-weight: 400;
    padding-right: 15px;
}
.imgwrapper .info{display:none;}
.main_projects .scale-anm {margin: 0;width: 100%;border: 0px solid #ccc;}
#popupbg{display:none;position:fixed;top:0;left:0;height:100%;width:100%;background:rgba(0,0,0,0.92);z-index:12;}
#popup{position:relative;top:25%;margin:0 auto;font-size:17px;width:90%;z-index:123;
    height:auto;background:#fff;padding:20px;border:solid 0px #CCCCCC;}
#popup img{position:relative;display:block;width:100%;height:350px;object-fit:cover;}
#popup span.date,#popup .info,#popup span#close{display:block;}
 .imgwrapper .info p{font-size:17px;}
span#close{position:absolute;z-index:123;top:10px;right:0px;}
a.mover {background: #900;padding: 6px 12px;position: absolute;color: white;font-weight: bold;text-decoration: none;}
.map{width:100%;margin-top:20px;}
.map iframe{width:100%;height:450px;}
/*main_jouzy_prjct*/
.main_jouzy_prjct{width:100%; padding:120px 0px;}
.main_jouzy_prjct_left{width:100%;}
.main_jouzy_prjct_left img{width:100%;height:400px;object-fit:cover;}
.main_jouzy_prjct_right{width:100%;}
.main_jouzy_prjct_right p{font-size:16px;margin-bottom:6px;}
.main_jouzy_prjct_right h3{margin-bottom:30px;line-height: 1;font-size:28px;}
.masonry_inn{margin:40px 0px;}
.masonry { column-count: 4;-webkit-column-gap: 1em;-moz-column-gap: 1em;
column-gap: 1em;margin: 0;padding: 0;-moz-column-gap: 1.5em;-webkit-column-gap: 1.5em;column-gap: 5px;font-size: .85em;}
.itemss {display: inline-block;background: #fff;padding:0;margin: 0 0 5px 0px;width: 100%;-webkit-transition:1s ease all;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.itemss img{width:100%;height:auto;}
@media only screen and (max-width: 320px) {
.masonry { column-count: 2;}}
@media only screen and (min-width: 321px) and (max-width: 768px){
.masonry { column-count: 2;}}
@media only screen and (min-width: 769px) and (max-width: 1200px){
.masonry { column-count: 3;}}
@media only screen and (min-width: 1201px) {
.masonry { column-count: 4;}}
.service_sub_title{margin:0px 0px 30px 0px;}
.service_sub_title h6{text-align:center;font-size: 19px;border-bottom: 2px solid #dfedf5;padding-bottom: 15px;margin-bottom: 40px;}
.service_sub_title h6 i{font-size:6px;position:relative;left:-6px;top: -10px;}
.phone {z-index: 12;position: fixed;right: 0%;text-align:center;bottom: 10%;color: #fff;
height: auto;width: 85px;border-radius:5px; background:#569BBD;box-shadow: 0 5px 6px 1px rgba(0, 0, 0, 0.2);text-align: center;
padding:10px 5px;}
.phone a{text-decoration:none;}
.phone p{color:#fff;text-align:center;margin:0px;font-size:14px;}
.phone img {width: 30px;}
.new_why{width:100%;padding:0px 0px 0px 0px}
.new_why_tile h1 {text-align: left;text-transform: uppercase;font-size: 36px;}
.new_why_tile{margin-bottom:25px;}
.new_why_bx{width:100%;position:relative;padding:30px 10px;margin-bottom:20px;background:#fff; 
box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);}
.new_why_bx h3{font-size:17px;text-align:center;text-transform:capitalize;}
.new_why_bx:before{position:absolute;content:'';width:100px;height:5px;background:#569BBD;top:100%;left:0%;right:0px;margin:auto;}
.new_why_bx:hover::before{background:#1d262c;}
/*contact-bg*/ 
.contact_bg{width:100%;background-image: url(../images/contact-bg.png);position: relative;padding: 150px 0px;
background-attachment: fixed;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.contact_bg:before {position: absolute;content: '';left: 0px;top: 0px;width: 100%;
    height: 100%;display: block;background-color: rgb(12 12 12 / 68%);}
.contact_bg_left h1{color:#fff;margin:0px;margin-bottom:20px;font-size: 36px;} 
 .contact_bg_left p{font-size:20px;color:#fff;letter-spacing:1px;}
.contact_bg_right{margin-top:40px;text-align:center;} 
.contact_bg_right a{background:#fff;color:#569BBD;padding:12px 40px;border-radius:4px;text-decoration:none;letter-spacing:1px;display: flex;
  justify-content: center;align-items: center;} 
.page_title .breadcrumb{background:transparent;display: inline-block;font-size: 12px;} 
.page_title .breadcrumb a{color:#fff;} 
.page_title .breadcrumb  span{color:#569BBD;}
 .text-white {color: #fff !important;}
 
.mision_vision{width:100%;padding:30px 0px 70px 0px;} 
.mision_vision_bx{padding:10px 20px;border-left:5px solid #569BBD;margin-bottom:5px;box-shadow: 0 5px 6px 1px rgb(0 0 0 / 20%);background: #fff;transition:.2s;} 
.mision_vision_bx:hover,.mision_vision_bx2:hover{
   
    box-shadow: 0 19px 38px rgb(0 0 0 / 30%), 0 15px 12px rgb(0 0 0 / 22%);
}
.mision_vision_bx p{font-size:16px;font-weight: 400;} 
.mision_vision_bx2{padding:20px 25px;border-left:5px solid #569BBD;margin-bottom:5px;box-shadow: 0 5px 6px 1px rgb(0 0 0 / 20%);background: #fff;} 
.mision_vision_bx2 ul{margin:0px;}
.mision_vision_bx2 ul li{list-style:none;display:block;margin-bottom:15px;font-size:16px;padding-left:20px;position:relative;color: #000;}  
.mision_vision_bx2 ul li:before{content:'\f00e';position:absolute;top:4px;left:0px;color:#569BBD;font-size:14px;font-family: "Icofont";} 
 .mision_vision_bx2 h3{margin-bottom:30px;}
 .project_info22 a{font-size:15px;font-weight:700;}
 .project-info-btn{ margin-top: 15px;}
 .project-info a {
    text-decoration: none;
    color: #000;
    margin-top: 10px;
}
 
 .project_info22 ul{margin:0px;}
.project_info22 ul li{list-style:none;display:block;margin-bottom:15px;font-size:15px;font-weight: 300;padding-left:20px;position:relative;color: #000;}  
.project_info22 ul li:before{content:'\f00e';position:absolute;top:4px;left:0px;color:#569BBD;font-size:14px;font-family: "Icofont";}
 
.about_left p a{font-weight:900;}
 
 .footer_bx_logo{width:100%;}
.footer_bx_logo img{width:100%;max-width:200px;}