/*
Theme Name: Flat Studio WordPress
Theme URI: http://chocolathemes.be
Description: The beauty of the Flat Studio HTML theme now powered with WordPress goodness. Delivered to you by the Belgium design studio Chocolatheme.
Author: Chocolatheme
Author URI: http://chocolathemes.be
Version: 1.0
Tags: White, Black, white, one-column, flexible-width, custom-background, custom-menu, theme-options, translation-ready
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

/*

	Index of this stylesheet:

	01. Key Frames & Font Face
	02. Generals Settings
	03. Navigation
	04. Header Section Settings
	05. Works Section Settings
	06. Intersection Section Settings
	07. Services Section Settings
	08. Team Section Settings
	09. Get The Template Interection Settings
	10. Footer Contact Section Settings
	11. Footer Intersection Settings
	12. Footer Contact Info Settings
	13. Media Queries for Mobile Settings
	14. Media Queries for iPad/Tablet Settings
	15. Standard WordPress styles

*/

/***** GRAVITY FORMS *****/
.gform_wrapper label {
	font-family: Lata, "sans-serif";
}
	
/*  download button for graivty forms confirmation  */
.download-button {
    height: 34px;
    line-height: 12px;
    padding: 10px;
    width: 150px;
    color: #FFF;
    border: 1px solid;
    background-color: #3491E8;
    border: 1px solid #2a69ac;
    border-radius: 4px;
    font-weight: bold;
    margin: 0px auto;
    cursor: pointer;
    transition: background-color 1s;
}

.download-button:hover {
   background-color: #4CAF50
}

h1.visualization {
    font-size:12;
}


.slider-holder {
    height:780px;
}

/*  COMMENTS SECTION */

div#comments {
    max-width:600px;
    margin:0px auto;
}

