/* Site-wide color scheme */
/**********************************\
* Fraction.less Main Stylesheet *
* *
* Author: Bill Patrianakos *
* Site: billpatrianakos.me *
* License: BSD *
\**********************************/
/* Site-wide color scheme */
/*:::: SITE COLORS ::::*/
/* BACKGROUND GRADIENT MIXINS */
/* LESS Mixins */
/*:::: MIXINS ::::*/
.centered {
margin-left: auto;
margin-right: auto;
}
.centered-text {
text-align: center;
}
/* CSS "reset" */
/******************************************************\
* Custom Build of 'normalize.css' originally by *
* Necolas - http://github.com/necolas/normalize.css *
* *
* Modified for use in Fraction.less. See original *
* for normalize.css documentation. *
\******************************************************/
/*:::: DEFAULT COLOR SETTINGS ::::*/
/*:::: HTML5 DISPLAY DEFINITIONS ::::*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
display: block;
}
audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
}
audio:not([controls]) {
display: none;
}
[hidden] {
display: none;
}
/*:::: BASE ::::*/
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
title {
text-transform:capitalize;
}
#ajax-loader-page {
background-image: url("../images/ajax-loader-page.gif");
background-repeat: no-repeat;
display: block;
width: 200px;
height: 4px;
position: absolute;
top:50%;
left:45%;
}
body,
button,
input,
select,
textarea {
}
/*:::: LINKS ::::*/
a{
color: #EC234E;
}
a:focus {
outline: 0;
}
a:hover,
a:active {
outline: 0;
}
/*:::: TYPOGRAPHY ::::*/
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: normal;
font-family: 'grotesk-bold';
}
blockquote {
margin: 1em 40px;
}
dfn {
font-style: italic;
}
mark {
background: #ffff00;
color: #000000;
}
pre,
code,
kbd,
samp {
font-family: monospace, serif;
_font-family: 'courier new', monospace;
font-size: 1em;
}
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
q {
quotes: none;
}
q:before,
q:after {
content: '';
content: none;
}
small {
font-size: 75%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/*:::: LISTS ::::*/
ul,
ol {
margin: 0em 0;
padding: 0 0 0 0px;
}
dd {
margin: 0 0 0 40px;
}
nav ul,
nav ol {
list-style: none;
list-style-image: none;
}
/*:::: EMBEDDED CONTENT ::::*/
img {
border: 0;
/* 1 */
-ms-interpolation-mode: bicubic;
/* 2 */
}
svg:not(:root) {
overflow: hidden;
}
/*:::: FIGURES ::::*/
figure {
margin: 0;
}
/*:::: FORMS ::::*/
form {
margin: 0;
}
fieldset {
border: none;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
/* 1 */
*margin-left: -7px;
/* 2 */
}
button,
input,
select,
textarea {
font-size: 100%;
/* 1 */
margin: 0;
/* 2 */
vertical-align: baseline;
/* 3 */
vertical-align: middle;
/* 3 */
}
button,
input {
line-height: normal;
/* 1 */
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
cursor: pointer;
/* 1 */
-webkit-appearance: button;
/* 2 */
overflow: visible;
/* 3 */
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}
input[type="search"] {
-webkit-appearance: textfield;
/* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
/* 2 */
box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
/* 1 */
vertical-align: top;
/* 2 */
}
/*:::: TABLES ::::*/
table {
border-collapse: collapse;
border-spacing: 0;
}
/*:::: TEXT SELECTION COLORS ::::*/
::selection,
::-moz-selection {
}
img::selection,
img::-moz-selection {
background: transparent;
}
body {
-webkit-tap-highlight-color: #ffff9e;
}
/* Grid Framework */
/****************************************\
* Fraction.less Responsive grid *
* *
* Author: Bill Patrianakos *
* Site: billpatrianakos.me *
* License: BSD *
\****************************************/
/*:::: CONTAINERS ::::*/
.container {
/*padding-left: 20px;
padding-right: 20px;*/
}
.row {
width: 100%;
/*max-width: 1140px;*/
min-width: 755px;
padding-left: 0px;
padding-right: 0px;
margin: 0 auto;
}
/*:::: COLUMNS ::::*/
.one,
.two,
.three,
.four,
.five,
.six,
.seven,
.eight,
.nine,
.ten,
.eleven {
margin-right: 3.8%;
float: left;
min-height: 1px;
}
.row .one {
width: 4.85%;
}
.row .two {
width: 13.45%;
}
.row .three {
width: 22.05%;
}
.row .four {
width: 30.75%;
}
.row .five {
width: 39.45%;
}
.row .six {
width: 48%;
}
.row .seven {
width: 56.75%;
}
.row .eight {
width: 65.4%;
}
.row .nine {
width: 74.05%;
}
.row .ten {
width: 82.7%;
}
.row .eleven {
width: 91.35%;
}
.row .twelve {
width: 100%;
float: left;
}
/*:::: FLOATS ::::*/
.left {
float: left;
}
.right {
float: right;
}
/* Last div in a row can't mess up our nice grid */
.last {
margin-right: 0px;
}
/*:::: RESPONSIVE IMAGES ::::*/
img,
object,
embed {
/*max-width: 100%;*/
}
img {
/*height: auto;*/
}
/* !! MEDIA QUERIES ARE AT THE BOTTOM OF 'style.less' - LEAVE THEM THERE FOR GOOD REASON !! *//* Typography */
a,
a:visited {
/*-o-text-shadow: 0 1px 1px #272727;
-moz-text-shadow: 0 1px 1px #272727;
-ms-text-shadow: 0 1px 1px #272727;
-khtml-text-shadow: 0 1px 1px #272727;
-webkit-text-shadow: 0 1px 1px #272727;
text-shadow: 0 1px 1px #272727;*/
}
a:focus,
a:hover {
/*-o-text-shadow: 0 1px 1px #272727;
-moz-text-shadow: 0 1px 1px #272727;
-ms-text-shadow: 0 1px 1px #272727;
-khtml-text-shadow: 0 1px 1px #272727;
-webkit-text-shadow: 0 1px 1px #272727;
text-shadow: 0 1px 1px #272727;*/
}
.secondary p {
font-size: 14px;
line-height: 20px;
}
/*:::: BUTTONS ::::*/
/* For styling links as buttons */
.link-button,
.link-button:visited {
padding: 6px 10px;
-o-box-shadow: inset 0 1px 0 #f7f7f7;
-moz-box-shadow: inset 0 1px 0 #f7f7f7;
-ms-box-shadow: inset 0 1px 0 #f7f7f7;
-khtml-box-shadow: inset 0 1px 0 #f7f7f7;
-webkit-box-shadow: inset 0 1px 0 #f7f7f7;
box-shadow: inset 0 1px 0 #f7f7f7;
/* Gives your button a "shiny"/"candy" effect */
-o-text-shadow: 0 -1px 1px #272727;
-moz-text-shadow: 0 -1px 1px #272727;
-ms-text-shadow: 0 -1px 1px #272727;
-khtml-text-shadow: 0 -1px 1px #272727;
-webkit-text-shadow: 0 -1px 1px #272727;
text-shadow: 0 -1px 1px #272727;
border: 1px solid #272727;
/* Color should be set to the darkest shade of your button gradient for best effect */
white-space: nowrap;
}
.link-button:hover {
color: #f7f7f7;
-o-box-shadow: inset 0 1px 0 #f7f7f7;
-moz-box-shadow: inset 0 1px 0 #f7f7f7;
-ms-box-shadow: inset 0 1px 0 #f7f7f7;
-khtml-box-shadow: inset 0 1px 0 #f7f7f7;
-webkit-box-shadow: inset 0 1px 0 #f7f7f7;
box-shadow: inset 0 1px 0 #f7f7f7;
/* Same rules apply as above for appearance of hovered buttons */
border: 1px solid #272727;
}
/*:::: FORMS ::::*/
/* TEXT AREAS - normal, focus, hover */
/* TEXT INPUTS - normal, focus, active, hover */
/* CHECK BOXES - normal, focus, active, hover */
/* SUBMIT & REGULAR BUTTONS - normal, focus, active, hover */
/**************************************\
|* THE REST OF YOUR STYLES BELOW HERE *|
\**************************************/
/*:::: HELPER CLASSES ::::*/
/*
* Define your styles first. Add media queries below these helpers.
*/
/* For image replacement */
.ir {
display: block;
border: 0;
text-indent: -999em;
overflow: hidden;
background-color: transparent;
background-repeat: no-repeat;
text-align: left;
direction: ltr;
}
.ir br {
display: none;
}
/* Hidden visibly but available to screenreaders. Same as .hidden but good for accessibility */
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/* Extends .visually hidden to allow element to be focusable when using the keyboard */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
/* Hide visually and from screenreaders, but maintain layout. Think of it as having an element match the background - looks hidden but affects other elements. Cannot be highlighted */
.invisible {
visibility: hidden;
}
/* Contain floats: h5bp.com/q This is a godsend in many cases */
.clearfix:before,
.clearfix:after {
content: "";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
zoom: 1;
}
/*:::: FONTS ::::*/
@font-face {
font-family: 'grotesk-bold';
src: url('../fonts/grotesk-bold.eot');
src: url('../fonts/grotesk-bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/grotesk-bold.woff2') format('woff2'),
url('../fonts/grotesk-bold.woff') format('woff'),
url('../fonts/grotesk-bold.ttf') format('truetype'),
url('../fonts/grotesk-bold.svg#akzidenzgroteskregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'grotesk-regular';
src: url('../fonts/grotesk-regular.eot');
src: url('../fonts/grotesk-regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/grotesk-regular.woff2') format('woff2'),
url('../fonts/grotesk-regular.woff') format('woff'),
url('../fonts/grotesk-regular.ttf') format('truetype'),
url('../fonts/grotesk-regular.svg#akzidenzgroteskroman') format('svg');
font-weight: normal;
font-style: normal;
}
body {
margin: 0;
font-family: 'grotesk-regular';
color: #ffffff !important;
background-color: #1A1A1A;
}
.greybackground {
}
/*:::: MATTER DESIGN STYLE CUSTOM ::::*/
/** {margin:0;padding:0;} */
h1,h2,h3,h4,h5 {
margin:0;padding:0;
font-family: 'grotesk-bold';
font-weight: normal !important;
}
html, body {height: 100%; }
#main-container { min-height: 100%; }
header { border-color: #302E2E !important; height: 125px; padding-left: 20px; background-color: #000000 !important; transition: background-color 1s; -moz-transition: background-color 1s; -webkit-transition: background-color 0.5s; -o-transition: background-color 1s; }
body.homepage header { /*position: absolute; */ position: relative; top: -1px; left: 0; width: 100%; z-index: 1000; padding-left: 0; }
.logo_matter { width: 158px; height: 82px; background: url('../images/logo.png') no-repeat; background-size: 158px; text-indent: -5000px; position: absolute; top: 25px; left: 30px; }
h1.logo { height: 82px;}
.sub_link { position: absolute; top: 18px; right: 30px; font-family: 'Arimo', sans-serif; font-size: 11px; line-height: 1; color: #ffffff; cursor: pointer;}
.bg { min-height: 100%; top: 0; left: 0; height: 100%; width: 100%; background-size: cover !important; background-position: center; position: fixed; z-index: -1; }
.background-overlay {
background-color: rgba(0,0,0,0.3);
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
min-height: 100%;
z-index: 50;
}
.slide-content{z-index: 100; position: relative;}
.state_menu { text-align: right !important; margin-right: 33px; top: -40px;}
.state_menu li {margin-right: 0px !important; margin-left: 13px; }
.state_menu li a { color: #ffffff; font-size: 14px; text-decoration: none; text-transform: uppercase; padding-bottom: 5px;}
.state_menu li a:hover { border-bottom: 2px solid #ED1849; color: #bebebe; }
.red_btn { position: relative; padding: 6px 30px 6px 40px; background-color: #ED1849; display: inline-block; color: #ffffff; text-decoration: none; font-weight: bold !important; text-transform: uppercase !important;
font-size: 14px !important; background-image: url('../images/white_arrow.png'); background-repeat: no-repeat; background-position: 25px 12px; line-height: 1.6 !important;
border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;}
.lease_article_content a { color: #ffffff; text-decoration: none;}
.lease_article_content h2 { font-weight: 400; font-size: 14px; line-height: 19px; }
.lease_article_content { font-size: 14px; line-height: 17px; }
.lease_date { position: absolute; top: 0px; right: 0px; font-weight: 700;}
.lease_statement { max-width: 400px; font-weight: 700; font-size: 16px; margin-bottom: 3px; }
.lease_action { margin: 20px 0;}
.lease_action a { color: #ED1849; }
#archived, #archived_f { position: relative; float: left; line-height: 1; padding: 10px 0; cursor: pointer;}
#archived { padding-left: 15px; }
#archived_f { /* border-right: 1px solid #4D4D4D; */ padding-right: 15px; }
.archive_btns, .recent_news_pos { position: relative; width: 100%; max-width: 950px; font-weight: 700; margin: 0 auto; line-height: 1; color: #4D4D4D; overflow: hidden; margin-bottom: 10px; font-size: 16px; }
.recent_news_pos { color: #ffffff; margin: 30px auto; max-width: 960px;}
.recent_news_pos h3 { font-size: 16px; font-weight: 700; margin-left: 0px; color: #fff; }
.archive_active { color: #ffffff !important; }
.lease_page { position: relative; width: 100%; max-width: 950px; margin: 0 auto; margin-bottom: 40px; }
.lease_page #article { background: #2D2D2D; margin: 0px !important}
.lease_inset { position: relative; padding: 20px; clear: both; overflow: auto;}
.lease_page #article:last-child .lease_inset { border-bottom: none; }
#list_projects .lease_page #article { width: 100% !important; height: 195px !important; margin-top: -1px !important; }
#list_projects .lease_page , #list_projects .lease_page #article { line-height: 1 !important;}
.lease_article_img { position: relative; width: 28%; height: auto; float: left; }
.lease_article_content { position: relative; width: 68%; float: right; }
.news_date, .recent_date { font-size: 12px; margin-bottom: 15px; }
.single_news_date { font-size: 16px; color: #ffffff; font-weight: 700; padding: 0 25px; float: right; line-height: 35px; }
.news_share { position: relative; float: right; font-size: 16px; color: #4d4d4d; margin-bottom: 30px; height: 35px; width: 65px; padding-left: 10px; border-left: 1px solid #4d4d4d; line-height: 35px;}
#blog_recent { margin-top: 25px; border-top: 1px solid #4d4d4d; padding-top: 25px; max-width: 710px;}
#blog_recent h3 { margin-bottom: 25px; font-size: 16px; font-weight: 700; }
.blog_recent_container { margin-bottom: 40px; clear: both; overflow: auto; }
.current-page-ancestor > a { /* color: #ED1849 !important; */ }
.general_content { position: relative; width: 100%; max-width: 720px; margin: 0 auto; margin-bottom: 40px; }
.general_content_section h2 { font-family: 'grotesk-bold'; font-weight: normal !important; margin-top: 10px; margin-bottom: 10px; font-size: 30px; line-height: 36px; font-weight: normal !important; text-align: left;}
.general_content_section { position: relative; border-bottom: 1px solid #4d4d4d; padding: 20px 0; font-size: 16px; line-height: 24px; /* margin: 0 20px; */ }
.general_content_section.heading { text-align: center;}
.general_content_section h3 { font-size: 16px; font-weight: 700; margin-top: 20px;}
.general_content_section h3 a { color: #fff; text-decoration: none;}
.general_content_section .red_btn { margin: 20px 0 10px; }
.general_content_section img { width: 100% !important; height: auto !important; }
.general_content_section .section_content { position: relative; float: left; width: 70%; }
.general_content_section .section_projects { position: relative; float: right; width: 28%; }
.general_content_section .section_projects h3 { margin-top: 26px; margin-bottom: 20px; text-transform: uppercase;}
.general_content_section .section_projects a { color: #ffffff; text-decoration: none; background: url('../images/red_arrow.png') no-repeat; background-size: 9px; padding-left: 17px; background-position: 0 6px; display: block; }
.mobile_menu_btn { float: right !important;}
.single_content_btn { position: relative; margin: 0 auto; width: 250px; font-weight: 700; color: #ED1849; text-align: center; cursor: pointer; }
.single_content_btn img { width: 10px; height: 10px; margin-right: 10px; }
.single_content_container { display: none; }
.content_header { position: relative; width: 100%; max-width: 720px; margin: 0 auto; padding-bottom: 40px; border-bottom: 1px solid #4d4d4d; text-align: center; margin-bottom: 40px; }
.lease_single_col_container { position: relative; width: 100%; max-width: 720px; margin: 0 auto; overflow: hidden; border-bottom: 1px solid #4d4d4d; padding-bottom: 40px; margin-bottom: 20px;}
.single_lease_left { position: relative; width: 90%; float: left; font-size: 16px; line-height: 24px; }
.single_lease_left p { margin: 0px; margin-bottom: 20px;}
.single_lease_right { position: relative; width: 35%; float: right; }
.lease_features h2, .lease_downloads h2 { font-weight: bold; font-size: 14px; margin-bottom: 20px; text-transform: uppercase; }
.lease_features { padding: 3px 0 30px; border-bottom: 1px solid #4d4d4d; }
.lease_features p, .lease_downloads p { margin: 0px; font-size: 16px; line-height: 24px;}
.lease_downloads { padding: 20px 0 30px; }
.lease_downloads br { margin: 0; padding: 0; display: none;}
.lease_downloads a { color: #ffffff; text-decoration: none; background: url('../images/red_arrow.png') no-repeat; background-size: 9px; padding-left: 17px; background-position: 0 6px; display: block;}
.contactusdetails h3 { font-weight: bold; font-size: 14px; margin-bottom: 20px; text-transform: uppercase; }
.enquiry_form br { display: none; }
span.wpcf7-not-valid-tip { border: none !important; top: 18px !important; }
.wpcf7-not-valid-tip { color: #ED1849 !important; }
span.wpcf7-form-control-wrap { display: block; width: 352px; float: left; margin-right: 7px;}
.mCSB_horizontal .mCSB_container { margin-bottom: 0px !important;}
div.wpcf7 img.ajax-loader { display: none; }
.contact_container { width: 720px; position: relative; margin: 0 auto; overflow: auto; margin-bottom: 60px; }
.contact_left { position: relative; float: left; width: 435px; margin-right: 40px; }
.contact_right { position: relative; float: left; width: 245px; }
.contact_form span.wpcf7-form-control-wrap { width: 100% !important; }
.half_form > span.wpcf7-form-control-wrap { margin-right: 0px; }
.half_form { margin-right: 0px !important;}
.full_form .half_form:first-child { margin-right: 18px !important;}
.contact_container .general_content_section.heading { margin-bottom: 15px; }
.contact_left p:first-child { margin-bottom: 30px;}
.contact_right h3 { font-size: 16px; font-weight: 700; margin-top: 17px; text-transform: uppercase; margin-bottom: 20px;}
.contact_right p { margin: 0px; font-size: 16px; line-height: 24px; }
.general_content_section.about { margin-top: 5px; }
.general_content.service { margin-bottom: 0px;}
.li_subscribe { position: relative; }
.subscribe_container { position: absolute; top: 0px; right: 0px; width: 190px; height: 300px; z-index: 2000; top: 35px; right: 20px; }
.subscribe_top { position: relative; width: 132px; height: 41px; background-color: #f1f1f1; float: right; cursor: pointer; }
.subscribe_top h2 { color: #ED1849; text-transform: uppercase; font-size: 16px; line-height: 33px; margin-left: 10px; margin-top: 7px; }
.subscribe_main { background-color: #f1f1f1; width: 100%; height: auto; padding-bottom: 10px; }
.subscribe_main p { margin: 0px; margin-left: 10px; padding-top: 10px; font-weight: bold; font-size: 14px; color: #2D2D2D; margin-bottom: 4px; }
.subscribe_main input { width: 165px; outline: none; margin-left: 10px; margin-top: 8px; border: 1px solid #4D4D4D; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;}
.subscribe_main input[type='submit'] { width: 170px; position: relative; border: none; text-align: center; background-color: #ED1849; display: inline-block; color: #ffffff; text-decoration: none; font-weight: bold; text-transform: uppercase;
font-size: 14px; line-height: 1.1; padding: 8px 0;}
.subscribe_main input[type="text"] { padding: 6px 10px; font-size: 12px; width: 148px; background-color: #f1f1f1 }
.subscribe_main input[type="text"]:focus { border: 1px solid #ED1849; }
.subsc_notice { width: auto; padding: 10px; padding-bottom: 0px; color: #ED1849; font-size: 14px; display: none;}
.directors { overflow: auto; }
.directors div { width: 100%; float: left; display: block; }
.directors .h3 { margin-top: 0px; }
.directors div:nth-child(even){ margin-right: 6%; }
div.selector span { color: #888888 !important; font-family: 'Arimo', sans-serif; font-weight: bold; }
#ajax-loader-page { position: absolute; }
.contact_form input[type="text"], .contact_form textarea { font-size: 14px !important; }
.contact_form span.wpcf7-not-valid-tip { top: 10px !important; color: #ED1849 !important; height: 25px; width: 195px !important;}
.news_form_container { position: absolute; display: none; }
.contact_form .wpcf7-response-output { display: block; width: 250px; font-size: 14px; top: 20px; color: #ED1849; }
.current_cat a { color: #ED1849 !important; }
ul#ulnews {margin-top: 25px;}
.blog_page .blog_page_right #ulnews a,.blog_page .blog_page_right h2{color: #ffffff !important;}
.homepage > #main-container { min-height: 700px; height: 100%; z-index: 1; }
.homepage header{
background-color: transparent !important;
}
.content_header h2 {font-weight: bold;}
.general_content.service h2{
font-size: 22px !important;
line-height: 30px !important;
}
.wp-pagenavi { display: inline-block;}
.wp-pagenavi a, .wp-pagenavi { font-size: 12px !important; }
.wp-pagenavi a, .wp-pagenavi .current { position: relative; display: block; float: left; padding: 6px 0px; width: 25px; text-align: center; background: #2d2d2d; border-radius: 2px; margin-right: 5px;}
.wp-pagenavi .current { background-color: #ED1849; }
.wp-pagenavi a:last-child { float: left !important;}
.nextpostslink, .previouspostslink { color: transparent !important; }
.nextpostslink { background-image: url('../images/next_post.png') !important; background-repeat: no-repeat !important; background-position: 6px !important; }
.previouspostslink { background-image: url('../images/prev_post.png') !important; background-repeat: no-repeat !important; background-position: 6px !important; }
.single_news_date { margin-bottom: 30px; }
.share_btn { background-image: url('../images/share_arrow.png'); background-repeat: no-repeat; background-position: right center; cursor: pointer;}
.share_fb { position: absolute; top: 5px; left: 20px; width: 60px; height: 60px; display: none; overflow: hidden; }
.directors div p {
text-align: justify;
}
.general_content_section.directors img { width: 47% !important;
float: left;
margin-right: 20px;
margin-bottom: 12px; }
.section_content ul { margin-left: 20px; margin-top: 20px; }
.section_content li { padding-left: 10px; }
.blog_page_left .article_blog:last-child { border: none; }
.blog_page.single { margin-top: 80px;}
.blog_page{
margin-top: 30px;
}
.front_row { z-index: 1; }
#post_map iframe { padding: 0px; margin: 0; border: 0; width: 100%; height: 650px;}
.view_controls { position: absolute; right: 30px; top: 10px; z-index: 1000; cursor: pointer; }
#view_map, #view_list { position: relative; width: 24px; height: 23px; float: left; cursor: pointer; overflow: hidden; }
#view_list.active { background-position: -29px 0px; }
#view_map.active { background-position: 0px -24px; }
#view_list { margin-left: 15px; background: url('../images/map_view_tp.png') no-repeat; background-position: -29px -24px; }
#view_map { background: url('../images/map_view_tp.png') no-repeat; background-position: 0px 0px; }
.view_type { position: relative; }
.view_type.hide { position: absolute; right: -3000px; }
.spacer { position: relative; border-bottom: 1px solid #302E2E; height: 42px; margin-bottom: 27px; }
.cpm-infowindow .cpm-content .title { font-size: 15px !important; line-height: 19px !important; color: #333333; text-decoration: none;}
.cpm-infowindow .cpm-content .more { text-decoration: none; color: #ED1849; font-size: 12px !important; line-height: 16px !important; }
.cpm-infowindow .cpm-content .address { font-weight: normal !important; font-size: 14px !important; line-height: 18px !important; color: #333333; margin: 6px 0;}
.cpm-infowindow .cpm-content .description { color: #333333; font-size: 12px !important; line-height: 16px !important; }
#list_projects #article .hoverprojectsmall, .content7 article .hoverprojectsmall, .content8 article .hoverprojectsmall {
/* -webkit-transition: opacity 0.5s linear;
-moz-transition: opacity 0.5s linear;
-ms-transition: opacity 0.5s linear;
-o-transition: opacity 0.5s linear;
transition: opacity 0.5s linear; */
}
#list_projects #article:hover .hoverprojectsmall, .content7 article:hover .hoverprojectsmall, .content8 article:hover .hoverprojectsmall {
/* opacity: 0.5;
filter: alpha(opacity = 50); */
}
/* http://www.karlhorky.com/2012/06/cross-browser-image-grayscale-with-css.html */
.fp_article:hover img { filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);}
.fp_article img { filter: url("data:image/svg+xml;utf8,#grayscale");
filter: gray;
-webkit-filter: grayscale(100%);
}
/*.col_fp {display: none;}*/
.mCSB_horizontal.mCustomScrollBox .mCSB_scrollTools { overflow: visible !important; height: 1px !important;}
.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonRight { margin-top: -20px !important; }
.lease_page #article { display: none !important; }
.lease_page #article.a_active { display: inline-block !important; }
/* Hidden from browsers and screen readers */
.lease_page #article.hidden, .hidden {
display: none !important;
visibility: hidden;
}
.hps_bg { position: absolute; width: 100%; height: 100%; background-color: #000000;
/*-moz-opacity:.50;
filter:alpha(opacity=50);
opacity:.50;*/
/* Fallback for web browsers that doesn't support RGBa */
background: rgb(0, 0, 0);
/* RGBa with 0.6 opacity */
background: rgba(0, 0, 0, 0.8);
/* For IE 5.5 - 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; }
.fp_article:hover .hps_bg, #article:hover .hps_bg { background-color: #ED1849;
/*-moz-opacity:.50;
filter:alpha(opacity=50);
opacity:.50;*/
/* Fallback for web browsers that doesn't support RGBa */
background: rgb(237, 24, 73);
/* RGBa with 0.6 opacity */
background: rgba(237, 24, 73, 0.8);
/* For IE 5.5 - 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ED1849, endColorstr=#99ED1849);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ED1849, endColorstr=#99ED1849)";}
.hps_text { position: absolute; width: 95%; height: 100%; }
.fp_article:hover h2 > a, #article:hover .hoverprojectsmall h2 > a { color: #000000; }
.fp_article:hover p > a, #article:hover .hoverprojectsmall p > a { color: #ffffff;}
.logo_matter a:hover {
}
@media screen and (-webkit-min-device-pixel-ratio: 2),
screen and (min--moz-device-pixel-ratio: 2) {
.logo_matter { background: url('../images/bf-logo@2x.png') no-repeat; background-size: 158px; top: 15px; }
}
ul.menu-list-footer {
}
ul.menu-list-footer li {
}
#sub_category {
list-style: none;
padding-left: 0px;
text-align: right;
margin-right: 25px;
padding-bottom: 10px;
}
#subcategory li, #subsubnav li{
list-style: none;
display: inline-block;
zoom: 1;
*display: inline;
text-align: center;
}
#subcategory li a, #subsubnav li a {
display:block;
background-color: #2d2d2d;
padding: 4px 8px;
color:#FFFFFF;
font-size: 12px;
text-decoration: none;
margin-right: 10px;
margin-top: 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#subcategory li a.current {
background-color: #ED1849 !important;
}
#subcategory li a:hover, #subsubnav li a:hover {
background-color: #ED1849 !important;
}
ul.menu-list-footer > li:first-child, ul.menu-list-footer > li:last-child {
width: 130px;
}
.menu-list-footer li ul li{
width: 140px;
float:left;
display: block;
}
ul.menu-list-footer li a{
text-transform: uppercase;
font-size: 12px;
margin-left:-10px;
}
.menu-list-footer li ul li a{
font-size: 12px;
font-weight: normal;
text-transform: capitalize;
}
ul.menu-list-footer a:hover{
color: #bebebe;
}
.menu-list-footer li ul{
display: block;
}
.menu-list-footer li li li{
margin-left: 10px;
width: 140px;
}
ul.menu-list {
float:right;
margin-top: 25px;
margin-right: 30px;
height:60px;
z-index: 2;
}
.menu-list li {
float:left;
list-style: none;
display:block;
padding: 0 12px 0 12px;
/*border-bottom: 1px solid #4d4d4d; */
height: 51px;
}
.menu-list li a {
font-weight: normal;
color: #ffffff;
display:block;
float:left;
text-decoration: none;
font-size: 16px;
margin-top: 17px;
line-height: 33px;
}
/*
.menu-list li:first-child { padding-left: 0px; }
.menu-list li:first-child a { padding-left: 12px;}
*/
.menu-list li:last-child { padding-right: 0px; padding-left: 0px; margin-left: 20px;}
.menu-list li:last-child a { background: url('../images/red_arrow.png') no-repeat; display: block; background-size: 10px; padding-right: 15px; background-position: right 11px; }
.menu-list li:first-child { padding-left: 0px; }
.menu-list li:first-child a { /* padding-left: 12px; */}
#menu-item-1422 { padding-right: 0px; }
.menu-list li a:hover {
color: #bebebe !important;
border-bottom: 2px solid #ED1849;
}
.menu-list li span.caption {
font-weight: normal;
padding-left: 5px;
display:block;
float:left;
font-size: 12px;
margin-top: 20px;
}
.menu-list li.current-menu-item a,.menu-list li.current_page_parent a {
color: #ED1849;
}
ul.menu-front {
margin-top: 0px;
}
.menu-front li {
list-style: none;
display:block;
}
.menu-front li a {
font-weight: normal;
display:block;
text-decoration: none;
font-size: 14px;
margin-top: 10px;
}
.menu-front li a:hover {
color: #FFF;
}
.fp_slide_container { position: relative; max-width: 760px; margin: 0 auto; height: 100%; }
.fp_slide { width: auto !important; position: relative; text-align: center; max-width: 720px; width: 100% !important; display: none; top: 50%; margin-top: -25%; z-index: auto !important; }
.fp_slide hr { width: 100px; border: 0px solid transparent; border-bottom: 3px solid #ffffff; margin-bottom: 38px; }
.fp_slide h2 { text-transform: uppercase; text-align: center; font-weight: normal; font-size: 46px; line-height: 65px; color: #ffffff;}
.fp_slide p { margin-top: 0px !important; font-weight: normal; line-height: 1; text-align: center; /* opacity: 0; */ }
.fp_active_slide { opacity: 1 !important; transition: opacity 2s; -webkit-transition: opacity 2s; -o-transition: opacity 2s; -mozilla-transition: opacity 2s }
.fp_slide a { color: #ffffff; font-size: 24px; line-height: 36px; text-decoration: none; text-transform: uppercase; background: url('../images/red_arrow.png') no-repeat; padding-left: 25px; background-size: 15px; background-position: 0px 7px;}
.homepage .bx-viewport { height: 400px !important; height: 100% !important; overflow: visible !important; position: absolute !important; top: 0; left: 0; }
/*.bx-pager-item { position: relative; width: 9px; height: 9px; border: 1px solid white; float: left; margin: 2px; } */
.homepage .bx-pager-item a { color: transparent; display: inline-block; position: relative; width: 9px; height: 9px; border: 1px solid #ffffff; margin: 2px; }
.homepage .bx-pager-item a.active { background-color: #ffffff; }
.homepage .bx-pager { text-align: center; width: 100%; position: absolute; bottom: 220px; left: 0%; z-index: 100; }
.homepage .bx-pager-item { display: inline; }
.homepage .bx_controls { position: absolute; }
.front_menu {
padding-top: 20px;
padding-left: 0px;
width: 535px;
margin: 0px auto;
text-align: center;
}
.front_content {
padding-top: 120px;
padding-left: 0px;
line-height: 63px;
/* width: 535px;*/
margin: 0px auto;
padding-bottom: 20px;
}
footer {
font-size: 14px;
display: none !important;
}
#site-footer {
position: relative;
z-index: 5;
height: 60px;
margin-top: -60px; /* negative value of footer height */
clear:both;
}
#site-footer-front {
position: relative;
z-index: 5;
height: 195px;
margin-top: -195px; /* negative value of footer height */
clear:both;
}
#site-footer-single {
position: relative;
z-index: 5;
height: 242px;
margin-top: -242px; /* negative value of footer height */
clear:both;
}
.closefooter a {
color: #FFF !important;
}
.main_content_footer_top {
display: block;
height: 50px;
width: 100%;
}
.main_content_footer_subscr {
margin: 0px auto;
}
.formfootercenter {
text-align: center;
}
footer a{
font-weight: normal;
font-size: 14px;
text-decoration: none;
}
footer a:hover{
}
.footer_contact {
float:right;
margin-top: 20px;
padding-right: 20px;
}
#footer_content {
width: 100%;
position:absolute;
bottom:0px;
z-index: 2;
display: none;
}
.realfooter {
position:relative;
z-index: 4;
}
#footer_content .footbox {
width: 25%;
margin: 0px 10px 20px 10px;
float: left;
}
.closefooter {
float: right;
font-size: 12px;
padding: 20px 20px 0 0;
}
.sitemap {
float:left;
margin-top: 20px;
padding-left: 20px;
}
.sitemap:hover, #subscribe:hover, .footer_close:hover {
color:#FFF;
}
.phone {
/* margin-right: 30px; */
/* float:left;*/
}
.emailfooter{
margin-right: 27px;
float:left;
}
.facebookicon {
margin-right: 15px;
margin-top: -3px;
float:left;
}
.tweeticon {
margin-right: 30px;
margin-top: -3px;
float:left;
}
article {
position: relative;
}
.hoverproject {
position:absolute;
bottom: 0px;
left:0px;
width: 100%;
height: 82px;
background-color: #000000;
/*-moz-opacity:.50;
filter:alpha(opacity=50);
opacity:.50;*/
/* Fallback for web browsers that doesn't support RGBa */
background: rgb(0, 0, 0);
/* RGBa with 0.6 opacity */
background: rgba(0, 0, 0, 0.6);
/* For IE 5.5 - 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
.hoverproject h2 {
font-weight: normal;
font-size: 30px;
padding-left: 20px;
padding-top: 0px;
margin-top:15px;
padding-bottom: 0px;
margin-bottom: 0px;
float:left;
width: 100%;
}
.hoverproject h2 > a {
font-weight: normal;
font-size: 30px;
text-decoration: none;
}
.hoverprojectsmall {
position:absolute;
bottom: 0px;
left:0px;
width: 100%;
height: 65px;
/* background-color: #000000; */
/*-moz-opacity:.50;
filter:alpha(opacity=50);
opacity:.50;*/
/* Fallback for web browsers that doesn't support RGBa */
/* background: rgb(0, 0, 0); */
/* RGBa with 0.6 opacity */
/* background: rgba(0, 0, 0, 0.6); */
/* For IE 5.5 - 7*/
/* filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); */
/* For IE 8*/
/* -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; */
}
.hoverprojectsmall a {
text-decoration: none !important;
font-weight: normal;
}
.hoverprojectsmall h2 {
color: #FFF;
font-weight: normal;
font-size: 14px !important;
font-weight: normal!important;
padding-left: 10px!important;
padding-top: 0px!important;
float:left;
width: 100%;
}
.hoverprojectsmall p a, .hoverprojectsmall p.relatedclient {
color: #FFF;
font-weight: normal;
font-size: 20px!important;
font-style: normal;
font-weight: 400;
padding-left: 10px!important;
padding-top: 0px!important;
margin-top:10px!important;
padding-bottom: 0px!important;
margin-bottom: 0px!important;
float:left;
width: 100%;
}
.hoverprojectsmall p a{
color: #ed1849;
font-weight: 700;
line-height: 20px;
font-size: 14px!important;
font-style: normal;
padding-left: 10px!important;
padding-top: 5px!important;
margin-top:10px!important;
padding-bottom: 0px!important;
margin-bottom: 0px!important;
float:left;
width: 100%;
}
.hoverprojectsmall p {
margin-top: -5px !important;
padding: 0;
margin: 0;
}
#article .hoverprojectsmall h2 {
color: #FFF;
font-weight: normal !important;
font-size: 12px !important;
font-weight: normal!important;
padding-left: 10px!important;
padding-top: 0px!important;
margin-top:15px!important;
float:left;
width: 100%;
}
#article .hoverprojectsmall p, .hoverprojectsmall p.relatedclient {
color: #ED1849;
font-weight: normal;
font-size: 20px!important;
font-weight:normal!important;
padding-left: 0px!important;
padding-top: 0px!important;
margin-top:10px!important;
padding-bottom: 0px!important;
margin-bottom: 0px!important;
float:left;
width: 100%;
}
#article .hoverprojectsmall.projects p, #article .hoverprojectsmall.projects h2 {margin: 0px !important; padding: 0px !important; }
#article .hoverprojectsmall.projects { height: 50px; }
#article .hoverprojectsmall.projects p { margin-top: 10px !important; margin-left: 15px !important; }
#article .hoverprojectsmall.projects h2 { margin-top: 5px !important; margin-left: 15px !important; }
#article .hoverprojectsmall.projects p a{ color: #ffffff; font-size: 14px !important; font-weight: normal; line-height: 1; margin: 0 !important; padding: 0 !important; }
#article .hoverprojectsmall.projects h2 a { color: #ffffff; font-size: 12px !important; font-weight: 400; line-height: 1; margin: 0px !important; padding: 0px !important;}
.prjdet {
font-weight: normal;
font-weight: 400;
font-size: 22px;
font-style: normal;
}
.hoverprojectsmall h2 > a {
color: #FFF;
font-weight: normal;
font-size: 12px;
text-decoration: none;
}
.hoverprojectsmall h2 > a:hover, .hoverprojectsmall p > a:hover {
/* color: #11e0ca; */
}
.tags {
float:left;
padding-top: 0px;
margin-top: 0px;
padding-left: 20px;
color: #FFF;
font-size: 16px;
}
.tags a{
color: #FFF;
font-size: 16px;
text-decoration: none;
}
.makeMeScrollable
{
width:100%;
height: 194px;
}
.makeMeScrollable article
{
float:left;
/* margin-right: 2px; */
}
.makeMeScrollablesingle
{
width:100%;
height: 182px;
}
.makeMeScrollablesingle article
{
float:left;
margin-right: 2px;
}
.makeMeScrollablebigger
{
width:100%;
height: 438px;
}
.makeMeScrollablebigger span
{
float:left;
margin-right: 2px;
}
#site-footer-home {
width:100%;
position: relative;
z-index: 5;
height: 60px;
margin-top: -60px; /* negative value of footer height */
clear:both;
/* position:absolute;
bottom:0px*/
}
.mapcontainer {
position:relative;
height: 380px;
}
#map_canvas {
height: 100% !important;
/*-moz-opacity:.50;
filter:alpha(opacity=50);
opacity:.50;*/
}
#contentbuble {
color:#00e3d3;
}
h2.bubletitle {
font-size: 16px;
font-weight: normal;
}
#bubleaddress {
font-weight: normal;
font-size: 14px;
}
#bubleaddress a{
font-weight: normal;
font-size: 14px;
color:#00e3d3;
text-decoration: underline;
}
#content_contact {
position: relative;
z-index: 3;
padding-top: 50px;
margin-left: 0px;
color: #FFFFFF;
margin-bottom: 0;
min-height: 500px;
padding-left: 0;
width: 100%;
}
.main_contact {
width: 960px;
margin: 0px auto;
}
.top_contact p {
padding: 0;
margin: 0;
}
.top_contact {
border-bottom:1px solid #3f3c3c;
margin-top: 0px;
padding-bottom: 50px;
text-align: center;
font-weight: normal;
font-size: 24px;
}
.top_contact a{
text-decoration: none;
color: #11e0ca;
}
.top_contact a:hover{
color: #FFF;
}
.bottom_contact {
margin-top: 50px;
font-weight: normal;
font-size: 14px;
}
.contact_col {
width: 42%;
margin-right: 70px;
float:left;
line-height: 18px;
}
.contact_col_r {
width: 50%;
float:left;
line-height: 18px;
}
.icon_contact {
list-style: none;
margin-top: 30px;
}
.icon_contact li {
list-style: none;
float:left;
}
.icon_contact li a{
list-style: none;
float:left;
margin-right: 5px;
display:block;
width: 42px;
height: 42px;
}
/* Twitter icon */
.icon_contact li.twitt a{
background-image: url(../images/media_icon.png);
background-position: -3px 2px;
background-repeat: no-repeat;
}
.icon_contact li.twitt a:hover{
background-position: -3px -41px;
}
.icon_contact li.twitt a:active{
background-position: -3px -84px;
}
/* Facebook icon */
.icon_contact li.facebook a{
background-image: url(../images/media_icon.png);
background-position: -47px 2px;
background-repeat: no-repeat;
}
.icon_contact li.facebook a:hover{
background-position: -47px -41px;
}
.icon_contact li.facebook a:active{
background-position: -47px -84px;
}
/* Linkin icon */
.icon_contact li.linkin a{
background-image: url(../images/media_icon.png);
background-position: -91px 2px;
background-repeat: no-repeat;
}
.icon_contact li.linkin a:hover{
background-position: -91px -41px;
}
.icon_contact li.linkin a:active{
background-position: -91px -84px;
}
/* Picto icon */
.icon_contact li.picto a{
background-image: url(../images/media_icon.png);
background-position: -135px 2px;
background-repeat: no-repeat;
}
.icon_contact li.picto a:hover{
background-position: -135px -41px;
}
.icon_contact li.picto a:active{
background-position: -135px -84px;
}
/* Google icon */
.icon_contact li:nth-child(5) a{
background-image: url(../images/media_icon.png);
background-position: -180px 2px;
background-repeat: no-repeat;
}
.icon_contact li:nth-child(5) a:hover{
background-position: -180px -41px;
}
.icon_contact li:nth-child(5) a:active{
background-position: -180px -84px;
}
/* Skype icon */
.icon_contact li.skype a{
background-image: url(../images/media_icon.png);
background-position: -225px 2px;
background-repeat: no-repeat;
}
.icon_contact li.skype a:hover{
background-position: -225px -41px;
}
.icon_contact li.skype a:active{
background-position: -225px -84px;
}
.radioquote {
display: inline;
}
.full_form {
width: 100%;
margin-bottom: 15px;
float:left;
}
.half_form {
width:47%;
float:left;
}
.last_form{
width:46.3%;
float:left;
}
.full_form input[type=text], .half_form input[type=text], .last_form input[type=text], .full_form select,.full_form input[type=email] {
width: 100%;
-moz-border-radius: 5px;
border-radius: 5px;
height: 35px;
color: #666666;
}
.full_form input[type=text], .half_form input[type=text], .last_form input[type=text],.full_form input[type=email] {
width: 97%;
padding-left: 10px;
}
div.checker span {
background-position: 5px -255px !important;
}
div.checker span.checked{
background-position: -131px -255px !important;
}
.full_form input:focus, .half_form input:focus, .full_form textarea:focus {
/* box-shadow: 0px 0px 5px rgba(17,224,202,1), inset 0px 0px 5px rgba(17,224,202,1); */
}
.formfootercenter .theloader {
width:25%;
position: relative;
/*padding-top: 2px;*/
}
.formfootercenter input[type=submit] {
margin-right: 0px;
}
.formfootercenter .wpcf7 img.ajax-loader {
margin-left: -22px !important;
margin-top: -5px !important;
position:absolute;
top:50%;
left:50%;
}
.formfootercenter .wpcf7-response-output {
float:none !important;
margin:0 !important;
}
.contact_col_r .wpcf7-response-output {
float:none !important;
margin-top:20px !important;
clear:both;
}
.titlesubscr {
font-size: 22px;
font-weight: normal;
color: #FFF;
margin-bottom: 35px;
}
.theloader {
width:25%;
display: inline;
padding-top: 2px;
}
/*.contactusdetailsabout .wpcf7 img.ajax-loader {
border: medium none;
float: right;
margin-right: 115px !important;
margin-top: -25px !important;
vertical-align: middle;
}*/
.wpcf7-list-item-label {
padding-top:2px;
float:left;
font-size: 14px;
}
.checker {
float:left;
margin-right: 10px !important;
margin-top: -4px !important;
}
.wpcf7 img.ajax-loader {
margin-left: 347px !important;
margin-top: -58px !important;
}
.wpcf7-not-valid {
/*box-shadow: 0px 0px 5px rgba(245,12,12,1), inset 0px 0px 5px rgba(245,12,12,1) !important;*/
}
.wpcf7-not-valid-tip {
background: none repeat scroll 0 0 #FFFFFF !important;
border: 0px solid #FF0000 !important;
left: 10px !important;;
padding: 2px !important;;
position: absolute;
font-weight: normal!important;
color:#ED1849 !important;
top: -2px !important;;
width: 180px !important;
z-index: 100;
}
.wpcf7-validation-errors {
border: 0px solid #F7E700 !important;
position: relative;
}
.wpcf7-response-output {
float: left !important;
margin: -1em 0.5em 1em !important;
padding: 0 !important;
}
.contactusdetails .wpcf7-response-output {
top: 17px;
color: #ED1849;
float: left !important;
margin: 0em 0.5em 1em !important;
padding: 0 !important;
}
.wpcf7-mail-sent-ok {
border: 0px solid #398F14 !important;
font-size: 22px !important;
font-weight: normal !important;
color:#ED1849 !important;
}
.contactusdetailsabout .wpcf7-response-output {
float: left !important;
margin: 1em 0.5em 1em !important;
padding: 0 !important;
}
.full_form p {
/*display:none;*/
}
.full_form input[type="submit"] {
-moz-border-radius: 5px;
border-radius: 5px;
width: 220px;
height: 35px;
border:1px solid #000;
color: #000;
padding-left: 0px;
font-weight: normal;
font-size: 22px;
float:right;
}
.full_form input[type="submit"]:hover {
background-color: #11e0ca;
color: #000;
box-shadow: 0px 0px 5px rgba(17,224,202,1), inset 0px 0px 5px rgba(17,224,202,1);
}
.full_form textarea{
width: 97%;
-moz-border-radius: 5px;
border-radius: 5px;
border:1px solid #000;
color: #666666;
padding-top: 10px;
padding-left: 10px;
}
#uniform-budget span, div.selector {
width: 96% !important;
overflow: visible !important;
height: 32px;
}
div.selector span{
/*padding: 0 !important;*/
font-size: 14px !important;
text-shadow: none !important;
}
/* MENU WHAT */
#what_menu {
width:100%;
position:relative;
z-index: 2;
/* height: 40px; */
/* border-bottom:1px solid #302e2e; */
height: 0px;
}
.what_menu_center {
width:960px;
margin: 0px auto;
}
#ulwhat {
margin: 0 auto;
position: relative;
text-align: center;
z-index: 2;
}
#ulwhat li {
list-style: none;
display:inline-block;
zoom: 1;
*display: inline;
margin-right: 32px;
cursor: pointer;
margin-bottom: 0px;
position:relative;
}
#ulwhat li.current_page_item a .menu_title {
color: #11e0ca !important;
}
#ulwhat li.current_page_item a:after{
content: ' ';
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid black;
position:absolute;
left: 50%;
margin-left: -10px;
top: 31px;
}
#ulwhat li a .menu_title:hover{
color: #FFF;
}
#ulwork {
display: none;
position:relative;
z-index: 2;
text-align: center;
}
#ulwork li {
list-style: none;
display:inline-block;
zoom: 1;
*display: inline;
margin-right: 32px;
cursor: pointer;
margin-bottom: 10px;
position:relative;
}
#ulwork li.current-cat a {
color: #ED1849 !important;
}
#ulwork li.current-cat a:before {
color: #ED1849 !important;
}
/*
#ulwork li.current-cat a:after{
content: ' ';
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid black;
position:absolute;
left: 50%;
margin-left: -10px;
top: 31px;
}
*/
#ulwork li a:hover, #ulwork li a:hover:before{
color: #FFF;
}
.whocontent {
text-align: center;
font-size: 24px;
font-weight: normal;
margin-top: 0px;
margin-bottom: 50px;
}
.whogallerycontent {
float:left;
}
#acc2who {
float:left;
margin-top: 40px;
width: 960px;
}
#whogallery {
float:left;
list-style: none;
}
#whogallery li{
float:left;
list-style: none;
display:block;
margin-right: 60px;
margin-bottom: 20px;
}
.logo_aboutus {
float:left;
margin-top: 50px;
border-bottom: 1px solid #2f2d2d;
width: 960px;
margin-bottom: 40px;
}
.logo_aboutuswhat {
margin-top: 30px;
width: 960px;
}
#aboutusgallery {
float:left;
list-style: none;
}
#aboutusgallery li{
float:left;
list-style: none;
display:block;
margin-right: 18px;
margin-bottom: 30px;
}
#ulwho {
margin: 0 auto;
position: relative;
text-align: center;
z-index: 2;
}
#ulwho li {
list-style: none;
display:inline-block;
zoom: 1;
*display: inline;
margin-right: 32px;
cursor: pointer;
margin-bottom: 0px;
position:relative;
}
#ulwho li.current_page_item a .menu_title {
color: #11e0ca !important;
}
#ulwho li.current_page_item a:after{
content: ' ';
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid black;
position:absolute;
left: 50%;
margin-left: -10px;
top: 31px;
}
#ulwho li a .menu_title:hover{
color: #FFF;
}
/*
.cat-item-5 a, .cat-item-6 a, .cat-item-7 a, .cat-item-8 a, .cat-item-23 a {
padding-left: 43px;
position:relative;
font-size: 24px;
font-weight: normal;
font-style: normal;
font-weight: 400;
text-decoration: none;
}
.cat-item-5 a:before {
content:'\2605';
font-size:38px !important;
font-family: 'IconicFill';
margin-right: 10px;
margin-top: -18px;
font-weight: lighter;
position: absolute;
top:50%;
left:0;
line-height: 30px;
height: 30px;
color:#b3b3b3;
display:inline-block;
zoom: 1;
*display: inline;
}
.cat-item-6 a:before {
content:'\e06e';
font-size:38px !important;
font-family: 'IconicFill';
margin-right: 10px;
margin-top: -18px;
font-weight: lighter;
position: absolute;
top:50%;
left:0;
line-height: 30px;
height: 30px;
color:#b3b3b3;
display:inline-block;
zoom: 1;
*display: inline;
}
.cat-item-7 a:before {
content:'\2764';
font-size:38px !important;
font-family: 'IconicFill';
margin-right: 10px;
margin-top: -18px;
font-weight: lighter;
position: absolute;
top:50%;
left:0;
line-height: 30px;
height: 30px;
color:#b3b3b3;
display:inline-block;
zoom: 1;
*display: inline;
}
.cat-item-8 a:before {
content:'\e025';
font-size:38px !important;
font-family: 'IconicFill';
margin-right: 10px;
margin-top: -18px;
font-weight: lighter;
position: absolute;
top:50%;
left:0;
line-height: 30px;
height: 30px;
color:#b3b3b3;
display:inline-block;
zoom: 1;
*display: inline;
}
.cat-item-23 a:before {
content:'\e06a';
font-size:38px !important;
font-family: 'IconicFill';
margin-right: 10px;
margin-top: -18px;
font-weight: lighter;
position: absolute;
top:50%;
left:0;
line-height: 30px;
height: 30px;
display:inline-block;
zoom: 1;
*display: inline;
}
.iconic {
font-size:38px !important;
float:left;
margin-top: -16px;
position: absolute;
left: -10px;
top:50%;
line-height: 30px;
font-weight: lighter;
}
#ulwhat li .menu_title, #ulwho li .menu_title {
float:left;
color:#b3b3b3;
padding-left: 30px;
font-size: 24px;
font-weight: normal;
font-weight: 400;
}
*/
/* PAGE CONTENT */
.content_page {
padding-left: 0px;
color: #FFF;
width: 605px;
margin: 0px auto;
text-align: center;
padding-bottom: 30px;
padding-top: 20px;
}
.content_page h2{
font-size: 50px;
width: 605px;
font-weight: normal;
font-weight: 400;
margin-bottom: 25px;
border-bottom: 1px solid #3f3c3c;
display:inline-block;
zoom: 1;
text-shadow: 1px 1px #000;
*display: inline;
}
.content_page p{
font-weight: normal;
font-size: 14px;
text-shadow: 1px 1px #000;
line-height: 20px;
}
.content_what {
padding-left: 0px;
position:relative;
z-index:0;
float:left;
width: 100%;
height: auto;
margin-bottom: 0px;
background: #1A1A1A;
}
.content_work_center {
}
#digital {
width: 960px;
margin:0px auto;
/* padding-top: 50px; */
}
#testimonials {
width: 960px;
margin:0px auto;
padding-top: 50px;
-moz-column-count:3; /* Firefox */
-webkit-column-count:3; /* Safari and Chrome */
column-count:3;
}
#aboutus {
width: 960px;
margin:0px auto;
padding-top: 50px;
}
.aboutus_text {
-webkit-column-count:2; /* Safari and Chrome */
-webkit-column-gap: 70px;
-moz-column-count: 2;
-moz-column-gap: 70px;
column-count: 2;
column-gap: 70px;
font-weight: normal;
font-size: 14px;
line-height: 20px;
}
/*NEWS*/
.intro_blog h2{
color: #ffffff;
font-weight: normal;
}
.blog_page .blog_page_left .top_blog h2{
color: #ffffff !important;
}
.article_blog {
width: 100%;
max-width: 710px;
border-bottom: 1px solid #3F3C3C;
padding-bottom: 20px;
margin-bottom: 20px;
}
.articlelink{
border-bottom: none !important;
}
#blog_recent{
border: none;
}
.img_blog img {
width: 100%;
height: auto;
}
.img_blog {
float:left;
/* width: 350px; */
width: 35%;
}
.intro_blog {
/* float:left;
padding-left: 20px; */
float: right; width: 60%;
font-size: 14px;
}
.intro_blog a {
color: #fff;
text-decoration: none;
}
.post-in a { color: #ED1849; }
.intro_blog a:hover {
color: #fff !important;
}
.intro_blog h2 a {
color: #ffffff;
font-size: 16px;
font-weight: 700;
}
.intro_blog h2 a:hover {
color: #EA1F4D !important;
}
article
{
position: relative;
float: left;
margin: 0;
padding: 0;
/* If you don't want the images in the scroller to be selectable, try the following
block of code. It's just a nice feature that prevent the images from
accidentally becoming selected/inverted when the user interacts with the scroller.
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;*/
}
.relatedprojects {
float:left;
min-width: 250px;
margin-bottom: 20px;
}
.relatedprojects a{
font-size: 14px;
color: #00e3d3;
float:left;
line-height: 18px;
margin-bottom: 5px;
width: 250px;
text-decoration: none;
}
.titlerelated {
font-size: 20px;
color: #FFF;
font-weight: normal;
font-weight: 400;
margin-bottom: 10px;
}
.relatedprojects article {
margin-right: 2px;
}
/* ACCORDION STYLE
.accordion { list-style-type: none; padding: 0; margin:0; border-top: none; border-left: none; }
.accordion ul { padding: 0; margin: 0; float: left; display: block; width: 100%; }
.accordion li { cursor: pointer; list-style-type: none; padding: 0; margin: 0; float: left; display: block; width: 100%;}
.accordion li.active>a { background: url('../images/close.png') no-repeat center left; }
.accordion li div { padding: 0px;display: block; clear: both; float: left; width: 360px;}
.accordion a {
text-decoration: none;
border-bottom: 1px solid #212121;
font-family: 'proxima_nova_thbold';
color: #11e0ca;
height: 71px;
font-size: 45px;
font-weight: normal;
padding-left: 80px;
padding-top: 20px;
display: block;
cursor: pointer;
background: url('../images/open.png') no-repeat 30px center;
}*/
/* Level 2
.accordion li ul li {font-size: 0.9em; }*/
/* TESTIMONIALS */
.testiblock {
padding-bottom: 29px;
border-bottom: 2px solid #2f2d2d;
width: 290px;
display: inline-block;
zoom: 1;
*display: inline;
margin-bottom: 30px;
}
h4.testititle {
font-weight: normal;
font-size: 24px;
color:#FFF;
margin-bottom: -10px;
}
h4 {
font-weight: normal !important;
font-size: 24px !important;
line-height: 1.3;
}
.testicontent{
font-size: 14px;
color:#FFF;
width: 100%;
float:left;
line-height: 20px;
margin-bottom: 30px;
}
.testiperson {
width: 100%;
float:left;
font-size: 18px;
font-weight: normal;
margin-bottom: 5px;
}
.testiposition {
font-weight: normal;
margin-bottom: 10px;
}
/* --- Accordion --- */
.accordion h4 {
margin:0 !important;
}
.accordion h4 a{
font-weight: normal;
font-weight: 400;
height: 44px;
font-size: 22px;
padding-left:50px;
padding-top: 17px;
text-decoration: none;
display: block;
outline: none;
cursor: pointer;
}
.accordion h4 a:hover{
color: #FFF;
}
.accordion .new {
border-bottom: 1px solid #212121;
}
.accordion .new .new{
border-bottom: 1px solid #212121;
margin-left: 52px;
position:relative;
}
.accordion h5 {
margin:0 !important;
}
.accordion h5 a{
font-weight: normal;
font-weight: 400;
outline: none;
font-size: 20px;
height: 30px;
padding-top: 10px;
padding-bottom: 10px;
text-decoration: none;
display: block;
cursor: pointer;
}
.accordion {margin:-5px 0px 0px 0px; padding:0;}
.accordion li {list-style-type:none}
.accordion li.last-child {margin-left:19px; list-style-type:disc}
.accordion .outer .topcontent {}
.topcontent .textop { font-size: 14px; /*margin:0em 15px 15px 50px; width:960px; padding-right: 40px; */ line-height: 20px;
-moz-column-count:2; /* Firefox */
-webkit-column-count:2; /* Safari and Chrome */
column-count:2;
-moz-column-gap:20px; /* Firefox */
-webkit-column-gap:20px; /* Safari and Chrome */
column-gap:20px;
padding-left: 50px;
}
.topcontent .textopwho {font-size: 14px; margin:0em 15px 15px 50px; width:960px; padding-right: 40px; float:left;
-moz-column-count:3; /* Firefox */
-webkit-column-count:3; /* Safari and Chrome */
column-count:3;
line-height: 20px;
}
.topcontent .textopwho p {
margin: 0;
}
.accordion .inner {margin-bottom:0; padding:0em 0px 0em; overflow:hidden}
.accordion .inner .inner {padding-bottom:0}
.accordion .h {padding-top:0em} /* vertical padding instead of vertical margin (ie8) */
.accordion .subsubcontent {margin:0em 15px 15px 0px; width:535px; padding-right: 40px; float:left;font-size: 14px; line-height: 20px;
-webkit-column-count: 2;
-webkit-column-gap: 30px;
-moz-column-count: 2;
-moz-column-gap: 30px;
column-count: 2;
column-gap: 30px;}
/*
Add styles for all links in the 'accordion':
.accordion a {...}
*/
a.trigger {padding-left:20px; background-image: url(../images/close.png); background-repeat: no-repeat; background-position: 18px 50%; font-weight:700}
a.trigger.open {background-image: url(../images/open.png); color: #11e0ca;}
h5 a.trigger {padding-left:0px; background-image:none; font-weight:normal;}
h5 a.trigger.open {background-image:none; color: #FFF;}
.last-child a.trigger{padding-left:1px; background-image:none; font-weight:normal}
/*:::: PAGE WORK ::::*/
/**** Clearfix ****/
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
#list_projects {
/* Prevent vertical gaps */
line-height: 0;
/* -webkit-column-count: 5;
-webkit-column-gap: 2px;
-moz-column-count: 5;
-moz-column-gap: 2px;
column-count: 5;
column-gap: 2px;*/
padding-left: 0px;
padding-right: 0px;
padding-top: 25px;
}
.crop{
float:left;
margin:0 !important;
overflow:hidden; /* this is important */
position:relative; /* this is important too */
border:0px solid #ccc;
width:289px !important;
padding-right: 0px !important;
height:182px;
}
.crop a img{
position:absolute;
top:0px;
left:0px;
height:182px;
}
.crophome{
float:left;
margin:0;
overflow:hidden; /* this is important */
position:relative; /* this is important too */
border:0px solid #ccc;
width:307px;
height:193px;
}
.crophome img{
position:absolute;
top:0px;
left:0px;
height:193px;
}
#list_projects #article img {
/* height:193px;*/
width: 100%;
height: auto !important;
line-height: 0px;
bottom: 0;
position: absolute !important;
}
#list_projects .lease_page #article img {
position: relative !important;
}
#list_projects #article{
display:block;
margin-top: 2px !important;
width: 19.8% !important;
height: 195px !important;
float:left;
margin-right: 2px;
line-height: 0px;
overflow: hidden;
}
#article {
position:relative;
}
#details_projects {
}
.tags_list {
margin: 0 auto;
/* border-color: #dddddd !important;*/
width: 960px;
}
#projectlist {
list-style: none;
line-height: 0;
}
#projectlist li {
list-style: none;
float:left;
display:block;
width: 100%;
height:auto;
}
.mCSB_buttonLeft {
background-image: url(../images/arrowslide_left.png) !important;
background-repeat: no-repeat !important;
height: 51px !important;
width: 47px !important;
position: absolute !important;
left:0px !important;
top:10% !important;
z-index: 2 !important;
cursor: pointer !important;
}
.mCSB_buttonRight {
background-image: url(../images/arrowslide_right.png) !important;
background-repeat: no-repeat !important;
height: 51px !important;
width: 47px !important;
position: absolute !important;
right:0px !important;
top:40% !important;
z-index: 2 !important;
cursor: pointer !important;
}
.front_slider .mCSB_buttonLeft {
background-image: url(../images/arrowslide_left.png) !important;
background-repeat: no-repeat !important;
height: 51px !important;
width: 47px !important;
position: absolute !important;
left:0px !important;
top:17% !important;
z-index: 2 !important;
cursor: pointer !important;
}
.front_slider .mCSB_buttonRight {
background-image: url(../images/arrowslide_right.png) !important;
background-repeat: no-repeat !important;
height: 51px !important;
width: 47px !important;
position: absolute !important;
right:0px !important;
top:40% !important;
z-index: 2 !important;
cursor: pointer !important;
}
#taglisttpeople {
list-style: none;
padding-left: 0px;
text-align: center;
margin: 0px 0px 40px 0px;
}
#taglisttpeople li{
list-style: none;
display: inline-block;
zoom: 1;
*display: inline;
text-align: center;
}
#taglisttpeople li a {
display:block;
background-color: #1a1a1a;
padding: 10px 15px 10px 15px;
color:#FFF;
font-size: 14px;
text-decoration: none;
margin-right: 10px;
margin-top: 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#taglisttpeople li a:hover {
color: #11e0ca !important;
}
#taglisttpeople li a.current {
color: #11e0ca !important;
}
.people_pic {
list-style: none;
}
.people_pic li{
list-style: none;
float:left;
margin-right: 45px;
margin-bottom: 40px;
}
.people_pic li.last{
margin-right: 0px;
}
#taglistt {
list-style: none;
padding-left: 0px;
text-align: right;
margin-right: 25px;
padding-bottom: 10px;
}
#taglistt li{
list-style: none;
display: inline-block;
zoom: 1;
*display: inline;
text-align: center;
}
#taglistt li a {
display:block;
background-color: #2d2d2d;
padding: 4px 8px;
color:#FFFFFF;
font-size: 12px;
text-decoration: none;
margin-right: 10px;
margin-top: 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#taglistt li a.current {
color: #ED1849 !important;
}
#taglistt li a:hover {
color: #ED1849 !important;
}
#taglistts {
list-style: none;
text-align: center;
}
#taglistts li{
list-style: none;
display: inline-block;
zoom: 1;
margin-bottom: 5px;
*display: inline;
text-align: center;
}
#taglistts li a {
display:block;
background-color: #1a1a1a;
padding: 10px 15px 10px 15px;
color:#FFF;
font-size: 14px;
text-decoration: none;
margin-right: 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#taglistts li a:hover {
color: #11e0ca !important;
}
#taglistts li a.scroll_down {
display:block;
background-color: #11e0ca !important;
padding: 10px 15px 10px 15px;
color:#000;
font-size: 14px;
text-decoration: none;
margin-right: 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#taglistts li a.scroll_down:hover {
color:#FFF !important;
}
.big_slider {
float:left;
width: 100%;
margin-top: 25px;
position:relative;
}
.single_slider, .front_slider {
width: 100%;
position:relative;
}
.front_slider {
border-top: 1px solid #ffffff;
width: 100%;
z-index: 0;
}
.content7 .mCSB_draggerRail, .content7 .mCSB_dragger_bar, .content8 .mCSB_draggerRail, .content8 .mCSB_dragger_bar, .content6 .mCSB_draggerRail, .content6 .mCSB_dragger_bar {
display:none !important;
}
.details_content p{
padding: 0;
margin: 0;
}
.details_content {
padding-top: 20px;
width: 960px;
margin: 0px auto;
/* height: 104px; */
font-size: 16px;
line-height: 19px;
margin-bottom: 20px;
}
.details_content_left {
/* width: 498px; */
/* float:left; */
max-width: 600px;
text-align: center;
margin: 0 auto;
font-size: 16px;
}
.sngl_title {
font-weight: 700;
}
.pag_prev a, .pag_next a { color: #4d4d4d; font-size: 15px; text-decoration: none; }
.pag_prev a { position: absolute; display: block; left: 30px; top: 62px; background: url('../images/pag_prev.png') no-repeat; background-size: 10px; background-position: center left; padding-left: 17px; }
.pag_next a { position: absolute; display: block; right: 30px; top: 62px; background: url('../images/pag_next.png') no-repeat; background-size: 10px; background-position: center right; padding-right: 17px; }
.details_content_right {
width: 345px;
float:left;
font-size: 14px;
line-height: 20px;
}
.contentdetails{
margin: 0px auto;
/*width: 960px;*/
width: 600px;
padding-bottom: 30px;
}
.contentdetails div {
-webkit-column-count: 2;
-webkit-column-gap: 35px;
-moz-column-count: 2;
-moz-column-gap: 35px;
column-count: 2;
column-gap: 35px;
margin: 0px auto;
width: 960px;
font-size: 14px;
line-height: 20px;
}
.contentdetails p {
margin-top:0px;
}
.alsodetails{
padding-top: 25px;
margin: 0px auto;
width: 960px;
font-size: 14px;
padding-bottom: 30px;
}
.contactusdetails{
padding-top: 25px;
margin: 0px auto;
width: 720px;
font-size: 14px;
padding-bottom: 30px;
margin-bottom: 20px;
overflow: auto;
}
.contactusdetailsabout{
padding-top: 25px;
margin: 0px auto;
width: 960px;
font-size: 14px;
padding-bottom: 30px;
margin-bottom: 30px;
float:left;
}
.contactusdetailsabout input {
-moz-border-radius: 5px;
border-radius: 5px;
width: 220px;
height: 35px;
border:1px solid #000;
color: #666666;
margin-right:11px;
padding-left: 10px;
}
.contactusdetailsabout input[type="submit"] {
-moz-border-radius: 5px;
border-radius: 5px;
width: 220px;
height: 35px;
border:1px solid #000;
color: #000;
padding-left: 0px;
font-weight: normal;
font-size: 22px;
}
.contactusdetailsabout input[type="submit"]:hover {
background-color: #11e0ca;
color: #000;
box-shadow: 0px 0px 5px rgba(17,224,202,1), inset 0px 0px 5px rgba(17,224,202,1);
}
.contactusdetailsabout input:focus {
/* box-shadow: 0px 0px 5px rgba(17,224,202,1), inset 0px 0px 5px rgba(17,224,202,1); */
}
.search_form {
margin-top: 25px;
}
#searchform input {
width: 120px;
border: 1px solid #FFF;
-moz-border-radius: 5px;
border-radius: 5px;
height: 25px;
font-size: 14px;
padding-left: 10px;
background-color: #1a1a1a;
color: #ffffff;
float: left;
outline: none;
}
#searchform input[type="submit"] {
background-color: #ED1849; border: 1px solid #ED1849; padding: 0px; margin: 0px; margin-left: 10px; width: 35px; float: left; height: 30px; background: url('../images/search.png') no-repeat #ed1849; background-size: 18px 25px; background-position: center;
}
.excerpt_blog {
font-weight: normal;
font-size: 14px;
line-height: 18px;
margin-bottom: 15px;
}
.main_content_footer_subscr input {
-moz-border-radius: 5px;
border-radius: 5px;
width: 220px;
height: 35px;
margin-right:11px;
padding-left: 10px;
}
.main_content_footer_subscr input[type="submit"] {
-moz-border-radius: 5px;
border-radius: 5px;
width: 220px;
height: 39px;
color: #000;
padding-left: 0px;
font-weight: normal;
font-size: 22px;
}
.main_content_footer_subscr input[type="submit"]:hover {
background-color: #11e0ca;
color: #000;
box-shadow: 0px 0px 5px rgba(17,224,202,1), inset 0px 0px 5px rgba(17,224,202,1);
}
.main_content_footer_subscr input:focus {
/* box-shadow: 0px 0px 5px rgba(17,224,202,1), inset 0px 0px 5px rgba(17,224,202,1); */
}
input[type="submit"].activebt {
background-color: #ED1849 !important;
}
.singlecontactext {
font-size: 14px;
margin-bottom: 20px;
}
.add-to-list-ok {
visibility: hidden;
}
.contactusdetails input {
-moz-border-radius: 5px;
border-radius: 5px;
/*width: 340px;*/
height: 35px;
border: none;
color: #666666;
margin-right:11px;
padding-left: 10px;
margin-top: 7px;
/*float: left;*/
position: relative;
width: 340px;
}
.contactusdetails input[type="submit"], .contact_form input[type="submit"] {
-moz-border-radius: 5px;
border-radius: 5px;
width: 140px;
color: #ffffff;
padding-left: 0px;
font-weight: bold;
font-size: 14px;
margin-right: 0;
text-transform: uppercase;
border: none;
margin-left: 2px;
}
.contact_form input[type="submit"] {
margin-right: 0px;
margin-top: 10px;
}
/*
.contactusdetails input[type="submit"]:hover {
background-color: #11e0ca;
color: #000;
box-shadow: 0px 0px 5px rgba(17,224,202,1), inset 0px 0px 5px rgba(17,224,202,1);
}
.contactusdetails input:focus {
box-shadow: 0px 0px 5px rgba(17,224,202,1), inset 0px 0px 5px rgba(17,224,202,1);
}
*/
.single_title {
font-weight: normal;
font-size: 22px;
font-weight: 400;
padding-bottom: 10px;
}
.single_client {
font-weight: normal;
font-size: 22px;
font-weight: normal;
color:#FFF;
margin-bottom: 50px;
margin-top: -10px;
}
.also {
margin-bottom: 3px;
font-weight: normal;
font-size: 22px;
}
a.viewwebsite {
font-weight: normal;
font-size: 14px;
margin-top: 35px;
float:left;
}
.alsolink {
margin-top: 0px;
}
.alsolink a {
text-decoration: none;
font-size: 14px;
line-height: 20px;
}
.project-featured-image{margin-top:30px; text-align: center;}
.project-featured-image img{ width: 700px; height: auto;}
.details_content{
margin-bottom: 0;
}
.single_content_container .contentdetails img{
width: 100%;
max-width: 700px;
height: auto;
}
#details_projects .bx-wrapper {
position: relative;
}
#details_projects .bx-viewport {
height: auto !important;
position: relative !important;
margin-top: 50px;
}
#details_projects .bx-viewport .fp_slide {
position: absolute !important;
top: 0;
margin-top: 0px;
max-width: 100%;
width: 100% !important;
height: auto !important;
}
#details_projects .bx-viewport .project-featured-image {
position: relative !important;
}
#details_projects .bx-controls.bx-has-pager.bx-has-controls-direction {
position: absolute;
clear: both;
top: 0px;
z-index: 1000;
width: 700px;
margin: auto;
text-align: center;
left: 13.6%;
}
#details_projects .bx-controls.bx-has-pager.bx-has-controls-direction .bx-pager {
text-align: center;
width: 50%;
position: absolute;
bottom: -10px;
left: 24%;
z-index: 100;
}
#details_projects .bx-controls.bx-has-pager.bx-has-controls-direction .bx-prev {
float: left;
display: block;
width: 50px;
text-align: left;
height: 18px;
}
#details_projects .bx-controls.bx-has-pager.bx-has-controls-direction .bx-next {
float: right;
display: block;
width: 50px;
text-align: right;
height: 18px;
}
.testimonial_slider__round .testimonial_by_wrap {
position: absolute;
bottom: 5%;
text-align: right;
}
.testimonial_slider__round .testimonial_content_wrap {
margin-bottom: 0px;
margin-top: 5%;
}
.pag_prev a:hover, .pag_next a:hover{
color: #ED1849;
}
div.checker span {
height: 21px !important;
width: 19px !important;
background-position: 0px -257px !important;
}
.wpcf7-checkbox .first:before {
content: none;
}
.testimonial_slider__round .testimonial_nav {
display: none !important;
}
.single-project .details_content_left .sngl_title {
font-size: 24px;
line-height: 35px;
display: block;
}
.view_controls {
display: none;
}
#testimonial-section{
padding-top: 30px;
}
.testimonial-text{
font-size: 18px ;
font-style: italic;
}
.testimonial-slider .author{
font-weight: bold;
float: right;
text-align: right;
}
#testimonial-section .bx-wrapper{
position: relative;
}
#testimonial-section .testimonial-text, #testimonial-section .author {
padding: 10px 64px;
}
#testimonial-section .bx-pager{
display: none;
}
#testimonial-section .bx-prev{
float: left;
background-image: url(../images/prev-slide.png) !important;
background-repeat: no-repeat !important;
background-size: 24px 40px;
height: 40px !important;
width: 24px !important;
position: absolute !important;
left:0px !important;
top:50% !important;
z-index: 2 !important;
text-indent: -4444px;
cursor: pointer !important;
}
#testimonial-section .item{
vertical-align: middle;
display: inline-block;
float: none !important;
}
#testimonial-section .bx-next{
float: right;
background-image: url(../images/next-slide.png) !important;
background-repeat: no-repeat !important;
background-size: 24px 40px;
height: 40px !important;
width: 24px !important;
position: absolute !important;
right:0px !important;
top:50% !important;
z-index: 2 !important;
text-indent: -4444px;
cursor: pointer !important;
}
.details_content_left .sngl_title{
font-size: 24px;
line-height: 35px;
display: block;
margin-bottom:20px;
}
.mCSB_container.mCS_no_scrollbar.mCS_touch img {
max-height: 450px;
width: auto;
}