#ctext a {
    color: #ec8e62;
    text-decoration: none;
    line-height: inherit;
}

#ctext a:hover {
    color: #202020;
    text-decoration: none;
    line-height: inherit;
}

.rslides_tabs {
    padding-left: 0px;
    padding-top: 15px;
    padding-bottom: 0px;text-align: center;
}

.rslides_tabs ul {
display:block;width: 100%;text-align: center;
}

ul.rslides_tabs {margin-bottom: 5px;}


li.rslides1_s1, li.rslides1_s2, li.rslides1_s3 {
display: inline-block; width:20px;height:25px; background-image: url(circle-static.png); background-position: center; background-repeat: no-repeat;font-size:14px;line-height: 25px;color:#afafaf ;position: relative;left: 0px;
padding: 13px;
}

li.rslides1_s1 a, li.rslides1_s2 a, li.rslides1_s3 a{
color:#fff !important; position: absolute; width:100%;height:100%;z-index: 2;left: 0px;
padding: 13px;
}

li.rslides1_s1 a:hover, li.rslides1_s2 a:hover, li.rslides1_s3 a:hover{
color:#fff !important;
}


li.rslides1_s1:hover, li.rslides1_s2:hover, li.rslides1_s3:hover {
background-image: url(circle-static-hover.png);color:#6d6d6d;
}

.rslides2_s3.rslides_here, .rslides2_s2.rslides_here, .rslides2_s1.rslides_here {
background-image: url(circle-static-hover.png);color:#6d6d6d;
}



