/*@import url('font-awesome.css');*/
@font-face {
    font-family: 'BrandonText-Light';
    src: url('../fonts/BrandonText-Light.otf') format('opentype');
}

body{ color: #444; font-family: 'BrandonText-Light', sans-serif; font-size: 16px; }
.col-md-8 {
        margin-top:70px;
    }
.col-md-6 {
        margin-top:70px;
    }
a { color: #444; }
.navbar {
    /*padding-bottom: 10px;*/
    background: white;
    /*position: absolute;*/
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(255,255,255,0.15);
    margin-bottom: 0px;
    height: 85px;
}
.navbar .navbar-wrapper {
	height: 100%;
}
.navnothome{
	border: none !important;
    background-color: #797058 !important;
 }
.master-nav { /* margin-bottom: 0; */ }
.master-nav .mainnav-wrapper {
	position: relative;
    top: 50%;
    transform: translateY(-50%);
    /*margin-top: 25px;
    margin-bottom: 10px;*/
}
.master-nav .navbar-header {
	height: 100%;
}

.navbar-toggle {
	margin-top: 0;
	margin-bottom: 0;
	top: 50%;
    transform: translateY(-50%);
}
#logo { background: url('/media/10000/clade_2019.svg') no-repeat; 
	width: 200px; 
	height: 150px;
	text-indent: -9999px; 
	padding: 0;
	position: relative;
    top: 50%;
    transform: translateY(-50%);
}
#logo h1 { 
	margin: 8px 0 0 0; 
	/*border-right: 1px dashed #000;*/
}

/* Search button */
.searchbox-container { width: 226px; height: 28px; /*float: right;*/ padding-top: 17px;}
.sb-search { position: relative; /* margin-top: 10px; */ width: 0%; 
			 /*min-width: 32px; */ min-width: 40px;
			 /*height: 28px; */ height: 40px;
			 /*float: right; */
			 overflow: hidden;
             -webkit-transition: width 0.3s;
             -moz-transition: width 0.3s;
             transition: width 0.3s;
             -webkit-backface-visibility: hidden;
}
.sb-search-input { position: absolute; top: 0; right: 0; 
	/*border: none;*/ border: 1px solid #dbdbdb;
	outline: none; background: #656262; width: 100%; height: 40px; margin: 0; z-index: 10; padding-left: 9px; font-family: inherit; font-size: 13px; color: #fff; opacity: 0.5;}
.sb-search-input::-webkit-input-placeholder { color: #fff; }
.sb-search-input:-moz-placeholder { color: #fff; }
.sb-search-input::-moz-placeholder { color: #fff; }
.sb-search-input:-ms-input-placeholder { color: #fff; }
.sb-icon-search,
.sb-search-submit { 
	width: 38px; 
	height: 38px; 
	display: block; 
	position: absolute; right: 0; top: 0; padding: 0; margin: 1px; line-height: 60px; text-align: center; cursor: pointer; opacity: 0.5;}
.sb-search-submit { opacity: 0; color: transparent; border: none; outline: none; z-index: -1;
                    background: #fff; /* IE needs this */ 
                    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
                    filter: alpha(opacity=0); /* IE 5-7 */
}
.sb-icon-search { /* color: #fff; */ background: url(/media/1005/search-icon.png) #231f20 no-repeat center; z-index: 90; /* font-size: 22px; */ /* font-family: 'icomoon'; */ /* speak: none; */ /* font-style: normal; */ /* font-weight: normal; */ /* font-variant: normal; */ /* text-transform: none; */ 
    /* -webkit-font-smoothing: antialiased; */
}
.sb-icon-search:before { /* content: "\e000"; */ }
/* Search button open state */
.sb-search.sb-search-open,
.no-js .sb-search { width: 100%;}
.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search { /* background: #da6d0d; */ /* color: #fff; */ z-index: 11; }
.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit { z-index: 90; }

/* Client Login */
.client-login { position: relative; }
.client-login a { 
	width: 156px; 
	line-height: 38px; 
	display: block; 
	background: url("/media/1006/user-icon-white.png") no-repeat /*#d97c04*/ transparent; 
	color: #fff; 
	font-size: 18px; 
	background-position: 11px center; 
	padding-left: 33px;
		
	opacity: .5;
  	background-color: #656262;
	border: 1px solid #dbdbdb;
}
.client-login a:hover { text-decoration: none; }	
.client-login.active .login-box { display: block; }
.login-box { display: none; width: 233px; right: 0; background-color: #d97c04; padding: 25px 0 15px 14px; z-index: 1;}
.login-controls { margin-bottom: 8px; }
.login-controls .login-label { width: 207px; height: 37px; background: #fff;}
.login-controls .login-username input[type="text"],
.login-controls .login-password input[type="password"] { border: none; height: 100% ; width: 100%; font-size: 14px; background: url('/media/1007/user-icon-black.png') no-repeat 10px center; padding-left: 40px;}
.login-controls .login-password input[type="password"] { background-image: url('/media/1008/user-password-black.png'); }
.login-remember-label { color: #fff; font-size: 13px ; margin-top: 7px;}
.login-submit { float: right;  margin-right: 13px; border: none; width: 80px; font-size: 14px; height: 37px; color: #fff; background: #7fb442;}
.login-box .field-validation-error,
.login-box .validation-summary-errors { color: #fff; font-size: 12px; }
.login-box .validation-summary-errors ul { list-style: none; padding: 0; }


/* Master NAV */
.master-nav .navbar-toggle .icon-bar { background-color: #231f20; }
.master-nav .navbar-collapse { /* background: url('/images/navbar-bg.png') repeat-y top right; */ /* margin-right: -15px; */ /* margin-left: -15px; */ max-height: none;}

.master-nav .navbar-nav { /*margin-top: 22px; */}
.master-nav .navbar-nav > li { position: relative; margin: 0 2px;}
.master-nav .navbar-nav > li > a > img { margin-right: 10px; max-height: 26px; max-width: 26px; }
.master-nav .navbar-nav > li > a, .footer-sitemap .navbar-nav > li > a { /* color: #fff; */ font-size: 15px; /* padding: 0; */ /* margin: 11px 30px 0 20px; */ /* line-height: 26px; */ /* height: 30px; */ padding: 10px 22px 10px;}

.master-nav .navbar-nav > li:hover > a,
.master-nav .navbar-nav > li > a:hover,
.master-nav .navbar-nav > li > a:focus,
.master-nav .navbar-nav > .open > a,
.master-nav .navbar-nav > .open > a:hover,
.master-nav .navbar-nav > .open > a:focus { color: #fff; background-color: #ecb220; opacity:0.5}


.master-nav .nav-drop-sign { background: url('/media/4508/mainnav-drop-sign.png') no-repeat; width: 13px; height: 9px; display: inline-block; margin-left: 0px;background-position: -13px 0px;}
.master-nav li:hover .nav-drop-sign,.master-nav li>a:focus .nav-drop-sign,.master-nav li.open .nav-drop-sign{background-position: 0px 0px;}	
/*.master-nav .navbar-nav > .open .master-nav-sub { display: block; }*/
.master-nav .navbar-nav > li:hover .master-nav-sub { display: block; }
.master-nav-sub { display: none; /*background-color: #7fb442;*/ /*background-color: #ecb220;*/ padding-bottom: 10px; /*opacity: 0.9;*/ }
.master-nav-sub ul { list-style: none; padding: 0; }
.master-nav-sub ul > li { /* float: right; */ }
.master-nav-sub ul > li a { color: #fff; padding: 0 25px; }


@media (min-width: 768px) and (max-width: 1200px) {
    .master-nav .navbar-collapse { /* background-repeat: no-repeat; */ }
    .master-nav .navbar-nav > li > a { /* height: 39px; */ /* margin: 11px 30px 0 6px; */ padding-left: 10px; padding-right: 10px;}
    .col-md-6 {
    margin-top: 0px !important;
    }
}

@media (min-width: 768px) {
    .master-nav .mainnav-wrapper { float: right; }
    .client-login { float: right; margin: 17px 0 0 43px; }
    .login-box { position: absolute; }

    .master-nav .navbar-collapse { float: right; }
    .master-nav .navbar-collapse form { float: right; }
    .master-nav .navbar-nav > li > a { /* padding-bottom: 24px; */ }
    .master-nav-sub { 
		position: absolute; 
		width: 220px; 
		left: 0; 
		height: 50px; 
		padding-bottom: 0; 
	}
    .master-nav-sub ul > li { /*float: right;*/ }
    .master-nav-sub ul > li a { line-height: 50px; }
     .col-md-6 {
        margin-top: 0px !important;       
    }
}

#content { background-color: #f4f4f4;/* overflow-x: hidden;*/}
#content > .container { /* background-color: #fff; */ /* color: #39656e; */ /* padding-left: 20px; */ /* padding-right: 20px; */ /* line-height: 21px; */ }
#content .page-title { font-size: 25px; margin-bottom: 20px; }
/*
#content h3 { margin-top: 0; }
*/

/* generic */
#content .section p { 
	line-height: 26px;
	/*padding-left: 10px;*/
	font-size:18px;
}

#content .section p.partnerdetail { 
	line-height: 26px;
	padding: 25px;
}

/* section generic styling*/
#content .section.leading h1 {
     text-align: center;
    padding-top: 55px;
}
#content .section.white-styled { background-color: #fff; }
#content .section.arrowed:after { background: url('/media/1010/section-arrow-white-bg.png') no-repeat center bottom; content: " "; display: block; width:30px; height: 16px; position: absolute; top: 100%; left: 0; right: 0; margin: 0 auto; z-index: 1;}
#content .section.arrowed.white-styled:after { background-image: url('/media/1010/section-arrow-white-bg.png'); }

#content .section.black-styled { background-color: #fff; color: #231f20;}
#content .section.arrowed.black-styled:after { /*background-image: url('/media/1011/section-arrow-black-bg.png');*/}

#content .section.gray-styled { position: relative; }
#content .section.arrowed.gray-styled:after { background-image: url('/media/1599/section-arrow-gray-bg.png'); }
#content .separator1 {
    background-color: #ebb31f;
    width: 165px;
    height: 4px;
    margin: 20px auto 22px;
    border-radius: 2px;
}

#content .separator2 {
     background-color: #ebb31f; 
     width: 125px; 
     height: 4px; 
     margin: 20px auto 22px;
     border-radius: 2px;
}

#content .separator3 {
     background-color: #fff; 
     width: 125px; 
     height: 3px; 
     margin: 20px auto 22px;
     border-radius: 2px;
}

#content .separatorcontact {
    background-color: #ebb31f;
    width: 150px;
    height: 4px;
    /* margin: 20px 20px 0 0; */
    border-radius: 2px;
    margin-top: 20px;
}

#content .separatorsolution{
	 background-color: #ebb31f; 
     width: 125px; 
     height: 4px; 
     margin: 20px auto 22px;
     border-radius: 2px;
	 float:left;
}

.clearboth{
	clear:both;
}

.thank-message{
	color:#fff;
}


/* CTA buttons generic styling */
.cta-button {
    background-repeat: no-repeat;
    background-position: 90% 50%;
    border: 1px solid #b4b4b4;
    display: block;
    font-size: 18px;
    padding: 11px 47px 11px 19px;
    width: 212px;
    height: 47px;
    margin-bottom: 10px;
    text-align: left;
}
.cta-button:hover { text-decoration: none; }
.cta-button.orange { background-image: url('/media/9534/arrowbutton.png'); background-color: #ecb31f; border: none; color: #fff; width: 212px; }
.cta-button.grey { background-image: url('/images/cta-button-icon-grey.png'); border: 1px solid #b3b3b3; color: #231f20;}
.cta-button.nostyle { text-align: center; }
.cta-button.green{ background-image: url('/media/9542/arrowgreen.png'); background-color: #7fb341; border: none; color: #fff; width: 212px; }
.solution-buttons .cta-button.nostyle, .solution-buttons .cta-button.orange{
	width: 192px;
}


/* tab generic styling */
.section .nav-tabs { border: none; }
.section .nav-tabs > li { padding-bottom: 8px; }
.section .nav-tabs > li.active { background: url('/media/4512/tab-selected-arrow-green-bg.png') no-repeat center bottom; }
.section .nav-tabs > li > a { background-color: #fff; border: 1px solid #ddd; margin:0 2px; border-radius: 0; font-size: 18px; padding: 16px 32px;}
.section .nav-tabs > li:first-child > a { border-radius: 5px 0 0 5px; }
.section .nav-tabs > li:last-child > a { border-radius: 0 5px 5px 0; }
.section .nav-tabs > li > a:hover,
.section .nav-tabs > li.active > a { background-color: #7fb442; border: 1px solid #7fb442; color: #fff }		
.section .tab-content { margin-top: 37px; }
.section .tab-content .solution-figure { margin-top: 36px; }
.section .tab-content .solution-item { font-size: 18px; }
.section .tab-content .solution-items { background: url('/images/solution-item-bg.png') no-repeat #fff center; border: 1px solid #ddd; border-radius: 5px; margin-top: 19px; width: 445px; /* height: 146px; */ max-width: 100%; margin-left: 0; margin-right: 0;}
.section .tab-content .solution-item { margin: 15px 0 0 0; }
.section .tab-content .solution-item .solution-icon { display: block; margin: 0 10px; }		
.section .tab-content .solution-buttons { margin-top: 28px;}

@media (min-width: 768px) {
    .section .tab-content .solution-item { margin: 20px 0; padding-left: 60px; }
    .section .tab-content .solution-item .solution-icon { position: absolute ; left: 5px;}
    #content .section.leading .leading-icon { /* border-right: 1px dashed #000; */ float: left; padding-right: 44px;  margin-left: 39px;}
     .col-md-6 {
        margin-top: 0px !important;       
    }
}

@media (min-width: 1200px) {
    .section .nav-tabs { text-align: center; }
    .section .nav-tabs > li { float: none; display: inline-block; margin-right: -4px;}
    #content .section.leading .leading-icon { position: absolute; }
    #content .contact-page {padding-top: 501px;}
     /*.col-md-6 {
        margin-top: 0px !important;       
    }*/
}

/* homepage */	
#layerslider { text-align: center; }	
#content .home-intro { text-align: center;}
#layerslider .cta-button { background-position: 85px center; width: 115px; height: 32px; font-size: 12px; padding: 8px 7px;}

#content .section.solution { margin-top: 10px; padding-bottom: 108px;}		

#content .section.whywork { padding-top: 11px; padding-bottom: 35px; text-align: center;}
#content .section.whywork h2 { color: #231f20; }
#content .section.whywork .separator{ background-color: #3d3d3d; }
#content .section.whywork .container { padding-top: 16px; }
#content .section.whywork .icon { margin-bottom: 28px;height: 70px;}
#content .section.whywork h2 {
        font-size: 21px;
    font-weight: bold;
}
#content .section.whywork p { line-height: 26px; font-size: 18px;}

#content .section.wecanhelp h1 {
     color: #fff;
     text-align: center;
     padding-top: 110px;
    margin-top: 0;
}		
#content .section.wecanhelp h2 {
    color: #fff;
    background-color: #ebb31f;
    margin-bottom: 0;
    font-size: 22px;
    font-weight: bold;
    padding: 50px 25px 20px 25px;
    text-align: center;
    margin-top: -30px;
}		
#content .section.wecanhelp img {
    margin: auto;
    display: block;
}

#content .section.wecanhelp .manageapplication2 img {
    position: absolute;
    top: -80px;
    left: calc(50% - 60px);
}

#content .section.wecanhelp .manageapplication2 {
    position: relative;
    margin-top: 95px;
}
#content .section.wecanhelp .manageapplication2 h2 {
    padding-top: 72px;
    padding-bottom: 20px;
}

#content .section.wecanhelp .manageapplication1 img {
    position: absolute;
    top: -80px;
    left: calc(50% - 25px);
}
#content .section.wecanhelp .manageapplication1 h2 {
    padding-bottom: 20px;
    padding-top: 72px;
}

#content .section.wecanhelp .manageapplication1 {
    position: relative;
    margin-top: 95px;
}

#content .section.wecanhelp .manageapplication0 img {
    position: absolute;
    top: -90px;
    /*left: 135px;*/
	left: calc(50% - 70px);
}

