/* --------------------------------------------------------------
Theme Name: Social Media
Author: Social Media LTD
Description: Social Media Custom Theme
Version: 1.0
License: GNU General Public License
License URI: license.txt
License URI: license.txt
Tags: Social Media
-------------------------------------------------------------- */

*{margin:0; padding:0; line-height: 1;
	transition: all 0.5s ease;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font,img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, input, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body {line-height:1;}ol, ul {list-style:none;}blockquote, q {quotes:none;}/* remember to define focus styles! */:focus {outline:0;}/* remember to highlight inserts somehow! */ins {text-decoration:none;}del {text-decoration:line-through;}/* tables still need 'cellspacing="0"' in the markup */table {border-collapse:collapse;border-spacing:0;}
a, .button, .button_2{cursor: pointer; text-decoration: none;}
a img{border: none;}

.clear{display: block; clear: both; height; 1px; margin: 0; padding: 0; margin-top: -1px;}

/* ########## */
/* ## TAGS ## */
/* ########## */

@font-face {
    font-family: 'AMIENNE'; src: url('fonts/AMIENNE_.TTF') format('truetype');
    font-weight: normal; font-style: normal;
}

@font-face {
    font-family: 'AMIENNE'; src: url('fonts/AMIENNEB.TTF') format('truetype');
    font-weight: bold; font-style: normal;
}

.button_2,
#sidebar .sticky h3,
#visual h4,
#sidebar #clients_wrapper h3,
.tel_cloud,
#banner #cloud h5,
.button,
#clients_wrapper h3,
#services_wrapper h1,
#services_wrapper h2,
#banner #cloud h2,
#header #contact_wrapper a{font-family: AMIENNE; font-weight: normal; text-transform:none;
    -webkit-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -o-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

body{font-family: arial,helvetica,sans-serif;}

#related_pages_wrapper:after,
#header:after,
#sidebar .grey_box:after,
#testimonials_list li:after,
#casestudies_list a:after,
#casestudy_screenshots:after,
#news_list a:after,
#news_list li:after,
#related_pages_wrapper li a:after,
#footer > ul:after,
#quick_contact_wrapper > ul:after,
#website_form:after,
#clients_wrapper:after,
#services .services_wrapper > ul > li:after,
#content_wrapper:after{content:"#"; text-indent: -10000px; display: block; clear: both; height: 0;}

@-moz-keyframes fade {
  	0% { opacity: 0; }
    100% { opacity: 1;}
}
@-webkit-keyframes fade {
  	0% { opacity: 0; }
    100% { opacity: 1;}
}

@-moz-keyframes title-fade {
  	0% { left: 10px; top: 10px; opacity: 0; }
    100% { left: 0; top: 0; opacity: 1; }
}
@-webkit-keyframes title-fade {
  	0% { left: 10px; top: 10px; opacity: 0; }
    100% { left: 0; top: 0; opacity: 1; }
}

@-moz-keyframes title-move {
  	0% { left: 0; top: 0; }
  	25% { left: 2px; top: 5px; }
  	50% { left: -1px; top: 2px; }
  	100% { left: 0; top: 0; }
}
@-webkit-keyframes title-move {
  	0% { left: 0; top: 0; }
  	25% { left: 5px; top: 5px; }
  	50% { left: -3px; top: 2px; }
  	100% { left: 0; top: 0; }
}

@-moz-keyframes second-move {
  	0% { left: 0; top: 0; }
  	50% { left: 2px; top: -2px; }
  	25% { left: 5px; top: 2px; }
  	100% { left: 0; top: 0; }
}
@-webkit-keyframes second-move {
  	0% { left: 0; top: 0; }
  	50% { left: 2px; top: -2px; }
  	25% { left: 5px; top: 2px; }
  	100% { left: 0; top: 0; }
}

@-moz-keyframes services-fade {
  	0% { opacity: 0; top: -20px; }
  	66% { opacity: 0; top: -20px; }
    100% { opacity: 1; top: 0;}
}
@-webkit-keyframes services-fade {
  	0% { opacity: 0; top: -20px; }
  	66% { opacity: 0; top: -20px; }
    100% { opacity: 1; top: 0;}
}

@-moz-keyframes ipad-drop {
  	0% { left: 30px; top: -30px; opacity: 0; z-index: -1;
	-moz-transform: rotate(8deg);}
    100% { left: 0px; top: 0px; opacity: 1; z-index: 0;
	-moz-transform: rotate(0deg);}
}
@-webkit-keyframes ipad-drop {
  	0% { left: 30px; top: -30px; opacity: 0; z-index: -1;
	-webkit-transform: rotate(8deg);}
    100% { left: 0px; top: 0px; opacity: 1; z-index: 0;
	-webkit-transform: rotate(0deg);}
}

/* ############ */
/* ## COMMON ## */
/* ############ */

#wrapper{position:relative; background:#fff;}
#content_wrapper{width: 990px; margin: 25px auto;}

.col{float: left; margin-right: 30px;}
#footer .col:last-child,
#full_article .col:last-child,
.col.last{margin-right: 0;}

.c2{width: 140px;}
.c3{width: 225px;}
.c4{width: 310px;}
.c5{width: 395px;}
.c6{width: 480px;}
.c7{width: 565px;}
.c8{width: 650px;}
.c9{width: 735px;}

#sypnosis h1,
#full_article h1{font-size: 34px; color: #1E4566; line-height: 1.6; margin-bottom: 15px;}
#full_article h2{font-size: 24px; color: #1E4566; line-height: 1.6; margin-bottom: 15px;}
#full_article h3{font-size: 18px; color: #1E4566; line-height: 1.6; margin-bottom: 15px;}
#full_article h4{font-size: 15px; color: #1E4566; line-height: 1.6; margin-bottom: 15px;}
.page-list-ext-item-content,
#sypnosis p,
#slider_list p,
#full_article p{font-size: 15px; color: #444; line-height: 1.6; margin-bottom: 38px;}

#full_article h1 strong{font-size: 20px; font-weight: bold; color: #555;}

#full_article a{color: #3376AC; text-decoration: underline;}
#full_article a:hover{text-decoration:none;}

#full_article ul,
#full_article ol{margin: 35px 0;}
#full_article li{font-size: 15px; color: #444; line-height: 1.6; list-style:outside; margin: 5px 0 5px 27px;}
#full_article ol li{list-style:decimal;}

#full_article h1 + ul, #full_article h1 + ol,
#full_article h2 + ul, #full_article h2 + ol,
#full_article h3 + ul, #full_article h3 + ol,
#full_article h4 + ul, #full_article h4 + ol{margin-top: 0;}

#full_article table{width: 100%; margin-bottom: 35px; border: 1px solid #eee;}
#full_article table th,
#full_article table td{padding: 8px;}
#full_article table th{font-size: 14px; color: #fff; line-height: 1.6; text-align: left; background: #62A2A5;}
#full_article table tr:nth-child(2n){background: #eee;}
#full_article table td{font-size: 13px; color: #444; line-height: 1.6; vertical-align:middle;}

#full_article iframe{width: 100%; height: 400px; margin-bottom: 25px;}
#full_article p iframe:last-child{margin-bottom: 0;}

#clients_wrapper{position: relative; padding: 20px 20px 0; margin: 60px 0 0; border-bottom: 2px solid #A0A0A0; background: #EEEEEE; background: linear-gradient(#eee,#f9f9f9);
border-radius: 6px;}
#clients_wrapper h3{font-size: 33px; color: #183953; position: absolute; left: -100px; top: -45px; padding-bottom: 50px; background: url("images/heading_arrow.png") no-repeat left bottom;
	-moz-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); -o-transform: rotate(-5deg); transform: rotate(-5deg);}
#clients_wrapper li{position: relative; top: 0; text-align: center; float: left; width: 17%; padding: 0; margin: 0 3% 20px 0; list-style: none;}
#clients_wrapper li:hover{top: -3px;}
#clients_wrapper li a{display: block; max-width: 100%; height: auto; border-bottom: 1px solid #B9B7B7; background: #fff;
border-radius: 5px;}
#clients_wrapper li a img{
border-radius: 5px;}
#clients_wrapper li a:hover{
box-shadow: 0 0 7px #999;}
#clients_wrapper li h4{font-size: 14px; color: #FFFFFF; opacity: 0; position: absolute; top: -4700px; width: 100%; margin-left: -11px; margin-bottom: 0; padding: 5px;  background: #183954;
border-radius: 5px;
box-shadow: 0 0 18px 9px #fff;
transition: opacity 0.6s ease-in;}
#clients_wrapper li:hover h4{top: -47px; opacity: 1;}
#clients_wrapper li .button{color: #fff; text-decoration: none; position: absolute; right: 44px; bottom: -10px; opacity: 0; padding: 4px 10px; border: 1px solid #fff; background: #3376AC;
border-radius: 5px;
box-shadow: 0 1PX 2PX #ccc;}
#clients_wrapper li:hover .button{opacity: 1;}
#clients_wrapper li .button.website{right: 40px; top: -10px; bottom: auto;}

.alignright{float: right; margin: 0 0 20px 20px;}
.alignleft{float: left; margin: 0 20px 20px 0;}

#services .services_wrapper .main_service:after,
#casestudies_list a:before,
#services .services_wrapper .services_list:after,
#vacancies_list a:after{content: ''; z-index: 100; position: absolute; right: 10px; top: -7px; display: block; width: 37px; height: 51px; background: url("images/paperclip.png");}

