/*
	Theme Name: Labtrans
	Theme URI: http://www.labtrans.ufsc.br
	Description: Wordpress Theme Labtrans
	Version: 1.0v
	Tags: Labtrans
 */


html {
    font-size: 62.5%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

html, body {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin: 0;
    padding: 0;
}

*,*:before,*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    margin: 0;
    padding: 0;
    color: #333;
    font-size:1em;
}

@media screen and (max-width: 1200px) {
    body {
        font-size:80%;
    }
}

/*
ol,ul {
    list-style: none
}
*/

strong {
    font-weight: bolder
}

table {
    border-collapse: separate;
    border-spacing: 0
}

caption,th,td {
    font-weight: normal;
    text-align: left
}

blockquote:before,blockquote:after,q:before,q:after {
    content: ""
}

blockquote,q {
    quotes: "" ""
}

a:hover,a:active {
    outline: 0
}

a img {
    border: 0
}

figure {
    margin: 0;
    padding: 0
}

img {
    max-width: 100%
}


h1 {
	font-weight: 300;
	font-size:5em;
	margin:0;
}


h2 {
	font-weight: 300;
    font-size:3.5em;
	margin:0;
    color:#2c1e46;
}

h3 {
	font-weight: 500;
	font-size:2em;
	margin:0;
}

h4 {
	font-weight: 300;
	font-size:1.5em;
	margin:0;
}



@media screen and (max-width: 780px) {
    h2 {
        font-size:2.5em;
    }
}

a {
    color: #000;
    text-decoration: none;
    margin: 0;
    padding: 0;
}

.link {
	text-decoration: underline;
}

.linkAzul{
	color: #0070a8
}

p, li {
    font-size: 1.4rem;
    margin: 0;
    padding: 0;
}

ul {
    margin: 0;
    padding: 0;
}

.clearfix {
    *zoom: 1;
}

    .clearfix::before,
    .clearfix::after {
        display: table;
        content: "";
        line-height: 0;
    }

    .clearfix::after {
        clear: both;
    }

@font-face {
    font-family: 'icomoon';
    src: url("icons/icomoon.eot?40sh05");
    src: url("icons/icomoon.eot?#iefix40sh05") format("embedded-opentype"),url("icons/icomoon.ttf?40sh05") format("truetype"),url("icons/icomoon.woff?40sh05") format("woff"),url("icons/icomoon.svg?40sh05#icomoon") format("svg");
    font-weight: normal;
    font-style: normal
}

[class^="icon-"],[class*=" icon-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-language:before {
    content: "\e600"
}

.icon-search:before {
    content: "\f002"
}

.icon-paper-plane:before {
    content: "\f1d8"
}

.icon-lock:before {
    content: "\e601"
}

.icon-download:before {
    content: "\e602"
}

.wrapper {
	max-width:1400px;
	margin:0 auto;
}

.align-center {
    display: flex;
    justify-content: center;
}

input, textarea {
    width:100%;
    height:35px;
    padding:3px;
    border:1px solid #ccc;
}

 input[type="submit"], .button {
    width:auto !important;
    padding:10px 25px;
    background-color: #d77828;
    cursor:pointer;
    border:none !important;
    color:#fff;
    border-radius:3px;
 }

.button-default {
  background-color: #eee;
  border: 1px solid #ddd;
  color: #333;
}

 input[type="submit"]:hover, .button:hover {
    background-color: #c65f12;
    }

.button-default:hover {
  background-color: #ddd;
} 

 .button-small {
    padding:5px 15px;
 }

 .button-large {
    padding:15px 45px;
 }

/***************************************************************************************
	HEADER
****************************************************************************************/

.site {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

.logo {
    line-height: 100%;
    margin:5px;
    flex-grow:2;
    background-size:cover;
}

.header-page {
	background:#fff;
	position:fixed;
	width:100%;
	z-index: 2;
	top:0;
	border-bottom:1px solid #eee;
	box-shadow:0 2px 2px -1px rgba(0,0,0,.1);
}

.header-page > div {
	display:flex;
	flex-flow:row nowrap;
	justify-content: flex-end;
	align-items: center;
    height: 63px;
}

.primary-menu > ul > li {
	display:inline-block;
	margin:0 10px;
	position:relative;
	padding:3px;
    vertical-align: middle;
}

.primary-menu > .language-chooser > li  {
    margin:0;
}

.sub-menu  {
        display: none;
        background: #fff;
        position: absolute;
        top: 100%;
        right: 0;
        width:150px;
        box-shadow:0 2px 2px -1px rgba(0,0,0,.1);
    }

    .primary-menu li:hover > .sub-menu {
        display: block;
    }

    .sub-menu li {
        border-top: 1px solid #eee;
        position: relative;
        text-indent: 0;
        display:block;
        text-align:right;
    }

    .sub-menu li a {
    	padding:10px;
    	display:block;
    }

    .sub-menu li:hover {
        background:#eee;
    }

.menu > ul > li:hover , .current-menu-item {
	border-bottom:2px solid #d77828;
}

.primary-menu > ul {
    display:inline-block;
}

.menu-item-has-children:after {
	content:"";
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
    border-top: 7px solid #444;
	margin-left:3px;
	display:inline-block;
	cursor:pointer;
}

 #control-nav {
        display:none;
    }