div.comment-text {
    border: 1px solid #DDD;
    border-radius: 6px;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

div.comment-meta {
    margin: 10px;
    margin-top: 0px;
    float: left;
}

div.comment-author img {
    float: left;
    margin-top: 6px;
}

/* 01. KEY FRAMES FADE IN ================================================== */

@-webkit-keyframes Anim { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes Anim { from { opacity:0; } to { opacity:1; } }
@keyframes Anim { from { opacity:0; } to { opacity:1; } }

.fade-it {
    -webkit-animation:Anim ease-in 1;
    -moz-animation:Anim ease-in 1;
    animation:Anim ease-in 1;
    opacity: 0;
    filter: alpha(opacity=70);
    -webkit-animation-fill-mode:forwards;
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
    -webkit-animation-duration:4s;
    -moz-animation-duration:4s;
    animation-duration:4s;}

.fade-it {
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
    animation-delay: 0.6s;}

@-webkit-keyframes Anim2 { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes Anim2 { from { opacity:0; } to { opacity:1; } }
@keyframes Anim2 { from { opacity:0; } to { opacity:1; } }

.fade-it2 {
    -webkit-animation:Anim2 ease-in 1;
    -moz-animation:Anim2 ease-in 1;
    animation:Anim2 ease-in 1;
    opacity: 0;
    filter: alpha(opacity=70);
    -webkit-animation-fill-mode:forwards;
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    animation-duration:1s;}

.fade-it2 {
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    animation-delay: 0.2s;}


/* 02. GENERALS SETTINGS ================================================== */



/* Selected text Color */

::-moz-selection{background:#6ec5e2;color:white}
::selection{background:#6ec5e2;color:white}

.container h1, .container h2, .container h3, .container h4, .container h5, .container h6 { font-family: 'Raleway', sans-serif; line-height: 1.15538em; padding-bottom: 0.273em; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #aaa; }

body {
    background: #FFF;
    width:100%;
    height:100%;
    font-size:14px !important;
    font-family: 'Lato', sans-serif !important;
    font-weight:normal;
}

.centered {
    text-align: center;}

.clear {
    padding: 20px;}

.container h1 {
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    /* margin: 0.75em 0.75em 0.25em; */}

.container h2 {
    font-family: 'Raleway', sans-serif;
    font-weight:700;
    text-transform: uppercase;
    margin-top: 0.33em;
    padding-bottom: 0.273em;
}


#header h2 {
    color: #FFF;
    font-family: 'Raleway', sans-serif;
    font-weight:700;
}

.line {
    height:5px;
    width:100%;
    background:url(images/line.gif) no-repeat center center;
    margin-bottom:50px;
}

.white {
    background:#FFF;
}

.container h3 {
    /*background: url("images/line.gif") no-repeat scroll center 55px transparent;*/
    color: #4D4C4C;
    font:30px 'Raleway', sans-serif;
    letter-spacing: 2px;
    font-weight:500;
    padding-bottom: 35px;
    padding-top: 25px;
    text-align: center;
    text-transform: none;}

.container h4 {
    color: #4D4C4C;
    font: 14px 'Raleway', sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase;}


.lead {
    color:#686868;}

/* Link */

a {
    color: #FFF;
    text-decoration: none;}

a:hover {
    color: #1482e0!important;}

/* Paragrah */

p a {
    color:#1482e0;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;}

p a:hover {
    color:#3b3331;}

/* Button */

.buttom {
    margin-top: 200px;
    background: #a0cac0;
    border-bottom: 4px solid #68a697;
    color: #FFFFFF;
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    padding:15px 20px;
    font-size: 16px;
    line-height: 50px;
    min-width: 150px;
    text-align: center;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;}

.buttom:hover {
    opacity:0.8;
    color:#000!important;}

.left {
    text-align:left !important;
    background: none !important;
    padding-top:0px !important;
}

.bottomnone {
    padding-bottom:0px !important;
}

.comment-notes {
    padding-bottom:10px;
}

.comment-form-author label, .comment-form-email label, .comment-form-url label {
    display:none;
    text-transform:uppercase;
}

.comment-form-author, .comment-form-email, .comment-form-url {
    margin-bottom:20px;
}

#respond .required {
    display:none;
}

/* 03. NAVIGATION ================================================== */

.nav {
    float:right;
}

.back {
    float:right;
}

nav #logo {
    float:left;
    margin-top: 6px;
    z-index: 99999;
}

.logo-text {
    font-family: 'Raleway', sans-serif;
    font-weight:300;
    text-transform:uppercase;
    font-size: 16px;
    color: #333;
}

.logo-text a {
    color:#333;
    padding: 10px 0;
    line-height: 75px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#logo .left {
    padding:10px 0;
}

.nav a {
    font-size: 16px;
    font-family: 'Raleway', sans-serif;
    font-weight: bold;
    letter-spacing: 0px;
    color: #b8b1a9;
    padding: 0;
    padding-left:20px;
    display: inline-block;
    line-height: 100px;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
    vertical-align:middle;
}

.nav li ul a {
    line-height:16px;
}

.nav a:hover {
    cursor: pointer;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
    color:#1482e0;
}

.back a {
    font-size: 16px;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    letter-spacing: 0px;
    color: #333;
    padding: 0;
    padding-left:30px;
    display: inline-block;
    line-height: 100px;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
    vertical-align:middle;

}

.back a:hover {
    cursor: pointer;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
    color:#1482e0;
}


.cbp-af-header.cbp-af-header-shrink #nav a.selected {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
    color:#000;
    font-weight:bold;
}/*
li.menu-item-331{display:none!important;}*/

.nav > li {
    float: right;
    position: relative;
    padding: 20px 0;
}

.nav, .nav ul {
    margin: 0 0 0 0;
    padding: 0;
    list-style-type: none;
    list-style-position: outside;
    position: relative;
}

.nav li {
    display:block;
    position: relative;
    float:left;
}

.nav li:last-child {
    margin-right: 0;
}

.nav ul {
    position: absolute;
    display: none;
    width: 180px;
    top: 60px;
    border-radius:2px;
    padding-bottom:5px;
    left: 0px;
    padding-top: 30px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
}


.nav .sub-menu .current-menu-item a {
    border-bottom:none;
    color:#AAA;
}

.nav ul.sub-menu {
    top:80px;
    padding-top:10px;
}


.nav li ul {
    z-index:1000;
}

.nav li ul li {
    padding: 0 20px;
    padding-right:20px;
    background-color: #FFF;
    border-bottom: 1px solid #EEE;
    border-left: 1px solid #EEE;
    border-right: 1px solid #EEE;
    z-index:1000;
    text-align:left;
}

.nav li ul li:first-child {
    border-top: 1px solid #EEE;
}

.back > li {
    float: right;
    position: relative;
    padding: 10px 0;
}

.nav li ul a, .nav li ul li a {
    width: 110px;
    height: auto;
    float: left;
    border-radius:2px;
    padding:13px 0 13px 0;
    font-size: 12px;
    font-family: "Montserrat", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    letter-spacing: 0px;
    color: #666;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.nav li ul li:first-child a {
    padding-top:10px;
    border-top: none;
}

.nav li .current-menu-item ul li a {
    border-bottom: none !important;
    color:#FFF;
}


.nav li ul li:last-child {
    padding: 0 20px;
}

.nav li ul li .current-menu-item {
    border-bottom: none !important;
    color:#FFF !important;
}

.nav li ul a {
    border-bottom:none!important;
}

.nav li ul a:hover {
    height: auto;
    float: left;
    color:#FFF;
    border:none;
    background: none;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.nav li ul li:last-child {
    border-bottom: none;
}

.nav li ul li ul {
    padding: 0;
}

.nav ul ul {
    top: auto;
}

.nav li ul ul {
    left: 150px;
    margin: 0 0 0 10px;
}

.nav li:hover ul ul, .nav li:hover ul ul ul, .nav li:hover ul ul ul ul {
    display: none;
}

.nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul, .nav li li li li:hover ul {
    display: block;
}

.cbp-af-header {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    background: #FFF;
    z-index: 10000;
    height: 140px;
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden;
    /*-webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    transition: height 0.3s;*/}

/* FOR REDUCING THE HEIGHT OF THE NAVIGATION

.cbp-af-header #logo {
	padding: 10px 0;
	position:relative;
	max-height:120px;
	line-height:100px;
	display:block;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;}

.logo {
	position:relative;
	max-height:auto;
	vertical-align:middle;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.cbp-af-header #nav a {
	line-height: 100px;}

.cbp-af-header.cbp-af-header-shrink #logo {
	padding:20px 0px;
	position:relative;
	max-height:80px;
	line-height:40px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	}

.cbp-af-header.cbp-af-header-shrink .logo {
	max-height:auto;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	}*/

/* Transitions and class for reduced height

.cbp-af-header #logo,
.cbp-af-header #nav a {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;}

.cbp-af-header.cbp-af-header-shrink {
	height: 140px;}

.cbp-af-header.cbp-af-header-shrink .logo-text a {
	line-height: 14px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	}

.cbp-af-header.cbp-af-header-shrink #nav a {
	line-height: 60px;} */



/* 04. HEADER SETTINGS ================================================== */


#header, #feature-bg {
    /*background: url('http://placehold.it/1600x600')no-repeat center center fixed;*/
    background-image: url("/wp-content/uploads/elements.png");
    background-size:100%;
    background-position:0 -300px;
    height:415px;
    margin-top:0px;
    background-color:#243442;
    position:absolute;
    width:100%;}


#header .lead {
    font: 16px 'Raleway', sans-serif;
    font-size:1.3rem;
    color:#FFF;
    font-weight:300;
}

.mobile-feature, #feature-bg-mobile{display:none;}



/* 05.WORKS SETTINGS ================================================== */



/* Section */

#works {
    background: #f1f1f1;
    height:100%;
    padding: 40px 0;}

.service .centered .more-linkd {
    display:none;
}

.service h3 a {
    font-size:18px;
    color:#333
}

.service h3 a:hover {
    color:#333
}

/* Projects Grid */

#projects_grid {
    overflow: hidden;}

.items {
    clear: both;}

.item {width:100%; height:100%;}

.items img {
    display: block;
    height:300px;}

.items:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}

.items a,
.items a img {
    display: block;
    position: relative;}

.items a {
    overflow: hidden;}

.items a div {
    position: absolute;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    cursor: pointer;}

.items a div h5 {
    display: block;
    margin: 45% 20px 0px 20px;
    text-transform: uppercase;
    color: #FFF;
    font-size: 16px;
    letter-spacing: 2px;
    font-family: 'Raleway', sans-serif;
    font-weight:700;
    text-align: center;}

.items a div  span {
    font-size: 14px;
    display: block;
    color: #ddd;
    text-transform: uppercase;
    letter-spacing: 2px;}

/* Filter Function */

.filter {
    padding: 0;}

.filter li {
    font-family: 'Raleway', sans-serif;
    margin: 0;
    background: none;
    display: inline;
    font-size: 12px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    cursor: pointer;
    margin-right: 15px;}

.filter li a:hover,
.filter li a.active {
    background-color: #F17C71;
    border-bottom: 4px solid #E95855;
    color: #FFF;}

.filter li a {
    color: #4D4C4C;
    display: inline-block;
    background-color: #fFF;
    border-bottom: 4px solid #e5e5e5;
    padding: 6px 20px 5px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;}

.back-portf {
    padding:0px 20px;
    word-wrap: break-word;
}

/* Expander of the works Settings */

.loader {
    background:url(images/ajax-loader.gif) no-repeat center center;
    position:fixed;
    bottom:50px;
    right:50px;
    width:40px;
    height:40px;
    display:none;
}

.slide_portfolio {
    text-align:center;
    display:none;
    padding:10px 0;}

/* Space between img */

.slide_portfolio img{
    padding: 20px 0;}

/* Title of the Work */

.slide_portfolio h3 {
    background: url("images/line.gif") no-repeat scroll center 30px transparent;
    color: #4D4C4C;
    font: 16px 'Latobold', sans-serif;
    letter-spacing: 2px;
    padding-bottom: 35px;
    padding-top: 0px;
    text-align: center;
    text-transform: uppercase;}

/* Close Icon */

.animated-inner {
    padding-top:80px;
    padding-bottom:20px;
}

#portfolio_detail p {
    color:#555555;
    margin-bottom:40px;
}

.closeit {
    cursor: pointer;
    margin-bottom:0px;
    margin:0 auto;
    display:block;
    text-align:center;
    width:44px;
    height:80px;
    background:url(images/close.png) no-repeat center bottom;}

/* ISOTOP OF WORKS ITEMS DONT TOUCH ! */

@-moz-document url-prefix() {

}
.isotope-item {
    z-index: 2;
    display: block !important;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -ms-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: top, left, opacity;
    transition-property: transform, opacity;
}
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}



/* 06. INTERSECTION SETTINGS ================================================== */



/* Section */

.container .interblock {
    width: 100%;
    height: auto;
    background: #363B48;
    padding:120px 0; }

/* Blockquote */

.interblock h2 {
    font-size:1.75rem;
    color:#FFF;}

/* Text under the Blockquote */

.interblock p {
    color:#FFF;
    font-size:1.3rem;
    font-family:'Raleway', sans-serif;
    font-weight:300;
}

/* Icon button */

.interblock .buttongo {
    font-size:50px;
    padding:30px 0;
    text-align: right;}

.interblock .buttongo a {
    cursor: pointer;
    color:#FFF;
    -webkit-transition:all .25s cubic-bezier(0.25,0.46,0.45,0.94);
    -moz-transition:all  .25s cubic-bezier(0.25,0.46,0.45,0.94);
    -o-transition:all  .25s cubic-bezier(0.25,0.46,0.45,0.94);
    transition:all  .25s cubic-bezier(0.25,0.46,0.45,0.94); }

/* Hover Icon button */

.interblock .buttongo a:hover {
    opacity: 0.7;
    color:#FFF;}



/* 07. SERVICES SETTINGS ================================================== */

/* Section */

.service {
    padding:40px 0px 40px 0;
    background: #f1f1f1;}

.blog #main {
    background: #f1f1f1;
}

/* The Title of the service */

.service h3{
    background: none;
    padding-bottom: 10px;
    padding-top: 0px;
    text-align: left;}

/* Make the img 100% */

.service img {
    width: 100%;
    padding:10px;}

/* Style of each service */

.service {
    background: #FFF;
    border-bottom: 4px solid #e5e5e5;
    margin-bottom: 20px !important;
    padding:20px !important;
    width:100%;}

.container .textblock {
    background: #FFF;
    border-bottom: 4px solid #e5e5e5;
    margin-bottom: 20px;
    padding:20px;}


/* 08. TEAM SETTINGS ================================================== */



/* About the annimation on hover of each member please refer to the hoverex-all.css file */

/* Section */

#team {
    padding:20px 0px 40px 0;
    background: #f1f1f1;}

/* Make the Picture 100% */

#team img {
    width: 100%;}

/* Style of each member block */

.members .columns:nth-child(5n+5) {
    margin-left:0;
}

.member img {
    height:250px;
}

section .member {
    margin-top:20px;
    padding-bottom:20px;
    border-bottom:4px solid #e5e5e5;
    background: #fff;}

section .member p {
    text-align:center;
    color: #4D4C4C;
    font: 14px 'Raleway', sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding-bottom: 0.273em;
    font-weight:300;
}

/* Name of the member */

section .member h3 {
    background: none;
    color: #4D4C4C;
    font: 900 16 'Latobold', sans-serif;
    letter-spacing: 2px;
    padding-bottom: 0px;
    padding-top: 10px;
    text-align: center;
    text-transform: uppercase;}

/* Job in the studio */

section .member h4 {
    text-align: center;}

/* Wrapping */

.name-function {
    padding: 0;
    word-wrap:break-word;
}
.name-function h3 {
    font-size:18px;
    background:none;
    text-align:left;
    text-transform:none;
}
.name-function h3 span{
    font-weight:normal;
}
h3 span{
    font-weight:normal;
    font-size:18px;
}


/* 09. GET THE TEMPLATE INTERSECTION SETTINGS ================================================== */



/* Section */

.getit {
    width: 100%;
    height: auto;
    background: #363B48;
    padding:120px 0; }

/* Quote align Center */

.getit h2 {
    text-align: center;
    font-size:1.75rem;
    margin-bottom: 25px;
    color:#FFF;}



/* 10. CONTACT SETTINGS ================================================== */



/* Section */

.container section {
    padding:40px 0;
    background: #f1f1f1;}

/* label */

form {overflow: hidden;}

.contact form label {
    float:left;
    padding-bottom: 5px;}

.contact form label span {
    color:#D1D1D1;}

/* Input label & textarea setting */

.contact form input,
.contact form textarea{
    font-family: 'Raleway', sans-serif;
    text-transform:uppercase;
    -moz-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    border: none;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05) inset;
    color: #333;
    resize: vertical;
    font-size:12px;
    margin-bottom: 15px;
    letter-spacing:1px;
    padding: 9px 10px 8px;
    transition:all .3s ease-in-out;
    width:100%;}

/* Set a height to the input */

.contact form input{
    height:40px;
    resize: none;}

/* Set a height to the textarea*/

.contact form textarea{
    min-height:150px;
    padding-top: 10px;}

/* Button Send */

.contact form .submit{
    height:53px;
    width: 150px;
    font-family: 'Raleway', sans-serif;
    letter-spacing:1px;
    float: left;
    display: block;
    border: none;
    cursor: pointer;
    font-size: 16px;
    color:#FFF;
    background: #a0cac0;
    border-bottom: 4px solid #68a697;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;}

/* Button Send Hover */

.contact form .submit:hover{
    background: #93b7ae;
    cursor:pointer;}

/* Input & textarea when there's something missing  */

.contact form input:required,
.contact form textarea:required{
    background:#FFF url(images/invalid.png);
    background-position:98% 6px;
    background-repeat:no-repeat;
    box-shadow:inherit;}

.search-form-input {
    background:#FFF;
    background-position:98% 6px;
    background-repeat:no-repeat;
    box-shadow:inherit;
    border:none;
    -webkit-appearance:none;
    text-transform:uppercase;
    padding:10px 20px;}

.search-button {
    display:none;}

/* Input & textarea when valid */

.contact form input:required:valid,
.contact form textarea:required:valid{
    background:#FFF url(images/valid.png);
    background-position:98% 6px;
    border:1px solid #e5e5e5;
    background-repeat:no-repeat;
    color:#111;}

/* Input & textarea when invalid */

.contact form input:focus:invalid,
.contact form textarea:focus:invalid{
    background:#FFF url(images/invalid-red.png) no-repeat 98% 6px;
    border-color:#ec7e7e;
    box-shadow:0 0 2px rgba(236,126,126,0.7);}

.error{
    background:#FFF url(images/invalid-red.png) no-repeat 98% 6px !important;
    border-color:#ec7e7e;
    box-shadow:0 0 2px rgba(236,126,126,0.7);}

.contact form label {
    display:none !important;
}

/* 11. INTERBLOCK FOOTER SETTINGS ================================================== */



/* Section */
.container .interblock_footer {
    padding: 100px 0;
    background: #F17C71;
    color:#FFF;}

/* Blockquote */

.interblock_footer h2 {
    font-size:1.75rem;
    padding-bottom: 0.273em;
    color:#FFF;
    line-height: 1.15538em;
    font-family: 'Raleway', sans-serif;
    font-weight:700;
}

/* Text under blockquote */

.interblock_footer p {
    color:#FFF;
    font-size:1.3rem;
    font-weight:300;
    font-family: 'Raleway', sans-serif;}

/* Display inline the icon */

.interblock_footer li{
    display:inline;}

/* Padding top for well displayed Icon */

.interblock_footer ul {
    padding:20px 0 0 0;}

/* Styling Icon */

.interblock_footer .icon{
    color:#FFF;
    display:inline-block;
    padding:10px  20px;
    padding-right:0px;
    font-style: normal;
    -webkit-transition:all .25s cubic-bezier(0.25,0.46,0.45,0.94);
    -moz-transition:all  .25s cubic-bezier(0.25,0.46,0.45,0.94);
    -o-transition:all  .25s cubic-bezier(0.25,0.46,0.45,0.94);
    transition:all  .25s cubic-bezier(0.25,0.46,0.45,0.94);
    font-size: 50px; }

/* Icon Hover */

.interblock_footer .icon:hover {
    opacity:0.7;}



/* 12. FOOTER CONTACT INFO SETTINGS ================================================== */



/* Section */

#contact_info {
    background: #1482e0;
    padding:30px;
    font-size:14px;
    color: #FFF;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
}

/* Color White without bottom Border */

#contact_info a {
    color:#FFF;
    border-bottom: none;}



/* 13. MEDIA QUERIES FOR MOBILE SETTINGS ================================================== */

.mobile-menu {
    display:none;
}

.mobile-menu-inner {
    border-bottom: 1px solid #AAA;
}


.mobile-menu-inner .nav-mobile li {
    color: #4D4C4C;
    display: block;
    width: 100%;
    margin-top: 5px;
    text-align: left;
    padding-left: 40%;
    padding-top: 5px;
    background-color: #F8F8F8;
    border-bottom: none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.mobile-menu-inner .nav-mobile li:hover {
    background-color: #1382E0;
    border-bottom: 4px solid #0B5A9C;
}

.mobile-menu-inner .nav-mobile li:hover a {
    color: #FFF!important;
}

.mobile-menu-inner .nav-mobile li:hover .sub-menu li {
    background-color: #1382E0;
}

.mobile-menu-inner .nav-mobile li:hover .sub-menu li a {
    color:#DDD!important;
}

.mobile-menu-inner .nav-mobile li:hover .sub-menu li:hover a {
    color:#FFF!important;
}

.mobile-menu-inner .nav-mobile li a {
    color: #4D4C4C;
    text-transform:uppercase;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.mobile-menu-inner .nav-mobile .sub-menu {
    padding-bottom:20px;
}

.mobile-menu-inner .nav-mobile .sub-menu li {
    padding-left:0px;
    color: #1382E0!important;
    padding-right:10px;
    width:50%;
}

.mobile-menu-inner .nav-mobile .sub-menu li:hover {
     border-bottom: 2px solid #0B5A9C;
}

.mobile-menu-inner .nav-mobile .sub-menu li a {
    color: #AAA!important;
}

#collapse {
    display:none;
}

.mobile-menu h3 {
    background: url("images/line.gif") no-repeat scroll center 55px transparent;
    color: #4D4C4C;
    font: 16px 'Raleway', sans-serif;
    letter-spacing: 2px;
    font-weight: 700;
    padding-bottom: 35px;
    padding-top: 25px;
    text-align: center;
    text-transform: uppercase;
}

/* Styling for mobile devices */


/* Tablet landscape

@media screen and (min-width: 1024px) and (max-width: 2024px) and (orientation:landscape) {

} */

@media (min-width: 600px) {
    .wp-block-columns {
        flex-wrap: nowrap;
    }
}

@media (min-width: 600px) and (max-width: 800px) {
    .wp-block-column {
        padding-left:10px;
    }
}

@media (max-width: 767px) {
    .row .four.columns {
        text-align:center;
    }
}

@media (min-width: 768px) and (max-width:860px) {
    .resources h5 {
        white-space: nowrap;
        font-size: 16px;
    }
}

/* fix for sub menus  */
@media screen and (min-width: 759px)  {
	.cbp-af-header {
		overflow: visible;
	}
}


/* For main nav menu when it has many elements */
@media screen and (min-width: 758px) and (max-width: 810px) {
	.nav a {
		padding-left:10px;
	}
}

@media screen and (width: 1024px) {
    #contact-us{background-position: -360px 0;}
}

/* Tablet portrait */

@media screen and (min-width : 768px) and (max-width : 1024px) and (orientation:portrait) {
    .mobile-menu {
        display:block;
    }
    #contact-us{background-position: -540px 0;}
    #collapse{display:none!important;}
    .cbp-af-header {display: block;}


    .members .columns:nth-child(4) {
        margin-left:0 !important;
    }

    .members .columns:nth-child(7) {
        margin-left:0 !important;
    }

    .members .columns:nth-child(10) {
        margin-left:0 !important;
    }

    .members .columns:nth-child(13) {
        margin-left:0 !important;
    }

    .members .columns:nth-child(16) {
        margin-left:0 !important;
    }

    .members .columns:nth-child(5n+5) {
        margin-left: 2.12766%;
    }

    .row .three.columns {
        width:31.91489% !important;
    }

    /* Align Center the interblock Text & Button */

    .container .interblock_footer , .container .interblock_footer .buttongo {text-align: center;}

    /* Lower height of the interblock footer */

    .container .interblock_footer {padding:0px 0 20px 0 ;}

    /* Not Showing the text on the interblock Footer */

    .container .interblock_footer p, .interblock_footer h2 {display: none;}

    /* Bigger Social Icon */

    .interblock_footer .icon { font-size: 40px; text-align: center; }

    .interblock_footer ul {text-align: center;}

    /* Align center the Contact Info footer text */

    #contact_info p {text-align: center;}

    .interblock_footer ul {
        text-align: center;
    }

    .interblock_footer .row .text-right {
        width:100% !important;
    }

    /* Header Lower height */

    #header {margin-top: 0px; padding:100px 0; }

    /* Showing Well the background */

    #header {
        background: url('http://placehold.it/1600x600')30% 100% no-repeat fixed;
        background-position:center;
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-attachment : fixed;  /* FIXED FOR IE */}

    .buttongo {display: none;}

    /* Filter Function takes all the width */

    #projects_grid .filter li a { width: 100%; margin-top: 2%;}

    .tiles.three_up, .tiles.four_up {
        margin-left: 0% !important;
    }
    .tiles.three_up > li {
        margin-left: 0% !important;
        width: 48.7777% !important;
        margin-top: 2%;}

    .tiles.three_up > li:nth-child(2n+2) {
        margin-left: 2% !important;
        width: 48.7777% !important;
        margin-top: 2%;}

}



/* Cellphones */

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

    #sidebar {
        margin-left:0px;}

    .mobile-menu {
        display:block;
    }

    form  { overflow:hidden; }

    /* Header Lower height */

    #header {margin-top: 0px; padding:100px 0; }

    /* Showing Well the background */

    #header {
        background: url('http://placehold.it/1600x600')30% 100% no-repeat fixed;
        background-position:center;
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-attachment : fixed;  /* FIXED FOR IE */}

    /* Not Showing the Navigation */

    .cbp-af-header {display: block; border:0;}
    #feature-bg, .slider-holder{display:none;}
    .mobile-feature{display:block; position:relative; height:360px;}
    .mobile-feature img{padding-bottom:10px;}
    .mobile-feature h3{color:#fff; font-size:18px; padding-top:20px!important;}
    #feature-bg-mobile{display:block;
        background-image: url("/wp-content/uploads/elements.png");
        background-size:100%;
        background-position:0 -230px;
        height:175px;
        margin-top:0px;
        background-color:#243442;
        position:absolute;
        width:100%;}

    /*
    .mobile-menu-inner .nav-mobile li{border:0; text-align:center; background-color:#f1f1f1;}
    .mobile-menu-inner .nav-mobile li:hover {background-color: #1482e0; border-bottom: 0;}
    */
    
    #collapse{padding-top:0; padding-bottom:10px; margin-bottom:0; display:block;}
    #about-us{padding-top:10px;}
    #logo{text-align:center; width:100%;}
    .container h3 {padding-top:10px; padding-bottom:15px;}
    .row .four .logo, .row .four .logoright, .row .four .logoleft{height:auto!important; text-align:center!important;}
    #contact-us{background-position: -620px 0;}
    #contact-us li a{color:#fff!important;}
    #contact-us .seven{margin-top:30px!important; margin-bottom:20px;}
    #contact-us .footer-nav{margin-top:0!important;}
    #collapse .row{background-color:#fff!important; padding-bottom:10px; border-bottom:1px solid #e5e5e5;}
    .resources .two{display:none;}
    .resources li.service{margin-bottom:0!important;}
    .tabbed li{margin-right:10px!important;}
    .entry-wrap{padding-bottom:10px!important;}
    li.menu-item-331{display:inline-block!important;}
    ul, ol{margin-bottom:0!important;}

    #our-services #tabs a.design{ height:50px!important; width:65px!important; display:inline-block; background-image:url("/wp-content/uploads/design-sm.jpg")!important; background-position:top; color:#b8b1a9;}
    #our-services #tabs a.engineering{ height:50px!important; width:65px!important; display:inline-block; background-image:url("/wp-content/uploads/engineering-sm.jpg")!important; background-position:top; color:#b8b1a9;}
    #our-services #tabs a.prototyping{ height:50px!important; width:65px!important; display:inline-block; background-image:url("/wp-content/uploads/prototyping-sm.jpg")!important; background-position:top; color:#b8b1a9;}
    #our-services #tabs a span{position:relative; top:55px!important; font-size:12px!important;}


    .navbar-toggle {
        right:0;
        position:absolute;
        float:right;
        display:block;
        padding: 9px 10px;
        margin-top: 8px;
        margin-right: 15px;
        margin-bottom: 8px;
        background-color: #1482e0;
        border: 1px solid #1482e0;
        border-radius: 4px;
        width:35px;
        height:35px;
        background-image:url("/wp-content/uploads/bars.png");
        background-position:center;
        background-repeat:no-repeat;
    }

    .newboxes {
        display: none;
    }


    /* Align Center the interblock Text & Button */

    .container .interblock_footer , .container .interblock_footer .buttongo {text-align: center;}

    /* Lower height of the interblock footer */

    .container .interblock_footer {padding:0px 0 20px 0 ;}

    /* Not Showing the text on the interblock Footer */

    .container .interblock_footer p, .interblock_footer h2 {display: none;}

    /* Bigger Social Icon */

    .interblock_footer .icon { font-size: 40px; text-align: center; }

    .interblock_footer ul {text-align: center;}

    /* Align center the Contact Info footer text */

    #contact_info p {text-align: center;}

    /* 100% Width of works Items & IMG */

    #projects_grid .items .item {width: 100%; margin-left:0;}

    .tiles.three_up > li {margin-top: 4%;}

    #projects_grid .items .item img {width:100%;}

    /* Lower margin-top for better scrolling */

    .slide_portfolio .closeit { cursor: pointer; margin-top:10px; margin-bottom:0px;}

    /* Padding on Portfolio Detail Text */

    #portfolio_detail p {padding: 0 20px;}

    /* Filter Function takes all the width */

    #projects_grid .filter li a { width: 100%; margin-top: 2%;}

    /* Team Row takes all the width */

    #team .row {width:100%;}

    /* 100% of the Member Pictures */

    .row .member img { width: 100%; height:auto; }

    /* Not Showing the interblock button Go To ( useless with iphone ) */

    .buttongo {display: none;}

    /* Service Settings */

    .service .service {width:100%; margin-bottom: 2%; margin-top: 2%;}

    /* Align center the Title of each Service */

    .service .service h3 {text-align: center;}

    /* Don't show the Text of each Service ( too much for scrolling ) */

    .service .service p {display: none;}

    /* 100% Width of Each Service Picture */

    .service .service img {width:100%; }

}



/* 14. MEDIA QUERIES FOR TABLET SETTINGS ================================================== */



@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 1)  {

    #sidebar {margin-left:0px;}

    .tiles.three_up, .tiles.four_up {margin-left: 0%;}

    #projects_grid .items .item  {width:48%;}

    .service .service p {display: block;}

    .buttongo {display: block; cursor: pointer;}

    .interblock  {text-align: left;}

    /* Lower height of the interblock footer */

    .interblock_footer {padding:0px 0 20px 0 ;}

    /* Not Showing the text on the interblock Footer */

    .interblock_footer .eight.columns {display: none;}

    /* Bigger Social Icon & Align Center the Icon*/

    .interblock_footer .four.columns {width:100%; text-align: center;}

    .interblock_footer .icon { font-size: 40px;}

}

.hidden {
    display:none;
}


/* 15. STANDARD WORDPRESS STYLES
================================================== */

.alignleft { float: left }

.alignright { float: right }

.alignnone { text-align:center; }

.aligncenter {
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

input[type="password"] {
    color: #777;
    border: none;
    background: #EEE;
    font: 13px/22px "Noto Sans", sans serif;
    width: 100%;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance:none;
}

sup{
    font-size:xx-small;
    vertical-align:top;
}

sub{
    font-size:xx-small;
    vertical-align:bottom;
}

tbody {
    border:1px solid #EEE;
}

tr {
    border-bottom: 1px solid #EEE;
}

th {
    padding:10px;
}

td {
    padding:10px;
    padding-right:20px;
}

.search-form {
    position: relative;
}

.bypostauthor { }

.archive .gallery-wrap, .search .gallery-wrap {
    display: none;
}
.gallery-wrap {
    margin-bottom: 25px;
}

.sticky {
}

.wp-caption {
    color: #999;
    max-width: 100%; /* Image does not overflow the content area */
    text-align: center;
    text-transform: uppercase;
    overflow:hidden;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 40px 10px 0;
}

.wp-caption.alignright {
    margin: 5px 0 10px 40px;
}

img.alignleft, img.alignright {
    padding: 5px;
}

img.alignleft {
    margin: 5px 40px 10px 0;
}

img.alignright {
    margin: 5px 0 10px 40px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption img {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
    overflow:hidden;
}

.wp-caption:hover img {
    -webkit-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
}

.wp-caption p.wp-caption-text {
    position:relative;
    font-size: 10px !important;
    margin: 0 !important;
    padding: 3px 0 0 0!important;
    z-index:999;
}


.even .wp-caption p.wp-caption-text {
    position:relative;
    font-size: 10px !important;
    margin: 0 !important;
    padding: 3px 0 0 0!important;
    z-index:999;
    background:#FFF;
}


.odd .wp-caption p.wp-caption-text {
    position:relative;
    font-size: 10px !important;
    margin: 0 !important;
    padding: 3px 0 0 0!important;
    z-index:999;
    background:rgb(244, 244, 246);
}


#widget {
    width:100%;
}

.gallery {
    margin-bottom: 30px !important;
    text-align: center;
}

.gallery-caption {
    text-align: center;
}

.gallery-item {
    display: inline-block !important;
    float:left !important;
    margin-right: 2px;
    margin-bottom: 2px;
    width:33% !important;
}

.gallery-icon {
}

.gallery-item img {
    height: auto;
    padding: 5px;
    border: solid 1px #e6e6e6 !important;
}

.widgetContainer {
    position: absolute;
    max-width: 900px;
    min-width: 288px;
    height: 100%;
}

.gallery dl {}
.gallery dt {}
.gallery dd {}
.gallery dl a {}
.gallery dl img {}
.gallery-caption {}

.size-full {}
.size-large {}
.size-medium {}
.size-thumbnail {}

.wp-smiley {
    margin: 0 !important;
    max-height: 1em;
}

blockquote.left {
    margin-right: 20px;
    text-align: right;
    margin-left: 0;
    width: 33%;
    float: left;
}

blockquote.right {
    margin-left: 20px;
    text-align: left;
    margin-right: 0;
    width: 33%;
    float: right;
}

li.categories {}
li.cat-item {}
li.cat-item-id {}
li.current-cat {}
li.current-cat-parent {}
ul.children {
    margin-top:30px;
}

.linkcat {}
.blogroll {}

.entry-title {
    color: #4D4C4C;
    font: 16px 'Raleway', sans-serif;
    letter-spacing: 2px;
    font-weight: 700;
    padding-bottom: 35px;
}

.entry-title a {
    color:#333;
}

.entry-title a:hover {
    color:#333;
}

.fitvid, .flexslider, .featured-image img {
    margin-bottom:30px;
}

.single .centered .more-link {
    display:none;
}

.meta {
    margin-top:30px;
}

.meta strong {
    font-weight:normal;
}

.meta a {
    color: #aaa;
    border-bottom: 1px dotted #888;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.meta a:hover {
    color:#333;
}

.centered .more-link {
    text-align:left;
    float:left;
    margin-top:30px;
}

.centered .more-link:hover {
}

.entry-wrap {
    padding-bottom:50px;
}

#nav-footer a {
    margin-top:0px;
    margin-right:10px;
    float:left;
    text-align:left;
    color: #4D4C4C;
    text-transform:uppercase;
    font-size:14px;
    display: inline-block;
    background-color: #fFF;
    border-bottom: 4px solid #e5e5e5;
    padding: 6px 20px 5px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#nav-footer a:hover {
    background-color: #F17C71;
    border-bottom: 4px solid #E95855;
    color: #FFF;
}

.offset {
    margin-left: 6.25524% !important;
}

.entry-content header {
    margin-bottom:30px;
}

.entry-content h2 {
    margin-top:0px;
}
.entry-content .twelve {
    margin-bottom:30px;
}
.entry-content img {
    margin-bottom:10px;
}
#sidebar .widget img {
    max-width:100%;
}

#sidebar {
    margin-left:30px;}

#sidebar select {
    max-width:100%;
    background: rgba(0,0,0,0.2);
    background:url(images/bg2.png) repeat;
    color: #333;
    -webkit-appearance:none;
    border:none;
    padding-top:10px;
    padding-bottom:10px;
    padding:10px;
}