img.alignnone,
img.alignright,
img.alignleft{padding: 5px; border: 1px solid #ccc;}

img.alignnone.no-style,
img.alignright.no-style,
img.alignleft.no-style{padding: 0; border: none;}

.img{text-align: center;}
.img img{max-width: 100%; max-height: 100%; width: auto; height: auto; vertical-align:middle;}

a.prev{float: left;}
a.next{float: right;}

.tooltip{font-size: 13px; color: #555; text-align: center; z-index: 0; position: absolute; left: -80px; opacity: 0; width: 200px; padding: 10px; border: 1px solid #eee; background: #fff;
border-radius: 5px;
box-shadow: 0 2px 2px rgba(0,0,0,0.5);}
*:hover > .tooltip{z-index: 1; opacity: 1;}

/* ############ */
/* ## HEADER ## */
/* ############ */

#header{position: relative; height: 108px; padding-bottom: 55px; background: url("images/header_bottom.svg") 50% bottom no-repeat #183954;
background-size: 100% 100px;}

#header h2{position: absolute; width: 260px; height: 180px; left: 0; top: -75px;}
#header h2 a{text-indent: -10000px; display: block; height: 180px; background: url("images/header_logo.png") no-repeat left top;}

#header #contact_wrapper{position: absolute; width: 320px; height: 23px; padding: 18px 20px 12px; right: 30px; top: 0; background: #204B6F;
border-radius: 5px;}
#header #contact_wrapper .get_in_touch_link{font-size: 32px; line-height: 23px; color: #FFFF00; float: left;}
#header #contact_wrapper .get_in_touch_link:before{content: "+"; text-align: center; height: 23px; width: 23px; float: left; margin-right: 12px; background: #265A85;
border-radius: 23px;}
#header #contact_wrapper .get_in_touch_link.show:before{content: "-";}
#header #contact_wrapper .get_in_touch_link:hover{color: #fff;}
#header #contact_wrapper h3{font-size: 21px; line-height: 23px; font-weight:normal; color: #fff; float: right;}

#header #social_media_list{text-align: center; position: absolute; bottom: 54px; left: 50%; margin-left: -76px;}
#header #social_media_list li{display: inline; margin-right: 10px;}
#header #social_media_list a{font-size: 13px; line-height: 15px; height: 15px; width: 15px; color: #A3BDD3; padding: 5px; background: #24547B;
border-radius: 20px;}
#header #social_media_list a:hover{font-size: 15px; color: #FFFF00;}

#quick_contact_wrapper{position: relative; height: 0; overflow: hidden;}
#quick_contact_wrapper.show{opacity: 1; height: 397px;}
#quick_contact_wrapper:after{content:"#"; text-indent: -10000px; position: absolute; left: 0; bottom: 0; height: 60px; width: 100%; background: url("images/quickcontact_bg.png") repeat-x left bottom;}
#quick_contact_wrapper > ul{width: 990px; margin: 0 auto;}
#quick_contact_wrapper .col{padding: 30px 0 50px;}
#quick_contact_wrapper h3{font-size: 17px; color: #183952; text-transform:uppercase; margin-bottom: 13px;}
#quick_contact_wrapper h4{font-size: 17px; color: #183952; margin: 20px 0 5px;}
#quick_contact_wrapper p a,
#quick_contact_wrapper p{font-size: 17px; color: #777777; line-height: 1.6;}
#quick_contact_wrapper .close{font-size: 24px; line-height: 30px; color: #3376AC; text-align:center; position:absolute; right: 30px; top: 30px; width: 30px; height: 30px; border-bottom: 1px solid #B2C5DB; background: #F1F6FB;
border-radius: 20px;}
#quick_contact_wrapper .close:hover{background: #D3E2F3;}
#quick_contact_wrapper div.wpcf7-mail-sent-ok{margin-top: -86px;}

#quick_contact_wrapper .col.c2{text-align: right;}
#quick_contact_wrapper .col.c2 h4:first-child{margin-top: 45px;}
#quick_contact_wrapper iframe{width: 480px; height: 252px;}

#quick_contact_wrapper .col.c4{padding: 0;}
#quick_enquiry_form{height: 300px; padding: 30px 20px 70px; background: #eee;}
#quick_enquiry_form li{margin-bottom: 10px;}
#quick_enquiry_form li:last-child{margin-bottom: 0;}
#quick_enquiry_form .input{width: 250px; border-color: #ccc;}

#quick_enquiry_form span.wpcf7-not-valid-tip{font-size: 11px!important; margin-top: 6px;}

/* ########## */
/* ## MENU ## */
/* ########## */

#main_menu{position: relative; text-align: center; padding-top: 40px;}
#main_menu li{display: inline; margin-right: 50px;}
#main_menu a{font-size: 16px; color: #FFFFFF; text-transform:uppercase;}
#main_menu a:hover,
#main_menu li:hover > a{color: #FFFF00;}

#main_menu li .sub_menu_wrapper{z-index: -5; position: absolute; top: 70px; left: 50%; opacity: 0; width: 900px; height: 206px; margin-left: -520px; padding: 75px 43px 80px 80px; background: url("images/megamenu_cloud.svg") no-repeat left top;}
#main_menu li:hover .sub_menu_wrapper{z-index: 1000; top: 55px; opacity: 1; background-size:cover;}
#main_menu li .sub_menu_wrapper li{margin: 0;}
#main_menu li .sub_menu_wrapper a{text-transform: none; color: #3376AC;}
#main_menu li .sub_menu_wrapper > ul{position: relative;}
#main_menu li .sub_menu_wrapper > ul > li{float: left; margin-right: 1%;}
#main_menu li .sub_menu_wrapper > ul > li > a{font-size: 17px; color: #3376AC; font-weight: bold; text-align: left; display: block; padding: 10px 0; margin-bottom: 7px; border-bottom: 1px solid #eee;}
#main_menu li .sub_menu_wrapper > ul > li > a:hover{color: #333;}
#main_menu li .sub_menu_wrapper li ul li{text-align: left; display: block; margin-bottom: 7px;}
#main_menu li .sub_menu_wrapper li ul li a{font-size: 14px; color: #333; line-height: 1.5; border-bottom: 0;}
#main_menu li .sub_menu_wrapper li ul li a:hover{color: #3376AC;}
#main_menu li .sub_menu_wrapper li ul li a p{font-weight: normal; color: #666; font-size: 13px; line-height: 1.5; margin-top: 3px;}
#main_menu li .sub_menu_wrapper li ul li a:hover p{color:#266BAC;}

#main_menu li.page-id-320 .sub_menu_wrapper > ul > li{position: relative; width: 19%; margin-right: 1%;}
#main_menu li.page-id-320 .sub_menu_wrapper li a .img{line-height: 28px; position: absolute; top: 20px; left: -26px; opacity: 0; float: left; width: 0; height: 0; padding: 0; border: 1px solid #eee; background: #fff;
border-radius: 25px;
box-shadow: 0 2px 2px rgba(0,0,0,0.5);
-webkit-transform: rotate(-360deg);
-moz-transform: rotate(-360deg);}
#main_menu li.page-id-320 .sub_menu_wrapper li a:hover .img{top: 0px; left: -46px; opacity: 1; width: 30px; height: 30px; padding: 5px;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);}
#main_menu li.page-id-320 .sub_menu_wrapper li ul li a{position: relative; display: block;}
#main_menu li.page-id-320 .sub_menu_wrapper li ul li a .img img{max-width: 0;}
#main_menu li.page-id-320 .sub_menu_wrapper li ul li a:hover .img img{max-width: 100%;}
#main_menu li.page-id-320 .sub_menu_wrapper li ul li a p{display: none;}

#main_menu li.page-id-320 .sub_menu_wrapper li.page-id-3913 a .img img,
#main_menu li.page-id-320 .sub_menu_wrapper li.page-id-490 a .img img{border-radius: 20px;}

#main_menu li.page-id-236 .sub_menu_wrapper > ul > li{width: 47%; margin-right: 5%;}
#main_menu li.page-id-236 .sub_menu_wrapper > ul > li:last-child{margin-right: 0;}
#main_menu li.page-id-236 .sub_menu_wrapper > ul > li > a{margin-bottom: 0; border-bottom: none;}
#main_menu li.page-id-236 .sub_menu_wrapper > ul > li > a em{font-style: normal; font-weight: normal; font-size: 14px; color: #666; float: right;margin-top: 1px;}
#main_menu li.page-id-236 .sub_menu_wrapper > ul > li > a em:hover{color: #266BAC;}
#main_menu li.page-id-236 .sub_menu_wrapper li li{float: left; width: 47%; margin-right: 5%;}
#main_menu li.page-id-236 .sub_menu_wrapper li li:last-child{margin-right: 0;}
#main_menu li.page-id-236 .sub_menu_wrapper li li a{font-weight: bold; text-align: center; display: block;}
#main_menu li.page-id-236 .sub_menu_wrapper li li a .img{line-height: 115px; position:relative; top: 0; display: block; height: 116px; margin-bottom: 10px; border-top: 1px solid #eee; background: #fff;
border-radius: 3px;
box-shadow: 0 2px 1px rgba(0,0,0,0.2);}
#main_menu li.page-id-236 .sub_menu_wrapper li li a:hover .img{top: -2px;
box-shadow: 0 3px 2px rgba(0,0,0,0.2);}