#content .section.wecanhelp .manageapplication0 h2 {
    padding-top: 72px;
    padding-bottom: 20px;
}

#content .section.wecanhelp .manageapplication0 {
    position: relative;
    margin-top: 95px;
}

#content .section.wecanhelp .containerdescription { 
    color: #fff; 
    border-left: 5px solid #ebb31f;
    border-bottom: 5px solid #ebb31f;
    border-right: 5px solid #ebb31f;
    font-size: 14px;
    padding: 20px;
	margin-bottom: 10px;
}
	

#content .section.leading.whathappen { padding: 18px 0; }
#content .section.leading.whathappen .separator { background-color: #ebb31f; } 

#content .section.leading.whathappen h2 {
    font-size: 21px;
    text-transform: uppercase;
}

#content .section.news { padding: 15px 0;}
#content .section.news .news-preview,
#content .section.news .more-news { /* background-color: #f0f0f0; */ }
#content .section.news .news-preview { background: url('/media/1598/home-news-separator.png') no-repeat center right;}
#content .section.news h3 { padding: 0 46px; }
#content .section.news h4 { font-size: 22px; margin-bottom: 16px;}
#content .section.news .section-content-text { padding: 0 46px; margin: 42px 0;}
#content .section.news .news-preview-figure { float: left; margin-right: 15px; }
#content .section.news .news-preview .cta-button { width: 166px; font-size: 16px; margin-top: 49px; height: auto; padding-top: 13px; padding-bottom: 15px;}

#content .section.news .more-news ul { padding: 0; list-style: none; }
#content .section.news .more-news ul > li { border-bottom: 1px solid #d0d0d0; margin-bottom: 12px; padding-bottom: 12px;}
#content .section.news .more-news ul > li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0 }
#content .section.news .more-news .cta-button { margin-top: 23px; }

#content .section.contact { color: #fff; background-color: #2a2a2a;}
.section.contact .information {
    padding: 78px 0;
}

.section.contact .information p {
    font-size: 20px;
}

#content .section.contact h1 {
     text-align: center; 
     padding-top: 90px;
    margin-top: 0;
}

#content .section.contact img{ display: inline-block; margin: 0 auto;}
#content .section.contact p
{ 
	text-align: center; 
	padding-top: 8px;
	color:#fff !important;
}

@media (min-width: 768px) {
    #layerslider .cta-button { background-position: right center; font-size: 18px; width: 212px; height: 57px; padding: 16px 57px 16px 26px }
    #content .section.wecanhelp .section-content-text { padding: 5px 0; float: left;}
    #content .section.wecanhelp .cta-button { width: 460px; height: 57px; text-transform: uppercase;}

    #content .section.hiring-contact .icon { float: left; margin-right: 15px; }
    #content .section.hiring-contact .hiring-content,
    #content .section.hiring-contact .contact-content { float: left; }
     .col-md-6 {
        margin-top: 0px !important;       
    }
}

@media (min-width: 1200px) {
    #content .section.solution .tab-content { padding: 0 81px;}	
     /*.col-md-6 {
        margin-top: 0px !important;       
    }*/		
}

