/*
Theme Name: Solo Tanques
Version: 1.0
*/


body {font-family: 'Lato', sans-serif !important;}
.clear {clear: both;}

.cl-blue {color: #0baee3}
.dk-blue {color: #1e2240}
.blue-btn {text-align: center;}
.blue-btn a {background: rgb(11,174,227); background: linear-gradient(180deg, rgba(11,174,227,1) 0%, rgba(12,140,181,1) 100%); margin: 30px 0; display: inline-block; height: 52px; padding: 0 35px; line-height: 52px; color: #fff; border-radius: 50px; border-bottom: solid 2px #0baee3}
.blue-btn a:hover {text-decoration: none; color: #fff}

h2 {font-weight: 900}
p {font-size: 18px; color: #666}

/*HEADER*/
#header {background: url(images/head-bg.png) no-repeat center bottom; background-size: cover; margin-bottom: 120px}
#header h1 {padding: 0; margin: 50px 0 0;}
#header h1 img {max-width: 220px; height: auto;}
#top-media {text-align: right; padding-top: 40px; padding-bottom: 20px}
#top-media li {display: inline-block; width: 45px; height: 45px; line-height: 40px; color: #fff; position: relative; border: solid 2px #fff; border-radius: 100px; text-align: center; font-size: 24px; margin-left: 10px}
#top-media li a, #top-media li a:hover {color: #fff}
#top-media li:nth-child(1) {background: #2aa524; position: relative; width: 260px}
#top-media li a span {font-size: 18px}
#top-media li:nth-child(2) {background: #2aa524; position: relative;}
#top-media li:nth-child(3) {background: #285296;}
#top-media li:nth-child(4) {background: #2aa524; background: rgb(246,203,0); background: linear-gradient(180deg, rgba(246,203,0,1) 0%, rgba(233,17,46,1) 36%, rgba(126,58,177,1) 100%)}

#main-menu {text-align: right; padding-bottom: 20px}
#main-menu li {display: inline-block; color: #fff; font-size: 16px; margin: 0 10px}
#main-menu li.cotiza-top-btn {margin-right: 0; margin-left: 40px; background: rgb(11,174,227); background: linear-gradient(180deg, rgba(11,174,227,1) 0%, rgba(12,140,181,1) 100%); color: #fff; border-radius: 50px; border-bottom: solid 2px #0baee3}
#main-menu li a {padding: 7px 0; display: block; color: #fff; text-decoration: none; transition: all 0.2s ease-out;}
#main-menu li.cotiza-top-btn a {padding: 7px 20px; transition: all 0.2s ease-out;}
#main-menu li a:hover {color: #0baee3; transition: all 0.2s ease-out;}
#main-menu li.cotiza-top-btn a:hover {color:#fff; transition: all 0.2s ease-out;}
#top-form {margin-top: 60px; background: rgba(255, 255, 255, 0.2); padding: 20px;}
#top-form h2 {margin-top: 0; padding-top: 0; color: #fff; font-size: 36px; text-transform: uppercase;}

.wpcf7-form input {width: 100%; height: 46px; line-height: 46px; background: #fff; color: #999; font-size: 16px; border: 0 none; margin-bottom: 10px; box-sizing: border-box;; padding: 15px;}
.wpcf7-form .your-qty input {float: right; width: 13%; margin-left: 10px; text-align: center;}
.wpcf7-form .capacidad select {float: left; width: 80%; text-align: center;}

.wpcf7-form input[type="submit"] {text-align: center; background: #0baee3; color: #fff; font-weight: 600; line-height: 0; text-transform: uppercase; font-family: 'Lato', sans-serif; font-size: 16px; margin-bottom: 0}

#top-form div.wpcf7 .ajax-loader, #foot-form div.wpcf7 .ajax-loader {display: none; visibility: hidden;}
#top-form p, #foot-form p {margin-bottom: 0}

/*HOME*/
#home-info h2 {font-size: 42px; padding-top: 60px}
#top-image {text-align: right;}
#home-products {padding: 100px}
#home-products img {max-height: 300px}
#home-products h2 {font-size: 32px; text-align: center; padding-bottom: 60px; color: #0baee3}
.tanque {text-align: center;}
.tanque span {font-weight: 800}
header.entry-header {display: none; visibility: hidden;}

/*PRODUCT*/
#detail h2 {font-size: 42px; margin: 25px 0 30px; color: #0baee3; text-transform: uppercase;; font-weight: 900}
#detail h3 {font-size: 32px; margin: 30px 0 10px; color: #1e2240; font-weight: 800}
#detail h4 {font-size: 22px; margin: 30px 0 20px; color: #333}
#detail p strong {color: #0baee3}
#tinaco-image-page img {max-width: 100%}
#product-capas {margin-top: 120px; margin-bottom: 60px}
#product-capas p {margin-bottom: 35px}
table {width: 100%; margin-top: 20px}
table th {padding: 5px 0; text-align: center; background: #1e2240; color: #fff}
table td.odd {background: #fff}
table td.even {background: #f1f1f1}
table td {padding: 5px 0; text-align: center; font-size: 16px}

#tinaco-image-page * {text-align: center; box-shadow: 0 0 0 #fff !important}
#tinaco-image-page img {display: inline-block}
#tinaco-image-page .bx-controls {display:block !important; visibility:visible !important}
#tinaco-image-page .bx-prev, #tinaco-selector .bx-next {display: none !important; visibility: hidden !important}
#tinaco-image-page .bx-wrapper .bx-pager {
    background: #ededed !important;
    display: inline-block;
    margin: 50px auto 0;
    padding: 10px;
    border-radius: 50px;
    width: auto;
    bottom: inherit;
    left: inherit;
    position: inherit;
}
#tinaco-image-page .bx-wrapper .bx-pager.bx-default-pager a {width: 38px; height: 38px; border-radius: 50px; border: solid 2px #fff}

#tinaco-image-page .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:nth-child(4) a {background: #000 !important}
#tinaco-image-page .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:nth-child(3) a {background: #c9b695 !important}
#tinaco-image-page .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:nth-child(2) a {background: #0079b7 !important}
#tinaco-image-page .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:nth-child(1) a {background: #fff !important}

/*FOOTER*/
#footer {background: url(images/foot-bg.png) no-repeat center top; background-size: cover; padding: 60px 0 30px}
#footer h1 {margin-bottom: 60px}
#footer h2 {font-size: 20px; color: #fff}
#footer h1 img {max-width: 220px; height: auto;}
#foot-form {background: rgba(255, 255, 255, 0.2); padding: 20px;}
#footer #foot-form h2 {margin-top: 0; padding-top: 0; color: #fff; font-size: 28px; text-transform: uppercase}
#footer ul {padding: 0; margin: 20px 0 0}
#footer li {list-style: none; display: inline-block; margin-right: 10px; width: 45px; height: 45px; border-radius: 100px; border: solid 2px #fff; line-height: 40px; color: #fff; text-align: center; font-size: 24px}
#footer li a, #footer li a:hover {color: #fff}
#footer li:nth-child(1) {background: #2aa524;}
#footer li:nth-child(2) {background: #285296;}
#footer li:nth-child(3) {background: #2aa524; background: rgb(246,203,0); background: linear-gradient(180deg, rgba(246,203,0,1) 0%, rgba(233,17,46,1) 36%, rgba(126,58,177,1) 100%);}

@media (max-width: 600px) {
	#header .col-xs-6.col-md-4, #header .col-xs-12.col-sm-6.col-md-8 {float: none; width: 100%; text-align: center;}
	#header #top-media, #header #main-menu {text-align: center;}
	#header #top-media ul, #header #main-menu ul {text-align: center; padding: 0}
	#main-menu li.cotiza-top-btn {margin-left: 0}
	#header h1 img {max-width: 180px}
	#header h1 {margin-top: 25px}
	#top-media {padding-top: 30px}
	#top-form {margin-top: 0}
	#top-form h2 {font-size: 30px}
	#top-form h2 br {display: none; visibility: hidden;}
	#top-image {text-align: center;}
	#top-image img {max-width: 90%; margin-top: 20px}
	#home-info .col-xs-6, #home-products .col-xs-6.col-sm-3 {float: none; width: 100%}
	#home-info .col-xs-6 img {max-width: 100%}
	#home-products {padding: 0}
	#footer .col-xs-6 {float: none; width: 100%}
	#footer h1, #footer h2, #footer ul {text-align: center; margin-bottom: 30px}
	#detail .col-xs-6 {float: none; width: 100%}
	#detail h2 {font-size: 35px}
	#detail p {text-align: justify;}
	#header {margin-bottom: 20px}
}