/*  
Theme Name:     Thermo Film
Description:    Plantilla personalizada para Thermofilm excelencia empaques
Template:		Divi
Author:			Ciro Urdaneta
Author URI:		https://www.curdaneta.com
Version:		1.0
Updated:		20180410
*/

/*
///////////// NOTAS ///////////////


*/



@charset "UTF-8";

/* base */
*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-rendering: optimizeLegibility;
	font-kerning: normal;
}
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
html {
	font-size: 62.5%;
	font-weight: 300;
	color: #000;
    background: #fff;
    font-family: 'Roboto', sans-serif;
}
body {
	font-size: 2rem;
	line-height: 1.7;
	font-weight: 300;
	color: #000;
    background: #fff;
    font-family: 'Roboto', sans-serif;
}
bold, strong, b {
	font-weight: 700;
}
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    font-family: 'Oswald', sans-serif;
	font-weight: 500;
}
a:hover {
	transition: all 0.4s ease-in-out;
}
.derecha {
	float: right;
	text-align: right;
	position: relative;
}
.izquierda {
	float: left;
	position: relative;
}
.no_margin_v { 
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
	height: auto !important;
}
.no_margin_vt { 
	margin-top: 0 !important;
	padding-top: 0 !important;
	height: auto !important;
}
.lc {
	text-transform: lowercase !important;
}
.uc {
	text-transform: uppercase !important;
}
small {
	font-size: 75%;
}
.resp-img {
	width: 100%;
	height: auto;
}





/* modified */
.et_pb_sum, .et_pb_pricing li a, .et_pb_pricing_table_button, .et_overlay:before, .et_pb_member_social_links a:hover, .woocommerce-page #content input.button:hover .et_pb_widget li a:hover, .et_pb_bg_layout_light .et_pb_promo_button, .et_pb_bg_layout_light.et_pb_module.et_pb_button, .et_pb_bg_layout_light .et_pb_more_button, .et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active, .et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a.active, .et_pb_gallery .et_pb_gallery_pagination ul li a.active, .et_pb_contact_submit, .et_pb_bg_layout_light .et_pb_newsletter_button, .mobile_menu_bar:before, #et_search_icon:hover, #top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a, .bottom-nav li.current-menu-item>a, .comment-reply-link, .entry-summary p.price ins, .et-social-icon a:hover, .et_password_protected_form .et_submit_button, .footer-widget h4, .form-submit .et_pb_button, .mobile_menu_bar:after, .mobile_menu_bar:before, .nav-single a, .posted_in a, .woocommerce #content div.product p.price, .woocommerce #content div.product span.price, .woocommerce #content input.button, .woocommerce #content input.button.alt, .woocommerce #content input.button.alt:hover, .woocommerce #content input.button:hover, .woocommerce #respond input#submit, .woocommerce #respond input#submit.alt, .woocommerce #respond input#submit.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce .star-rating span:before, .woocommerce a.button, .woocommerce a.button.alt, .woocommerce a.button.alt:hover, .woocommerce a.button:hover, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce button.button.alt:hover, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce input.button, .woocommerce input.button.alt, .woocommerce input.button.alt:hover, .woocommerce input.button:hover, .woocommerce-page #content div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page #content input.button, .woocommerce-page #content input.button.alt, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit, .woocommerce-page #respond input#submit.alt, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page .star-rating span:before, .woocommerce-page a.button, .woocommerce-page a.button.alt, .woocommerce-page a.button.alt:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button, .woocommerce-page button.button.alt, .woocommerce-page button.button.alt:hover, .woocommerce-page button.button:hover, .woocommerce-page div.product p.price, .woocommerce-page div.product span.price, .woocommerce-page input.button, .woocommerce-page input.button.alt, .woocommerce-page input.button.alt:hover, .woocommerce-page input.button:hover, .wp-pagenavi a:hover, .wp-pagenavi span.current {
	color: #004caf;
}

#main-header {

}
#et-top-navigation {
    border-bottom: none;
    border-top: none;
}
#top-menu {
    margin-top: 2rem;
}
#top-menu li a {
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    font-size: 1.8rem;
    color: #000;
}
@media only screen and (max-width: 980px) {
    .et_header_style_centered .mobile_nav .select_page, .mobile_menu_bar:before {
        color: #004caf !important;
    }
}



/* custom classes */
#et_search_icon:before {
    color: #004caf;
}
.footer-widget {
    font-size: 1.2rem;
}
#footer-info {
    font-size: 1.2rem;
    color: #fff !important;
}
.et_pb_text_inner h1 {
    font-size: 5.4rem;
}
.et_pb_text_inner h2 {
    font-size: 3.8rem;
}







