/*

Theme Name: CGI Branding theme

Theme URI: http://cgibranding.com

Description: 

Tags: 

Author: CGI Branding

Author URI: http://cgibranding.com

Version: 99.99



All css files are placed in /css/ folder.

If you want to add your own css code, please do it in /css/custom.css



*/

/* General, sections */

.phone-box .alignleft{

    margin-top: 0;

}

.servicio-col .image_frame .image_wrapper .mask, 

.servicio-col .edd_download_image:after{

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    -o-box-shadow: none;

    box-shadow: none;

}

.servicio-col .image_frame:hover{

    border-color: transparent;

}

.servicio-col .image_frame:hover .image_wrapper .mask:after, 

.servicio-col .image_frame.hover .image_wrapper .mask:after{

    opacity: 0;

}

.servicio-col .image_frame .image_wrapper .image_links a:hover {

    background: inherit;

    color: #fff;

}

.servicio-col .image_frame a{

    padding: 20px 0 11px;

}

#Subheader .title,

.rev_slider .tp-caption{

	font-style: normal !important;

}

#Subheader{

	background-position: 

}

.compania-servicio-section{

    padding-top: 0 !important;

}

.blue_section{

	border-top: solid 1px #bec8d1;

	border-bottom: solid 1px #bec8d1;

	color: #45687d;

}

.blue_section h2,

.blue_section h3,

.blue_section h4,

.blue_section h5,

.blue_section h6{

	color: inherit;

}

.blue_section .column.column_icon_box{

    margin-bottom: 25px;

}

.blue_section .icon_box{

    padding: 0 0 5px;

}

.header-transparent #Top_bar .menu > li > a::after,

.header-transparent #Top_bar .menu > li > a:hover::after{

	background: #ee0000 !important;

}

#Top_bar:not(.is-sticky) {

	border-bottom: 2px dotted rgba(183,21,0,1);
	top: 0 !important;
	background-color: rgba(0,0,0,.4);
}



.red_btm_content_wrap{

    margin-bottom: -95px;

    z-index: 1;

    position: relative;

}

#Top_bar .menu > li > a {

    padding: 0 !important;

}

#Top_bar .logo {

    margin-top: 0 !important;

}

#Top_bar .menu > li > a span:not(.description),

#Top_bar .menu > li > a{

	line-height: 30px;

}

.home.header-transparent.ab-hide #Top_bar {

    z-index: 9999;

}

.agents-content-wrapp{

	padding: 80px 0 45px;

}

/* Products */

a.button.productos-btn{

	position: absolute;

	right: -10%;

	top: 50%;

}

a.button.productos-btn:hover{

	color: #fff !important;

}

.portfolio_group .portfolio-item .image_frame{

    height: 265px;

}

.portfolio_group.grid .image_frame .image_wrapper,

.portfolio_group.grid .image_frame a{

    height: 100%;

}

.portfolio_group.grid .image_frame a{

    text-align: center;

}

.portfolio_group.grid img.scale-with-grid{

    max-width: none !important;

    height: 100% !important;

    width: auto;

}

/* Agents Content - Accordion */

.agents-content-wrapp .accordion .question.active .title > .acc-icon-minus,

.agents-content-wrapp .accordion .question .title > .acc-icon-plus{

    display: none;

}

.agents-content-wrapp .accordion .question .title{

    color: #ca0b01;

    text-align: center;

    padding: 0;

    font-size: 60px;

    line-height: 1;

    background-image: none;

    padding-bottom: 25px;

}

.agents-content-wrapp .accordion .question,

.agents-content-wrapp .accordion .question .title:before,

.agents-content-wrapp .accordion .question.active .title{

    border-width: 0;

}

.accordion .question.active .title{

    border-color: transparent;

}

/* Chart */

.chart_box{

	margin-top: 30px;

}

.chart_box .chart .num{

	font-weight: bold;

}

.chart_box .chart canvas{

	position: absolute;

    	top: -77px;

    	left: 50%;

    	width: 70px !important;

    	height: 70px !important;

    	margin-left: -35px;

}

/* Footer */

.page #Footer{	

	background-color: #eeeeee;
}

.home.page #Footer{

	background-color: #eeeeee;

    color: #878686;

	background-position: center 60%;

}

.home.page #Footer h4{

    color: #bdbdbd;

}

#Footer .widgets_wrapper {

    padding: 13px 0 7px !important;

}

#Footer .footer_copy {

    border-top: 1px solid rgba(255,255,255,.1) !important;

}