/* content page */
#content .section.content-leading p { font-size: 16px; line-height: 28px; margin-bottom: 23px;}

#content .section.feature { margin-top: 62px; padding-bottom: 60px;}
#content .section.feature .solution-item { font-size: 17px }

#content .section.content-solution { margin-top: 35px; padding-bottom: 98px;}
#content .section.content-solution .nav-tabs { margin-top: 46px; }

#content .section.help-items { padding: 60px 0; text-align: center; position: relative;}
#content .section.help-items h4 { font-size: 24px; margin: 32px 0 15px;}

#content .section.content-contact { background-color: #7fb442; color: #fff; padding: 110px 0 15px;}
#content .section.content-contact h2 { margin-bottom: 18px;}
#content .section.content-contact .cta-button { margin: 32px auto;}

/* about page */
#content .section.about-content { margin-top: 62px; padding-bottom: 60px;}
#content .section .about-figure { text-align: center; }
#content .section .about-figure img { max-width: 100%; }


/* / Master Footer \ */
.main-footer {
     color: #999; 
     font-size: 11px; 
     background: #231f20;
     padding: 15px 0;
}
.main-footer a { color: #39656e; text-decoration: none; }
.main-footer .footer-item { /* float: left; */ margin-bottom: 30px; }	

.main-footer .footer-totop { padding-top: 10px; width: 134px; }

.main-footer .socialnetwork {
   text-align: right;
   padding-top: 10px;
}

.main-footer .copyright {
   text-align: left;
   font-size: 14px;
   padding-top: 10px;
   float: left;
   padding-right: 30px;
}

.main-footer .privacy {
    float: left;
    padding-top: 10px;
    font-size: 14px;
    color: #999;
}

.contact .emailto {
    color: #fff;
    text-decoration: none;
}

.footer-social ul { margin-bottom: 0; text-align: center;}

/*.master-nav .navbar-nav > .open > a:focus*/ { background-color: transparent; }	

@media (min-width: 768px) and (max-width: 992px) {
    .main-footer .footer-totop { width: 122px; }
    .main-footer .footer-contact { /* width: 153px; */ padding: 0 12px; }
    .footer-contact .row { margin-top: -10px; }
    .footer-contact address { /* margin-top: 10px; */ }
    .main-footer .footer-social { /* width: 97px; */ /* padding: 0 11px; */ }
    .main-footer .footer-sitemap { /* width: 300px; */ padding-left: 11px; }
    #content .contact-page .section-content-text {background: url('/images/contact-page-form-bg.png'); padding: 20px 20px;height: 365px;margin: 82px 55px -10px 55px;}
    #content .contact-page {padding-top: 0px;}
    #logo { max-width: 100%; margin-lef: 2px;}
     .col-md-6 {
        margin-top: 0px !important;       
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .main-footer .footer-totop { width: 127px; }
    .main-footer .footer-contact { padding: 0 12px; }
    .main-footer .footer-social { /* width: 92px; */ /* padding: 0 10px; */ }
    .footer-social .btn-social-linkedin, .footer-social .btn-social-twitter { margin-right: 0; }
    .main-footer .footer-sitemap { padding-left: 10px; }
    .footer-sitemap .navbar-nav > li > a { margin-right: 11px; }
     .col-md-6 {
        margin-top: 0px !important;       
    }

}
@media (min-width: 1200px) {
    .main-footer .footer-totop { padding-top: 10px; width: 155px; }
    .main-footer .footer-contact { width: 454px; padding: 0 36px;}
    .main-footer .footer-social { /* width: 146px; */ padding: 0 33px; }
     /*.col-md-6 {
        margin-top: 0px !important;       
    }*/
}

.fulltextsearch_results .fulltextsearch_results_heading {display: block; background-color:#7fb442; padding: 10px 5px; color: white}
.fulltextsearch_results a{color: #034af3;}

/* Handle mobile version for Issues SP 50*/



@media (max-width: 992px) {
    .without-color {background-image:none; border:none; color:#fff;width: 180px!important; height:40px!important; padding:0px!important;margin-bottom: 10px; text-align: center; background-position: right center;line-height:40px !important;font-size:14px !important;}
    #content .section.wecanhelp .figure {
        width: 100%;
    }
    #content .section.wecanhelp .section-content-text {float:left;}
     .col-md-6 {
        margin-top: 0px !important;       
    }
}
i.icon-categories {background:url('/media/4507/icon-categories.png')no-repeat scroll 0% 0% transparent;;height:13px;}
ul.meta-post li .categories{color:#d97c04;}
ul.meta-post li .tagName {color:white;background:#d97c04;margin-left: -10px;padding:5px 7px;}
.meta-post.pull-left li:first-child {border-right: 1px solid #E9E9E9;}
.meta-post.pull-right li:last-child {border-left: 1px solid #E9E9E9;padding-left:10px;}


/*PROJECT AND  PROJECT ISSUES */
.ci-button {margin:10px auto 60px;}
.ci-button {width: 120px; background:#e69138; padding: 5px; clear:both;display: block;text-align: center;color: white;}
.ci-button:hover{text-decoration: none;cursor: pointer;}

#issue-list .title {font-size: 35px;text-align: center;font-weight: bold;padding-top: 45px;}
#issue-list .separator {margin: 10px auto;}

#issue-list .filter {font-size:12px; font-family: open_sanssemibold;background: #fff; padding: 15px; margin: 20px 0;border: 1px solid #e7e7e7;}
#issue-list .filter-table {float:left; margin: 25px auto;}
#issue-list .filter-table td  {padding: 5px 12px 5px 6px; margin: 0 20px;}
#issue-list .filter-table td img {margin-right: 3px;}


/*ICON FILTER*/
#project {background: #f4f4f4;}
#project .project-issue  {position:relative;padding: 5px 30px; margin: 10px 0 30px; background: white; border: 1px solid #cccccc;font-size: 14px;}
#project .project-issue .title-project-issue {font-weight: bold; text-align: center;padding:5px 0;font-size: 20px;}
#project .issues {border-bottom: 1px dashed #cccccc;padding: 5px 0 26px 0;}
#project .icon-project {width:40px;margin-left: 45%;padding: 15px 0 5px;font-size: 20px;}
#project .icon-bottom-project{bottom: 7px;position: absolute;right: 7px;position: absolute;}
#project .title {font-size: 35px;text-align: center;font-weight: bold;padding-top: 45px;}
#project .separator {margin: 10px auto 40px;}
/*.project-issue  table tr td:last-child {text-align: right; text-decoration: underline; padding-right: 5px;}*/
.project-issue  table tr td {padding: 5px;}
.project-issue .realeases {padding: 20px 0 30px 0;height: 190px;}


#issue-list .filter .issue-icon {margin-right: 4px;background: url('../issue-icon/issue-icon.png'); height: 16px;width: 16px;display: block;float: left;margin-top: 3px;}
#issue-list .filter .filter-blocker {background-position: 0 126px;}
#issue-list .filter .filter-minor {background-position: 0 90px;height: 17px;}
#issue-list .filter .filter-critical {height: 13px;}
#issue-list .filter .filter-trivial {background-position: 0px 109px;}
#issue-list .filter .filter-bug {background-position: 0px 56px;}
#issue-list .filter .filter-improvement {background-position: 0px 16px;}
#issue-list .filter .filter-new-feature {background-position: 0px 73px;}
#issue-list .filter .filter-task {background-position: 0px 36px;}


a.filterItem:hover,  
a.filterItem:focus,
a.filterItem:active
{padding: 2px; text-decoration:none; background: #ff9900; cursor: pointer;}

.activeFilter {padding: 5px 2px; text-decoration:none!important; background: #ff9900;}
.removeCurrentFilter {padding: 5px 3px; text-decoration:none!important; background: #E69138;}
a.removeCurrentFilter:hover {background: #E69138 !important;padding: 5px 3px !important;}

#issue-list .table-issue-list {margin: 20px 0;font-size: 13px;}
#issue-list .table-issue-list tr:nth-child(even) {background: #ececec;}
#issue-list .table-issue-list tr:nth-child(n+2) td {border-right: 1px dashed #bdbdbd;}
#issue-list .table-issue-list .view-issue-detail {background:#d97c04; padding: 5px;display: block;text-align: center;color: white;text-decoration:none;cursor: pointer;border-right: none;}

#issue-list .issue-search {position: relative;margin: 5px auto; width: 280px;}
#issue-list .issue-search input[type=text] { border-radius: 19px; border: 1px solid #dadada; width: 100%;height: 36px;padding-left: 40px;}
#issue-list .issue-search input[type=submit] {background: transparent;border: none;position: absolute;top:5px;left: 7px;width: 40px;height: 30px;}
#issue-list .issue-search .icon {position: absolute;top:11px;left:18px;}
#issue-list .filter-table {height: 56px;}
#issue-list .filter-type {height: 110px;}

@media (min-width: 768px) {
    .fulltextsearch_results {margin:29px 0 !important;}
    #content .section.wecanhelp .cta-button  { font-size: 18px; }
     .col-md-6 {
        margin-top: 0px !important;       
    }
}
@media (min-width: 993px) {
    .without-color { background-image:url('/images/cta-button-icon-orange.png'); border:none; color:#fff;width:212px!important; height:55px!important;background-repeat: no-repeat; padding: 16px 57px 16px 26px !important;margin-bottom: 10px; text-align: left; background-position: right center;font-size:20px !important;}
     .col-md-6 {
        margin-top: 0px !important;       
    }
}

@media (min-width: 1199px) {
    #issue-list .filter {  width: 100%;}
    #issue-list .filter-table {padding-left: 12px; border-right: 1px dashed #dadada;height: 92px;}
    #issue-list .filter-status {width: 20%;}
    #issue-list .filter-priority {width: 27%;}
    #issue-list .filter-releases {width: 18%;}
    #issue-list .filter-type {width: 33%;border-right:none;height: 120px;}
     /*.col-md-6 {
        margin-top: 0px !important;       
    }*/
}

@media (max-width: 767px) {
    #sb-search{
        display: none;
    }
    #content .section.wecanhelp .checklist li {
        margin-left: 7px;
    }
    #layerslider {
        display: none;
    }
    #content .section-content-text h2 {
        padding-left: 7px 7px 7px 15px;
    }
    .main-footer .footer-sitemap {
        display: none;
    }
    #content .section.wecanhelp .cta-button {
        font-size: 14px;
    }
    .cta-button {
        height: 44px;
        padding: 10px 0px 10px 15px;
    }
    .cta-button.orange {
        width: 200px;
    }
    #content .section.leading h2 { 
        font-size: 28px;
        text-align: center;
    }
    
    .fulltextsearch_results {margin:2px;}
    #logo{max-width: 160px; margin-left: 15px; margin-top: 16px;}
    #content .clade-contact-form .contour fieldset { padding: 25px 22px 0 20px; margin: 0;}
    #content .clade-contact-form .contourNavigation input[type='button'],#content .clade-contact-form .contourNavigation input[type='submit'] { background: url('/images/cta-button-icon-orange.png') no-repeat right center #d97c04; border: none; color: #fff;  display: block; padding: 11px 47px 11px 19px; width: 149px; height: 47px; margin-right: 22px; text-align: left; float: right;}
    .clade-location{margin: 20px 0;}
    .clade-contact-form{margin: 20px 0;}
    #issue-list .filter-type {height: 140px;}
    #AddIssueForm {font-size: 14px;}
    #AddIssueForm  div.editor-label { margin-left: 5%; clear: both; font-family: "open_sanslight",Arial,sans-serif;clear: both;width: 100%;margin: 0;}
    .ui-widget input, .ui-widget select, .ui-widget textarea {width: 95%;}
    #dropZone {margin: 0;padding-top: 25px; padding-bottom: 25px;width: 95%;}

    #content .contact-page address { margin-right: 0px;}
     .col-md-6 {
        margin-top: 0px !important;       
    }
}
/**
* CSS themes for simplePagination.js
* Author: Flavius Matis - http://flaviusmatis.github.com/
* URL: https://github.com/flaviusmatis/simplePagination.js
*/

ul.simple-pagination {
    list-style: none;
}

.simple-pagination {
    display: block;
    overflow: hidden;
    padding: 0 5px 5px 0;
    margin: 0;
}

.simple-pagination ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.simple-pagination li {
    list-style: none;
    padding: 0;
    margin: 0;
    float: left;
}

/*------------------------------------*\
        Light Theme Styles
\*------------------------------------*/

.light-theme a, .light-theme span {
    float: left;
    color: #666;
    font-size:14px;
    line-height:24px;
    font-weight: normal;
    text-align: center;
    border: 1px solid #BBB;
    min-width: 14px;
    padding: 0 7px;
    margin: 0 5px 0 0;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    background: #efefef; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%); /* IE10+ */
    background: linear-gradient(top, #ffffff 0%,#efefef 100%); /* W3C */
}
.light-theme a:hover { text-decoration: none; background:#6eb03c ; color: white;}
.light-theme li.active a {background:#6eb03c ; color: white;}
.light-theme .current { background: #6eb03c; color: white; border-color: #444; box-shadow: 0 1px 0 rgba(255,255,255,1), 0 0 2px rgba(0, 0, 0, 0.3) inset; cursor: default;}
.light-theme .ellipse {background: none; border: none; border-radius: 0; box-shadow: none; font-weight: bold;cursor: default;}

#issue-detail {padding-top: 35px;}
#issue-detail input[type=text] {width: 70%;}
#issue-detail select {width:70%;}
#issue-detail .description {width: 70%;height: 350px;display: block;margin-left: 26%;margin-top: -30px;}
#issue-detail .comment {width: 100%;height: 220px; overflow-y: auto;}
#issue-detail #newcomment {margin: 20px 0 5px;}
#issue-detail label {width: 25%;padding: 10px 0;}
#issue-detail input[type=submit] {float: right;border: 1px solid black; border-radius: 0;margin: 10px 0;}
#issue-detail .attachments {margin-left: 26%;margin-top: -35px;width: 70%;margin-bottom: 20px;}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button  {font-family: "open_sanslight",Arial,sans-serif !important;}
.ui-widget input, .ui-widget select, .ui-widget textarea {width: 65%;margin-bottom: 3px;}
.ui-widget textarea{ height: 130px;}
.ui-widget-header {background:#7fb341 !important; color: white !important; margin-bottom: 30px;border-radius: 0px !important; }

#AddIssueForm  div.editor-label { margin-left: 5%; float: left; width: 25%; font-family: "open_sanslight",Arial,sans-serif;}
#AddIssueForm .field-validation-error {font-size: 13px;color: red;margin-left: 30%; margin-bottom: 30px;}
#AddIssueForm .field-validation-error:before {content: "* ";}
#AddIssueForm .editor-field {margin-bottom: 30px;}

#dropZone {font-size:  15px;background: none repeat scroll 0% 0% #BDBDBD;border: 1px dashed #bdbdbd ;width: 65%; margin-left: 30%;padding-top: 25px; padding-bottom: 25px; text-align: center;}
#dropZone input{margin: 5px auto;}

#uploadResult {text-align: left;}
#uploadResult li {padding-left: 10px;}
.attach-file { padding: 3px;font-size: 12px; border: 1px solid black; margin: 2px;width: 30%;overflow: hidden;height: 66px;display: inline-block;}
.ui-dialog {padding:0px !important;font-size: 15px !important;}
.ui-dialog .ui-dialog-buttonpane button {background:#E69138; color:white;}

/*End*/

.main-container{
	/*margin-top:107px;*/
}

//contact
#contour input.text, #contour input.title, #contour textarea, #contour select,
.contour input.text, .contour input.title, .contour textarea, .contour select
{
	margin: 0.5em 0;
	border: 1px solid #bbb;
}

#contour input.text:focus, #contour input.title:focus, #contour textarea:focus, #contour select:focus,
.contour input.text:focus, .contour input.title:focus, .contour textarea:focus, .contour select:focus
{
	border: 1px solid #666;
}

#contour input.text, #contour textarea,
.contour input.text, .contour textarea
{
	/*width: 300px !important;*/
	width: 100%;
	padding: 5px;
}

#contour textarea,
.contour textarea
{
	height: 250px;
}

.contourError
{
	background: #FBE3E4;
	color: #8a1f11;
}

.input-validation-error {
	background-color: #FBE3E4 !important;
}

#contour input.contourError, #contour textarea.contourError, #contour input.input-validation-error, #contour textarea.input-validation-error .contour input.contourError, .contour textarea.contourError, .contour input.input-validation-error, .contour textarea.input-validation-error
{
	background: #FBE3E4;
	/*border-color: #d97c04;*/
}

#contour span.contourError, #contour span.field-validation-error .contour span.contourError, .contour span.field-validation-error
{
	/*color: #8a1f11 !important;*/
	background: transparent !important;
}

.visibleLabel
{
	opacity: 1;
}

.hiddenLabel
{
	opacity: 0;
}

.contactUsMessage
{
	float: left;
	width: 100% !important;
}
.contactCladeSolution{
}

.margin30{
	margin: 30px auto;
}

.margin50{
	margin: 50px auto;
}
.margintop50{
	margin-top:50px;
}

.imageinline{
	float:left;
	padding-right: 20px;
}
	
.ourworkheading{
	padding-bottom: 45px;
}
		
.ourworkheading h2{
	padding-top: 30px;
}
.section.lek{
	color: #fff;
}
	
.padding30{
	padding-bottom: 30px;
}

.nomargintop{
	margin-top: 0;
}

.relative {
  position: relative;
}

.relative .blogimage{
	/* width: auto; */
    height: auto; 
    max-width: 100%;
    max-height: 100%;
}
		
.sameheigh{
	height: 300px;
    display: flex;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    /* background-color: #fff;	 */
}


.ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.thumbnews{
  display: inline-block;
  width: 260px;
  height: 260px;
  background-position: center center;
  background-size: cover;
}

.highlightnews{
  display: inline-block;
  width: 555px;
  height: 555px;
  background-position: center center;
  background-size: cover;
}


.navbar-inverse {
  /*background-color: transparent;*/
  border-color: rgba(255,255,255,0.25);
}

.section-introduction {
    background-color: #62573b;
}

.solutionbanner .font60{
	text-align: start !important;
    text-transform: none;
    font-size: 55px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.section-introduction .introduction {
  width: 100%;
  margin: 0 auto;
  padding: 15px;
  position: absolute;
  top: 23%;
}

.section-introduction .introduction2 {
  width: 100%;
  margin: 0 auto;
  padding: 15px;
  position: absolute;
  bottom: 20px;
}

.section-introduction .partnerintroduction {
  width: 100%;
  margin: 0 auto;
  /*padding: 15px;*/
  position: absolute;
  top: 50%;
  margin-top: -50px;
}

.section-introduction h1 {
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,0.1);
    text-transform: uppercase;
    font-size: 70px;
    margin-bottom: 30px;
    text-align: center;
    font-weight: bold;
}

h1.blogtitle{
	color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,0.1);
    font-size: 70px;
    margin-bottom: 30px;
    text-align: center;
    font-weight: bold;
	text-transform: none;
}
	
.partnerintroduction .blogdescription{
	font-size: 18px;
    color: #fff;
    text-align: center;
    width: 50%;
    margin: 0 auto;	
}

.section-introduction #help-button {
    text-align: center;
    margin: 0 auto;
    display: block;
    width: 100px;
}
				
.section-introduction h4 {
  color: #fff;
  text-shadow: 0 1px 2px rgba(0,0,0,0.1);
  padding-bottom: 35px;	
}
		
.section-introduction h3 {
  color: #fff;
  font-size: 31px;
  /*padding-bottom: 50px;*/
	padding-bottom: 100px;
  width: 60%;
  margin: 0 auto;
    text-align: center;
}

.section-introduction h3.blog {
  transition: all 300ms ease-in-out;
  padding: 10px 15px;    
  background-color: rgba(2, 2, 2, 0.5);
  color: #fff; 
  font-size: 31px;
  margin: 0 auto;
  text-align: center;
  padding-bottom: 10px;         
  
}

#partnerlogo{
	padding-bottom: 70px;
}

.section-introduction .btn:hover{
	color: #fff;
}
			
.section-introduction .btn span{
	padding-left: 15px;
}

.btn-help {
  color: #fff;
  border-color: #fff;
  border-width: 3px;
  border-radius: 35px;
  font-size: 20px;
  padding: 15px 20px;
}

.navbar-inverse .navbar-nav>li>a{
	color : #fff;
}

.is-scrolled .navbar {
  /*background-color: rgba(255,255,255,0.15);*/
	background-color:#797058;
  -webkit-transition: all 180ms ease-out;
  -o-transition: all 180ms ease-out;
  transition: all 180ms ease-out;
}


.search-login{
	float: right;
}
.flex{
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

/*
.changed:after{
	 content: ''; 
 	 position: absolute; 
	 bottom: 0;
 	 left: 0; 
	 right: 0; 
	 margin: 0 auto; 
	 width: 0px; 
	 height: 0; 
	 border-bottom: solid 8px #ecb220; 
	 border-left: solid 12px transparent; 
	 border-right: solid 12px transparent;
}

*/
.section-contact {
  background: url(/media/9479/contactimage.png);
  background-position: center; 
  background-size: cover;
  margin-top: -110px;
  height: 1036px;

	-webkit-animation-name: fade-in;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 2s;
}

.section-content {
  background: url(/media/9473/contentimage.png);
  background-position: center; 
  background-size: cover;
  margin-top: -110px;
  height: 1036px;

	-webkit-animation-name: fade-in;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 2s;
}

.navbar-inverse .navbar-nav>.open>a{
	background-color: #656262 !important;
	opacity: 0.8;
}

body{
	/*overflow-x: hidden !important;*/
}

.navbar-nav>li>a{
	text-transform: uppercase;
}

.contourField input{
	font-size: 15px;
	color: #666;
}

.contourField .text{
	margin-bottom: 10px;
}
.contourField textarea{
	margin-bottom: 5px;
}


@media (min-width:768px) and (max-width:1199px) {  
	.section-content-text-left{
	  	padding: 20px 40px 80px;
	}
	.getintouch h1{
		font-size: 50px;
	}
	.getintouch p{
		font-size: 28px;
	}
	#content .clade-contact-form .section-content-text{
		padding: 25px;
	}
	.contactintouch{
		padding-bottom: 0;
	}
	#content .contact-page{
		padding-top: 200px;
	}
			
	#content .contact-page .section-content-text{
		padding: 38px 40px;
		height: auto;
	}
	.clade-location{
		padding: 38px 70px 0;
	}

	.highlightnews{
		width: 458px;
		height: 458x;
	}
	.thumbnews{
		width: 215px;
		height: 215px;
	}

	.section-introduction h1{
		font-size: 40px;
	}
	.section-introduction h3{
		font-size: 21px;
	}
	.section-introduction h4{
		font-size: 15px;
	}

	.backgroundheight{
		min-height: 550px;
	}

	.backgroundheightsolution{
		min-height: 300px;
	}

	.learnmore{
		margin-bottom:30px;
	}
     .col-md-6 {
        margin-top: 0px !important;       
    }
	
}



#subject{
  width: 100%;
  color: #666;
  font-size: 15px;
  min-height: 35px;
}

.technologyitem{
	padding-bottom: 30px;
}

.technologyitem img{
	width: 100%;
}


a.cta-button.orange{
	text-transform: uppercase;
}

.nopading {
    padding: 0;
}

.section.ourwork {
    background-color: #fff;
}

.section.ourwork .detail {
    padding-top: 50px;
}

.ourwork .innerourwork {
    position: absolute;
    /* top: 50%; */
    text-align: center;
    color: #fff;
    padding: 25px;
    margin: 0;
    top: 15%;
}

.ourwork h1 {
    text-align: center;
    margin-top: 0;
    padding-top: 90px;
}
.ourwork .width100 {
    width: 100%;
}

.width100 {
    width: 100%;
}

.innerourwork h2 {
    font-size: 21px;
}

.positionrelative {
    position: relative;
}

.learnmore {
    text-align: center;
    display: block;
    color: #fff;
    background-color: #ebb31f;
    width: 250px;
    margin: auto;
    padding: 20px;
    text-transform: uppercase;
    margin-bottom: 60px;
    font-size: 25px;
}
.section-introduction a:hover {
     text-decoration: none;
    color: #fff;
}

.paddingbottom20 {
    padding-bottom: 20px;
}

.paddingbottom30 {
    padding-bottom: 30px;
}

.paddingbottom85 {
    padding-bottom: 85px;
}

.paddingtop50 {
    padding-top: 50px;
}

.paddingtop20 {
    padding-top: 20px;
}

.paddingtop100 {
    padding-top: 100px;
}

.paddingleft20{
	padding-left:20px;
}

.calendaricon {
    padding-right: 5px;
}

/*Solution page*/
.clickhere{
		background-color: #eab21f;
		border: none;
		color: #fff;
		margin-bottom: 80px;
		font-size: 30px;
		font-weight: bold;
		padding: 10px 25px;
		text-transform: uppercase;
        display:inline-block;
	}
.freedemo{
	background-color: #eab21f;
		border: none;
		color: #fff;
		margin-bottom: 80px;
		font-size: 25px;
		font-weight: bold;
		padding: 10px 25px;
	}
	.clickhere:hover{
		color:#fff;
	}
	.font60{
		font-size:60px;
	}
	.font40{
		font-size:40px;
	}

.font30{
	font-size:30px;
	}
.font20{
	font-size:20px;
	}
.font47{
	font-size:47px;
}
.font24{
	font-size:24px;
}
.font18{
	font-size:18px;
}
.gold{
	color:#eab21f;
}
.gold:hover{
	color:#eab21f;
}

.text-center img{
	height:137px;
}

.whydynamic .title{
	/*height: 52px;*/
	font-size: 20px;
}


/*Royal Carrousel*/
 #full-width-slider {
  width: 100%;
  color: #000;
}
.royalSlider > .rsContent {
  visibility:hidden;
}
.coloredBlock {
  padding: 12px;
  background: rgba(255,0,0,0.6);
  color: #FFF;
   width: 200px;
   left: 20%;
   top: 5%;
}
.infoBlock {
  position: absolute;
  top: 30px;
  right: 30px;
  left: auto;
  /*max-width: 25%;*/
  padding-bottom: 0;
  background: #FFF;
  background: rgba(255, 255, 255, 0.8);
  overflow: hidden;
  padding: 20px;
}
.infoBlockLeftBlack {
  color: #FFF;
  background: transparent;
  left: 30px;
  right: auto;
}
.infoBlock h4 {
  font-size: 20px;
  line-height: 1.2;
  margin: 0;
  padding-bottom: 3px;
}
.infoBlock p {
  font-size: 14px;
  margin: 4px 0 0;
}
.infoBlock a {
  color: #FFF;
  text-decoration: underline;
}
.photosBy {
  position: absolute;
  line-height: 24px;
  font-size: 12px;
  background: #FFF;
  color: #000;
  padding: 0px 10px;
  position: absolute;
  left: 12px;
  bottom: 12px;
  top: auto;
  border-radius: 2px;
  z-index: 25; 
} 
.photosBy a {
  color: #000;
}
.fullWidth {
  /*max-width: 2000px;*/ /*19 Apr 16*/
  margin: 0 auto;
}

.whatdynamic{
	color:#fff;
}	
.whatdynamic .img-responsive{
	margin:0 auto;
}
.whatdynamic .detail{
	/*width:50%;*/
 	margin:0 auto;
	font-size:18px;
}

/*Blog page*/
.relative{
	position: relative;
}

.bloglist .relative .title{
	font-family: 'BrandonText-Bold', sans-serif;
	position: absolute;
    color: #fff;
	background-color: #706d56;
    opacity: 0.9;
    bottom: 0%;
    padding-bottom: 1%;
    padding-top: 1%;
    padding-left: 15px;
	padding-right: 15px;
    width: 100%;
    font-size: 20px;
}

.blogdetail .relative .title {
    font-family: 'BrandonText-Bold', sans-serif;
    position: absolute;
    color: #fff;
	background-color: #706d56;
    opacity: 0.9;
    bottom: 0%;
    padding-bottom: 1%;
    padding-top: 1%;
    padding-left: 15px;
    width: 100%;
    font-size: 20px;
}

.bloglist{
	background-color:#eaeceb;
}

.white{
	background-color: #fff;
    padding-bottom: 50px;
    padding-left: 15px;
    padding-right: 15px;
}
.white .gold img{
	height: 15px;
}

.mogBlock .titleBlock {
    margin-top: -95px;
}

.titleBlock {
    position: relative;
}

.titleBlock h2 {
    font-size: 35px;
    color: #eab21f;
    line-height: 1.4em;
    margin: 0;
    font-weight: 700;
    text-transform: uppercase;
    /*font-family: 'Montserrat';*/
}

.mogBlock .titleBlock h2 span {
    color: #05154c;
    display: block;
}

.titleBlock h2 span {
    color: #fff;
    display: block;
}

@media screen and (min-width:960px) and (min-height:660px) {
	/* .partner.section-introduction{
		height: 520px !important;
	} */
  .heroSlider .rsOverflow,
  .royalSlider.heroSlider {
      /*height: 520px !important;*/
  }
   .col-md-6 {
        margin-top: 0px !important;       
    }
}

@media screen and (min-width:960px) and (min-height:1000px) {
    .heroSlider .rsOverflow,
    .royalSlider.heroSlider {
        /*height: 660px !important;*/ /*19 Apr 16*/
    }
			
	.nohome{
		height: 400px !important;
	}
     .col-md-6 {
        margin-top: 0px !important;       
    }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .nohome .royalSlider.heroSlider,
  .nohome .royalSlider.heroSlider .rsOverflow {
    height: 95px !important;
  }

  .royalhome {
      height: 350px !important;
  }

  .infoBlock {
    padding: 10px;
    height: auto;
    max-height: 100%;
    min-width: 40%;
    left: 5px;
    top: 5px;
    right: auto;
    font-size: 12px;
  }
  .infoBlock h3 {
     font-size: 14px;
     line-height: 17px;
  }
}

.arrow-down {
	width: 0;
    height: 0;
    border-left: 60px solid transparent;
    border-right: 60px solid transparent;
    border-top: 30px solid #fff;
    position: absolute;
    top: 0;
    left: calc(50% - 60px);
}

.topsocialnetwork {
    margin-top: 31px;
    margin-left: 30px;
}

.contactform input {
    width: 100%;
    margin-bottom: 20px;
    padding: 20px;
    background-color: #f8f4f4;
    border: none;
}

.contactform textarea {
    border-radius: 0;
    background-color: #f8f4f4;
    border: none;
    margin-bottom: 25px;
    padding: 20px;
}

.contactform input[type='submit'] {
    width: 250px;
    background-color: #eab21f;
    border: none;
    color: #fff;
    margin-bottom: 80px;
    font-size: 22px;
    font-weight: bold;
}

.partners .icon.aligncenter {
    text-align: center;
    margin: 35px 0;
    height: 70px;
}

.information .icon.aligncenter{
	height: 100px;
    vertical-align: middle;
    text-align: center;
    line-height: 100px;
}

.partners p.text-center {
    font-size: 15px;
}

.partners {
   padding-bottom: 50px;
   padding-top: 50px;
}

.intropartner h3, .introourwork h3 {
    text-align: center;
    /*text-transform: uppercase;*/
    padding-top: 70px;
	font-weight: bold;
	padding-bottom: 30px;
}

.intropartner h3 p{
	font-size: 30px !important;
}
.introourwork h3 p{
	font-size: 30px !important;
}

.introservice h2 {
    text-align: center;
    /*text-transform: uppercase;*/
    padding-top: 50px;
    font-size: 30px;
    font-weight: bold;
}

.introservice .introductiontext {
    padding-bottom: 120px;
    padding-top: 50px;
}

li .contract {
    border: 1px solid #fff;
}

.contactform {
    background-color: #fff;
}

.contactbreadcrumb p {
    padding: 20px 0;
    text-transform: uppercase;
    margin-top: 10px;
    font-weight: bold;
}
.contactbreadcrumb{
	background-color: #f6f3e9;
}

.contactform ul {
    list-style: none;
    padding-left: 0;
}
.contactform li {
    padding-bottom: 15px;
}

.contactform li img {
    padding-right: 10px;
}

.map .container-fluid {
    padding: 0;
}
.map .row {
    margin: 0;
}
.map .col-md-12 {
    padding: 0;
}
.map .googlemap {
    width: 100%;
}

.map .trap {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
}

.section.map .ourlocation{
    position: absolute;
    /*height: 100%;*/
    top: calc(50% - 85px);
    left: 10%;
	width: 50%;
}

.section.map .barangaroo {
    position: absolute;
    /* height: 100%; */
    top: calc(50% - 300px);
    /*
	left: 10%;
    width: 34%;
	*/
	/*left:30px;*/
	/*width:600px;*/
}

.map.barangaroosection{
	/*margin-bottom:-50px;*/
}

.section.map .ourlocation .caption-l1 {
    font-size: 36px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: 500;
    line-height: 1.1;
    margin: .67em 0;

    color: #fff;
    display: inline;
    vertical-align: middle;
    padding-left: 5px;
}

.section.map .ourlocation .caption-l2 {
    font-size: 24px;
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: 500;
    line-height: 1.1;


}
.section.map .ourlocation select{
    padding: 10px;
    width: 300px;
    text-transform: uppercase;
    border: none;
    margin-bottom: 50px;
    margin-top: 40px;
}

.section.map .contactus{
	float:left;
	color: #fff;
}
.section.map .visitus{
    width: 45%;
	float:left;
	color: #fff;
	padding-right: 30px;
}

.section.map .selectlocation{
	padding-bottom: 20px;
}

.section.map .selectlocation h1{
	color: #fff;
    display: inline;
    vertical-align: middle;
	padding-left:5px;
}

.section.newsevents{
	background-color: #fff;
    padding-top: 20px;
	padding-bottom: 130px;
}

.section.newsevents .detail {
    padding-top: 65px;
}

.corporatetravel {
    padding-top: 60px;
    padding-bottom: 30px;
	background-color: #dedede;
}
.padding20 {
    padding: 20px 0;
}

.padding-top80 {
    padding-top: 80px;
}

.padding50 {
    padding: 50px 0;
}

.paddingbottom50 {
    padding-bottom: 50px;
}


/* our thinking */
ul, li {
    /*list-style: none;*/
}

.nav-thinking {
	text-transform: uppercase;
	/*font-size: 12px;*/
	font-size: 16px;
	margin: 0 0 30px;
	background: url(../images/diamond-line2.png) no-repeat center center;
}

.text-white .nav-thinking {
	background: url(/media/9565/diamond-line2b.png) no-repeat center center;
}
.nav-thinking ul li {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	
	padding: 8px 0;
}
.nav-thinking ul li span {
	cursor: pointer;
	
	background-image: url(../images/icons-diamonds2.png);
	background-repeat: no-repeat;
	background-position: left 2px;
	
	display: inline-block;
	vertical-align: top;
	
	
	zoom: 1;
	*display: inline;
	
	min-width: 150px;
}
.text-white .nav-thinking ul li span {
	background-image: url(/media/9576/icons-diamonds2b.png);
}
.thinking .blurb-item .holder {
	position: relative;	
}
.thinking .blurb-item h3 {
	text-align: center !important;
	padding-bottom: 40px !important;
}
.blurb-container {
	padding-bottom: 30px;
	position: relative;	
}
.blurb-container .blurb-item {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
    padding-bottom: 40px;
}
.blurb-container .blurb-item:first-child {
	position: relative;
	display: block;
}


.nav-thinking {
		padding-bottom: 50px;
		background: url(../images/diamond-line.png) no-repeat center 7px;
		margin: 15px 0 10px;
	}
	
	.nav-thinking ul li {
		float: none !important;
		display: inline-block;
		vertical-align: top;
		
		
		zoom: 1;
		*
		display: inline;
		padding-top: 0;
	}
	.nav-thinking ul li span {
		/*margin-left: 88px;*/
		margin-left: 20px;
		padding-top: 35px;
		background-position: center top;
		display: block;
		min-width: 0;
	    /*width: 55px;*/
		width: 220px;
	}
	.nav-thinking ul li.active span:hover, .nav-thinking ul li.active span {
		background-position: center -584px;

        /*padding-top: 0px !important;
        background-position: left 2px;
        display: inline-block;
        
        min-width: 150px !important;
        vertical-align: top;
        background-repeat: no-repeat;
        zoom: 1;*/
	}
	.nav-thinking ul li:first-child span {
		margin-left: 0;
	}


.thinking ul {
    padding: 0;
}

.thinking p {
    font-size: 18px;
}


#process {
    color: #fff;
	height:770px;
}

a:hover{
    text-decoration: none;
}


ul.nav li a {
    color: #fff;
}

#wp-size-hidden {
    position: fixed;
    width: 100%;
    height: 100%;
    visibility: hidden;
    z-index: -1000;
}

.orangecolor {
    color: #efc556;
}

.newsevents .orangecolor{
	height: 78px;
}

.section.wecanhelp .detail {
    padding-top: 90px;
}



.border-between > [class*='col-']:before {
 background: #e3e3e3;
 bottom: 0; 
 content: " ";
 left: 0;
 position: absolute;
 width: 1px;
 top: 0;
}
.border-between > [class*='col-']:first-child:before {
 display: none;
}

.partnerborder{
	border-bottom: 1px solid #e3e3e3;
}

/* background */
.bg-black {
	background-color: #bf9001;
}
.bg-black.radial {
	background-image: url(/media/9557/backgroundservice.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 100%;
}

.bg-fixed {
	background-attachment: fixed;
}
.touch #photo-mod.bg-fixed {
	background-attachment: scroll;	
}

.thinking {
    text-align: center;
}

.grid-centered {
    padding-top: 30px;
}

.fullsize {
    width: 100%;
}

ul.nav li a.active {
    background-color: #ebb31f;
}


input.error, textarea.error {
   background-color: #FBE3E4;
}

label.error {
   display: none !important;
}

a.disabled {
   pointer-events: none;
   cursor: default;
}

.autoheight{
	height: auto !important;
}

.text-uppercase{
	text-transform: uppercase;
    font-weight: bold;
}

.text-uppercase img {
    height: 25px;
    margin-top: -5px;
}

.submenu li:hover{
	background:#797058 !important;
	opacity: 0.5;
}
.submenu ul{
	width: 285px;
	background:#ecb220;
}

.submenu ul.thirdlevel{
	width: 235px;
		margin-left:50px;
}


/*Media query*/


@media screen and (max-width: 1170px) and (min-width: 992px) {
      .section-introduction .introduction {
          top: 24%;
      }
    .section.map .ourlocation {
    	left: 5%;
    }
    .section-introduction h3 {
	    width: 100%;
    }
    .learnmore {
	    padding: 15px;
		margin-bottom: 50px;
	}
    #content .section.wecanhelp h2 {
	    font-size: 18px;
        padding: 50px 10px 20px 10px
	}
     .col-md-6 {
    margin-top: 0px !important;
    }


		
}
@media screen and (max-width: 991px) and (min-width: 768px) {
    .section.map .ourlocation {
		position: absolute;
		/*height: 100%;*/
		/*top: 20px;*/
		left: 15px;
	}
	.section.map .visitus {
	    padding-right: 15px;
    }
	.section.map .ourlocation select {
        padding: 3px;
        width: 200px;
	    text-transform: uppercase;
        border: none;
    }

    .section.map .ourlocation .caption-l1 {
        font-size: 24px;
    }
    .section.map .ourlocation .caption-l2 {
        font-size: 18px;
    }
    .section-introduction h3 {
	    width: 100%;
    }
    .learnmore {
	    padding: 15px;
		margin-bottom: 50px;
	}
    #content .section.wecanhelp h2 {
	        font-size: 18px;
            padding: 50px 10px 20px 10px
	    }
    #content .section.wecanhelp .manageapplication0, #content .section.wecanhelp .manageapplication1, #content .section.wecanhelp .manageapplication2{
	    padding-left: 5px;
	    padding-right: 5px;
    }


	.innerourwork h2{
		font-size: 16px;
	}
	
	#innerourwork /*#content*/ .section p{
		line-height: inherit;
		padding-left:0;
		font-size: 13px;
	}
	
	.ourwork .innerourwork{
		padding: 10px;
		top:0;
	}
			
	.height35{
		height: 35px;			
	}
     .col-md-6 {
        margin-top: 0px !important;       
    }


}
		
@media screen and (max-width: 767px) {
      .grid-centered {
		float: none;
		margin: 0 auto !important;
	}

    .section.wecanhelp {
        height: auto !important;
    }

    .ourwork .innerourwork {
        padding: 0;
        top: 0;
    }

    .col-md-6 {
        margin-top:0px !important;
    }

    .col-md-12 {
        margin-top:70px;
    }

    .ourworkheading {
        margin-top:70px;
    }

    .height35 {
        height: 35px;
    }

    .ourwork h1 {
        padding-top: 40px;
    }

    .section.ourwork .detail {
        padding-top: 20px;
    }

    .arrow-down {
        display: none;
    }
	/*
    #content .section.leading h1 {
        padding-top: 25px;
    }
	*/
    .section.newsevents .detail {
        padding-top: 30px;
    }

    .section.newsevents {
        padding-bottom: 40px;
    }

    #content .section.contact h1 {
        padding-top: 45px;
    }

    .section.contact .information {
        padding: 30px 0;
    }

    #content .section.wecanhelp h1 {
        padding-top: 30px;
    }

    .section.wecanhelp .detail {
        padding-top: 30px;
    }

    #content .section.wecanhelp .manageapplication0 img {
        position: absolute;
        top: -50px;
        /*left: 90px;*/
		left: calc(50% - 70px);
    }

    #content .section.wecanhelp .manageapplication1 img {
        position: absolute;
        top: -50px;
        /*left: 125px;*/
		left: calc(50% - 25px);
    }

    #content .section.wecanhelp .manageapplication2 img {
        position: absolute;
        top: -50px;
        /*left: 95px;*/
		left: calc(50% - 70px);
    }  
       
    #content .section.wecanhelp .manageapplication0 .containerdescription .description,
    #content .section.wecanhelp .manageapplication1 .containerdescription .description,
    #content .section.wecanhelp .manageapplication2 .containerdescription .description, .description {
        height:auto!important;
    }   
    
    .paddingbottom85 {
        padding-bottom: 40px;
    }

    .section-introduction .partnerintroduction {
        top: 33%;
        margin-top: 0;
        padding: 0px !important;
    }

    .partnerborder {
        border: none;
    }

    .fullsize {
        width: auto;
    }

    .section.map .visitus {
        width: 100%;
    }

    .map .googlemap {
        width: auto;
    }

 .barangaroosection .googlemap {
        display:none;
    }

    .selectlocation h1 {
        font-size: 26px;
    }

    .section.map .ourlocation select {
        width: 250px;
        margin-bottom: 5px;
        margin-top: 5px;
    }

    .section.map .ourlocation {
        top: 20%;
    }

    .hiddeninmobile {
        display: none;
    }

    .headerContent {
        display: none;
    }

    .padding20mobile {
        padding-bottom: 20px;
    }

    .topsocialnetwork {
        display: none;
    }

    .master-nav .navbar-nav {
        /*margin-top: 0;*/
    }

    .navbar {
        /*position: relative;
        background: #62573b;
        background-color: #62573b;

        */
                margin-bottom: 0;
        background-color: transparent;
        padding-bottom: 0;
    }
	.navbar .navbar-header {
		background-color: rgba(255,255,255,0.15);
	    margin-top: 0;
	    margin-bottom: 0;
	    /*
	    padding-top: 25px;
	    padding-bottom: 20px;*/
	}
    #full-width-slider {
        /*display: none;*/
    }

	.process-image{
		display:none;
	}

	.nohome{
		display: none;
	}
	
	.section-introduction h1{
		font-size: 30px;
	}
	#help-button img{
		height: 50px;
	}
			
	.section-introduction .introduction{
		top:80px;
	}
		
	.section-introduction h3{
		width: 100%;
		font-size: 18px;
	}
	
	#process{
		height:auto;
	}

 	
	
   .submenu li{
		padding: 5px 0;
	}


 


    .nav-thinking ul li {
		float: none !important;
		display: block;
		vertical-align: top;
		
		/* For IE 7 */
		zoom: 1;
		*display: inline;
		
		padding-top: 0;
        margin: 0;
	}
	.nav-thinking ul li span {
		

            margin-left: 88px;
            padding-top: 0px !important; 
            background-position: left 1px;
            display: inline-block;
            min-width: 0;
            margin-left: 0;
            min-width: 150px !important;
            vertical-align: top;
            background-repeat: no-repeat;
            zoom: 1;

     
	}
	
	.nav-thinking ul li:first-child span {
		margin-left: 0;
	}

    .nav-thinking {
        padding-bottom: 0;
    }

    
    	.nav-thinking ul li.active span:hover, .nav-thinking ul li.active span {


        padding-top: 0px !important;
        background-position: left 1px;
        display: inline-block;
        
        min-width: 150px !important;
        vertical-align: top;
        background-repeat: no-repeat;
        zoom: 1;
	}

        .nav-thinking ul li {
            /*padding-bottom: 14px;*/
			padding-top:12px;
        }

	.nav-thinking ul li span{
		width: 60px;
	}
	
	.nav-thinking {
		font-size: 12px;
	}
		
		
	.nav-thinking ul li.active span {
		cursor: default;
		background-position: left -582px;
	}


	.newlandingpage .headerContent{
		display:block;
	}
		
	.newlandingpage .contact-form{
		width:100%;
		margin-top:60px;
	}
					
	.newlandingpage .solutionintro{
		display:none;
	}

	.newlandingpage .click{
		font-size:16px;
	}
		
	.newlandingpage .paddingtop{
		top: 10% !important;
	}

}


