/*
 * Theme Name: Cell Culture
 * Theme URI: http://yourwebsite.com
 * Description: A child theme for Divi.
 * Author: Net Oxygen Sàrl
 * Author URI: https://netoxygen.ch
 * Template: Divi
 * Version: 1.0.0
 **/

/****************************
RESET STYLES * HTML5
****************************/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
body { font:12px/1.8em 'Open Sans', sans-serif; color:#333; overflow-x:hidden; margin-bottom:50px; } 
body embed { position:absolute; top:0; right:0; }
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display:block; }
nav ul, ul li { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #CCC; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }
input, textarea, select { font:12px 'Open Sans'; color:#323232; border:0; padding:4px; }
h1, h2, h3, h4, h5, h6 { font-family:'Open Sans', sans-serif; display:block; color:#323232; margin-bottom:15px; font-weight:normal; }
h1 { font-size:36px; }
h2 { font-size:28px; }
h3 { font-size:26px; }
h4 { font-size:24px; line-height:normal; }
h5 { font-size:15px; line-height:normal; }
a:link, a:visited { color:#7e7e7e; text-decoration:none; transition:all 0.2s ease-out 0s; -webkit-transition:all 0.2s ease-out 0s; -moz-transition:all 0.2s ease-out 0s; }
a:hover { color:#333; }
p { margin-bottom:20px; }
img, iframe { vertical-align:top; }
input, textarea { -webkit-appearance:none; -webkit-border-radius:0; }
select { -webkit-border-radius:0; }
img { -webkit-transform:rotate(0); -moz-transform:rotate(0); transform:rotate(0); -moz-backface-visibility: hidden; }
.last { margin:0 !important; }
::selection { background:#72798a; color:#FFF; }
::-moz-selection { background:#72798a; color:#FFF; }
input:focus, textarea:focus { outline: none; }
input[type="submit"] { transition:all 0.2s ease-out 0s; -webkit-transition:all 0.2s ease-out 0s; -moz-transition:all 0.2s ease-out 0s; }

sup {vertical-align: super; font-size: smaller;}

sub {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; bottom: -0.25em;}
#main-header {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
/****************************
IE8 HTML5
****************************/

header, nav, section, article, aside, footer, hgroup { display: block; }


/****************************
GLOBAL STYLES
****************************/

.clear:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
#container { width:1200px; margin:0 auto; background:#FFF; }
.select-menu { display:none; }
.wrap { width:1020px; margin:0 auto; border-top:4px solid #1D1D1D; }
header { margin-top:75px; padding-bottom:60px; background:url('img/line-separator.png') repeat-x bottom; }
.logo { float:left; }
.menu { float:right; margin-top:10px; }
.menu ul li { margin-left:20px; }
.menu ul li a:link, .menu ul li a:visited { color:#6e6e6e; font:14px 'Open Sans', sans-serif; text-transform:none; }
.menu ul li a:hover { color:#333; }
.menu ul li.current_page_item a, .menu ul li.current-menu-parent a, .menu ul li.current-menu-ancestor a { color:#323232; font-weight:700; }
footer { margin-top:40px; color:#777; font-family:'Open Sans', sans-serif; padding-bottom:80px; }
.footer-main { font-size:11px; position:relative; }
.footer-widgets { padding-bottom:45px; background:url('img/single-separator.png') repeat-x bottom; margin-bottom:40px; }
.copyright a:hover { color:#666; }


/****************************
LAYOUT
****************************/

#welcome, #services, .cycle-slider, .psingle { margin-top:50px; background:url('img/single-separator.png') repeat-x bottom; padding-bottom:40px; }
.psingle { background:none; padding-bottom:0; }
#welcome h1 { text-transform:none; line-height:40px; font-weight:300; margin-bottom:20px; }
#welcome h1 a:link, #welcome h1 a:visited, #welcome h1 span { color:#c0c0c0; }
#welcome h1 a:hover { color:#FFF; background:#c0c0c0; }
#welcome a.view, .cycle-swing-text a.view { color:#7e7e7e; font:18px 'Open Sans', sans-serif; padding-right:35px; background:url('img/view-arrow.png') no-repeat right 7px; }
#welcome a.view:hover, .cycle-swing-text a.view:hover { color:#666; }

#cpage h4 { font-weight:300; }
#projects, #works, #team, #cpage { margin-top:45px; padding-bottom:48px; background:url('img/line-separator.png') repeat-x bottom; }
#projects ul.skills, .other-works ul, .home-portfolio ul { overflow:hidden; }
#projects ul li.skills, #works ul li, .other-works ul li, .home-portfolio ul li { float:left; background:#1D1D1D; line-height:18px; }
.psingle-desc ul.skills { margin:20px 0 !important; }
.flex-direction-nav li { float:left; }
.details { margin:20px; color:#a5a4a4; }
.details h5 a:link, .details h5 a:visited { color:#FFF; font-weight:700; text-transform:none; }
.details a:link, .details a:visited { color:#686868; }
.details a:hover { color:#a5a4a4; } 
.thumbs-animate, .thumbs-team-animate { width:255px; height:254px; position:relative; overflow:hidden; cursor:pointer; color:white; }
.thumbs-animate img, .thumbs-team-animate img.wp-post-image, .thumbs-animate iframe { position:absolute; z-index:3; }
.thumbs-team-animate { width:316px; height:287px; }

#services { width:100%; }
#services ul { width:766px; }
.services-list ul { width:100% !important; }
#services ul, #works ul { float:right; }
#services ul li { float:left; background:#F5F5F5; border:1px solid #E3E3E3; padding:20px; width:198px; margin-right:20px; margin-bottom:20px; color:#777; }
.home #services ul li { width:200px; }
#services ul li:last-child, #team ul li:last-child, .blog-fullwidth .blist:last-child { margin-right:0; }
.services-desc { width:240px; float:left; color:#777; }
.services-desc h4, #team h4, #respond h4, #projects h4, #main-content h4 { text-transform:none; font-weight:300; }
.services-list h5 { text-transform:none; font-weight:300; font-size:14px; padding-top:10px; margin-bottom:20px; }
.services-list i { float:left; margin-right:10px; }
.services-list p { margin-bottom:0; }
a.arrow-link { background:#F5F5F5 url('img/view-arrow.png') no-repeat center; border:1px solid #E4E4E4; padding:8px 20px; float:right; }
a.arrow-link:hover { background:#ededed url('img/view-arrow.png') no-repeat center; }
a.view-all, #submit, a.back, a.visit, .widget-newsletter input[type='submit'], .protected input[type='submit'] { 
    background:#F5F5F5 url('img/view-arrow.png') no-repeat right 14px; border:1px solid #E4E4E4; padding:10px 35px 10px 25px; display:inline-block; color:#494949; 
}
a.view-all:hover, #submit:hover, a.visit:hover { background:#ededed url('img/view-arrow-hover.png') no-repeat right 14px; }
#submit { background-position:70px 13px; cursor:pointer; }
#submit:hover { background-position:72px 13px; }

#team ul, .blog-fullwidth .blog-list { margin-top:45px; }
#team ul li, .blog-fullwidth .blog-list .post { float:left; margin-right:35px; background:#F3F3F3; }
.team-details, .blog-details { background:#F8F8F8; border-bottom:1px solid #E9E9E9; border-right:1px solid #E9E9E9; padding:10px 20px; }
.team-details h5 { font-size:13px; margin-bottom:2px; text-transform:none; }
.team-details span { font:italic 11px 'Open Sans', sans-serif; color:#9d9d9d; }
.team-social { position:relative; top:50%; z-index:2; }
.team-social ul { float:left; margin-top:0 !important; position:relative; left:50%; }
.team-social ul li { position:relative; right:50%; }

.our-works { position:relative; }
ul.showcase, #projects ul { margin-top:45px; }
.cat-list, a.back { position:absolute; right:0; top:-10px; width:auto; }
.cat-list ul { margin-top:0 !important; border:1px solid #E5E5E5; }
.cat-list ul li { background:none !important; border-right:1px solid #E5E5E5; }
.cat-list ul li:last-child { border:0; }
.cat-list ul li a:link, .cat-list ul li a:visited { background:#F5F5F5; display:block; padding:12px 25px; color:#494949; }
.cat-list ul li a:hover { background:#f9f8f8; }
.cat-list ul li.current a, .cat-list ul li.current-cat a { background:#FFF; font-weight:600; }
.psingle { margin-top:50px; position:relative; }
.psingle-images { float:left; width:640px; }
.psingle-desc { float:right; width:348px; color:#777; position:relative; }
.psingle-desc h2 { font-weight:300; font-size:24px; margin-bottom:20px; }
.psingle-desc ul { margin-top:0 !important; }
a.back:link, a.back:visited { background:#F5F5F5 url('img/view-larrow.png') no-repeat 14px 14px; padding-left:35px; padding-right:25px; top:-12px; }
a.back:hover { background:#ededed url('img/view-larrow.png') no-repeat 12px 14px; }
.other-works { padding-top:40px; margin-top:40px; background:url('img/single-separator.png') repeat-x; }

.page-not-found { background:url('img/img404.png') no-repeat; margin:0 auto; width:405px; height:416px; color:#878787; text-shadow:0 1px 1px #FFF; position:relative; } 
.nfound { position:relative; top:50%; text-align:center; width:350px; margin:0 auto; }
.nfound h2 { font-size:48px; text-transform:none; color:#878787; font-weight:600; text-align:center; }
.nfound label { font-style:italic; font-size:13px; }

.blist { width:350px; float:left; margin-right:50px; margin-bottom:50px; }
.blog-details h4 { margin-bottom:4px !important; }
.blog-details h4 a { color:#474747; font:600 13px 'Open Sans', sans-serif; }
.blog-details span, .sdetail span { font-size:10px; text-transform:none; color:#9f9f9f; }
.blog-details span a:link, .blog-details span a:visited { color:#4e535e; }
.blog-details span a:hover { color:#000; }
.blog-fullwidth .blist, .blog-fullwidth .blist .last { margin-bottom:35px !important; width:316px; color:#777; }
.blist a:hover img, .blog-fullwidth ul li a:hover img { opacity:0.7; }
.sdetail { background:url('img/single-separator.png') repeat-x bottom; padding-bottom:20px; margin-bottom:20px; }
.blog-fullwidth .blist { width:316px; float:left; margin-right:35px; margin-bottom:35px; }

.pcontent { margin-top:30px; color:#777; }
.bsingle ol.flex-control-thumbs { display:none; }
.bsingle img, .bsingle .video-js { margin-bottom:20px; }
.bsingle h4 { margin-bottom:6px !important; }
.bsingle h4 a { font:600 18px 'Open Sans', sans-serif; color:#474747; }
.bsingle h4 a:hover { color:#666; }
.blog-list iframe { margin-bottom:0 !important; }
.blog-list .last { margin-right:0 !important; margin-bottom:50px !important; }
.blog-fullwidth .blog-list .last { margin-right:0 !important; margin-bottom:35px !important; }
.the-tags a:link, .the-tags a:visited { background:#EEE; padding:2px 6px; margin-right:6px; color:#333; text-transform:none; font-size:10px; }
.the-tags a:hover { background:#999; }
.post-link span.prev { float:left; }
.post-link span.next { float:right; }
.single #submit { background-position:95px 13px; }
.single #submit:hover { background-position:97px 13px; }
#comments { margin-top:30px; }
#respond h5, #comments h5 { margin-bottom:30px; text-transform:none; }
.parent { margin-bottom:15px; }
.parent img { float:left; margin-right:20px; }
.comment-details { float:right; width:650px; }
.comment-details h6 { margin-bottom:10px; }
.comment-details h6 a:link, .comment-details h6 a:visited, .comment-details h6 { color:#ff3000 !important; margin-right:6px !important; display:inline-block; font-size:16px; }
.comment-details span, #cancel-comment-reply-link { font:italic 11px 'Open Sans', sans-serif; }
#cancel-comment-reply-link {  margin-bottom:15px; display:block; }
.children .parent { margin:0 0 25px 80px; padding:20px 20px 0 20px; background:#F8F8F8; border-top:1px solid #E9E9E9; border-right:1px solid #E9E9E9; }
.children .parent .comment-details { width:530px; }
.children .children .parent { margin-left:180px !important; }
.children .children .parent .comment-details { width:430px; }
.comment #respond { margin-bottom:20px; }

.content { margin-top:30px; color:#777; }
.content h4 { margin-bottom:40px; }
.left-container { float:left; width:750px; }
.right.left-container { float:right; }
.left-container iframe { margin-bottom:30px; }
span.search-error { color:#FF0000; }

#cform { margin-top:30px; }
#respond input[type='text'], #respond textarea { border:1px solid #E1E1E1; padding:10px; width:211px !important; font-size:12px !important; }
#respond textarea { width:727px !important; height:120px; }
#respond ul li { float:left; margin-right:25px; margin-bottom:20px; font:600 12px 'Open Sans', sans-serif; }
#respond ul li.msg, #respond ul li.pselect { float:none !important; margin-right:0 !important; clear:both; }
#respond ul li.pselect span { font-weight:600; }
#respond ul li.pselect label { display:inline-block !important; font-weight:300; margin-top:4px; margin-bottom:0 !important; }
#respond ul li.pselect input[type='radio'] { display:inline; margin-top:-2px; }
#respond ul li label { display:block; margin-bottom:15px; }
#respond ul li span { font-weight:400; }
#respond p { margin-bottom:0 !important; }
#respond ul li label.error { display:none !important; }
#respond ul li input.error, #respond ul li textarea.error { border:1px solid #FF0000; }
.resize, .alignright, .alignleft, .aligncenter, .alignnone { margin-bottom:40px !important; max-width:100%; height:auto; }

.psingle-images ul.slides { margin-top:0 !important; }
.sticky .blog-details { background:#CCC; border-right:1px solid #999; border-bottom:2px solid #999; }

a#toTop { 
    position:absolute; top:-15px; right:0; background:#EDEDED url('img/top.png') no-repeat center; width:42px; height:42px; display:block;
    border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;
}
a#toTop:hover { background:#DDD url('img/top.png') no-repeat center; }


/****************************
SIDEBAR + WIDGETS
****************************/

.sidebar { float:right; width:240px; }
.left.sidebar { float:left; }
.sidebar h5, #respond h5, #comments h5 { font-size:14px; padding-bottom:15px; background:url('img/single-separator.png') repeat-x bottom; }
.sidebar .widget { margin-bottom:30px; }
.widget h5 { text-transform:none; }

.widget-blog ul li, .widget-twitter ul li { margin-bottom:30px; }
.widget-blog ul li img, .widget-twitter ul li img { margin-right:12px; margin-top:4px; float:left; }
.widget-blog ul li span { display:inline-block; color:#9f9f9f; font-size:10px; text-transform:none; }
.widget-blog a:link, .widget-blog a:visited, .widget-twitter a:link, .widget-twitter a:visited { color:#777; }
.widget-blog a:hover, .widget-twitter a:hover { color:#666; }
.widget-about a:link.btn, .widget-about a:visited.btn {
    color:#FFF; text-shadow:0 1px 1px #942b20; padding:10px 20px; font:600 13px 'Open Sans', sans-serif; cursor:pointer; border:1px solid #B33122; margin-top:10px; display:inline-block;
    background: #f05d4d; /* Old browsers */
    background: -moz-linear-gradient(top, #f05d4d 0%, #d94333 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f05d4d), color-stop(100%,#d94333)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f05d4d 0%,#d94333 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f05d4d 0%,#d94333 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f05d4d 0%,#d94333 100%); /* IE10+ */
    background: linear-gradient(top, #f05d4d 0%,#d94333 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f05d4d', endColorstr='#d94333',GradientType=0 ); /* IE6-9 */
    box-shadow: inset 0px 1px 0px #F5978D;
    -webkit-box-shadow: inset 0px 1px 0px #F5978D;
    -moz-box-shadow: inset 0px 1px 0px #F5978D;
    border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
}
.widget-about a.btn:hover { 
    background:#EE5B4B; 
    background: -moz-linear-gradient(top, #EE5B4B 0%, #EE5B4B 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EE5B4B), color-stop(100%,#EE5B4B)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #EE5B4B 0%,#EE5B4B 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #EE5B4B 0%,#EE5B4B 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #EE5B4B 0%,#EE5B4B 100%); /* IE10+ */
    background: linear-gradient(top, #EE5B4B 0%,#EE5B4B 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EE5B4B', endColorstr='#EE5B4B',GradientType=0 ); /* IE6-9 */
    box-shadow: inset 0px 1px 0px #F5978D;
    -webkit-box-shadow: inset 0px 1px 0px #F5978D;
    -moz-box-shadow: inset 0px 1px 0px #F5978D;
}
.widget-get-in-touch ul li, .team-social ul li { float:left; margin-right:8px !important; margin-bottom:8px; }
.widget-get-in-touch ul li a:link, .widget-get-in-touch ul li a:visited, .team-social ul li a:link, .team-social ul li a:visited { 
    width:27px; height:24px; background:#A6A9AE; display:inline-block; text-align:center; padding-top:3px; color:#FFF;
    border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; 
}
.widget-get-in-touch ul li a:hover, .team-social ul li a:hover { background:#4E535E; }
.widget-get-in-touch ul li a img, .team-social ul li a img { position:relative; top:6px; left:6px; }
.widget-contact-info iframe { margin-bottom:15px; }
.widget-contact-info ul li { margin-bottom:6px; }
.widget-contact-info ul li span { font-weight:600; }
.widget-newsletter form input[type="text"], .search-form form input[type='text'], .protected input[type='password'], .protected input[type='submit'] { 
    border:1px solid #D7D7D7; color:#9F9F9F; font-size:11px; padding:12px; width:117px;
    box-shadow: 1px 1px 1px 1px #F2F2F2 inset; -moz-box-shadow: 1px 1px 1px 1px #F2F2F2 inset; -webkit-box-shadow: 1px 1px 1px 1px #F2F2F2 inset;
}
.widget-newsletter input[type='submit'], .protected input[type='submit'] { padding:10px 25px 10px 10px; cursor:pointer; background-position:78px 13px; border-left:0; }
.widget-newsletter input[type='submit']:hover, .protected input[type='submit']:hover { background-position:80px 13px; }
.widget-newsletter label { margin-bottom:15px; display:block; }
.widget-tags ul { overflow:hidden; margin-top:20px; }
.widget-tags ul li { float:left; margin-right:15px; margin-bottom:8px; }
.widget_categories ul li, .widget_archive ul li, .widget_links ul li, .widget_meta ul li,
.widget_recent_entries ul li { background:url('img/side-arrow.png') no-repeat left 9px; padding-left:20px; margin-bottom:6px; }
.widget_categories ul li a:hover, .widget_archive ul li a:hover, .widget_links ul li a:hover, .widget_meta ul li a:hover,
.widget_recent_entries ul li a:hover { color:#666; }
.search-form form input[type='text'] { width:214px; }
#wp-calendar { width:100%; }
#wp-calendar tbody tr td { text-align:center; }
#wp-calendar caption { background:#999; margin-bottom:10px; text-transform:none; color:#FFF; padding:6px 0; }
#wp-calendar tfoot { display:none; }
#today { background:#CCC; }
#today a { color:#FFF; }
.widget-video iframe { width:240px; height:180px; margin-bottom:8px; }
.widget-dribbble ul li, .widget-flickr ul li { float:left; margin-right:10px; margin-bottom:10px; }
.widget-dribbble ul li a:hover img, .widget-flickr ul li a:hover img { opacity:0.7; }
.widget-dribbble ul li img, .widget-flickr ul li img { width:70px; height:60px; }

footer h5 { margin-bottom:30px; }
footer .widget { float:left; width:240px; margin-right:20px; }
footer .three-cols .widget { width:320px; }
footer .five-cols .widget { width:188px; }
footer .widget:last-child { margin-right:0 !important; }
footer .widget-blog ul li span { display:block; }


/****************************
PAGINATION
****************************/

.page-numbers li { float:left; margin-right:8px; }
.page-numbers li a, .alignleft a:link, .alignleft a:visited, .alignright a:link, .alignright a:visited, span.prev a, span.next a {
    color:#6b6b6b; font:700 12px 'Open Sans', sans-serif; text-shadow:0 1px 1px #FFF; border:1px solid #CDCDCD; padding:4px 10px;
    background: #F3F3F3; /* Old browsers */
    background: -moz-linear-gradient(top, #F3F3F3 0%, #EAEAEA 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F3F3F3), color-stop(100%,#EAEAEA)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #F3F3F3 0%,#EAEAEA 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #F3F3F3 0%,#EAEAEA 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #F3F3F3 0%,#EAEAEA 100%); /* IE10+ */
    background: linear-gradient(top, #F3F3F3 0%,#EAEAEA 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F3F3F3', endColorstr='#EAEAEA',GradientType=0 ); /* IE6-9 */
    border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; 
    box-shadow: inset 0px 1px 0px #FFF;
    -webkit-box-shadow: inset 0px 1px 0px #FFF;
    -moz-box-shadow: inset 0px 1px 0px #FFF;
}
.page-numbers li a:hover, .alignleft a:hover, .alignright a:hover, span.prev a:hover, span.next a:hover { background:#F3F3F3; }
span.current { 
    color:#6b6b6b; font:700 12px 'Open Sans', sans-serif; border:1px solid #D0D0D0; padding:4px 10px;
    background: #FFF; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; 
}


/****************************
TOOLTIP TIPSY
****************************/

.tipsy { padding:5px; font-size: 11px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url('js/tipsy/tipsy.gif'); }
.tipsy-inner { padding: 0 6px; background-color: black; color:#FFF; max-width: 200px; text-align: center; }
.tipsy-inner { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }


/****************************
WORDPRESS STYLES
****************************/

.aligncenter { display:block; margin:0 auto; }
.alignright { float:right; }
.alignleft { float:left; }
.floatleft { float:left; }
.floatright { float:right; }
.textcenter { text-align:center; }
.textright { text-align:right; }
.textleft { text-align:left; }
.wp-caption { border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding-top:4px; margin:10px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px;  border-radius:3px; }
.wp-caption img { margin:0; padding:0; border:0 none}
.wp-caption p.wp-caption-text { font-size:11px; line-height:17px; padding:0 4px 5px; margin:0; }
.wp-smiley { margin:0 !important; max-height:1em; }
blockquote.left { margin-right:20px; text-align:right; margin-left:0; width:30%; float:left; }
blockquote.right { margin-left:20px; text-align:left; margin-right:0; width:30%; float:right; }
.sticky, .gallery-caption, .bypostauthor { }


#container { background:rgba(255,255,255, 1 ) repeat top !important; }.wrap { border-top:4px solid #ffffff !important; }

figure {
  float: left;
  display: block;
}
.snip1361 {
  font-family: 'Open Sans', Arial, sans-serif;
  position: relative;
  overflow: hidden;
  margin: 0px 1px 1px 0px;
  min-width: 106px;
  max-width: 126px;
  width: 100%;
  color: #fff;
  text-align: left;
}
.snip1361 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.20s ease;
  transition: all 0.20s ease;
}
.snip1361 img {
  max-width: 100%;
  vertical-align: top;
}
.snip1361 figcaption {
  position: absolute;
  top: calc(100%);
  width: 100%;
  background-color: #000;
  padding:0px 0px 50px 0px;
  height: 126px;
}
.snip1361 figcaption:before {
  position: absolute;
  content: '';
  z-index: 2;
  bottom: 100%;
  left: 0;
  width: 100%;
  height: 10px;

}
.snip1361 h30 {
  font-weight: 200;
  font-size: 12px;
  line-height: 119px;
  font-family: 'Open Sans', Arial, sans-serif;
  margin-top: 200px;
  margin-left: 10px;
  text-transform: none;
}
.snip1361 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
}
.snip1361:hover figcaption,
.snip1361.hover figcaption {
  top: 80px;
}
.snip1361:hover figcaption,
.snip1361.hover figcaption {
  top: 0px;
}


.snip1362 {
  font-family: 'Open Sans', Arial, sans-serif;
  position: relative;
  overflow: hidden;
  margin: 0px 1px 1px 0px;
  min-width: 106px;
  max-width: 106px;
  width: 100%;
  color: #fff;
  text-align: left;
}
.snip1362 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.20s ease;
  transition: all 0.20s ease;
}
.snip1362 img {
  max-width: 100%;
  vertical-align: top;
}
.snip1362 figcaption {
  position: absolute;
  top: calc(100%);
  width: 100%;
  background-color: #000;
  padding:0px 0px 50px 0px;
  height: 106px;
}
.snip1362 figcaption:before {
  position: absolute;
  content: '';
  z-index: 2;
  bottom: 100%;
  left: 0;
  width: 100%;
  height: 10px;

}
.snip1362 h30 {
  font-weight: 200;
  font-size: 12px;
  line-height: 98px;
  font-family: 'Open Sans', Arial, sans-serif;
  margin-top: 200px;
  margin-left: 10px;
  text-transform: none;
}
.snip1362 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
}
.snip1362:hover figcaption,
.snip1362.hover figcaption {
  top: 80px;
}
.snip1362:hover figcaption,
.snip1362.hover figcaption {
  top: 0px;
}




div.gallery {
  margin: 0 0 1px 0;
  border: none;
  float: left;
  width: 126px;

}

div.gallery img {
  width: 100%;
  height: 126px;
	border: 1px solid #fff;

}

div.desc {
  padding: 5px 0;
  text-align: left;
}

#logo {
    max-height: 62px !important;
}

/* projects */
#main-content #content-area #left-area > article > img { display: none !important; }
#main-content #content-area #left-area > article > .et_main_title,
#main-content #content-area #left-area > article > .entry-title.main_title { display: none !important; }
#main-content #welcome > p { display: none; }
sup { bottom: auto; }
.et_project_meta { display: none; }
.et_pb_widget ol li, .et_pb_widget ul li {
    margin-bottom: 0;
    line-height: 21px;
}

/* footer */
.footer-widget #block-4 p {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 11px;
    vertical-align: baseline;
    background: transparent;
}

/* search input */
.wp-block-search__input {
    appearance: none;
    border: 1px solid #949494;
    border-radius: 0 !important;
    flex-grow: 1;
    margin-left: 0;
    margin-right: 0;
    min-width: 3rem;
    padding: 8px;
    text-decoration: unset !important;
}

/* hide search button in nav */
#et_top_search { display: none; }

/* homepage project padding */
#projects > ul,
#directory #projects > h1 > ul {
	padding-left:0 !important;
}
/* widget title size */
    .widgettitle {
        font-size:14px ; 
		color: #323232;
		font-family: 'Open Sans', sans-serif;
    }
/* background color menu*/
 .mobile_menu_bar:before, .mobile_menu_bar:after, #top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a {
		color: #000000;
    }
/*hide navigation bottom port*/
.nav-single.clearfix {
    display: none;
}