#main_menu li.page-id-269 .sub_menu_wrapper{width: 300px; height: 157px; margin-left: -120px; padding: 58px 65px; background: url("images/megamenu_cloud_small.svg") no-repeat left top;}
#main_menu li.page-id-269 .sub_menu_wrapper > ul > li,
#main_menu li.page-id-269 .sub_menu_wrapper > ul{float: none; width: auto; margin: 0;}
#main_menu li.page-id-269 .sub_menu_wrapper > ul > li > a{text-align: center; margin-bottom: 0;}

#main_menu #menu-item-463{width:20%;}
#main_menu #menu-item-456{width:18%;}

/* ########## */
/* ## FORM ## */
/* ########## */

.input{font-family: arial,helvetica,sans-serif; font-size: 14px; padding: 9px; border: 1px solid #87A8CD; background: #fff;
border-radius: 5px;}
.input.wpcf7-not-valid{border-color:#cc0000!important;}
.sidebar_form .input:focus,
#quick_enquiry_form .input:focus,
.standard_form .input:focus,
.input:focus{border-color:#6785A8;}

#submit,
.button{font-size: 30px; color: #FFFF00; padding: 6px 20px; background: #26669B; background: linear-gradient(#26669B,#285376);
border-radius: 5px;}
.button:hover{color: #fff;}

#full_article .button_2,
.button_2{font-size: 30px; color: #183953; text-decoration: none; padding: 6px 20px; background: #E7F2FC;
border-radius: 8px; box-shadow: -1px 1px #A0B9E0;}
#full_article .button_2:hover,
.button_2:hover{color: #fff; background: #3376AC;}

#full_article .standard_form{padding: 20px; background: #E5EBF3;
border-radius: 5px;}
#full_article .standard_form ul,
#full_article .standard_form li{padding: 0; margin: 0; list-style: none;}
#full_article .standard_form li{margin-bottom: 20px;}
#full_article .standard_form li:last-child{margin-bottom: 0;}
#full_article .standard_form li select.input{width: 318px;}
#full_article .standard_form li input.input{width: 300px;}
#full_article .standard_form li textarea.input{width: 97%;}
#full_article .standard_form span.wpcf7-not-valid-tip{position:absolute; left:335px; top:2px; display: block; width:300px; margin-top: 0;}

.standard_form .input{border-color: #ADC6E4;}

div.wpcf7-response-output{
border-radius:5px;}
body span.wpcf7-not-valid-tip{display: none; font-size: 13px; font-weight: bold; color: #cc0000; margin-top: 10px; }
body div.wpcf7-validation-errors{font-size: 13px; line-height: 1.5; color: #cc0000; display: block; padding: 10px; margin: 10px 0; border: 1px solid #FAD7D7; background: #FFEFEF;}
#full_article h4.entered_url,
body div.wpcf7-mail-sent-ok{font-size: 13px; line-height: 1.5; color: #123857; display: block; padding: 10px; margin: 10px 0; border: 1px solid #B2D0E9; background: #F0F7FF;}

#full_article .standard_form li input#your-keywords{width: 590px;}
#full_article .standard_form li input#your-keywords + .wpcf7-not-valid-tip{display:none;}

/* ############# */
/* ## SIDEBAR ## */
/* ############# */

#sidebar{float: right; margin-right: 0;}
#sidebar > *{margin-bottom: 35px;}
#sidebar > *:last-child{margin-bottom: 0;}

#sidebar h3{font-size: 19px; text-transform:uppercase; color: #183954; line-height: 1.5; margin-bottom: 15px;}
#sidebar p{font-size: 15px; color: #333; line-height: 1.5; margin-bottom: 15px;}

#sidebar #slider_list > li{border-bottom:1px solid #DFDDDD;}
#sidebar #slider_list > li > h3{font-size:16px; cursor:pointer; padding:10px 15px 8px; border:none; background: url("images/arrow_down.png") no-repeat 278px 50% #F7F7F7;}
#sidebar #slider_list > li p{font-size:13px;}
#sidebar #slider_list > li > h3.show,
#sidebar #slider_list > li > h3:hover{color: #3376AC; background-color: #EDF3FA;}
#sidebar #slider_list > li > .content_wrapper{position: absolute; height: 0; overflow:hidden; opacity:0;}
#sidebar #slider_list li h3.show + .content_wrapper{opacity: 1; height: auto; position: static;}

#testimonial{position: relative; padding: 0 35px 55px; background: url("images/testimonial_bubble.png") no-repeat left top;
background-size: 100% 100%;}
#testimonial blockquote{padding: 55px 0 0; background: url("images/testimonial_quotation.png") no-repeat left top;}
#testimonial blockquote,
#testimonial blockquote p{font-size: 14px; color: #444; line-height: 1.6; font-style: italic;}
#testimonial blockquote p{margin-bottom: 12px;}
#testimonial h4{font-size: 15px; line-height: 1.5; color: #1E4566; font-weight: bold; margin-top: 10px;}
#testimonial:after{content: url('images/testimonial_small.png'); position: absolute; right: -80px;}

.sidebar_form{padding: 20px; background: #C7D9EF;
border-radius: 5px;}
#sidebar .sidebar_form h3{font-size: 19px; text-transform:uppercase; color: #183954; margin-bottom: 15px;}
.sidebar_form li{margin-bottom: 10px;}
.sidebar_form li:last-child{margin-bottom: 0;}
.sidebar_form .input{width: 250px; border: 1px solid #A0C0E4;}

#related_articles_wrapper h3{font-size: 19px; text-transform:uppercase; color: #333; margin-bottom: 20px;}
#related_articles_wrapper li{clear: both; min-height: 85px;}
#related_articles_wrapper li a{display:block; min-height: 87px; padding: 10px;}
#related_articles_wrapper li:nth-child(2n) a{background:#f9f9f9;}
#related_articles_wrapper li:nth-child(2n) a:hover,
#related_articles_wrapper li a:hover{background:#F1F6FB;}
#related_articles_wrapper .img{line-height: 83px; text-align:center; float: left; width: 85px; height: 85px; border: 1px solid #eee;
border-radius: 5px;}
#related_articles_wrapper a:hover .img{border-color: #D1E1EE;}
#related_articles_wrapper .img img{
border-radius:5px;}
#related_articles_wrapper h4{font-size: 14px; color: #3376AC; line-height: 1.5; float: right; width: 193px; margin-top: 5px;}
#related_articles_wrapper a:hover h4{color: #1E4566;}

#sidebar #clients_wrapper li{width: 48%; margin-right: 4%;}
#sidebar #clients_wrapper li:last-child{margin-right: 0;}
#sidebar #clients_wrapper li .img{line-height: 89px; height: 89px;}
#sidebar #clients_wrapper h3{font-size: 28px; left: -14px; top: -38px; background: none;}
#sidebar #clients_wrapper h4{margin-left: -6px;}

#sidebar .tel_cloud{color: #3376AC; font-size: 37px; text-transform: none; width: auto; padding: 0; background: none;
-webkit-animation: none;}
#sidebar .tel_cloud strong{font-size: 42px; margin-top: 5px;}

#sidebar .tick_list li{font-size: 15px; color: #333; line-height: 1.5; padding-left: 40px; margin-bottom: 15px; list-style: none; background: url("images/tick.png") no-repeat left 50%;}
#sidebar .tick_list li a{color:#3376AC; font-weight: bold; text-decoration:underline;}
#sidebar .tick_list li a:hover{color: #444;}

#sidebar .grey_box{padding: 25px 20px; border-bottom: 2px solid #949494; background:#F7F7F7; background:linear-gradient(#F8F8F8,#F5F5F5);
border-radius:6px;}
#sidebar .grey_box .tick_list li:last-child{margin-bottom: 0;}

.sticky{position: relative; min-height: 212px; padding: 20px 20px 40px 20px; background: #F2EFAD; background: linear-gradient(#EFEB96,#F2EFAD);}
.sticky:before{content: ''; z-index:0; position: absolute; right: 0; bottom: -9px; display: block; width: 252px; height: 256px; background: url("images/sticky-corner.png");}
.sticky *{position: relative;}
#sidebar .sticky h3,
.sticky h3{font-size: 45px; margin-bottom: 5px;}

#enquireservice_form{border-bottom: 2px solid #6892C5; background: linear-gradient(#EFF6FF,#C7D9EF);}

body .wpcf7-file.wpcf7-not-valid + span.wpcf7-not-valid-tip{display: block;}

/* ############ */
/* ## FOOTER ## */
/* ############ */

#footer{background: #183954; background: url("images/footer_top.svg") 50% top no-repeat #183954;
background-size: 100% 100px;}

#footer > ul{position: relative; width: 990px; padding: 100px 0 55px; margin: 0 auto;}
#footer h4{font-size: 14px; color: #fff; text-transform:uppercase; margin-bottom: 10px;}
#footer li li{font-size: 13px; line-height: 1.5;}

#footer .services_list li{width: 190px;}
#footer .services_list li:nth-child(2n+1){float: left; clear: left;}
#footer .services_list li:nth-child(2n){float: right; clear: right;}
#footer .services_list a{color: #CED3DD;}
#footer .services_list a:hover{color: #fff;}

#footer .footer_links{position: absolute; bottom: 15px;}
#footer .footer_links li{float: left; margin-right: 15px;}
#footer .footer_links a{color: #fff;}
#footer .footer_links a:hover{color: #FFFF00;}

#footer .social_media_list{position: absolute; top: 55px;}
#footer .social_media_list li{float: left; margin-right: 10px;}
#footer .social_media_list li:last-child{margin-right: 0;}
#footer .social_media_list a{font-size: 11px; color: #A3BDD3; text-align:center; height: 11px; width: 11px; padding: 4px; background: #24547B;
border-radius: 20px;}
#footer .social_media_list a:hover{color: #FFFF00;}

#footer #tweets_wrapper a{display: block; clear: both; padding: 0  0 0 30px; margin-bottom: 30px; background: url("images/testimonial_quotation.png") no-repeat left top;
background-size: 20px;}
#footer #tweets_wrapper li:last-child a{margin-bottom: 0;}
#footer #tweets_wrapper li p{color:#CED3DD; font-size: 13px; line-height: 1.5;}
#footer #tweets_wrapper a:hover p{color:#fff;}
#footer #tweets_wrapper li p strong{font-weight: normal; color: #B0BBC5; font-size: 11px; display: block; margin-top: 5px;}

#footer .contact_list li{color: #B0BBC5;}
#footer .contact_list .address_li{margin-top: 15px;}

#footer .copyright{line-height: 1.5; font-weight: normal; position: absolute; bottom: 15px; right:0;}
#footer .copyright a{font-size: 13px; color: #fff;}
#footer .copyright a:hover{color: #FFFF00;}
#footer .certified_google{text-indent: -10000px; position: absolute; right: 0; top: 100px; width: 120px; height: 120px; background: url("images/logo_adwords.png") left top no-repeat;}

/* ########## */
/* ## HOME ## */
/* ########## */

#home #header{padding-bottom: 0; background: #183954;}
#home #header #social_media_list{bottom: 0;}

#home #main_menu li ul{
box-shadow:none;}

#banner{position: relative; height: 512px; padding: 40px 0; text-align: center; background: #183954; background: url("images/banner_bottom.svg") 50% bottom no-repeat #183954;
background-size: 100% 100px;}
#banner #sun{position: absolute; right: 50%; top: 100px; opacity: 0; width: 158px; height: 158px; margin-right: -305px; background: #ffff00;
box-shadow: 0 0 20px rgba(255,255,0,0.6);
border-radius: 80px;}
#banner.hover #sun{opacity: 1; height: 158px; margin-right: -400px; top: 34px;}
#banner #cloud{cursor: pointer; position: relative; width: 877px; height: 140px; padding: 70px 70px 50px 0; margin: 0 auto; background: url("images/banner_cloud.svg") no-repeat left top;
	-moz-animation-name: title-fade, title-move; -moz-animation-iteration-count: 1,infinite; -moz-animation-timing-function: linear; -moz-animation-duration: 1.3s,5s;
	-webkit-animation-name: title-fade, title-move; -webkit-animation-iteration-count: 1,infinite; -webkit-animation-timing-function: linear; -webkit-animation-duration: 1.3s,5s;
	transform-style: preserve-3d; perspective: 5000; -webkit-perspective: 5000;}