@media screen and (max-width: 900px) {
    .nav-mobile {
        cursor: pointer;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 5;
        padding: 25px 30px;
        height: 100%
    }

    .nav-mobile span {
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .nav-mobile span,.nav-mobile span:after,.nav-mobile span:before {
        display: block;
        content: '';
        position: absolute;
        height: 2px;
        width: 25px;
        border-radius: 1px;
        background: #424243;
        -webkit-transition: all .25s ease;
        -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
        -o-transition: all .25s ease;
        transition: all .25s ease
    }


    .nav-mobile span:after {
        bottom: -7px
    }

    .nav-mobile span:before {
        top: -7px
    }

    #control-nav:checked + .nav-mobile span {
        background: none
    }

    #control-nav:checked + .nav-mobile span:after {
        top: 7px;
        -webkit-transform: translateY(-7px) rotate(-45deg);
        -moz-transform: translateY(-7px) rotate(-45deg);
        -ms-transform: translateY(-7px) rotate(-45deg);
        -o-transform: translateY(-7px) rotate(-45deg);
        transform: translateY(-7px) rotate(-45deg)
    }

    #control-nav:checked + .nav-mobile span:before {
        top: 0;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    #control-nav ~ nav >  .menu {
        display: none;
        position: fixed;
        z-index: 9;
        right: 0;
        top:60px;
        bottom:0;
        overflow-y:auto;
        background: #FFF;
    }

    #control-nav ~ nav >  .menu > li {
        display:block;
    }

    #control-nav ~ nav >  .menu > li  a {
        padding:10px;
        display:block;
    }

    #control-nav:checked ~ nav > .menu {
        display: block
    }

    .menu-item-has-children:after {
        content:none;
    }

    .sub-menu  {
        position: relative;
        margin-left:10px;
        width:auto;
        display:block;
        text-align:left;
    }


    .primary-menu > ul {
    	width:100px;
    }


    .primary-menu > ul > li {
		border-bottom:1px solid #eee;
		margin:0;
		padding:3px 0;
	}

	.sub-menu  li {
		border-bottom:none;
		text-align:left;
	}

    .primary-menu > ul > li a:hover , .current-menu-item a {
	border-left:2px solid #105980;
}

    .primary-menu > ul > li:hover , .current-menu-item {
	border-bottom:none;
}

}

.breadcrumbs {
    margin-bottom:20px;
    display: inline-block;
    width:auto;
    position: relative;
}

@media screen and (max-width: 780px) {
    .breadcrumbs {
        display:none;
    }
}


.breadcrumbs > span{
    height:30px;
    line-height: 30px;
    padding:0 10px;
    display: inline-block;
    background:#eee;
    margin-right:15px;;
    position: relative;
}


.breadcrumbs  span:after {
    position:absolute;
    left:100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    pointer-events: none;
    border-left-color: #eee;
    border-width: 15px;
    border-left-width:10px;
}


.breadcrumbs  span:before {
    position:absolute;
    left:-10px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    pointer-events: none;
    border-color:#eee;
    border-left-color: transparent;
    border-width: 15px;
    border-left-width:10px;
    z-index:-1;
}

.breadcrumbs  span:first-of-type:before, .breadcrumbs  span:last-of-type:after {
    border:none;
}

.breadcrumbs > span:last-of-type {
    background:#d77828;
    color:#fff;
    margin-right: 3px
}

.breadcrumbs > span:last-of-type:after {
    border-left-color: #105980;
}

.breadcrumbs > span:last-of-type:before {
    border-color:#d77828;
    border-left-color: transparent;
}

.breadcrumbs a:hover {
    text-decoration: underline;
}

/***************************************************************************************
	PÁGINA INICIAL
****************************************************************************************/

.home {
	flex:1;
}

.home-banner {
	background:url("images/background.jpg") no-repeat center bottom;
	height:45vh;
	background-size:100% auto;
	margin-top:32px;
	position:relative;
}

