/*

Theme Name: Beraldo Motoboy

Theme URI: http://beraldomotoboy.com.br

Author: Wesley Souza

Author URI: http://wesleydesign.com.br/sobre-mim

Description: Template HTML programado para plataforma Wordpress, por Wesley Souza. Tema para Empresa de Motoboy.

Version: 1.0

License: GNU General Public License v2 or later

Tags: motoboy, beraldo, moto entrega, delivery, motorcycle delivery

*/



/*@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,600,700,800');font-family: 'Montserrat', sans-serif;*/

@import url('https://fonts.googleapis.com/css?family=Titillium+Web:400,600,700');



body{font-size:15px;font-family: 'Titillium Web', sans-serif;font-weight: 400;color:#666;line-height: 22px;}



.container_center{width:90%;max-width:1116px;margin:0 auto;height:auto;position: relative;}

a{color:#00648C;text-decoration: none;}

.flex {display: flex;}

.flex-wrap {flex-wrap: wrap;}

.img-responsive{max-width: 100%;}

strong{font-weight: bold;}





/*** CABECALHO ***/



header#cabecalho .barraTop{width:100%;height:auto;padding:0;box-sizing: border-box;background: #F2F2F2;}

header#cabecalho .barraTop ul.infoContact{align-items: center;height:auto;display: flex;flex-wrap: nowrap;}

header#cabecalho .barraTop ul.infoContact li{border-right:1px solid #fff;padding-right:15px;box-sizing: border-box;margin-right:15px;position:relative;align-items: flex-start;}

header#cabecalho .barraTop ul.infoContact li:after{content:"";display:inline-block;width:1px;height:100%;border-right:1px solid #ddd;position: absolute;top:0;right:-2px;}

header#cabecalho .barraTop ul.infoContact li:last-child{border-right:0;padding-right: 0;}

header#cabecalho .barraTop ul.infoContact li:last-child:after{display:none;}

header#cabecalho .barraTop ul.infoContact li img, header#cabecalho .barraTop ul.infoContact li p{display:inline-block;}

header#cabecalho .barraTop ul.infoContact li img{margin-right:6px;}

header#cabecalho .barraTop ul.infoContact li a{align-items: center;text-decoration: none;color:#666;font-size:15px;}



header#cabecalho .barraTop ul.redes{align-items: center;height:auto;display: flex;flex-wrap: nowrap;justify-content: flex-end}

header#cabecalho .barraTop ul.redes li{width:auto;height:auto;background:#ddd;margin:0 3px;}

header#cabecalho .barraTop ul.redes li:last-child{margin-right:0;}

header#cabecalho .barraTop ul.redes li a{color:#999;padding:15px;box-sizing: border-box;display: inline-block}

header#cabecalho .barraTop ul.redes li a:hover{color:#fff;}

header#cabecalho .barraTop ul.redes li.facebook:hover a{background:#00468C;}

header#cabecalho .barraTop ul.redes li.linkedin:hover a{background:#006DD9;}

header#cabecalho .barraTop ul.redes li.instagram:hover a{background:#69008C;}



header .boxRedes{display: flex;justify-content: flex-end;}

header .infoContact i{margin-right:6px;color:#0078A5;}









/*** LOGO NAVIGATION ***/



.logo{position: absolute;top:-75px;padding:12px 30px;box-sizing: border-box;background:#fff;width:auto;height:auto;z-index:1;

-webkit-border-bottom-right-radius: 10px;

-webkit-border-bottom-left-radius: 10px;

-moz-border-radius-bottomright: 10px;

-moz-border-radius-bottomleft: 10px;

border-bottom-right-radius: 10px;

border-bottom-left-radius: 10px;

}



.logoNav{padding:20px 0;box-sizing: border-box;display: flex;flex-wrap: wrap; justify-content: flex-end;text-align: center;background:#00648C;}

.logoNav span.txtLogo{font-size: 0;opacity:0;position:absolute;}



.navMobile{display: none;font-size: 20px;cursor:pointer;color:#fff;width:100%;text-align: right;}

.navMobile i{color:#13A4DC;margin-right:5px;}

.navigation{height:auto;width:100%;justify-content: flex-end;display: flex;position:relative;top:50%;transform: translateY(-50%);z-index: 5;}

.navigation li a{text-transform: uppercase;font-size:12px;font-weight: 400;color:#fff;align-items: center;margin:0 10px;padding:12px 16px;box-sizing: border-box;}

.navigation li a:hover, .navigation li a.active{color:#00648C;background:#fff;}

.navigation li:last-child a{margin-right:0;}

.navigation li a i{margin-right:16px;}





/*** PAINEL ***/



.painel{width:100%;height:auto;padding:280px 0 320px 0;box-sizing: border-box;background: url(../images/painel.jpg) center repeat;background-size: cover;z-index:0;position:relative;text-align: center;}

.painel .opacity{width:100%;height:100%;background: rgba(0,0,0,0.55);z-index: 1;position: absolute;left:0;top:0;}

.painel .container_center{z-index: 2;}

.painel h1{width:auto;padding:60px;box-sizing: border-box;display: inline-grid;border:1px solid rgba(238,238,238,0.2);border-radius: 5px;}



.painel h1 span{display: inline-block;font-size:45px;color:#ECECEC;}

.painel h1 span strong{font-weight: 800;font-size: 60px;line-height: 60px;}

.painel h1 strong:first-child{color:#FFFF;}    

.painel h1 strong:last-child{color:#FFF;}    



.painel .txt{width:100%;max-width: 648px;margin:0 auto 0 auto;padding:30px 0;box-sizing: border-box;position: relative;}

.painel .txt p{color: #ECECEC;font-size:16px;line-height: 24px;font-weight: lighter;position: relative;}

.painel .txt:after{content:"";display: inline-block;max-width: 170px;width:90%;height:1px;background:#ececec;position: absolute;bottom:0;left:50%;transform: translateX(-50%);opacity:0.4;}



.painel .list{display: flex;flex-wrap: wrap;clear:both;margin-top:30px;justify-content: center;align-items: center;}

.painel .list li{display: flex;flex-wrap: wrap;margin:0 10px;align-items: center;}

.painel .list i{color:#FF6B1C;margin-right:10px;}

.painel .list p{color:#fff;}







/*** PROJETOS ***/



.prjH{width:100%;height: auto;/*margin-top:-60px;*/margin-top:0;text-align: center;}

.prjH .oqueFaz{background: #fff;padding:40px 0;-webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 10px;-moz-border-radius-topleft: 10px;-moz-border-radius-topright: 10px;border-top-left-radius: 10px;border-top-right-radius: 10px;box-sizing: border-box;}





.boxPrj{width:90%;float: right;padding:50px 20px 40px 60px;box-sizing: border-box;border:1px dotted #ccc;border-radius: 10px;position: relative;margin-bottom:40px;}

.boxPrj .PrjTitle{position: absolute;left:-10%;top:0;width:160px;height:130px;background:#00648C;color:#fff;font-size:18px;font-weight: bold;#00648C;padding:20px;box-sizing: border-box;border-radius: 10px;top:48%;transform: translateY(-50%);}

.boxPrj .PrjTitle h1{position: relative;top:50%;transform: translateY(-50%);}

.boxPrj a{color:#666666;font-size:13px;}

.boxPrj .item{padding:0 15px;box-sizing: border-box;background:#fff;}

.boxPrj .item:hover{opacity: 0.8;}

.boxPrj .item img, .boxPrj .item span{display: block;margin:0 auto;}

.boxPrj .item img{max-width: 100%;}



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









/*** FOOTER ***/





.redesFooter{float: left;width:100%;text-align: center;margin-top:40px;}

.redesFooter .container{display: flex;flex-wrap: nowrap;justify-content: center;align-items: center;}

.redesFooter ul{height:auto;width:280px;padding:12px 20px;box-sizing: border-box;background:#eee;display: flex;flex-wrap: nowrap;justify-content: center;align-items: center;

-webkit-border-top-left-radius: 10px;

-webkit-border-top-right-radius: 10px;

-moz-border-radius-topleft: 10px;

-moz-border-radius-topright: 10px;

border-top-left-radius: 10px;

border-top-right-radius: 10px;

}



.redesFooter ul li{margin:0 10px;}

.redesFooter ul li a{color:#005271;font-weight: 600;font-style: italic;font-size:16px;text-transform: uppercase;}





.rodape{float: left;width:100%;background:#00648C;padding:35px 0 20px 0;box-sizing: border-box;border-top:6px solid #005271;color:#fff;}

.logoRodape{text-align: center;padding-top:40px;}

.rodape p, .rodape a{font-size:16px;font-weight: 300;line-height: 24px;}

.rodape h2{font-weight: bold;font-size:20px;display: block;margin:0 0 25px 0;text-transform: uppercase;}





.listContact li{width:100%;display: block;padding:12px 0;}

.listContact li i{width:30px;display: inline-block;color:#13A4DC;font-size:25px;}

.listContact li a, .listContact li p{display: inline-block;width:calc(100% - 40px);vertical-align: top;color:#fff;}





.copy{width:100%;float:left;height:auto;padding:20px 0;background:#00729D;color:#fff;}

.copy .desenvolvedor{text-align: right;}

.copy a{color:#fff;font-weight: bold;}



/*** PAGINAS INTERNAS ***/



.pgTitle{width: 100%;height: auto;padding:60px 20px;box-sizing: border-box;background:#ECECEC; text-align: center}

.pgTitle h1{font-size: 30px;font-weight: bold;color:#333;}


.pgTitle2{width: 100%;height: auto;padding:60px 20px;box-sizing: border-box;background:#ECECEC; text-align: center}

.pgTitle2 h1{font-size: 24px;font-weight: bold;color:#333; width: 80%; line-height: 28px;}







.mainPg{float: left;width:100%;height: auto;padding:40px 0;}



.titleBox{font-size:30px;color:#232323;font-weight:lighter;line-height: 1.0;display:block;width:100%;margin:0 0 24px 0;}

.titleBox:after{content:"";display:block;position:relative;width:100%;max-width:80px;height:1px;border-top:1.5px solid #00648C;margin-top:22px;}

.titleBox span{color:#00648C;font-weight:500;}





.flags{display: block;margin: 0 0 20px 0;width:100%;float:left;}

.flags img{position: relative;top:3px;}

.imgAbout{float: right;margin:0 0 12px 20px;}

.mvv{width: 100%;float: left;}

.mvv li{width:32%;float: left;padding:20px;box-sizing: border-box;border:1px solid #eee;border-radius: 5px;margin:0 2% 14px 0;}

.mvv li:last-child{margin-right: 0;}



.floatL{float: left;}

.floatR{float: right;}

.col50{width:48%;}

.ui-accordion .ui-accordion-header{font-size: 16px!important;}



.separator{width: 100%;float:left;height:auto;display: block;margin:20px 0;}

.colWhy{width: 100%;float: left;}

.colWhy img{margin:0 0 35px 0;}





/** EQUIPE **/



.pgEquipe{text-align: left;align-items: baseline;justify-content: center;margin:0 0 45px 0;}

.pgEquipe .titleBox{margin-bottom:0;}

.pgEquipe:last-child{margin-bottom: 0;}

.pgEquipe .titleBox:after{margin:22px 0;}



.boxNavEq{padding: 25px;box-sizing: border-box;background:#F5F5F5;}



.boxEquipe{border:1px dotted #ccc;padding:20px;box-sizing: border-box;border-radius: 5px;margin:10px 20px;}

.boxEquipe h6.title{font-weight: bold;text-transform: uppercase;font-size:20px;color:#00648C;display: block;margin:0 0 12px 0;}

.boxEquipe p{text-align: justify;}





.navServ{padding-left: 15px;box-sizing: border-box;margin-bottom: 40px;float: left;width:100%;}

.navServ li{float:left;width:100%;height:auto;padding:16px 0;box-sizing: border-box;border-bottom:1px solid #ddd;}	

.navServ li a{font-size:16px;color:#666;display:block;}

.navServ li a:after{content:"\f105";font-family:"FontAwesome";position:relative;float:right;margin-right:16px;}

.navServ li:hover a:after, .navServ li.active a:after{content:"\f107";}

.navServ li.active a, .navServ li:hover a{color:#F38533;}



.titleNav{font-weight: bold;color:#00648C;font-size: 22px;}





/*** NOTICIAS ***/





.newsAll h1.title{display:block;width:100%;float:left;font-size:26px;color:#212121;font-weight:bold;position:relative;margin-top:0;text-transform:uppercase;}

.newsAll h1.title:after{content:"";display:block;width:100%;max-width:80px;height:1px;background:#F58634;margin:10px auto 10px auto;}

.newsAll .listDicas{float:left;width:100%;height:auto;overflow:hidden;text-align:left;margin-top:0px;}

.newsAll .listDicas li{margin-bottom:20px;width:100%;float:left;}

.newsAll .listDicas li:last-child{margin-right:0;}

.newsAll .listDicas .thumb{width:100%;margin:0 auto 20px auto;overflow:hidden;position:relative;}

.newsAll .listDicas img{width:100%;transition:all linear 0.2s;}



.newsAll .listDicas span.date{font-size:13px;text-align:center;width:100%;height:auto;color:#999;background:#f8f8f8;padding:6px;box-sizing:border-box;display:block;float:left;position:relative;border: 1px dotted #ddd;margin-top:10px;}



.newsAll .listDicas span.date strong{font-size:13px;}

.newsAll .listDicas span.date strong small{display:block;}



.newsAll .listDicas .resume{width:100%;float:right;}

.newsAll .listDicas a .resume  h1{font-weight:bold;font-size:18px;text-transform:uppercase;color:#212121;display:block;margin-bottom:12px;}

.newsAll .listDicas a .resume  p{font-size:13px;}

.newsAll .listDicas li:hover .thumb img{transform : scale(1.1);transition:all linear 0.2s;}

.newsAll .listDicas li:hover a .resume  h1{color:#2A5583;}





.buttonsPag{width:auto;height:auto;float:left;border-top:1px dotted #ddd;margin-top:30px;position:relative;padding-top:10px;text-align:center;left:50%;transform:translateX(-50%);}

.buttonsPag:before{width:100%;max-width:60px;height:4px;background:#2A5583;margin:0 auto;position:absolute;content:"";display:inline-block;left:50%;transform:translateX(-50%);top:-2px;}

.buttonsPag a{padding:12px;font-size:16px;color:#666;border-radius:4px;display:inline-block;}

.buttonsPag a:hover{background:#ddd;}

.buttonsPag a.active{background:#2A5583;color:#fff;}











.pgNews blockquote{background:#fff;border-left:2px solid #F38533;padding:0 0 0 20px;box-sizing:border-box;margin:20px 0;font-style:italic;color:#999;}

.pgNews .credits{float:left;width:100%;border-top:1px solid #eee;margin-top:20px;padding-top:20px;}

.pgNews .credits .datePub{width:auto;max-width:60%;float:left;border:1px solid #ddd;padding:12px;box-sizing:border-box;border-radius:4px;display:block;}

.pgNews .credits .share-icon{width:35%;float:right;text-align:right;margin-top:14px;}

.pgNews .credits .share-icon a{font-size:14px;color:#999;border:1px solid #ddd;padding:12px;box-sizing:border-box;border-radius:4px;display:inline-block;}

.pgNews .credits .share-icon a:hover{background:#00648C;color:#fff;}





aside .widget-search{margin-bottom:40px;position:relative;width:100%;height:auto;}

aside .widget-search input{width:100%;border:1px solid #ddd;padding:0 50px 0 10px;height:50px;}

aside .widget-search button{border:none;background:None;outline:none;position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:20px;color:#999;}

aside .listDicPop{width:100%;float:left;height:auto;overflow:hidden;margin-bottom:25px;}

aside .listDicPop li{width:100%;float:left;height:auto;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #eee;}

aside .listDicPop li .thumb{width:35%;float:left;}

aside .listDicPop li .txt{width:62%;float:right;}

aside .listDicPop li a{font-size:14px;color:#232323;font-weight:500;}

aside .listDicPop li a .date{font-size:12px;color:#999;display:block;margin-top:12px;}



aside .listTags li{width:auto;float:left;border:1px solid #ddd;padding:12px;box-sizing:border-box;border-radius:4px;display:block;margin:5px;}

aside .listTags li a{color:#666;font-size:13px;display:block;}

aside .listTags li:hover{background:#eee;}







/** PARTICIPACOES **/



.boxPart{box-sizing: border-box;margin:10px 0;padding:0 15px;}

.boxPart div{border:1px dotted #ccc;padding:20px;border-radius: 5px;}

.boxPart h6.title{font-weight: bold;text-transform: uppercase;font-size:20px;color:#00648C;display: block;margin:0 0 12px 0;}

.boxPart p{text-align: justify;}





/*** LINKS ***/



#pgLinks .boxPart{position: relative;}

#pgLinks .boxPart div{padding-right: 45px;position: relative;}

#pgLinks .boxPart div:hover{background:#F3F3F3;}

#pgLinks .boxPart h6{margin-bottom: 0;}

#pgLinks .boxPart a{display: block;}

#pgLinks .boxPart a i{float: right;position:absolute;right:10px;top:50%;transform: translateY(-50%);}





/*** FORMULARIO CONTATO ***/



.formContact{width:100%;float:left;margin-top:40px;}

.formContact .col-md2{width:50%;padding:0 10px;box-sizing:border-box;float:left;}

.formContact .col-mdFull{width:100%;padding:0 10px;box-sizing:border-box;float:left;}

.formContact input, .formContact textarea, .formContact select{border-radius:4px;width:100%;height:60px;background:#fff;padding:0 14px;box-sizing:border-box;margin:0 0 10px 0;font-size:13px;color:#232323;font-family: 'Open Sans', sans-serif;float:left;border:1px solid #ccc}

.formContact input#celular{float:right;}

.formContact input[type=email]{width:100%;}

.formContact textarea{height:220px;padding:14px;width:100%;}



.formContact button{height:auto;padding:14px 15px;color:#fff;border:none;background:#00648C;font-size:14px;width:auto;font-weight:600;float:left;margin:0 10px;}

.formContact button:hover{background:#007AAB;cursor:pointer;}



.formContact input::-webkit-input-placeholder, .formContact textarea::-webkit-input-placeholder{font-size:13px;color:#999;font-family: 'Open Sans', sans-serif;}

.formContact input:-moz-placeholder, .formContact textarea:-moz-placeholder{font-size:13px;color:#999;font-family: 'Open Sans', sans-serif;}

.formContact input::-moz-placeholder, .formContact textarea::-moz-placeholder{font-size:13px;color:#999;font-family: 'Open Sans', sans-serif;}

.formContact input:-ms-input-placeholder, .formContact textarea:-ms-input-placeholder{font-size:13px;color:#999;font-family: 'Open Sans', sans-serif;}







.listInfoAnunc{width:100%;float:left;height:auto;overflow:hidden;}

.listInfoAnunc li{width:100%;float:left;padding:12px 0;border-bottom:1px solid #eee;font-size:14px;position:relative;}

.listInfoAnunc li .icon{width:50px;height:50px;border-radius:50%;background:#eee;display:block;float:left;padding:10px;box-sizing:border-box;text-align:center;position:relative;}

.listInfoAnunc li .icon i{color:#1C3755;font-size:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}

.listInfoAnunc li p{width:calc(100% - 70px);float:right;/*top:50%;transform:translateY(-50%);position:absolute;right:0;*//*word-break:break-all;*/}

.listInfoAnunc li:last-child{border-bottom:none;}



.share-icon{width:100%;float:right;text-align:center;margin-top:14px;padding-top:20px;border-top:1px solid #eee;margin-bottom:40px;}

.share-icon a{font-size:14px;color:#999;border:1px solid #ddd;padding:12px;box-sizing:border-box;border-radius:4px;display:inline-block;}

.share-icon a:hover{background:#1C3755;color:#fff;}