#banner #cloud h2{line-height: 140px; font-size: 76px; color: #fff; font-weight: normal; position: absolute; width: 877px;
	transition: 1s;
	backface-visibility: hidden; -webkit-backface-visibility: hidden;}
#banner #cloud h2.hover{transform: rotateY(180deg); 
	-o-transform: rotateY(180deg); 
	-webkit-transform: rotateY(180deg); 
	-moz-transform: rotateY(180deg);
	transform: rotateY(180deg);}
#banner #cloud h2 strong{color: #FFFF00; font-weight: normal;}
#banner #cloud h5{font-size: 32px; color: #ffffff; font-style: normal; cursor:pointer; position: absolute; right: -148px; top: 33px; width: 120px; padding: 25px 18px 35px 58px; background: url("images/heading_hover_bg.png") no-repeat right top;
	transition:none;
	-moz-transform: rotate(4deg);
	-webkit-transform: rotate(4deg);
	-o-transform: rotate(4deg);
	transform: rotate(4deg);}
#banner #cloud h5 strong{color: #FFFF00; font-size: 50px; font-weight: normal; display: block;}

#banner #cloud_form{width: 590px; margin: 0 auto; padding: 45px; background: #1E4769;
	transition: 1s;
	backface-visibility: hidden; -webkit-backface-visibility: hidden;
    transform: rotateY(-180deg);
	-webkit-transform: rotateY(-180deg); 
	-moz-transform: rotateY(-180deg);}
#banner #cloud_form.hover{ 
    transform: rotateY(0);
	-webkit-transform: rotateY(0); 
	-moz-transform: rotateY(0);}
#banner #cloud_form .input{font-size: 20px; font-weight: bold; color: #1E4566; height: 20px; width: 406px; padding: 15px 12px; border: none; background: #fff;}
#banner #cloud_form .button{font-size: 33px; color: #2D2D00; font-weight: bold; width: 145px; float: right; padding: 8px 0; background: #FFFF00;}
#banner #cloud_form .button:hover{background: #BBE1FF;}
#banner #cloud_form label.error{font-weight: bold; font-size: 16px; color: #FFFF00; position: absolute; left: 50px; top: 110px;}

#services_wrapper{position: relative; width: 880px; margin: 90px auto 0;
	transition: none;
	-moz-animation-name: services-fade; -moz-animation-iteration-count: 1; -moz-animation-timing-function: ease-out; -moz-animation-duration: 2.6s;
	-webkit-animation-name: services-fade; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: ease-out; -webkit-animation-duration: 2.6s;}
#services_wrapper h1,
#services_wrapper h2{font-size: 37px; color: #fff; position: absolute; left: -100px; top: -40px; padding-bottom: 70px; background: url("images/services_arrow.png") no-repeat 50% bottom;
	-moz-transform: rotate(-5deg);
	-webkit-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	transform: rotate(-5deg);}
#services_wrapper h1 a,
#services_wrapper h2 a{color: #fff;}
#services_wrapper h1 a:hover,
#services_wrapper h2 a:hover{color:#FFFF00;}
#services_wrapper li{float: left; width: 152px; margin-right: 30px;}
#services_wrapper li:last-child{margin-right: 0;}
#services_wrapper a{display: block;}
#services_wrapper li a h3{margin-top: 20px; font-size: 18px; color: #fff; line-height: 1.35;}
#services_wrapper li a:hover h3{color: #FFFF00;}
#services_wrapper li a .img{height: 52px;}
#services_wrapper li img{opacity: 0.8; max-height: 50px; width: auto; border:1px solid rgba(255,255,255,.01); background-color: rgba(24, 57, 84,.01);}
#services_wrapper li a:hover img{opacity: 1;
	-moz-transform: scale(1.2) translate(0,-5px);
	-webkit-transform: scale(1.2) translate(0,-5px);
	-o-transform: scale(1.2) translate(0,-5px);
	transform: scale(1.2) translate(0,-5px);}

#home #clients_wrapper li{width: 106px; margin-right: 20px;}
#home #clients_wrapper li:last-child{margin-right: 0;}
#home #clients_wrapper a{line-height: 70px; height: 72px;}
	
#website_form{padding: 20px; border-bottom: 2px solid #6892C5; background: #C7D9EF; background: linear-gradient(#EFF6FF,#C7D9EF);
border-radius: 5px;}
#website_form .input{width: 92%; margin-bottom: 12px; border-color: #A0C0E4;}
#website_form .input.error{border-color: #cc0000;}
#website_form .button{font-size: 25px; float: right;}
#website_form label.error{font-size: 13px; color: #cc0000; line-height: 1.5; font-weight: bold; position: absolute; display: block; width: 130px;}

/* ########### */
/* ## PAGES ## */
/* ########### */

#full_article #slider_list > li,
#slider_list > li{list-style: none; margin: 0; padding: 0; border-bottom: none; background: none;}
#slider_list > li > h3{font-size: 18px; line-height: 1.6; text-transform:none; color: #3376AC; padding: 20px; margin: 0; border-top: 1px solid #DFDDDD; background-color: #F7F7F7;}
/*
#full_article #slider_list > li:hover,
#slider_list > li:hover{border-bottom: 1px solid #B6C8DD;}
#slider_list > li:nth-child(2n+1) > h3{background-color: #F7F7F7;}
#slider_list > li > h3.show,
#slider_list > li > h3:hover{color: #3376AC; background-color: #EDF3FA;}
#slider_list > li > .content_wrapper{position: absolute; height: 0; overflow:hidden; opacity:0;}
#slider_list li h3.show + .content_wrapper{opacity: 1; height: auto; position: static;}
*/
#slider_list li .content_wrapper > *:first-child{margin-top: 15px;}

#related_pages_wrapper h3{font-size: 19px; text-transform:uppercase; color: #333; margin-bottom: 20px;}
.single-service #full_article #related_pages_wrapper li,
#related_pages_wrapper li{float: left; width: 315px; min-height: 85px; list-style: none; padding: 0; margin: 0; margin-right: 20px; background: none;}
.single-service #full_article #related_pages_wrapper li:nth-child(2n),
#related_pages_wrapper li:nth-child(2n){margin-right: 0;}
#related_pages_wrapper a{text-decoration:none; display: block; padding: 10px; border-bottom: 2px solid #D3E2F3; background: #F1F6FB;
border-radius: 5px;}
#related_pages_wrapper a:hover{background: #D3E2F3;}
#related_pages_wrapper .img{line-height: 82px; text-align:center; overflow:hidden; float: left; width: 84px; height: 84px; background:#fff;
border-radius: 5px;}
#related_pages_wrapper a h4{font-size: 16px; color: #3376AC; line-height: 1.5; float: right; width: 195px; margin-top: 5px; margin-bottom: 0;}

