/*
Theme Name: TOMIWORLD
Theme URI:
Description: Theme By Takemedia.
Author: Jorge Oliveira
Author URI: http://takemedia.pt
Version: 0.1
Tags: takemedia
*/

@font-face {
    font-family: 'blogger_sansmedium';
    src: url('font/blogger-medium/blogger_sans-medium-webfont.woff2') format('woff2'),
         url('font/blogger-medium/blogger_sans-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'blogger_sanslight';
    src: url('font/blogger-light/blogger_sans-light-webfont.woff2') format('woff2'),
         url('font/blogger-light/blogger_sans-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

html{margin: 0;padding: 0;height:100%;}
body{margin: 0;height:100%;font-variant-ligatures: no-common-ligatures;font-size: 15px;}
body, input, textarea,select, button{color: #222; font-family: 'blogger_sanslight'; line-height: 1.5; }
h1, h2, h3, h4, h5, h6{font-weight: normal;clear: both;}
hr{background-color: #999;border: 0;height: 1px;margin-bottom: 1.5em;}
pre{font: 11px Monaco, monospace;line-height: 1.5;margin-bottom: 1.5em;}
code{font: 11px Monaco, monospace;}
p{margin: 4px 0 12px 0;}
a{color: #FFC415;text-decoration: none;}
a:hover{color: #23303D;}
.clear{clear:both}
.b{font-weight: 700;}

h1{font-size: 44px;text-transform: uppercase;}
h2{font-size: 20px;margin: 0px;font-family: 'blogger_sansmedium';color:#fff;font-weight: normal;padding: 0px;}
.pwidth{max-width:1230px;margin: 0 auto;padding:0 50px;position: relative;}
#loadpage{position:fixed;width:100%;height:100%;left:0px;top:0px;background-color:#000;z-index:99999;}
#loadpage .uil-ellipsis-css{position: absolute;top:50%;left:50%;margin-top: -105px;margin-left: -105px;}
/*header*/
.temphead{position: absolute;top:0px;width: 100%;z-index: 99;}
.logotomi{font-size: 64px;color:#fff;float:left;line-height: 64px;}
#header{width: 100%;position: absolute;background-color: rgba(0,0,0,0.8);z-index: 999;bottom: 0px;}
.fixhead{top:0px !important;bottom: auto !important;position: fixed !important;}
.headercontent{position: relative;margin: 0 auto;}
#header .logo{float:left;}
#header .homepage{background: #E40F5B;}
.menubar{height: 60px;position: relative;z-index: 999;}
.langs{float:right;border-left: 1px solid #fff;margin-top: 22px;position: relative;margin-left: 15px;}
.langs a{color:#fff;padding: 4px 7px;display: block;}
.clang{color:#fff;padding: 0 7px 10px;cursor: pointer;background: url(images/down.png) no-repeat bottom center;}
.olangs{display: none;position: absolute;top: 28px;background: #000;}
#menu{float: right;font-size: 17px;padding: 0px;margin: 0px;list-style: none;}
.menu-toggle {position: relative;float: right;padding: 7px 10px 4px 10px;background-color: transparent;background-image: none;border: 1px solid transparent;border-radius: 4px;border-color: #ddd;cursor: pointer;margin: 18px 0px 8px 0px;display: none;}
.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
.menu-toggle .icon-bar {display: block;width: 22px; height: 2px;border-radius: 1px;background-color: #888;margin-bottom: 4px;}
.menuiten{float:left;position: relative;font-style: normal;padding: 16px 20px;}
.menuiten span{font-size: 10px;padding-left:5px; }
.menuiten a{color:#fff;display: block;padding: 4px 10px;text-transform: uppercase;}
.submenu a{text-transform: none;}
#menu .menuiten a:hover{color:#FFC415;}
#header .active a{color:#fff;border-bottom: 1px solid #FFC415;;}
#media{cursor:pointer;}
#header_products{cursor:pointer;}
.menuiten ul{position: absolute;list-style: none;margin: 0;padding: 0;background-color: rgb(0,0,0);width:130px;top: 62px;border-top: 2px solid #FFC415;display: none;}
#header .active ul a{border:0;}
#header .active a:hover{color:#FFC415;}
.mobile{background-color: rgba(0,0,0,0.8);padding: 10px 25px;top: 60px;right: 0px;position: absolute;display: none;width: 230px}
.mobile .menuiten{float: none;height: auto;}

/*GERAL*/
.home{background-color:#707881;height:100%;width:100%;min-height: 400px;}
.nohome{height:50% !important;}
.pagebk{background-image: url(images/pagebk.png);background-repeat: no-repeat;background-size: cover;background-position: center;}
.companybk{background-image: url(images/company_bk.jpg);background-size: cover;background-position: center;}
.smartcitybk{background-image: url(images/smartcity_bk.jpg);background-size: cover;background-position: center;}
.newsbk{background-image: url(images/news_bk.jpg);background-size: cover;background-position: center;}
#read{position: absolute;top:-65px;}
#sliderzone{width:100%;height: 100%;}
.slider{width:100%;height: 100%;position: relative;background-repeat:no-repeat;background-size:cover;background-position:center;}
.slider .left span{border:1px solid #fff;font-size: 35px;}
.slider .left span a{color:#fff;padding: 0px 5px;}
.sliderhome{background-image:url(images/home.jpg);}
.sliderdois{background-image:url(images/banner2.jpg);}
.slidertres{background-image:url(images/banner3.jpg);}
.banner1{background-image:url(banners/banner1.jpg);}
.banner2{background-image:url(banners/banner2.jpg);}
.banner3{background-image:url(banners/banner3.jpg);}
.banner4{background-image:url(banners/banner4.jpg);}
.sliderquatro{background-image:url(images/banner4.jpg);}
.textslide{font-size: 50px;color:#fff;position: absolute;top: 50%;left: 20px;right: 20px;padding: 20px;transform: translateY(-50%);overflow: auto;z-index: 99;}
.texttitlepage{top: 25%;}
.texttitle{font-size: 65px;color:#000;margin-top: 50px;}
.whitefont{color:#fff !important;}
.whitefont a{color:#fff !important;}
.playbtn{font-size: 70px;border: 4px solid #fff;text-align: center;border-radius: 92px;width: 75px;height: 75px;padding: 20px 10px 20px 30px;margin-top:46px;}
a .playbtn{color:#fff;}
a .playbtn:hover{color:#000;background:#fff;}
#sliderzone2 .owl-item{height: auto;}
#sliderzone2 .owl-wrapper{height:auto;}
#sliderzone2 .owl-wrapper-outer{height: auto;}
#sliderzone3 .owl-item{height: auto;}
#sliderzone3 .owl-wrapper{height:auto;}
#sliderzone3 .owl-wrapper-outer{height: auto;}
.normalheight .owl-item{height: auto;}
.normalheight .owl-wrapper{height:auto;}
.normalheight .owl-carousel .owl-wrapper-outer{height: auto;}
.area{width:100%;min-height:550px;background-color:#000;background-repeat:no-repeat;background-size:cover;background-position:center;position: relative;padding-top: 100px;}
.faq{background: #FFC415;padding: 50px 0px}
.faqitem{float: left;width: 40%; margin: 20px 5%;position: relative;font-size: 14px;}
.faqtitle span{margin-right: 15px;font-size: 16px;transform: rotate(-90deg);}
.faqtitle{background: #000;padding: 5px;cursor: pointer;color:#fff}
#prev5{position: absolute;font-size: 35px;transform: rotate(90deg);top:50%;left:0px;margin-top: -18px;cursor:pointer;}
#next5{position: absolute;font-size: 35px;transform: rotate(-90deg);top:50%;right:0px;margin-top: -18px;cursor:pointer;}
.faqcontent{padding: 15px;background: #fff;display: none;}
.recog{min-height:400px; background-color: #CFDDD9}
.recog h2{color:#000}
.haward{background: #fff;float: left;width:19%;margin: 20px 0.5%;min-width: 150px;}
.hawardtitle{font-weight: 700;padding:5px;text-transform:uppercase;display: -webkit-flex;display: flex;align-items: center;height: 50px;}
.hawardlocal{padding:0px 5px;font-size: 11px;height:16px;}
.hawardsub{font-weight: 700;padding:5px;font-size:13px;height:30px;}

a .haward{color:#000;}
.hawardimg img{width:100%;}
.timeline{background-color: #CFDDD9;padding-bottom: 30px;}
.award{position: relative;padding:25px 0px;}
.halfaward{width:50%;float: left;}
.award .haward{width: 50%;}
.time{left:50%;width: 2px;margin-left: -1;height: 100%;background: #7C7F81;position: absolute;top:0}
.year{font-size:38px;font-weight: 700;color:#58646F;margin:40px 25px 0px 25px;}
.timelinepoints{width:49%;position:relative;float:right;    margin-top: 45px;}
.pointtimeline{width:20px;height:20px;border-radius: 100%;border:solid 2px #58646F;position: absolute;right:-12px;top: 0px;background:#CFDDD9;}
.linetimeline{position: absolute;height:2px;background:#58646F;right:0px;top:10px;left:5px;}
.awardcontent{padding-left:25px;}
.inverse .halfaward{float:right}
.inverse .year{text-align: right;}
.inverse .awardcontent{padding-left:0px;padding-right:25px;}
.inverse .haward{float:right;}
.inverse .pointtimeline{left:-12px;right:auto;}

.faq h2{color:#000}
.normalheight{min-height: auto}
.openfaqicon{float: left;width:20px;padding-top: 3px;transform: rotate(-90deg);}
.yellow{background-color:#FFC415;}
.faqtitletext{width: calc(100% - 25px);float: right;}

.contactsmap{width:100%;height:500px;position:relative;}
.listcontacts{top:-50px;background: #F1F3F3;padding-top: 50px;}
.contact{width:30%;float: left;margin: 20px 1.5%;min-width:200px;}
.contactimg{width:150px;border:2px solid  #fff;margin: 0 auto;border-radius: 100%;overflow: hidden;-webkit-box-shadow: 7px 4px 39px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 7px 4px 39px 0px rgba(0,0,0,0.75);
    box-shadow: 7px 4px 39px 0px rgba(0,0,0,0.75);}
.contactimg img{width:100%;}
.contactcontent{text-align: center;margin-top: 25px;height: 150px;}
.contactcontent p{margin: 0;}
.contacttitle{font-weight: 700;font-size:18px;text-transform: uppercase}
.formdiv{width:40%;padding: 90px 5%;float: right;background:#E7E9E8}
.formdiv label{font-weight:700;}
.formdiv input{background-color:#D3D4D2;border-bottom: 0px;}
.formdiv select {background-color:#D3D4D2;width: 100%;margin-bottom: 10px;}
.formdiv textarea{background-color:#D3D4D2;border-bottom: 0px;height:180px;margin-bottom: 10px;}
.formdiv button{background: #D09D15;border: 0px;width: 100%;padding: 5px 0px;font-weight: 700}
.leftlabels{width:49%;float: left;}
.rightlabels{width:49%;float: right;}

.slide{height:550px;}

.tomibk{
    background-image: url(images/tomi.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    padding-bottom: 65px;
}

.citys{
	background-image:url(images/citys.jpg);
}

.features{
    margin-top: 35px;
	padding-bottom:50px;
}

.feature{
    color:#77787B;
    float: left;
    width: 17%;
    padding: 0 1%;
    text-align: center;
    border-right: 1px solid #48484A;
    font-family: 'blogger_sansmedium';
    font-size: 16px;
    height: 240px;
	margin-bottom: 20px;
}

.feature span{
    font-size: 60px;   
}

.feature img{
    width:100%;
}

.highlights{
    background-color:#707881;
    height: 648px;
}

.highlights .owl-pagination{
    bottom: 50px;
    position: absolute;
    left:5%;
}

.colorbars{
	width:100%;	
}

.colorbars div{
	width:20%;
	height:33px;
	float:left;
}

.colorbar1{
	background-color:#4C4D4D;
}
.colorbar2{
	background-color:#23303D;
}
.colorbar3{
	background-color:#D09D15;
}
.colorbar4{
	background-color:#AF840E;
}
.colorbar5{
	background-color:#636364;
}

.tomimenus{	
	background-color:#FFC415;
}

.tomimenu{
    float: left;
    width:23.5%;
    font-size: 9vw;
    text-align: center;
    margin-top: 35px;
}

.tomimenu .openfancy{
	color:#000;
	cursor:pointer;
}

.tomifoto{
	width:6%;
	float: left;
	background:#000;
	text-align: center;
	color:#fff;
	margin-top: 35px;
	padding-top: 20px;
	font-size:2vw;
	position:relative;
}

.tomifoto .menudesc{
	position:absolute;
	width:100%;
	text-align: center;
	bottom:10px;
	-webkit-transform: rotate(-90deg);	
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	bottom: 20px;    
    margin: 0px;	
}

.menudesc{
    font-size: 25px;
    margin: 25px 0px;
}

.list{
    color:#fff;
    width:50%;
    float: left;
    text-align: center;
    text-transform: uppercase;
    height: 350px;
}
.icononlist{font-size: 6vh;margin-top: 75px;}
.textlisttitle{font-size: 6vh;margin-top: 5px;}
.textlistdes{font-size: 2vh;}

a .playmovie{
	color:#fff;
}

a .playmovie:hover{
	color:#000;
	background:#fff;
}

.playmovie{
    font-size: 70px;
    border: 4px solid #fff;
    text-align: center;
    border-radius: 92px;
    width: 75px;
    height: 75px;
    padding: 20px 10px 20px 30px;
    margin: 105px auto;   
}

.grey{
    background:#5A646D;
}

.blue{
    background: #23303D;
}

.nopadding{
    padding:0 !important;
}

.listimg{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.engage{
    background-image: url(images/engage.jpg);
}

.move{
    background-image: url(images/move.jpg);
}

.playarea{
    background-image: url(images/playarea.jpg);
}

.live{
    background-image: url(images/live.jpg);
}

.more{
    position: absolute;
    border: 1px solid #000;    
    font-size: 18px;
    bottom: 40px;
    right:40px;
}

.whitemore{
   border: 1px solid #fff;  
}

.pdetails{position: relative;}

.openfancy{
    color:#fff;
}

.more a{
    color:#000;
    display: block;
    padding: 5px;
}

.whitemore a{
    color:#fff;
}
.textpagearea{width: 40%;padding: 90px 5%;background: #fff;float: left;}

.textpagearea h2{
    margin-top: 25px;
}

.textpagearea h3{
    font-family: 'blogger_sansmedium';
    margin-top: 5px;
}

.pageimages{width:50%;float: right;height: 100%;background-position:center;background-size: cover;}

.pagesmart{
    background-image: url(images/smarcitys_bk.jpg);
}

.pagecompany{
    background-image: url(images/company.jpg);
}

.pagecontactos{
     background-image: url(images/mapa.jpg);
     background-repeat: no-repeat;
     background-position: center;
     background-color: #333333;
     background-size: contain;
}

.pageimagesnew{
    width:50%;
    float: right;
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    background-size: contain;
}

.news{
    position: relative;
}

.newstitle{
    position: absolute;
    top: 50%;
    left: 20px;
    right: 20px;    
    color: white;
    padding: 20px;
    transform: translateY(-50%);    
    overflow: auto;
    font-size: 22px;
}

.newstitle a{
    color:#fff;
}

.readmore{width:124px;font-size: 38px;height: 31px;text-align: center;left:50%;margin-left: -62px;position: absolute; bottom: 40px;cursor: pointer;}



.newsletterlist{background: #fff;position: relative;}
.newsletterlist h2{color:#000;border-bottom: 1px solid #fff;text-transform: uppercase;padding-left: 20px;}
.reportbitem{float: left;width: 30%;margin: 15px 1.6%;background: #fff;}
.newslist .reportimgzone{height: 200px;}
.reportimgzone{width: 100%;background-color: #000; text-align: center;background-size: cover;}
.reportimgzone img{width: 100%;}
.reportimagetitle{color:#fff;font-size: 45px;text-transform: uppercase;}
.reporttitle a{color:#000;font-weight: 700}
.reporttitle{padding: 10px 15px 0px 15px;font-size: 20px;min-height: 60px;}
.reportdate{padding: 5px 15px 20px 15px;}
.reportdate a{color:#989898}
.newsletterlist .area{min-height: 0;padding: 30px 0px;}
.newslist .area{min-height: 0;padding: 30px 0px;}
.reportsmall{float: left;width: 30%; margin: 15px 1.6%;background: #e9e9e9;height: 90px;}
.othersarea a{color:#000}
.reportsmallimg{width:120px;height: 90px;background-color: #000;float: left;background-size: cover;}
.reporttitlesmall{width:calc(100% - 130px);float: right;font-weight: 700;height:65px;}
.reportsmall .reportdate{width:calc(100% - 130px);float: right;padding: 5px;font-size: 11px;}
.pagecity h3{text-align: center;text-transform: uppercase;color:#FFC61C}
.pagecity h2{text-align: center;color:#000;font-size: 40px;}
.tomimeet{position: absolute;right:50px;z-index: 9;top:-20px;}
.icontommifotter svg{margin-bottom: 20px;}
.findtomi{padding: 30px;background-color: #FFC415}
.findtomi div{text-align: center;}
.findbig{font-size: 65px;text-transform: uppercase;font-weight: 700}
.findsmall{font-size: 18px;}
.paistitle{background-size: cover;background-position: center;margin-bottom: 10px;}
.portugal{background-image: url(images/portugal.jpg)}
.brasil{background-image:url(images/brasil.jpg) }
.chile{background-image:url(images/santiagochile.jpg)}
.events{background-image:url(images/events.jpg) }
.paistitle h2{font-size: 40px;text-transform: uppercase;padding: 40px 0px;}
.cidades .pwidth a{display: inline-block;padding: 5px 8px; color:#000;background: #FEC418;margin: 5px;border-radius: 20px;font-weight: 700;}
.cidades .icon-pin{color:#FFC61C;margin-right: 10px;}
.cidades{padding: 65px 0px;}
.nolink{display: inline-block;padding: 5px 8px; color:#000;margin: 5px;border-radius: 20px;font-weight: 700;}
.analytics{padding: 30px 0px;text-align: center;}
.analytics h2{color:#000;font-size: 32px;}
.dataelement{float: left;width: 27%;margin: 15px 3%;position: relative;}
.icondata{background: #fff;width: 70px;position: absolute;left: 50%;margin-left: -35px;top: 68px;font-size: 40px;}
.datatext{margin-top: 35px;font-size: 18px;}
.datanumber{font-size: 58px;color:#FFC61C;border-bottom: 1px solid #000}
.sixtext{padding: 5px 10px}
.riofriend{background-image:url(images/riodejaneirobestfriend.jpg) }
.areaimagenetwork{padding-top:100px;min-height: 400px;}
.areaimagenetwork h2{color: #FFC61C;font-size: 62px}
.areaimagenetwork .btext{font-size: 130px;text-transform: uppercase;}
.network2text{min-height: 230px;padding: 70px 0px;}
.networkicons{padding-top: 50px;}
.network2text .left{width:49%;}
.network2text .right{width:49%;}
.network2text h2{text-transform: uppercase;font-size: 46px;}
.tarea{position: absolute;width: 75px;bottom: 0px;left:25%;}
.tarea img{width: 100%;}
#tomimap{width:100%;height: 670px;}

.newslistitem{
    float: left;
    width: 20%;
    margin: 25px 2.5%;
    height: 150px;
}

.newslistitem a{
    color:#888;
}

.newslistimage{
    float: left;
    width: 100px;
}

.newslisttitle{
    float: right;
    width: calc(100% - 100px);
}

.newslisdate{
    font-size: 10px;
}

.nobg{
	background-color:transparent !important;
}
#bgvid {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);    
    background-size: cover;
}




.owl-buttons{
    position: absolute;
    top:calc(50% - 63px);
    width: 100%;
}

.owl-pagination{
    position: relative;
    max-width: 1260px;
    margin: 0 auto;
    padding: 0 25px;
    bottom: 150px;
}

.owl-page{
    width:15px;
    height:15px;
    border-radius: 10px;
    float:left;
    margin: 5px;
    background: #fff;
}

.owl-pagination .active{
   background: #FFC415; 
}

.owl-carousel .owl-wrapper-outer{
    height:100%;
}

.owl-wrapper{
    height: 100%;
}

.owl-item{
   height: 100%; 
}

.owl-theme .owl-controls .owl-buttons .owl-prev{
    float: left;
    margin-left: 15px;
}

.owl-theme .owl-controls .owl-buttons .owl-next{
    float: right;
     margin-right: 15px;
}

.arrowowl{
    width: 32px;
    height: 124px;
    z-index: 9999;
    background-repeat: no-repeat;
    top:calc(50% - 63px); 
    position: absolute;
    cursor:pointer;
}

.prev{
     background-image: url(images/left.png);
     left: 15px;
}
.prev:hover{
	background-image: url(images/left_h.png);
}

.next{
    background-image: url(images/right.png);
    right:15px
}

.next:hover{
	background-image: url(images/right_h.png);
}

.owl-theme .owl-controls .owl-buttons .owl-prev{
    background-image: url(images/left.png);
}

.owl-theme .owl-controls .owl-buttons .owl-next{
    background-image: url(images/right.png);   
}

.owl-theme .owl-controls .owl-buttons div{
    width:35px;
    height: 125px;
    background-repeat: no-repeat;
    text-indent: -9999px;
    white-space: nowrap; 
}

.formdiv .form_error{
    background-color: #ffcccc; 
}

input{
    width:100%;
    margin-bottom: 10px;
    border: 0;
    border-bottom: 1px solid #000;
}

textarea{
    width: 100%;
    border: 0;
    border-bottom: 1px solid #000;
    resize: none;
    margin-bottom: 10px;
}

input[type='button']{
    background: #FDD79C;
    border:0;    
    width: auto;
    color:#000;
    font-size: 16px;
    padding: 5px 10px;    
    text-transform: uppercase;
    margin-bottom: 0px;
}

.left{float: left;}
.right{float: right;}
.meettomi{background-image: url(images/meet-tomi.jpeg)}
.meettomi h2{color:#FFC415;margin-top: 150px;}
.btext{color:#fff;font-size: 78px;}
.squarearea{background: #fff;padding: 0 0.5%}
.square{width: 33%;float: left;min-height: 400px;text-align: center;background-size: cover;padding: 20px 0px; display: flex;justify-content: center;flex-direction: column;background-position: center;}
.square span{font-size: 40px;color:#FFC415;}
.square h3{text-transform: uppercase;font-weight: 700;}
.square p{padding: 5px 15px;}
.ballet{background-image: url(images/ballet.jpg)}
.street{background-image: url(images/street.jpg)}
.girl{background-image: url(images/girl.jpg)}
.station{background-image: url(images/station.jpg)}
.city{background-image: url(images/city.jpg)}
.pagecity{background-color: #F6F5F3}
.six{float: left;width: 31%;margin: 15px 1%;text-align: center;min-height: 220px;}
.six .icon{font-size: 40px;}
.sixtitle{font-weight: 700;font-size: 15px;padding: 8px;text-transform: uppercase}
.countrymaps{margin: 20px 0px;}
.mapleft{margin-bottom: 20px;}
.mapright{margin-bottom: 20px;}
.titlemapcountry{background-size: cover;background-position: center;height: 100px;margin-bottom: 10px;}
.titlemapcountry h2{text-transform: uppercase;padding: 35px 20px;font-size: 28px;}
.cmap{width:100%;height: 400px;}
.leftmapbrasil{float: left;width: 49%;}
.maprightchile{float: right;width:49%;}
.contactslocation{background: #E5EAEE; padding: 40px 0px 30px 0px;}
.contactslocation a{color:#000}
.ouroffices{text-transform: uppercase;font-weight: 700;text-align: center;font-size: 16px;padding: 10px;background: #000;color:#fff}





/*footer*/
.footer{width:100%;font-size: 12px;color:#000;font-style: normal;background:#FFF;padding-bottom: 15px;border-top: 3px solid #000;}
.footer h2{color:#000;font-size: 13px;margin-bottom: 10px;}
.inifooter{float:left;width:50%;padding-top: 18px;}
.inifooter img{width:100%}
.menufooter{float: left;width:30%;margin-right: 3%;}
.menufooter ul{padding: 0;margin: 0;list-style: none;}
.flbar{line-height: 9px;margin-bottom: 12px;font-size: 9px;}
.morada{float: left; padding: 15px 0px;}
.footer p{padding-top:0px;margin: 0px;}
.contactsfooter{float: left;padding: 25px 0px;width:60%;}
.contactsfooter a{color:#000;}
.newslettermenu{float:left;width: 20%; padding: 25px 0px;}
.social{font-size: 24px;}
.social a{color:#CACACA}
.social a:hover{color:#000}
.apoios{float: right; padding-top: 40px;}
.bring{background-color: #000;padding: 25px;color:#fff;text-transform: uppercase;}
.bring h3{float: left;margin-top: 0px;}
.contactbutton{float: right;background: #FFC415;padding: 5px;border-radius: 3px;}
.contactbutton a{display: block;color:#000;font-weight: 700}
.apoios img{width:220px;}
.areafrase{min-height: 0;padding:50px 0px;text-align: center;}
.frase{font-size: 48px;}
.apoios .livro{text-align: right;display: block;margin-top: 35px;}
.apoios .livro img{width:100px}

#back-to-top {
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 9999;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    background: #f5f5f5;
    color: #444;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
}
#back-to-top:hover {
    background: #e9ebec;
}
#back-to-top.show {
    opacity: 1;
}

.newsletter{cursor:pointer;padding:3px 15px;color: #000;border:1px solid #000;font-size: 15px;margin-bottom: 5px;display: inline-block;}

.newsletterwindow{
    display: none;
    position: fixed;
    top:0;
    left:0;
    width: 100%;  
    height: 100%;
    background-color: rgba(0,0,0,0.7);
}

.closenewsletter{position: absolute;right: 0px;top:0px;cursor:pointer;font-size: 18px;width: 18px;height: 18px;z-index: 999;}
.mobile #submedia{position: relative;top:0;left:0;}

/* Colunas Backoffice*/
.col4{float: left;width:23%;margin: 0 1%}

@media (max-width: 957px){
    .menu-toggle{display: block;}
    .texttitle{font-size: 50px;}
    .feature{min-width: 110px;margin-top: 15px;}
    .inifooter{float:none;width:auto;text-align:center;}
    .inifooter img{max-width:700px;}
    .contactsfooter{margin-left:0px;}
    .menudesc{font-size:18px;}
    .newslistitem{width:25%;}
    .menuiten ul{position: relative;top:0;}
    .reportbitem{width: 45%;}
    .reportsmall{width: 45%;}
    .six{width: 48%;}
    .tarea{display: none;}
.cidades .pwidth{-moz-column-count: 3;-webkit-column-count: 3;column-count: 3;}

    .leftlabels{width:100%;float: none;}
    .rightlabels{width:100%;float: none;}

    /* Colunas Backoffice*/
    .col4{float: left;width:31%;margin: 0 1%}
}

@media (max-width: 750px){
    .homeeventos{width: 90%;margin: 25px auto;float: none;}
    .homenoticias{width: 90%;margin: 25px auto;float: none;}
    .pcontent{float: none;width:100%;}
    .galeria{margin: 20px auto;width:100%;max-width: 605px;float: none;}
    .tomibk{background-image: none;}
    .textlisttitle{font-size: 6vw;}
    .textlistdes{font-size: 4vw;}
    .menudesc{font-size:14px;}
    .newslistitem{width:45%;}
    .tomimeet{display: none;}
    .btext{font-size: 50px;}
    .square{width: 50%;}
    .contactsfooter{width: 100%;}
    .reportbitem{float: none; width: 100%; margin: 15px auto;max-width: 518px}
    .reportsmall{float: none; width: 100%; margin: 15px auto;max-width: 518px}
    .frase{font-size: 28px;}
    .network2text .left{float: none;width:100%}
    .network2text .right{float: none;width:100%}
    .cidades .pwidth{-moz-column-count: 2;-webkit-column-count: 2;column-count: 2;}
    .areaimagenetwork .btext{font-size: 75px;}
    .areaimagenetwork h2{font-size: 56px;}
    .faqitem{float: none;width:90%;}
    .feature{height:205px;}
    .leftmapbrasil{float: none;width: 100%;}
    .maprightchile{float: none;width:100%;}

    /* Colunas Backoffice*/
    .col4{float: left;width:48%;margin: 0 1%}

    .timelinepoints{display:none;}
    .halfaward .haward{width:90%;}
}

@media (max-width: 450px){
    .textslide{font-size: 20px;}
    .texttitle{font-size: 20px;}
	.slider .left span{font-size:18px;}
    .apoios{float: none;}
    .apoios img{width: 100%;}
    .area{min-height: 300px;}
    .pageimages{display: none;}
    .textpagearea{width: 90%;float:none;padding:15px 5%;}	
    .pageimagesnew{float:none;width:90%;margin:0 auto;}
    .slide{height:auto;}
    .highlights{height:300px;}
    .menudesc{font-size:11px;}
    .newslistitem{width:90%;}
    .square{width: 100%;}
    .menufooter{width: 45%;}
    .six{width: 98%;}
    .cidades .pwidth{-moz-column-count: 1;-webkit-column-count: 1;column-count: 1;}
    .areaimagenetwork .btext{font-size:50px;}
    .areaimagenetwork h2{font-size:50px;}
    .dataelement{float:none;width:80%;margin:20 auto;}
    /* Colunas Backoffice*/
    .award{margin-bottom: 50px;}
    .col4{float: left;width:100%;margin: 0}
    .time{display:none;text-align:center;}
    .halfaward{width:100%;float:none;}
    .halfaward .haward{width:100%;}
    .year{margin:0px;}
    .awardcontent{padding:0px;}
    .inverse .year{text-align:center;}
    .contact{float: none;width:100%}
}

#wp_page_numbers ul, #wp_page_numbers li, #wp_page_numbers a {	
	padding: 0;
	margin: 0;
	border: none;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	list-style: none;
	text-transform: none;
	text-indent: 0px;
	font-variant: normal;
	text-align: left;
	line-height: 15px;
	letter-spacing: 0px;
	word-spacing: 0px;
	font-size: 14px;
    font-family: Arial;
    background:none !important;
}

#wp_page_numbers {
    margin: 0 auto;
    margin-top: 30px;	
	width: 230px;
    margin-bottom: 30px;
    background:none !important;
}
#wp_page_numbers ul {
	width: 100%;
}
#wp_page_numbers li {
	float: left;
	display: block;
	margin-bottom: 2px;
	
}

#wp_page_numbers a {
	padding: 3px;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 2px;
	margin-right: 2px;
	display: block;
	color: #333;
	border: 1px solid #bfbfbf;
	background: #fff;
}

#wp_page_numbers li a:hover {
	border-color: #000;
}

#wp_page_numbers li.space {
	padding: 6px;
	padding-left: 2px;
	padding-right: 2px;
}

#wp_page_numbers li.first_last_page {
	font-style: italic;
}

#wp_page_numbers li.active_page a {
	border-color: #0075b8;
}
#wp_page_numbers li.active_page a:hover  {
	color: black; /* IE fix */
	text-decoration: underline;
	border-color: #000;
}

#wp_page_numbers li.page_info {
	float: left;
	display: block;
	padding: 3px;
	padding-left: 5px;
	padding-right: 5px;
	margin-right: 2px;
	color: #666;
	font-size: 11px;
	border: 1px solid #bfbfbf;
	background: #fff;
}

/*keyframes*/

@keyframes jump {
  0%   {transform: translate3d(0,0,0) scale3d(1,1,1);}
  40%  {transform: translate3d(0,30%,0) scale3d(1,1,1);}
  100% {transform: translate3d(0,100%,0) scale3d(1,1,1);}
}
.jump {
  transform-origin: 50% 50%;
  animation: jump 1s linear alternate infinite;
}