@media screen and (min-width: 768px) {
     .text-white .nav-thinking {
		background: url(/media/9567/diamond-lineb.png) no-repeat center 7px;
		background-size: 65% 1px;
	}
	.nav-thinking{
		padding-bottom: 20px;
	}
	
	.paddingbottom50{
		padding-bottom: 20px;
	}

	#content .section.wecanhelp h1{
		padding-top: 60px
	}

	.section.wecanhelp .detail{
		padding-top: 40px;
	}
}
		
/*Vu added*/
/* News page */
.section.news, .section.news-Detail{
	background-color:#fff;
}

#content .section.search{
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #f6f6f0;
}

#content .section.search input{
    width: 100%;
    padding: 22px 20px 22px 20px;
    background-color: #ffffff;
    border: none;
}
 #replyform ::-webkit-input-placeholder {
   font-style: italic;
}
#replyform :-moz-placeholder {
   font-style: italic;  
}
#replyform ::-moz-placeholder {
   font-style: italic;  
}
#replyform :-ms-input-placeholder {  
   font-style: italic; 
}

#content .section.search form {
    width: 100%;
}
#content .section.search #searchform {
    width: 100%;
    padding-left: 80px;
    padding-right: 80px;
}
#content .section.search #searchform input {
    border: 1px solid #ccc;
}

