*{ padding: 0;margin: 0;} 
body{ width:100%;font-family: 'Open Sans', sans-serif; }
h1,h2,h3,h4,h5,h5,h6{ color:#010101;line-height:1.4; font-family: 'Playfair Display', serif;}
p {color: #333;font-size: 16px;line-height: 1.6;text-align: justify;font-family: 'Open Sans', sans-serif;}
a{text-decoration:none;}
.clear_all{clear:both;}
button:focus, input:focus, textarea:focus,a:focus {outline: 0;}
/*main_menu*/
.header{width:100%;padding:30px 50px;position:absolute;z-index:123; } 
.logos{width:100%;}
.logos img{width:100%;max-width:160px;}
.main_menu{position:relative;width:100%;margin-top:2px;}
.header2{display:none;}
.sticky-header.sticky { background: #000;  color:#fff;padding: 5px 20px; position: fixed;top:0px;left: 0;width: 100%; height:auto; z-index: 1234567;}
.sticky {  animation-name: fadeInDown;animation-iteration-count: 1;animation-fill-mode: both;animation-timing-function: linear;animation-delay: 0s;animation-duration: .7s;}
.sticky .logos img{width:100%;max-width:100px;}
.sticky .header {width: 100%;padding: 5px 20px;}
.sticky .main_menu {position: relative;width: 100%;margin-top: 15px;}

.sticky #cssmenu > ul > li > a{color:#fff;}
.logo{position:relative;z-index:123;padding:10px;font-size:18px;color:#fff;float:left;width:15%}
.logo a{color:#000;}
.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;}
#cssmenu > ul > li{display:inline-block;}
#cssmenu > ul > li > a{position: relative;padding:17px 10px;font-size:15px;letter-spacing:1px;text-decoration:none;color:#fff;font-weight: 300; }
#cssmenu > ul > li > a:after {transition:.3s;content: '';position: absolute;left: 17px;width: 0px;height: 0px;top: 45px;z-index: 123;background: #f9d035;}
#cssmenu > ul > li > a:hover:after {width: 18px;height: 2px;}
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#f9d035}
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{
	background:transparent!important;-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:22px;right:11px;width:8px;height:2px;display:block;background:#f9d035;content:''}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top:19px;right:14px;display:block;width:2px;height:8px;background:#f9d035;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#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:#f9d035;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:250px;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:#f9d035;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#f9d035;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:1px 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}
.logo2{display:none}
nav{width:100%;}
#cssmenu{width:100%}
#cssmenu ul{width:100%;display:none}
#cssmenu ul li{width:45%;border-top:0px solid #444}
#cssmenu ul li:hover{background:#363636;}
#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:#f7921e!important;}
#cssmenu ul ul li:hover{background:#363636!important}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:#f9d035;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:#f9d035;font-size:12px;font-weight:500}
.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 #000;border-bottom:2px solid #000;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:#000;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:#000;-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:#000;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:#f7921e}
#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:#f9d035;content:''}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:#fff}
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#f9d035;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:0px;text-align:right;}
/*slider*/
.slider{width:100%; height:auto;position:relative;  }
 
.slider .owl-demo .item img { width: 100%;height:auto; object-fit:cover; }
 @-webkit-keyframes zoom {
    from {-webkit-transform: scale(1,1);}
    to {-webkit-transform: scale(1.5,1.5);}
}
/* Standard syntax */
@keyframes zoom {
   from {transform: scale(1,1);}
   to {transform: scale(1.5,1.5);}
}
.slider .owl-item.active img {-webkit-animation: zoom 50s; /* Chrome, Safari, Opera */animation: zoom 50s;}
.slider .owl-item.active .slide-caption__title{ -webkit-animation: 1s .2s fadeInUp both;animation: 1s .2s fadeInUp 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:100px;left:48%;z-index:12!important;}
.slider .owl-theme .owl-dots .owl-dot span {width: 15px;height: 15px;margin: 5px 2px;border: 1px solid #fff;background:transparent;display: block;
-webkit-backface-visibility: visible;transition: opacity .2s ease; position:relative;border-radius:100px;}
.slider .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #fff;}
.slider .owl-theme .owl-dots .owl-dot {display: inline-block;zoom: 1;}
.owl-carousel {width: 100%;z-index: 0;}
.slider .owl-item.active .slider_caption { animation: 1s .2s fadeInUp both;}
.slider .owl-item.active .slider_caption h1.reveal,
.slider .owl-item.active .slider_caption h1.reveal::after {animation-delay: 0;animation-delay: var(--animation-delay, 1s);
animation-iteration-count: 1;animation-iteration-count: var(--iterations, 1);animation-duration: 800ms;animation-duration: var(--duration, 800ms);
animation-fill-mode: both;animation-timing-function: cubic-bezier(0.0, 0.0, 0.2, 1);}
.slider .owl-item.active .slider_caption h1.reveal { text-align:center; animation-name: text;
color: #FFF;white-space: nowrap;cursor: default;text-transform: uppercase;}
.slider .owl-item.active .slider_caption h1.reveal::after {content: "";position: absolute;z-index: 12;top: 0;left: 0;right: 0;width:auto;
bottom: 0;background-color: #f9d035;transform: scaleX(0);transform-origin: 0 50%;pointer-events: none;animation-name: revealer;}
@keyframes text {from {clip-path: inset(0 100% 0 0);}to {clip-path: inset(0 0 0 0);}}
@keyframes revealer {0%, 50% {transform-origin: 0% 100%;}60%, 100% {transform-origin: 0% 100%;}60% {transform: scaleX(1);}100% {transform: scaleX(0);}}
.slider .owl-item.active .slider_caption p.reveal2,
.slider .owl-item.active .slider_caption p.reveal2::after {animation-delay: 0;animation-delay: var(--animation-delay, 1s);
animation-iteration-count: 1;animation-iteration-count: var(--iterations, 1);animation-duration: 800ms;animation-duration: var(--duration, 800ms);
animation-fill-mode: both;animation-timing-function: cubic-bezier(0.0, 0.0, 0.2, 1);}
.slider .owl-item.active .slider_caption p.reveal2 { text-align:center; animation-name: text2;
color: #FFF;white-space: nowrap;cursor: default;text-transform: uppercase;}
.slider .owl-item.active .slider_caption p.reveal2::after {content: "";position: absolute;z-index: 12;top: 0;left: 0;right: 0;width:auto;
bottom: 0;background-color: #000;transform: scaleX(0);transform-origin: 0 50%;pointer-events: none;animation-name: revealer2;}
@keyframes text2 {from {clip-path: inset(0 100% 0 0);}to {clip-path: inset(0 0 0 0);}}
@keyframes revealer2 {0%, 50% {transform-origin: 0 50%;}60%, 100% {transform-origin: 100% 50%;}60% {transform: scaleX(1);}100% {transform: scaleX(0);}}
.slider_caption { margin:auto;height:auto;position: absolute;top:30%;left:0px;right:0px;padding:20px; z-index:123!important;
border-left:0px solid #fff; text-align:center;display:block;}
.slider .slider_caption h1{  font-size:100px;display:inline-block;position:relative; font-weight:700;
z-index:12;margin:0px;text-align:center;right:0px;left:0%;width:auto;clear:both;}
.slider .slider_caption p{ font-family: 'Playfair Display', serif;font-size:24px;color:#fff; text-align:center;position:relative;z-index:12;padding:10px 20px; }
.slider .slider_caption22 h1{font-weight:lighter !important;font-size:90px!important;}
/*slider_ser*/
.slider_ser{width:100%;margin-top:-60px;padding:0px 50px}
.slider_ser_bx{width:100%;padding:55px 5px;text-align:center;background:#010101;text-align:center;transition: all .2s ease-in-out;}
.slider_ser_bx h3{color:#fff;margin:0px;position:relative;padding-left:45px;font-size:23px;transition: all .2s ease-in-out;font-weight:500;}
.slider_ser_bx h3 i{position:absolute;top:-5px;left:20px;background:#f9d035;color:#010101;padding:10px;}
.slider_ser_bx:hover h3{transform: scale(1.1); }
.slider_ser_bx2{width:100%;background:#ffd426;}
.slider_ser_bx2 h3{color:#010101; }
.slider_ser_bx2 h3 i{ background:#010101;color:#ffd426; }
.slider_ser_bx3{width:100%;background:#ffdf61;}
.slider_ser_bx3 h3{color:#010101; }
.slider_ser_bx3 h3 i{ background:#010101;color:#ffd426; }
.slider_ser_bx4{width:100%;background:#ffe57f;}
.slider_ser_bx4 h3{color:#010101; }
.slider_ser_bx4 h3 i{ background:#010101;color:#ffd426; }
/*about*/
.about{width:100%;padding:100px  50px;}
.sec_title{width:100%;margin-bottom:40px;}
.sec_title h1{position:relative;margin:20px 0px;font-size:36px;font-weight:500;}
.sec_title h1:after {background-color: #f9d035;width: 250px;height: 2px;position: absolute;content:'';top: 28px;left: -270px;}
.about_right{text-align:center;}
.about_right{width:100%;position:relative;}
.about_right:after{position: absolute;content:'';width:150px;height:150px;border:10px solid #ffd426;left:0px;
right:0px;top:50px;transform: rotate(45deg) translate(-50%,-50%);margin:auto;}
.about_right h1{font-size: 240px;font-weight: 500;position: absolute;top: -188px;left: 0;right: 0;z-index: 1;color:#010101;}
.about_right h3{font-size: 80px;font-weight: 500;position: absolute;top:90px;left: 0;right: 0;z-index: 1;}
.read_btn{text-align:left;margin:20px 0px;transition: all .2s ease-in-out;}
.read_btn a{font-size: 14px;color: #ffffff;font-weight: 500;background-color: #010101;padding:12px 35px;padding-right:65px;
border-style: solid;border-width: 2px;border-color: #010101;position:relative;text-decoration:none;}
.read_btn a i{ background:#ffd426;color:#010101; position:absolute;top:8px;right:20px; padding:7px;}
.read_btn:hover a{transform: scale(1.2);  }
/*work*/
.wrk_bg{width:100%;background:#000!important;}
.wrk_bg .sec_title h1{color:#fff;}
.wrk_bg_bx {margin-bottom:30px;transition: all .2s ease-in-out;}
.wrk_bg_bx img{width:100%;height:auto;cursor:crosshair; }
.wrk_bg_bx:hover{filter: grayscale(100%);  }
.wrk_bg .sec_title{margin-bottom:80px;}
/*glowspace_services*/
.glowspace_services{width:100%;padding:180px 50px 100px 50px;}
.glowspace_services_left{width:100%;position:relative;z-index:1;}
.glowspace_services_left:before {display: block;content: '';position: absolute;top: -72px;left: 73px;visibility: visible;width: 100%;
    height: 100%;z-index: -1;background-image: url(../images/dot.svg);background-repeat: repeat;    }
.glowspace_services_left_img{position:relative;z-index:123;}
.glowspace_services_left_img img{width:100%;height:auto;}
.glowspace_services_right{width:100%;padding:0px 0px 0px 80px;}
.glowspace_services_right h3{font-size:36px;margin-bottom:60px;font-weight:500;padding-bottom:20px;position:relative;}
.glowspace_services_right h3:after {background-color: #f9d035;width:25px;height: 2px;position: absolute;content:'';top:80px;left:0px;}
.glowspace_services_right p{font-size:17px;}
.glowspace_services_right .read_btn{margin-top:90px;}
.glowspace_services_right_inn{margin-top:150px;}
.glowspace_services_right_inn .glowspace_services_left:before {display: block;content: '';position: absolute;top: -72px;left: -73px;right: 0;
visibility: visible;width: 100%;height: 100%;z-index: -1;background-image: url(../images/dot.svg);background-repeat: repeat;    }
.glowspace_services_right_inn  .glowspace_services_right{width:100%;padding:0px 80px 0px 0px;}
.glowspace_services_right_inn ul{margin:20px 0px}
.glowspace_services_right_inn ul li{display:inline-block;margin-right:40px;margin-bottom:20px;color:#000 !important;}
.glowspace_services_right_inn ul li i{color:#f9d035;padding-right:15px;}
.m_services{width:100%;padding:0px 0px 60px 0px;}
.square-flip{-webkit-perspective: 1000;-moz-perspective: 1000;-ms-perspective: 1000;perspective: 1000;-webkit-transform: perspective(1000px);
-moz-transform: perspective(1000px);-ms-transform: perspective(1000px);transform: perspective(1000px);-webkit-transform-style: preserve-3d; 
-moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; position:relative;float:left;margin:0px 0px;}
.square-flip{width:100%;height:350px;}
.square,.square2{width:100%;height:100%;}
.square{background-size: cover;background-position:center center;-ms-transition: transform 0.60s cubic-bezier(.5,.3,.3,1);
transition: transform 0.60s cubic-bezier(.5,.3,.3,1);-webkit-transition: transform 0.60s cubic-bezier(.5,.3,.3,1);overflow: hidden;position:absolute;
top:0;-webkit-backface-visibility: hidden; backface-visibility: hidden;}
.square-flip .square{-webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-o-transform: rotateY(0deg);-ms-transform: rotateY(0deg);
transform: rotateY(0deg);transform-style: preserve-3d;z-index:1;}
.square-flip:hover .square{-webkit-transform: rotateY(-180deg);-moz-transform: rotateY(-180deg);-o-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);transform: rotateY(-180deg);transform-style: preserve-3d;}
.square2{background-size: cover;background-position:center center;-ms-transition: transform 0.60s cubic-bezier(.5,.3,.3,1);
transition: transform 0.60s cubic-bezier(.5,.3,.3,1);-webkit-transition: transform 0.60s cubic-bezier(.5,.3,.3,1);overflow: hidden;
position:absolute;top:0;-webkit-backface-visibility: hidden; backface-visibility: hidden;}
.square-flip .square2{-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);transform: rotateY(180deg);transform-style: preserve-3d;z-index:1;}
.square-flip:hover .square2{-webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-o-transform: rotateY(0deg);-ms-transform: rotateY(0deg);
transform: rotateY(0deg);transform-style: preserve-3d;}
/*Square content*/.square-container{padding:40px;text-align:center;position:relative;top:50%;-ms-transition: transform 0.60s cubic-bezier(.5,.3,.3,1);
transition: transform 0.60s cubic-bezier(.5,.3,.3,1);-webkit-transition: transform 0.60s cubic-bezier(.5,.3,.3,1);
-webkit-transform: translateY(-50%) translateX(0px)  scale(1);
-ms-transform: translateY(-50%) translateX(0px)  scale(1);transform: translateY(-50%) translateX(0px)  scale(1);transform-style: preserve-3d;z-index:2;}
.square-flip:hover .square-container{-webkit-transform: translateY(-50%) translateX(-650px)  scale(.88);-ms-transform: translateY(-50%) translateX(-650px)  scale(.88);
transform: translateY(-50%) translateX(-650px)  scale(.88);transform-style: preserve-3d;}
.square-container2{padding:0px;text-align:center;position:relative;top:50%;-ms-transition: transform 0.60s cubic-bezier(.5,.3,.3,1);
transition: transform 0.60s cubic-bezier(.5,.3,.3,1);-webkit-transition: transform 0.60s cubic-bezier(.5,.3,.3,1);
-webkit-transform: translateY(-50%) translateX(650px) translateZ(60px) scale(.88);
-ms-transform: translateY(-50%) translateX(650px) translateZ(60px) scale(.88);transform: translateY(-50%) translateX(650px) translateZ(60px) scale(.88);
transform-style: preserve-3d;z-index:2;}.square-flip:hover .square-container2{
-webkit-transform: translateY(-50%) translateX(0px) translateZ(0px) scale(1);-ms-transform: translateY(-50%) translateX(0px) translateZ(0px) scale(1);
transform: translateY(-50%) translateX(0px) translateZ(0px) scale(1);transform-style: preserve-3d;}
.square-flip h2{color:white;font-weight:500;font-size:22px;}
.square-flip h3{color:white;font-weight:500;font-size:16px;line-height:26px;}
/*Elements*/
.flip-overlay{display:block;background:#ffcc00;width:100%;height:100%;position:absolute;top:0;}
.align-center{margin:0 auto;}.kallyas-button{display:block;width:160px;padding:18px 30px;font-weight:500;
color:#fff;background:#FF2024;margin:0 auto;border-radius:2px;text-decoration:none;
background: #ffa067; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #ffa067 0%, #ff2959 49%, #ff2024 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #ffa067 0%,#ff2959 49%,#ff2024 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #ffa067 0%,#ff2959 49%,#ff2024 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa067', endColorstr='#ff2024',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.square-flip .square .boxshadow, .square-flip .square .textshadow, .square-flip .square2 .boxshadow, .square-flip .square2 .textshadow{
-ms-transition: 0.60s;transition: 0.60s;-webkit-transition: 0.60s;}
.square-flip .square .boxshadow{-webkit-box-shadow: 24px 42px 58px -8px rgba(0,0,0,0.3);
-moz-box-shadow: 24px 42px 58px -8px rgba(0,0,0,0.3);box-shadow: 24px 42px 58px -8px rgba(0,0,0,0.3);}
.square-flip .square .textshadow{-webkit-text-shadow: 24px 42px 58px -8px rgba(0,0,0,0.3);-moz-text-shadow: 24px 42px 58px -8px rgba(0,0,0,0.3);
text-shadow: 24px 42px 58px -8px rgba(0,0,0,0.3);}
.square-flip:hover .square .boxshadow, .square-flip:hover .square .textshadow{
-webkit-box-shadow: 240px 42px 58px -8px rgba(0,0,0,0.0);-moz-box-shadow: 240px 42px 58px -8px rgba(0,0,0,0.0);
box-shadow: 240px 42px 58px -8px rgba(0,0,0,0.0);}
.square-flip .square2 .boxshadow{-webkit-box-shadow: 240px 42px 58px -8px rgba(0,0,0,0.0);
-moz-box-shadow: 240px 42px 58px -8px rgba(0,0,0,0.0);
box-shadow: 240px 42px 58px -8px rgba(0,0,0,0.0);}
.square-flip .square2 .textshadow{
-webkit-text-shadow: 240px 42px 58px -8px rgba(0,0,0,0.0);
-moz-text-shadow: 240px 42px 58px -8px rgba(0,0,0,0.0);
text-shadow: 240px 42px 58px -8px rgba(0,0,0,0.0);}
.square-flip:hover .square2 .boxshadow, .square-flip:hover .square2 .textshadow{
-webkit-box-shadow: 24px 42px 58px -8px rgba(0,0,0,0.3);
-moz-box-shadow: 24px 42px 58px -8px rgba(0,0,0,0.3);
box-shadow: 24px 42px 58px -8px rgba(0,0,0,0.3);
}
.square-container2{width:100%;position:relative;z-index:12;}
.square2 img{width:100%;height:350px;object-fit:cover;}
.square222{position:absolute;top:25%;left:0px;right:0px;text-align:center;z-index: 12345;}
.square222 p{text-align:center;position:relative;z-index:1234; }
.square-container h2{color:#000;font-size:36px;margin:20px 0px; }
.square-container2:before {position: absolute;content: '';left: 0px;top: 0px;width: 100%;height: 100%;display: block;background-color: rgb(29 28 28 / 90%);
z-index: 12;}
.square-flip p {color: #fff;width:70%;margin:auto;font-size: 15px;margin-bottom:30px;}
.square-flip h2 {font-size:32px;}
.square222 a{text-decoration:none;background:#f9d035;padding:12px 20px;font-size:14px;color:#000;}
.m_services .p-5{padding:0px 15px !important;}
.m_services_bx_2{margin-bottom:20px;}
.m_services_bx{width:100%;padding:150px 0px;background-color: #010101;min-height:350px;}
.m_services_bx h3{color:#fff;margin:0px;text-align:center;font-size:36px;}
.m_services_bx h3:after {background-color: #f9d035;width: 100px;height: 2px;position: absolute;
    content: '';top: 46%;left: 10px;z-index: 12;}
.m_services_bx22{width:100%;padding:80px 50px;background-color: #010101;min-height:350px;}	
.m_services_bx22 h3{color:#f9d035;margin:0px;text-align:left;font-size:36px;}
.m_services_bx22 .read_btn{margin-top:50px;}
.m_services_bx22 .read_btn a{border-color:#f9d035;background:#f9d035;color:#000;}
.m_services_bx22 .read_btn a i{color:#f9d035;background:#000;}
/*stat*/
.stat{background:#f9d035;padding:0px 50px;}
.stat .sec_title h1:after {background-color: #fff;width: 250px;height: 2px;position: absolute;content:'';top: 28px;left: -270px;}
.stat_bx{width:100%;padding:20px 30px;background:#000;min-height:220px;text-align:center;}
.stat_bx p{  text-align:center;  font-size: 50px;  color: #ffcc00;}		
.stat_bx span,.stat_bx p{display:inline-block;text-align:center;}	
.stat_bx h5{font-weight:300;font-size:18px;padding:0px 30px;color:#ccc; text-align:center;}	
.stat_bx span{    font-size: 72px;
    color: #ffcc00;}
.stat_bx2{padding:50px 0px 0px 0px;  }
/*footer*/
.footer {width:100%;padding:50px 0px;background:#f9d035;margin-top:200px;}
.footer_logo{width:100%;text-align:center;margin-top:-150px;}
.footer_logo img{width:100%;max-width:170px;background:#000;padding:80px 40px;}
.footer-icons ul {list-style:none; margin: 50px 0px;padding: 0;text-align:center;}
.footer-icons ul li {display: inline-block; line-height:50px;background:#000;width:50px;height:50px;margin:0px 10px; }
.footer-icons ul li a {color: #fff;border-radius:0px;display: block;font-size:21px;text-align: center; 
text-decoration:none;  }
.footer_add p{text-align:center;color:#000000;}
.footer_add  i{color:#000;padding-right:20px;font-size:30px;}
.copyrights{width:100%;padding:40px 0px; background:#000000; }
.copyrights p{text-align:center;margin:0px;font-size:14px;color: #ccc;}
.copyrights a{text-decoration:none;color:#fff;}
.copyrights img {width: 30px;height: 30px;object-fit: contain;} 
/*chatbox*/
 
.btn#my-btn {     background: white;    padding-top: 13px;    padding-bottom: 12px;    border-radius: 45px;    padding-right: 40px;    padding-left: 40px;    color: #5865C3;}
#chat-overlay {    background: rgba(255,255,255,0.1);    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    border-radius: 50%;    display: none;}
#chat-circle i{color:#000;}.chat-box {  display:none;  background: #efefef;  position:fixed;    z-index: 99999999;  right:30px;  bottom:50px;    width:350px;  max-width: 85vw;  max-height:80vh;  border-radius:5px;  }
.chat-box-toggle {  float:right;  margin-right:15px;  cursor:pointer;}
.chat-box-header {  background: #f9d035; height: 70px;    border-top-left-radius: 0;    border-top-right-radius: 0;    color: #fff;    text-align: center;    font-size: 20px;    padding-top: 17px;}
.chat-box-body {  position: relative;    height:370px;    height:auto;  border:1px solid #000;    overflow: hidden;}
.chat-box-body:after {  content: ""; background:#fff;  opacity: 0.1;  top: 0;  left: 0;  bottom: 0;  right: 0;  height:100%;  position: absolute;  z-index: -1;   }
#chat-input {  background: #f4f7f9;  width:100%;   position:relative;  height:47px;    padding-top:10px;  padding-right:50px;  padding-bottom:10px;  padding-left:15px;  border:none;  resize:none;  outline:none;  border:1px solid #ccc;  color:#888;  border-top:none;  border-bottom-right-radius:5px;  border-bottom-left-radius:5px;  overflow:hidden;  }
.chat-input > form {    margin-bottom: 0;}
#chat-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */  color: #ccc;}
#chat-input::-moz-placeholder { /* Firefox 19+ */  color: #ccc;}
#chat-input:-ms-input-placeholder { /* IE 10+ */  color: #ccc;}
#chat-input:-moz-placeholder { /* Firefox 18- */  color: #ccc;}
.chat-submit {    position:absolute;  bottom:3px;  right:10px;  background: transparent;  box-shadow:none;  border:none;  border-radius:50%;  color:#5A5EB9;  width:35px;  height:35px;  }
.chat-logs {  padding:45px 15px;   height:auto; background: #000;}
.chat-logs::-webkit-scrollbar-track{	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);	background-color: #F5F5F5;}
.chat-logs::-webkit-scrollbar{	width: 5px;  	background-color: #F5F5F5;}
.chat-logs::-webkit-scrollbar-thumb{	background-color: #5A5EB9;}
.chat-logs{text-align:center;}
.chat-logs input{width:100%;padding:8px 10px;margin-bottom:8px;border:1px solid #fff;}
.chat-logs select{width:100%;padding:8px 10px;margin-bottom:8px;border:1px solid #fff;}
.chat-logs input[type=submit]{width:auto;padding:10px 20px !important;color:#000;margin-bottom:10px;background:#f9d035;border:1px solid #f9d035;border-radius:0px;}
.chat-logs input[type=submit]:hover{color:#000;}
.chat-logs textarea{width:100%;height:100px;padding:10px;margin-bottom:10px;border:1px solid #fff;}
@media only screen and (max-width: 500px) {
   .chat-logs {        height:auto;    }
}
.fixed_icon {position: fixed;bottom: 2%;right: 2%;z-index:1234567;}
.fixed_icon ul{margin:0px;}
.fixed_icon ul li{list-style:none;margin:0px 1px;display:inline-block;cursor:pointer;}
.up_arrow{padding:6px 8px;background:#fff;color:#000;border:1px solid #ccc;}
#chat-circle{background:#f9d035;padding:6px 8px;color:#000;border:1px solid #f9d035;border-radius:0px;}
.fixed_icon .btn {    vertical-align: initial;}
 
/*page_title*/
.page_title{width:100%;background-repeat: no-repeat;background-size: cover;padding:250px 0px 100px 0px;background-position: center;
background-attachment: scroll;position: relative;background-image: url(../images/page_title.jpg);overflow:hidden;}
.page_title h2 {margin: 0;text-transform:capitalize;letter-spacing: 3px;font-size:36px;font-weight: 500; text-align:center;color: #fff;     text-shadow: 2px 2px #000; }
.page_title .breadcrumb {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;padding: 0.75rem 1rem;margin-bottom: 1rem;
list-style: none;background-color: rgba(0, 0, 0, 0.88);border-radius: 30px 0 0px 30px;border: 1px dashed #fff;margin-top: 17px;}
.page_title .breadcrumb li a{color:#fff;text-decoration:none; }
.page_title .breadcrumb-item.active {color: #efa603;font-size: 14px;}
/*main_contact*/
.main_contact{width:100%;padding:60px 0px;} 
.main_contact_bx ul {list-style: none;padding: 0;margin: 0;}
.main_contact_bx ul li { color: #1c2045; padding-left: 70px;position: relative;margin-bottom: 20px;}
.main_contact_bx ul li i {position: absolute; top: 7px;font-size: 28px;background:#f9d035;color: #000;left: 0;padding:10px;}
.main_contact_bx ul li h4{margin:0px;font-size:32px;font-weight:500;} 
.main_contact_bx ul li p{font-size:17px;text-align:left;line-height: 1.4;margin:2px 0px 10px 0px;}
 .main_contact_enq{width:100%;padding:30px 0px;background:#000;}
.main_contact_enq_left input{width:100%;padding:10px;margin-bottom:10px;border:1px solid #ffcc00;background:#ffcc00;color:#000;}
.main_contact_enq_left select{width:100%;padding:10px;margin-bottom:10px;border:1px solid #ffcc00;background:#ffcc00;color:#000;}
.main_contact_enq_left_btn{text-align:center;margin-top:15px;}
.main_contact_enq_left_btn input[type=submit]{width:auto;padding:10px 20px !important;color:#000;margin-bottom:10px;background:#ffcc00;
border:1px solid #ffcc00;border-radius:0px;}
.main_contact_enq_left input[type=submit]:hover{color:#000;}
.main_contact_enq_left textarea{width:100%;height:90px;padding:10px;margin-bottom:10px;border:1px solid #ffcc00;background:#ffcc00;color:#000;}
.main_contact_enq_left h3{position:relative;color:#fff;margin-bottom:40px;padding-bottom:20px;}
.main_contact_enq_left h3:before{content:'';position:absolute;width:60px;height:2px;left:0px;bottom:0px;background:#ffcc00;}
.main_contact_enq_left input::placeholder{color:#000;}
.main_contact_enq_left textarea::placeholder{color:#000;}
.main_contact_enq_right iframe{width:100%;height:400px;}
.footer_add2{margin-top:100px;}
.footer_add2 p{text-align:center;color:#000000;font-size:30px;}
.footer_add2  i{background:#ffcc00;color:#000;padding:15px;margin-right:20px;font-size:30px;}
/*main_blog*/
.main_blog{width:100%;padding:60px 0px;}
.main_blog_bx{width:100%;margin-bottom:100px;}
.main_blog_bx_img{width:100%;position:relative;}
.main_blog_bx_img .category {position: absolute;width: auto;height: auto;padding: 5px 10px;left: -10px;top: 10px;background: #ffcc00;color: #000;}
.main_blog_bx_img .category p{margin:0px;}
.main_blog_bx_img img{width:100%;height:350px;object-fit:cover;border:5px solid #000;}
.main_blog_bx a{text-decoration:none;color:#000;}
.main_blog_content h3 {position: relative;font-size: 24px;color:#000;margin:10px 0px;font-weight: 500;transition: all .2s ease-in-out;}
.main_blog_content p{font-size: 14px;color: rgba(0,0,0,0.6);text-align:left;margin-bottom:20px;}
 .main_blog_content_btn a{background:#000;color:#ccc;padding:10px 20px;transition: all .2s ease-in-out;}
 .main_blog_content_btn:hover a{background:#ffcc00;color:#000; }
.main_blog_right_bx {display:flow-root;background-color: #ffffff;border-style: solid;padding: 30px;border-width: 4px;border-color: #000000;border-radius: 0px;}
.main_blog .search_bx { }
.main_blog .search_bx .btn-secondary {color: #fff;background-color: #ffcc00;border-color: #ffcc00;border-radius:1px;box-shadow: 0 0 0 0rem rgba(0, 0, 0, 0);}
.main_blog .search_bx .form-control {border: 2px solid #000;background:transparent;color:#fff; background-color: #fff;border-radius:1px;
box-shadow: 0 2px 3px 0 rgba(12,0,46,.08);    padding: 25px 10px;}
.main_blog .search_bx .form-control:focus {color: #495057;background-color: transparent;border-color:#ffcc00 !important;outline: 0;box-shadow: 0 0 0 0rem rgba(0, 0, 0, 0);}
.main_blog .search_bx .form-control::placeholder{color:#ffcc00;}
.search_bx .input-group-append {margin-left: 10px;}
.main_blog_right_bx{margin-bottom:20px;} 
 .widget_title h3{font-size: 25px;color: #222d39;padding-bottom:8px;margin:25px 0px;display:inline-block;border-bottom:1px solid #000;}
 .blog_tags ul {margin-bottom: 0;}
.blog_tags a {font-weight: 300;font-size:14px;color: #595b64;border:5px solid rgba(167,167,167,.16);border-radius: 3px;padding: 6px 18px;text-decoration:none;
float: left;-webkit-transition: all .2s linear;transition: all .2s linear;margin: 5px;}
.blog_tags a:hover{background:#000;color:#fff;  }
 .main_blog_inn img{width:100%;height:auto;margin-bottom:30px;}
 .post-meta {list-style: none;font-size: .8125rem;padding: 0;margin: 20px 0px;}
.post-meta > li {position: relative;display: inline-block;color: #495057;opacity: 0.8;padding: 0 14px 0 0;margin: 0 14px 0 0;}
.post-meta > li > a{text-decoration:none;color:#495057;}
/*main_faq*/
.main_faq{width:100%;padding:60px 0px;}
.main_faq_title{padding:30px 0px;margin-bottom:60px;} 
.main_faq_title p{text-align:center;} 
.main_faq_right input{width:100%;padding:10px;margin-bottom:10px;border:1px solid #ffcc00;background:#fff;color:#000;}
.main_faq_right select{width:100%;padding:10px;margin-bottom:10px;border:1px solid #ffcc00;background:#fff;color:#000;}
.main_contact_enq_left_btn{text-align:left;margin-top:15px;}
.main_contact_enq_left_btn input[type=submit]{width:auto;padding:10px 20px !important;color:#000;margin-bottom:10px;background:#fc0;
border:1px solid #fc0;border-radius:0px;}
.main_faq_right input[type=submit]:hover{color:#000;}
.main_faq_right textarea{width:100%;height:120px;padding:10px;margin-bottom:10px;border:1px solid #ffcc00;background:#fff;color:#000;}
.main_faq_right h3{font-size:36px;font-weight:500px;margin-bottom:40px;} 
.main_faq_right h3 i {background:#ffcc00;padding:10px;color:#fff;margin-right:10px;}
.main_faq_left h3{font-size:36px;font-weight:500px;margin-bottom:40px;} 
.main_faq_left h3 i {background:#ffcc00;padding:10px;color:#fff;margin-right:10px;}
 #main {margin:0px 0;}
#main #faq .card {margin-bottom: 30px;border: 0;}
#main #faq .card .card-header {border: 0;
  -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);border-radius: 2px;padding: 0;}
#main #faq .card .card-header .btn-header-link {color: #000;display: block;text-align: left;background: #ffcc00;
  color: #222;padding:10px;}
#main #faq .card .card-header .btn-header-link:after {content: "\eab2";font-family: "Icofont";font-weight: 500;float: right;}
#main #faq .card .card-header .btn-header-link.collapsed {background: #ffcc00;color: #000;}
#main #faq .card .card-header .btn-header-link.collapsed:after {content: "\eab9";font-family: "Icofont";}
#main #faq .card .collapsing {background: #ffcc00;line-height: 30px;}
#main #faq .card .collapse {border: 0;}
#main #faq .card .collapse.show {background: #ffcc00;line-height: 30px;color: #222;}
#main #faq .card-body{background:#fff;border:1px solid #ffcc00;} 
#main #faq .btn:focus, .btn.focus {outline: 0;box-shadow: 0 0 0 0rem rgba(0, 123, 255, 0.25);}
/*main_projects*/ 
.main_projects{width:100%;padding:60px 0px;} 
.main_projects_bx{width:100%;margin-bottom:30px;} 
.main_projects_bx img{width:100%;height:350px;object-fit:cover; } 
.main_projects_bx a{text-decoration:none;}
.main_projects_bx h3 {position: relative;font-size: 21px;color:#f9d035;margin:0px;padding:15px 15px;font-weight: 500;text-align:left;
transition: all .2s ease-in-out;background-color: #010101;text-transform:capitalize;}

 .masonry { /* Masonry container */-webkit-column-count: 4;-moz-column-count:4;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 {-moz-column-count: 2;-webkit-column-count: 2;column-count: 2;}}
@media only screen and (min-width: 321px) and (max-width: 768px){
.masonry {-moz-column-count: 2;-webkit-column-count: 2;column-count: 2;}}
@media only screen and (min-width: 769px) and (max-width: 1200px){
.masonry {-moz-column-count: 3;-webkit-column-count: 3;column-count: 3;}}
@media only screen and (min-width: 1201px) {
.masonry {-moz-column-count: 3;-webkit-column-count: 3;column-count: 3;}}
.masonry{margin-top:60px;}
.main_projects_left_inn2 h2{margin:0px 0px 30px 0px;}
.main_projects_left_inn3{ } 
.main_projects_left_inn img{width:100%;height:400px;object-fit:cover; } 
 /*main_projects*/
.main_projects{width:100%;padding:60px 0px;} 
.main_projects .m_services_bx_2{margin-bottom:40px;}
.main_projects2{padding:0px 0px 40px 0px;}
.main_projects2_bx{width:100%;padding:40px 20px;background:#010101;} 
.main_projects2_bx h3{font-size:22px;font-weight:500px;margin: 0px;color:#fff;text-align:center;} 
.main_projects2_bx h3 i {background:#ffcc00;padding:10px;color:#000;margin-right:10px;}
.main_projects2_bx_bg2{background:#ffd426;}
.main_projects2_bx_bg2 a{color:#000;text-decoration:none;}
.main_projects2_bx_bg2 h3 i {background:#000;padding:10px;color:#ffcc00;margin-right:10px;}
.main_projects2_bx_bg3{background:#eee;}
.main_projects2_bx_bg3 h3 i{background:#ffcc00;padding:10px;color:#000;} 
.main_projects2_bx_bg3 h3{color:#000;}
.main_projects2_bx_bg2 h3{color:#000;}
.main_projects_tile{margin:30px 0px 60px 0px;text-align:center;}
.main_projects_tile i{font-size:36px;color:#ffcc00;}
.main_projects3{width:100%;padding:30px 0px;}
.main_projects3 .tab-content{background:#000;padding:60px 30px;margin-top:30px;}
.tab_content_right h3{font-size:32px;color:#fff;position:relative;font-weight:500;margin-bottom:40px;padding-bottom:15px;}
.tab_content_right h3:after{content:'';position:absolute;width:30px;height:2px;bottom:0px;left:0px;background:#ffcc00;}
.tab_content_right p{color:#fff;margin-bottom:40px;}
.tab_content_right a{font-size: 14px;color: #000;font-weight: 500;background-color: #fff;padding:12px 35px;padding-right:65px;
border-style: solid;border-width: 2px;border-color: #fff;position:relative;text-decoration:none;}
.tab_content_right a i{ background:#000;color:#fff; position:absolute;top:8px;right:20px; padding:7px;}
.tab_content_left img{width:100%;height:auto;}
.main_projects3 .nav-tabs .nav-link {border: 0px solid transparent;border-top-left-radius: 0;border-top-right-radius: 0;background: #eee;border-bottom:5px solid #eee;
}
.main_projects3 .nav-tabs .nav-link.active,.main_projects3 .nav-tabs .nav-item.show .nav-link {color: #000;background-color: #ffcc00;
    border-color: #000;border-bottom:5px solid #000;}
.main_projects3 .nav-link {display: block;  color: #000;font-size:18px;font-weight:500;padding: 10px 20px;margin-bottom:10px;}
.main_projects3 .nav-tabs {border-bottom: 0px solid #dee2e6;}
.main_projects3 .nav-tabs .nav-item {margin-bottom: 0;display: inline-block;margin: 0px 15px 0px 0px;}
.main_projects3 .nav {display: -ms-flexbox;display: block;-ms-flex-wrap: wrap;flex-wrap: wrap;padding-left: 0;
    margin-bottom: 0;list-style: none;text-align: center;}
/*main_about*/	
.main_about{width:100%;padding:100px 0px;}	
.main_about_right{width:100%;position: relative;z-index: 123;border:15px solid #000;}
.main_about_right img{width:100%;height:auto;}	
.main_team_bx h2{margin-bottom:50px;font-weight:500;}	
.main_team_bx2{width:100%;padding:20px;margin-bottom:10px;text-align:center;background:#000;}	
.main_team_bx2 img{width:100%;height:auto;}	
.main_team_bx2 h4{color: #ffcc00;margin:10px 0px;}
.main_team_bx2 p{font-size:14px;color:#ccc;margin:0px;text-align:center;}	
.team_icons{position:absolute;left:30px;top:50px;}	
.team_icons ul{margin:0px;background:#000;}	
.team_icons ul li{list-style:none;padding:5px;display:block;}	
.team_icons ul li a{color:#ffcc00;text-decoration:none;}	
.Count:after{content:"%"}
.skillbar {position:relative;display:block;margin-bottom:15px;width:100%;background:#eee;height:35px;border-radius:3px;
-moz-border-radius:3px;-webkit-border-radius:3px;-webkit-transition:0.4s linear;	-ms-transition:0.4s linear;-o-transition:0.4s linear;
transition:0.4s linear;-webkit-transition-property:width, background-color;
	-moz-transition-property:width, background-color;-ms-transition-property:width, background-color;-o-transition-property:width, background-color;
	transition-property:width, background-color;
}
.skillbar-title {position:absolute;top:0;left:0;width:110px;font-weight:500;font-size:13px;
	color:#ffffff;background:#6adcfa;-webkit-border-top-left-radius:3px;-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-topleft:3px;-moz-border-radius-bottomleft:3px;border-top-left-radius:3px;border-bottom-left-radius:3px;}
.skillbar-title span {display:block;background:rgba(0, 0, 0, 0.1);
	padding:0 20px;height:35px;line-height:35px;-webkit-border-top-left-radius:3px;-webkit-border-bottom-left-radius:3px;
	-moz-border-radius-topleft:3px;-moz-border-radius-bottomleft:3px;border-top-left-radius:3px;border-bottom-left-radius:3px;}
.skillbar-bar {height:35px;width:0px;background:#6adcfa;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.skill-bar-percent {position: absolute;right: 0; text-align: center;top: 0;font-size: 11px; height: 35px;width: 35px;
    line-height: 35px;color: #000;background: #ffcc00; }	
/*search blog*/
#searchform{    padding: 30px;margin-bottom:40px;border: 4px solid  #000000;}	
#searchform label {display:none;}	
#searchform input {border: 2px solid #000;background: transparent;color: #000;background-color: #fff;border-radius: 1px;width:62%;padding: 10px 10px;}
#searchform input[type=submit]{ width:auto;padding:10px; border: 2px solid #ffcc00;color: #ffcc00;}
.widget-area h1{background:#000;color:#fff;font-size:32px;padding:15px;}	
.tagcloud a {font-weight: 300;font-size: 14px;color: #595b64;border: 5px solid rgba(167,167,167,.16);border-radius: 3px;
    padding: 6px 18px;text-decoration: none;float: left;-webkit-transition: all .2s linear;
    transition: all .2s linear;margin: 5px;}	
.footer_add2 a,.main_projects2_bx a,.main_contact_bx a{text-decoration:none;color:#000;}	
.new_flip .box-item {position: relative; -webkit-backface-visibility: hidden;width: 100%;margin-bottom: 35px;}
.new_flip .flip-box { -ms-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-transform-style: preserve-3d;
  perspective: 1000px; -webkit-perspective: 1000px;}

.new_flip .flip-box-front,
.new_flip .flip-box-back {background-size: cover;background-position: center; border-radius: 0px;
  height: 350px; -ms-transition: transform 0.7s cubic-bezier(.4,.2,.2,1); transition: transform 0.7s cubic-bezier(.4,.2,.2,1);
  -webkit-transition: transform 0.7s cubic-bezier(.4,.2,.2,1); -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.new_flip .flip-box-front {background:#ffcc00; -ms-transform: rotateY(0deg);-webkit-transform: rotateY(0deg);  transform: rotateY(0deg);
  -webkit-transform-style: preserve-3d;  -ms-transform-style: preserve-3d; transform-style: preserve-3d;}
.new_flip .flip-box:hover .flip-box-front {
  -ms-transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);  -webkit-transform-style: preserve-3d;  -ms-transform-style: preserve-3d;  transform-style: preserve-3d;}
.new_flip .flip-box-back {position: absolute;top: 0; left: 0;width: 100%; -ms-transform: rotateY(180deg);-webkit-transform: rotateY(180deg);
  transform: rotateY(180deg); -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d; transform-style: preserve-3d;}
.new_flip .flip-box:hover .flip-box-back {
  -ms-transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.new_flip .flip-box .inner {
  position: absolute;
  left: 0;
  width: 100%;
  padding: 60px;
  outline: 1px solid transparent;
  -webkit-perspective: inherit;
  perspective: inherit;
  z-index: 2;
  
  transform: translateY(-50%) translateZ(60px) scale(.94);
  -webkit-transform: translateY(-50%) translateZ(60px) scale(.94);
  -ms-transform: translateY(-50%) translateZ(60px) scale(.94);
  top: 50%;
}

.new_flip .flip-box-header {font-size: 34px;}
.flip-box-img {  margin-top: 25px;}
.new_flip .flip-box-button {background-color: transparent; border: 2px solid #fff;  border-radius: 2px; color: #fff;
  cursor: pointer; font-size: 20px; font-weight: bold;
  margin-top: 25px;padding: 15px 20px; text-transform: uppercase;}	
	
.flip-box-front h2{margin:20px 0px;font-size:32px;}	
.flip-box-back h2{font-size:32px;color:#fff;}	
.flip-box-back p{font-size:15px;color:#fff;text-align:center;margin-bottom:20px;}		
.flip-box-back:before {
  position: absolute;  content: '';  left: 0px; top: 0px; width: 100%;  height: 100%;display: block;background-color: rgb(29 28 28 / 90%);z-index: 12;
}		
	
.flip-box-back a { text-decoration: none;  background: #f9d035;  padding: 12px 20px;  font-size: 14px;  color: #000;}	
	
.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: #000;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: #000;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: 2px;margin: 5px 2px;border: 1px solid #000;background: transparent;display: block;
-webkit-backface-visibility: visible;transition:1s;border-radius:0px;position:relative;}
.testimonials .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {width: 20px;background: #000;}
.testimonials .owl-theme .owl-dots .owl-dot {display:inline-block;zoom: 1;}
.testimonials_bx{text-align:left;width:70%;position:relative;margin:0px auto 60px auto;background: #ffe57f;padding: 40px;min-height:300px;}
.testimonials_bx_name h4{color:#000;margin:0px;line-height:1;text-transform:uppercase;}
.testimonials_bx_content p{min-height:100px;}
.testimonials_bx_name p{margin:0px;font-size:15px;}
.testimonials_bx p{width:100%;font-size:20px;font-weight: 400;text-align:center;color: #000;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: 50%;width: 200px;height: 200px;object-fit:cover;float: right;}
.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: #000;transform: rotate(180deg);margin-left: 20px;}	
.home_map{margin:20px 0px;}
.home_map iframe{width:100%;height:350px}
.slider_ser_bx a{text-decoration:none;}