/* Columnas */
.contenidos {
	margin-top: 1em;
}
.fila {
	width: 100%;
	display: block;
	text-align: left;
}
.col {
	display: block;
	float: left;
	width: 48.48%;
	margin-left: 3.04%;
	margin-bottom: 3.04%;
}
.col:nth-of-type(2n+1) {
	margin-left: 0;
	clear: left;
}
.col_3 {
	display: block;
	float: left;
	width: 31.30%;
	margin-left: 3.04%;
	margin-bottom: 3.04%;
}
.col_3:nth-of-type(3n+1) {
	margin-left: 0;
	clear: left;
}
.col_4 {
	display: block;
	float: left;
	width: 22.72%;
	margin-left: 3.04%;
    margin-bottom: 3.04%;
	text-align: center;
    background: #fff;
}
.col_4:nth-of-type(4n+1) {
	margin-left: 0;
	clear: left;
}
.col_5 {
	display: block;
	float: left;
	width: 18.33%;
	margin-left: 2.08%;
	text-align: center;
}
.col_5:nth-of-type(5n+1) {
	margin-left: 0;
	clear: left;
}












/* forms */
input, textarea, select, input[type=search], button {
	font-size: 100%;
	font-family: inherit;
}
input[type=text], input[type=email], input[type=tel], input[type=password], textarea, input[type=search] {
	background: #eeefef;
	border: solid 1px #eeefef;
	padding: 6px 10px;
	color: #a4a4a4;
}
input[type=text], input[type=search], input[type=email], input[type=tel] {
	width: 100%;
}
textarea, .wpcf7-textarea {
	line-height: 150%;
	width: 100%;
}
textarea:focus, input[type=password]:focus, input[type=text]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=email]:focus {
	outline: none;
	background: #ccc;
	border: 1px solid #dddede;
}
input[type=reset], input[type=submit], button {
	font-weight: 700;
	background: #004caf;
	color: #fff !important;
	border: none;
	padding: 10px 16px;
	cursor: pointer;
	-webkit-transition: background-color 0.4s, color 0.4s, transform 0.4s, opacity 0.4s ease-in-out;
	-moz-transition: background-color 0.4s, color 0.4s, transform 0.4s, opacity 0.4s ease-in-out;
	transition: background-color 0.4s, color 0.4s, transform 0.4s, opacity 0.4s ease-in-out;
}
input[type=reset]:hover, input[type=submit]:hover, button:hover {
	background: #ccc !important;
	color: #000 !important;
}
.wpcf7-mail-sent-ok {
	border: none !important;
	display: inline-block !important;
	margin: 0 auto !important;
	background: #0d142e !important;
	color: #fff !important;
	width: 100% !important;
	text-align: center !important;
}
.wpcf7-submit{
	float: right;
}
.wpcf7-recaptcha {
    float: left;
}
.wpcf7-email, .wpcf7-text {
	margin: 0 !important;
}
span.wpcf7-not-valid-tip {
	background: rgba(251, 217, 81, 0.50) !important;
	color: #000 !important;
	width: auto !important;
	padding: 8px;
	display: inline;
	font-weight: 400 !important;
    margin-top: 12px !important;
}
.requerido {
	color: #EC5300 !important;
}
.margen-i {
	margin-left: 9em !important;
}
input[type=text].half_size {
	width: 50%;
}
.widget_search input#s {
    max-width: 76% !important;
}
.widget_search #searchsubmit {
    width: 20%;
    margin-top: 16px !important;
}
span.wpcf7-list-item { 
    display: block;
}
.wpcf7-submit.disabled:hover, .wpcf7 input[type="submit"].disabled:hover {
    background: #ccc !important;
    background-color: #ccc !important;
}
.wpcf7-validation-errors {
    background: rgba(251, 217, 81, 0.50) !important;
    border: 0 !important;
    color: #000 !important;
}





/* mediaqueries - responsive */


/* Responsive Styles Large Desktop And Above */
@media all and (min-width: 1900px) {

}


/* Responsive Styles Standard Desktop Only */
@media all and (min-width: 981px) and (max-width: 1405px) {

}


/* Responsive Styles Desktop Only */
@media all and (min-width: 981px) {

}


/* Responsive Styles Tablet Only */
@media all and (min-width: 768px) and (max-width: 1405px) {
}


/* Responsive Styles Tablet And Below */
@media all and (max-width: 980px) {
    #logo {
        max-height: 70%;
    }

}


/* Responsive Styles Smartphone Only */
@media all and (max-width: 767px) {
    
}


/* Responsive Styles Smartphone Portrait */
@media all and (max-width: 479px) {
    .col_3, .col_4 {
		width: 100%;
	}
	.col_3:nth-of-type(1n+1), .col_4:nth-of-type(1n+1) {
		margin-left: 0;
		clear: left;
	}
}


/* Responsive Styles Tablet Portrait And Below */
@media all and (max-width: 768px) {

}




@media only screen and (min-width: 981px) {

}

@media (min-width: 981px) {

}



/* debug only */
.debug-r {
	background: rgba(255,0,0,.3);
}
.debug-g {
	background: rgba(0,255,0,.3);
}
.debug-b {
	background: rgba(0,0,255,.3);
}
.debug {
	background: rgba(0,0,0,.3);
}