#content .section.news .news-content {
    background-color: #f6f6f0;
    padding: 50px 30px 75px 50px;
    margin-bottom: 25px;
}
#content .section.news .news-content p {
    padding-bottom: 15px;
}
#content .section.news .news-content .read-more {
    float: right;
    margin-right: 53px;
}

#content .section.news .news-content .read-more-news {
    float: right;
    margin-right: 53px;
}

#content .section.news .date {
    padding: 20px 10px 30px 10px;
    display: table;
}

#content .section.news .date span {
    padding-left: 10px;
    font-weight: bold;
}
#content .section.news h2, #content .section.news-Detail h2 {
    font-weight: bold;
    padding-top: 45px;
}

#content .section.news .date span {
    display: table-cell;
    vertical-align: central;
    font-size: 17px;
    font-weight: bold;
}

.custom-button {
    text-align: center;
    color: #fff;
    margin: auto;
    text-transform: uppercase;
    /*margin-bottom: 70px;*/
    font-size: 16px;
    font-weight: bold;
    padding: 6px 12px;
    line-height: 1;
    text-align: center;
    border-radius: 4px;
    white-space: nowrap;
    vertical-align: middle;
    border: none;
    display: table-cell;
    height: 44px;
}

.read-more{
 	padding: 30px 0;
	text-align:center;
}