#single #full_article #social_media_share_list + p,
.page-template-template-vacancies-php #full_article h1 + p,
.single-service #full_article h1 + p,
.single-post #full_article h1 + p{font-size: 18px;}
#full_article .tick_list li,
.tick_list li,
.single-service #full_article li{margin: 10px 0; padding-left: 40px; list-style: none; background:url("images/tick.png") no-repeat left 50%;}

#full_article .tel_cloud,
.tel_cloud{color: #3376AC; position: relative; font-size:35px; width: 276px; padding: 24px 60px 25px 40px; margin: 20px auto 40px; background: url("images/tel_bg.png") no-repeat left top;
	-moz-animation-name: second-move; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -moz-animation-duration: 5s;
	-webkit-animation-name: second-move; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -webkit-animation-duration: 5s;}
#full_article .tel_cloud a,
.tel_cloud strong{font-family: arial,sans-serif; font-weight: normal; font-size: 35px; color: #333; text-decoration:none; display: block;}

#full_article .contactinfo_list li{list-style: none; padding: 15px 0 15px 55px; margin: 0; border-bottom: 1px solid #eee;}

#full_article .contactinfo_list li.address{background: url("images/icon_home.png") no-repeat left 50%;}
#full_article .contactinfo_list li.tel{background: url("images/icon_tel.png") no-repeat left 50%;}

#page.page-id-404 #full_article .page-list-ext-item{margin: 0 0 10px;}
#page.page-id-404 #full_article h3{font-size: 15px; font-weight: normal; margin-bottom: 0;}
#page.page-id-404 #full_article h3.tel_cloud{display:none;}

#sitemap #full_article ul ul{margin: 0;}

p.breadcrumb{font-size:12px; font-weight: bold; color: #777; position:absolute; top: 145px;}
p.breadcrumb a{color:#3376AC;}
p.breadcrumb a:hover{text-decoration: underline;}

.page-id-3879 #full_article li{font-size: 20px;}
.page-id-3879 #sidebar .sticky h3, .sticky h3{font-size: 37px;}

/* Social Media Networks */

.page-id-1132 #full_article table tr:nth-child(2n){background:#fff;}
.page-id-1132 #full_article table td{padding: 20px;}
.page-id-1132 #full_article table td a,
.page-id-1132 #full_article table td strong{font-weight: normal; display: block; margin-top: 10px;}
.page-id-1132 #full_article table td a:first-child{margin-top: 0;}

/* ############## */
/* ## URL FORM ## */
/* ############## */

#full_article h4.entered_url{margin-bottom: 25px;}
#full_article .urlform_step p{margin-bottom: 25px;}
	
.page-id-3838 #full_article h1{font-size: 30px;}
.page-id-3838 #main_url_form{position: relative; width: 480px; float: left;}
.page-id-3838 #website_screen{float: right; width: 440px; height: 258px; padding: 17px 20px 140px 23px; background: url("images/imac.png") no-repeat left top;}
.page-id-3838 #website_screen div{overflow: hidden; height: 258px; background: url("images/loading-2.gif") no-repeat 50% 50%;}
.page-id-3838 #website_screen img{width: 440px; height: auto;}

#urlform_steps{position: relative; overflow: hidden; height: 250px; margin: 0; padding: 0;}
#urlform_steps > li{position: absolute; left: 580px; width: 480px; height: 250px; margin: 0; padding: 0; list-style: none;}
#urlform_steps > li.show{left: 0;}
#urlform_steps > li.prev{left: -580px;}

#urlform_steps .button,
#urlform_steps a.prev,
#urlform_steps a.next{position: absolute; bottom: 5px;}

#urlform_steps a.prev{left: 0; bottom: 20px;}
#urlform_steps a.next{right: 0;
	-moz-transform: rotateZ(-2deg); -webkit-transform: rotateZ(-2deg); -o-transform: rotateZ(-2deg); transform: rotateZ(-2deg);}

#full_article #services_select{margin: 25px 0;}
#services_select li{width: 146px; float: left; margin: 0 10px 10px 0; list-style: none; background:url("images/li_bg.png") no-repeat 8px 50%;
	border-radius: 8px;}
#services_select li:nth-child(3n+1){width:146px;}
#services_select li:nth-child(3n+2){width:183px;}
#services_select li:nth-child(3n){width:131px; float: right; margin-right: 0;}
#services_select li:hover{background-color: #E7F2FC;}
#services_select li label{font-size: 15px; color:#3376AC; font-weight:bold; cursor:pointer; display:block; padding: 15px 0 15px 36px; background-position: 13px 50%;
	border-radius: 8px;}
#services_select li:hover label{color: #183954;}
#services_select li label.selected{color: #183954; background: url("images/li_bg_selected.png") no-repeat 13px 50% #E7F2FC;}
#services_select li input[type="checkbox"]{display: none;}

#urlform_steps input[type="text"],
#urlform_steps select{padding: 15px 10px; border: 1px solid #ccc;
border-radius: 2px;}
#urlform_steps input[type="text"]:hover,
#urlform_steps input[type="text"]:focus,
#urlform_steps select:hover,
#urlform_steps select:focus{border-color:#999;}

#urlform_steps #keywords_wrapper,
#urlform_steps #personaldetails_wrapper{margin: 0;}
#urlform_steps #keywords_wrapper li,
#urlform_steps #personaldetails_wrapper li{position: relative; width: 146px; float: left; margin: 0 20px 30px 0;  padding: 0; list-style: none;}
#urlform_steps #keywords_wrapper li:last-child{margin-right: 0;}
#urlform_steps input.keyword{width: 124px;}

#urlform_steps select{width: 478px;}
#urlform_steps select + label.error#budget-error{bottom: 51px;}

#urlform_steps #personaldetails_wrapper li{width: 230px;}
#urlform_steps #personaldetails_wrapper li:nth-child(2){margin-right: 0;}
#urlform_steps #personaldetails_wrapper li:nth-child(3){width: 480px;}
#urlform_steps #personaldetails_wrapper input{width: 208px;}
#urlform_steps #personaldetails_wrapper input.email{width: 458px;}

#urlform_steps label.error{font-size: 13px; color:#cc0000; display: block; position:absolute; bottom: -22px;}

#urlform_steps .button{right: 0;}

#full_article #urlform_pagination{margin: 0;}
#urlform_pagination{position: absolute; bottom: 0; left: 160px; width: 113px; height: 5px; border-bottom: 1px solid #EAF4FC;}
#urlform_pagination li{text-indent: -10000px; height: 11px; width: 11px; float: left; margin: 0 40px 0 0; list-style:none; background: #EAF4FC;
	border-radius: 20px;}
#urlform_pagination li:last-child{margin-right: 0;}
#urlform_pagination li.current{background:#92CEFF;}

/* ############## */
/* ## SERVICES ## */
/* ############## */

#services .services_wrapper{width: auto; margin: 0;
	-moz-animation-name: none;
	-webkit-animation-name: none;}
#services .services_wrapper ul li,
#services .services_wrapper ul{text-align: center; padding: 0; margin: 0; list-style:none;}
#services .services_wrapper > ul > li{position: relative; float: left; height: 391px; width: 178px; margin: 0 10px; list-style:none;
	transform-style: preserve-3d; perspective: 5000; -webkit-perspective:5000;}
#services .services_wrapper .services_list{position: absolute; display: block; width: 151px; height: 375px; padding: 14px; border-bottom: 1px solid #8FAAD8; background:#F4F8FF;
	border-radius: 20px;
	backface-visibility: hidden; -webkit-backface-visibility: hidden;}
#services .services_wrapper .services_list h3{font-size: 16px; margin-top: 25px;}
#services .services_wrapper .services_list h3 a{line-height: 1.5; color: #17436A; text-decoration: none; display: block;}
#services .services_wrapper .services_list h4{font-size: 13px; margin-bottom: 7px;}
#services .services_wrapper .services_list h4 a{line-height: 1.5; color: #3376AC; text-decoration: none; display: block;}
#services .services_wrapper .services_list h3 a:hover,
#services .services_wrapper .services_list h4 a:hover{color: #1E4566;}
#services .services_wrapper .services_list img{position: absolute; opacity: 0.4; max-width: 40px; height: auto; bottom: 20px; left: 50%; margin-left: -20px;}
#services .services_wrapper .services_list:after{content: ''; z-index: 100; position: absolute; left: 11px; top: -8px; display: block; width: 37px; height: 51px; background: url("images/paperclip-reversed.png");}

#services_list{clear: both; margin: 0; padding: 0;}
#services_list li{width: 100%; margin: 0; padding: 0; list-style: none; border-bottom: 1px dashed #ccc;
	transition:none;}
#services_list li:last-child{border-bottom: 0;}
#services_list a{text-decoration: none; display: block; padding: 15px 0; background: #fff;
	border-radius: 4px;}
#services_list a p{margin-bottom: 0;}
#services_list a h2{font-size: 19px; color: #183954; text-transform: uppercase; margin-bottom: 8px;}
#services_list a:hover p,
#services_list a:hover h2{color: #3078B1;}

#sidebar li.cat-item a,
#services_menu a{color: #3376AC; font-weight: bold; font-size: 14px; display: block; padding: 10px; margin-bottom: 1px; border-bottom: 1px solid #D3E2F3; background: #F1F6FB;
	border-radius: 4px;}
