/* Define Fonts */
@import "fonts.css";
@import "fonticons.css";

@font-face {
    font-family: evo;
    src: url("../fonts/evo.otf") format("opentype");
}


/* Media Queries */
@media screen and (max-width: 39.9375em) {} /* Small only */
@media screen and (min-width: 40em) {} /* Medium and up */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {} /* Medium only */
@media screen and (min-width: 64em) {} /* Large and up */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {} /* Large only */

/* */
.top_bar { background-color: #ededed; line-height: 2.5em; border-bottom: 1px solid #e3e3e3; }
.top_bar .info { float: left; margin-right: 2em; font-size: 0.8em; color: #737172; }
.top_bar .info i { color: #faca00; }
.top_bar .social { color: black; margin: 0 0.5em; display: inline-block; color: #2d2d2d; }

header { margin: 1em 0; }
header img.logo { height: 90px; }
header .info_container { margin-top: 2em; }
header .info { padding-left: 2em; }
header .info i { display: inline-block; margin-left: -2em; float: left; line-height: 1.3em; }
header .info div { font-size: 0.8em; color: #929491; }
header .info div.title { font-weight: bold; font-size: 0.9em; color: black; }
header .info_center { border-right: 1px solid #929491; }
header .languages { background: #faca00; padding: 0.6em 0; margin-top: 2em; text-align: center; border-radius: 5px; color: white } 
header .languages a { color: white; font-weight: bold; }
header .languages a.current { color: black; }
header .languages a:hover { color: black; }

nav { background-color: #090909; min-height: 5px; }
nav ul.menu {}
nav ul.menu li { line-height: 3.5em; }
nav ul.menu li a { color: white; font-weight: bold; display: inline-block; position: relative; margin: 0 2em;}
nav ul.menu li a { transition:all ease 1s; position: relative; }
nav ul.menu li a:before { position: absolute; content: ''; width: 100%; height: 3px; background: #000000; left: 0; bottom: -0.5em; transition:all ease 1s; }
nav ul.menu li a.active { color: #faca00; }
nav ul.menu li a.active:before { background: #faca00; transition:all ease 1s; }
nav ul.menu li a:hover { color: #faca00; }
nav ul.menu li a:hover:before { background: #faca00; transition:all ease 1s; }
nav ul.menu li a:after { content: ''; position: absolute; width:2px; height: 60%; background-color: white; right: -2em; top: 20%; }
nav ul.menu li:last-of-type a:after { content:none; }


section.slider_bar {  }
section.slider_bar .orbit .orbit-slide img { width: 100%; }
section.slider_bar .orbit .orbit-slide div { position: relative; }
section.slider_bar .orbit .orbit-slide div .inner { position: absolute; top: 25%; left: 40%; width: 45%;  }
section.slider_bar .orbit .orbit-slide div .inner h2 { color: white; font-size: 3vw; font-weight: bold; line-height: 1.2em; color: #faca00; }
section.slider_bar .orbit .orbit-slide div .inner h3 { color: white; font-size: 1.5vw; font-weight: bold; line-height: 1.2em; margin-bottom: 1em; }
section.slider_bar .orbit .orbit-slide div .inner a { background-color: #faca00; color: white; padding: 0.5em 2em; margin-top: 2em; color: black; font-weight: bold; }
section.slider_bar .orbit  nav { background:none; }
section.slider_bar .orbit  nav.orbit-bullets { bottom: 2em; left: 0; width: 100%; text-align: center; position: absolute; }
section.slider_bar .orbit  nav.orbit-bullets button { background-color: #ffffff; width: 1em; height: 1em; }
section.slider_bar .orbit  nav.orbit-bullets button.is-active { background-color: #ffd701; }
@media screen and (max-width: 39.9375em) {
	section.slider_bar .orbit .orbit-slide div .inner h3 { display: none; }
	section.slider_bar .orbit .orbit-slide div .inner a { display: none; }
	section.slider_bar .orbit  nav.orbit-bullets { display: none; }
}

section.semi_content {}
section.semi_content .item { background-position: center; background-size: cover;  }
section.semi_content .item .cover { text-align: center; padding: 4em 3em; transition: all ease 1s; line-height: 3em; }
section.semi_content .item .cover h5 { font-size: 1.5em; font-weight: bold; font-family: 'evo'; color: #fabc41; transition: all ease 1s; }
section.semi_content .item .cover p { font-size: 0.9em; font-family: 'evo'; color: white; transition: all ease 1s; line-height: 2em; }
section.semi_content .item .cover.cover_1 { background-color: rgba(0,0,0,0.6); }
section.semi_content .item .cover.cover_2 { background-color: rgba(0,0,0,0.8); }
section.semi_content .item .cover.cover_3 { background-color: rgba(0,0,0,0.6); }
section.semi_content .item:hover .cover { background-color: rgba(250,190,65,0.8); }
section.semi_content .item:hover .cover h5 { color: black; }
section.semi_content .item:hover .cover p { color: black; }


section.content { margin: 2em 0; }
section.content h3 { font-weight: bold; font-size: 2em; font-family: 'evo'; }
section.content p { font-size: 0.8em; }
section.content a { font-weight: bold; color: #e09900; font-family: 'evo'; }

section.title h1 { position: relative; font-weight: normal; font-size: 2.5em; }
section.title h1 span { background-color: white; padding-right: 1em; }
section.title h1:after { content:""; position: absolute; bottom: 0; left: 0; right: 0; height: 0.6em; border-top: 1px solid black; z-index: -1; }

section.projects { margin-bottom: 2em; }
section.projects img { width: 100%; }
section.projects .item {}
section.projects .title { background-color: #fabc41; padding: 1.5em 0; text-align: center; font-weight: bold; font-family: 'evo'; font-size: 1.2em; color: black; }
section.projects .title span { font-size: 0.8em; font-weight: normal; }

section.services {}
section.services img { width: 100%; }
section.services .type_1 { background-color: #1e1e1e; display: }
section.services .type_1 h4 { color: #eabb45; font-weight: bold; font-family: 'evo'; }
section.services .type_1 p { color: #ffffff; text-align: justify; }
section.services .type_1 a { color: #eabb45; }
section.services .type_2 { background-color: #eabb45; display: }
section.services .type_2 h4 { color: #1e1e1e; font-weight: bold; font-family: 'evo'; }
section.services .type_2 p { color: #ffffff; text-align: justify; }
section.services .type_2 a { color: #1e1e1e; }
section.services .inner { padding: 7vw;}

section.logos { padding: 2em 0; }
section.logos.bg2 { background: #efefef; }

section.call_us { background: url(../img/7.jpg); background-size: cover; background-position: center; padding: 3em; text-align: center; }
section.call_us h2 { text-align: center; text-shadow: 0 0 5px black; color: white; font-family: 'evo'; font-weight: bold; }
section.call_us a { background-color: white; color: black; margin: 0; }

footer { padding: 3em 0 0 0; background-color: #242424; color: #b1b1b1; font-size: 0.9em; }
footer .cell { border-right: 1px solid #353535; margin-bottom: 2em; }
footer .cell:last-of-type { border: none; }
footer div.title { color: #f8c22a; font-weight: bold; }
footer i { color: #f8c22a; font-weight: bold; }
footer p { margin: 0; line-height: 2em; }

section.copyright { background-color: #131313; color: white; font-size: 0.8em; line-height:3em; }
section.copyright a { color: white; border-bottom: 1px dotted white; }

section.top_image img { width: 100%; }

section.breadcrumbs { background: #f7f6fc; border-bottom: 1px solid #e2e1e6; padding-top: 1em; font-weight: bold; margin-bottom: 2em; }
section.breadcrumbs ul li { color: #a1a3a2; }
section.breadcrumbs ul li a { color: #faca00; }

section.page_content { padding: 2em 0; }
section.page_content h1 { font-size: 2em; font-weight: bold; position: relative; display: inline-block; }
section.page_content h1:after { content: ''; position: absolute; width: 50px; height: 2px; background: #faca00; bottom: 10px; right: -60px; }
section.page_content h2 { font-size: 2em; font-weight: bold; position: relative; display: inline-block; }
section.page_content h2:after { content: ''; position: absolute; width: 50px; height: 2px; background: #faca00; bottom: -10px; left: 0px; }
section.page_content p { font-size: 1.1em; text-align: justify; }
section.page_content img { width: 100%; }

section.page_content_dark { background: #292929; margin-bottom: 1em; }
section.page_content_dark h1 { font-size: 2em; font-weight: bold; position: relative; display: inline-block; color: white; margin-bottom: 1em; }
section.page_content_dark p { color: #bbb; font-size: 1em; text-align: justify; }
section.page_content_dark img { width: 100%; }


section.contact { padding: 2em 0; padding-bottom: 0; }
section.contact h2 { font-size: 2em; font-weight: bold; position: relative; display: inline-block; }
section.contact h2:after { content: ''; position: absolute; width: 50px; height: 2px; background: #faca00; bottom: -10px; left: 0px; }
section.contact aside { border-left: 0px solid #d1d1d1; padding: 0 2em; font-size: 1em; height: 100%; }
section.contact aside h3 { font-weight: bold; font-size: 1em; margin: 0; padding: 0; margin-bottom: 0em; }
section.contact aside hr { border-color: #d1d1d1; }
section.contact aside p { color: #787876; margin-bottom: 1.5em; }
section.contact iframe { border: 1px solid #d1d1d1;  }
section.contact form {}
section.contact form input { font-size: 1em; border-color: #dddddd; }
section.contact form textarea { font-size: 1em; border-color: #dddddd; }
section.contact form button { font-size: 1em; background: #f2d146; color: black; }

section.projects { padding: 2em 0; }
section.projects .item .image { position: relative; margin-bottom: 1em; }
section.projects .item .image img { width: 100%; }
section.projects .item .image .cover { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(250,200,0,0.7); display: flex; align-items: center; justify-content: center; opacity: 0; transition: all ease 0.7s; }
section.projects .item .image .cover i { font-size: 3em; color: white; }
section.projects .item h3 { font-size: 1em; font-weight: bold; text-align: center; margin: 0; color: black; transition: all ease 0.7s; }
section.projects .item p { font-size: 0.9em; color: #747474; text-align: center; }
section.projects .item:hover .image .cover { opacity: 1; transition: all ease 0.7s; }
section.projects .item:hover h3 { color: #8d7305; transition: all ease 0.7s; }
section.projects .item:hover p {}

section.project { padding: 2em 0; }
section.project img { width: 100%; }
section.project .details { height: 100%; background: #faca00; padding: 2em; padding-bottom: 0; }
section.project h1 { font-size: 2em; font-weight: bold; position: relative; display: inline-block; }
section.project h1:after { content: ''; position: absolute; width: 50px; height: 2px; background: #faca00; bottom: 10px; right: -60px; }
section.project p { text-align: justify; }
section.project .content { padding: 2em 0; }
section.project .bg2 { padding: 3em 0; background: #f4f4f4; }

section.services { padding: 2em 0; }
section.services h1 { font-size: 2em; font-weight: bold; margin: 0; color: black; transition: all ease 0.7s; }
section.services p { font-size: 0.9em; color: #747474; }
section.services .item { margin-bottom: 2em; display: inline-block; }
section.services .item img { width: 100%; margin-bottom: 1em; border-bottom: 3px solid #faca00; }
section.services .item h3 { font-size: 1em; font-weight: bold; margin: 0; color: black; position: relative; }
section.services .item h3:after { content: ''; position: absolute; left: 0; bottom: -10px; width: 50px; height: 2px; background: #747474;  transition: all ease 0.7s; }
section.services .item:hover h3:after { width: 100%; background: #faca00;  transition: all ease 0.7s; }