/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/

.padding-60{padding:60px 0}
.text-white, .text-white p, .text-white h1, .text-white h2, .text-white h3{color:white!important;}
.space-20{padding-bottom:10px;}

strong {font-weight:500!important}

.tel_header{text-align:right;}
.tel_header span{font-size: 10px!important;
    font-family: roboto!important;
    font-weight: 300;line-height: 10px!important;}
.header_cta{display:block; font-weight:bold; text-align:center; color:#ffffff; padding:10px 20px; border-radius:5px; font-size:17px; text-decoration:none !important; background: #80a340; background: -moz-linear-gradient(left, #80a340 0%, #3b9140 100%); background: -webkit-linear-gradient(left, #80a340 0%,#3b9140 100%); background: linear-gradient(to right, #80a340 0%,#3b9140 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a340', endColorstr='#3b9140',GradientType=1 );}
.header_cta:hover{color:#ffffff;}
.masthead .mini-widgets > *, .masthead .mobile-mini-widgets > *{margin-right:50px;}
.marca_text{text-align:center; color:#ffffff; font-size:28px; line-height:35px;}
.comp_text p{font-size:28px; color:#000033;}
.wpb-js-composer .vc_tta-color-white.vc_tta-style-modern.tabs .vc_tta-tab > a{background-color:#000033; color:#ffffff;}
.wpb-js-composer .vc_tta-color-white.vc_tta-style-modern.tabs .vc_tta-tab.vc_active > a{background-color:#F0F0FF; color:#000033;}

/** CIRCUITO **/

.img-circuito {
    position: absolute;
    top: 10px;
    z-index: 9;
}

/**TABS**/
.vc_tta-tabs-list a span{font-size:18px; font-weight:bold;}
.wpb-js-composer .vc_tta-color-blue.vc_tta-style-flat .vc_tta-tab.vc_active>a {
    background-color: #000033!important;
	color: #fff!important;
}
.wpb-js-composer .vc_tta-color-blue.vc_tta-style-flat .vc_tta-tab>a {
    background-color: #f0f0ff!important;
    color: #000033!important;
}
li.vc_tta-tab {
    width: 300px;
}
.tab-bg{
padding:40px!important;
background: -moz-linear-gradient(top, rgba(240,240,255,1) 0%, rgba(240,240,255,0.99) 1%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(240,240,255,1) 0%,rgba(240,240,255,0.99) 1%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(240,240,255,1) 0%,rgba(240,240,255,0.99) 1%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0ff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */}


.wpb-js-composer .vc_tta-color-blue.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading {
    background-color: #000033!important;
}

.wpb-js-composer .vc_tta-color-blue.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-heading {
    background-color: #f0f0ff!important;
	
}

.wpb-js-composer .vc_tta-color-blue.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-title>a {
    color: #000033!important;
}

/** FORM **/

.wpcf7-form .wpb_column {
    padding-left: 10px;
}

input.wpcf7-form-control.wpcf7-submit {
    width: 100%;
}

.wpb-js-composer .vc_tta-color-white.vc_tta-style-modern.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body{background-color:#F2F2FF !important;}

/*** RESPONSIVE ***/

/** CIRCUITO **/

@media (max-width: 768px){
	
	.img-circuito {
    position: absolute;
    top: -10px;
    z-index: 9;
}
	
	.content-img-circuito {
    min-height: 350px;
    margin-top:60px;
}
	
	h1, .h1-size, .entry-title.h1-size, .dt-accordion-h1-size .wpb_accordion_header > a {
    font-size: 20px!important;
    line-height: 22px;
}
	
	h2, .h2-size, .entry-title.h2-size, h1.entry-title, .dt-accordion-h2-size .wpb_accordion_header > a {
    font: normal 20px / 22px "Quicksand", Helvetica, Arial, Verdana, sans-serif!important;
}
	
	h2 span{font: normal 16px / 24px "Quicksand", Helvetica, Arial, Verdana, sans-serif!important;}
	
	.padding-60{padding:30px 0}
}


@media (max-width: 480px){
	
	.content-img-circuito {
    min-height: 180px;
    margin-top: 60px;
}
	
	.padding-60{padding:20px 0}
	
}