#sidebar li.cat-item a:hover,
.cat_36 #sidebar li.cat-item-36 a,
.cat_37 #sidebar li.cat-item-37 a,
.cat_38 #sidebar li.cat-item-38 a,
.cat_39 #sidebar li.cat-item-39 a,
.cat_40 #sidebar li.cat-item-40 a,
.cat_41 #sidebar li.cat-item-41 a,
.cat_42 #sidebar li.cat-item-42 a,
.cat_43 #sidebar li.cat-item-43 a,
.cat_44 #sidebar li.cat-item-44 a,
.cat_45 #sidebar li.cat-item-45 a,
.cat_46 #sidebar li.cat-item-46 a,
.cat_47 #sidebar li.cat-item-47 a,
.cat_48 #sidebar li.cat-item-48 a,
#sidebar li.current-cat > a,
#services_menu li.current-menu-ancestor > a,
#services_menu li.current-menu-item > a,
#services_menu li.current-menu-item > h4 > a,
#services_menu a:hover{background: #D3E2F3;}
#services_menu li ul{display: none; margin: 0 0 3px 20px;}
#services_menu li.current-menu-ancestor ul,
#services_menu li.current-menu-item ul{display: block;}
#services_menu li.current-menu-item > a{color: #1E4566;}

#services_menu li.current-menu-item.menu-item-has-children > a,
#services_menu li.current-menu-ancestor > a{color: #fff; background: #1E4566;}

.page-id-2498 #full_article img.alignright,
#vacancy.page-template-template-vacancies-php #full_article img.alignright,
#service #full_article img.alignright{padding: 0; border: none;}

.service_list li{float: left; width: 50px;}
.service_list li .img{opacity: 0.5; width: 60px; height: 60px;}
.service_list li a:hover .img{opacity: 1;}
.service_list li a{position: relative; display:block;}
.service_list .tooltip{top: -40px;}

#gmap{width: 100%; height: 240px;}
p.address{font-size: 16px; line-height: 1.5; color: #555;}

/* ############# */
/* ## CLIENTS ## */
/* ############# */

#clients #clients_wrapper{padding: 0; margin: 0; border: none; background: none;}

#clients #clients_wrapper ul{margin:0;}
#clients #clients_wrapper li{width: 215px; min-height: 132px; margin: 0 25px 25px 0; padding: 5px; border-bottom: 2px solid #ccc; background:#f9f9f9; background: linear-gradient(#eee,#f9f9f9);
	border-radius: 5px;}
#clients #clients_wrapper li .img{line-height: 132px; width: 100%; min-height: 132px; background:#fff;
	border-radius: 5px;}
#clients #clients_wrapper li:nth-child(4n){margin-right: 0;}
#clients #clients_wrapper li:nth-child(4n+1){clear: both;}
#clients #clients_wrapper li:hover{margin-top: -3px;
	box-shadow: 0 0 6px #999;}
#clients #clients_wrapper img{display:inline; border: none;}

/* ########## */
/* ## BLOG ## */
/* ########## */

#news_list{margin: 0; padding: 0;}
#news_list li{list-style: none; margin: 0; padding: 0; clear: both;}
#news_list .img{line-height: 138px; text-align:center; float: left; width: 140px; height: 140px; border: 1px solid #eee; background: #fff;
border-radius: 5px;}
#news_list .img img{
	border-radius: 5px;}
#news_list a:hover .img{border-color: #D1E1EE;}
#news_list a{text-decoration:none; display: block; padding: 20px;
	border-radius: 5px;}
#news_list li:nth-child(2n) a{background: #f9f9f9;}
#news_list li:nth-child(2n) a:hover,
#news_list a:hover{background: #F1F6FB;}
#news_list .text{float: right; width: 450px;}
#news_list a .text h3{color: #3376AC; font-size: 20px; margin-bottom: 8px;}
#news_list a .text h3 strong{color: #666; font-size: 15px; font-weight: normal; display: block; margin-top: 5px;}
#news_list a .text p{margin-bottom: 0;}
#news_list a:hover .text h3,
#news_list a:hover .text h3 strong,
#news_list a:hover .text p{color: #1E4566;}

#full_article .pagination{font-size: 13px; margin-bottom: 0;}
.pagination .prev{margin-right: 200px;}

#servicescat_list{height: 16px; margin: 0 0 20px 0;}
#servicescat_list li{float: left; margin: 0 20px 0 0; list-style: none;}
#servicescat_list a{font-size: 16px; color: #266BAC; font-weight: bold; text-transform: uppercase; text-decoration:none; padding: 5px;
	border-radius: 5px;}
#servicescat_list a:hover{text-decoration:none; color: #fff; background: #266BAC;}
#servicescat_list a.active{text-decoration:none; color: #fff; background: #333;}

#single #full_article h1{margin-bottom: 25px;}
#single #full_article h1 strong{display: block; margin-top: 5px;}

#single #full_article img.alignnone, #single #full_article img.alignright, #single #full_article img.alignleft{max-width: 98%; height: auto;}
#single #full_article img.alignnone{display: block; margin-bottom: 35px;}

#single #full_article > ul > li{list-style: none; margin: 10px 0; padding-left: 40px; background: url("images/tick.png") no-repeat left 50%;}

#single #full_article #social_media_share_list{height: 20px; padding: 10px 0; margin:0 0 35px; border-top:1px solid #eee; border-bottom:1px solid #eee;}
#single #full_article #social_media_share_list li{float: left; width: 18%; margin: 0; padding: 0; list-style:none; background: none;}

#comments_wrapper{clear:both; margin: 35px 0 0;}
#comments_wrapper ul{margin: 0;}
#comments_wrapper li{margin: 0 0 20px; padding: 60px 50px; list-style: none; background:url("images/comment_bg.png") no-repeat left top; background-size:100% 100%;}
#comments_wrapper li:last-child{margin-bottom: 0;}
#comments_wrapper p{margin: 0 0 5px;}
#comments_wrapper h4{margin: 0;}
#comments_wrapper h6{font-size: 11px; font-weight: normal; color:#777; margin: 5px 0 0;}

#commentform label{font-size: 15px; display: block; margin-bottom: 5px;}
#commentform .input{width: 634px; border-color:#EAEAEA;}
#commentform .input:hover,
#commentform .input:focus{border:1px solid #87A8CD;}
#commentform #submit{font-size: 16px; cursor:pointer;}
#commentform p{margin-top: 15px;}
#commentform p.logged-in-as,
#commentform p.comment-notes{font-size: 13px; font-style: italic;}
#commentform p.form-allowed-tags{font-size: 12px; color:#999;}

/* ################## */
/* ## CASE STUDIES ## */
/* ################## */

.mix{display: none;}

#casestudies_list{clear: both; margin: 0;}
#casestudies_list > li{width: 100%; margin: 0 0 30px; list-style: none;
	transition:none;}
#casestudies_list a{position: relative; text-decoration: none; display: block; padding: 20px; border-bottom: 1px solid #B9B7B7; background: #F7F8FA;
	border-radius: 4px;}
#casestudies_list a:hover{border-color: #6FA0C7; background: #F1F6FB/*#3078B1*/;}
#casestudies_list a .img{line-height: 138px; text-align: center; overflow: hidden; width: 138px; height: 138px; float: left; border: 1px solid #eee; background: #fff;
	border-radius: 4px;}
#casestudies_list a:hover .img{border-color: #D1E1EE;}
#casestudies_list a .img img{
	-moz-transform: scale(0.8); -webkit-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8);}
#casestudies_list a:hover .img img{
	-moz-transform: rotate(0); -webkit-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0);}
#casestudies_list a .text{float: right; width: 445px;}
#casestudies_list a h3{font-size: 17px; color: #183954; text-transform: uppercase; margin-bottom: 12px;}
#casestudies_list a:hover h3{color:#183954;}
#casestudies_list a .tick_list{margin-bottom: 20px;}
#casestudies_list a .tick_list li{color: #555; font-size: 14px; margin: 5px 0; padding-left: 35px;}
#casestudies_list a:hover .tick_list li{color: #183954;}
#casestudies_list a p{color: #555; font-size: 14px; margin-bottom: 0;}
#casestudies_list a:hover p{color: #183954;}

#casestudies #services_menu li ul,
#casestudy #services_menu li ul{display:block;}

#casestudy h1 strong{font-size: 20px; color: #555; font-weight: bold; display: block; margin-top: 8px; margin-bottom: 35px;}
#casestudy #servicescat_list a{color: #333; text-decoration:underline;}
#casestudy #servicescat_list a:hover{color: #266BAC;}
#sypnosis li{color: #444; font-size: 20px; line-height: 1.5;}
#casestudy #full_article .tick_list li{font-size: 20px;}
#casestudy #full_article #testimonial{float: left; width: 300px;}
#casestudy #full_article #testimonial + .tel_cloud{float: right; width: 230px; padding: 0; background: none;
	-webkit-animation: none;
	-moz-animation: none;}

#casestudy #sidebar .logo{text-align: center; padding: 10px 0; border: 1px solid #eee;
	border-radius: 5px;}
#casestudy #sidebar .logo img{max-width:100%;}

#casestudy_screenshots ul{margin: 0 5px;}
#casestudy_screenshots li{width: 127px; float: left; clear: left; margin-bottom: 10px;}
#casestudy_screenshots li:nth-child(2n){float: right; clear: right;}
#casestudy_screenshots li:last-child{margin-bottom: 0;}
#casestudy_screenshots a{display: block; border: 1px solid #C9C341;}
#casestudy_screenshots a:hover{border-color: #666;}
#casestudy_screenshots img{display: block; max-width: 100%; height: auto;}