@media screen and (max-width: 1200px) {
    .home-banner {
        max-height:300px;
    }
}

@media screen and (max-width: 780px) {
    .home-banner {
        max-height:180px;
    }
}
@media screen and (max-width: 450px) {
    .home-banner {
        margin-top:50px;
    }
}

.areas-atuacao {
	padding:4em;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow:column nowrap;
}

.areas-atuacao h2 {
	margin-bottom:1em;
	display:block;
	text-align: center;
}

.areas-atuacao a {
    margin:0 auto;
    width:100%;
    display: block;
}

.areas-atuacao img {
	margin:0 auto;
	width:auto;
	display:block;
}

.areas-atuacao-conteiner {
    position:relative;
    display: inline-block;
}

.lista-areas-atuacao {
    position:absolute;
    bottom:0;
    top:0;
    display:flex;
    align-items: stretch;
    justify-content: center;
    left:0;
    right:0;
}

.lista-areas-atuacao li {
    width:calc(100% / 2);
    margin:0 !important;
    padding:0 !important;
}

.lista-areas-atuacao a {
    display: block;
    height: 100%
}

/***************************************************************************************
	PÁGINA GERAIS
****************************************************************************************/


.page-content {
	margin-top:65px;
	padding:20px;
	flex:1;
}

.page-content h2{
	border-bottom:1px solid #ccc;
}

.page-content h2:after{
    content:"";
    width:100px;
    height:5px;
    display:block;
}

.content {
	margin-top: 30px;
}

.content ol {
	margin: 20px;
}

.content ol li {
	margin: 20px 0 !important;
}

.page-content p {
	line-height: 150%;
	margin:1em 0;
}

.page-content:not(.page-list) ul li {
    line-height: 150%;
    list-style:disc;
    margin:.5em 0;
}

.page-content .lista-flex p, .content-flex p {
	margin:0;
	line-height: 150% !important;
}

.lista-flex, .content-flex > ul {
	display:flex;
	flex-flow: row wrap;
    justify-content: center;
}

.lista-flex li, .content-flex > ul li{
	width: 300px;
    list-style-type: none;
    margin: 20px;
}

.lista-center {
    justify-content: center;
}

.categoria {
	float:right;
	margin-top:3px;
}

.categoria li {
	display:inline-block;
}


.categoria li a:hover {
	text-decoration:underline;
}

.lista-projetos h4 {
    color: #333;
    padding: 10px;
    font-size: 1.3rem;
    font-weight: 400;
    background: #eeeeee;
    border-radius: 0 0 10px 10px;
    display: flex;
    margin-top: -4px;
    align-items: center;
}

.lista-projetos-thumb {
    width:300px;
    height:170px;
    overflow:hidden;
    display: block;
    border:1px solid #eee;
}


.lista-projetos-thumb img{
    width:100%;
    height:auto;
}

.tag-action {
    text-align: right;
    display: block;
    font-size: .8em;
    padding: 2px;
    border-bottom: 3px solid #eee;
}

.lista-icones img {
    border:1px solid #eee;
}

/*
.tag-action:before {
    content:"";
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDQzMi41NDQgNDMyLjU0NCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDMyLjU0NCA0MzIuNTQ0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTQyMS45ODUsMjI5LjgzM0wyMTcuODQ3LDI1Ljk4MWMtNy4yMzUtNy4yMzgtMTYuOTQtMTMuMzc0LTI5LjEyMS0xOC40MTZDMTc2LjU0MSwyLjUyMiwxNjUuNDA3LDAsMTU1LjMxOCwwSDM2LjU0NyAgIEMyNi42NDgsMCwxOC4wODMsMy42MTksMTAuODUsMTAuODQ4QzMuNjE3LDE4LjA4MSwwLjAwMiwyNi42NDYsMC4wMDIsMzYuNTQ1djExOC43NzFjMCwxMC4wODgsMi41MTksMjEuMjE5LDcuNTY0LDMzLjQwNCAgIHMxMS4xODIsMjEuNzkyLDE4LjQxNywyOC44MzdMMjMwLjExOCw0MjEuOThjNy4wNDMsNy4wNDMsMTUuNjAyLDEwLjU2NCwyNS42OTcsMTAuNTY0YzkuODksMCwxOC41NTgtMy41MjEsMjUuOTgtMTAuNTY0ICAgbDE0MC4xODYtMTQwLjQ3YzcuMDQzLTcuMDQ2LDEwLjU2MS0xNS42MDQsMTAuNTYxLTI1LjY5M0M0MzIuNTQyLDI0NS45MTksNDI5LjAyNCwyMzcuMjU4LDQyMS45ODUsMjI5LjgzM3ogTTExNy4yMDIsMTE3LjIwMSAgIGMtNy4xNDIsNy4xMzgtMTUuNzUyLDEwLjcwOS0yNS44NDEsMTAuNzA5Yy0xMC4wODUsMC0xOC42OTktMy41NzEtMjUuODM3LTEwLjcwOWMtNy4xMzgtNy4xMzktMTAuNzA2LTE1Ljc0OS0xMC43MDYtMjUuODM3ICAgYzAtMTAuMDg5LDMuNTY4LTE4LjcwMiwxMC43MDYtMjUuODM3YzcuMTM5LTcuMTM5LDE1Ljc1Mi0xMC43MSwyNS44MzctMTAuNzFjMTAuMDg5LDAsMTguNzAyLDMuNTcxLDI1Ljg0MSwxMC43MSAgIGM3LjEzNSw3LjEzNSwxMC43MDYsMTUuNzQ5LDEwLjcwNiwyNS44MzdDMTI3LjkwOCwxMDEuNDUyLDEyNC4zNDEsMTEwLjA2MiwxMTcuMjAyLDExNy4yMDF6IiBmaWxsPSIjMDAwMDAwIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
    width:12px;
    height:12px;
    background-size:contain;
    opacity:.8;
    display:inline-block;
    vertical-align: bottom;
    margin:0 3px;
}
*/

