/*



Theme Name: Twenty Seventeen



Author: the abacusdesk team



Author URI: https://www.abacusdesk.com/







Version: 1.2



License: GNU General Public License v2 or later



License URI: http://www.gnu.org/licenses/gpl-2.0.html







*/







/* general */







*{ margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}



html, body{ width:100%;margin:0; padding:0;font-family: 'Neue Haas Unica W1G'!important;overflow-x:hidden !important;}



h1, h2, h3,h4,h5,h6{ font-weight:normal;}



img{ max-width:100%; height:auto;}


a:focus {
    outline: none !important;
}












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







header{width: 100%; float: left; transition:0.2s;}



section{width: 100%; float: left;}



footer{width: 100%; float: left;}











*{transition:0.2s;}







        @font-face {



          font-family: 'Neue Haas Unica W1G';



          src: url('assets/fonts/NeueHaasUnicaW1G-Regular.eot');



          src: url('assets/fonts/NeueHaasUnicaW1G-Regular.eot?#iefix') format('embedded-opentype'),



          url('assets/fonts/NeueHaasUnicaW1G-Regular.woff2') format('woff2'),



          url('assets/fonts/NeueHaasUnicaW1G-Regular.woff') format('woff'),



          url('assets/fonts/NeueHaasUnicaW1G-Regular.svg#webfont') format('svg');



          font-weight: normal;



          font-style: normal; }







          /*h1 { font-family: 'Neue Haas Unica W1G', serif }*/







     @font-face {



          font-family: 'Neue Haas Unica W1G Black';



          src: url('assets/fonts/NeueHaasUnicaW1G-Black.eot');



          src: url('assets/fonts/NeueHaasUnicaW1G-Black.eot?#iefix') format('embedded-opentype'),



          url('assets/fonts/NeueHaasUnicaW1G-Black.woff2') format('woff2'),



          url('assets/fonts/NeueHaasUnicaW1G-Black.woff') format('woff'),



          url('assets/fonts/NeueHaasUnicaW1G-Black.svg#webfont') format('svg');



          font-weight: normal;



          font-style: normal; }







          /*h1 { font-family: 'Neue Haas Unica W1G Black', serif }*/







     @font-face {



          font-family: 'Neue Haas Unica W1G Light';



          src: url('assets/fonts/NeueHaasUnicaW1G-Light.eot');



          src: url('assets/fonts/NeueHaasUnicaW1G-Light.eot?#iefix') format('embedded-opentype'),



          url('assets/fonts/NeueHaasUnicaW1G-Light.woff2') format('woff2'),



          url('assets/fonts/NeueHaasUnicaW1G-Light.woff') format('woff'),



          url('assets/fonts/NeueHaasUnicaW1G-Light.svg#webfont') format('svg');



          font-weight: normal;



          font-style: normal; }







          /*h1 { font-family: 'Neue Haas Unica W1G Light', serif }*/











/*btn CSS*/



.read-more {



    display: inline-block;



    margin-top: 10px;



}



.read-more a {



    color: #fff;



    text-decoration: none;



    font-size: 16px;



    border: 2px solid #fff;



    padding: 5px 8px;



    display: block;



    text-transform: uppercase;



    transition: 0.3s



}







.read-more a:hover {



    background: #fff;



    color: #4c9e9f ;



    text-decoration: none;



}







.color-white{display: inline-block;position: relative;top: 8px;left: 20px;}







.color-green {margin-top: 40px;}