.lb-outerContainer{transition:none;}

/* ############## */
/* ## WEBSITES ## */
/* ############## */

#websites_list{clear: both; margin: 0;}
#websites_list li{float: left; width: 480px; padding: 0; margin: 0; list-style: none;
	transition: none;}
#websites_list li:nth-child(2n){float: right;}
#websites_list a{position: relative; display: block; height: 414px; background:url("images/imac.png") no-repeat left top;}
#websites_list a h3{font-size: 19px; color: #1D5E92; text-align: center; line-height: 1.6; opacity: 0; position: absolute; left: 18px; bottom: 6px; height: 35px; width: 313px; padding: 40px 10px; background:url("images/websitename-cloud.png") no-repeat left top;}
#websites_list a:hover h3{opacity: 1; left: 0; bottom: 13px;}
#websites_list a .img{position: absolute; overflow: hidden; width: 446px; height: 253px; margin: 17px 0 0 16px;
	transition: none;}
#websites_list .img img{max-height: 500%;}
.mobile{position: absolute; right: -24px; bottom: -15px; opacity: 0; height: 297px; width: 130px; background-size:contain; background:url("images/iphone.png") no-repeat left top;
	-moz-transform: rotate(5deg); -webkit-transform: rotate(5deg); -o-transform: rotate(5deg); transform: rotate(5deg);}
#websites_list a:hover .mobile{opacity: 1;
	-moz-transform: rotate(0); -webkit-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0);}
#websites_list a .mobile .img,
.mobile .img{width: 120px; height: 192px; margin: 28px 5px 40px; overflow: hidden;}

#visual{position: relative; float: right; width: 650px; height: 418px; margin-bottom: 35px; background: url("images/ipad.png") no-repeat left top;
	-moz-animation-name: title-fade; -moz-animation-iteration-count: 1; -moz-animation-timing-function: linear; -moz-animation-duration: 1.5s;
	-webkit-animation-name: title-fade; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: linear; -webkit-animation-duration: 1.5s;}
#visual > .img{position: absolute; overflow: hidden; width: 537px; height: 328px; margin: 42px 0 0 52px;
transition: none;}
#visual:hover > .img{width: 554px; overflow: scroll;}
#visual > .img img{max-height: 500%;}
#visual h4{font-size: 33px; color: #183953; position: absolute; right: -100px; top: -40px; padding-bottom: 50px; background: url("images/heading_arrow_2.png") no-repeat 50% bottom;
	-moz-transform: rotate(5deg); -webkit-transform: rotate(5deg); -o-transform: rotate(5deg); transform: rotate(5deg);}
#visual .mobile{opacity: 1; height: 258px; bottom: -12px; left: -12px;
	-moz-transform: rotate(0); -webkit-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0);}
#visual:hover .mobile{opacity: 0;
	-moz-transform: rotate(5deg); -webkit-transform: rotate(5deg); -o-transform: rotate(5deg); transform: rotate(5deg);}
#visual .mobile .img img{max-height: 500%;}

#website_pagination{position: absolute; right: 44px; bottom: 20px; opacity:0;}
#visual:hover #website_pagination{right: 54px; opacity:1;}
#website_pagination li{float: left; margin-left: 10px;}
#website_pagination a{text-indent: -10000px; display: block; height: 15px; width: 15px; background: #fff;
	border-radius: 5px;}
#website_pagination a:hover{background:#ccc;}
#website_pagination a.selected{background: #AFCEF5;}

/* ################## */
/* ## TESTIMONIALS ## */
/* ################## */

#testimonials_list{clear: both; margin: 0;}
#testimonials_list li{width: 100%; margin: 0 0 35px; list-style: none;}
#testimonials_list .img{line-height: 140px; text-align: center; overflow: hidden; float: left; width: 140px; height: 140px; border: 1px solid #eee;
	border-radius: 4px;}
#testimonials_list .img img{vertical-align:middle;}
#testimonials_list .text{width: 490px; float: right;}
#testimonials_list blockquote{font-size: 14px; line-height: 1.5; color: #3C3C3C; font-style:italic; margin-bottom: 10px;}
#testimonials_list h3{font-size: 14px; color: #222222; text-transform: uppercase; margin-bottom: 12px;}

.page-id-326 #testimonial{display: none;}

/* ################ */
/* ## VANCANCIES ## */
/* ################ */

#vacancy.page-template-template-vacancies-php #servicescat_list li{margin-right: 12px; margin-bottom: 5px;}
#vacancy.page-template-template-vacancies-php #servicescat_list a{font-size: 14px; color: #5F5F5F;}
#vacancy.page-template-template-vacancies-php #servicescat_list a:hover,
#vacancy.page-template-template-vacancies-php #servicescat_list a.active{color: #fff;}
.page-template-template-vacancies-php #full_article .tick_list li{width: 100%;
	transition: none;}
.page-template-template-vacancies-php #full_article .tick_list a{font-weight: bold;}

ul#vacancies_list{margin: 35px 0 0;}
#vacancies_list li{vertical-align: top; width: 302px; min-height: 97px; margin: 0 10px 20px; padding: 0; list-style:none;
	transition:none;}
#vacancies_list a{text-decoration: none; position:relative; display: block; min-height: 56px; padding: 20px 50px 20px 20px; border-bottom: 1px solid #B9B7B7; background: #F7F8FA;
	border-radius: 6px;}
#casestudies_list a:hover:before,
#vacancies_list a:hover:after{
	-moz-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); -o-transform: rotate(-15deg); transform: rotate(-15deg);}
#vacancies_list a:hover{border-color: #A7C2D8; background: #EDF3FA;}
#vacancies_list a h3{color: #3376AC; margin-bottom: 0;}
#vacancies_list a p{margin-bottom: 0;}
#vacancies_list a:hover h3{color: #1D5E92;}

/* ############# */
/* ## BROWSER ## */
/* ############# */

/* firefox */

@-moz-document url-prefix() 
{
    p.breadcrumb{top:154px;}
	
	#website_form label.error{width: 117px;}
}

/* opera */

noindex:-o-prefocus, #banner #cloud h5, #banner #cloud form, #services .services_wrapper .main_service{display: none;}
noindex:-o-prefocus, #banner #cloud h2.hover{transform: rotateY(0); -o-transform: rotateY(0);} 
noindex:-o-prefocus, #services .services_wrapper .services_list{transform: rotateY(0); -webkit-transform: rotateY(0); -moz-transform: rotateY(0);}
noindex:-o-prefocus, p.breadcrumb{top: 154px;}
noindex:-o-prefocus, .sticky:before{display: none;}

/* ################ */
/* ## RESPONSIVE ## */
/* ################ */

@media only screen  
and (max-width : 1500px) 
{
	#header #contact_wrapper{height: auto; right: 10px; width: 160px;}
	#header #contact_wrapper .get_in_touch_link{text-align:center; display: block; float: none;}
	#header #contact_wrapper .get_in_touch_link:before{margin-right: 0;}
	#header #contact_wrapper h3{text-align:center; float: none; margin-top: 10px;}
}

@media only screen  
and (max-width : 1280px) 
{
	#header h2{left: -50px;}
	
	#header #contact_wrapper{width: 130px; padding: 8px;}
	#header #contact_wrapper .get_in_touch_link{font-size: 24px;}
	#header #contact_wrapper h3{font-size: 18px; margin-top: 5px;}

	#quick_contact_wrapper .close{right: auto; left: 30px;}
	
	#banner #cloud h5{right: -26px; top: -11px;}
	#clients_wrapper h3{left: 0; background: none;}
	
	#sidebar #testimonial:after{display: none;}
	
	#services_wrapper h1, #services_wrapper h2{left: 0; top: -60px; padding-bottom: 0; background:none;}
	
	#visual h4{right: 0;}
}