.page #Footer .map-block{

	display: none;

}

.home.page #Footer .social-block{

	display: none;

}

.act-map{

	width: 100%;

}

.home.page #Footer .map-block{

	display: block;

}

.social-block ul li{

	float: left;

    width: 50px;

    height: 50px;

    margin-right: 5px;

    text-align: center;

    line-height: 50px;

}

#Footer .social-block ul li a{

	color: #444;

	display: block;

}

#Footer .social-block ul li a:hover{

	color: #000;

}

.social-block ul li a{

	background-color: #fff;

}

.social-block ul li a:hover{

	background-color: #ebebeb;

}

/* Forms Tables */

table.act-table tr:first-child td{

	background: none;

}

table.act-table th,

table.act-table td{

	border-width: 0;

	text-align: left;

}

table.act-table td:nth-child(2){

	max-width: 805px;

}

table.act-table td:nth-child(2) form{

	max-width: 502px;

	margin: 50px auto;

	float: none;

   	display: table;

}

.cotizar-form-wrapp{

	background-size:contain;

}

/* Forms */

input[type="date"], 

input[type="email"], 

input[type="number"], 

input[type="password"], 

input[type="search"], 

input[type="tel"], 

input[type="text"], 

input[type="url"], 

select, 

textarea, 

.woocommerce .quantity input.qty{

	box-shadow: none !important;

	border-color: #ccc !important;

	background-color: #f8f8f8 !important;

}

span.wpcf7-list-item{

	margin-left: 0;

}

form .column p{

	color: #000;

    	margin: 0;

   	line-height: 38px;

    	font-weight: bold;

}

form .column.one p{

	line-height: 1;

}

form .column small{

	color: #989898;

	position: relative;

	top: -10px;

	font-weight: normal;

}

.button-stroke input[type="submit"]#servicio-submit,

.button-stroke input[type="reset"]#servicio-reset,

.button-stroke input[type="submit"]#solicite-submit,

.button-stroke input[type="reset"]#solicite-reset{

	font-weight: bold;

}

.button-stroke input[type="submit"]#servicio-submit,

.button-stroke input[type="submit"]#solicite-submit{

	background-color: #000 !important;

	border-color: #000 !important;

	color: #fff !important;

}

.button-stroke input[type="submit"]:hover#servicio-submit,

.button-stroke input[type="submit"]:hover#solicite-submit{

	background-color: #444 !important;

	border-color: #444 !important;

	color: #fff;

}

.button-stroke input[type="reset"]#servicio-reset,

.button-stroke input[type="reset"]#solicite-reset{

	background-color: #f0eeef !important;

	border-color: #f0eeef !important;

	color: #6c6c6c !important;

}

.button-stroke input[type="reset"]:hover#servicio-reset,

.button-stroke input[type="reset"]:hover#solicite-reset{

	background-color: #fff !important;

	border-color: #f0eeef !important;

}

.wpcf7-form .column.one{

	margin-bottom: 5px;

}

.wpcf7-checkbox .wpcf7-list-item,

.wpcf7-radio .wpcf7-list-item{

    	display: block;

    	text-align: right;

   	line-height: 1.5;

    	margin-left: 8px;

}

input[type="radio"], 

.wpcf7-radio .wpcf7-list-item-label{

	float: left;

}

input[type="radio"]{

	margin-top: 4px;

    	float: right;

}

.send-copy .wpcf7-checkbox .wpcf7-list-item{

    	text-align: left;

	margin-left: 0;

}

/* Slider */

.rev_slider .tp-parallax-wrap .button_theme .button_label{

    color: #fff !important;

}

.hesperiden .tp-bullet:hover, 

.hesperiden .tp-bullet.selected{

	background: #df161c;

}

.hesperiden .tp-bullet{

	width: 14px;

	height: 14px;

	border-width: 0;

	background: #f7f9f8;

}



/* Social Box */

.icon-heading{

	color: #fff; 

	text-align: center; 

	float: left; 

	line-height: 77px;

	margin-right: 26px;

}


/* Buttons */

.button-stroke a.button:not(.action_button){

	border-width: 2px !important;

}

a.button.second-btn:hover,

a.button.second-btn:focus,

.button-stroke a:hover.button.second-btn.button_stroke_custom:not(.action_button){

	color: #fff !important;

	background-color: #f00202 !important;

}

a.button.second-btn:hover,

a.button.second-btn:focus{

	color: #fff;

}