#sidebar .widget input.search-form-input {
    width:90%;
    height:40px;
    background:#FFF;
    background-position:98% 6px;
    border:1px solid #e5e5e5;
    background-repeat:no-repeat;
    color:#111;
    text-transform:uppercase;
    font-family: 'Raleway', sans-serif;
    -webkit-appearance:none;
    border:none;
    padding-top:10px;
    padding-bottom:10px;
    padding:10px;
    letter-spacing:1px;
}

#sidebar .widget input.search-form-input:focus {
    background:#FFF;
    border-color:#ec7e7e;
    box-shadow:0 0 2px rgba(236,126,126,0.7);

}

.contact form input:focus:invalid,
.contact form textarea:focus:invalid{
    background:#FFF url(images/invalid-red.png) no-repeat 98% 6px;
    border-color:#ec7e7e;
    box-shadow:0 0 2px rgba(236,126,126,0.7);}

#sidebar .widget input.submit.search-button {
    display:none;
}

#sidebar .widget_meta {}

#sidebar .widget_meta ul {
    list-style:none;
}

#sidebar .widget_meta ul li {
    margin-bottom: 8px;
    padding-bottom: 8px;
    padding-left:0px;
    border-bottom: none;
}

#sidebar .widget_meta ul li:before {

    content:"-";
    padding-right:5px;
    color:#333;
}