.color-green a {color: #4c9e9f; border: 2px solid #4c9e9f; }



.color-green .link--kukuri::after{



  background: #4c9e9f;



}



.color-green .link--kukuri:hover {



    /* text-shadow: 0px 0px 1px #fff; */



    text-decoration: none;



    color: #4c9e9f;



    background: #4c9e9f;



    color: white;



    text-decoration: none;



}















/* HEADER CSS*/



.header-bar{padding: 15px 0px;}



.header-bar .logo-set{padding: 0px 0px;}







.main-nav{text-align: right; margin: 15px 0px;}



.main-nav ul{padding: 0px; margin:0px; z-index: 11; list-style: none;}



.main-nav ul li{display: inline-block; position: relative;}



.main-nav ul li a {color: #000; font-weight: 400; font-size: 17px; display: inline-block; padding: 0px 8px; text-decoration: none;}







.main-nav ul li a:hover{ color:#4db7b9;}







.main-nav ul li a i{color: #3cb5ae;}



.main-nav ul ul{margin: 0px; padding: 0px; position: absolute; display: none; padding-top: 29px;}



.main-nav ul li:hover ul{display: block;}



.main-nav ul ul li {border-top: 1px solid #eee;}



.main-nav ul ul li a {background:



#4c9d9e; color: #fff;width: 200px;text-align: left;padding: 7px 11px;display: block;transition: 0.2s;}



.main-nav ul ul li a:hover{background: rgb(119, 186, 187); color: #fff;}







.main-nav ul ul li a:hover:before{opacity:0;}



.main-nav ul ul li a:hover:after{opacity:0;}







.main-nav ul li.current-menu-item a{font-weight:bold; color: #499d9e;}



.main-nav ul ul li.current-menu-item a{font-weight:normal;}















.main-nav ul li ul li a {



    COLOR: #fff !important;



    font-weight: normal !important;



}



















/*bootstrap slider*/



.slider {background-size: cover; margin-top: -80px; padding: 0px; margin:0;}



 .carousel-fade .carousel-inner .item {



  opacity: 0;



  -webkit-transition-property: opacity;



  -moz-transition-property: opacity;



  -o-transition-property: opacity;



  transition-property: opacity;



}



.carousel-fade .carousel-inner .active {



  opacity: 1;



}



.carousel-fade .carousel-inner .active.left,



.carousel-fade .carousel-inner .active.right {



  left: 0;



  opacity: 0;



  z-index: 1;



}



.carousel-fade .carousel-inner .next.left,



.carousel-fade .carousel-inner .prev.right {



  opacity: 1;



}



.carousel-fade .carousel-control {



  z-index: 2;



}



















.carousel-control.left{}







.carousel-control{



    position: absolute;



    top: 40% !important;



    bottom: 0;



    left: 0;



    width: 4% !important;



    height: 50px !important;



    font-size: 20px;



    color: #fff;



    text-align: center;



    text-shadow: 0 1px 2px rgba(0, 0, 0,0) !important;



    /* background-color: rgba(0, 0, 0, 0); */



    filter: alpha(opacity=50);



    opacity: .5;



visibility :hidden;



}







.carousel-control.left {



    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0,0) 0%, rgba(0, 0, 0, 0) 100%) !important; 



    background-image: -o-linear-gradient(left, rgba(0, 0, 0,0) 0%, rgba(0, 0, 0,0) 100%) !important;



    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0,0)), to(rgba(0, 0, 0, .0001))) !important; 



    background-image: linear-gradient(to right, rgba(0, 0, 0,0) 0%, rgba(0, 0, 0,0) 100%) !important;



    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);



    background-repeat: repeat-x;



}







.carousel-control.right {



    right: 0;



    left: auto;



    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0,0) 0%, rgba(0, 0, 0, 0) 100%) !important; 



    background-image: -o-linear-gradient(left, rgba(0, 0, 0,0) 0%, rgba(0, 0, 0,0) 100%) !important;



    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0,0)), to(rgba(0, 0, 0, .0001))) !important; 



    background-image: linear-gradient(to right, rgba(0, 0, 0,0) 0%, rgba(0, 0, 0,0) 100%) !important; 



    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);



    background-repeat: repeat-x;



}











/*Slider Section */







.main-slider{position: relative;}



.content-position{position: absolute; right: 0; left: 0; bottom: 0;}



.content-slide {



    background: rgba(91,165,164,0.6);



    color: #fff;



    display: inline-block;



    text-align: center;



    width: 540px;



    max-width: 100%;



    padding: 20px 20px;



}



