@charset "UTF-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);

p{font-size:1.5em;line-height:135%;padding-bottom:30px}
h1,h2,h3,h4,h5,h6,ul,li,table{margin:0;padding:0;background:0;list-style-type:none;font-weight:normal}
html,body{ height:100%;color:#2d2d2d; margin:0; padding:0; background:#000; }
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;overflow-y:scroll;}
::selection { background: #27ae60; color:#FFF; /* Safari */ }
::-moz-selection { background: #27ae60; color:#FFF; /* Firefox */ }

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
	-webkit-backface-visibility: hidden;
	-webkit-appearance: none;
}
input[type=submit] {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-appearance: none;
}

/* Head */
#headarea,.header,.slider,.headers { display:block; }

#headarea { width:100%; height:630px; background:#FFF; }
.header { margin:0; padding:0; position:relative; }
#slider { width:100%; height:560px; background:#200032; }
#slider a { color:#2ecc71; text-decoration:none; }
#slider a:hover { color:#FFF; }
.slider1,.slider2,.slider3,.slider4 { float:left; width:100%; position: relative; height:560px; font-family:'Lato', Arial, Helvetica, sans-serif;  }
.slider1 .slides, .slider2 .slides, .slider3 .slides, .slider4 .slides { width:100%; padding-top:200px; }
.slider1 .slides  h2, .slider2 .slides  h2, .slider3 .slides  h2, .slider4 .slides  h2 { font-size:50px; color:#FFF; display:block; line-height:50px; font-weight:700; margin:0; padding-bottom:90px; }
.slider1 .slides  h3, .slider2 .slides  h3, .slider3 .slides  h3, .slider4 .slides  h3 { font-size:20px; color:#FFF; display:block; width:65%; line-height:24px; font-weight:300; }
.slider2 .slides  h2, .slider4 .slides  h2 { width:50%; padding-bottom:50px; font-size:40px; } .slider2 .slides  h3, .slider2 .slides  h4 { width:30%; }
.swipe-wrap > .slider1 { background:#200032 url(../images/background/intro.jpg) no-repeat center center; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; }
.swipe-wrap > .slider2 { background:#000 url(../images/background/gground.jpg) no-repeat center center; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; }
.swipe-wrap > .slider3 { background:#000 url(../images/background/heineken.jpg) no-repeat center center; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; }
.swipe-wrap > .slider4 { background:#000 url(../images/background/mitsubishi.jpg) no-repeat center center; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; }
.headers { position:absolute; top:35px; left:0; width:100%; z-index:2; height:54px; }
.headers-page { padding-top:35px; width:100%; height:54px; }
.headers .logo, .headers-page .logo { float:left; margin:0; padding:0; }
.headers .logo h1 a, .headers-page .logo h1 a{ text-indent:-999em; color:#FFF; display:block; height:54px; background:url(../images/alego.png) no-repeat top left; width:170px;}
.headers .menu, .headers-page .menu { float:right; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:0.8em; }
.headers .menu ul, .headers-page .menu ul { display:inline; margin:0; padding:0; }
.headers .menu li, .headers-page .menu li { list-style:none; margin:0; padding:0; display:inline; }
.headers .menu li a, .headers-page .menu li a { display:block; float:left; color:#FFF; text-transform:uppercase; text-align:center; text-decoration:none; width:23%; margin:2% 1% 1%; }
.headers .menu li a:hover, .headers-page .menu li a:hover { color:#2ecc71; }
.headers .menu li a.actives, .headers-page .menu li a.actives { color:#2ecc71; }

/* Content */
#content-area { background:#FFF; width:100%; }

/* Home */
.latest-project, .clientpartners { display:block; margin:0; padding:10px 0; font-family:'Lato', Arial, Helvetica, sans-serif; color:#666; background:#FFF;  }
.latest-project h2, .clientpartners h2 { font-size:36px; text-align:center; display:block; margin:0; padding:0 0 10px 0; color:#000; font-weight:700; }
.latest-project p, .clientpartners p { font-size:1.5em; line-height:135%; padding-bottom:30px; font-weight:300; text-align:center; }
.latest-project .project-thumb, .pages-area .project-thumb { font-size:1.2em; line-height:135%; font-weight:300; padding-bottom:30px }
.latest-project .project-thumb .thumb-loop, .pages-area .project-thumb .thumb-loop { color:#CCC; text-align:left; margin:0; padding:0; float:left; margin:0 2%; width:29% }
.latest-project .project-thumb .thumb-loop p, .pages-area .project-thumb .thumb-loop p { font-size:0.9em; font-weight:300; margin:0; padding:0;}
.latest-project .project-thumb .thumb-loop a, .pages-area .project-thumb .thumb-loop a { color:#e74c3c; text-decoration:none; display:block; padding:10px; margin-right:2%;  }
.latest-project .project-thumb .thumb-loop a:hover, .pages-area .project-thumb .thumb-loop a:hover { color:#333; }
.latest-project .project-thumb .thumb-loop img, .pages-area .project-thumb .thumb-loop img { padding-bottom:1px; border:none; -webkit-transition: all 1s ease-in-out;
     -moz-transition: all 1s ease-in-out;
     -o-transition: all 1s ease-in-out;
     -ms-transition: all 1s ease-in-out;
     transition: all 1s ease-in-out; }
.pages-area .project-thumb .thumb-loop img:hover, .latest-project .project-thumb .thumb-loop img:hover { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */}
.pages-area .project-thumb .thumb-loop p.subtitle { font-size:0.6em; color:#999; display:block; margin:0; padding-bottom:30px; }
     
.clientpartners .logop { padding:2% 0; border-top:1px solid #F0F0F0; }
.clientpartners .logop ul { margin:0; padding:0; list-style:none; display:inline; }
.clientpartners .logop li { list-style:none; display:inline; float:left; width:14,666667%; margin:0; padding:0 2%; }
.clientpartners .logop li img { display:block; margin:auto; }

/* About */
#pagesarea { width:100%; height:250px; /* background:#38114c url(../images/dimention.jpg); *//* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top left, #210033 0%, #45224B 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top left, #210033 0%, #45224B 100%);

/* Opera */ 
background-image: -o-linear-gradient(top left, #210033 0%, #45224B 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #210033), color-stop(1, #45224B));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top left, #210033 0%, #45224B 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom right, #210033 0%, #45224B 100%); }
.header-sub { width:100%; margin:0; padding:40px 0 0 0; font-family:'Lato', Arial, Helvetica, sans-serif; }
.header-sub h2 { font-size:30px; font-weight:300; display:block; color:#2ecc71; padding-bottom: 15px; }
.header-sub ul { display:inline; margin:0; padding:0; list-style:none; }
.header-sub ul li { display:inline; margin:0; padding:0; list-style:none; font-size:18px; color:#FFF; }
.header-sub ul li a { display:block; float:left; color:#FFF; text-transform:none; text-align:center; text-decoration:none;  margin:0 30px 0 0; padding:27px 0; text-align:left; }
.header-sub ul li.activas { display:block; float:left; background:#FFF; color:#2ecc71; text-transform:none; text-align:center; text-decoration:none;  margin:15px 20px 0 0; padding:13px 20px 25px 20px; text-align:center; border-top: 5px solid #2ecc71; }
.header-sub ul li a:hover { color:#2ecc71; }

/* about */
.pages-area { padding:5% 0 10% 0; font-family:'Lato', Arial, Helvetica, sans-serif; }
.pages-area h3 { font-size:3.5em; font-weight:400; color:#000; display:block; line-height:110%; padding-bottom:5%; }
.disiplin { padding:10%; background:#2ecc71; font-weight:400; color:#FFF; }
.disiplin h4 { font-size:1.4em; display:block; margin:0; padding-bottom:5.1%; }
.disiplin ul { margin:0; padding:0; list-style:none; }
.disiplin li { display:block; margin:0; padding:2% 0; list-style:none; font-size:1.2em; }
.cp-content { display:block; padding:0; margin-bottom:5%; font-weight:400; font-size:1.4em; color:#000; line-height:130%; }
.cp-content p { font-size:1em!important; }

/* wha we do */
.wwdo { display:block; margin:0; padding:0; font-family:'Lato', Arial, Helvetica, sans-serif; font-size:1em; font-weight:400; color:#666; line-height:140%; }
.wwdo h4 { font-size:1.4em; display:block; margin:0; padding-bottom:5.1%; color:#000; }
.wwdo .wwnum { display:block; background:#e74c3c; border-radius: 50%; width: 50px; height: 35px; padding-top:15px;  font-size:1.3em; text-align:center; color:#FFF; -webkit-border-radius: 50%; -moz-border-radius: 50%;  }

/* Works Details */
#workssarea { width:100%; height:150px; /* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top left, #210033 0%, #45224B 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top left, #210033 0%, #45224B 100%);

/* Opera */ 
background-image: -o-linear-gradient(top left, #210033 0%, #45224B 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #210033), color-stop(1, #45224B));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top left, #210033 0%, #45224B 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom right, #210033 0%, #45224B 100%); }
#worksdetail { display:block; width:100%; margin:0; padding:30px 0; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); border-top:10px solid #ecf0f1; }
.share-container { display:block; margin:0; padding:0; }
.share-container .back-button { float:left; margin:0; padding:0; width:40px; height:40px; }
.share-container .back-button a.backwork { display:block; width:40px; height:40px; margin:0; padding:0; text-indent:-9999em; background:url(../images/back.jpg) no-repeat top left; -moz-transition: background 300ms ease-in-out; -webkit-transition: background 300ms ease-in-out; transition: background 300ms ease-in-out; }
.share-container .share-but { float:right; margin:0; padding:0; display:inline-block }
.share-container .share-but a.twitter { float:left; margin:0; padding:0; display:block; width:40px; height:40px; background:url(../images/twitter.jpg) top left; text-indent:-9999em; -moz-transition: background 300ms ease-in-out; -webkit-transition: background 300ms ease-in-out; transition: background 300ms ease-in-out; }
.share-container .share-but a.fb { float:left; margin:0; padding:0; display:block; width:40px; height:40px; background:url(../images/fb.jpg) top left; text-indent:-9999em; -moz-transition: background 300ms ease-in-out; -webkit-transition: background 300ms ease-in-out; transition: background 300ms ease-in-out; }
.share-container .share-but a.gplus { float:left; margin:0; padding:0; display:block; width:40px; height:40px; background:url(../images/gplus.jpg) top left; text-indent:-9999em; -moz-transition: background 300ms ease-in-out; -webkit-transition: background 300ms ease-in-out; transition: background 300ms ease-in-out; }
.share-container .back-button a.backwork:hover, .share-container .share-but a.twitter:hover, .share-container .share-but a.fb:hover, .share-container .share-but a.gplus:hover { background-position: bottom left; }

.blank-content { display:block; margin:0; padding:5% 0; font-family:'Lato', Arial, Helvetica, sans-serif; }
.blank-content h4, .special-block h4 { font-size:2.4em; display:block; margin:0; padding-bottom:2%; text-align:center; width:80%; font-weight:700; color:#FFF; margin:auto; text-transform:uppercase; }
.blank-content p, .special-block p { font-size:1.4em; display:block; margin:0; line-height:130%; text-align:center; width:80%; font-weight:300; color:#FFF; margin:auto; }

/* Browser */
.browser-content { display:block; width:80%; margin:auto; margin-bottom:5%; -webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 1); -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 1); box-shadow: 0px 0px 5px rgba(50, 50, 50, 1); }
.browser-content .b-head { display:block; height:41px; margin:0; padding:0; background:url(../images/browser-r.jpg) repeat-x top left; }
.browser-content .b-area { display:block; background:#b3b3b3; padding:0 1px 1px 1px; margin:0; }
.browser-content .b-area img { display:block; margin:auto; border:none; height:auto; }

/* images */
.images-content { display:block; margin:auto; margin-bottom:2%; }
.images-content img { display:block; margin:auto; }

/* Special Block */
.special-block { display:block; margin:0 0 2% 0; background:url(../images/blank.png); padding:5% 0; font-family:'Lato', Arial, Helvetica, sans-serif; -webkit-box-shadow: 0px 0px 14px rgba(50, 50, 50, 1); -moz-box-shadow: 0px 0px 14px rgba(50, 50, 50, 1); box-shadow: 0px 0px 14px rgba(50, 50, 50, 1); }
.special-block a.vies {  font-size:1.2em; border: none; background: #e74c3c; color: #ffffff; padding: 1% 2%; text-decoration: none; -webkit-box-shadow: 1px 2px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 2px 0px rgba(0, 0, 0, 0.1); box-shadow: 1px 2px 0px rgba(0, 0, 0, 0.1); -webkit-transition: 0.25s; -moz-transition: 1s; -o-transition: 1s; transition: 1s; text-shadow: 1px 2px 0px rgba(0, 0, 0, 0.3); margin-top:2%; margin-bottom:2%; margin-left:auto; margin-right:auto;  }
.special-block a.vies:hover { background-color: #c0392b; color: #ffffff; outline: none; -webkit-transition: 0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; -webkit-backface-visibility: hidden; }

/* Contact */
#contact { display:block; margin:2% 0; padding:0; font-family:'Lato', Arial, Helvetica, sans-serif; font-weight:300; }

/************************************************************************************
Radio Button Change
*************************************************************************************/

#contact div + p {
     color: red;
} 
/*
  Hide radio button (the round disc)
  we will use just the label to create pushbutton effect
*/
#contact input[type=radio] {
    display:none; 
    margin:0;
}
 
/*
  Change the look'n'feel of labels (which are adjacent to radiobuttons).
  Add some margin, padding to label
*/
#contact input[type=radio] + label {
    display:inline-block;
    padding:10px; 
   	background: #eaeaea url(../images/check.png) no-repeat top left; /* Old browsers */
	color:#FFF;
	cursor:pointer;
	-webkit-backface-visibility: hidden; outline: none;
	margin:0.5% 0;
	width:150px;
	text-align:right;
	
}
#contact input[type=radio] + label:hover { background-position:bottom left;  }
/*
 Change background color for label next to checked radio button
 to make it look like highlighted button
*/
#contact input[type=radio]:checked + label { 
	cursor:pointer;
	-webkit-backface-visibility: hidden; outline: none;
	background-position:bottom left;
}
#contact input[type=radio]:disabled + label {
	background-image: none;
    background-color:#EEE;
	cursor:pointer;
	-webkit-backface-visibility: hidden; outline: none;
}

#contact .quanloop { float:left; padding:1%; color:#FFF; font-size:12px; text-align:center; width:10%; margin-right:1%; }
#contact .quanloop input[type=text] { width:90%; height:19px; background:#FFF; text-align:center; margin:0; border:none; display:inline-block; webkit-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1); display:inline; -webkit-backface-visibility: hidden; outline: none; font-size:14px; }
#contact .quanloop input[type=text]:disabled { color:#EBEBEB }

#contact input[type=text], #contact textarea { float:left; width:66%; border:1px solid #CCC;  color:#333; font-size:18px;  padding:1.2% 1%; background:#FFF; float:left;  display:block; font-family: 'Droid Sans', Helvetica, Arial, sans-serif; font-size:11px; margin-bottom:2%; webkit-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1); }
#contact input[type=submit]{  border: none; background: #2ecc71; color: #ffffff; padding:2% 0; text-decoration: none; text-shadow: none; -webkit-box-shadow: 1px 2px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 2px 0px rgba(0, 0, 0, 0.1); box-shadow: 1px 2px 0px rgba(0, 0, 0, 0.1); -webkit-transition: 0.25s; -moz-transition: 1s; -o-transition: 1s; transition: 1s; text-shadow: 1px 2px 0px rgba(0, 0, 0, 0.3); -webkit-backface-visibility: hidden; width:20%; margin:0; font-size:14px; cursor:pointer; }
#contact select { width:40%; padding:1.2% 1%; margin-bottom:2%; webkit-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1); background: #FFF url(../images/arroe.png) no-repeat right 10px; color:#333; border:1px solid #CCC; outline:none; display: inline-block; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; font-family: 'Droid Sans', Helvetica, Arial, sans-serif; font-size:11px; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; -webkit-backface-visibility: hidden; line-height:16px; }
ol.phpfmg_form{ list-style-type:none; padding:0px; margin:0px; }
ol.phpfmg_form li{  margin-bottom:5px; clear:both; display:block; overflow:hidden; width: 100% }
.form_field, .form_required{ font-weight : bold; }
.form_required{ color:red; margin-right:8px; }
.form_submit_block{ padding-top: 3px; }
.text_box, .text_area, .text_select { width:300px; }
.text_area{ height:80px; }


.form_error_title{ font-weight: bold; color: #FFF; }

ol.phpfmg_form{
    list-style-type:none;
    padding:0px;
    margin:0px;
}

ol.phpfmg_form li{
    margin-bottom:5px;
    clear:both;
    display:block;
    overflow:hidden;
	width: 100%
}


.form_field, .form_required{
    font-weight : bold;
}

.form_required{
    color:red;
    margin-right:8px;
}

.field_block_over{
}

.form_submit_block{
    padding-top: 3px;
}

.text_box, .text_area, .text_select {
    width:300px;
}

.text_area{
    height:80px;
}

.form_error_title{
    font-weight: bold;
    color: red;
}

.form_error{
    background-color: #ecf0f1;
    padding: 10px;
    margin-bottom: 10px;
}

.form_error_highlight{
    background-color: #ecf0f1;
    
}

div.instruction_error{
    color: #FFF;
    font-weight:bold;
}

hr.sectionbreak{
    height:1px;
    color: #ccc;
}

#one_entry_msg{
   background-color: #ecf0f1;
   color:#FFF;
    padding: 10px;
    margin-bottom: 10px;
}


/**FILE INPUT**/
.ws-file-input .button{
    position: relative;
    overflow: hidden;
    display: block;
    float: left;
}

.ws-file-input .new-input{
    float: left;
    
}

.ws-file-input .file-trigger{
    display: block;
    width:20px;
    height:20px;
    overflow:hidden;
    position:absolute;
    filter:alpha(opacity=0);
    opacity: 0;
    top:0;
    left:0;
    cursor:pointer;
   
}

.ws-file-input .button .file-trigger input[type="file"]{
    cursor:pointer;
}

.file-input {
	width:50%;
	
}

.file-input  input[type="text"]{
    border: 1px solid #DADADA;
    float: left;
    font-family: "Arial";
    font-size: 13px;
    height:20px;
    padding:2% 3%;
	margin-bottom:3%;
	
}

.file-input .button{
    background-color:#2ecc71;
    color:white;
    font-size:13px;
    font-family: "Arial";
    display: block;
    float: left;
    cursor:pointer;
    padding:1.2% 3%;
    line-height:22px;
	width:13%;
	text-align:center;
	margin-bottom:3%;
	webkit-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
}
.holder .holoop1, .holoop2, .holoop3{ float:left; margin:0; padding:0 0 1% 0; line-height:16px; text-align:center; font-family: 'Roboto', sans-serif; font-weight:400; text-align:left; font-size:12px; }
.holder .holoop1 { width:15%; } .holder .holoop2 { width:50%; } .holder .holoop3 { width:35%; font-size:11px; color:#999; }


/* Footer */
#footer { background:#000; padding:3% 0; margin:0; font-family:'Lato', Arial, Helvetica, sans-serif; color:#999; }
.footerleft { font-size:1.3em; float:left; margin:0; padding:0; font-weight:300; line-height:130%; }
.footerleft .copyr { font-size:0.8em; padding-top:50px; margin:0; }
.footerright { font-size:1em; float:right; margin:0; padding:0; font-weight:300; text-align:right; }
#footer a { color:#2ecc71; text-decoration:none; }
#footer  a:hover { color:#999; }


.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
}
.swipe-wrap {
  overflow: hidden;
  position: relative;
}


.bullet #position{text-align:center;list-style:none;margin:0;padding-top:20px;}
.bullet #position li{display:inline-block;width:7px;height:7px;border-radius:50px;background:#e0e0e0;margin:0 10px;cursor:pointer}
.bullet #position li.on{background:#2ecc71; width:10px;height:10px; }

@media handheld, only screen and (max-width: 767px) {
	html,body{font-size:85%}
	.slider1 .slides  h2, .slider2 .slides  h2, .slider3 .slides  h2, .slider4 .slides  h2, .latest-project h2, .clientpartners h2  { font-size:2.6em; line-height:1em; }
	.slider1 .slides  h3, .slider2 .slides  h3, .slider3 .slides  h3, .slider4 .slides  h3 { font-size:1.4em; line-height:1em; }
	.slider2 .slides  h2, .slider4 .slides  h2 { width:70%; padding-bottom:50px; font-size:40px; } .slider2 .slides  h3, .slider2 	.slides  h4 { width:70%; }
	
	.headers .logo, .headers-page .logo { float:none; margin:0 auto; padding:0; }
	.headers .logo h1 a, .headers-page .logo h1 a { margin:auto; }
	.headers-page { padding-top:35px; width:100%; height:54px; }
	 #pagesarea { height:320px; }
	 #workssarea { height:200px; }
	.headers { position:absolute; top:20px; left:0; width:100%; z-index:2; height:154px; }
	.header-sub { padding:122px 0 0 0; }
	.header-sub ul li { font-size:1em; }
	.header-sub ul li a { padding:24px 0; text-align:left;  }
	.header-sub ul li.activas { padding:24px 0; text-align:left;  }
	.headers .menu, .headers-page .menu { float:none; margin:10px 0 0 0; padding-top:10px; }
	.swipe-wrap > .slider1 { background-position:-300px 0px; }
	.swipe-wrap > .slider2 { background-position:-450px 0px; }
	.headers .menu { font-size:1em; }
	.headers-page .menu { font-size:1em; }
	.latest-project .project-thumb .thumb-loop, .pages-area .project-thumb .thumb-loop { width:100%; font-size:1.5em; text-align:center; }
	.latest-project .project-thumb .thumb-loop img, .pages-area .project-thumb .thumb-loop img { display:block; margin:auto; }
	.footerright { text-align:center; padding:3% 0; display:block; width:100%; }
	.footerleft { padding:5% 0; width:100%; }
	.clientpartners .logop li { list-style:none; display:inline; float:left; width:42%; margin:0; padding:0 2%; }
	#headarea { height:480px; }
	#slider { height:450px; }
	.slider1 .slides, .slider2 .slides, .slider3 .slides, .slider4 .slides { padding-top:150px; }
	.wwdo .wwnum {  width: 30px; height: 22px; padding-top:8px;  font-size:1em; margin:0 auto 8% auto }
	.wwdo { text-align:center; }
	

		.recaptchatable #recaptcha_image {
		margin: 0 !important;
		width: 200px !important;
		}
		.recaptchatable .recaptcha_r4_c4, .recaptchatable .recaptcha_r1_c1, .recaptchatable .recaptcha_r3_c1, .recaptchatable .recaptcha_r3_c2, .recaptchatable .recaptcha_r7_c1, .recaptchatable .recaptcha_r8_c1, .recaptchatable .recaptcha_r4_c1, .recaptchatable .recaptcha_r3_c3, .recaptchatable .recaptcha_r4_c2, .recaptchatable .recaptcha_r2_c1, .recaptchatable .recaptcha_r4_c1, .recaptchatable .recaptcha_r4_c2, .recaptchatable .recaptcha_r4_c4, .recaptchatable .recaptcha_image_cell {
		background: none !important;
		}




	
	
}