#sidebar .widget {
    font-size:13px !important;
}

#sidebar .widget_meta ul li a {}

#sidebar .widget_meta ul li:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: none;
}

#sidebar .widget_links {}

#sidebar .widget_links ul {
    list-style:none;
}

#sidebar .widget_links ul li {
    margin-bottom: 8px;
    padding-bottom: 8px;
    padding-left:0px;
    border-bottom: none;
}

#sidebar .widget_links ul li:before {

    content:"-";
    padding-right:5px;
    color:#333;
}

#sidebar .widget_links ul li a {}

#sidebar .widget_links ul li:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: none;
}

#sidebar .widget_twitter ul {
    list-style:none;
}

#sidebar .widget_twitter ul li {
    background:none;
    padding-left:0px;
}

#sidebar .widget_archive {}

#sidebar .widget_archive ul {
    list-style:none;
}

#sidebar .widget_archive ul li {
    margin-bottom: 8px;
    padding-bottom: 8px;
    padding-left:0px;
    border-bottom: none;
}

#sidebar .widget_archive ul li:before {

    content:"-";
    padding-right:5px;
    color:#333;
}

#sidebar .widget_archive ul li a {}

#sidebar .widget_archive ul li:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: none;
}

#sidebar .widget_archive select {
    appearance:none;
    moz-appearance: none;
    -webkit-appearance: none;
    background: rgba(0,0,0,0.2);
    background:url(images/bg2.png) repeat;
    color: #333;
    border:none;
    padding:15px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;width:100%;
}