/* iPad portrait and below ----------- */
@media only screen  
and (max-width : 768px) 
{	
	/* tags */
	
	#sidebar .sticky h3,
	#visual h4,
	#sidebar #clients_wrapper h3,
	.tel_cloud,
	#banner #cloud h5,
	.button,
	#clients_wrapper h3,
	#services_wrapper h1,
	#services_wrapper h2,
	#banner #cloud h2,
	#header #contact_wrapper a{font-family: arial,helvetica,sans-serif;}
	
	img{height: auto; width: auto; max-width: 100%; max-height: 100%; float: none;}
	
	.alignright,
	alignleft{float: none; display: block; margin: 10px 0;}
	
	img.alignnone, img.alignright, img.alignleft{max-width:95%;}
	
	/* general */
	
	#testimonials_list .text,
	#casestudy_screenshots li,
	#casestudy_screenshots li:nth-child(2n),
	#websites_list li,
	#websites_list li:nth-child(2n),
	#casestudies_list a .text,
	#casestudies_list a .img,
	.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,
	.col{float: none; width: auto; margin: 0;}
	
	.button{font-size: 20px;}
	
	#content_wrapper{position:relative;}
	p.breadcrumb{font-size: 11px; top: -20px;}
	
	#full_article .tel_cloud, 
	.tel_cloud{font-size: 16px; width: auto; padding: 10px; margin: 20px 0 35px; background:#E7F2FC;}
	.tel_cloud strong{font-size: 30px;}
	
	.single-service #full_article #related_pages_wrapper li, 
	#related_pages_wrapper li{float: none; width: auto; margin: 0 0 10px;}
	#related_pages_wrapper .img{width: 20%;}
	#related_pages_wrapper a h4{width: 75%;}
	
	.adjacent_post_links a{float: none; display: block; margin-top: 10px;}
	
	#sidebar #clients_wrapper h3,
	#clients_wrapper h3{font-size:17px;}
	
	/* header */
	
	#quick_contact_wrapper.show{height: 825px;}
	#quick_contact_wrapper > ul{width: auto;}
	#quick_contact_wrapper .col.c2,
	#quick_contact_wrapper .col.c4,
	#quick_contact_wrapper .col{text-align: center; padding: 10px;}
	#quick_contact_wrapper div.wpcf7-mail-sent-ok{margin-top: 10px; display:block;}
	
	#quick_contact_wrapper iframe{width: 100%;}
	
	#quick_enquiry_form{height: auto; padding: 20px 10px;}
	#quick_enquiry_form .input{width: 95%; padding: 7px 2%;}
	
	#header{height: auto; padding-bottom: 15px; background-image:none;}
	#header h2{left: -22px; top: -44px; width: 150px; height:104px;}
	#header h2 a{height: 104px; background-size: contain;}
	#header #social_media_list{position: static; float: left; margin: 10px 0 0 10px;}
	
	#main_menu{padding-top: 10px;}
	#main_menu .show_menu{font-size: 14px; float: right; margin: 0 10px 5px 0; padding: 5px; background: #2B5888;
border-radius: 5px;}
	#main_menu ul{display: none; clear: both;}
	#main_menu li{display: block; margin-right: 0;}
	#main_menu a{display: block; margin-bottom: 1px; padding: 10px 0; background: #1C4363;}
	#main_menu li ul{display:none;}
	#main_menu li:hover > ul{display:block;}
	#main_menu li li a{color:#A6BCCA; font-size: 14px; padding: 5px 0; border-bottom: 1px solid #1C4363; background: none;}
	#main_menu li li:hover ul{display:none;}
	#main_menu li li li a{font-size: 12px; text-transform:none; border-bottom: none; background: none;}
	
	#header #contact_wrapper{position:static; height:51px; width: auto;}
	#header #contact_wrapper .get_in_touch_link,
	#header #contact_wrapper h3{float: right; clear: right; text-align: right;}
	#header #contact_wrapper h3 a{color:#fff;}
	#header #contact_wrapper .get_in_touch_link{font-size: 18px;}
	#header #contact_wrapper .get_in_touch_link:before{float: right;}
	
	/* footer */
	
	#footer{background-image: none;}
	#footer > ul{width: auto; padding: 20px 10px;}
	#footer > ul > li{clear: both; margin-bottom: 30px;}
	#footer li li{text-align:center;}
	
	#footer h4{text-align:center;}
	
	#footer .services_list li{width: auto; margin-bottom: 5px;}
	#footer .services_list li:nth-child(2n),
	#footer .services_list li:nth-child(2n+1){float: none; clear: none;}
	
	#footer .social_media_list{position: static; width: 120px; height: 21px; margin: 0 auto 15px;}
	
	#footer .footer_links{position:static; margin-top: 30px;}
	#footer .footer_links li{float: none; margin-right: 0; margin-bottom: 5px;}
	
	#footer .contact_list li a{color:#B0BBC5;}
	
	#footer .certified_google{position:static; margin: 20px auto 0;}
	
	#footer .copyright{text-align:center; position: static; margin-top:10px;}
	
	/* sidebar */
	
	.sidebar_form .input{width: 95%; padding: 7px 2%;}
	
	#sidebar .sticky h3, 
	.sticky h3{font-size: 25px;}
	
	#sidebar .tel_cloud{font-size: 18px;}
	#sidebar .tel_cloud strong{font-size: 34px;}
	#sidebar .tel_cloud strong a{color:#333;}

	#sidebar #slider_list li .content_wrapper{opacity: 1; height: auto; position: static;}
	
	/* home */
	
	#banner{height: auto; background-image:none;}
	#banner #sun{display: none;}
	#banner #cloud{width: auto; height: auto; padding: 20px; background: none;
		-moz-animation-name: none, none;
		-webkit-animation-name: none,none;}
	#banner #cloud h2{font-size: 32px; line-height: 1.5; position: static; width: auto;}
	#banner #cloud h5{display: none;}
	#banner #cloud_form{display: none;}
	
	#home #testimonial,
	#home #full_article h1,
	#home #full_article p{text-align: center;}
	
	#services_wrapper{width: auto; margin: 20px 0;}
	#services_wrapper h1, #services_wrapper h2{display: none;}
	#services_wrapper li{width: auto; float: none; margin-right: 0;}
	#services_wrapper li a h3{font-size: 16px; margin: 5px 0 30px;}
	#services_wrapper li a:hover img{opacity: 1;
		-moz-transform: none; -webkit-transform: none; -o-transform: none; transform: none;}
	
	#content_wrapper{width: auto; padding: 0 10px;}
	#sidebar{float: none;}
	
	#clients_wrapper{margin-bottom: 30px;}
	#clients_wrapper h3{position: static; left: 0; padding-bottom: 0; background: none;
	-moz-transform: rotate(0);
	-webkit-transform: rotate(0);
	transform: rotate(0);}
	#home #clients_wrapper li{width: auto; float: none; margin-right: 0;}
	
	#website_form label.error{position:static; margin-bottom: 10px;}
	#website_form .button{width: 100%; float: none;}
	
	#full_article .standard_form li input#your-keywords{width: 95%;}
	
	/* url form */
	
	.page-id-3838 #main_url_form{width: auto; float: none; height: auto;}
	#urlform_steps{height: auto;}
	#urlform_steps #personaldetails_wrapper li:nth-child(3),
	#services_select li:nth-child(2n),
	#services_select li:nth-child(3n),
	#services_select li:nth-child(3n+1),
	#services_select li:nth-child(3n+2),
	#urlform_steps > li{position: static; width: auto; float: none; height: auto; margin-right: 0;}
	#services_select li{float: none; width: auto;}
	
	#urlform_steps #keywords_wrapper li, 
	#urlform_steps #personaldetails_wrapper li{position: static; width: auto; float: none; margin-right: 0;}
	#urlform_steps select,
	#urlform_steps #personaldetails_wrapper input,
	#urlform_steps #personaldetails_wrapper input.email,
	#urlform_steps input.keyword{width: 95%; padding: 10px 2%;}
	
	#urlform_steps select{margin-bottom: 30px;}
	
	#urlform_steps .button{position: static;}
	
	#urlform_steps .button_2,
	#urlform_steps .prev,
	#urlform_steps .next{display: none;}
	
	#urlform_pagination{display: none;}
	
	#urlform_steps label.error{bottom: auto; margin-top: 8px;}
	#urlform_steps select + label.error#budget-error{bottom: auto; margin-top: -20px;}
	
	/* services */
	
	#services .services_wrapper > ul > li{float: none; height: auto; width: auto; margin: 0 0 20px 0;}
	#services .services_wrapper .main_service{display: none;}
	#services .services_wrapper .services_list{position: static;float : none; height: auto; width: 94%; padding: 20px 3% 70px;
	transform: rotateY(0);
	-webkit-transform: rotateY(0);
	-moz-transform: rotateY(0);}
	#services .services_wrapper .services_list h3{margin-top: 0;}
	#services .services_wrapper .services_list:after{display: none;}
	
	/* clients */
	
	#clients #clients_wrapper li{float: none; width: auto; margin: 0 0 25px;}
	
	/* case studies */
	
	#casestudies_list a:before{display: none;}
	#casestudies_list a .text{margin-top: 15px;}
	
	#casestudies #servicescat_list{display:none;}
	
	/* websites */
	
	#websites_list a{height: 340px; background-size: contain;}
	#websites_list a .img{width: auto; height: 153px; margin: 7px 7px 0 7px;}
	#websites_list a h3{left: 0; bottom: 0; width: 100%; padding: 10px 0; background: #eee;
	border-radius: 5px;}
	#websites_list a .mobile{display: none;}
	
	#visual{display: none;}
	#casestudy_screenshots li,
	#casestudy_screenshots li:nth-child(2n){margin-bottom: 15px;}
	#casestudy_screenshots li:nth-child(last-child){margin-bottom: 0;}
	#casestudy_screenshots li a{text-align: center; display: block; background:#fff;}
	#casestudy_screenshots li a img{display:inline;}
	
	/* testimonials */
	
	#testimonials_list .img{max-width: 50%; height: auto; margin: 0 10px 10px 0;}
	
	/* contact */
	
	#full_article .standard_form span.wpcf7-not-valid-tip{position: static; margin-top: 10px;}
	#full_article .standard_form li select.input{width: 100%; padding: 7px 2%;}
	#full_article .standard_form li input.input{width: 95%; padding: 7px 2%;}
	
	/* blog */
	
	#news_list .text{float: none; width: auto;}
	#news_list .img{float: none; width: auto; margin-top: 15px;}
	
	#news #sidebar{margin-top: 25px;}
	
	/* vacancy */
	
	#vacancy.page-template-template-vacancies-php #servicescat_list{display: none;}
	
	#vacancies_list li{width: 100%; float: none; margin-right: 0; margin-left: 0;}
	#vacancies_list a{padding: 20px;}
	#vacancies_list a:after{display: none;}
}