﻿/* == Header == */
header i.fa-search {color: #30a9de;display: block;}
.main_menu ul li.active a span, .main_menu ul li:hover a span {
    color: #30a9de;
    border-bottom: 2px solid #30a9de;
    transition: color 1s, border 1s;
}

.main_menu ul>li>div ul li a span {
    color: #D0D0D0;
    font-size: 12px;
    text-shadow: none;
    border-bottom: none;
}

.main_menu ul>li:hover>div ul li a span{
    color: #D0D0D0;
    font-size: 12px;
    border-bottom: none;
}

.main_menu ul>li:hover>div ul li:hover a span{
    color: #FFF;
}


nav.main_menu {margin: 0 5%;}
.main_menu .drop_down .right{float: none;}
.header_inner_right {position: absolute; right: 1%;}
.main_menu ul li a span {font-family: ; font-size: 16px; font-weight: 400; text-transform: uppercase;}
/* == Banners == */
.breadcrumb{font-size:20px;}
/* == Home == */
.servicos-icons {
	display: block;
    width: 125px;
    height: 125px;
    margin: 0 auto;
    background: url(../images/servicos-icons.svg) no-repeat;
}
.box-servicos {
	margin: 15px 0 !important;
}


/* == Home Portifolio == */
.page-id-7 .full_width .item, .page-id-38 .full_width .item {
    width: 352px;
    float: left;
    margin-bottom: 15px
}

.page-id-7 .full_width .item-thumb, .page-id-38 .full_width .item-thumb {
    position: relative;
    overflow: hidden;
    width: 352px
}

.page-id-7 .full_width .item-thumb:hover, .page-id-38 .full_width .item-thumb:hover {
    cursor: pointer
}

.page-id-7 .full_width .item-info, .page-id-38 .full_width .item-info {
    margin: 15px 0;
    width: 352px
}

.page-id-7 .full_width .item-info .item-title,
.page-id-7 .full_width .item-info .item-description,
.page-id-7 .full_width .item-info .item-info-link,
.page-id-38 .full_width .item-info .item-title,
.page-id-38 .full_width .item-info .item-description,
.page-id-38 .full_width .item-info .item-info-link {
    margin-top: 15px
}

.page-id-7 .full_width .item-info .item-title p, .page-id-38 .full_width .item-info .item-title p {
    font-size: 16px;
    color: #a2c018;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700
}

.page-id-7 .full_width .item-info .item-description p,
.page-id-7 .full_width .item-info .item-info-link p,
.page-id-38 .full_width .item-info .item-description p,
.page-id-38 .full_width .item-info .item-info-link p {
    color: #818181;
    text-align: center;
    padding: 0 15px
}

.page-id-7 .full_width .item-info .item-info-link a,
.page-id-38 .full_width .item-info .item-info-link a {
    color: #818181;
    text-decoration: none;
    font-weight: 700
}

.page-id-7 .full_width .item .back,
.page-id-38 .full_width .item .back {
    position: absolute;
    width: 352px;
    height: 384px;
    background: #31A8DD;
    display: none;
    opacity: .75;
    -moz-opacity: .75;
    -khtml-opacity: .75;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=70);
    filter: alpha(opacity=85)
}

.page-id-7 .full_width .item-icons,
.page-id-38 .full_width .item-icons {
    position: absolute;
    top: 50%;
    height: 38px;
    width: 100%;
    display: block;
    text-align: center;
    margin: -25px 0 0
}

.page-id-7 .full_width .item-icons a,
.page-id-38 .full_width .item-icons a {
    border: 1px solid #fff;
    display: inline-block;
    color: #fff;
    height: 38px;
    width: 38px;
    margin-right: 2px
}

.page-id-7 .full_width .item-icons a:hover,
.page-id-38 .full_width .item-icons a:hover {
    background: #fff;
    color: #2daade;
}

.page-id-7 .full_width .item-icons a i,
.page-id-38 .full_width .item-icons a i {
    line-height: 38px;
    font-size: 18px
}

.page-id-7 .full_width .item h4,
.page-id-38 .full_width .item h4 {
    margin: 20px 0 5px
}

.page-id-7 .full_width .item-info span ,
.page-id-38 .full_width .item-info span {
    margin-bottom: 5px;
    display: block
}

.filter ul {
    list-style: none;
    margin: 30px 0 40px;
    display: block;
    text-align: center
}

.filter ul li {
    margin: 0 7px 10px;
    display: inline-block
}

.filter ul li a {
    border: 1px solid transparent;
    padding: 10px 17px;
    text-transform: uppercase;
    display: block
}