#footer .widget_archive option {}

#sidebar .widget_pages {}

#sidebar .widget_pages ul {
    list-style:none;
}

#sidebar .widget_pages ul .children {
    padding-top:20px;
    padding-bottom:20px;
}

#sidebar .widget_pages ul li {
    margin-bottom: 8px;
    padding-bottom: 8px;
    padding-left:0px;
    border-bottom: none;
}

#sidebar .widget_pages ul li:before {

    content:"-";
    padding-right:5px;
    color:#333;
}


#sidebar .widget_pages ul li a {}

#sidebar .widget_pages ul li:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: none;
}

#sidebar .widget_links {}

#sidebar .widget_links li:after {}

#sidebar .widget_links li:before {}

#sidebar .widget_tag_cloud {}

#sidebar .widget_tag_cloud a {}

#sidebar .widget_tag_cloud a:after {}

#sidebar .widget_tag_cloud a:before {}

#sidebar .widget_calendar {}

#sidebar #calendar_wrap {
    width:100%;
}

#wp-calendar {
    max-width:80%;
    position:relative;
}

#sidebar #calendar_wrap th {}

#sidebar #calendar_wrap td {}

#sidebar #wp-calendar tr td {}

#sidebar #wp-calendar caption {}

#sidebar #wp-calendar a {}

