body, input, select, textarea, #job-apply .select2-container-multi .select2-choices .select2-search-field input{font-family:  Imprima, Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #0A0907; }
input, select, textarea{font-size: 14px;}
body{text-align: left; background: #fff; overflow-y: scroll; }

/**
@font-face{
  font-family: 'apexsansboldstregular';
  src: url('../fonts/apexsansboldst-webfont.eot'); src: url('../fonts/apexsansboldst-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/apexsansboldst-webfont.woff') format('woff'), url('../fonts/apexsansboldst-webfont.ttf') format('truetype'), url('../fonts/apexsansboldst-webfont.svg#apexsansboldstregular') format('svg');
  font-weight: normal; font-style: normal;
}
*/
/**
@font-face {
  font-family: 'apexsansmediumstregular';
  src: url('../fonts/apexsansmediumst-webfont.eot'); src: url('../fonts/apexsansmediumst-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/apexsansmediumst-webfont.woff') format('woff'), url('../fonts/apexsansmediumst-webfont.ttf') format('truetype'), url('../fonts/apexsansmediumst-webfont.svg#apexsansmediumstregular') format('svg');
  font-weight: normal; font-style: normal;
}
*/
/**
@font-face {
  font-family: 'apexsanslighttregular';
  src: url('../fonts/apexsanslightt-webfont.eot'); src: url('../fonts/apexsanslightt-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/apexsanslightt-webfont.woff') format('woff'), url('../fonts/apexsanslightt-webfont.ttf') format('truetype'), url('../fonts/apexsanslightt-webfont.svg#apexsanslighttregular') format('svg');
  font-weight: normal; font-style: normal;
}
*/

/** <header> */

header{width: 100%; overflow: hidden; text-align: center; background-color: #fff; margin: 60px auto 65px; position: relative; }

header nav ul#nav-lang{height: auto; position: absolute; right: 4em; top: 0; }
header nav ul#nav-lang li{margin-top: 0; text-align: center;}
header nav ul#nav-lang li a.selected, header nav ul#nav-lang li a:hover{color: #fff !important;}
header nav ul#nav-lang li a{padding: 3px;}
header nav ul#nav-lang li:last-child{margin-right: 0;}

header nav ul{clear: both; overflow: hidden; text-align: center; margin: 0 auto; /**width: 690px;*/ height: 76px; display: inline-block;}
header nav li{float: left; margin-right: 15px; margin-top: 26px;}
header nav li.last{margin-right: 0;}
header nav li a{font-size: 13px; background-color: #fff !important; color: #0A0907 !important; text-transform: uppercase; display: block;}
header nav li a:hover, header nav li a.selected{background-color: #0A0907 !important;}
header nav li.logo{margin: 0 37px 0 25px;}
header nav li.logo a{display: block; padding-top: 0; width: 95px; height: 76px;}
header nav li.logo a:hover{border: none;}
header nav li a.selected{color: #666;}

/** </footer> */
footer .row{border-top: solid 1px #ccc; padding: 20px 0; line-height: 17px; }
footer address.contacts a, footer .row{color: #666; }
footer p, footer input{font-style: normal; font-size: 13px; }
footer p.company, footer p.title{margin-bottom: 8px; color: #0A0907; line-height: 15px;}
footer input, form.form input, form.form textarea, form.form select, form.form .dd-container{border: solid 1px #999; padding: 12px; float: left; width: 110px; box-sizing: border-box;}
footer input#bt-newsletter-signup, footer .recruitment p.link a{width: 45px; padding-bottom: 10px; margin-left: 0.5em; background: transparent url("../images/common/arrow-right-gray.png") no-repeat center center; }
footer aside.last{float:right;}

footer .social-links ul{padding: 0;}
footer .social-links li{float: left; margin-right: 8px;}
footer .social-links li.last{margin-right: 0;}
/**footer .social-links li a{display: block; text-align: center; width: 15px; height: 15px; padding: 12px; border: solid 1px #999;}
footer .social-links li a span{display: block; background: transparent url("../images/common/sprite-social.png") no-repeat; text-align: center;}
footer .social-links li a span.fb{background-position: -25px 0; width: 7px; height: 17px;}
footer .social-links li a span.li{background-position: 0 0; width: 17px; height: 17px;}*/
footer .social-links li a, #portfolio .project .social-links li a{display: block; text-align: center; width: 35px; height: 36px; background: transparent url("../images/common/sprite-social-full.png") no-repeat}
footer .social-links li a.fb{background-position: -35px -41px; width: 36px;}
footer .social-links li a.li{background-position: 0 -41px;}

footer .recruitment p.link{margin-top: 12px;}
footer .recruitment p.link a{background-position: right center; width: auto; padding: 0 30px 0 0; margin-left: 0; color: #666;}

/** <footer> */

/** </footer> */

/** <content> */
.container section.intro h2, #portfolio .project p.description{font-size: 16px; line-height: 24px; color: #666; font-weight: normal; padding: 0 100px; text-align: center;}

#bar-holder{overflow: hidden;}
#bar-info{max-height: 200px; height: 200px;}
#bar-info, #home #bar-projects{width: 100%;}
#bar-info{background: #0A0907 url("../images/common/bar-home.png") repeat left top;}
body #bar-info h1{color: #fff; font-size: 4.4em; padding-top: 1.4em; line-height: normal;}

/**
#home #bar-info, #contacts #bar-info, #portfolio #bar-info.project{max-height: 460px; height: 460px;}
#home #bar-info ul, #home #bar-info li, #portfolio #bar-info.project ul, #portfolio #bar-info.project li{width: 100%; height: 100%;}
#home #bar-info li, #portfolio #bar-info.project li{text-align: center; color: #fff; float: left; display: none;}
#home #bar-info li:first-child, #portfolio #bar-info.project li:first-child{display: block;}
#home #bar-info li h1, #portfolio #bar-info.project li h1{color: #fff; font-size: 4.4em; padding-top: 0; line-height: normal; margin-bottom: 0; margin-top: 4.2em;}
#home #bar-info li .description, #contacts #bar-info .address, #portfolio #bar-info.project li .description{float: left; margin-right: 1.5%; width: 48.5%; overflow: hidden; padding-bottom: 20px; text-align: right;}
#home #bar-info li .description, #home #bar-info ul li .description h2, #contacts #bar-info .address h1, #portfolio #bar-info.project li .description, #portfolio #bar-info.project ul li .description h2{text-align: right;}
#home #bar-info ul li .description h2, #portfolio #bar-info.project ul li .description h2{margin: 2.2em 0 0;}
#home #bar-info ul li .description h4, #portfolio #bar-info.project ul li .description h4{margin: 30px 0 35px; color: #666; font-size: 13px; line-height: 16px; text-transform: uppercase; font-weight: normal;}
#home #bar-info ul li .description a, #portfolio #talk-to-us aside a{font-size: 16px; background-image: url("../images/common/arrow-right-white.png"); background-repeat: no-repeat; background-position: 92% center; padding-right: 35px;  }
#home #bar-info li .image, #contacts #bar-info .photo, #portfolio #bar-info.project li .image{float: left; margin-left: 1.5%; width: 48.5%; text-align: left; height: 100%; position: relative;}
#home #bar-info li .image img, #portfolio #bar-info.project li .image img{max-height: 100%; width: auto; position: absolute; bottom: 0; left: 0;}
#home #bar-info li .image img.bottom, #portfolio #bar-info.project li .image img.bottom{bottom:  -55px;}
*/
/**font-size: 35px; line-height: 42px; margin: 130px 0 0;*/

#bar-info.project, #contacts #bar-info{max-height: 460px; height: 460px;}
#bar-info.project ul, #bar-info.project li{width: 100%; height: 100%;}
#bar-info.project li h1{color: #fff; font-size: 4.4em; line-height: normal; padding-top: 4em; font-weight: 200;}
#bar-info.project li {text-align: center; display: none;}
#bar-info.project li:first-child{display: block;}
#bar-info.project li .wrapper{overflow: hidden; margin: 0 auto; display: inline-block; color: #fff; height: 100%;}
#bar-info.project li .wrapper .description, #bar-info.project li .wrapper .image{height: 100%; float: left;}
#bar-info.project li .wrapper .description{float: left; text-align: right; margin-right: 4em;}
#bar-info.project li .wrapper .image{text-align: left;}
#bar-info.project li .wrapper .image table{height: 100%; border-collapse: collapse;}
#bar-info.project li .wrapper .image table td{vertical-align: bottom;}
#bar-info.project li .description, #bar-info.project ul li .description h2{text-align: right;}
#bar-info.project ul li .description h2, #portfolio #bar-info.project ul li .description h2{margin: 3.5em 0 0;}
#bar-info.project ul li .description h4, #portfolio #bar-info.project ul li .description h4{margin: 24px 0 35px; color: #fff; font-size: 13px; line-height: 16px; text-transform: uppercase; font-weight: normal;}
#bar-info.project ul li .description a, #portfolio #talk-to-us aside a{font-size: 16px; background-image: url("../images/common/arrow-right-white.png"); background-repeat: no-repeat; background-position: 92% center; padding-right: 35px;  }
#bar-info.project li .image{position: relative;}
#bar-info.project li .image img{max-height: 100%; width: auto; vertical-align: bottom; }
#bar-info.project li .image img.photo.bottom, #bar-info.project li .image.bottom{bottom: -80px;} /** ver linha 224*/
#bar-info.project li .image img.dummy, #bar-info.project li .image a.preloader img.dummy{visibility: hidden; opacity: 0;}
#bar-info.project li .image img.photo{position: absolute; left: 0; bottom: 0;}
#bar-info.project li .description h2{text-align: right !important;}

#home #bar-projects{height: auto;}
#home #bar-projects ul{width: 100%; overflow: hidden;}
#home #bar-projects li{height: 100%; float: left;}
#home #bar-projects li a{position: relative; display: block; color: #999; font-size: 14px; }
#home #bar-projects li a img{ width: 100%; height: auto;}
#home #bar-projects li a span{position: absolute; left: 0; top: 0; background-color: #0A0907; height: 60%; width: 90%; text-align: center; line-height: 18px; display: none; padding: 15% 5% 0; }
#home #bar-projects li a:hover span, #home #bar-projects li a.selected span{display: block;}
#home #bar-projects li:first-child img{border-left: 0;}

section#services{margin-bottom: 137px; overflow: hidden; padding: 0 50px;}
section#services a{display: block; padding: 18px;}
section#services a:hover{background-color: #0A0907;} section#services a:hover > * {color: #fff;} section#services a:hover h4{border-color: #fff;}
section#services a h3, section#services a h4{text-align: center; font-weight: normal;}
section#services a h3{font-size: 23px; line-height: 28px; text-transform: uppercase; color: #0A0907; margin-bottom: 14px;}
section#services a h4, section#services a p{color: #0A0907; font-size: 14px; }
section#services a h4{line-height: 18px; border: solid 1px #0A0907; border-right: 0; border-left: 0; padding: 14px 0;}
section#services a p{line-height: 22px; padding: 18px 4px 0;}
section#services .twocol-fix { width: 19.50%; margin-right: 0.3%; }
section#services .twocol-fix.last{margin-right: 0;}

#home section.news-blog .sixcol{margin-bottom: 45px;}
#home section.news-blog{overflow: hidden; margin-bottom: 90px;}
#home section.news-blog article{overflow: hidden;}
#home section.news-blog article div.image{float: left; margin-right: 18px; width: 145px; text-align: center; /**border: solid 1px #ccc; padding: 30px 0;*/}
#home section.news-blog article div.description{float: right; width: 380px;}
#home section.news-blog article div.description a{color: #0A0907;}
#home section.news-blog article div.description a:hover{color: #E11A2C;}
#home section.news-blog article div.image a{display: block; height: 96px; overflow: hidden; }
#home section.news-blog article div.image img{width: 100%; height: auto; }
#home section.news-blog article div h3, #home section.news-blog article div p, .container .gallery h2{line-height: 22px; color: #333;}
#home section.news-blog article div h3, .container .gallery h2{font-size: 18px; font-weight: normal; margin-bottom: 12px;}
#home section.news-blog article div p {font-size: 14px; }

/**section.proudly-working-with ul{border: solid 1px #ccc; border-bottom: 0; border-right: 0; width: auto;}*/
section.proudly-working-with li{display: inline-block; /**height: 112px;*/ width: 16.56%; /**border: solid 1px #ccc; border-left: 0; border-top: 0;*/ text-align: center; line-height: 112px;}
section.proudly-working-with li a{display: block;}
section.proudly-working-with li img{vertical-align: middle; max-width: 80%; height: auto;}

#services .timeline section{overflow: hidden;}
#services .timeline section article.left{}
#services .timeline section article.left p, #services .timeline section article.last p{margin-top: 65px; padding: 50px 8px; border: solid 1px #0A0907; border-right: 0; border-left: 0; font-size: 14px; line-height: 22px;}
#services .timeline section article.middle{text-align: center; overflow: hidden;}
#services .timeline section article.middle a{display: inline-block; margin-bottom: 10px; font-size: 15px; padding-left: 25px; padding-right: 25px;}
#services .timeline section article.last{}
#services .timeline section article.middle h2{line-height: 1em;}
#services .timeline section article.middle h3{font-weight: normal; font-size: 13px; margin: 5px 0 35px;}
#services .timeline .list-areas{margin-top: 18px;}
#services .timeline .list-areas li.odd{margin-right: 10%;}
#services .timeline .list-areas li{width: 45%; border-bottom: dotted 1px #666; text-transform: uppercase; padding-bottom: 18px; font-size: 1.1em; color: #666; float: left; margin-bottom: 18px;}

#contacts h1.intro-section{margin-bottom: 45px;}
#contacts #bar-info{clear: both;}
#contacts #bar-info .address, #contacts #bar-info .photo{width: 45%; height: 100%; padding-bottom: 0; margin-right: 0;}
#contacts #bar-info .address h1{padding-top: 4em; font-size: 3.2em; text-align: right;}
#contacts #bar-info .photo{float: right; color: #fff; margin-left: 1.5%; width: 48.5%; text-align: left; height: 100%; position: relative;}
#contacts #bar-info .photo aside{margin-top: 13.2em;}
#contacts #bar-info .photo img{float: left; margin-right: 2.4em;}
#contacts #bar-info .photo h2{font-size: 18px; margin-bottom: 20px; color: #ccc;}
#contacts #bar-info .photo p{color: #666; font-size: 14px; margin-bottom: 4px;}
#contacts #bar-info ul{margin-top: 1.3em;}
#contacts #bar-info li{color: #666; display: inline; text-transform: uppercase; border-left: solid 1px #666; padding-left: 8px; font-size: 1.4em; margin-left: 8px; }
#contacts #bar-info li.email{text-transform: none;}
#contacts #bar-info li:first-child{border-left: 0;}
#contacts #bar-info .address{float: left; margin-right: 1.5%; width: 48.5%; overflow: hidden; text-align: right;}
#contacts #bar-info .address h1{text-align: right;}

#contacts #google-maps{width: 100%; height: 30em;}
#contacts #google-maps #map-cnt{width: 100%; height: 100%; overflow: hidden;}

#contacts #frm-contact-us{}
#contacts #bt-submit-contact{border: 0; text-transform: uppercase;}
#contacts #contact-us form.form, #job-apply form.form{margin: 0 auto; width: 70%; height: auto;}
form.form p input, form.form p select, form.form p textarea, form.form p .dd-container{float: none; width: 100%;}
form.form p.actions input{width: auto; margin-right: 0.4em; text-align: center;}
form.form p.actions input.captcha{width: 90px;}
form.form p{margin-bottom: 1.2em; min-height: 3.8em; clear: both; overflow: hidden;}
form.form p .left{float: left; width: 45%;}
form.form p .right{float: right;  width: 45%;}
form.form textarea{width: 100%; float: none; height: 8em; padding-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
form.form .required{border-color: #E11A2C;}
form.form p .dd-container {float: right; width: 45% !important;}
form.form p .dd-select{background-color: transparent !important; border: 0;}
form.form p .dd-selected{font-weight: normal; width: 100% !important; color: #666; font-size: 14px; padding: 0;}
form.form p .dd-selected:hover{background-color: transparent; color: #0A0907; font-weight: normal;}
#contacts .info_msg, #contacts .error_msg, #job-apply .info_msg, #job-apply .error_msg {width: 50%;}
#job-apply form.form p .dd-container{float: left;}
form.form .dd-option{padding: 6px;}
form.form .lbl-file{float: left; margin-right: 10px; color: #666; font-size: 14px;}
#job-apply .select2-container{width: 100%;}
#job-apply .select2-container .select2-choices{padding: 12px; font-size: 14px;}
#job-apply .select2-container-multi .select2-choices .select2-search-field input, .select2-result-label, .select2-choice .select2-chosen{font-size: 14px;}
#job-apply .select2-container.right .select2-choice, #job-apply .select2-container.left .select2-choice{padding: 8px;}
.select2-container .select2-choice .select2-arrow b, .select2-container abbr.select2-search-choice-close{margin-top: 8px;}

#portfolio #bar-holder, #portfolio #bar-info.project li .wrapper{overflow: visible;}
#portfolio #projects-list, #aboutus #instagram-list{overflow: hidden;}
#portfolio #projects-list .wrapper, #aboutus #instagram-list .wrapper{overflow: hidden;}
#portfolio #projects-list .wrapper div.project{margin-bottom: 3.8%;}
#portfolio #projects-list a{position: relative; text-align: center; display: block; color: #999; font-size: 14px; color: #666; }
#portfolio #projects-list a img{width: 100%; height: auto;}
#portfolio #projects-list a span.holder{display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #0A0907 url("../images/common/arrow-right-gray.png") no-repeat center center;}
#portfolio #projects-list a:hover span.holder{display: block; text-transform: uppercase; }
#portfolio #projects-list a:hover span.holder span{position: absolute; display: block; text-align: center; left: 0; width: 100%;}
#portfolio #projects-list a:hover span.holder span.top{top: 20%; }
#portfolio #projects-list a:hover span.holder span.bottom{bottom: 20%;}
#portfolio #bar-holder.bottom{margin-bottom: 170px;}

#portfolio #bar-services, #portfolio nav.secondary{height: 75px; width: 100%; text-align: center;}
#portfolio .container nav{display: none;}
#portfolio #bar-services ul, #portfolio nav.secondary ul{margin: 10px auto 0; height: 70px; /**border-bottom: solid 1px #ccc; background-color: #EFEFEF;*/ }
#portfolio #bar-services li, #portfolio nav.secondary li{display: inline-block; position: relative; height: 100%; text-transform: uppercase; overflow: visible; margin-left: 8px; }
#portfolio #bar-services li:first-child, #portfolio nav.secondary li:first-child{margin-left: 0;}
#portfolio #bar-services li a, #portfolio nav.secondary li a{color: #999; display: block; padding: 30px 20px 20px; font-size: 13px; background-color: transparent; position: relative; overflow: visible; }
#portfolio #bar-services li a:hover, #portfolio #bar-services li a.selected, #portfolio nav.secondary li a:hover, #portfolio nav.secondary li a.selected{color: #0A0907 !important; }
#portfolio #bar-services li a span, #portfolio nav.secondary li a span{display: none;}
#portfolio #bar-services li a:hover span, #portfolio #bar-services li a.selected span, #portfolio nav.secondary li a:hover span, #portfolio nav.secondary li a.selected span{display: block; width: 100%; background: transparent url("../images/common/nav-portfolio-selector.png") no-repeat center bottom !important; height: 5px; position: absolute; left: 0; bottom: -8px; }
/** test portfolio categories */
#portfolio nav.secondary ul{margin-top: 0;}
#portfolio nav.secondary li{display: inline; float: left;}
#portfolio nav.secondary li a{padding-top: 0;}

#portfolio #bar-info.project{position: relative;}
#portfolio #bar-info.project li a.next, #portfolio #bar-info.project li a.previous, #portfolio #bar-info.project li a.list,
#portfolio section ul.nav li a{background: transparent url("../images/common/sprite-portfolio-nav.png") no-repeat left top; display: block; position: absolute; height: 19px; width: 10px; margin-top: -10px; top: 50%;}
#portfolio #bar-info.project li a.previous, #portfolio section ul.nav li a.previous{background-position: -21px 0; left: 2%; }
#portfolio #bar-info.project li a.next, #portfolio section ul.nav li a.next{background-position: -33px 0;}
#portfolio #bar-info.project li a.next, #portfolio #bar-info.project li a.list{right: 2%;}
#portfolio #bar-info.project li a.list, #portfolio section ul.nav li a.list{width: 19px; background-position: 0 0; margin-top: -60px;}
#portfolio section ul.nav li a{position: relative; margin: 0 !important; top: 0; left: 0;}

#portfolio .project h2{}
#portfolio .project p.description{margin-bottom: 60px;}
#portfolio .project p.link{text-align: center;}
#portfolio .project p.link.margin-bottom{margin-bottom:  30px;}
#portfolio .project p.link a{display: inline-block; text-transform: uppercase; font-size: 14px;}
#portfolio .project section.gallery article, #portfolio .project section.videos article{text-align: center;}
#portfolio .project.bottom-150 section.gallery article{margin-top: 0;}
#portfolio .project section.gallery article span, #portfolio .project section.videos article span{display: inline-block;}
#portfolio section ul.nav{clear: both; float: right;margin-top: 35px;}
#portfolio section ul.nav li{float: left; margin-left: 12px;}
#portfolio #bar-services li:first-child{display: none;}

#portfolio .project .social-links {text-align: center;}
#portfolio .project .social-links.top{margin-top: 20px;} 
#portfolio .project .social-links p{font-size: 1.3em; text-transform: uppercase; margin-bottom: 12px; color: #333;}
#portfolio .project .social-links ul {overflow: hidden; text-align: center;}
#portfolio .project .social-links li{display: inline-block; margin-right: 12px;}
#portfolio .project .social-links li:last-child{margin-right: 0;}
#portfolio .project .social-links li a{width: 39px; height: 38px;}
#portfolio .project .social-links li a.fb{background-position: 0 0;}
#portfolio .project .social-links li a.tw{background-position: -41px 0;}

#portfolio #talk-to-us{float: right; overflow: hidden;}
#portfolio #talk-to-us h1{text-align: right; float: right; margin-right: 100px; font-size: 4.6em;}
#portfolio #talk-to-us aside{float: right; width: 350px; padding-bottom: 12px;}
#portfolio #talk-to-us aside h2{font-size: 20px; font-weight: normal; margin-bottom: 20px;}
#portfolio #talk-to-us aside p{line-height: 22px; font-size: 14px; margin-bottom: 35px;}
#portfolio #talk-to-us aside .button{background-color: #E11A2C;}
/**#portfolio #talk-to-us aside .button:hover{background-color: #0A0907;}*/

#video-playlist{overflow: hidden;}
#video-playlist div.row div{margin-bottom: 3.8%;}
#video-playlist div.last-row{margin-bottom: 0;}
#video-playlist div.fourcol{width: 30.6%;}
#video-playlist p{text-align: center; margin-top: 25px; font-size: 13px; line-height: 23px;}
#video-playlist a{display: block; width: 100%; height: auto; position: relative;}
#video-playlist a img{vertical-align: middle;}
#video-playlist a img{width: 100%;}
#video-playlist a span{position: absolute; top: 50%; left: 50%; margin-left: -29px; margin-top: -29px; background: transparent url("../images/common/button_black_play.png") no-repeat left top; display: none; width: 57px; height: 58px; }
#home #video-playlist div{margin-bottom: 0;}

#clients .video-player{width: 100%; overflow: hidden;}
#clients .video{}
#clients .video blockquote{margin: 15px 0 0 12px; padding: 8px 18px; color: #333; border-left: solid 1px #ccc; font-size: 14px;}
#clients .video-list{}
#clients #flowplayer, #clients #flowplayer video{width: 100%; height: auto;}
#clients .video-player .video-list h3{text-align: left; font-size: 30px;}
#clients .video-list ul{margin-top: 16px;}
#clients .video-list li{border-bottom: solid 1px #ccc; padding-bottom: 14px; text-align: left; margin-bottom: 16px;}
#clients .video-list li a{font-size: 14px; font-weight: normal; color: #0A0907;}
#clients .video-list li a:hover, #clients .video-list li a.selected{color: #E11A2C !important;}

#aboutus #instagram-list .wrapper div{margin-bottom: 24px;}

/** </content> */


/** <common> */
.bottom-90{margin-bottom: 60px;}
.bottom-150{margin-bottom: 120px;}

::-moz-selection{background: #E11A2C; color: #fff;}
::selection{background: #E11A2C; color: #fff;}
.ui-corner-all{-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.button{color:#fff; background-color: #0A0907;  padding: 8px 10px;}
.button:hover, .button.selected{background-color: #E11A2C; color: #fff !important;}
strong, b{font-weight: 700;}
em{font-style: italic;}
a{text-decoration: none; color: #E11A2C; }
a:hover{background-color: #E11A2C; color: #fff; }
li{list-style: none;}
h1.intro-section, #bar-info h1, #home #bar-info li .description h2, #services .timeline h2, #portfolio #bar-info.project li .description h2, #clients .video-list h3{font-weight: 200; font-family: 'Source Sans Pro', Imprima, Verdana, Tahoma; font-size: 3.2em; line-height: 1.2em; /**margin-bottom: 75px;*/ text-transform: uppercase; text-align: center; /*font-weight: normal;*/ }
h1.intro-section strong, #bar-info h1 strong, #services .timeline h2 strong, h1.intro-section b, #bar-info h1 b, #services .timeline h2 b{font-family: 'Source Sans Pro', Imprima, Verdana, Tahoma; font-weight: 600;}
section.proudly-working-with a, header nav li.logo a:hover, #home #bar-projects li a:hover,
#home section.news-blog article div.image a:hover, #home section.news-blog article div.description a:hover, footer .social-links a:hover,
#clients #video-playlist a:hover, #clients .video-list li a:hover, #services .timeline section article.middle a.services:hover{background-color: transparent !important;}

h1.intro-section{font-size: 4.4em;}
h1.intro-section a{color: #0A0907;}
.info_msg, .error_msg{ margin: 0 auto 35px; color: #0A0907; font-size: 14px; text-align: center;}
.error_msg{color: #E11A2C;}
.info_msg p, .error_msg p{font-weight: 700; margin-bottom: 0;}
/**.info_msg p, .error_msg p, .info_msg span, .error_msg span {color: #fff;}*/
.error_msg p{margin-bottom: 16px;}
::-webkit-input-placeholder {color: #666;} :-moz-placeholder {color: #666;}:-ms-input-placeholder {color: #666;}
#ajax-spinner{display: none;position: fixed; left: 50%; top: 50%;width: 32px; height: 32px;background: transparent url("../images/common/ajax-spinner.png") no-repeat center center; background-attachment: scroll;}
/**#portfolio #projects-list a.preloader, #instagram-list .insta.preloader,
#bar-info .image .photo.preloader, #portfolio .gallery article span.preloader, #bar-projects li a.preloader*/
.preloader{background-image: url("../images/common/ajax-spinner.png"); background-repeat: no-repeat; background-position: center center;}
/** </common> */

#home #bar-info, #home #bar-info .video-player{height: 540px !important;}
#home #bar-info{max-height: none !important;}
#home #bar-info .video-player{position: relative; width: 960px; text-align: center; margin: 0 auto;}
#home #bar-info .video-player .video{position: absolute; top: 0; left: 0; height: 100%; width: 100%;}
#home #bar-info .video-player .video iframe{width: 100%; height: 100%;}
@media only screen and (min-width: 768px) and (max-width: 1024px){
  #home #bar-info, #home #bar-info .video-player{height: auto !important;}
  #home #bar-info .video-player{padding-bottom: 56.25%;}
  #home #bar-info .video-player{width: 100%;}
}

@media screen and (max-width: 787px) {
  #portfolio #bar-info.project li .wrapper{display: flex;}    
  #bar-info.project li .wrapper .description{margin-right: 1em;}
}

#portfolio #bar-holder{margin-bottom: 135px;}

#links-instagram{text-align: center;}
#links-instagram iframe{margin: 0 auto; width: 500px; height: 640px;}
.video-autoplay{margin-left: auto; margin-right: auto;}
@media screen and (max-width: 500px) {
  #links-instagram iframe{margin: 0 auto; width: 480px; height: 620px;}
}