.modal-tag {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

.modal-tag .modal-tag-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
}

 .modal-tag .close {
    position: absolute;
    top: -40px;
    right: 0;
    cursor: pointer;
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
    font-size: 1.6em;
    padding: 8px;
    border-radius: 2px;
}

.modal-tag .modal-tag-content {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #FFF;
    width: 960px;
    max-width: 80%;
}

.modal-tag .modal-tag-content .tag-content {
    line-height: 1.4;
    font-size: 1.5em;
    padding: 15px;
}

.modal-tag .modal-tag-content .tag-content ul {
    font-size: 1em;
    list-style: disc !important;
    margin-top: 15px !important;
    margin-left: 30px !important;
}

.modal-tag .modal-tag-content .tag-content ul li {
    width: 100%;
    position: relative;
    float: none;
    margin-right: 0;
    margin-bottom: 15px;
}

.lista-areas-atuacao li {
    display:flex;
    flex-flow: row nowrap;
    align-items: center;
    margin:30px 0;
    justify-content: space-between;
}

.lista-areas-atuacao li:nth-child(even) {
    flex-direction: row-reverse;
}

.lista-areas-atuacao li div {
    margin: 10px 20px;
    flex-basis: 100%
}

/***************************************************************************************
    PÁGINA CONTATO
****************************************************************************************/

.contact-page {
    display:flex;
    flex-flow:row wrap;
    justify-content: space-between;
}

.contact-page > div{
    min-width:50%;
}

 .contact-page textarea {
    min-height:250px;
    resize:vertical;
 }

div.wpcf7-validation-errors {
    color:#fff;
    background-color: rgba(198,39,32, .9);
    border:none !important;
    padding:5px 10px !important;
    margin:0 !important;
}

div.wpcf7-mail-sent-ok {
    color:#fff;
    background-color: rgba(29,87,33, .9);
    border:none !important;
    padding:5px 10px !important;
    margin:0 !important;
}

/***************************************************************************************
    PÁGINA PORTFOLIO
****************************************************************************************/

.pdfemb-viewer {
    margin: 0 auto !important;
    border:1px solid #ccc !important;
}

/***************************************************************************************
    PÁGINA IDENTIDADE VISUAL
****************************************************************************************/

.lista-download-logo  {
    display:flex;
    flex-flow:row wrap;
}

.page-content .lista-download-logo li {
    margin:20px;
    list-style: none;
}

.page-content .lista-download-logo li img {
    border:1px solid #eee;
    width:220px;
    height:auto;
}


.links-download-logo {
    display:flex;
    flex-flow: row nowrap;
    justify-content:space-between;
}

.links-download-logo a{
    background:#eee;
    padding:5px;
    text-align:center;
    flex-basis:100%;
    margin-right:2px;
}

.links-download-logo a:last-of-type{
    margin-right:0;
}

.links-download-logo a:hover {
    background:#ddd;
}

.logo-negativo img {
    background:#ccc;
}

.links-download {
    margin:20px 0;
}

.links-download a {
    display:inline-block;
    font-size:14px;
    margin:10px 0 ;
}

/***************************************************************************************
	PÁGINA PROJETOS
****************************************************************************************/