#sidebar #wp-calendar #today {}

#sidebar #wp-calendar #prev {}

#sidebar #wp-calendar #next {}

#sidebar #wp-calendar #next a {}

#sidebar #wp-calendar #prev a {}

#sidebar .widget_categories {}

#sidebar .widget_categories ul {
    list-style:none;
}

#sidebar .widget_categories ul li {
    margin-bottom: 8px;
    padding-bottom: 8px;
    padding-left:0px;
    border-bottom: none;
}

#sidebar .widget_categories ul li:before {

    content:"-";
    padding-right:5px;
    color:#333;
}

#sidebar .widget_categories ul ul.children {}

#sidebar .widget_categories ul li:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: none;
}

#sidebar .widget_categories a {}

#sidebar .widget_categories select{}

#sidebar .widget_categories select#cat {
    appearance:none;
    moz-appearance: none;
    -webkit-appearance:
        none;
    background: rgba(0,0,0,0.2);
    background:url(images/bg2.png) repeat;
    color: #333;
    border:none;
    padding:15px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    width:100%;
}

#sidebar .widget_categories select.postform {}

#sidebar .widget_categories option {}

#sidebar .widget_categories .level-0 {}

#sidebar .widget_categories .level-1 {}

#sidebar .widget_categories .level-2 {}