@font-face {
    font-family: 'montserratregular';
    src: url('montserrat-regular.eot');
    src: url('montserrat-regular.eot?#iefix') format('embedded-opentype'),
         url('montserrat-regular.woff2') format('woff2'),
         url('montserrat-regular.woff') format('woff'),
         url('montserrat-regular.ttf') format('truetype'),
         url('montserrat-regular.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'montserratlight';
    src: url('montserrat-light.eot');
    src: url('montserrat-light.eot?#iefix') format('embedded-opentype'),
         url('montserrat-light.woff2') format('woff2'),
         url('montserrat-light.woff') format('woff'),
         url('montserrat-light.ttf') format('truetype'),
         url('montserrat-light.svg#montserratlight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'montserratblack';
    src: url('montserrat-black.eot');
    src: url('montserrat-black.eot?#iefix') format('embedded-opentype'),
         url('montserrat-black.woff2') format('woff2'),
         url('montserrat-black.woff') format('woff'),
         url('montserrat-black.ttf') format('truetype'),
         url('montserrat-black.svg#montserratblack') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'montserratbold';
    src: url('montserrat-bold.eot');
    src: url('montserrat-bold.eot?#iefix') format('embedded-opentype'),
         url('montserrat-bold.woff2') format('woff2'),
         url('montserrat-bold.woff') format('woff'),
         url('montserrat-bold.ttf') format('truetype'),
         url('montserrat-bold.svg#montserratbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Nevis-Bold';
    src:url('Nevis-Bold.ttf.woff') format('woff'),
        url('Nevis-Bold.ttf.svg#Nevis-Bold') format('svg'),
        url('Nevis-Bold.ttf.eot'),
        url('Nevis-Bold.ttf.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}

#page159 h4 {float: left;
clear: both;}

.top-bar .toggle-topbar.menu-icon a {color: #232323;}
	
	
	.top-bar .toggle-topbar.menu-icon a::after {
content: "";
position: absolute;
right: 15px;
display: block;
width: 16px;
top: 0;
height: 0;
-webkit-box-shadow: 1px 10px 1px 1px #000000, 1px 16px 1px 1px #000000, 1px 22px 1px 1px #000000;
box-shadow: 0 10px 0 1px #000000, 0 16px 0 1px #000000, 0 22px 0 1px #000000;color: #000000 !important;
}
	
.top-bar.expanded .title-area	
	{background: #ccc; }

#hsomething {padding-bottom: 20px;padding-right:140px;}

p {

line-height: 1.4;
 }

.sb-icon-search {
    color: #a4a4a4;
    background: none repeat scroll 0% 0% #f8f8f8 ;
    z-index: 90;
    font-size: 25px;
    font-family: "icomoon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
}

.sb-search.sb-search-open, .no-js .sb-search {
    width: 40%;
}


.sb-search.sb-search-open{
   margin-left: 20px;
}

.sb-icon-search, .sb-search-submit {
    width: 40px;
    height: 37px;
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 0px;
    margin: 0px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
}

.sb-search.sb-search-open .sb-icon-search, .no-js .sb-search .sb-icon-search {
    background: none repeat scroll 0% 0% #202020;
    color: #FFF;
    z-index: 11;
}

.sb-search-input {
    position: absolute;
    top: 0px;
    right: 0px;
    border: 1px solid #202020 !important;
    outline: medium none;
    background: none repeat scroll 0% 0% #FFF;
    width: 96%;
    height: 40px;
    margin: 0px;
    z-index: 10;
    padding: 0px 0px 0px 20px !important;
    font-family: inherit;
    font-size: 14px;
    color: #202020;
}

#page1 #rslides1_s0 h2.ccm-image-slider-title {
    color: #A4A4A4;
    font-family: Nevis-Bold;
    margin-left: 10%;
	  margin-top: 2%;
    font-kerning: normal;
    font-size: 3.1rem;
    line-height: 3.3rem;
}

#page1 #rslides1_s1 h2.ccm-image-slider-title {
    color: #A4A4A4;
    font-family: Nevis-Bold;
    margin-left: 5%;
	margin-top: 2%;
    font-kerning: normal;
    font-size: 2.9rem;
    line-height: 3.3rem;
}

#ctext ul {margin-left:0;}

.footer p {font-size: 15px !important;}

#expect img {margin:0 !important;}

#expect h3 {margin-top: 25px;font-size: 2.3125rem;}

#threephases h3 {font-size: 2.3125rem;margin-bottom: 20px;}

#expect {border-bottom-style: solid;border-bottom-width: 1px;border-bottom-color: #DDD;border-top-style: solid;border-top-width: 1px;border-top-color:  #DDD;margin-bottom:20px;}

h1, h2, h3, h4 {font-family: montserratbold;}

p,ul,ol {font-family: montserratlight;font-size: 15px;color: #202020;}

.fullwidth {max-width: 100%;}

nav.top-bar {background: transparent;}

.navi {padding-right:60px;}

.top-bar-section li:not(.has-form) a:not(.button) {
    padding: 0px 0.9375rem;
    line-height: 2.8125rem;
    background: none repeat scroll 0% 0% #FAFAFA;
}

.top-bar-section ul li {
    background: none repeat scroll 0% 0% transparent;
}

.top-bar-section ul li > a {
    
    width: 100%;
    color: #202020;
    padding: 12px 0px 12px 1.5rem;
    font-family: Nevis-Bold;
   font-size: 20px;
    font-weight: normal;
    text-transform: uppercase;
	}

.top-bar-section li:not(.has-form) a:not(.button) {
    padding: 0px 1.4rem;
    line-height: 2.8125rem;
    background: none repeat scroll 0% 0% transparent;
}

.top-bar-section li.active:not(.has-form) a:not(.button) {
    padding: 0px 0.9375rem;
    line-height: 2.8125rem;
    color: #202020;
    background: none repeat scroll 0% 0% transparent;
	background-image: url(../images/border-bottom-image-nav.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

#page156 h2.aboutz {  line-height: 0.8;margin-bottom: 20px;}

#page156 em.quote {font-size:12px;}

h1.largetitle {font-family: Nevis-Bold;font-size: 8rem;display:block; position: absolute;color: #bfbfbf;text-transform: uppercase;left: 2%;
top: 4%;}

#page160 h1.largetitle {font-family: Nevis-Bold;font-size: 8rem;display:block; position: absolute;color: #bfbfbf;text-transform: uppercase;left: 2%;
top: 4%;line-height:7rem;}

#page168 h1.largetitle {font-family: Nevis-Bold;font-size: 6rem;}

#page161 h1.largetitle {font-family: Nevis-Bold;font-size: 6rem;}

#page1 h2.ccm-image-slider-title  {color: #A4A4A4;
color: #A4A4A4;
font-family: Nevis-Bold;
margin-left: 10%;
font-kerning: normal;
font-size: 2.8rem;
line-height: 2.9rem;
}

.ccm-image-slider-text {
    position: absolute;
    width: 45%;
    left: 0px;
    top: 5%;
}

.rslides_nav {display:none;}

#page157 #main hr {
    border-style: solid;
    border-color: #DDD;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    border-width: 1px 0px 0px;
    clear: both;
    margin: 0rem 0px 1.1875rem;
    height: 0px;
}

#page157 p {font-size: 18px;}

#banner {position:relative}

#page157 #main h3 {font-size: 2.3125rem;margin-top: 0;margin-bottom: 18px;} 

#ctext ul{display:block;}

#ctext ul li {display:inline;width: 50%;float:left;}

#main ul {display: block;list-style-type: none;padding-left: 0;margin-left: 0;}
#main ul li {display:block;width:100%; clear: both;height:auto;}
#main ul li h2{font-size: 1.6875rem;display:inline-block; float:left; width: 250px;line-height: 1;}
#main ul li p{padding-left: 20px;border-left-style: solid; border-left-color: #bfbfbf; border-left-width: 4px;display:inline-block;width: 80%;}

#main p a{font-weight:700;}

ol.threephases {display:block; width: 100%;float:left;margin-left:0;}

ol.threephases li {display:inline-block; width: 33%;float:left;color: #bfbfbf;font-size: 1.2rem;}

ol.threephases li h4 {font-family: Nevis-Bold;
display: block;
font-size: 7rem;
color: #BFBFBF;
line-height: 4.8rem;
height: 200px;
padding-bottom: 20px;
float: left;
margin-right: 15px;letter-spacing: -10px;}

ol.threephases li p {color: #bfbfbf;display:inline-block; width: 40%;font-size: 18px;line-height: 21px;}

ol.threephases li h5 {margin-bottom:0;color: #bfbfbf;font-weight:700;font-size:25px;}

.gplusicon {background: url(../images/google-plus-icon.png);margin-right:15px;}
.header, .footer, .intro {background-color: #f8f8f8  ;text-align:center;}
.header .nav {padding-left:17px;padding-right:17px;}
.header {padding-bottom:39px;padding-top:14px;}
#navigation {color: #202020;font-family: montserratbold;font-size: 18px;font-weight: 700;}
.intro h1 {font-family: montserratbold;font-size: 29.71px;color: #292929;font-weight: 700;line-height:0;margin-top:31px;margin-bottom:21px;}
.intro p {font-family: montserratlight;font-size: 18px;line-height: 24.756px;color: #202020;font-weight: 400;}

.hotlinks {margin-bottom: 47px;}
.footer {padding-top: 20px; padding-bottom: 20px;margin-top:30px;background-image: url(../images/footer-background.png); background-repeat: no-repeat; background-size: 100%;}
.header {background-image: url(../images/header-background.png); background-repeat: no-repeat; background-size: 100%;}
.hover-title h2{text-align: center;font-size: 20px;line-height:50px;margin:0;}

.hover-image {margin-bottom: 50px;}

.hover-title {height: 50px;
position: absolute;
bottom: 5px;
width: 95.5%;z-index:4;}

.hotlinkblock > .hover-title2 {opacity: 0;
position: absolute;
z-index: 10;
display: block;
text-align: center;
width: 95.5%;}

.hotlinkblock > .bouter {width:95.5%; position:absolute; z-index: 5;opacity: 0;text-align:center;}

.hotlinkblock .button {
	
    border-style: solid;
    border-width: 0px;
    cursor: pointer;
    font-family: Nevis-Bold;
    line-height: normal;
    margin: 0px 0px 1.25rem;
    position: relative;
    text-decoration: none;
    text-align: center;
    -moz-appearance: none;
    border-radius: 0px;
    display: inline-block;
    padding: 1rem 1rem 1rem;
    font-size: 1rem;
	font-weight:700;
    background-color: #292929;
    border-color: #212121;
    color: #FFF;
    transition: background-color 300ms ease-out 0s;
}

.hotlinkblock > p {opacity:0;display:block; width:90%;position:absolute;top:0;left: 50%;
margin-left: -45%;}

.hover-line{display:block;height: 7px;width: 95%;position:absolute;bottom:0;}

.hotlinkblock:hover > .hover-line {height: 300px;opacity:0.8;z-index:4;}

.hotlinkblock:hover > .hover-title2 {opacity:1; position:absolute; z-index:5;bottom:200px; width:95.5%; text-align:center;}

.hotlinkblock:hover > p {opacity:1;display:block; position:absolute;top:90px;z-index:5;font-size: 18px;text-align:center;}

.hotlinkblock:hover > .bouter {width:95.5%; position:absolute; z-index: 6;opacity: 1;top:160px;}

.hotlinkblock {position:relative;overflow:hidden;}

#recruitment-line-gradient {background: linear-gradient(-8deg, #fa8758 48%, #f75a87 51%, #f44c98 52%);background: -webkit-linear-gradient(98deg, #fa8758 48%, #f75a87 51%, #f44c98 52%);
	background: -moz-linear-gradient(98deg, #fa8758 48%, #f75a87 51%, #f44c98 52%);
	background: -o-linear-gradient(98deg, #fa8758 48%, #f75a87 51%, #f44c98 52%);
	background: -ms-linear-gradient(98deg, #fa8758 48%, #f75a87 51%, #f44c98 52%);
	background: linear-gradient(-8deg, #fa8758 48%, #f75a87 51%, #f44c98 52%);}
#outsourcing-line-gradient {background: linear-gradient(-81deg, #6c9cd5 44%, #6c9cd5 49%, #844aad 56%);background: -webkit-linear-gradient(171deg, #6c9cd5 44%, #6c9cd5 49%, #844aad 56%);
	background: -moz-linear-gradient(171deg, #6c9cd5 44%, #6c9cd5 49%, #844aad 56%);
	background: -o-linear-gradient(171deg, #6c9cd5 44%, #6c9cd5 49%, #844aad 56%);
	background: -ms-linear-gradient(171deg, #6c9cd5 44%, #6c9cd5 49%, #844aad 56%);
	background: linear-gradient(-81deg, #6c9cd5 44%, #6c9cd5 49%, #844aad 56%);}
#freelancers-line-gradient {background: linear-gradient(-8deg, #46bbbc 48%, #46bfb4 49%, #45c89d 51%, #45cd95 52%);background: -webkit-linear-gradient(98deg, #46bbbc 48%, #46bfb4 49%, #45c89d 51%, #45cd95 52%);
	background: -moz-linear-gradient(98deg, #46bbbc 48%, #46bfb4 49%, #45c89d 51%, #45cd95 52%);
	background: -o-linear-gradient(98deg, #46bbbc 48%, #46bfb4 49%, #45c89d 51%, #45cd95 52%);
	background: -ms-linear-gradient(98deg, #46bbbc 48%, #46bfb4 49%, #45c89d 51%, #45cd95 52%);
	background: linear-gradient(-8deg, #46bbbc 48%, #46bfb4 49%, #45c89d 51%, #45cd95 52%);}
#customised-line-gradient {background: linear-gradient(-8deg, #ce6272 48%, #c86782 49%, #b875ab 51%, #b179b8 52%);background: -webkit-linear-gradient(98deg, #ce6272 48%, #c86782 49%, #b875ab 51%, #b179b8 52%);
	background: -moz-linear-gradient(98deg, #ce6272 48%, #c86782 49%, #b875ab 51%, #b179b8 52%);
	background: -o-linear-gradient(98deg, #ce6272 48%, #c86782 49%, #b875ab 51%, #b179b8 52%);
	background: -ms-linear-gradient(98deg, #ce6272 48%, #c86782 49%, #b875ab 51%, #b179b8 52%);
	background: linear-gradient(-8deg, #ce6272 48%, #c86782 49%, #b875ab 51%, #b179b8 52%);}
.copyright p {font-size: 11.55px;line-height: 19.805px;}
.line {height: 1px;background-color: rgba(0, 0, 0, 0.11);}
.footer .nav {font-size: 15px;font-family: Montserrat;line-height: 80px;color: #000000;font-weight: 300;padding-left:14px;padding-right:14px;}


#main ul li:first-child h2 {
	
	background: -webkit-linear-gradient(#ce6272, #b875ab);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
    
}


#main ul li:nth-child(3) h2 {
	
	background: -webkit-linear-gradient(#46bbbc, #45cd95);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
    

    
}


#main ul li:nth-child(4) h2 {
	
	background: -webkit-linear-gradient(#fa8758, #f44c98);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
    
}


#main ul li:nth-child(2) h2 {
	
	background: -webkit-linear-gradient(#6c9cd5, #844aad);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
    
}



.inline-list > li {
    list-style: outside none none;
    float: none;
    margin-left: 0;
    display: inline-block;
	text-align: center;
	text-transform:uppercase;
	font-size: 15px;
	line-height: 30px;
}

.inline-list {
    margin: 0;
   
}

.inline-list > li a{
    border-left-color: #000;
	border-left-width: 1px;
	border-left-style:solid;
	border-right-color: #000;
	border-right-width: 1px;
	border-right-style:solid;
	display: block;
	padding-left: 15px;
padding-right: 15px;
	line-height: 16px;
}

#page1 .inline-list > li a{
   
	border-right-width: 0px;

}

#page156 .inline-list > li a{
   
	border-left-width: 0px;

}

#page156 .inline-list > li:nth-child(5) a{
   
	border-left-width: 0px;
	border-right-width: 0px;

}

#page156 .inline-list > li:nth-child(3) a{
   
	border-left-width: 1px;
	border-right-width: 1px;

}

#page157 .inline-list > li a{
   
	border-left-width: 0px;

}


#page157 .inline-list > li:nth-child(5) a{
   
	border-left-width: 0px;
	border-right-width: 0px;

}

#page157 .inline-list > li:nth-child(4) a{
   
	border-left-width: 1px;
	border-right-width: 1px;

}


#page158 .inline-list > li a{
   
	border-left-width: 0px;

}




#page158 .inline-list > li:nth-child(5) a{
   
	border-left-width: 1px;
	border-right-width: 0px;

}

#page159 .inline-list > li a{
   
	border-left-width: 0px;

}

#page160 .inline-list > li a{
   
	border-left-width: 0px;

}

#page160 .inline-list > li:nth-child(5) a{
  
	border-right-width: 0px;

}


#page161 .inline-list > li a{
   
	border-left-width: 0px;

}

#page161 .inline-list > li:nth-child(5) a{
  
	border-right-width: 0px;

}

#page168 .inline-list > li a{
   
	border-left-width: 0px;

}

#page168 .inline-list > li:nth-child(5) a{
  
	border-right-width: 0px;

}




#page159 .inline-list > li:nth-child(5) a{
   
	border-left-width: 1px;
	border-right-width: 0px;

}

.inline-list > li a:hover{
  color:#a7a7a7;
}

li.active.nav-path-selected {padding-left: 15px;
padding-right: 15px;color:#a7a7a7;font-weight: 700;}

.intro span {
    display: inline-block;
}

.intro span::before, .intro span::after {
    border-top: 1px solid rgba(0, 0, 0, 0.11);
    display: block;
    height: 1px;
    content: " ";
    width: 18%;
    position: absolute;
    left: 0px;
   top: 2rem;
}

.intro span::after{
    right: 0px;
    left: auto !important;
}

#page161 #main ul {
margin-left: 18px;
  list-style-type: circle;
  
}

#page161 #main ul li {
  display: list-item;
  
}


@media only screen and (min-width: 901px) {
    #page156 #main .aboutcontent {max-width: 50%;}
    #page156 #main img {max-width: 50%;float: right;position: absolute; right: 2%;}
}

@media only screen and (max-width: 900px) {
    #page156 #main .aboutcontent {max-width: 100%;}
    #page156 #main img {max-width: 100%;width:100%;float: right;position: relative; }
}


@media only screen and (min-width: 0px) and (max-width: 320px) { 
	
.hover-line {	
max-width: 95.5% !important;
bottom: 1px;
left: 50%;
margin-left: -47.5% !important;}
	
	
hotlinkblock:hover > p {
max-width: 280px !important;
left: 50%;
margin-left: -140px !important;}
	
ol.threephases li img {max-width: 140px !important;}
	
}

@media only screen and (max-width: 360px) { 

	
.hotlinkblock:hover > .bouter {top:175px;}
	
	hotlinkblock:hover > p {
max-width: 280px !important;
left: 50%;
margin-left: -140px !important;}
	
	
h1.largetitle {font-size: 3rem !important;}
	

	
#page157 #banner {margin-bottom: 70px;}
	
}

@media only screen and (min-width: 335px) and (max-width: 360px) {ol.threephases li img {max-width: 180px !important;}}

@media only screen and (min-width: 365px) and (max-width: 375px) {}

@media only screen and (max-width: 375px) {
	
	#page157 #banner {margin-bottom: 60px !important;}
	
}


@media only screen and (max-width: 480px) { 
	
.hotlinkblock:hover > .bouter {top:175px;}

ol.threephases li p {width: 50%;}

#page157 #banner {margin-bottom: 90px !important;}
	
#hsomething {padding-bottom: 0;padding-right: 0;}
	
.navi {padding-right:0;}

.intro h1 {line-height: 1.3;}
	
.header {padding-bottom: 0;}
	
.intro h1 {margin-top: 0;}
	
nav.top-bar {margin-top: 20px;}	
	
.intro span::before, .intro span::after {display:none;}
	
div.hover-image	
	{text-align: center;}
	
.hotlinkblock {margin-bottom: 20px;}
	
.footer p {line-height: 1.6;}
	
.hover-line {max-width: 328px;bottom: 1px;left: 50%;	
 margin-left: -164px;}
	
.hotlinkblock:hover > p {max-width: 280px;left: 50%;	
 margin-left: -140px;}

h1.largetitle {font-size: 5rem;line-height: 1;}
	
	#page160 h1.largetitle, #page168 h1.largetitle, #page161 h1.largetitle {
font-size: 3rem;

line-height: 3rem;}
	
	.inline-list > li a {
	
	padding-left: 20px;
padding-right: 20px;
	}

#banner {margin-bottom: 35px;}

#page157 #banner {margin-bottom: 120px;}

ol.threephases li {
width: 97%;
margin-left: 10px;
font-size: 1.2rem;}

ol.threephases li h4 {height: 250px;}
	
ol.threephases li:first-child h4{margin-right: 32px;}
	
ol.threephases li img {max-width: 200px;margin-bottom: 20px;}
	
#expect {border-width: 0;}
	
#main ul li p {

width: 98%;}
	
#main hr {display:none;}
	
#page159 h1.largetitle {font-size: 3.4rem;}
	
#page159 #banner {margin-bottom: 0;}
	


}

@media only screen and (min-width: 481px) and (max-width: 640px) { .top-bar-section ul li > a {font-size: 15px !important;}	
	nav.top-bar {
    margin-top: 20px;
}

.hover-line {max-width: 328px;bottom: 1px;left: 50%;	
 margin-left: -164px;}


}

@media only screen and (min-width: 641px) and (max-width: 668px) { .top-bar .title-area {width: 0px;} nav.top-bar {
    margin-top: 0;
}

.hover-line {max-width: 95.5%;bottom: 1px;left: 50%;	
 margin-left: -47.5%;}

}


@media only screen and (min-width: 481px) and (max-width: 640px) { 



	
	.hb, #hsomething {display:none !important;}
	
	#page160 h1.largetitle, #page168 h1.largetitle, #page161 h1.largetitle {
font-size: 3rem;

line-height: 3rem;}
	
	.hotlinkblock:hover > p {max-width: 320px;left: 50%;	
 margin-left: -160px;}

ol.threephases li p {width: 50%;}

#page157 #banner {margin-bottom: 90px !important;}
	
	#hsomething {padding-bottom: 0;padding-right: 0;}
	
	.navi {padding-right:0;}

	.intro h1 {line-height: 1.3;}
	
	.header {padding-bottom: 0;}
	
	.intro h1 {margin-top: 10px;}
	
	
	
	.top-bar-section li:not(.has-form) a:not(.button) {padding: 0px 0.5rem;}
		
	
.intro span::before, .intro span::after {display:none;}
	
div.hover-image	{text-align: center;}
	
.hotlinkblock {margin-bottom: 20px;}
	
.footer p {line-height: 1.6;}
	


h1.largetitle {font-size: 5rem;line-height: 1;}

#banner {margin-bottom: 20px;}

#page157 #banner {margin-bottom: 120px;}

ol.threephases li {
width: 97%;
margin-left: 10px;
font-size: 1.2rem;}

ol.threephases li h4 {height: 250px;}
	
ol.threephases li:first-child h4{margin-right: 32px;}
	
ol.threephases li img {max-width: 200px;margin-bottom: 20px;}
	
#expect {border-width: 0;}
	
#main ul li p {width: 98%;}
	
#main hr {display:none;}
	
#page159 h1.largetitle {font-size: 3.4rem;}
	
#page159 #banner {margin-bottom: 0;}
	
}

@media only screen and (min-width: 641px) and (max-width: 687px) { .top-bar-section ul li > a {font-size: 13px !important;}}

@media only screen and (min-width: 687px) and (max-width: 736px) { .top-bar-section ul li > a {font-size: 15px !important;}}

@media only screen and (min-width: 641px) and (max-width: 736px) { 
	
	.navi {padding-right:0;}
	
	.top-bar .title-area {width: 0px;}
	
	

.top-bar-section li:not(.has-form) a:not(.button) {padding: 0px 0.5rem;}
	
	.hb, #hsomething {display:none !important;}
	
	#page160 h1.largetitle, #page168 h1.largetitle, #page161 h1.largetitle {
font-size: 3rem;

line-height: 3rem;}
	
	h1.largetitle {font-size: 5rem;}.intro span::before, .intro span::after {display:none;}.intro h1 {line-height: 1.3;}.intro h1 {margin-top: 10px;}
	
.hotlinkblock:hover > .hover-line {height: 180px;}
	
.hotlinkblock:hover > .hover-title2 {bottom:130px;font-size: 19px; max-width: 80%;left: 50%;	
 margin-left: -40%;width: 80%;}
	
	
	
.hover-title2 h2 {font-size: 16px;    margin-bottom: 0;}

.hotlinkblock:hover > p {top:40px;font-size: 12px;}

.hotlinkblock:hover > .bouter {top:95px;max-width: 80%;left: 50%;	
 margin-left: -40%;width: 80%;font-size: 0.8rem;}
	
	.hotlinkblock .button {font-size: 0.8rem;
    
}
	
.hover-line {max-width: 92%;bottom: 1px;left: 50%;	
 margin-left: -46%;}
	
	.hotlinkblock p {max-width: 80%;left: 50%;	
 margin-left: -40%;}
	
	.hover-title2{max-width: 80%;left: 50%;	
 margin-left: -40%;}
	
	.hover-title {
    max-width: 80%;left: 50%;	
 margin-left: -40%;width: 80%;font-size: 18px;
}
	
		.hover-title h2 {
   font-size: 16px;
}
	
	
	#main ul li p {
	
width: 60%;}
	
	ol.threephases li {
	width: 100%;margin-bottom: 10px;}
	
	ol.threephases li:first-child h4 {margin-right: 35px;}
	
	
	ol.threephases li p {width: 70%;}
	
}


@media only screen and (min-width: 737px) and (max-width: 1160px) { 
	
	.top-bar-section li:not(.has-form) a:not(.button) {padding: 0px 0.6rem;}
	
	.top-bar-section ul li > a {font-size: 15px !important;}
	
	.hover-title {

width: 90%;
}

#page1 h2.ccm-image-slider-title, #page1 #rslides1_s0 h2.ccm-image-slider-title, #page1 #rslides1_s1 h2.ccm-image-slider-title {font-size: 1.55rem;line-height: 1.55rem;}

.intro h1 {font-size: 20px;margin-top: 21px;}
	
.intro span::before, .intro span::after {top: 1.8rem;}
	
.intro p {font-size: 14px;}

.hover-title2 h2 {font-size: 16px;}

.hover-title2 {max-width: 95%;
left: 50%;
margin-left: -47.5%;}
	
	.hotlinkblock p {max-width: 90%;
left: 50%;
margin-left: -45%;}

#hsomething {display: none !important;}
	
#main ul li p {width: 60%;}
h1.largetitle {
font-family: Nevis-Bold;
font-size: 6rem;
display: block;
position: absolute;
color: #bfbfbf;
text-transform: uppercase;
left: 2%;
top: 4%;
	}
	
	#page156 #main img {
	
	margin-top: 50px !important;}
	
	ol.threephases li {
	width: 100%;
		margin-bottom: 30px;}
	
	ol.threephases li:first-child h4 {margin-right: 35px;}
	
	ol.threephases li p {width: 70%;}
	
	#page160 h1.largetitle, #page168 h1.largetitle, #page161 h1.largetitle {
font-size: 5rem;

line-height: 5rem;}
	
	.footer p {
	font-size: 14px !important; }
	
	#expect img {max-width: 600px; margin-top: 40px !important;}
	
	.navi {padding-right:0;}
	
	.top-bar .title-area {width: 0px;}
	
}


@media only screen and (min-width: 737px) and (max-width: 778px) {
	
.hotlinkblock:hover > .hover-title2 {bottom:140px !important;}

.hover-line {max-width: 95.5%;bottom: 1px;left: 50%;	
 margin-left: -47.5%;}

.hotlinkblock:hover > .hover-line {height: 185px;}
	
.hotlinkblock:hover > p {top:40px;font-size: 12px;}

.hotlinkblock:hover > .bouter {top:95px;}
	


}

@media only screen and (min-width: 778px) and (max-width: 900px) {
	
.hotlinkblock:hover > .hover-title2 {bottom:75% !important;}

.hover-line {max-width: 95.5%;bottom: 1px;left: 50%;	
 margin-left: -47.5%;}

.hotlinkblock:hover > .hover-line {height: 205px;}
	
.hotlinkblock:hover > p {top:40px;font-size: 12px;}

.hotlinkblock:hover > .bouter {top:95px;}
	


}
		

@media only screen and (min-width: 901px) and (max-width: 1200px) { 
	
	#page1 #rslides1_s0 h2.ccm-image-slider-title, #page1 #rslides1_s1 h2.ccm-image-slider-title {    font-size: 1.8rem;
    line-height: 2.2rem;
}
	
	
		#page1 h2.ccm-image-slider-title {    font-size: 1.6rem;
    line-height: 2.2rem;
}
	
.hover-image {
    margin-bottom: 45px;
    
}	
	
.hotlinkblock:hover > .hover-title2 {bottom:75% !important;}
	
.hotlinkblock:hover > p {top:60px;font-size: 14px;}

.hotlinkblock:hover > .bouter {top:135px;}
	
.hotlinkblock:hover > .hover-line {height: 254px !important;}
		
.hover-line{max-width: 95.5% !important;bottom: 1px;left: 50%;margin-left: -47.5%;width: 95.5%;}
	
.hover-title2 h2 {font-size: 1.5rem;}
	
}


@media only screen and (min-width: 1200px) and (max-width: 1360px) { 
	
	.hover-title2 h2 {font-size: 2.1rem;}
	
	.hotlinkblock:hover > p {
    
    top: 70px;
    
}
	
	#page1 h2.ccm-image-slider-title, #page1 #rslides1_s0 h2.ccm-image-slider-title, #page1 #rslides1_s1 h2.ccm-image-slider-title {font-size: 2.5rem;
line-height: 2.8rem;}
	
.hotlinkblock:hover > .hover-title2 {bottom:220px !important;}
	
}