.content-slide p{font-size: 23px;font-family: 'Neue Haas Unica W1G Light', serif;}











/*Service Section*/



.service{padding: 60px 0px;  background-size: cover;}



.heading-service{text-align: center;margin-bottom: 40px;}



.service .heading-service p{font-size: 24px;line-height: 36px;font-family: 'Neue Haas Unica W1G Light', serif;display: inline-block;width: 800px;max-width: 100%;}



.item-service{text-align: center;  box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.07);}



.item-service img{}



.item-service h3{font-family: 'Neue Haas Unica W1G Black', serif; font-size: 24px;}



.item-service p{font-size: 18px; width: 60%; max-width: 100%; display: inline-block; margin-bottom: 35px;}







/*request Section*/



.request{padding: 30px 0px 50px 0px; background: url('assets/img/request.jpg') no-repeat top center; background-size: cover;}



.request p{font-size: 24px; color: #fff; font-family: 'Neue Haas Unica W1G Light', serif; display: inline;}







/*product Section*/







.product{padding: 60px 0px; background-size: cover;}



.heading-product{text-align: center;margin-bottom: 40px;}



.product .heading-product h2 {font-size: 42px;font-family: 'Neue Haas Unica W1G Black', serif;text-transform: uppercase;margin: 0px;}



.item-product{}



.item-product img{max-width: 100%;}



.item-product p {font-size: 18px;padding-top: 20px;width: 400px;line-height: 30px;max-width: 100%;height: 150px;max-height: 100%;}







/*Expert Css*/



.expert{position: relative; padding: 60px 0px 200px 0px; background: url('assets/img/expert.jpg') no-repeat top center; background-size: cover;}



.heading-expert {text-align: center;margin-bottom: 20px;}



.expert .heading-expert p {font-size: 24px;color: #fff;line-height: 36px;font-family: 'Neue Haas Unica W1G Light', serif;display: inline-block;width: 600px;max-width: 100%;}



.expert-pic{padding: 300px 0px 40px 0px; margin-top:-200px; text-align: center; background: url('assets/img/ex-pic.jpg') no-repeat top center; background-size: cover;}







/*world map Section*/



.map{padding: 60px 0px;}



.heading-map {text-align: center;margin-bottom: 40px;}



.map .heading-map h2 {font-size: 42px;font-family: 'Neue Haas Unica W1G Black', serif;text-transform: uppercase;margin: 0px;}



.map-img{text-align: center;}



.map-img img {max-width: 100%;}











/*footer footermain */
.footer-main{background:#111111; padding: 60px 0px; }
.footer-main .info{}
.footer-main .info h3{color: #fff; font-size: 28px; padding-bottom: 15px;}
.footer-main .info ul{margin: 0px; padding: 0px; list-style: none;}
.footer-main .info ul li{color:#999999;}
.footer-main .info ul li a {
    color: #d0d0d0;
    line-height: 30px;
    font-size: 17px;
}
.footer-main .info ul li p{padding-bottom: 10px;}

.footer-main .info-stay h3{color: #fff; font-size: 28px; padding-bottom: 15px;}

.footer-main .info-stay ul{margin: 0px; padding: 0px; list-style: none;}
.footer-main .info-stay ul li a{font-size: 18px;}

/*footer-bottom*/
.footer-bottom{ background:#0d0c0c; padding: 15px 0px;}
.footer-bottom p{ color: #999999;}






.icon-linked {
    width: 40px;
    height: 40px;
    background: #0077B5;
    color: #fff;
    text-align: center;
    line-height: 39px !important;
}

.icon-linked:hover{ background: #fff;

    color: #0077B5;}



article.footer-bottom .text-center {

    display: flex;

}article.footer-bottom .text-center p:nth-child(2) {

    position: absolute;

    right: 0;

}



/*Inner Page*/







.page-heading {



    width: 100%;



    text-align: left;



    display: table;



padding:150px 0px;



background: rgba(0, 0, 0, 0.27);



}

.breadcrumb {

  padding: 5px 15px;

  list-style: none;

  margin-bottom: 0 !important;

  background-color: #499d9e !important;

  border-radius: 0px !important;

  clear: both;

}



.custom-middle {



    display: table-cell;



    vertical-align: middle;



}



.page-heading .heading{font-size: 36px; font-weight:bold;



    color: #fff; letter-spacing: 1px; text-transform: uppercase;}







.innearpages p{font-size: 18px; line-height: 30px;  margin-bottom: 24px;}











.pagebreadcrumb {



    padding: 0px 1px;



    color: #fff;font-size: 14px;



}



.breadcrumbs a {color: #fff; }







.single-heading{font-size: 24px !important;}







.singleProduct{padding:40px 0px 0px 0px;}



.snglprotext {



    text-align: center;



}



.snglprotext h2 {



    color: #222;



    font-weight: bold;



    position: relative;



    /* padding: 10px 0px; */



    margin-bottom: 50px;



    margin-top: 0;



    padding-bottom: 6px;



    font-size: 42px;



}

















.resume {



    width: 100%;



    height: 40px;



    padding: 0px 15px;



    color: #333;



    background: #f9f9f9;



    margin: 5px 0px 0px 0px;



    border: 0.5px #cbcbcb solid;



    border-radius: 5px;



    outline:none;}







.input{ width:100%;}







.resumemsg {



    width: 100%;



    height: 150px;



    padding: 0 15px;



    color: #333;



    background: #f9f9f9;



    border: none;



    margin: 5px 0 0 0;



    border-radius: 5px;



    border: 0.5px #cbcbcb solid;



    outline:none;}







.resumefield {



    width: 100%;



    height: 40px;



    padding: 0 15px;



    color: #333;



    background: #f9f9f9;



    border: none;



    margin: 5px 0 0 0;



    border-radius: 5px;



    border: 0.5px #cbcbcb solid;



    outline:none;}







label {



    width: 100%;



    font-size: 16px;}







.submitbuttom {



       font-size: 16px;

    background: #499d9e;

    color: #fff;

    padding: 8px 30px 10px;

    border-radius: 2px;

    margin-top: 20px;

    border: 1px solid transparent;

    transition: 0.5s;

    display: block;}







.submitbuttom:hover {



    background: #499d9e;



}















.fname {



       width: 100%;



    height: 40px;



    margin-bottom: 20px !important;



    border: 1px solid #e0e0e0;



    padding: 0 10px;



    border-radius: 2px;



    outline:none;



margin-top:8px;}







.mssgbox{



 width: 100%;



    height: 140px;



    margin-bottom: 20px;



    border: 1px solid #e0e0e0;



    padding: 10px;



    border-radius: 2px;



    outline:none;}











.submit {



    background: #499d9e;



    border: none;



    color: #fff;



    padding: 8px 30px;



    border-radius: 2px;



    margin-top: 20px;



    border: 1px solid transparent;



transition:0.5s;}







 



.submit:hover {



   background: rgb(119, 186, 187);



   transition:0.5s;



}







.bj-contact ul li a {



    font-size: 18px;



    color: #333;



    padding-left: 26px;



    position: relative;



    display: inline-block;



    margin-top: 0px;}







.bj-contact ul li i {



    position: absolute;



    padding-top: 2px;



    color: #499d9e;



    font-size: 18px;}







.bj-contact ul { padding: 0px;



    margin: 0px;



    list-style: none;}







.bj-contact ul li {



    padding-bottom: 15px;}







.our-team ul li {



    font-size: 18px;



    padding: 0px 0px 15px 0px;}







.our-team ul{



    padding-left: 20px;}







.consulting-list ul{



 padding-left: 20px;



 margin-top:20px;}







.consulting-list ul li {



    font-size: 18px;



    padding: 0px 0px 15px 0px;}







.technical-list ul{ padding-left: 20px;



      margin-top:50px;}







.technical-list ul li {



    font-size: 18px;



    padding: 0px 0px 15px 0px;}















.item-service img {



    margin-top: 35px;



}



















.item-service h3 {



    color: #000;}







.item-service p {



    color: #000;}























a:hover {



    text-decoration: none !important;



}



















/*Social Icon Effects*/







.hi-icon {



	display: inline-block;



	font-size: 0px;



	cursor: pointer;



	margin: 10px 8px;



	width: 40px;



	height: 40px;



	border-radius: 50%;



	text-align: center;



	position: relative;



	z-index: 1;



	color: #222;



background:#fff;



}







.hi-icon:after {



	pointer-events: none;



	position: absolute;



	width: 100%;



	height: 100%;



	border-radius: 50%;



	content: '';



	-webkit-box-sizing: content-box; 



	-moz-box-sizing: content-box; 



	box-sizing: content-box;



}







.hi-icon:before {



	



	font-size: 28px;



	line-height: 40px;



	display: block;



	-webkit-font-smoothing: antialiased;



}























.sticky .main-nav ul li ul li a {



    color: #fff;



}











/* Effect 7 */



.hi-icon {



	box-shadow: 0 0 0 3px rgba(255,255,255,1);



	-webkit-transition: background 0.2s, color 0.2s;



	-moz-transition: background 0.2s, color 0.2s;



	transition: background 0.2s, color 0.2s;	



}



 .hi-icon:hover {



	color: #222;



}



 .hi-icon:after {



	top: -8px;



	left: -8px;



	padding: 8px;



	z-index: -1;



	opacity: 0;



}







/* Effect 7b */



.hi-icon:after {



	box-shadow: 2px 2px rgba(255,255,255,1);



	-webkit-transform: rotate(-90deg);



	-moz-transform: rotate(-90deg);



	-ms-transform: rotate(-90deg);



	transform: rotate(-90deg);



	-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;



	-moz-transition: opacity 0.2s, -moz-transform 0.2s;



	transition: opacity 0.2s, transform 0.2s;



}







.hi-icon:hover:after {



	opacity: 1;



	-webkit-transform: rotate(0deg);



	-moz-transform: rotate(0deg);



	-ms-transform: rotate(0deg);



	transform: rotate(-10deg);



}







.hi-icon:before {



	-webkit-transform: scale(0.8);



	-moz-transform: scale(0.8);



	-ms-transform: scale(0.8);



	transform: scale(0.8);



	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;



	-moz-transition: -moz-transform 0.2s, opacity 0.2s;



	transition: transform 0.2s, opacity 0.2s;



}







 .hi-icon:hover:before {



	-webkit-transform: scale(1);



	-moz-transform: scale(1);



	-ms-transform: scale(1);



	transform: scale(1);



	opacity: 1;



}







/*END Social Icon Effects*/











/*Opening Page CSS*/



.joblist {



    background: #4C9D9E;



    width: 100%;



    padding: 15px;



}



.jobtitle {



    width: 100%;



}



.jobtitle h4 {



    margin: 0;



    color: #fff;



    border-bottom: 1px solid #fff;



    padding: 15px 0;



}



.jobbtn {



    width: 100%;



    padding: 15px 0;



}



.jobbtn a {



    display: inline-block;



    background: #fff;



    padding: 8px 0;



    width: 40%;



    text-align: center;



    color: #333;



}



.content h1 {



    font-size: 25px;



    text-align: center;



    color: #666;



    border-top: solid;



    position: relative;



    padding: 300px 0px;



}



.content h1:before {



    content: "404";



    position: absolute;



    font-size: 500px;



    /* text-align: center; */



    left: 0;



    right: 0;



    top: 0%;



    color: #e8e5ce;



}























































.newB a {



    color: #404040;



    text-decoration: none;



    font-size: 13px;



    padding: 0;



    display: inline-block;



    text-transform: uppercase;



    transition: 0.3s;



    /* font-weight: bold; */



    margin-top: 10px;



    margin-bottom: 0px;



    font-family: 'Neue Haas Unica W1G Black', sans-serif;



}



.content-slide p {



    font-family: 'Neue Haas Unica W1G', serif;



}



.content-slide p {



    font-size: 21px;



}



.content-slide {



    background: transparent;



    color: #000;



    display: inline-block;



    text-align: left;



    width: 470px;



    max-width: 100%;



    padding: 25px 23px;



    position: relative;



    top: -191px;



    right: -336px;



    border-radius: 4px;



}







.color-white {



    top: 0px;



}







































/*CASE STUDY*/



section.singCase {



    padding: 80px 0px;



}



.sidebarCase {



    padding: 0px 0px 20px;



    box-shadow: 4px 0px 15px 0px #eaeaea;



}



.sidebarCase h2 {



    margin: 0;



    background: #81bbbf;



    font-size: 22px;



    color: #fff;



    padding: 10px 10px;



}



.sidebarCase ul {



    padding: 20px 10px;



    margin: 0;



    list-style: none;



}



.sidebarCase ul li a {



    color: #313131;



text-decoration:none;



    font-family: 'Neue Haas Unica W1G', serif;



}







.sidebarCase ul li a:hover {



    color: #016d73;



text-decoration:none;



}











.objective, .results {



    margin-top: 30px;



}



.objective h4,.results h4 {



    font-weight: bold;



    font-size: 22px;



    text-transform: uppercase;



    margin-bottom: 10px;



}







.objective p,.results p {



    font-size: 17px;



    line-height: 28px;



}



.results ul {



    list-style: square;



    padding-left: 30px;



    font-size: 17px;



}



.read-more a:focus {



    outline: none;



    text-decoration: none;



}







.results ul li {



    margin-bottom: 8px;



}







div#myModal1 {



    z-index: 111111;



}



.expert-pic .read-more a:focus {



    color: #fff;



}.expert-pic .read-more a:hover {



    color: #4c9e9f !important;



}





.objective h3, .results h3{font-size: 22px;

    margin-top: 30px;

    margin-bottom: 10px;}











.content-slide {



    background: transparent;



    color: #fff;



    display: inline-block;



    text-align: left;



    width: 470px;



    max-width: 100%;



    padding: 25px 23px;



    position: relative;



    top: -151px;



    right: -406px;



    border-radius: 4px;



}



.newB a {



    color: #ffffff;



}



.newB a:hover {



    color: #2fd1f0;



    text-decoration: underline;



}



/*with tab*/

section.with-tab {



    padding: 80px 0px;



}



.with-tab ul.nav.nav-tabs {

    border-bottom: none;

}

.with-tab ul.nav li {

    float: none;

}

.with-tab ul.nav li {

    float: none;

    border-bottom: 1px solid #a2a2a2;

    padding-left: 10px;

    padding-bottom: 0px;

}

.with-tab ul.nav li a {

    border: none;

}

.with-tab ul.nav li a:hover,.with-tab ul.nav li a:active{border:none;}



.with-tab .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {

    border: none !important;

background-color: transparent !important;

}





.with-tab ul li.active a {

    color: #016d73 !important;

}

.with-tab .nav>li>a:focus, .nav>li>a:hover{background-color: transparent !important;}





@media (max-width: 991px) and (min-width: 768px)

{

.color-green {

    margin-top: 120px;

}



}



@media (max-width:991px)

{

.hidden-sm {

    display: block !important;

}

/*MENU RESPONSIVE CSS*/

.main-nav{display:none;}

.mobile-fixed_navigation ul {

    list-style: none;

}



.mobile-fixed_navigation {

    background: #fff;

    height: 50px;

    position: fixed;

    width: 100%;

    z-index: 9999999;

    bottom: 0;

float:left;

    box-shadow: 0px 0px 20px 0px #a1a1a1;

}

.mobile-fixed_navigation ul li {

    float: left;

    height: 50px;

    border-left: solid 1px #d3d6db;

    line-height: 50px;

    text-align: center;

    width: 25%;

}

.mobile-fixed_navigation ul li:first-child {

    border-left: solid 0px #d3d6db;

}

.mobile-fixed_navigation ul li a {

    font-size: 20px;

    color: #4c9d9e;

}

.mobile-fixed_navigation ul li ul {

    position: absolute;

    background: #fff;

    z-index: 99;

    min-width: 100%;

    display: none;

    bottom: 50px;

    border-bottom: solid 1px #ccc;

    left: 0;

}

.mobile-fixed_navigation ul li:first-child {

    border-left: solid 0px #d3d6db;

}

.mobile-fixed_navigation ul li ul li {

    width: 100%;

    float: none;

    display: list-item;

    text-align: left;

    border: 0;

    height: 40px;

    line-height: 40px;

    border-top: solid 1px #ccc;

position:relative;

}

.mobile-fixed_navigation ul li:hover ul {

    display: block;

}

.mobile-fixed_navigation ul li ul li a {

    padding-left: 20px;

    font-size: 14px;

color: #004bbe;

display:block;

    transition: 0.2s;

}

.mobile-fixed_navigation ul li ul li.current-menu-item a {

    color: #F34A42;

}

.mobile-fixed_navigation ul li ul li a:hover {

    color: #F34A42;

}



.mobile-fixed_navigation ul li:nth-child(3) ul,

.mobile-fixed_navigation ul li:nth-child(4) ul {

    display: block;

}



.socialAdd i:before,

.iconChange i:before {

    content: "\f00d";

}



.socialK ~ ul.socialH {

    display: none !important;

}

.socialK.socialAdd ~ ul.socialH {

    display: block !important;

}



.add ~ .menu-main-menu-container ul {

    visibility: hidden;

    opacity: 0;

    position: absolute;

    bottom: 100%;

    left: 0;

    width: 100%;

    transform: translateY(2em);

    z-index: -1;

    transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;

}

.add.iconChange ~ .menu-main-menu-container ul {

    display: block !important;

    visibility: visible;

    opacity: 1;

    z-index: 1;

    transform: translateY(0%);

    transition-delay: 0s, 0s, 0.3s;

}



.add.iconChange ~ .menu-main-menu-container ul ul {

    display: none !important;

}



.menu li#menu-item-448:hover ul, .menu li#menu-item-347:hover ul{

    display: block !important;

    position: absolute;

}



.menu li#menu-item-448 ul li,.menu li#menu-item-347:hover ul li {

    position: relative;

}

.menu li#menu-item-448 ul li:after, .menu li#menu-item-347:hover ul li:after{

    content: "\f054";

    font-family: FontAwesome;

    position: absolute;

    right: 40px;

    top: 0;

    color: #4c9d9e;

}



/*END MENU RESPONSIVE CSS*/



}





@media (max-width:768px)

{



.sticky {

        position: static !important;

    top: 0;

    z-index: 1111;

    width: 100%;

    height: auto;

    background-color: #fff;

    transition: all 0s linear;

    box-shadow: 0px 0px 0px 0px #333;

}







.header-bar .logo-set {

    text-align: center;

}





.main-slider .item.active.slider-images {

    height: 320px !important;

}

.content-slide {

    background: #000000ad;

    padding: 15px 23px;

    top: 0;

    right: 0;

}

.service {

    padding: 40px 0px;

}

.item-service {

    text-align: center;

    box-shadow: 0 1px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.07);

    margin-bottom: 30px;

}



.product .heading-product h2 {

    font-size: 24px;

}

.item-product {

    margin-bottom: 40px;

}



.map .heading-map h2 {

    font-size: 24px;

}

.footer-bottom {

    margin-bottom: 30px;

}



.hi-icon {

    width: 30px;

    height: 30px;

}

.hi-icon:before {

    font-size: 28px;

    line-height: 33px;}



.custom-heading:after {



    top: 36px;

}

.custom-heading {

    font-size: 24px !important;

}

.heading-service {

    text-align: center;

    margin-bottom: 10px;

}



.page-heading {

    padding: 60px 0px;

}

.breadcrumb {

    border-radius: 0 !important;

}

.vc_row.wpb_row.vc_row-fluid.white-pic.vc_custom_1496829270835 {

    padding-top: 40px !important;

    padding-bottom: 40px !important;

}

.about-title p {

    font-size: 16px;

    line-height: 28px;

}

.vc_row.wpb_row.vc_row-fluid.extra-pic.vc_custom_1499240782066.vc_row-has-fill {

    padding-top: 0px !important;

}

.vc_row.wpb_row.vc_row-fluid.profile.vc_custom_1499767497014 {

    padding-top: 20px !important;

    padding-bottom: 20px !important;

}

.vc_col-has-fill>.vc_column-inner, .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_vc_row>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_vc_row_inner>.vc_row>.vc_vc_column_inner>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_vc_column_inner>.vc_column_container>.vc_column-inner, .vc_section.vc_section-has-fill, .vc_section.vc_section-has-fill+.vc_row-full-width+.vc_section, .vc_section.vc_section-has-fill+.vc_section {

    padding-top: 0px;

}



.snglprotext h2 {

    font-size: 36px;

margin-bottom: 70px;

}

.for-respon-areas .empty-areas {

    display: none;

}

.feature-service p {

    height: auto !important;

}



.for-respon-areas .wpb_column.vc_column_container.vc_col-sm-5.vc_col-has-fill {

    border-bottom: 1px solid #e8e8e8;

}

.vc_row.wpb_row.vc_row-fluid.for-respon-areas.vc_custom_1510900577267 {

    padding-top: 0px !important;

}



.vc_row.wpb_row.vc_row-fluid.main-head.vc_custom_1499922149627 {

    padding-top: 0px !important;

}



.news, .news2, .news3, .news4 {

    width: 100% !important;

    height: auto !important;}



.main-pic {

    top: 0 !important;    

}

.extra-pic {

    background: url(http://nextstep.net.in/prudentiagroup/wp-content/uploads/2017/06/product-b.png) no-repeat top center !important;

    background-size: cover !important;

}

.product-content {

    padding: 10px 0px;

    margin-top: -50px;

}

.career-heading:after {

    content: "";

    width: 25%;

    height: 2px;

    background-color: #97bbc7;

    position: absolute;

    bottom: 0px;

    left: 0;

    top: 46px;

    right: 0;

    margin: 0 auto;

}

div.content-area {

    margin-top: 10px;

    margin-bottom: -30px;

}



.submit {

 

    margin-bottom: 40px;

}
}


/*Opening changes*/
.heading-opening {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 20px;
}


section.opening-page {
    padding: 60px 0px;
}

.heading-opening p {
    font-size: 18px;
    line-height: 28px;
}

.content-opening .panel-body p {
    font-size: 17px;
}

.content-opening .panel-body ul {
    padding-left: 38px;
    font-size: 18px;
}
.btn-apply {
    width: 100%;
    text-align: left;
    margin: 30px 0;
    display: block;
}
.btn-apply a {
    color: #499d9c;
    text-decoration: none;
    padding: 6px 20px;
    border: outset 2px #499d9c;
}
.content-opening .panel-body ul li {
    margin-bottom: 9px;
}

.content-opening .panel-body ul li:last-child {
    margin-bottom: 20px;
}


.main-nav ul li.current-menu-parent a {
    color: #4b9d9d;
}
.main-nav ul li.current-menu-item a {
    color: #4b9d9d;
}

.form-career input {
    height: 32px;
    border-radius: 1px;
    margin: 1px 0px;
}
.form-career textarea {
    height: 90px;
    border-radius: 1px;
    margin: 1px 0px;
}

.form-career label {
    font-size: 14px;
}
.form-career .submitbuttom {
    height: inherit !important;
}
div#myModal2 {
    top: 60px;
}
div#myModal3 {
    top: 60px;
}