.imagem-destaque {
	float:right;
	position:relative;
	margin-left:20px;
}

.imagem-destaque-sistemas {
	background:url(images/laptop-bkg.png) no-repeat center;
	background-size:contain;
	width:600px;
	height:350px;
	position:relative;
	float:right;
	position:relative;
}

@media screen and (max-width: 650px) {
    .imagem-destaque-sistemas {
        display:none;
    }
}

.imagem-destaque img {
	display:none;
}

.imagem-destaque-sistemas img {
    width:100%;
    height:auto;
    }

   .imagem-destaque-sistemas div {
     width:457px;
     height:288px;
     position: absolute;
     top:20px;
     left:72px;
     display: block;
     overflow:hidden;
   }

	.content p {
	font-size:1.5rem;
	line-height: 180%;
}

	.content ul {
	margin:15px;
}

.content-post ul {
	list-style: disc;
	font-size:1.5rem;
	line-height: 150%;
	margin:10px;
}

.content h2 {
	font-size:2rem;
	border-bottom:none;
}


.alignright {
    float:right;
    margin:20px;
}

.alignleft {
    float:left;
    margin:20px
}

/***************************************************************************************
    NEXTGEN GALLERY - estilo para bkp, está sendo aplicado pelo painel do wordpress
****************************************************************************************/


.ngg-galleryoverview {
    margin-top:50px;
    display:flex !important;
    justify-content:center;
    flex-flow: row wrap !important;
}


.ngg-galleryoverview > div {
    float:none;
}

.ngg-gallery-thumbnail {
    width:240px;
}


/***************************************************************************************
    PÁGINA PARCEIROS
****************************************************************************************/

.page-parceiros ul li img{
    border:1px solid #eee;
    width:300px;
    margin:0 auto;
    padding:15px;
}

.page-parceiros ul li p{
    background:#eee;
    padding:5px;
    font-size:1.3rem;
}


/***************************************************************************************
    PÁGINA PUBLICAÇÕES
****************************************************************************************/

.page-publicacoes ol {
    margin:20px;
}

.page-publicacoes ol li {
    margin:20px 0 !important;
}


/***************************************************************************************
    PÁGINA LINKS
****************************************************************************************/

.page-outros-links p {
    font-weight:bold;
}

.page-outros-links a {
    text-decoration:underline;
    font-weight:400;
}

.lista-links-labtrans img{
    width:100%;
    min-height: 100%;
}

/***************************************************************************************
	BUSCA
****************************************************************************************/

.item-busca {
    border-bottom:1px dotted #ccc !important;
    margin-bottom:15px;
    padding:10px;
}

.item-busca h2::after {
    height: 2px;
}

.search {
    position:relative;
    align-self: stretch;
    display:flex;
    align-items: center;
}

.search > label {
    width:28px;
    cursor:pointer;
    padding:5px;
    margin:0 10px;
}

.search-box {
    position:absolute;
    right:0;
    width:300px;
    top:64px;
    background:#eee;
    padding:5px;
    transform:scaleY(0);
    transform-origin: top right;
    transition:all .2s linear;
}

.search-box input {
    border:none;
    padding:5px;
}

.search-box button {
    background:#7e9d31;
    color:#fff;
    border:none;
    padding: 5px 15px;
    cursor:pointer;
}

.searchform {
    display:flex;
}

#search-checkbox {
    display:none;
}

#search-checkbox:checked ~ .search-box {
     transform:scaleY(1);
}

/***************************************************************************************
	FOOTER
****************************************************************************************/

.footer-page {
	background:#e9e9e9;
	display: flex;
    flex-flow: row wrap;
	color: #333;
	padding:3em;
	justify-content: center;
	align-items: center;
	height:auto;
}


.footer-address {
	margin-left:10em;
}

.footer-address > p {
	line-height:180%;
}

.footer-page_center{
	display: flex;
	justify-content: center;
	width:80%
}

.social_icons{
	display: flex;
	font-size: 24px;
	min-width: 96px;
	justify-content: space-between;
	align-self: flex-end
}
.social_icons > a{
	color: #432972
}

@media screen and (max-width: 670px) {
	.footer-page {
		padding: 2em;
		text-align:center;
	}

	.footer-page img {
	    width:50%;
	    margin:0 auto;
	}

	.footer-page a {
	    margin-bottom:.75em;
	}

    .footer-address {
	    margin-left:0;
    }

    .footer-address > p {
        font-size:.9em;
        line-height:150%;
    }
	
		.footer-page_center{
	display: block;
		width: 100%;
		margin-bottom: 16px;
		
}

	.social_icons{
	display: block;

}
}