#sidebar .widget_categories .level-3 {}

#sidebar .recentcomments {}

#sidebar #recentcomments {}

#sidebar #recentcomments li {
    margin-bottom: 8px;
    padding-bottom: 8px;
    padding-left:0px;
    border-bottom: none;
}

#sidebar #recentcomments li:before {

    content:"-";
    padding-right:5px;
    color:#333;
}

#sidebar #recentcomments li a {}

#sidebar #recentcomments ul li:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: none;
}

#sidebar #recentcomments li:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: none;
}

#sidebar .widget_recent_comments {}

#sidebar .widget_recent_entries {}
#sidebar .widget_recent_entries ul {
    list-style:none;
    padding-top:0px;
}

#sidebar .widget_recent_entries ul li {
    margin-bottom: 8px;
    padding-bottom: 8px;
    padding-left:0px;
    border-bottom:none;
}

#sidebar .widget_recent_entries ul li:before {

    content:"-";
    padding-right:5px;
    color:#333;
}

#sidebar .widget_recent_entries ul li a {
}

#sidebar .widget a {
}


#sidebar .widget_recent_entries ul li:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: none;
}

.tagcloud a {
    background: #FFF;
    padding: 7px 10px;
    margin-bottom:10px;
    line-height:30px;
    color: #999;
    font-size:11px !important;
    text-transform:uppercase;
    letter-spacing:1px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.tagcloud a:hover {
    color:#FFF;
    background: url(images/bg4.png) repeat;
    background: rgba(0,0,0,0.4);

}

#sidebar .widget_recent_entries {
}

#sidebar .widget ul li {
    padding-bottom:10px;
    display:block;
}

#sidebar .widget:last-child {
    margin-right: 0;
    padding-right:0;
}

#sidebar .widget:first-child {
    margin-left: 0;
    padding-left:0;
}

#sidebar .widget {
    margin-bottom:40px;
}

#sidebar .widgettitle {
    text-align: left;
    display: block;
    font-size: 14px;
    color:#333;
    text-transform: uppercase;
    letter-spacing: 0px;
    text-decoration: none;
    margin-bottom: 25px;
}

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
    outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* FlexSlider Necessary Styles */
.flexslider {
    margin: 0;
    padding: 0;
}

.flexslider .slides > li {
    display: none;
    list-style:none !important;
    -webkit-backface-visibility: hidden;

} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
    width: 100%;
    display: block;
    position:relative;
    z-index:999;
}

.flex-pauseplay span {
    text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

html[xmlns] .slides {

    display: block;
}

* html .slides {
    height: 1%;
}

/* No JavaScript Fallback */
.no-js .slides > li:first-child {
    display: block;
}

/*main*/
.flexslider-container {
    position: relative;
    z-index:999;
    margin-bottom:0px;
}

.flexslider {
    zoom: 1;
    position: relative;
}

.flexslider ul {
    margin: 0 !important;
    list-style:none !important;
}

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

/*main*/
.flexslider-container {
    position: relative;
    z-index:999;
    margin-bottom:30px;
}

.flexslider {
    zoom: 1;
    position: relative;
}

.flexslider ul {
    margin: 0 !important;
    list-style:none !important;
}

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.flex-direction-nav li {list-style:none;}

/* Direction Nav */
.flex-direction-nav a {background:url(images/bg_direction_nav.png) no-repeat 0 0; width: 30px; height: 30px; margin: -20px 0 0; display: block; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;text-align:center;color:#666;z-index:999;}
.flex-direction-nav .flex-next {right: 0px; background-position: 100% 0; opacity: 0.3;}
.flex-direction-nav .flex-prev {left: 0px;opacity: 0.3;}
.flexslider .flex-next:hover {opacity: 0.8; right: 0px;}
.flexslider .flex-prev:hover {opacity: 0.8; left: 0px;}


.flexslider-container .flex-direction-nav a {background:url(images/bg_direction_nav.png) no-repeat 0 0; width: 30px; height: 30px; margin: 0px 0 0; display: block; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;text-align:center;color:#666;z-index:999;}
.flexslider-container .flex-direction-nav .flex-next {right: 30px; background-position: 100% 0; opacity: 0.7;}
.flexslider-container .flex-direction-nav .flex-prev {left: 30px;opacity: 0.7;}
.flexslider-container .flexslider:hover .flex-next {opacity: 1.0; right: 30px;}
.flexslider-container .flexslider:hover .flex-prev {opacity: 1.0; left: 30px;}

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

.flexslider .flex-control-nav {margin: 0px !important; width:100%;padding:0px; padding-top:10px;padding-bottom:10px; position: absolute; bottom: 20px; padding-right:0px;right: 0px; text-align: center;}
.flexslider .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flexslider .flex-control-paging li a {width: 5px; height: 5px; display: block; background: transparent; border:2px solid #999; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;}
.flexslider .flex-control-paging li a:hover { background: #999; }
.flexslider .flex-control-paging li a.flex-active { background: #999; }

#nav-footer {
    background:#f1f1f1;
    padding:0px 0 0 0;
}

.form-submit {
    text-align:left;
}

#commentform  {
    width: 100%;
}

#respond input[type="text"], #respond textarea {
    color: #77777b;
    border: none;
    font-weight:300;
    text-transform:uppercase;
    letter-spacing:1px;
    background: #FFF url(images/invalid.png);
    background-position: 98% 6px;
    background-repeat: no-repeat;
    box-shadow: inherit;
    font: 14px/22px "Lato", sans serif;
    width: 100%;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance:none;
}

#respond .comment-form-comment {
    width: 100%;
    display: inline-block;
}

#respond .comment-form-comment label {
    display:none;
}

.logged-in-as {
    margin-bottom:30px;
}

#respond input:focus, #respond textarea:focus {
    outline: none;
}

#respond textarea {
    line-height: 22px;
    width: 100%;
    resize:none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#commentform #submit {
    margin-top:30px;
    float:left;
    border:0px;
    text-align:left;
    color: #4D4C4C;
    cursor:pointer;
    text-transform:uppercase;
    font-size:14px;
    display: inline-block;
    background-color: #fFF;
    border-bottom: 4px solid #e5e5e5;
    padding: 12px 20px 10px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#commentform #submit:hover {
    background-color: #F17C71;
    border-bottom: 4px solid #E95855;
    color: #FFF;
}