.filter ul li a:hover,
.filter ul li a:focus,
.filter ul li.active a {
    color: #2daade;
    border: 1px solid #2daade
}

.isotope-item {
    z-index: 2
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1
}

.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: .8s;
    -moz-transition-duration: .8s;
    -ms-transition-duration: .8s;
    -o-transition-duration: .8s;
    transition-duration: .8s
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity
}

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0;
    -moz-transition-duration: 0;
    -ms-transition-duration: 0;
    -o-transition-duration: 0;
    transition-duration: 0
}

.page-id-7 .vc_column_container>.vc_column-inner,
.page-id-38 .vc_column_container>.vc_column-inner {
    padding-left: 0;
    padding-right: 0
}

/* == Home Newsletter == */
#btnNewsletter, .msform .action-button{
    background-image:url(../images/icon-enviar.svg);
    background-repeat:no-repeat;
    background-position:center;
    background-size:32px;
    border-radius:50%;
    width: 47px;
    height:47px;
    color:transparent;
    position:absolute;
    top: 5%;
    right: 4%;
    background-color: #30a9de;
    border-color: #30a9de;
}

.msform .action-button {
    top: 13%;
}

.msform {
    position: relative
}

.msform fieldset {
    background: transparent;
    border: 0 none;
    border-radius: 3px;
    padding: 0px 15px;
    box-sizing: border-box;
    width: 100%;
    position: absolute;
    top: 75%;
    text-align: center;
}

.msform fieldset:not(:first-of-type) {
    display: none
}

.blank_place {
    display: block;
    padding: 23px 0;
    margin-bottom: 10px;
    width: 18%;
    border: 0 none;
    float: left
}

.msform div.wpcf7-response-output {
    margin-top: -85px;
    margin-top: -85px
}

.msform .qbutton,
.msform .qbutton.medium,
.msform #submit_comment,
.msform .load_more a,
.msform .blog_load_more_button a,
.msform .post-password-form input[type='submit'],
.msform input.wpcf7-form-control.wpcf7-submit,
.msform input.wpcf7-form-control.wpcf7-submit:not([disabled]),
.msform .woocommerce table.cart td.actions input[type="submit"],
.msform .woocommerce input#place_order,
.woocommerce-page input[type="submit"],
.msform .woocommerce .button {
    height: 42px;
    border: 0 none;
    float: left;
    width: 42px;
    padding: 0;
    text-align: center;
    background-color: #ff5b1c;
    color: #fff;
    border-radius: 0;
    font-size: 14px;
    border: 2px solid #ff5b1c
}

.msform .qbutton:hover,
.msform .qbutton.medium:hover,
.msform #submit_comment:hover,
.msform .load_more a:hover,
.msform .blog_load_more_button a:hover,
.msform .post-password-form input[type='submit']:hover,
.msform input.wpcf7-form-control.wpcf7-submit:not([disabled]):hover,
.msform .woocommerce table.cart td.actions input[type="submit"]:hover,
.msform .woocommerce input#place_order:hover,
.woocommerce-page input[type="submit"]:hover,
.msform .woocommerce .button:hover {
    background-color: #ff5b1c;
    color: #fff
}

textarea.wpcf7-form-control.wpcf7-textarea {
    overflow: hidden
}

.msform input.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-tel {
    width: 100%
}

.msform .wpcf7-form-control-wrap {
    padding: 0;
    position: relative;
    float: left;
}

.msform input,
.msform textarea {
    padding: 15px;
    margin-bottom: 10px;
    width: 60%;
    box-sizing: border-box;
    color: #2C3E50;
    font-size: 14px;
    float: left;
    border: 0;
    height: 46px;
}

.fs-title {
    font-size: 15px;
    text-transform: uppercase;
    color: #FFF;
    margin-bottom: 10px;
    display: none
}

