/*
Theme Name: Limparoma
Theme URI:
Description: Tama feito à medida para Limparoma.
Author: Pedro & Jorge
Author URI: 
Version: 1
Tags: 
*/

/* CSS clear */
html{margin: 0;padding: 0;height:100%;}
body{background-color: #fff;margin: 0;height:100%;font-variant-ligatures: no-common-ligatures;font-size: 14px;}
body, input, textarea{color: #000; font-family: 'Lato', sans-serif;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: #ad355c;text-decoration: none;}
a:hover{color: #532333;}
.clear{clear:both}
.b{font-weight: 700;}

/* CSS top */
#load{position: fixed;width: 100%;height:100%;background-repeat: no-repeat; background-position: center;background-color: #fff;z-index: 9999;}
#load .imgload{position: absolute;top:50%;left:50%;margin-top: -100px;margin-left: -100px;}
@-webkit-keyframes rotating /* Safari and Chrome */ {
    from {
      -webkit-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @keyframes rotating {
    from {
      -ms-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    to {
      -ms-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -webkit-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  .imgload {
    -webkit-animation: rotating 2s linear infinite;
    -moz-animation: rotating 2s linear infinite;
    -ms-animation: rotating 2s linear infinite;
    -o-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
  }

h1{font-size: 20px;}
h2{font-size: 18px;margin-top: 25px;font-weight: 400;margin-bottom: 5px;text-transform: uppercase;text-align: center;color:#2166B8}
.wrapper{min-height:100%;position:relative;min-width: 340px;}
#documentcontent{
    
}
.pwidth{max-width:1260px;margin: 0 auto;padding:0 25px;position: relative;}

/* CSS HEDER e MENU */
#header{width: 100%;z-index: 999;}
.headercontent{position: relative;margin: 0 auto;}
#header .logo{text-align: center;max-width: 375px;margin: 0 auto;padding: 15px 0px;}
#header .logo img{width:100%;}
.menubar{height: 60px;position: relative;z-index: 999;background: #2166B8}
.rightgreen{position: absolute;top:0;right:0;width: 50%;background: #7fb439;height: 100%;}
#menu{font-size: 15px;padding: 0px;margin: 0px auto;list-style: none;text-transform: uppercase;text-align: center;position: relative;width: 825px;background: #2166B8;padding: 0px 60px;}
.menu-toggle {position: relative;float: right;padding: 7px 10px 4px 10px;background-color: transparent;background-image: none;cursor: pointer;margin: 18px 15px 8px 0px;display: none;border:0;}
.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: 1px;border-radius: 1px;background-color: #fff;margin-bottom: 4px;}
.menuiten{display:inline-block;position: relative;font-style: normal;}
.menuiten a{color:#FFF;display: block;padding: 19px 30px;}
#menu .menuiten:hover{}
#menu .menuiten:hover a{color:#000;}
#header .active{background: #FFF;}
#header .active a{color:#000 !important;}
#header .active a:hover{color:#000;}
.mobile{background-color: rgba(0,0,0,0.8);padding: 10px 25px;top: 60px;right: 0px;position: absolute;display: none;}
.mobile .menuiten{display:block;height: auto;}
.mobile .submenu{position: relative;}
.submenu{list-style: none;position: absolute;background: #fff;padding: 5px 0px;font-size: 12px;display: none;width: 100%;}
#menu .menuiten .submenu a{color:#808183;padding: 4px 18px;}
#menu .menuiten .submenu a:hover{background: #fff;color:#000;font-weight: 700;color:#E40F5B;}
.form_error{background-color: #ffcccc;}
.left{float: left;}
.right{float: right;}
#footer{width:100%;padding:5px 0px;font-size: 10px;color:#fff;font-style: normal;background: #2166B8;}
#footer h3{text-transform: uppercase;font-size: 14px;}
.footerinfo ul{padding: 0 0 0 15px;;margin: 0}
.leftfooterinfo{float: left;width:60%;margin-bottom: 15px;}
.logofooter{background: #fff;text-align: center;padding: 10px;}
.logofooter img{width:200px;}
.rightfooterinfo{float: right;width: 38%;max-width: 235px}
#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;}

.bordergreen{position:absolute;width: 0;right:0px;top:0px;height: 0;border-style: solid;border-width: 0 0 60px 60px;border-color: transparent transparent #7fb439 transparent;}


/* fix nav*/
.owl-nav{position: absolute;top:50%;margin-top: -16px;width: 100%;}
.owl-prev{position: absolute;left:10px;opacity: 0.5;}
.owl-next{position: absolute;right:10px;opacity: 0.5;}
/* CSS pagination */
#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: 12px;letter-spacing: 0px;word-spacing: 0px;font-size: 11px;}
#wp_page_numbers {margin: 0 auto;margin-top: 30px;width: 100%;margin-bottom: 10px;}
#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;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;}

/* CSS geral */

.banneriten img{width:100%;}

.serviceshome{margin: 20px 0px 40px 0px;}
.serviceimage{width:220px;height: 220px;border-radius: 100%;background: #999;margin: 0 auto;overflow: hidden;}
.serviceimage img{width:100%;}
.servicename{text-align: center;color:#2166B8;font-size: 15px;margin-top: 10px;}
.servicehome{margin:0 auto;}
.equipahome{width:50%;text-align:center;float:left;overflow:hidden;height:400px;background-color:#dfedfa;-webkit-clip-path: polygon(0 0, 95% 0, 100% 100%, 0% 100%);clip-path: polygon(0 0, 95% 0, 100% 100%, 0% 100%);}
.equipahome img{max-width: 100%;}
.empresahome{width:50%;float:right;background: #7FB439;height:400px;-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 5% 100%);clip-path: polygon(0 0, 100% 0, 100% 100%, 5% 100%);}
.limaromahome{margin: 50px 0px;}
.logoservicos{text-align: center;margin-top: 15px;}
.logoservicos img{max-width: 95%}
.equipahome h3{color:#2166B8;text-align: center;text-transform: uppercase;font-weight: 700;}
.empresahome h3{color:#fff;text-align: center;text-transform: uppercase;font-weight: 700;}
.empresahometext{color:#fff;padding: 15px 40px;}
.clients{margin: 50px 0px}
.clients .owl-prev{left:-22px;}
.clients .owl-next{right:-22px;}
.empresatext{padding:15px;color:#fff;background: #7FB439;width:calc(50% - 30px);-webkit-clip-path: polygon(0 0, 95% 0, 100% 100%, 0% 100%);clip-path: polygon(0 0, 95% 0, 100% 100%, 0% 100%);float:left;}
.empresatext h3{text-transform: uppercase;font-size: 18px;font-weight: 700;text-align: center;}
.imagespages{width:50%;float:right;-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 5% 100%);clip-path: polygon(0 0, 100% 0, 100% 100%, 5% 100%);background-size: cover;background-position: center;}
.servicoleft{float: left;width:50%;position: relative;margin-bottom: 30px;}
.servicoimg{-webkit-clip-path: polygon(0 0, 95% 0, 100% 100%, 0% 100%);clip-path: polygon(0 0, 95% 0, 100% 100%, 0% 100%);}
.servicoimg img{width:100%;}
.servicecontent{display:none;z-index: 99;position: absolute;width: 100%;background: rgba(255, 255, 255, 0.8);top:0px;height:100%;left:0%;}
.servicoleft .servicename{font-size: 18px;margin-bottom: 25px;}
.servicoright .servicoimg{-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 5% 100%);clip-path: polygon(0 0, 100% 0, 100% 100%, 5% 100%);}
.servicecontenttitle{font-size: 18px;text-align: center;color: #2166B8;padding: 15px;}
.servicecontenttext{padding: 0px 40px;}
.seemore{position: absolute;left:50%;bottom: 60px;color: #2166B8;background: #fff; padding: 10px;border-radius: 15px;transform: translate(-50%, 0%);cursor:pointer;}
.pageimage{width:100%}
.pageimage img{width:100%}
.contactoscontent{padding: 40px 0px;}
.contactosbackoffice{float: left;width:28%}
.contactform{width:70%;float: left;}
.formleft{float: left;width:49%}
.formright{float:right;width: 49%;}
input{background: #E6E7E8;padding: 5px 10px; border-radius: 15px;border:0px;width:calc(100% - 30px);margin-bottom: 10px;}
textarea{background: #E6E7E8;padding: 5px 10px; border-radius: 15px;border:0px;width:calc( 100% - 30px);height: 100px;resize: none;margin-bottom: 10px;}
input[type="button"]{cursor: pointer;float: right;color:#fff;background: #2166B8;width:auto;}
.rightfooterinfo img{display: inline-block;vertical-align:text-bottom}
.lermais{text-align: center;padding: 5px 10px;border-radius: 10px;background: #fff;width: 100px;margin: 10px auto;}
.lermais a{display: block}
.findjob{width: 100%;height:0px;position: relative;z-index: 999;}
.findjobabsolute{width:150px;height: 100px;overflow: hidden;z-index: 999;position: absolute;right:20px;}
.findjobcontent{width:150px;height:90px;top:-100px;border-radius: 100%;text-align: center;background: #2166B8;color:#fff;position: absolute;padding:105px 0px 0px 0px;}
.findjobbutton a{color:#000;display: inline-block;padding: 3px 5px;background: #fff;border-radius: 10px;text-transform: uppercase;}
.findjobtitle{margin-bottom: 10px;font-size: 16px;}
.imagespages img{width:100%}
.nobl{white-space: nowrap;}
.moreinfo{display:none;position: absolute; background: #fff;padding: 10px;text-align: center;bottom: 45px;transform:translateX(-50%);left:50%;}

/* CSS mobile */
@media (max-width: 950px){
    .menu-toggle{display: block;}   
    .rightgreen{display:none;} 
    .bordergreen{display: none}
    #menu{width: auto;}
    .empresahome{float: none;width:100%;height:auto;    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
      clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}
    .equipahome{width:100%;-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
      clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}
    .empresatext{width:calc(100% - 30px);float: none;-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}
    .findjob{display: none;}
    .imagespages{width:100%;float: none;clip-path: none;height:400px !important}
    
}

@media (max-width: 750px){
    .servicoleft{float: none;width:auto;margin: 20px auto;max-width: 650px;height: auto;}
    .servicoimg{clip-path: none;-webkit-clip-path:none}
    .servicoright .servicoimg{clip-path: none;-webkit-clip-path:none}
    .contactosbackoffice{width:40%}
    .contactform{width:60%;}
    .formleft{width:100%;float: none;}
    .formright{width:100%;float: none;}
    .rightfooterinfo{float:none;}
    .moreinfo{display: block;}
}

@media (max-width: 450px){  
  #header .logo{max-width: 60%;}
  .contactosbackoffice{width:100%;}  
  .contactform{width: 100%;}
  .equipahome{height:auto;}
    #footer{	
	height: auto;
	position: relative;
	margin-top: 68px;
    }    
    
}