.form-allowed-tags {
    display:none;
}

.commentlist {
    padding-top:0px;
    list-style-type: none !important;
    list-style:none;
    width:100%;
    margin-left:0px;
    padding-left:0px;
}

.post-details {
    float:right;
    width:25%;
    height:auto;
}

.commentlist li {
    position: relative;
    padding: 0 0 25px 0;
    margin: 0 0 25px 0;
    position: relative;
    list-style:none;
}

.commentlist li:last-child {
    position: relative;
    padding: 0 0 30px 0;
    margin: 0 0 0px 0;
    position: relative;
    max-width:100%;
    list-style:none;
}

.children li {
    padding-left: 40px !important;
    border-left: 5px solid #cccccc;
}

.children li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

#reply-title {
    display:none;
}

.archive-title-wrapper {
    text-align:center;
    background: url("images/line.gif") no-repeat scroll center 55px #FFF;
    color: #4D4C4C;
    font: 16px 'Raleway', sans-serif;
    letter-spacing: 2px;
    font-weight: 700;
    padding-bottom: 35px !important;
    padding-top: 25px !important;
    text-align: center;
    text-transform: uppercase;
}

.slider-holder{padding-bottom:50px;}
.row p {margin:15px 0 15px 0;}
.row .four .logo {height:120px; overflow:hidden; margin-bottom:20px; text-align:center;}
.row .four .logoleft {height:120px; overflow:hidden; margin-bottom:20px; text-align:left;}
.row .four .logoright {height:120px; overflow:hidden; margin-bottom:20px; text-align:right;}
.row .four .logotxt{text-align:center; font-weight:800; color:#93999f; height:60px; text-transform:uppercase;}
.row .six {text-align:left;}

.resources header, .resources a.more-link{display:none;}
/* TOM EDIT */
.members{ /* background-color:#efefef!important */}
#clients.members {background-color: #ffffff;}

.resources{background-color:#fff!important;}
.resources, .resources .service{background-color:#efefef!important;}
.resources a{color:#555555;}
.projects{background-color:#efefef!important;}
.resources  h4{font-weight:800;}
.resources a{color: #555555;}
.resources h5, .other-projects h5{text-transform:uppercase; font-weight:600; margin:10px 0 50px 0; text-align:center;}
.resources .service{border:0;}
.resources .service img { width:auto !important;}
.resources .buttom, .centered .buttom, .entry-content .buttom{background-color:#1482e0!important; border-radius:5px!important; border-bottom:0!important; font-size:14px!important; font-weight:500!important; text-transform:uppercase;}

.pull-left{float:left;}
.pull-right{float:right;}
.pull-left img, img.pull-left{padding:0px;}
.pull-right img, img.pull-right{padding:0px;}

.white-footer{background-image:none!important; background-color:#fff!important;}
.white-footer .footer-nav{margin-top:0!important;}
.white-footer .copywrite{color:#3b3331!important;}
.white-footer .footer-nav a{color:#3b3331!important; margin-right:10px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;}
.white-footer .footer-nav a:hover{color:#85909a!important;}

.tabbed li{ display:inline-block; text-transform:uppercase; font-weight:600; margin-right:0px;}
.tabbed li a{ color:#4D4C4C;}

#resources .tabbed li{ display:inline-block; text-transform:uppercase; font-weight:600; margin-right:10px;}

#contact-us .seven{margin-top:50px;}
#contact-us li{ display:inline; font-size:50px;}
#contact-us li a{color:#5c6872; margin-right:10px;}
#contact-us li :hover {
    color:#fff;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
#contact-us p a {color:#fff;}
#contact-us p a:hover {
    color:#85909a;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
#contact-us{ background-image:url("/wp-content/uploads/brightpoint-map.png"); background-size:cover; background-color:#243442; color:#fff;}
#contact-us h3 {color:#fff;}
#contact-us .copywrite{color:#85909a;}
#contact-us .footer-nav a{color:#85909a; margin-right:10px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;}
#contact-us .footer-nav a:hover{color:#fff}
#contact-us .footer-nav{margin-top:105px; font-weight:100;}

#our-services #tabs a.design{ height:112px; width:145px; display:inline-block; background-image:url("/wp-content/uploads/design.png"); background-position:top; color:#b8b1a9;}
#our-services #tabs a.engineering{ height:112px; width:145px; display:inline-block; background-image:url("/wp-content/uploads/engineering.png"); background-position:top; color:#b8b1a9;}
#our-services #tabs a.prototyping{ height:112px; width:145px; display:inline-block; background-image:url("/wp-content/uploads/prototyping.png"); background-position:top; color:#b8b1a9;}
#our-services #tabs a span{position:relative; top:120px;}
#our-services #tabs .ui-state-hover a, #our-services #tabs .ui-state-active a{background-position:bottom; color:#4D4C4C;}

#additional-resources #tabs a.whitepaper, #tabs a.whitepapers, #resources #tabs a.whitepapers, a.whitepapers{ height:69px; width:102px; display:inline-block; background-image:url("/wp-content/uploads/pdf1.png"); background-position:top; background-repeat:no-repeat; color:#b8b1a9;}
#additional-resources #tabs a.sourcecode, #resources #tabs a.sourcecode, #resources #tabs a.sourcecode, a.sourcecode{ height:69px; width:102px; margin-left:50px; display:inline-block; background-image:url("/wp-content/uploads/source.png"); background-position:top;  background-repeat:no-repeat; color:#b8b1a9;}
#additional-resources #tabs a span, #resources #tabs a span{position:relative; top:90px; line-height:100%;}
#additional-resources #tabs .ui-state-hover a, #additional-resources #tabs .ui-state-active a, #resources #tabs .ui-state-hover a, #resources #tabs .ui-state-active a{background-position:bottom; color:#4D4C4C;}
#additional-resources #tabs-1, #additional-resources #tabs-2, #resources #tabs-1, #resources #tabs-2{margin:75px 0 0 0;}
#our-services #tabs-1, #our-services #tabs-2, #our-services #tabs-3{margin:45px 0 0 0;}


.other-projects .columns {
    margin-left: 1.12766%!important;
 }
.columns:nth-child(4), .columns:nth-child(7), .columns:nth-child(10), .columns:nth-child(13), .columns:nth-child(16), .columns:nth-child(19), .columns:nth-child(22){
    margin-left:0px!important;
}


.slides .active img{z-index:77777!important;; position:relative!important;}

a.launch{position:relative; width:100%; display:block;}
a.launch img:hover{ opacity:0.5; }
a.launch span.zoom{display:none;}
a.launch span.zoom strong{padding-left:3px;}
a.launch:hover span.zoom{position: absolute; border-radius:5px; top: 0; left: 0; right:0; bottom:0; display: block; background-color: rgba(0,0,0,0.5);  background-image:url("/wp-content/uploads/zoom.png"); background-position:center; background-repeat:no-repeat; text-indent:-5000px;}

.icon span{display:none;}
.mar35{margin-top:35px;}
.mar17{margin-top:17px;}


/* TG: COMMENTS STYLES ================================================== */
div.commentstyle h3 {
	font-size:21px;
}

div.comment-text {
	background:#FFFFFF;
	padding:5px;
}

.commentlist li{
	margin:0px;
}

div.comment-author img {
	width:40px;
	height:40px;
}