body{ font-family: 'Raleway', sans-serif; font-size:14px; margin:0; min-height:650px; /*max-width: 1680px;*/ margin:0 auto; scroll-behavior: smooth; }

 
@font-face {
    font-family: 'Geometos';
    src: url('../fonts/Geometos.ttf');
    font-weight: normal;
    font-style: normal;
}



/*ReusableProperties*/
a{ text-decoration:none !important;  transition:0.5s; color:inherit;}
a:focus{ outline:none !important;}
p{ line-height:1.2;}
/*span { display: block; }*/
.h1, .h2, .h3, h1, h2, h3{ font-weight:normal; margin:10px 0 5px;}
.h4, .h5, .h6, h4, h5, h6{ font-weight:700; margin:0;}
.border-none{ border:none !important;}
.padding-none{ padding:0;}
.padding-left-none{ padding-left:0;}
.padding-right-none{ padding-right:0;}
.padding2{ padding:0 10px;}
.clear{ clear:both;}
ul{ padding:0;}                     
.gradient-text,.gradiant-heading{  
    background:  linear-gradient(to right, #fbb03f 0%,#fbaf3f 21%,#f78e35 93%,#f8954a 100%); 
    background: -webkit-linear-gradient(left, #fbb03f 0%,#fbaf3f 21%,#f78e35 93%,#f8954a 100%);
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent;  
    font-family: 'Geometos'; 
}
.heading-title{ font-family: 'Geometos';  color:#666;   font-weight: 500; text-transform: uppercase; }
.gradiant-heading{font-size: 47px;line-height: 1; }
.grey-gradiant{  font-family: 'Geometos'; background: linear-gradient(to bottom, #c5c5c5 0%,#c6c6c6 22%,#d0d0d0 67%,#d4d4d4 100%);  -webkit-background-clip: text;     -webkit-text-fill-color: transparent; }
.sm-heading{ font-weight: normal; color:#666666; text-align: center; font-size: 18px;}
.btn-main,.work-together .tab-content form .contact_submit_btn{ color:#fbab29; border:1px solid #fbab29; padding:16px 50px 16px 50px; transition:.4s ease;   display: inline-block; 
    background:url(../images/btn-arrow.png), url(../images/btn-arrow.png);    background-repeat: no-repeat, no-repeat; background-position: 100% -1px, 52% 55px; text-transform: uppercase;}
/* .btn-main:hover,.work-together .tab-content form .contact_submit_btn:hover{  color:#fbab29; text-shadow: 0px 0px 0px #fbab29; font-weight: 500;  background-position: 100% -1px, 100% -1px; background-position: 122% -28px;} */

.btn-main:hover,.work-together .tab-content form .contact_submit_btn:hover,.work-together .tab-content .contact_btn_border .contact_btn:hover,.connect_to_xcentia .subscribe_mail .form-group a span:hover,.nav_contact .contact_btn_border a.contact_btn.text-center:hover{color: #999; text-shadow: 0px 0px 0px #999; transition: 0.3s;}

/* MYSTYLE */
header{ position:fixed; top:0; width:100%; padding:20px; transition:.3s linear; left: 0;}
header.navbar-fixed{ padding:20px; z-index: 16; background-color: white;}
#innerpage_head header.navbar-fixed{ box-shadow: -1px 1px 2px 0px #ccc;    padding-bottom: 45px;}
.logo{ max-width: 210px; transition:.3s linear;}
header.navbar-fixed .logo {max-width: 210px;     background: #fff;}
/*header.navbar-fixed {padding-left: 0; }*/
.logoBig{display: none;}
header.navbar-fixed .logoBig {display: block;transition: 0.8s;    max-width: 210px; transition: .3s linear; }
/*header.navbar-fixed .logoSmall{display: none; }*/

/*Menu*/
.menu{ margin-left:inherit; text-transform: uppercase; color:#f9a132; }
.banner,.process,.work-together,.ourstory-wrapper,.management-team,.process_page,.design_concept,section.innerbanner.d-flex.align-items-center.justify-content-center.flex-column.process_page,.portfolio_gallery,.cust_reviews,.go_to_market_concept,.gotomarket_concept {margin: 160px 0px;}
.found_content,section.innerbanner.d-flex.align-items-center.justify-content-center.flex-column.process_page{padding: 80px 0px;}
.approach-wrapper{padding-bottom: 60px;}
.sidenav {height: 100%; width: 0; position: fixed; z-index: 1; top: 0; background-color: #ffffff; overflow-x: hidden;  transition: 0.7s; padding-top: 60px; right: 0; z-index: 999;}
.sidenav .closebtn { position: absolute; top: 0px; right: 30px; color: rgba(249, 161, 50, 0.85); font-size: 50px; margin-left: 50px; height: 42px; width: 42px; }
div#demo,.innerbanner{     margin-top: 3em;}
.carousel-item{ text-align:center; }
.carousel-indicators{ bottom: -50px; }
.carousel-indicators li {width: 10px; height: 10px; border-radius: 50%; background: #999; cursor: pointer; }
.carousel-indicators .active{ background:#f6922f; }
.carousel-caption{ color:#444;     bottom: inherit; top: 32%; max-width: 50%; left: 25%; padding: 0;}
.carousel-caption h3,.carousel-caption h2{ font-family: 'Geometos'; }
.carousel-caption h3 {font-size: 1.9rem;     margin-top: 10px; }
.carousel-caption h2 {font-size: 47px;     margin-bottom: 10px;}
.carousel-caption p {max-width: 400px; margin: 0 auto; line-height: 1.4; font-size: 15px;      font-weight: 500;}
/*Fade Effect*/
.carousel-fade .carousel-item {opacity: 0; transition-duration: .6s; transition-property: opacity; }
.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right {opacity: 1; }
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-right {opacity: 0; }
.carousel-fade  .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-prev {transform: translateX(0); transform: translate3d(0, 0, 0); }
/*Mouse scroller*/
.mouse-block{ position: relative;    top: 40px; }
.mousey {    width: 3px; padding: 9px 9px; height: 13px; border: 2px solid #777; border-radius: 9px; opacity: 0.75; box-sizing: content-box; }
.scroller {width: 3px; height: 10px; border-radius: 25%; background-color: #777; animation-name: scroll; animation-duration: 2.2s; animation-timing-function: cubic-bezier(.15,.41,.69,.94); animation-iteration-count: infinite; }
@keyframes scroll {
    0% { opacity: 0; } 10% { transform: translateY(0); opacity: 1; } 100% { transform: translateY(15px); opacity: 0;} 
}

.establishment-wrapper{ color: #777 !important;}
.establishment-wrapper h4 {font-weight: 500; color: white; }
.establishment-wrapper h2{ font-weight: 100; color: white;}

.info-wrapper{    text-align: center; max-width: 90%; position: relative;}
/*.info-wrapper:before{position: absolute; content: ''; background-image: url(../images/connect-arrow-full.jpg); top: -156%; left:47%; height: 143%; width: 85%; background-repeat: no-repeat;}
.process_down_arrow_img{position: relative;}
.process_down_arrow_img:before{position: absolute; content: ''; top: -110%; left: 11%; height: 70%; width: 16px; background-image: url(../images/connect-arrow.jpg); background-repeat: no-repeat;}*/
.info-wrapper p{line-height: 1.6; }
.info-wrapper h3{ font-family: 'Geometos'; color:#545454;}
.process-part .media {margin: 85px 0; }
.process-part .media h5 {font-weight: 500; color: #666; font-size: 22px; margin-bottom: 6px; }

.emerging {
    display: block;
    height: 400px;
    position: relative;
    overflow: hidden;
}
.emerging h2{ margin-bottom: 5px;}
.emerging h4{ margin-bottom: 20px; display:block;}
.emerging .heading-title,.text_on_video p{ color:#fff;}
.text_on_video{position: absolute; top: 30%; left: 15%;}
 .video_wrap{display: flex; align-items: center; height: auto; justify-content: center;}
.recent-work h5{ color:#999999;}
.portfolio {display: block; margin-top: 40px; }
.starkenn,.birdboy,.demyto,.charkha{ height: 280px; width:100%;     display:block; background-image:url('../images/starkenn.jpg'); background-size: cover; background-repeat: no-repeat;     background-position: center; }
.birdboy{  background-image:url('../images/birdboy.jpg'); }
.demyto{   background-image:url('../images/demyto.jpg'); }
.charkha{ height: 575px;   background-image:url('../images/charkha.jpg'); }


.cust-say h6{ font-weight: normal; color:#666666; text-align: center; font-size: 18px;}
.cust-say h4 {text-transform: capitalize;font-family: 'Raleway', sans-serif;font-size: 19px !important;margin-bottom: 18px; }
.cust-say p{     font-size: 13px; line-height: 1.4; font-weight: 500;}
.cust-say h5 {color: #333; font-size: 16px;     margin-bottom: 3px;}



.innerpage .nav-link,.portfolio_gallery .nav-link{display: inline;}
.innerpage{ color:#525252;}
.innerbanner{ padding:20px 0;}
.top-box{ min-height: 180px; position:relative; display: flex; align-items: center;}
.top-box .line{ position:absolute; width:100%; height:6px;  background-image:url('../images/line1.jpg'); background-repeat: repeat-x; bottom:0; }

.navigation-box{ width:750px;}
.navigation-box.navbar-fixed {top: 10px; position: fixed; transition:.5s ease-in-out;    z-index: 16; /* border-bottom: 1px solid #ccc; */}
.navigation-box ul li{ padding:10px 10px; margin:10px 10px;}
.navigation-box ul li a{ transition:.5s ease-in-out;     font-size: 16px; background: linear-gradient(to bottom, #c5c5c5 0%,#c6c6c6 22%,#d0d0d0 67%,#d4d4d4 100%);  -webkit-background-clip: text;     -webkit-text-fill-color: transparent; font-family: 'Geometos'; }
.navigation-box ul li a:hover,.navbar-nav .nav-link.active{ background:  linear-gradient(to right, #fbb03f 0%,#fbaf3f 21%,#f78e35 93%,#f8954a 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;   }

.ourstory-wrapper h3{ font-size: 32px;}
.ourstory-wrapper h4{ font-weight: 100; }
.graph-content{ margin-bottom: 30px; min-height: 400px;}
.graph-content h4{ font-weight: 500; font-size: 20px; margin-bottom: 20px;}
.graph-content p,.approach-wrapper p,.management-team p{line-height: 1.6; font-size: 16px; }
.management-team .text-center p{ max-width: 800px; margin: 0 auto; display:block;}
.management-team .team{ min-height: 700px; margin-top:40px; }
.management-team .about{ text-align: center; min-height: 130px; display:flex; justify-content:center; flex-direction:column;}
.management-team .about h5{ color:#f37e2a; font-weight: 700;}
.management-team .about h6{ font-weight: 400; color:#666666;}
.management-team .about span{ font-weight: 100;color:#f37e2a; }

.careers .bg{ background-image:url('../images/career-img.jpg'); background-repeat:no-repeat;     min-height: 500px;
    background-position: right -15px;}
.careers .bg .info h2{ font-weight: 100; font-size: 30px; color:#777;}


.communicate_section #v-pills-tab{float: left; width: 25%;}
.communicate_section p{font-size: 14px; font-family: "Raleway"; color: #666; font-weight: 500;}
.nav-pills .nav-link.active{background-color: #333333; border-radius: 0px;}
.communicate_section .tab-content{float: left; width: 75%; padding-left: 30px;}
.communicate_section .tab-content .form-group .form-control{border: none; border-bottom: 1px solid; border-radius: 0px; margin-bottom: 40px; padding-bottom: 21px;}
.work-together .nav-pills .nav-link{font-size: 16px; margin-bottom: 20px; padding: 14px 75px;}
.work-together .nav-pills .nav-link#v-pills-home-tab{background-position: 7% -3.5%; background-image: url(../images/social-icon.png); background-repeat: no-repeat;}
.work-together .nav-pills .nav-link#v-pills-messages-tab{background-position: 7% 57%; background-image: url(../images/social-icon.png); background-repeat: no-repeat }
.work-together .nav-pills .nav-link#v-pills-profile-tab{background-position: 7% 24%; background-image: url(../images/social-icon.png); background-repeat: no-repeat;}
.work-together .nav-pills .nav-link#v-pills-settings-tab{background-position: 7% 90%; background-image: url(../images/social-icon.png); background-repeat: no-repeat;}
.work-together .nav-pills .nav-link#v-pills-home-tab:hover,.work-together .nav-pills .nav-link.active#v-pills-home-tab{background-position: 7% 8.5%; background-color:#333333; color: white; border-radius: 0;}
.work-together .nav-pills .nav-link#v-pills-profile-tab:hover,.work-together .nav-pills .nav-link.active#v-pills-profile-tab{background-position:7% 38.5%; background-color:#333333; color: white; border-radius: 0;}
.work-together .nav-pills .nav-link#v-pills-messages-tab:hover,.work-together .nav-pills .nav-link.active#v-pills-messages-tab{background-position:7% 71.5%; background-color:#333333; color: white; border-radius: 0;}
.work-together .nav-pills .nav-link#v-pills-settings-tab:hover,.work-together .nav-pills .nav-link.active#v-pills-settings-tab{background-position:7% 100.5%; background-color:#333333; color: white; border-radius: 0;}

.work-together .nav-pills .nav-link img{margin-right: 25px; vertical-align: middle;}
.work-together .tab-content .contact_btn_border .contact_btn{background-size: 100% 100%; color:#fbab29;  padding:0px; transition:.4s ease;   display: inline-block; border-radius: 0px;
    background:url(../images/contact-arrow.png), url(../images/contact-arrow.png);  font-size: 25px; font-family: "Geometos"; font-weight: normal;  background-repeat: no-repeat, no-repeat;     background-position: 51% 75px,  -15% 65%; text-transform: uppercase; width: 100%; height: 100%; padding-top: 45px; display: flex; align-items: center; justify-content: center;}
.work-together .tab-content .contact_btn_border .contact_btn:hover{/*background-position: 51% 75px*/}
.work-together .tab-content .contact_btn_border{background-image: url(../images/btn_border.png); background-size: 100% 100%; height: 100%; width: 100%; min-height: 239px;}
.social_icon ul.list-inline li.list-inline-item img{width: 37px; transition: 0.3s;}
.social_icon ul.list-inline li.list-inline-item:not(:last-child){margin-right: 3px;}
.connect_to_xcentia .social_icon p,.connect_to_xcentia .subscribe_mail p{font-family: "Raleway"; color: #000000; font-size: 15px;text-shadow: 0px 0px 0px #000;}
.connect_to_xcentia .subscribe_mail .form-group .form-control{border: none; border-bottom: 1px solid; border-radius: 0; padding-bottom: 12px;}
.connect_to_xcentia .subscribe_mail .form-group .form-control:focus,.communicate_section .tab-content .form-group .form-control:focus{box-shadow: none;}
.social_icon ul.list-inline{margin-top: 20px; transition: 0.3s;}
.connect_to_xcentia .subscribe_mail .form-group{position: relative;}
.connect_to_xcentia .subscribe_mail .form-group a span{position: absolute; bottom: 12px; right: 0; font-size: 14px; font-family:"Raleway"; color: #fbac29; text-transform: uppercase; font-weight: 600; transition: 0.3s;}
.connect_to_xcentia{margin-bottom: 100px;}
footer .copyright_section #copyright_xcentia span{font-size: 13px; color: #666666; font-family: "Raleway"; margin: 0 19px;}
#mySidenav ul.nav_home_logo li span{font-size: 28px; font-family: "Geometos"; color: #f9a132; /* color: #faae4d;*/ vertical-align: middle; padding-left: 23px; line-height: 0;}
#mySidenav ul.nav_home_logo li img{margin-left: -55px;}
#mySidenav ul.nav_home_menu h3{color: /*#666666;*/rgba(102, 102, 102, 0.9); font-size: 28px; font-family: "Geometos"; text-transform: uppercase; margin-bottom: 18px; margin-top: 0; transition: 0.3s;}
#mySidenav ul.nav_home_menu li{font-size: 20px; font-family: "Geometos"; /*color: #f9a132; */ color:rgba(249, 161, 50, 0.85); text-transform: uppercase; margin-bottom: 12px; float: left; width: 100%;}
#mySidenav ul.nav_home_menu li a:hover{color:rgba(249, 161, 50, 0.85);}
#mySidenav .nav-home-rightborder{border-right: /*1px solid #545454;*/1px solid rgba(84, 84, 84, 0.68);}
.navbar_process_menu .process_menu,.nav_contact{float: left; width: 50%;}
.nav_contact .contact_btn_border{background-image: url(../images/btn_border.png); background-repeat: no-repeat; min-height: 250px;}
.nav_contact .contact_btn_border .contact_btn{background-size: 100% 100%; color: #fbab29; padding: 0px; transition: .4s ease; display: inline-block; border-radius: 0px; background: url(../images/contact-arrow.png), url(../images/contact-arrow.png); font-size: 25px; font-family: "Geometos"; font-weight: normal; background-repeat: no-repeat, no-repeat; background-position: 50% 70px, -18% 129px; text-transform: uppercase; width: 56%; height: 100%; padding-top: 29%; }
.nav_contact p span{font-family: "Raleway"; font-size: 16px; color: #f9a132; margin-left: 25px;}
.nav_contact p{margin:23px 0px;}
.navigation-box.navbar-fixed .navbar-nav .nav-item .nav-link img{display: inline; margin-right: 8px;}
.navigation-box.portfolio_page.navbar-fixed .navbar-nav .nav-item img{margin:0 auto; display: block !important;}

/*.navbar_process_menu{background-image: url(../images/side-nav-bg.png); background-repeat: no-repeat; background-size: 100% 100%;}*/ 
.top-box{max-width: 880px;}
.process_page .top-box .Process-content p,.portfolio_gallery .top-box p{font-family: "Raleway"; font-size: 16px; color: #666666;margin-top: 15px; line-height: 1.6em;}
.process_page .navigation-box .navbar-nav .nav-item img,.navigation-box .navbar-nav li.nav-item img{margin: 0 auto; display: block;min-width: 35px; padding-bottom: 9px; min-height: 47px;width: 40px;height: 40px;}
.navigation-box .nav-link{display: inline;}
.process_page .navigation-box .navbar-nav,.navigation-box .navbar-nav{margin-top: 0px; background-color: white;}
.process_concept h5,.design_concept_leftside_content h5,.process_concept_rightside_content h5{font-size: 20px; font-family: "Raleway"; color: #666666; font-weight: normal; margin-bottom: 47px; font-weight: 500;}
/* .process_concept p.process-content-info{font-size: 30px; font-family: "Raleway"; color:#666666; font-weight: 100;margin: 0 auto; margin-bottom: 100px; max-width: 900px; } */
.process_concept_rightside_content p,.process_concept .right-process p{font-size: 14px; font-family: "Raleway"; color: #666666; line-height: 1.9em;}
.process_concept_rightside_content ul li{font-family: "Raleway"; color: #666666; list-style-type: none; line-height: 1.9em; position: relative; padding-left: 12px;}
.process_concept_rightside_content ul li:before{position: absolute; content: '-'; width: 25px; left: 0;}
.visit-profile img{margin-right: 9px;}
.visit-profile span img{margin-left: 14px; margin-right: 14px;}
.design_concept .design_concept_head h5{font-size: 20px; font-family: "Raleway"; color: #666666; font-weight: normal;}
.design_concept .design_concept_head h4{font-family: "Raleway";font-weight: 100; color: #666666; max-width: 900px; margin: 0 auto; margin-bottom: 11px; font-size: 30px;}
.design_concept .design_concept_head p{font-size: 17px; font-family: "Raleway"; color: #666666; max-width: 900px; line-height: 1.8em; margin: 0 auto;}
.design_concept_leftside_content p,.logo_branding p{font-family: "Raleway"; font-size: 14px; color: #666666; line-height: 1.6em;}
.design_concept_leftside_content ul li{font-family: "Raleway"; color: #666666; list-style-type: none; line-height: 1.9em;}
.process-technical ul li:before{position: absolute; content: '';}
.process-technical ul li{padding-left: 0px;}
.process{background-image: url(../images/connect-arrow-full.jpg); width: 100%; height: 100%; background-repeat: no-repeat; background-position: 40.2% 1%; background-size: 24% 36%;}
.process-part .media {position: relative;}
.process-part .media:before{position: absolute; top: -83px; z-index: -1; left: 57px; content: ''; background-image: url(../images/connect-arrow.jpg); height: 78px; width: 20px; background-repeat: no-repeat; background-position: 72% 0; background-size: 100% 100%;}
.process-part .media:first-child:before{position: absolute; top: -63px; z-index: -1; left: 57px; content: ''; background-image: url(../images/process-first-child.png); height: 80px; width: 20px; background-repeat: no-repeat; background-position: 72% 0; background-size: 91% 70%;}
.navbar_process_menu{background-image: url(../images/side-nav-bg.png);background-repeat: no-repeat; background-size: 70% 109%; background-position: 25% 0%;}
.process_menu {padding-left: 37px; }
/*.process_concept,.design_concept,.work-together,.process,.recent-work,.management-team,.ourstory-wrapper,.approach-wrapper{padding: 200px 0px;}*/
/*.recent-work,.approach-wrapper{margin: 200px 0px;}*/
.social_icon ul.list-inline li:hover img{margin-top: -10px; cursor: pointer;}
.header .logo img.navbar-image{ width: 32px; height: 32px; overflow: hidden; display: none; margin-left: 70px;}
#navigation_hide_img,.navigation-box .navbar-nav .nav-item a.nav-link.active img#navigation_show_img{display: none;}
.navigation-box .navbar-nav .nav-item a.nav-link.active img#navigation_hide_img{display: block;}
.navigation-box.navbar-fixed .navbar-nav .nav-item a.nav-link.active img#navigation_hide_img{display: inline; margin-right: 8px;}
.navigation-box.navbar-fixed .imgwidth {display: inline-block; width: 50px; }
/*------------------------------ Portfolio Page---------------------------------------------------------*/

.portfolio_filter_btn .button{display: inline-block; cursor: pointer; padding: 10px 20px; margin: 10px 10px; border: none; transition: .4s ease; -webkit-transition: background 0.4s ease; -moz-transition: background 0.4s ease; text-transform: uppercase; font-family: 'Geometos'; background-color: #FFFFFF; font-size: 16px; color: #cccccc; }
.portfolio_filter_btn button.button.nav-link img{display: block; margin: 0 auto;min-width: 35px; padding-bottom: 9px; min-height: 47px;}
.portfolio_filter_btn.navbar-nav.flex-row.justify-content-center.navigation-box{margin: 0 auto; width: 100%;}
header.header.d-flex.justify-content-between.align-items-center.prortfolio_page_head.navbar-fixed{padding-bottom: 45px; transition: 0.1s;     border-bottom: 1px solid #ccc;    }
.button-group.filters-button-group.nav-item.navigation-box.navbar-fixed,#portfolio-gallery-page div#demo{margin: 0px;     transition: 0.1s;}
.button-group.filters-button-group.nav-item.navigation-box.navbar-fixed .nav-link img{display: inline; margin-right: 6px;}
.button-group.filters-button-group.nav-item.navigation-box.navbar-fixed .button{padding: 10px 15px;}
button.button.nav-link.scroll.is-checked img#navigation_show_img{display: none;}
button.button.nav-link.scroll.is-checked img#navigation_hide_img{display: block;}
button.button.nav-link.scroll.is-checked span{color:#fbb03f;}
.navbar-fixed button.button.nav-link.scroll.is-checked img#navigation_hide_img{display: inline;}
.portfolio_filter_btn .button:active,
.portfolio_filter_btn .button.is-checked {/*background-color: rgba(0,0,0,0.1); outline: none;*/ outline: 0; }
.portfolio_filter_btn .button-group {margin: 0px 0px 40px 0px; text-align: center;background-color: #fff; }
.portfolio_filter_btn .button-group:after {content: ''; display: block; clear: both; }
.js-masonry.grid article {background-color: #FFFFFF; display: block; float: left; margin: 1%; width: 23%; }
.all_sec_portfolio p{color: #666; font-size: 14px; font-family: "Raleway"; line-height: 1.5em; text-shadow: 0px 0px 0px #666;}
.green-text{  background: #99cc66;
    background: -moz-linear-gradient(top, #59b050 0%, #97cb70 64%, #a8d379 93%, #67b657 100%);
    background: -webkit-linear-gradient(top, #99cc66 0%,#97cb70 64%,#a8d379 93%,#67b657 100%);
    background: linear-gradient(to bottom, #ddc975 0%,#4fcd52 64%,#7eb640 93%,#53a63d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59b050', endColorstr='#a8d379',GradientType=0 );
-webkit-text-fill-color: transparent;
    font-family: 'Geometos';
    -webkit-background-clip: text;
}
/*----------------------------------------------------------------------------------*/
video::-webkit-media-controls {display: none; background-attachment: fixed; }
.video_wrap{background-attachment: fixed;}
.key_feature ul li,#web-ui-ux p.text-center{font-family: "Raleway"; font-size: 14px; list-style-type: none; line-height: 1.8em; color: #666; text-shadow: 0px 0px 0px #666; }
.star_rating img{margin: 0 auto; display: block;}
.portfolio_gallery.portfolio_page .visit-profile{width: 100%;}
.all_sec_portfolio,.projects_space_row,.on_the_rock, .logo_branding .birdboy_logo, .nutriofit, .parent-zone, .toy-station, .phd_logo,.web-ui-ux-bg{margin: 200px 0px;}
.project_info_left{padding-left: 40px;}
.project_info_right{padding-right: 40px;}
.design_concept .container,.design_concept,.design_concept_after,.technology_concept,.go_to_market_concept,.go_to_market_concept .container,.process_concept_head,.process_concept_head.mb-5 img,.process_concept_after,.process_concept_left_border,.design_concept_head.mb-5,.design_concept_after,.technology_concept_after,.technology_concept_head img,.process-technical,.gotomarket_concept_after,.gotomarket_concept,.go_to_market_concept_head,.work-together{position: relative;}
.left-process{float: left; width: 50%; position: relative;}
.right-process{float: left;width: 50%; text-align: left;     padding-left: 15px;}
.design_concept_after:after{position: absolute; content: ''; bottom: -11px; left: 15%; background-image: url(../images/dotted-horozontal-right.png); height:30px; width: 100%; background-repeat: no-repeat;}
/* .process_concept,.technology_concept{background-image: url(../images/bg-arrow1.png); background-size: 28% 93%; background-repeat: no-repeat; background-position: 28.5% 99%;} */
.process_concept_head:before{content: ''; background-image: url(../images/dotted-horozontal.png); position: absolute; top: 45px; height: 30px; width: 95%; z-index: 0;}
.process_concept_left_border .visit-profile:after{background-image: url(../images/dotted-downarrow.png); content: ''; position: absolute;  right: 12%; height: 40px; width: 26px; background-repeat: no-repeat; bottom: -20px;}
.design_concept_after .visit-profile:after{background-image: url(../images/dotted-downarrow.png); content: ''; position: absolute;  left: 14%; bottom: -5%; height: 40px; width: 26px; background-repeat: no-repeat;}
.go_to_market_concept .container:before{background-image: url(../images/dotted-downarrow.png); content: ''; position: absolute; top: -26.5%; right: 6%; height: 40px; width: 26px; background-repeat: no-repeat;}
.process_concept_head.mb-5,.technology_concept_head {overflow: hidden; }
.process_concept_after:after{background-image: url(../images/dotted-vertical.png); content: ''; position: absolute; top: 9%; right: 4%; width: 28px; height: 88%;}
.process_concept_left_border:after{background-image: url(../images/dotted-horozontal.png); content: ''; position: absolute; bottom: 6px; right: 15%; width: 91%; height: 28px; background-repeat: no-repeat;}
.design_concept_head:before{content: ''; background-image: url(../images/dotted-horozontal-right.png); position: absolute; /* left: 0; */ top: 45px; height: 30px; width: 100%; z-index: 0; right: 27%;}
.design_concept_head img,.go_to_market_concept_head img{float: right; position: relative;}
.design_concept_head{overflow: hidden; margin-left: 70px;}
.design_concept_after:before{content: ''; position: absolute; top: 9%; right: -17.5%; background-image: url(../images/dotted-vertical.png); height: 90%; width: 28px;}
.technology_concept_after:after{background-image: url(../images/dotted-vertical.png); content: ''; position: absolute; top: 9%; right: 3%; width: 28px; height: 90%;}
.technology_concept_head:before{content: ''; background-image: url(../images/dotted-horozontal.png); position: absolute; top: 45px; height: 30px; width: 92%; z-index: 0;}
.process-technical:after{background-image: url(../images/dotted-horozontal.png); content: ''; position: absolute; bottom: -11px; right: 16%; width: 90%; height: 28px; background-repeat: no-repeat;}
.gotomarket_concept_after:before{content: ''; position: absolute; top: 8%; right: -17.5%; background-image: url(../images/dotted-vertical.png); height: 92%; width: 28px;}
.go_to_market_concept_head {overflow: hidden; margin-left: 59px;}
.gotomarket_concept .design_concept_after:before{right: -15.5%;}
.gotomarket_concept .design_concept_after:after{left: 13%;}
.process-technical .visit-profile:after{background-image: url(../images/dotted-downarrow.png); content: ''; position: absolute; right:12%; bottom: -5%; height: 40px; width: 26px; background-repeat: no-repeat;}
.go_to_market_concept_head:before{content: ''; background-image: url(../images/dotted-horozontal-right.png); position: absolute; top: 45px; height: 30px; width: 100%; z-index: 0; right: 28%;}
.gotomarket_concept .design_concept_after .visit-profile:after{background-image: url(../images/dotted-downarrow.png); content: ''; position: absolute; left: 12%; bottom: -6%; height: 40px; width: 26px; background-repeat: no-repeat;}



.communicate_section .tab-content .form-group .form-control::-webkit-input-placeholder,.connect_to_xcentia .subscribe_mail .form-group .form-control::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
  color: #999999;
  font-size: 16px;
  font-family: "Raleway";
}
.communicate_section .tab-content .form-group .form-control::-moz-placeholder,.connect_to_xcentia .subscribe_mail .form-group .form-control::-webkit-input-placeholder { /* Firefox 19+ */
  color: #999999;
  font-size: 16px;
  font-family: "Raleway";
}
.communicate_section .tab-content .form-group .form-control:-ms-input-placeholder,.connect_to_xcentia .subscribe_mail .form-group .form-control::-webkit-input-placeholder{ /* IE 10+ */
  color: #999999;
  font-size: 16px;
  font-family: "Raleway";
}
.communicate_section .tab-content .form-group .form-control:-moz-placeholder,.connect_to_xcentia .subscribe_mail .form-group .form-control::-webkit-input-placeholder{ /* Firefox 18- */
  color: #999999;
  font-size: 16px;
  font-family: "Raleway";
}

::-webkit-scrollbar {
    width: 14px;
    z-index: 999999999;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
    z-index: 999999999;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: linear-gradient(to right, #fbb03f 0%,#fbaf3f 21%,#f78e35 93%,#f8954a 100%);
    background: -webkit-linear-gradient(left, #fbb03f 0%,#fbaf3f 21%,#f78e35 93%,#f8954a 100%);
    z-index: 999999999;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(to right, #fbb03f 0%,#fbaf3f 21%,#f78e35 93%,#f8954a 100%);
    background: -webkit-linear-gradient(left, #fbb03f 0%,#fbaf3f 21%,#f78e35 93%,#f8954a 100%);
    z-index: 999999999;
}

/*.navbar-image{display: none; margin-left: 50px; top: 0px;}*/
/*.navbar-fixed .logo img{background-image: url(../images/navbar-fix-logo.jpg); background-repeat: none;}*/


#mySidenav ul.nav_home_menu li a,#mySidenav ul.nav_home_menu li a span{
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition: -webkit-transform 0.5s ease 0s;
    transition: transform 0.5s ease 0s;
    transition: transform 0.5s ease 0s, -webkit-transform 0.5s ease 0s;
    transition-delay: inherit;
    position: relative;
    float: left;
    width: 100%;
}

#mySidenav ul.nav_home_menu li a:after,#mySidenav ul.nav_home_menu li a span:after {
    content: attr(data-title);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 110%;
    overflow: hidden;
    color: rgba(102, 102, 102, 0.9);
    width: 0;
    opacity: 0;
    transition: opacity 0.3s ease 0s, width 0s ease 0.3
}

#mySidenav ul.nav_home_menu li a:hover:after,#mySidenav ul.nav_home_menu li a span:hover:after, #mySidenav ul.nav_home_menu li:focus:after{
    opacity: 1;
    width: 100%;
    transition: opacity 0s ease 0s, width 1.25s ease 0s;
}

#mySidenav ul.nav_home_menu li a h3{
     -webkit-transform: translateY(0);
    transform: translateY(0);
   /*  transition: -webkit-transform 0.5s ease 0s;
   transition: transform 0.5s ease 0s;
   transition: transform 0.5s ease 0s, -webkit-transform 0.5s ease 0s;
   transition-delay: inherit;
   position: relative;*/
   float: left;
   width: 100%; 
}

#mySidenav ul.nav_home_menu li a h3:after{
     content: attr(data-title);
    display: block;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
    overflow: hidden;
    color: rgba(249, 161, 50, 0.85);
    width: 0;
    opacity: 0;
    transition: opacity 0.3s ease 0s, width 0s ease 0.3
}

#mySidenav ul.nav_home_menu li a h3:hover:after{
    opacity: 1;
    width: 100%;
    transition: opacity 0s ease 0s, width 1.25s ease 0s;
}

.logo_branding .logo_images{border: 1px solid #e7e7e7;}
/* .on_the_rock,.logo_branding .birdboy_logo,.nutriofit,.parent-zone,.toy-station,.phd_logo{margin-top: 90px;} */
.logo_branding .birdboy_logo .img_box1{background-image: url(../images/birdboy1.jpg); background-size: 100% 100%; height: 370px;}
.logo_branding .birdboy_logo .img_box2{background-image: url(../images/birdboy3.jpg); background-size: 100% 100%; height: 370px;}
.logo_branding .birdboy_logo .img_box3{background-image: url(../images/birdboy2.jpg); background-size: 100% 100%; height: 370px;}
.logo_branding .birdboy_logo .row,.phd_logo .row{margin-right: 0; margin-left: 0;}
.toy-station .logo_images .img_box1{height: 475px; display: flex; align-items: center; justify-content: center;}
.phd_logo .img_box1{background-image: url(../images/phd1.jpg); background-size: 100% 100%; height: 370px;}
.phd_logo .img_box2{background-image: url(../images/phd2.jpg); background-size: 100% 100%; height: 370px;}
.phd_logo .img_box3{background-image: url(../images/phd3.jpg); background-size: 100% 100%; height: 370px;}
.portfolio_gallery .navigation-box.navbar-fixed .navbar-nav li{padding: 10px 6px; margin: 10px 5px;}
.logo_branding h2.gradient-text{margin-bottom: 3px !important;}
#web-ui-ux .slider-bg{background-image: url(../images/punch-slider-bg.png); background-size: 100% 100%; height: 642px; background-position: center; background-repeat: no-repeat; margin-bottom: 200px;}
.portfolio_gallery .web-ui-ux-bg .carousel-item{ width: 100%; margin: 0 auto; padding: 30px 129px 0; }
.portfolio_gallery .carousel-indicators {bottom: -20%; }
section.portfolio_gallery.portfolio_page.innerbanner.mt-5.d-flex.align-items-center.justify-content-center.flex-column.wow.fadeIn,.all_sec_portfolio,.projects_space_row{margin-bottom: 0px;}
.phd_logo,.web-ui-ux-bg{margin-bottom: 100px;}


/*--------- .carousel-fade CSS-----------------------*/
.portfolio_gallery .carousel-fade .carousel-inner .item { -webkit-transition-property: opacity; transition-property: opacity; }

.portfolio_gallery .carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left,
.portfolio_gallery .carousel-fade .carousel-inner .active.right { opacity: 0; transition:.8s linear; }

.portfolio_gallery .carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left,
.portfolio_gallery .carousel-fade .carousel-inner .prev.right { opacity: 1; }

.portfolio_gallery .carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev,
.portfolio_gallery .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
  left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.carousel-fade .carousel-control { z-index: 2; }

/*---------------------------------------***************----------------------------------*/

.management-team .img-box .overlay .text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  white-space: nowrap;
}

.management-team .img-box:hover .overlay {
  width: 100%;
  left: 0;
}
.management-team .img-box .overlay {
  position: absolute;
  bottom: 0;
  left: 100%;
  right: 0;
 background-color: rgba(253, 193, 104, 0.84);
  overflow: hidden;
  width: 0;
  height: 100%;
  transition: .5s ease;
}
.management-team .img-box {
  position: relative;
  width: 100%;
}
.management-team .img-box .overlay .text .fab.fa-linkedin-in{
    background-color:  #007bb5;
    font-size: 40px;
    height: 50px;
    width: 50px;
    border-radius: 4px;
    color: white;
}

.box--two {
   background-image: url(../images/parallax-banner1.jpg);
    position: relative;
    z-index: 1;
    height: 600px;
    background-size: 100% 100%;
    color: white;
}
.box--three{
     position: relative;
    z-index: 2;
    background: #fff;
}

.parallax {
    
}   


/*MEDIA QUERIES*/

@media(max-width: 1500px)
{
  .process{background-position: 38% 1%;    background-size: 28% 23%;}
  .process{margin-top: 80px;}
  .text_on_video { left: 9%; }
  .process_concept{background-size: 30% 93%; background-position: 25.5% 98%;}
  .design_concept{background-position: 75% 100%; background-size: 27% 95%;} 
  .technology_concept .container:before{left: 15.5%;}
  .gotomarket_concept .container:before{right: 15%;}
  .technology_concept{background-size: 30% 93%; background-position: 25.5% 99%;}
  .go_to_market_concept{background-position: 75% 100%; background-size: 28% 95%;}

}

@media (min-width: 1401px){
	.carousel-caption h3 {font-size: 2.3rem;     margin-top: 15px;}
	.carousel-caption h2 {   font-size: 52px;}
  /*.process{background-position: 37.5% 1%; background-size: 28% 25%;}*/
}


@media (max-width:1400px){
    #home-page .carousel-item img {max-width: 230px; }
    #mySidenav ul.nav_home_logo li span,#mySidenav ul.nav_home_menu h3{font-size: 25px;}
    #mySidenav ul.nav_home_menu li{font-size: 18px;}
    /*.process{background-position: 37% 1%; background-size: 29% 25%;}*/
    .navbar_process_menu{background-size: 71% 117%; background-position: 21% 0%;}
    .process {background-position: 37% 1%; background-size: 29% 23%; }
    .text_on_video { left: 6%; }
    .process_concept {background-size: 32% 93%; background-position: 22.5% 98%; }
    .technology_concept .container:before {left: 13.5%; }
    .technology_concept {background-size: 32% 93%; background-position: 22.5% 99%; }
    .gotomarket_concept .container:before{right: 13%;}
}
@media (max-width:1260px){
     .process {background-position: 35% 1%; background-size: 32% 23%; }
     .process_concept {background-size: 34% 93%; background-position: 19.5% 98%; }
     .design_concept {background-position: 79% 100%; background-size: 30% 95%; }
     .technology_concept .container:before {left: 10.5%; }
     .technology_concept {background-size: 34.5% 93%; background-position: 19.5% 99%; }
     .go_to_market_concept {background-position: 79% 100%; background-size: 30% 95%; }
     .gotomarket_concept .container:before{right: 9.5%;}
}

@media (min-width: 1200px){
    .ourstory-wrapper .info{ max-width: 800px; margin:30px auto 60px;}
    .graph img {max-width: 467px; }
    /*.process {background-position: 37% 21%; background-size: 29% 25%; }*/
   
}

@media (max-width:1199px){
    .carousel-caption{  max-width: 100%;   left: calc(100% - 85%);}
    .recent-work h5{ font-size: 16px;   }
    .gradiant-heading{ font-size: 35px;}
    .ourstory-wrapper h4{ font-size: 17px;    margin-bottom: 30px;}
    .graph-content h4{     font-size: 18px;}
    .graph-content p, .approach-wrapper p, .management-team p{ font-size: 15px;}
    .process {background-position: 38% 1%; background-size: 29.5% 23%;}
    .navbar_process_menu{background-size: 81% 110%; background-position: 9% 0%;}
    .social_icon ul.list-inline li.list-inline-item img {width: 29px; }
    .nav_contact .contact_btn_border .contact_btn{width: 68%; padding-top: 35%; display: flex; align-items: center; justify-content: center;}
    .work-together .tab-content .contact_btn_border .contact_btn{background-position: 51% 75px, -20% 65%;}
    .work-together .nav-pills .nav-link {font-size: 15px; margin-bottom: 15px; padding: 13px 65px; }
    .management-team .team {min-height: 540px; margin-top: 40px; }
    .text_on_video {left: 6%; top: 38%;}
    .process_concept {background-size: 34% 93%; background-position: 21% 98%; }
    .design_concept .container:before{top: -21.3%; right: 5%;}
    .design_concept_after:after{left: 18%; width: 89%;}
    .technology_concept .container:before{top: -19.5%; left: 16%;}
    .go_to_market_concept .container:before{top: -22.5%; right: 7%; height: 23%;}
    .go_to_market_concept {background-position: 72% 100%; background-size: 30% 95%; }
    .go_to_market_concept  .design_concept_after:after{width: 85%;}
    .gotomarket_concept .container:before {top: -21%; right: 14%; }
    .go_to_market_concept_head:before{height: 30px; width: 100%; z-index: 0; right: 29%;}
    .go_to_market_concept_head{margin-left: 0px;}
    .design_concept_head{margin-left: 20px;}
    .gotomarket_concept .design_concept_after:before {right: -4.5%; }
    .gotomarket_concept .design_concept_after:after{left: 14%;}
    .design_concept_after:before{right: -10.5%; top: 8%; height: 91%;}
    .technology_concept_after:after{top: 8.5%; height: 91%;}
    .work-together:before{top: -82%;}
    #web-ui-ux .slider-bg{height: 538px;}
    .portfolio_gallery .web-ui-ux-bg .carousel-item{padding: 20px 104px 0;}
    .portfolio_gallery .carousel-indicators {bottom: -24%; }
}

@media(max-width: 1024px){
  #mySidenav ul.nav_home_logo li span, #mySidenav ul.nav_home_menu h3{font-size: 21px;}
  #mySidenav ul.nav_home_menu li{font-size: 16px;}
  #mySidenav ul.nav_home_logo li img {margin-left: -32px; }
  .nav_contact .contact_btn_border .contact_btn{width: 68%; background-position: 52% 70px, -18% 129px;}

  .nav_home_menu {padding-left: 23px; }
  .process {background-position: 35.1% 1%; background-size: 34% 23%;; }
  .process_menu {padding-left: 20px; }
  .navbar_process_menu {background-size: 81% 115%; background-position: 9% 3px;}
  .navigation-box ul li a,.portfolio_filter_btn .button{font-size: 15px;}
  .connect_to_xcentia .social_icon p{font-size: 12px;}
  .connect_to_xcentia .subscribe_mail .form-group .form-control{padding-bottom: 6px;}
  .js-masonry.grid article {width: 23%; }
  .text_on_video {left: 0%; top: 38%; }
  .technology_concept .container:before{left: 10.3%;}
  .go_to_market_concept {background-position: 77% 100%; background-size: 34% 95%; }
  .gotomarket_concept .container:before{right: 8%;}
  .logo_branding .birdboy_logo .img_box3,.logo_branding .birdboy_logo .img_box2,.logo_branding .birdboy_logo .img_box1,.phd_logo .img_box3,.phd_logo .img_box2,.phd_logo .img_box1{height: 320px;}
}

@media (min-width: 992px) { .navigation-box{ width:800px; }  }
@media (max-width: 991px) { 
.carousel-caption h2{ font-size: 40px;}
section.process{ background-image: none;}
.info-wrapper{ max-width: 100%;}
.cust-say .media-body{ font-size: 13px;}
.emerging{ min-height: auto; padding:40px 0; }
.careers .bg{     background-position: right bottom; background-size: 400px;}
.careers .bg .info h2{ font-size: 25px;     margin-top: 0;}
#mySidenav ul.nav_home_logo li img {margin-left: -55px; }
.nav_home_menu {padding-left: 0px; }
.nav_contact .contact_btn_border .contact_btn{padding-top: 56%; width: 100%; background-position: 52% 70px, -21% 129px; font-size: 21px;}
.process-part .media:first-child:before,.process-part .media:before{background-image: none;}
.communicate_section .flex-column{flex-direction: row !important;}
.communicate_section #v-pills-tab,.communicate_section .tab-content{float: none; width: initial; padding-left: 0px;}
.xcentia,section.innerbanner.d-flex.align-items-center.justify-content-center.flex-column.process_page,.found_content{padding: 60px 0px; height: initial !important; }
.process-part .media,.approach-wrapper,.approach-wrapper,.recent-work,.work-together,.process_page, .design_concept, section.innerbanner.d-flex.align-items-center.justify-content-center.flex-column.process_page,.banner,.process, .ourstory-wrapper,.management-team,.cust_reviews{margin: 60px 0px;}
.cust-say,.recent-work {min-height: auto; margin-bottom: 0px !important; }
.footer_desc .connect_to_xcentia .col-md-3{flex: 0 0 50%; max-width: none; width: 50%;}
.navbar_process_menu .process_menu{width: 60%;}
.nav_contact{width: 40%;}
.nav_contact .contact_btn_border{background-size: contain; min-height: 204px;}
.navbar_process_menu {background-size: 96% 102%; background-position: 37% 1px; }
.navbar-image{margin-left: 0px;}
.design_concept,.process .mb-5{margin: 0px !important;padding: 0px;}
.process_concept,.design_concept{margin-bottom: 100px;}
.visit-profile{margin-top: 1rem !important;}
.work-together .nav-pills .nav-link{padding: 13px 58px;}
.process_page .navigation-box .navbar-nav .nav-item img, .navigation-box .navbar-nav li.nav-item img,.portfolio_filter_btn button.button.nav-link img{min-width: 30px;max-width: 30px; min-height: 40px; max-height: 40px;}
.navigation-box.navbar-fixed .navbar-nav .nav-item .nav-link img,.button-group.filters-button-group.nav-item.navigation-box.navbar-fixed .nav-link img,.navbar-fixed button.button.nav-link.scroll.is-checked img#navigation_hide_img,.navigation-box.navbar-fixed .navbar-nav .nav-item a.nav-link.active img#navigation_hide_img{display: block; margin: 0 auto;}
.text_on_video {left: 9%; top: 32%; }
.project_info_left .col-md-6,.project_info_right .col-md-6{width: 100%; max-width: none;flex: inherit;}
.process_concept_after:after{right: 2%;}
.process_concept_head:before{left: -27%;}
.process_concept_head:before{width: 89%; left: 9%; right: 0;}
.process_concept_left_border:after{width: 83%; right: 24%;}
.design_concept .container:before {top: -14%; right: 9%; }
.design_concept_head{margin-left: 0;}
.design_concept_after:before{   right: -7.5%; top: 7%; height: 91%;}
.technology_concept{margin: 150px 0;}
.design_concept_rightside_img img,.gotomarket_concept_rightside_img img{width: 90%; float: right;}
.design_concept_after:after{left: 19%; width: 84%; bottom: 0;}
.technology_concept .container:before{left: 19.3%;top: -18.5%;}
.technology_concept_head:before{width: 84%;left: 11%;}
.technology_concept_after:after{top: 7.5%; height: 90%; right: 2%;} 
.process-technical:after{bottom: 4px;right: 24%; width: 83%;}
.gotomarket_concept .container:before{top: -22.5%;    right: 19.5%;}
.navigation-box ul li,.portfolio_gallery .navigation-box.navbar-fixed .navbar-nav li{margin: 0px 10px;}
.gotomarket_concept .design_concept_after:before{right: -9%; top: 8%; height: 90%;}
.go_to_market_concept_head:before{width: 97%;}
.gotomarket_concept .design_concept_after:after {left: 22%; }
.work-together:before {top: -31%; left: 8%; }
.logo_branding .birdboy_logo .img_box3, .logo_branding .birdboy_logo .img_box2, .logo_branding .birdboy_logo .img_box1, .phd_logo .img_box3, .phd_logo .img_box2, .phd_logo .img_box1,.toy-station .logo_images .img_box1{height: 250px;}
#web-ui-ux .slider-bg {height: 400px; }
.portfolio_gallery .web-ui-ux-bg .carousel-item {padding: 19px 80px 0; }
}

@media(max-width: 885px){
    .navigation-box {width: 660px; }
}

@media (min-width: 768px){
    .portfolio img{ width:100%; }
}

@media (max-width:767px){
#home-page .carousel-item img {max-width: 185px;  }
.carousel-caption h3 {    font-size: 1.5rem; }
.carousel-caption h2{     font-size: 24px;   margin: 15px 0px;}
.carousel-caption p{ font-size: 13px; }
.establishment-wrapper h4{ font-size: 18px;}
.establishment-wrapper h2{ font-size: 24px;}
.info-wrapper h3,.design_concept .design_concept_head h4{ font-size: 22px;}
.establishment-wrapper h2 br {display: none; }
.graph-content p, .approach-wrapper p, .management-team p{ font-size: 14px;}
.graph-content h4,.navigation-box ul li a{ font-size: 15px;}
.management-team .about{ min-height: 100px;}
.btn-main{padding: 16px 35px 16px 20px; font-size: 13px;}
.careers .bg {background-position: right 200%; background-size: 400px; }
.management-team .team .col-sm-12,.tab-content form{ margin:20px 0;}
ul.list-unstyled.nav_home_menu,.navbar_process_menu .process_menu{float: left; width: 50%; margin-top: 0px !important; padding-top: 0px !important;}
.navbar_process_menu .process_menu .nav_home_menu{width: 100%;}
#mySidenav .nav-home-rightborder{border-right: none;}
.navigation-box {width: 570px; }
.nav_contact .contact_btn_border{min-height: 200px; background-size: 200px 190px;}
.nav_contact .contact_btn_border .contact_btn {padding-top: 45%; width: 100%; background-position: 50% 54px, -18% 129px; background-size: 24px 24px; }
.xcentia {height: initial !important; }
.carousel-indicators {bottom: -6px; }
.mouse-block {position: initial; top: auto; }
section.banner {margin-bottom: 60px; }
.starkenn, .birdboy, .demyto, .charkha{margin-bottom: 15px;}
.work-together .nav-pills .nav-link img{width: 20px; margin-right: 9px;}
.work-together .nav-pills .nav-link {font-size: 15px;  width: 100%; margin-bottom: 0px; padding: 15px 0px 15px 90px;} 
.work-together .tab-content .contact_btn_border .contact_btn{ width: 100%; padding-top: 35px; background-position: 51% 86px, -18% 129px; }
.work-together .tab-content .contact_btn_border{background-size: 49% 78%;min-height: 280px; width: initial; background-repeat: no-repeat; background-position: center;}
p#copyright_xcentia img{ width: 36%; }
.navbar_process_menu,.process_concept_head:before,.process_concept_after:after,.design_concept .container:before,.process_concept_left_border:after,.design_concept_after:before,.design_concept_after:after,.design_concept_head:before,.technology_concept_head:before,.technology_concept_after:after,.process-technical:after,.gotomarket_concept .container:before,.technology_concept .container:before,.go_to_market_concept_head:before,.work-together:before{background-image: none; right: 0; left: 0;}
.process_menu{padding-left: 0px;}
.footer_desc .connect_to_xcentia .col-md-3{text-align: center; margin-bottom: 30px; width: 100%; flex: 0 0 100%;}
.connect_to_xcentia{margin-bottom: 0px;}
.navigation-box.navbar-fixed .navbar-nav .nav-item{ padding: 0px 6px; margin: 5px 20px; text-align: center;}
.header .logo img.navbar-image{margin-left: 0px;}
.navigation-box.navbar-fixed .navbar-nav .nav-item .nav-link img,.navigation-box.navbar-fixed .navbar-nav .nav-item a.nav-link.active img#navigation_hide_img{display: block; margin: 0 auto;}
.communicate_section .tab-content .form-group .form-control{margin-bottom: 20px; padding-bottom: 14px;}
.found_content{padding: 0px;}
.found_content {padding: 60px 0 0px; }
.sidenav{overflow-y: auto;}
.navigation-box ul li{padding: 10px 10px; text-align: center; margin-bottom: 0px;}
.js-masonry.grid article{width: 48%;}
.portfolio_filter_btn .button,.button-group.filters-button-group.nav-item.navigation-box.navbar-fixed .button{padding: 10px 5px;}
.container.text-center.text_on_video {max-width: none; left: 0; top: 26%;}
.all_sec_portfolio, .projects_space_row,.gotomarket_concept,.all_sec_portfolio, .projects_space_row, .on_the_rock, .logo_branding .birdboy_logo, .nutriofit, .parent-zone, .toy-station, .phd_logo,.portfolio_gallery,.web-ui-ux-bg{margin: 70px 0px; }
.project_info_left {padding-left: 15px;     margin-top: 60px; border-bottom: 1px solid #ccc;}
.project_info_right {padding-right: 15px;}
.sparktrd_space{border-top: 1px solid #ccc; padding-top: 80px;} 

.button-group.filters-button-group.nav-item.navigation-box.navbar-fixed{margin-top: 50px;}
.process_concept_head,.design_concept_head,.technology_concept_head,.go_to_market_concept_head, .process_concept_head:before, .process_concept_after:after, .design_concept .container:before, .process_concept_left_border:after, .design_concept_after:before, .design_concept_after:after, .design_concept_head:before, .technology_concept_head:before, .technology_concept_after:after, .process-technical:after, .gotomarket_concept .container:before, .technology_concept .container:before, .go_to_market_concept_head:before, .work-together:before{display: none;}
.process_concept_left_border,.process-technical {border-bottom: 1px solid #ccc;}
.process_concept_rightside_content,.technology_concept,.gotomarket_concept {margin-top: 50px;}
.process_concept,.technology_concept{margin-bottom: 50px;}
.design_concept_rightside_img.float-right,.gotomarket_concept_rightside_img.float-right{float: none !important; padding-bottom: 50px; border-bottom: 1px solid #ccc;} 
.design_concept_rightside_img img,.gotomarket_concept_rightside_img img{float: none; margin:0 auto; display: block;}
.communicate_section p,.communicate_section.mt-5{margin-top: 20px !important;}
.logo_branding .birdboy_logo .img_box3, .logo_branding .birdboy_logo .img_box2, .logo_branding .birdboy_logo .img_box1, .phd_logo .img_box3, .phd_logo .img_box2, .phd_logo .img_box1{height: 300px;}
.portfolio_gallery .navigation-box .navbar-nav li {margin: 0px 5px; }
.portfolio_gallery .innerbanner {padding-bottom: 0; margin-top: 2em;}
.portfolio_gallery .web-ui-ux-bg .carousel-item {padding: 19px 59px 0; }
#web-ui-ux .slider-bg {height: 300px; }
#web-ui-ux .slider-bg{margin-bottom: 115px;}
.portfolio_gallery .carousel-indicators {bottom: -30%; }
}

@media(max-width: 680px){
    .portfolio_gallery .web-ui-ux-bg .carousel-item {padding: 15px 59px 0; }
    #web-ui-ux .slider-bg {height: 296px; }
}

@media(max-width: 640px){
  #mySidenav ul.nav_home_logo li img {margin-left: -34px; }
  .work-together .tab-content .contact_btn_border .contact_btn:hover{background-position: 51% 80px, -18% 129px;}
  section.portfolio_gallery{margin: 100px 0px;}
  .communicate_section p{margin-top: 0px !important;}
  .navigation-box ,.portfolio_gallery .navigation-box.navbar-fixed{width: 485px; }
  .navigation-box.navbar-fixed .navbar-nav .nav-item{margin: 0px 8px; padding: 0px 8px;}
  .navigation-box ul li{padding: 10px 8px; margin: 10px 8px;}
  .gradiant-heading{font-size: 30px !important;}
  .emerging h4{font-size: 20px !important;}
  .navigation-box ul li, .portfolio_gallery .navigation-box.navbar-fixed .navbar-nav li {margin: 0px 4px; }
  .portfolio_gallery .navigation-box{width: 535px;}
  .gradient-text {font-size: 25px !important; }
}

@media (max-width:576px){
    .h3, h3,.ourstory-wrapper h3{font-size: 1.25rem; }
    .gradiant-heading{ font-size: 35px; }
    .process-part .media,.navigation-box .navbar-nav .nav-link{ text-align: center;}
    .process-part .media img{ margin-bottom: 10px;}
    .info-wrapper p,section.banner{ margin-bottom: 0;}
    .process-part{ margin-top: 45px;}
    #mySidenav ul.nav_home_logo li img {margin-left: 0px; }
    ul.list-unstyled.nav_home_menu,.navbar_process_menu .nav_contact{width: 100%; padding-left: 47px;}
    .navbar_process_menu .process_menu{width: 100%;}
    .nav_contact .contact_btn_border .contact_btn{padding-top: 19%; width: 37%; background-position: 50% 46px, -18% 129px;}
    ul.list-unstyled.nav_home_menu,.nav_home_logo{margin-bottom: 20px !important;}
    #mySidenav ul.nav_home_logo li span, #mySidenav ul.nav_home_menu h3,.nav_contact .contact_btn_border .contact_btn{font-size: 18px;}
    #mySidenav ul.nav_home_menu li,.nav_contact p span{font-size: 14px;}
    .nav_contact .contact_btn_border{min-height: 178px; background-size: 170px 165px;}
    .nav_contact img.img-fluid,.nav-home-rightborder .nav_home_logo li img.img-fluid{width: 25px;}
    .navigation-box.navbar-fixed{position: inherit;}
    .navigation-box {width: inherit; }
    .navigation-box ul.navbar-nav.flex-row{flex-direction: column !important;}
    .cust-say .media-body{padding-left: 20px;}
    .cust-say h4{margin-top: 15px;}
    .graph-content{min-height: auto; margin-bottom: 0;}
    header.navbar-fixed{z-index: 17;}
    .process-part .media, .approach-wrapper, .approach-wrapper, .recent-work, .work-together, .process_page, .design_concept, section.innerbanner.d-flex.align-items-center.justify-content-center.flex-column.process_page, .banner, .process, .ourstory-wrapper, .management-team,.all_sec_portfolio,.projects_space_row,.on_the_rock,.web-ui-ux-bg{margin: 25px 0px;}
    .approach-wrapper {padding-bottom: 15px; }
    #innerpage_head header.navbar-fixed,header.header.d-flex.justify-content-between.align-items-center.prortfolio_page_head.navbar-fixed{padding-bottom: 10px;}
    .portfolio_filter_btn .button{margin: 0 auto; display: block; margin-bottom: 18px;}
    .navigation-box.navbar-fixed .navbar-nav .nav-item{ padding: 10px 8px; margin: 10px 8px;}
    .container.text-center.text_on_video { top: 18%; }
    .button-group.filters-button-group.nav-item.navigation-box.navbar-fixed{width: 100%;}
    .portfolio_gallery .navigation-box,.navigation-box, .portfolio_gallery .navigation-box.navbar-fixed{width: inherit;}
    .portfolio_gallery .web-ui-ux-bg .carousel-item {padding: 16px 62px 0; }
    #web-ui-ux .slider-bg {height: 307px; }
    .emerging {height: 360px;}
   
} 

@media(max-width: 480px){
    .col-md-3.mobile_display_none {display: none; }
  .nav_contact .contact_btn_border .contact_btn{width: 46%; padding-top: 24%;}
  p#copyright_xcentia img {width: 33%; }
  .work-together .tab-content .contact_btn_border{min-height: 250px;}
  .work-together .tab-content .contact_btn_border .contact_btn{background-position:51% 80px, -18% 129px; display: flex; align-items: center; justify-content: center; padding-top: 40px;}
  .social_icon ul.list-inline,.connect_to_xcentia .social_icon p, .connect_to_xcentia .subscribe_mail p,.communicate_section .tab-content form{text-align: center;}
.process-part .media, .recent-work,.xcentia,.emerging, .work-together{padding: 30px 0px; margin: 0px;}
.footer_copyright_logo,.copyright_section,.connect_to_xcentia.mt-5,.communicate_section.mt-5,.cust-say .row.mt-5{margin: 20px 0px !important;}
.social_icon ul.list-inline li.list-inline-item img {width: 36px; margin: 0 3px; }
.communicate_section .tab-content .form-group .form-control{margin-bottom: 20px; padding-bottom: 7px;}
.innerpage{margin-top: 60px;}
.js-masonry.grid article{  margin: 2% 0; width: 100%;}
section.portfolio_gallery,.portfolio_filter_btn .button{margin-bottom: 15px;}
section.portfolio_gallery,.visit-profile p.text-center{margin: 0px;}
.gradiant-heading,.all_port_info h2,.gradient-text {font-size: 23px !important; }
.emerging h4,.key_feature h5,.star_rating h5,.process_concept h5, .design_concept_leftside_content h5, .process_concept_rightside_content h5 {font-size: 18px !important; }
.portfolio_gallery .web-ui-ux-bg .carousel-item {padding: 13px 51px 0; }
#web-ui-ux .slider-bg {height: 251px; }
.portfolio_gallery .carousel-indicators {bottom: -32%; }
.emerging {height: auto; }
.recent-work{margin-top: 0px !important;}
}
@media(max-width: 420px){
  .nav_contact .contact_btn_border .contact_btn {width: 53%; padding-top: 26%; }
  .work-together .tab-content .contact_btn_border{min-height: 190px; margin: 0 auto; background-size: contain;}
  .work-together .tab-content .contact_btn_border .contact_btn,.work-together .tab-content .contact_btn_border .contact_btn:hover{width: initial; padding-top: 40px; background-position: 51% 56px, -18% 129px;}
  p#copyright_xcentia img {width: 30%; }
  .sidenav .closebtn{right: 11px;}
  .approach-wrapper .container {display: block !important; }
  .approach-wrapper .col-md-6.full_col .approach-img img{width: 70%;}
  .approach-wrapper .col-md-6.full_col{ width: 100%; }
  .careers .bg{background-image: none;min-height: auto; margin-bottom: 20px;}
  .gradiant-heading {font-size: 30px; }
  .process_page .top-box .Process-content p,.process_page .top-box .Process-content p, .portfolio_gallery .top-box p{font-size: 14px;}
  .navigation-box ul li,.navigation-box.navbar-fixed .navbar-nav .nav-item,.portfolio_gallery .navigation-box .navbar-nav li{margin: 3px 10px;}
  .process-part .media, .approach-wrapper, .approach-wrapper, .recent-work, .work-together, .process_page, .design_concept, section.innerbanner.d-flex.align-items-center.justify-content-center.flex-column.process_page{margin: 0px;}
  .info-wrapper h3,  .design_concept .design_concept_head h4,.heading-title,.establishment-wrapper h2,.process-part .media h5,.careers .bg .info h2{font-size: 18px;}
.design_concept{margin-bottom: 100px;}
.work-together{padding: 0px;}
header,header.navbar-fixed{padding: 10px;}
.graph-content,.approach-wrapper{text-align: center;}
.logo img.img-fluid.navbar-logo-image{width: 112px;}
.container.text-center.text_on_video {top: 13%; }
.gradiant-heading,.all_port_info h2,.gradient-text{font-size: 19px !important;}
.emerging h4,.key_feature h5,.star_rating h5{font-size: 15px !important; margin-bottom: 10px;}
.emerging .btn-main {padding: 11px 35px 11px 20px   ; font-size: 13px; }
 .process .row.align-items-center.pb-5.mb-5{padding-bottom: 0px !important;}
 .recent-work.mt-5.pt-5{padding-top: 0px !important;}
 .portfolio_gallery {margin-top: 0px !important;}
 .portfolio_gallery .web-ui-ux-bg .carousel-item {padding: 11px 44px; }
 #web-ui-ux .slider-bg {height: 216px; }

}

@media (max-width:400px){
    #home-page .carousel-item img {max-width: 150px;  }
    .carousel-caption h3 {font-size: 1.1rem; }
    .carousel-caption h2 ,.info-wrapper h3, .design_concept .design_concept_head h4,.design_concept .design_concept_head h5,.process_concept h5{    font-size: 18px;}
    .carousel-caption p{ font-size: 12px; }
    .gradiant-heading{ font-size: 30px; }
    .communicate_section{margin-top: 12px !important; }
    .process_concept_rightside_content ul li,.visit-profile a,.design_concept .design_concept_head p,.heading-title{font-size: 15px;}
    .process_concept, .design_concept {margin-bottom: 50px; }
    .portfolio_gallery .web-ui-ux-bg .carousel-item {padding: 11px 42px; }
    #web-ui-ux .slider-bg {height: 205px; }


}

@media(max-width: 360px){
  .nav_contact .contact_btn_border .contact_btn {width: 65%; padding-top: 32%; }
  p#copyright_xcentia img {width: 25%; }
  .gradiant-heading {font-size: 26px; }
  .management-team{margin-bottom: 0px;}
  .innerpage {margin-top: 20px; }
  .portfolio_filter_btn .button{padding: 8px 15px;}
  .establishment-wrapper h2,.work-together .tab-content .contact_btn_border .contact_btn{font-size: 21px;}
  .communicate_section .tab-content .form-group .form-control,.ourstory-wrapper,section.portfolio_gallery{ margin-bottom: 25px; padding-bottom: 12px;}
  .emerging .btn-main{padding: 6px 35px 7px 20px; font-size: 12px; margin-top: 0 !important;}
  .visit-profile span img {margin-left: 8px; margin-right: 0px; }
  .process_concept_rightside_content ul li{font-size: 14px;}
  .portfolio_gallery .web-ui-ux-bg .carousel-item {padding: 10px 37px; }
  #web-ui-ux .slider-bg {height: 183px; }
  #web-ui-ux .slider-bg {margin-bottom: 80px; }

}

@media(max-width: 320px){
  .nav_contact .contact_btn_border .contact_btn {width: 77%; padding-top: 38%; }
  .gradiant-heading {font-size: 25px; }
  .design_concept .design_concept_head p,.form-control{line-height: 1.3em; font-size: 15px;}
  p#copyright_xcentia img {width: 24%; }
  .social_icon ul.list-inline li.list-inline-item img {width: 34px; margin: 0 2px; }
  .design_concept ,.process_concept{margin-bottom: 60px; }
  .gradiant-heading,.gradient-text{font-size: 17px !important; }
  .emerging h4 {font-size: 13px !important; margin-bottom: 10px; }
  .text_on_video p {font-size: 12px;}
  .logo_branding .birdboy_logo .img_box3, .logo_branding .birdboy_logo .img_box2, .logo_branding .birdboy_logo .img_box1, .phd_logo .img_box3, .phd_logo .img_box2, .phd_logo .img_box1{height: 250px;}
  .portfolio_gallery .web-ui-ux-bg .carousel-item {padding: 8px 33px; }
  #web-ui-ux .slider-bg {height: 159px; }
  .portfolio_gallery .carousel-indicators {bottom: -35%; }
  .container.text-center.text_on_video {top: 12%; }

}

/*--------------------------- For Mozila Browser------------------------------------------*/

@-moz-document url-prefix()
{
  .work-together .tab-content .contact_btn_border .contact_btn{padding-top:50%;}
}