a.button.icon-btn{

	line-height: 67px;

    	float: left;

   	width: 67px;

    	height: 67px;

    	font-size: 40px;

    	margin-right: 0;

    	-webkit-transform: none;

    	-moz-transform: none;

    	-o-transform: none;

    	-ms-transform: none;

    	transform: none;

}

a.button.icon-btn .button_icon{

	padding: 0;

	text-align: center;

}

.button-stroke a:hover.button.twitter-btn.button_stroke_custom:not(.action_button){

	background-color: #02baf6 !important;

}

.button-stroke a:hover.button.facebook-btn.button_stroke_custom:not(.action_button){

	background-color: #30478a !important;

}

.button-stroke a:hover.button.linkedin-btn.button_stroke_custom:not(.action_button){

	background-color: #016bc3 !important;

}

a.button.icon-btn.button_right .button_icon{

	float: none;

}

a.button.icon-btn .button_label{

	display: none;

}

.button-stroke a.button.icon-btn:not(.action_button),

a.button.icon-btn{

	border-radius: 20px !important;

}

a#back_to_top.button{

	border-radius: 10px !important;

	-webkit-transform: none;

    	-moz-transform: none;

    	-o-transform: none;

    	-ms-transform: none;

    	transform: none;

}

.button-stroke a#back_to_top.button:not(.action_button){

	background-color: #bababa !important;

	color: #212121 !important;

	border-color: #bababa !important;

}

.button-stroke a:hover#back_to_top.button:not(.action_button){

	background-color: #fff !important;

	color: #212121 !important;

	border-color: #fff !important;

}

.page #Footer .footer_copy a#back_to_top .button_icon i {

    color: #fff !important;

}

/* Boxes */

.compania-first-icon-box{

	padding-top: 21px;

}

.pricing-box{

	padding-bottom: 20px;

    	padding-top: 20px;

}

.column_pricing_item.basic-box .pricing-box{

	background-color: #b9cccd;

}

.column_pricing_item.interactivo-box .pricing-box{

	background-color: #9babac;

}

.column_pricing_item.gsm-box .pricing-box{

	background-color: #889394;

}

.column_pricing_item.plus-box .pricing-box{

	background-color: #97c7e1;

}

.column_pricing_item.complete-box .pricing-box{

	background-color: #86afc5;

}

.column_pricing_item.ultimate-box .pricing-box{

	background-color: #7499ad;

}

.pricing-box .plan-header h2{

	color: #e70202;

}

.pricing-box .plan-header h2,

.pricing-box .plan-header .price,

.pricing-box .plan-header .price > span{

	font-size: 36px !important;

	line-height: 36px !important;

}

.pricing-box .plan-header .price sup.currency{

	top: 0 !important;

}

.pricing-box .plan-header h2 p{

	margin: 0;

    	color: #000 !important;

    	font-weight: normal;

    	font-size: 0.6em;

}

.pricing-box,

.pricing-box .plan-header h2 p,

.pricing-box .plan-header .price sup.currency, 

.pricing-box .plan-header .price > span,

.pricing-box .plan-header .price sup.period {

        color: #000 !important;

}

.pricing-box .plan-header .price sup.period{

	display: block;

	margin-top: 14px;

}

.pricing-box .plan-header hr{

	width: 85% !important;

}

.pricing-box .plan-header .hr_color{

    color: #eee;

    background: #eee;

}

.pricing-box .plan-inside ul li{

	border-bottom-width: 0 !important;

}

.pricing-box .plan-inside{

	padding-top: 25px !important;

}



/* Home Boxes */



.home_box::before{

	content: '';

	border: solid 10px #f00001;

	position: absolute;

	top: -10px;

	right: -10px;

	width: 100%;

	height: 100%;

	z-index: 1;

	opacity: 0;

	-webkit-transition:0.35s ease-out;

	transition:0.35s ease-out;

}

.home_box:hover::before,

.home_box:focus::before{

	opacity: 1;

}

.home_box button,

.home_box a.button{

	z-index: 2;

	position: relative;

}



table.act-table td:nth-child(2) div.wpcf7 {

	margin: 25px 0px;	

	width:100%;

}

@media all and (min-width: 1240px){	

	.home #Top_bar .logo {

    		left: 6%;

    		position: relative;

	}

	.section_boxes .section_wrapper{

		max-width: 1200px;

	}

	.contact_section .section_wrapper{

		max-width: 1800px;

	}

	

	table.act-table td:nth-child(2) div.wpcf7 {

    		width: 508px;

    		margin: 50px 140px;

	}





}