*, :active, :focus, :hover {
		  -webkit-font-smoothing: antialiased;
		  -moz-osx-font-smoothing: grayscale;
			outline:none;
	
		}
a {vertical-align:unset!important;}
.swiper-pagination-nav-disabled, .swiper-pagination-nav-disabled:before {display:none;}

.gamuda-defaultbg {
				background: url(../../uploads/2018/08/Default_Mobile%402X.png) no-repeat center center; 
						  -webkit-background-size: cover;
						  -moz-background-size: cover;
						  -o-background-size: cover;
						  background-size: cover;
				}
				
				@media only screen and (min-width: 500px) {
					.gamuda-defaultbg {background-image:url(../../uploads/2018/07/Default_Desktop%402X.png);}
				}
  @media only screen and (max-width:768px){
        .w3-modal .btn3 {top:-20px!important; }
    }
     @media only screen and (max-width:500px){
        .w3-modal-content {top:80px!important; }
		 
    }
/* 7.0 OUR LATEST ------------- */
#inthenews {margin-top:180px;}
		@media screen and ( max-width: 768px ) {
			#inthenews {margin-top:140px;}
		}
		@media screen and ( max-width: 360px ) {
			#inthenews {margin-top:130px;}
		}
	article.blogpost {padding-top:180px; font-family: 'Muli-Regular', 'Muli'; font-weight:400; font-size:16px; line-height:1em; color: #505759;}
	article.blogpost h5 {margin-top:40px;}
	article.blogpost p { font-family: 'Muli-Regular', 'Muli'; font-weight:400; font-size:16px; line-height:24px; }
	article.blogpost h3 {font-family: 'Muli-Regular', 'Muli'; font-weight:400; font-size:18px; line-height:24px;}
	article.blogpost .feature-image {margin:20px auto 10px auto; width:unset; max-height:400px; display:block;}
	article.blogpost .feature-image-caption, .wp-caption-text {margin-bottom:50px; font-style:italic; text-align:center; padding: 0 20px; font-size:13px;}
	article.blogpost .datesource {font-size:14px;}
	article.blogpost a {color:#e32119;}
	article.blogpost hline {height:1px; border:0; border-top:1px solid rgba(178,178,178,.7); margin: 30px 0; display:block; width:100%;}
	
	.otherpost {width:100%; padding:25px; border:1px solid rgba(178,178,178,.7); border-left:0; border-right:0; background:#f7f7f7; margin:50px 0;}
	.otherpost .op-item {position:relative; width: calc(100% / 3);float:left;/* background: green; */ }
	.otherpost .op-item .op-img { width:80px; height:80px;display:inline-block; vertical-align:middle;}
	.otherpost .op-item .op-title {width:calc(100% - 100px); padding-left:10px; display:inline-block; vertical-align:middle;}
	.otherpost a:hover, .otherpost a:hover .main-text {color:#e32119!important;}

	.otherpost .main-text {
           font-family: 'Poppins-SemiBold', Sans-Serif;
           font-size: 24px;
           font-size: 18px;
           font-weight: 500;
           font-style: normal;
           font-stretch: normal;
           /* line-height: normal; */
          /* letter-spacing: 0.5px;*/
           color: #1e2122;
           line-height: 1.2em;
        }

	.otherpost .second-text {
                    
        font-family: 'Muli-Regular', Sans-Serif;
        font-size: 12px;
        /*font-size: 12px;*/
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: 0.3px;
        color: #91989d;
        padding: 3px;
        border: 1px solid #9ea8af;
        width: max-content;
    }

    .otherpost .main-date {
                    font-family: 'Muli-Regular', Sans-Serif;
                    
                    font-size: 14px;
                    font-size: 12px;
                    font-weight: normal;
                    font-style: normal;
                    font-stretch: normal;
                    line-height: normal;
                    letter-spacing: 0.3px;
                    color: #788184;

                }

    .otherpost .main-date { margin-bottom: 5px; }
    .otherpost .second-text { margin-top: 10px; }

	@media only screen and (max-width: 1160px) {
		.gmd-post-wrapper {padding: 0 20px;}
		
	}

	@media only screen and (max-width: 786px) {
		.otherpost .op-item .op-img, .otherpost .op-item .op-title { width: 100%;}
		.otherpost .op-item {padding-left:10px;}
		.otherpost .main-date {margin-top: 20px;}
	}

	@media only screen and (max-width: 500px) {
		.otherpost .op-item { width: 100%; padding-left:0; margin-bottom:15px;}
		.otherpost .op-item .op-img {display:none;}
		.otherpost .main-date {margin-top: 0px;}
	}

/* HEADER ------------- */
header.head .top-bar {max-width: 303px; width:303px!important;}
header.head .top-bar__brand {width:168px!important; height:90px!important;} 
header.head .top-bar__icon {width:90px!important; height:90px!important;} 

header.head .top-bar__icon, header.head .top-bar__brand, .iso-tween-halfsec {-webkit-transition-duration: .5s; -moz-transition-duration: .5s; -o-transition-duration: .5s; transition-duration: .5s;}
header.head .top-bar__brand.active, header.head .top-bar__icon.active {transform:translateY(0); }


.top-bar__icon .hamburger.active .hamburger-inner {transform:rotate(45deg);}
.top-bar__icon .hamburger.active .hamburger-inner:before {opacity:0;}
.top-bar__icon .hamburger.active .hamburger-inner:after {transform:rotate(-90deg);top:0;}


#iso-mainmenu {}
		#iso-mainmenu { background-color: #e32119; padding: 0; font-family: Poppins-Semibold, Poppins; width:100%; max-width:600px; z-index:20; min-height:100%; }
		#iso-mainmenu ul, 
		#iso-mainmenu li {display: block; list-style:none; padding:0; margin:0;}

		#iso-mainmenu ul:not(.tier1) {display:none; padding-left:40px; margin:20px 0;}

		#iso-mainmenu li {border-bottom: 0px solid yellow; width:100%; box-sizing:border-box;}

		#iso-mainmenu .tier1 a { font-size: 20px; font-weight:600; }
		#iso-mainmenu .tier1 li {margin-bottom:20px;}
		
		#iso-mainmenu li.tier2,#iso-mainmenu li.tier3,#iso-mainmenu li.tier4 {margin-bottom:6px;}

		#iso-mainmenu .tier2 a, 
		#iso-mainmenu .tier3 a {font-size:15px; font-weight:400; padding: 3px 0; }

		/*#iso-mainmenu li:hover,  #iso-mainmenu li.active {font-weight: bold; margin-left:20px; }*/

		#iso-mainmenu a {color: white; display:inline-block; width:100%; box-sizing: border-box; height:1em; }
		
		#iso-mainmenu li:focus, #iso-mainmenu li a:focus {outline: 0;}

		h2,
		#iso-mainmenu,
		#iso-mainmenu a,
		#iso-mainmenu li,
		.iso-tween { -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s;}
		
		.idontwantthisthing {display:none; content:"";}
		
		.head__nav__container ul>li a {line-height:1em;}

/* Footer ------------- */


		
		.spesific-template-wrapper {margin-top:180px; /*margin-bottom:40px;*/ } /* for page wrapper in the spesific page template - SAI */
		/*@media only screen and (min-width: 501px) {
			.spesific-template-wrapper {margin-top:140px; margin-bottom:20px; }
		}*/
		@media screen and ( max-width: 768px ) {
			.spesific-template-wrapper {margin-top:140px;}
		}
		@media screen and ( max-width: 360px ) {
			.spesific-template-wrapper {margin-top:130px;}
		}
		#isofooter { background-color: inherit; padding: 40px 0; border-top:1px solid #eeeeee; max-width:100%; margin-top:40px; margin-top:0;}
		#isofooter div, #isofooter p {display:block;}
		
		#isofooter a {font-family: 'Poppins-Medium'; font-size:13px; font-weight:500; letter-spacing: 0.3px; text-decoration:none; line-height:1em; color: #505759 !important;
			-webkit-transition-duration:.3s; -moz-transition-duration:.3s; -o-transition-duration:.3s; transition-duration:.3s; 	
		}
		#isofooter a::after { display:none;}
		#isofooter a:hover {color:red !important; transform: scale(1.1,1.1);}
		
		#isofooter .contactlink { display:block; border:2px solid #91989d; text-align:center; padding: 15px 0; margin: 20px 0; width:100%}
		#isofooter .contactlink:hover {border-color: red;}
		#isofooter .sitemaplink { padding: 10px 0; display:block; clear:both;}
		
		#isofooter p {display:block; font-size: 11px; font-family: 'Poppins-Medium'; color: #91989d; width:100%; letter-spacing:0.3px; line-height:1.7em; height:initial;}
		#isofooter p a {display:block; font-size: 10px; font-family: 'Poppins-Regular'; color: red !important; margin-right:10px;}
		#isofooter p a:last-child {margin-right:0;}
		
		#isofooter .footer-wrapper {width:100%; /*max-width:933px; max-width:1200px;*/ max-width: 1120px; margin:auto;}
		
		#isofooter .lajur {float:left;}
		#isofooter .lajur:nth-child(1) {width: 300px; text-align:left;}
		#isofooter .lajur:nth-child(2) {width: calc(100% - 300px - 133px); padding: 0 40px;}
		#isofooter .lajur:nth-child(3) {width: 133px;}
		
		#isofooter .lajur:nth-child(2) a {width: 33.333%; float:left; padding: 10px; }
		
		#isofooter .baris:nth-child(2)  {  }

		.sociallinkcontainer a i {font-size:21px; padding-left:5px;}
		.sociallinkcontainer a:first-child i {padding-left:2px;}
		
		.clearfix {clear:both;}
		@media screen and ( max-width: 1200px ) {
			#isofooter .footer-wrapper { padding:0 20px;}
		}
		@media screen and ( max-width: 1000px ) {
			#isofooter .lajur:nth-child(1) {text-align:center;}
			#isofooter .lajur {display:block; clear:both; padding:0; margin:auto; margin-top:20px; float:none;}
			#isofooter .lajur:nth-child(2) {display:none;}
			#isofooter a {display:inline-block;}
			
			#isofooter p {text-align:center; padding: 0 15px; margin-top:5px;}
			#isofooter p a, #isofooter p a:hover {display:inline-block;}
			
			.sociallinkcontainer a i {font-size:21px; padding-left:0px;}
			.sociallinkcontainer a:first-child i {padding-left:0px;}
			
			#isofooter .baris:nth-child(2)  { margin-top:20px; }
		}
		
		/* FOR GLOBAL IMAGE WITH 374px HEIGHT (SUSTAINABILITY) -  Please apply class 'img-frame' to the image widget. */
		
		.img-frame {height:374px; overflow:hidden;}
		.img-frame img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
		
		/* GRADIENT BG CTA BUTTON */
		
		.butn1:hover { background-color: #E32119;  background: linear-gradient(to right, #E32119, #B81150); transform:scale(1.1);}
		.butn1, .butn1:focus {  border-radius: 35px;  background-color: #E32119;  background: linear-gradient(to right, #E32119, #B81150);  border: none;  text-align: center;
  					transition: all 0.5s;  cursor: pointer;  
  					font-family: 'Muli-Bold', Sans-Serif;  font-size: 13px;  font-style: normal;  font-stretch: normal;  line-height: normal;  letter-spacing: 1px;  color: #ffffff;
		}
		.butn1 span {  transition: 0.5s;  line-height: normal;}
		.butn1:hover span{  padding-left: 10px;  transform: scale(1.1);  transition:0.5s;transition-delay: .3s;}
		
		/* 36.0 EXPERTISE - buttons */
		
		.img-caption-in {color:white !important;}

		.btn6 {	cursor: pointer; border: 1px solid #fff; width: 55px; height: 55px;	display: block;	padding-left: 15px;	padding-top: 15px;	background: linear-gradient(to right, #fff 50%, transparent 50%);background-size: 200% 100%;background-position: right bottom; 	transition: all .5s ease-out; 	margin-top:50px; }
		.hoverme:hover .btn6{ background-position: left bottom;}
		.hoverme:hover .btn6 span:before {  color:#e32119; }
		
		/* BOD */
		
		.icon-icon_cta-arrow-red{
    position: absolute;
    margin-top: 2px;   
}

@media only screen and (min-width: 501px) {
.imagefollow{
    position: fixed;
    width: 25%;
}}

.w3-modal-content::-webkit-scrollbar {
width:5px;

}
  
.w3-modal-content::-webkit-scrollbar * {
background:#e32119;

}
  
.w3-modal-content::-webkit-scrollbar-thumb {
background:rgba(255,0,0,1) !important;

}

::-webkit-scrollbar {
    /*display: block;*/
}

#btnanimate{
position: absolute;
width: 300px;
height: 40px;
margin-left: -54px;
}

.btn4 {
cursor: pointer;
display: inline-block;
color: #E32119;
text-decoration: none;
transition: all .5s;
opacity: 0.9;
font-family: 'Muli-Bold', Sans-Serif;
src: url('https://fonts.googleapis.com/css?family=Open+Sans:700');
font-size: 18px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1.18;
letter-spacing: 0.3px;
}


.btn4::after {
content: '';
display: block;
width: 0%;
height: 2px;
transition: all .5s;
animation: animated_line2 .3s;
color: #e32119;
}

.btn4:hover::after {
background: #E32119;
animation: animated_line .8s;
animation-direction: normal;
animation-fill-mode: forwards;
}

@keyframes animated_line {
0% {width:0%;}
100% {width:115%;}
}

@keyframes animated_line2 {
0% {width: 115%}
100% {width:0%;}
}

@keyframes animated_arrow{
0% {padding-left:0px;}
50% {padding-left:10px;}
100% {padding-left:0px;}
}

.btn4:hover span {
animation: animated_arrow .5s;
animation-direction: normal;
animation-delay:.6s;
}

.btn4 span {  
transition: .5s;
}
    
.btn2{  
right:4% !important;
background: none;
color: #e32119;
border-bottom: solid 1px;
border-radius: 0;
border-bottom-width: 3px;
padding-right: 0px;
padding-left: 0px;
}

.btn2:hover{
background: none;
opacity: 0.8;
}
        
.btn3{
border: none;
color: white !important;
text-align: center;
transition: 0.3s;
right:5% !important; top:3% !important; 
cursor:pointer; 
font-size:60px !important;
padding: 10px;
font-family: 'Muli-Bold', Sans-Serif;
  src: url('https://fonts.googleapis.com/css?family=Open+Sans:700');
}

.btn3:hover{
color: #e32119 !important;
}
        
.w3-modal{
background-color: rgba(24, 23, 35, 0.9) 
}
        
.ss1{
    padding-bottom: 10px;
margin-top: -10px;
line-height: 1.2 !important;
font-size: 26px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1;
letter-spacing: 0.6px;
color: #1e2122;
font-family: 'Poppins-SemiBold', Sans-Serif;


}
        
h5.ss2{
margin-top: -35px;
text-transform: none;
 font-family: 'Poppins-MediumItalic', Sans-Serif !important;

  font-size: 18px !important;
    font-style: italic;

  font-weight: normal;
  font-stretch: normal;
  line-height: 1.3;
  letter-spacing: 0.2px;
  color: #615f62;

}
        
h5.ss3{
text-transform: none !important;
font-size: 16px !important;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.5;
letter-spacing: 0.4px;
color: #615f62;
font-family: 'Muli-Regular', Sans-Serif !important;


}

@media only screen and (max-width: 500px) {
.w3-card-4{
height: 80% !important;
max-height: 80% !important;
margin-left: 15px !important;
margin-top: 100px;
}

.btnanimate2{
margin-left: -30px!important;
}

.btn2{
left:0 !important;
}

.w3-modal{   
overflow-x: hidden !important;
padding: 10px;
margin: 0;
position: fixed;  
color: #181723;
background:rgba(24, 23, 35 90%);
	
}

.w3-container{
width: 100% !important;
padding-right: 0 !important;
padding-left: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
overflow-x: hidden !important;
margin-top: 0 !important;

}

.w3-container .image{
width: 100% !important;
position: relative !important;

}

.w3-container .bio{
padding-left:20px !important;
padding-right: 20px !important;
padding-top: 20px;
width: 100% !important;
margin: 0 !important;
position: relative !important;

}

.w3-modal-content{
overflow-x: hidden !important;  
width: 90% !important;
overflow-y: scroll !important;

}

.btn3{
top:0 !important;
margin-top: 20px !important;   
}

.ss1{
padding-bottom: 10px;
margin-top: 20px !important;
line-height: 1.2 !important;
font-size: 24px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1;
letter-spacing: 0.6px;
color: #1e2122;
font-family: 'Poppins-SemiBold', Sans-Serif;
  src: url('https://fonts.googleapis.com/css?family=Poppins:600&subset=devanagari,latin-ext');

}

.ss2{
margin-top: -35px;
font-size: 18px;
font-weight: normal;
font-style: italic;
font-stretch: normal;
line-height: 1.44;
letter-spacing: 0.2px;
color: #615f62;
 font-family: 'Poppins-MediumItalic', Sans-Serif;
  src: url('https://fonts.googleapis.com/css?family=Poppins:500i');

}
}

@media (max-width: 768px){
	.w3-modal {
		padding-top: auto;
	}

	.w3-card-4 {
		margin-top: 80px;
	}
	.imagefollow {
		position: unset;
		width: 105%;
	}
	.bio {
		float: none!important;
		width: 105%!important;
		margin-top: 40px;
	}
}

.swiper-button-disabled {opacity:0!important; cursor:initial!important;}