.read-more-news{
	padding-bottom: 30px;
	text-align:center;
}

.readmore-button {
    text-align: center;
    color: #fff;
    margin: auto;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    padding: 9px 12px;
    line-height: 1;
    text-align: center;
    border-radius: 4px;
    white-space: nowrap;
    vertical-align: middle;
    border: none;
    height: 44px;
}

.med-button {
    width: 180px;
}
.lar-button {
    width: 200px;
}
.custom-button:hover {
    cursor: pointer;
    text-decoration:none;
    color: #ffffff;
}

.orange-button {
    color: #fff;
    background-color: #ebb31f;
}

.orange-button:hover {
    cursor: pointer;
    text-decoration:none;
    color: #ffffff;
}

.black-button {
    color: #fff;
    background-color: #2a2a2a;
}

#content .section.news .arrow {
    font-size: 23px;
    font-weight: lighter;
    padding-top: 3px;
}
#content .section.news .first-arrow {
    width: 10px;
}
#content .section.news .navigation {
    display: table;
}
#content .section.news .navigation .nav-label {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}

#content .section.news .nav-wrapper {
    padding-top: 40px;
    padding-bottom: 35px;
    border-top: 2px solid #f6f6f0;
    margin-top: 15px;
}

/* End of news page*/
#content .section.news-Detail .news-info {
    font-weight: bold;
    padding-bottom: 35px;
}