.fs-subtitle {
    font-weight: 400;
    font-size: 13px;
    color: #666;
    margin-bottom: 20px
}
/* == Contato == */
.form-contato .wpcf7-form-control-wrap:before{position:absolute;left:4%;top:31%}
.form-contato .wpcf7-form-control-wrap:not(.your-message){display:block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#9fa3a7}
.form-contato .wpcf7-form-control-wrap.your-name:before{content:"\f007"}
.form-contato .wpcf7-form-control-wrap.your-tel:before{content:"\f098"}
.form-contato .wpcf7-form-control-wrap.your-email:before{content:"\f0e0";}
.form-contato .wpcf7-form-control:focus{box-shadow:0px 0px 10px -3px rgba(159,163,167,1)}
.form-contato textarea.wpcf7-form-control.wpcf7-textarea{padding-left:16px}
@media (min-width:768px){
.wpcf7-form .vc_col-sm-6:nth-child(2){padding-right:7.5px}
.wpcf7-form .vc_col-sm-6:nth-child(3){padding-left:7.5px}
.form-contato .wpcf7-form-control-wrap:before{position:absolute;left:8%;top:31%}
.form-contato .wpcf7-form-control-wrap.your-email:before{left:3.2%}
}
.form-contato input.wpcf7-form-control.wpcf7-text,
.form-contato input.wpcf7-form-control.wpcf7-number,
.form-contato input.wpcf7-form-control.wpcf7-date,
.form-contato textarea.wpcf7-form-control.wpcf7-textarea,
.form-contato select.wpcf7-form-control.wpcf7-select,
.form-contato input.wpcf7-form-control.wpcf7-quiz {
    background-color: #f6f6f6;
    border-color: #dedede;
    border-width: 1px;
    border-style: solid;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    color: #9fa3a7;
    font-size: 14px;
    line-height: 26px;
    padding-top: 11px;
    padding-right: 0px;
    padding-bottom: 11px;
    padding-left: 44px;
    margin-top: 7px;
    margin-bottom: 7px;
}
.form-contato textarea.wpcf7-form-control.wpcf7-textarea {height: 180px;}
.form-contato textarea.wpcf7-form-control.wpcf7-textarea {padding-left: 16px !important;}
.form-contato input.wpcf7-form-control.wpcf7-submit, .form-contato input.wpcf7-form-control.wpcf7-submit:not([disabled]) {
    background-color: #31A8DD;
    border-color: #31A8DD;
    border-width: 2px;
    border-top-left-radius: 23px;
    border-top-right-radius: 23px;
    border-bottom-right-radius: 23px;
    border-bottom-left-radius: 23px;
    color: #ffffff;
    font-size: 12px;
    text-transform: uppercase;
    height: 45px;
    line-height: 45px;
    padding: 0 50px;
}
.form-contato input.wpcf7-form-control.wpcf7-submit:hover, .form-contato input.wpcf7-form-control.wpcf7-submit:not([disabled]):hover {
    color: #31A8DD;
    background-color: rgba(255,255,255,0);
    border-color: #31A8DD;
}
/*== Pesquisa == */
h1.search-title{background-color:#31A8DD;background-repeat:no-repeat;color:#fff;background-size:cover;text-align:center;width:100%;height:80px;margin-bottom:25px;margin-top:100px;padding-top:3%}
.single .container_inner.default_template_holder{padding-top:30px}
.blog_holder article .post_text .post_text_inner{background:none;padding:0}
h2.entry_title a{color:#31A8DD !important;font-weight:700;font-family:open sans}
.post_more a.qbutton.small{height:30px;border:1px solid #31A8DD;line-height:30px;padding:4px 19px;color:#31A8DD;font-family:'Open Sans',sans-serif;font-weight:400;background-color:rgba(255,255,255,0);border-radius:8px;text-transform:capitalize;font-size:16px}
.post_more a.qbutton.small:hover{color:#fff;background-color:#31A8DD}
div.post_text_inner p{color:#000;font-size:16px}
.pagination a:hover,.pagination span{color:#31A8DD}
span.page-numbers.current{background-color:#31A8DD;padding:5px 10px;border:1px solid #31A8DD;border-radius:50%;color:#fff;font-weight:700}
a.page-numbers{border:1px solid #31A8DD;padding:5px 10px;border-radius:50%;color:#31A8DD;font-weight:600}
a.next.page-numbers,a.prev.page-numbers{border:1px solid #31A8DD;padding:5px 10px;color:#31A8DD;border-radius:25px;font-weight:600}
.pagination a.page-numbers:focus,.pagination a.page-numbers:hover{background-color:#31A8DD;color:#fff!important;transition:color .2s,background-color .2s}
/* == Footer == */
.footer_top .widget.widget_nav_menu li{line-height: 10px;}
.footer_bottom {color: #c2c1c0;font-size: 13px;font-weight: 400;text-transform: uppercase;}


/*== Empresa ==*/


.q_tabs.horizontal.left {color: #333;}
.q_tabs .tabs-nav li.active a{color: #3F9CE2;}	
.q_tabs .tabs-nav li a:hover{color: #3F9CE2;}
.q_tabs .tabs-nav li.active a:hover{color: #3F9CE2;}
.q_tabs .tabs-nav li{height: 100px; display: flex; align-items: center;}
.q_tabs .tabs-nav li a{font-size: 24px; color: #555; border-right: 2px solid rgba(0,0,0,.2); width: 115px;}
.tabs-empresa .q_tabs .tabs-nav li:first-child{background-image: url(/wp-content/uploads/teste-quem-somos.png); background-repeat: no-repeat; background-position: 0 20%; background-size: 120px;}
.q_tabs .tabs-nav li:last-child a{border-right: none;}


/*== Serviços ==*/

.service_box_container{width: 100%; display: flex; flex-wrap: wrap;}
.service_box_container h2{font-size: 20px; margin-bottom: 20px;}
.service_box_container p{margin-bottom: 20px; color: #333;}
.service_box_container>.vc_col-sm-8:before{
    content: '';
    border-left: 1px solid rgba(0,0,0,.2);
    position: absolute;
    height: 100%;
    left: -60px;
}

.services_box_icon{
  float: left;
  width: 80px;
  line-height: 80px;
  box-shadow: inset 0 0 0 2px #cd2122;
  text-align: center;
  margin-right: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  height: 80px;
  -webkit-transition: all .2s ease-out;
  background: white;
  transition: all .2s ease-out;
  z-index: 99;
}

.services_box_icon i{font-size: 40px; color: #cd2122; font-weight: normal;}
.services_box_icon i.fa.fa-television{margin-left: 5px}


.service_box_container:hover .services_box_icon {box-shadow:inset 0 0 0 50px #cd2122;}
.service_box_container:hover .services_box_icon i{color: #FFF;}


.service_box_container ul {list-style:none; margin:0; padding: 0; margin-left: 10px}
.service_box_container ul li {position: relative;}
.service_box_container ul li:before {content:''; width: 5px; height: 5px; position: absolute; left: -87px; top: 9px; border-radius: 50%; 
	display: block;background-color: #fff;box-shadow: 0 0 0 2px #cd2122; -webkit-transition:all .15s; transition:all .15s}

.service_box_container ul li:hover:before{box-shadow:  0 0 0 3px #cd2122;}

.icons-container{display: flex; flex-wrap: wrap; justify-content: space-between;}



/* == Trabalhe Conosco == */

.cf7_custom_style_2 .wpcf7-form-control-wrap:before {position: absolute;left: 8%;top: 33%}
.cf7_custom_style_2 .wpcf7-form-control-wrap:not(.your-message) {display: block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color: #9fa3a7}
.cf7_custom_style_2 .wpcf7-form-control-wrap.your-name:before {content: "\f007"; left: 3%;}
.cf7_custom_style_2 .wpcf7-form-control-wrap.your-phone:before, .cf7_custom_style_2 .wpcf7-form-control-wrap.your-tel:before {content: "\f098"}
.cf7_custom_style_2 .wpcf7-form-control-wrap.your-email:before {content: "\f0e0"; left: 1%;}
.cf7_custom_style_2 #form-trabalhe-conosco .wpcf7-form-control-wrap.your-email:before {left: 5%;}
.cf7_custom_style_2 .wpcf7-form-control:focus {box-shadow: 0px 0px 10px -3px rgba(159,163,167,1)}
.cf7_custom_style_2 textarea.wpcf7-form-control.wpcf7-textarea {padding-left: 16px; margin: 7px 0; border: 1px solid #dedede;
	background: #f6f6f6;
	border-radius: 5px;}
.cf7_custom_style_2 .wpcf7-form-control.wpcf7-submit{margin: 10px; background-color: #18AAE2 !important; border-color: #18AAE2 !important; color: #FFF !important; border-radius: 50px !important;}
.cf7_custom_style_2 .wpcf7-form-control.wpcf7-submit:hover{background-color: #FFF !important; color: #18AAE2 !important;}

.cf7_custom_style_2 input.wpcf7-form-control.wpcf7-text, .cf7_custom_style_2 input.wpcf7-form-control.wpcf7-number, .cf7_custom_style_2 input.wpcf7-form-control.wpcf7-date, .cf7_custom_style_2 select.wpcf7-form-control.wpcf7-select, .cf7_custom_style_2 input.wpcf7-form-control.wpcf7-quiz {
	padding-left: 45px;
	margin: 3px 0;
	border: 1px solid #dedede;
	background: #f6f6f6;
	border-radius: 5px;
	margin: 5px 0;
}


#botao-port{
	display: flex;
	flex-direction: column;
}

#botao-port a{transition: .25s; width: 240px; height: 40px; padding: 0px; color: #0bb6f3; background: #FFF; border-radius: 50px;text-align: center; font-weight: 600; line-height: 14px;display: flex;align-items: center; justify-content: center; margin: 5px 0;}
#botao-port a:hover{background: #0bb6f3; color: #FFF;}

.coluna-port-online>.vc_column-inner>.wpb_wrapper{border-left: 2px solid #777; padding: 10px 0 10px 40px;} 



/* ______________ Icones Home _________________*/



.icon-container{margin: 20px 0;}

.icon-titulo{text-transform: uppercase; font-weight: 600; display: block; width: 100%; text-align: center; margin: 10px 0; color: #333;}

.icon-text{text-align: center;}

.general-icon-container{justify-content: center;}

.general-icon-container .icon-container:nth-child(1) .servicos-icons {background-position: left top;}
.general-icon-container .icon-container:nth-child(2) .servicos-icons {background-position: center top;}
.general-icon-container .icon-container:nth-child(3) .servicos-icons {background-position: right top;}
.general-icon-container .icon-container:nth-child(4) .servicos-icons {background-position: left bottom;}
.general-icon-container .icon-container:nth-child(5) .servicos-icons {background-position: center bottom;}
.general-icon-container .icon-container:nth-child(6) .servicos-icons {background-position: right bottom;}




/* ______________ MEDIA QUERY'S ______________ */



@media (max-width: 1185px){

	.q_tabs .tabs-nav li{width: 110px; padding-left: 5px;}
	.q_tabs .tabs-nav li a{width: 110px;font-size: 18px;}
	.tabs-empresa .q_tabs .tabs-nav li:first-child{background-size: 98px;}
}


@media (max-width: 1024px){
	#container-portfolio{max-width: 740px !important;}
}


@media (max-width: 768px){
	.service_box_container>.vc_col-sm-8{
	  width: 100%;    
	}

	.service_box_container>.vc_col-sm-8:before {
	  left: -25px;
	}
	.service_box_container ul li:before {
	  left: -52px;
	}
	.services_box_icon{
	  left: -65px;
	}


	#container-portfolio{padding-left: 0 !important; padding-right: 12% !important; max-width: 292px !important;}


}



@media (max-width: 767px){
	.service_box_container>.vc_col-sm-8{
	width: 80%;    
	}

	.service_box_container{margin-bottom: 20px;}

	.service_box_container>.vc_col-sm-8:before {
	left: -60px;
	}
	.service_box_container ul li:before {
	left: -87px;
	}
	.services_box_icon{
	left: 0px;
	}

	.tirar-display{
	   display: none;
	}

	.msform{
	width: 50%;
	margin-left: 25%;
	z-index: 9999;
	}

	.vc_column_container>.vc_column-inner{padding-right: 0;}

	#container-portfolio{padding-right: 0 !important;}

	.coluna-port-online>.vc_column-inner{padding-left: 0 !important; display: flex; flex-wrap: wrap; justify-content: center;}

	.coluna-port-online>.vc_column-inner>.wpb_wrapper{border: none; border-top: 2px solid #777; padding: 20px 25% 0;} 

	.coluna-port-online>.vc_column-inner{padding-bottom: 0 !important;}

	.texto-port-online p{text-align: center !important;}

}

@media (max-width: 592px){
  .service_box_container>.vc_col-sm-8{
      width: 75%;    
  }

	.q_tabs.horizontal{width: 100%;}
	.q_tabs.horizontal ul{display: flex; flex-wrap: wrap; justify-content: space-around;}
	.q_tabs .tabs-nav li{border-bottom: 2px solid rgba(0,0,0,.2); padding-left: 5px; margin: 0 5px; height: 80px}
	.q_tabs .tabs-nav li a{width: 110px;font-size: 18px;}
	.q_tabs .tabs-nav li a{border-right: none;}
	.tabs-empresa .q_tabs .tabs-nav li:first-child{background-size: 98px;}

}

@media (max-width: 545px){
    .general-icon-container{
        padding: 0 10%;
    }

    .coluna-port-online>.vc_column-inner{padding-bottom: 5px !important;}
}


@media (max-width: 500px){
    .general-icon-container{
        padding: 0 21%;
    }
}

@media (max-width: 474px){
    .service_box_container>.vc_col-sm-8{
        width: 65%;
    }

    .msform{
        width: 80%;
        margin-left: 10%;
    }

    .general-icon-container{
        padding: 0 35%;
    }
}

@media (max-width: 320px){
	.icons-container{justify-content: space-around;}

	.general-icon-container{
        padding: 0 30%;
    }

	#container-portfolio{max-width: 310px !important;}

	.vc_column_container>.vc_column-inner{padding: 0 15px;}

}


/* _____________ FOOTER ______________ */

#menu-item-175{margin-top: 10px;}