#content .section.news-Detail .news-info .date, 
#content .section.news-Detail .news-info .time, #content .section.news-Detail .news-info .comments {
    border-left: 1px solid #000000;
    padding-left: 7px;
    padding-right: 7px;
}
#content .section.news-Detail .news-info .author {
    padding-right: 7px;
}

#content .section.news-Detail .news-title {
    font-weight: bold;
    margin-top: 40px;
    margin-bottom: 25px;
    font-size: 22px;
}

#content .section.news-Detail {
    padding-bottom: 80px;
}


ul.circle-bullet {
    list-style-type: disc;
}

ul.circle-bullet li {
    font-size: 25px;
    list-style-type: disc;
    color: #ebb31f; /* or whatever color you prefer */
}
ul.circle-bullet li span {
    font-size: 16px;
    line-height: 30px;
    color: #000000;
}

#content .section.nav-wrapper {
    border-top: 2px solid #f6f6f0;
    padding-top: 45px;
    padding-bottom: 45px;
}
.float-right {
    float: right;
}
#content .section.reply {
    padding-bottom: 75px;
    padding-top: 25px;
}

#content .section.reply #replyform h2 {
    color: #ebb31f;
    text-align: center;
}

#content .section.reply #replyform .help {
    text-align: center;
    color: #bbbbbb;
    font-size: 17px;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 50px;
}

#content .section.reply #replyform input[type=text] {
    margin-bottom: 23px;
    padding: 22px 20px 22px 20px;
    background-color: #ffffff;
    border: 1px solid #ccc;
}

#content .section.reply #replyform textarea {
    margin-bottom: 40px;
    background-color: #ffffff;
    border: 1px solid #ccc;
}
#content .section.reply #replyform input[type=submit] {
    display: block;
    margin: 40px auto;
    
}

.no-margin {
    margin: 0;
}


.ourwork a:hover .w_oly {
    opacity: .9;
    z-index: 2;
}


.ourworkcompany{
    position: absolute;
    opacity: 1;
    z-index: 100;
    left: 0;
    right: 0;
    text-align: center;
    /*color: #404040;*/
    color: #fff !important;
    background-color: rgba(0,0,0,0.2);
    padding: 10px 0;
    margin: 0px 0px;
}

.ourworkcompany:nth-of-type(2) {
    color: #fff;
}
				
.ourwork a:hover .w_content {
    opacity: .9;
    z-index: 5;
    /*top: 20% !important;*/
	top: 30% !important;
}
			
			
.w_oly {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 300ms ease-in-out;
    z-index: 2;
}
			
.ourwork a {
    position: relative;
    display: block;
					
	
	height: 100%;
    background-size: cover !important;
    /*background-position: center center !important;*/
    background-repeat: no-repeat;
}
			

.section.solutions{
	height:700px;
	color:#fff;
}


@media (max-width: 767px) {
    .col-xs-nopadding {
        padding: 0;
    }
    .nav-wrapper .med-button {
        font-size: 14px;
        padding: 6px 0px;
        width: 130px;
    }
    #content .section.search #searchform {
        padding-left: 0;
        padding-right: 0;
    }

    #content .section.news .news-content {
        padding: 25px 15px 75px 15px;
        margin-bottom: 0;
    }
	
	.fade.in {
		opacity: 1;
	}
	.navbar-static-top {
		position: fixed;
	}
	/*
	#content {
		margin-top: 86px;
	}*/
	.master-nav .mainnav-wrapper {
		position: absolute;
	    top: 85px;
	    background: #797058;
	    width: 100%;
	    transform: initial;
	    left: 0;
	    padding-left: 15px;
	    padding-right: 15px;
	}
	/*	#logo {
		width: 120px;
    	height: 25px;
    }


	.ourwork a{
		height: auto !important;
	}
	*/

	.section.lek{
		height: auto !important;
	}

	.aispadding{
		padding-top: 30px;
	}
	
	.fixheight{
		/*height: auto !important;*/
		height: 400px !important;
	}

	/*
	.ourwork a .w_content {
		opacity: .8 !important;
		z-index: 5 !important;
		top: 20% !important;
		padding-top: 1px !important;
	}
	
	.ourwork a .w_oly {
		opacity: .8 !important;
		z-index: 2 !important;	
	}
	*/
		
	.ourwork a{
		background-position: center !important;	
	}
	

	.w_oly {
    	/*height: calc(100% + 20px) !important;*/
	}

	.introourwork h3 p{
		font-size: 20px !important;
		padding-top: 20px;
	}

	.ourwork .detail p{
		font-size: 13px;
	}

	.section.map .barangaroo {
		position: relative;
		top: calc(50% - 280px);
		left: 5px;
	}
	
	.solutionbanner .font60{
		font-size:30px;
		margin-top:5px;
		margin-bottom:5px;
	}

	.solutionbanner .paddingbottom30{
		padding-bottom:5px;
	}
		
	.clickhere{
		font-size:15px;
		padding: 10px 10px;
        display:inline-block;
	}

	.font40{
		font-size:20px;
	}

	.solutionbanner .paddingleft20{
		padding-left:0;
	}

	.whatdynamic .detail{
		width:100%;
	}
	.whatdynamic{
		height:auto !important;
	}
	.whydynamic{
		height:auto !important;
	}
	.paddingtop100{
		padding-top:10px;
	}
}

@media (min-width: 768px) and (max-width: 1200px) {
    #content .section.search #searchform {
        padding-left: 0;
        padding-right: 0;
    }

	.barangaroo p {
		font-size: 14px !important;
	line-height: 20px !important;
		
	}

	.section.map .barangaroo{
		top:0 !important;
		left:10px !important;
	}
}

@media (min-width:768px) and (max-width:1199px) and (orientation : portrait){
	
	.nav-thinking ul li span{
		margin-left: 88px;
		width: 55px;
	}
	.text-white .nav-thinking{
		background-size: 63% 1px;
	}
	
	.section.map .barangaroo {
	/*	position: relative;
		top: calc(50% - 280px);
		left: 5px;*/
	}
}

@media (min-width:768px) and (max-width:1199px) and (orientation : landscape){
	
	.nav-thinking ul li span{
		margin-left: 88px;
		width: 110px;
	}
	.text-white .nav-thinking{
		background-size: 63% 1px;
	}
}

@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
	.fixheight {
    	height: 400px !important;
	}
	
	.ourwork a:hover .w_content {
    	top: 26% !important;
	}
	.w_content p{
		font-size: 16px !important;
	}
				
	.ourwork span.arrow{
		width: 40px !important;
		height: 40px !important;
	}
					
	.height35{
		height: 35px;
	}
					
}

#content .separator4 {
     background-color: #ebb31f; 
     width: 125px; 
     height: 4px; 
     margin-top: 25px;
     margin-bottom: 30px;
     border-radius: 2px;
}
#content .section.news-Detail p {
	padding-left: 0;
}
#content .section.corporatetravel .corlogo {
	max-height: 200px;
    max-width: 100%;
	display: block;
    margin: 0 auto;
}
/*End of Vu*/

.fixheight{
	height: 600px;
}

.ourwork a .w_content {
    opacity: 0;
    z-index: 40000;
    width: 100%;
    transition: all 300ms ease-in-out;
    left: 0px;
    text-align: center;
    color: white;
    padding: 0px 15px;
    position: relative;
    top: 0;
}

.w_content p {
    color: #F5F5F5;
    width: 90%;
    line-height: 1.5rem;
    margin: 0 auto;
}
	
.w_content h2 {
    color: white;
    padding-bottom: 10px;
}
	
.ourwork span.arrow {
    width: 56px;
    height: 56px;
    display: block;
    margin: 0 auto;
    bottom: 70px;
    transition: all 300ms ease-in-out;
    z-index: 10;
	padding-top: 10px;
}
/*		
.wbx-1 {
    background: #007DBA;
}
			
.wbx-2 {
    background: #ED171F;
}
				
.wbx-3 {
    background: #77C821;
}
*/
				



/*End of file*/
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */