/* @override http://www.quant.com.mx/wp-content/themes/quant/css/bst.css */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600italic,700,600,700italic,800,800italic);

@import 'https://fonts.googleapis.com/css?family=Kanit:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i';

body, html, p {
font-family: 'Kanit', sans-serif;
font-weight: 300;
}

body, html{
	overflow-x: hidden;
	max-width: 100% !important;
	box-sizing: border-box !important;
}

body.page{
		background: url(../img/content-bg.jpg) no-repeat fixed right bottom;
	background-size: 100% auto !Important;
}

div#content {
	min-height: 800px !important;
}


/*
HOVERNAV
A simple addition to the dropdown menu (Bootstrap itself is unchanged). Navbar dropdowns appear on hover.
This works only for screen sizes larger than phones.
If you don't want this, delete this segment of the CSS and delete the corresponding segment of bst.js
*/
@media (min-width: 768px) {
  .navbar-nav .caret {
    display: none
  }


  /* Delete the above if you wish to display the caret */
  .navbar-nav .open ul {
    display: none
  }
  .navbar-default .navbar-nav > .open > a,
  .navbar-default .navbar-nav > .open > a:hover,
  .navbar-default .navbar-nav > .open > a:focus {
    color: #555;
    background: none
  }
  .navbar-inverse .navbar-nav > .open > a,
  .navbar-inverse .navbar-nav > .open > a:hover,
  .navbar-inverse .navbar-nav > .open > a:focus {
    color: #969696;
    background: none
  }
  .navbar-nav .hovernav:hover > .dropdown-menu {
    display: block
  }
}

/*
MEGANAV
A simple addition to the dropdown menu (Bootstrap itself is unchanged). When you add GRAND-CHILD links in the navbar,
On screens larger than phones, Meganav will transform the dropdown into a mega-menu, with child-links displayed as menu-column heads (in bold).
If you don't want this, delete this segment of the CSS and delete the corresponding segment of bst.js
*/
.mega-menu ul a {
	color: #666;
}
.has-children > a {
	font-size: 15px;
	font-weight: bold !important
}
@media (max-width: 767px) {
	.has-children ul {
		display: block !important;
		margin-left: 15px
	}
}
@media (min-width: 768px) {
	.dropdown.mega-menu {
		position: static;
	}
	.mega-menu > .dropdown-menu {
		left: 0;
		right: 0;
		overflow-x: auto
	}
	.mega-menu > ul > li {
	  display:table-cell;
	}
	.mega-menu > ul ul {
		position: relative;
		display: block !important;
		border: 0;
		border-radius: 0;
		box-shadow: none;
		padding: 0
	}
	.has-children {
		border-right: 1px solid #e7e7e7
	}
	.has-children:last-of-type {
		border-right: 0
	}
}


/*
Max content widths
*/
.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto
}

/*
Header logo
An example of how to use CSS to display an image as a background of an HTML element.
*/

#site-title a {
  display: inline-block;
  padding: 30px 0 30px 100px;
  background: url(../img/bst.png) 0 0 no-repeat;
  background-size: 95px 95px
}
#site-title a:hover {
  background: url(../img/bst-hover.png) 0 0 no-repeat;
  background-size: 95px 95px;
  text-decoration: none
}
.main-nav {
  margin-top: 20px
}

/*
Sidebar
*/

.sidebar ul,
.sidebar ol {
  list-style-type: none;
  padding: 0
}
.sidebar li {
  margin: 10px 0
}

/*
Hide form placeholders on focus
*/

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */



#conversion-form .convert-list-options input {
    margin-right: 5px;
    margin-bottom: 0;
	background-color: #ff7100;
	text-transform: uppercase;
}

/*
Footer
*/

.footer ul,
.footer ol {
  list-style-type: none;
  padding: 0
}
.footer li {
  margin: 10px 0
}
.sub-footer p {
  text-align: center
}

/*
Commentlist
*/

ol.commentlist {
	counter-reset: li; /* Initiate a counter */
	padding: 0
}
ol.commentlist ul {
  padding: 0
}
ol.commentlist > li {
	position: relative;
	margin: 0 0 20px 0;
	list-style: none /* Disable the normal item numbering */
}
ol.commentlist > li:before {
  content: "Thread " counter(li); /* Use the counter as content */
  counter-increment: li; /* Increment the counter by 1 */
  position:absolute;  
  top: 0;
  right: 0;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-bottom-left-radius: 4px;
  padding: 5px 20px 5px 10px;
  color: #999
}
ol.commentlist li ol,
ol.commentlist li ul {
  list-style-type: none;
  margin: 0
}

.commentlist li li {
  background: #f8f8f8;
}
.commentlist li li li {
  background: #fff
}
.commentlist li li li li {
  background: #f8f8f8
}
.commentlist li li li li li li {
  background: #fff
}
.commentlist li {
  padding: 20px
}
.commentlist ul li {
  margin-top: 20px;
  margin-bottom: 0
}
.reply p {
  margin: 0
}

/*
Woocommerce re-styling
*/

.woocommerce a:focus {
  outline: none
}
.woocommerce .count {
  background: inherit
}
.woocommerce .added_to_cart {
  display: block !important
}
.woocommerce .woocommerce-error:before,
.woocommerce .woocommerce-info:before,
.woocommerce .woocommerce-message:before,
.woocommerce-page .woocommerce-error:before,
.woocommerce-page .woocommerce-info:before,
.woocommerce-page .woocommerce-message:before {
  padding-top: 0
}



/* New Emage CSS */

li.current_page_item.active {
	background-color: #a5a5a5;
}


#cotizador-interior div.absolute-false.customText-cover.field-cover {
	padding-bottom: 0;
}

#cotizador-interior {
	top: 100px;
	color: #fff !important;
}

#cotizador-interior p, #cotizador-interior h1, #cotizador-interior h2, #cotizador-interior h3, #cotizador-interior h4, #cotizador-interior span{
	color: #fff !important;
}
div.home-row-1{
	color: #fff;
	font-size: 15px;
}
div.home-row-1 h2{
	font-size: 26px;
	font-weight: 400;
}

div.home-row-2{
	color: #fff;
	font-size: 15px;
}
div.home-row-2 h2{
	font-size: 32px;
	font-weight: 400;
}

div.home-row-1 a{
	background: rgba(222,115,43,0.1) url(../img/flecha-blanca.png) no-repeat 5px center;
	border: 1px solid #de732b;
	color: #fff;
	font-size: 18px;
	padding: 3px 30px;
	display: block;
	  -o-transition:.5s ease-out;
  -ms-transition:.5s ease-out; 
  -moz-transition:.5s ease-out;
  -webkit-transition:.5s ease-out;
   transition:.5s ease-out;
	margin-top: 40px;
	margin-bottom: 20px;
}

div.home-row-1 a:hover{
	background-color: #de732b;
	text-decoration: none;
}


div.home-row-1 div.vc_column-inner {
	padding: 80px;
}

div.home-row-2 div.vc_column-inner {
	text-align: center;
	padding: 60px 140px;
}

div.cotizacion-box a{
	background-color: rgba(222,115,43,0.2);
	border: 1px solid #de732b;
	color: #fff;
	font-size: 18px;
	padding: 3px 30px;
	display: block;
	width: 160px;
	margin: 30px auto;
	  -o-transition:.5s ease-out;
  -ms-transition:.5s ease-out; 
  -moz-transition:.5s ease-out;
  -webkit-transition:.5s ease-out;
   transition:.5s ease-out;
}

header {
	padding-top: 20px;
	background-color: #fff;
}

div.footer-azul {
	background-color: #17315b;
	text-align: center;
	color: #fff;
	padding-top: 40px;
	padding-bottom: 20px;
}

div.footer-azul a{
	  -o-transition:.3s ease-in;
  -ms-transition:.3s ease-in; 
  -moz-transition:.3s ease-in;
  -webkit-transition:.3s ease-in;
   transition:.3s ease-in;
}

#widget-login {
	text-align: right;
	margin-top: 10px;
	font-size: 15px;
	color: #949494;
}
#widget-login a{
	color: #173159;
}

a.navbar-brand {
	background: url(../img/logo.jpg) no-repeat;
	padding: 0;
	margin: 0 0 10px;
	width: 160px;
	height: 85px;
	overflow: hidden;
	line-height: 800px;
	text-indent: 800px;
}


div.portada {
	color: #fff;
	padding-top: 70px;
	padding-bottom: 70px;
}

div.tp-caption {
	background-color: rgba(23,49,91,0.85);
	font-size: 1px;
	padding-bottom: 40px !important;
	padding-top: 40px !important;
}

div.tp-caption h2{
	padding: 10px 70px 0px 40px !Important;
	margin-bottom: 0 !Important;
	margin-top: 0 !Important;
}
div.tp-caption p{
	font-size: 14px !Important;
	padding: 10px 70px 10px 40px !Important;

}
div.tp-caption p strong{
	color: #fff !important;
		font-size: 16px !Important;
		font-weight: 500;
}
div.tp-caption a{
	color: #fff;
	background-color: #dd732a;
	display: block;
	padding: 10px 70px 10px 40px !Important;
}


div.footer-azul a:hover{
	text-decoration: none;
	color: #e86d24;
}

ul#menu-menu-principal-1.menu {
	padding: 0;
	list-style-type: none;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 20px;
}
ul#menu-menu-principal-1.menu li{
	display: inline-block;
	margin-right: 5px;
	margin-left: 5px;
}

p.footer-copy {
	font-size: 12px;
}

ul#menu-menu-secundario-1.menu {
		padding: 0;
	list-style-type: none;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 20px;
}
ul#menu-menu-secundario-1.menu li{
		display: inline-block;
	margin-right: 5px;
	margin-left: 5px;
	font-size: 12px;
}

div.nav-azul {
	display: block;
	background-color: #384f72;
	clear: both;
}

ul#menu-menu-secundario.nav.navbar-nav {
	float: right;
}

#menu-principal-row {
	border-top: 1px solid #f0f0f0;
}

ul#menu-menu-secundario.nav.navbar-nav li a{
	color: #fff;
	text-transform: uppercase;
	font-size: 12px;
}

ul#menu-menu-principal.nav.navbar-nav {
	float: right;
}

ul#menu-menu-principal.nav.navbar-nav li a{
	text-transform: uppercase;
	color: #173159;
}

a.btn.btn-login {
	background-color: #e6e8ea;
}

a.btn.btn-logout {
	background-color: #dd732a;
	color: #fff !important;
}
div.footer-azul a{
	color: #fff;
}
div.cotizacion-box a:hover{
	text-decoration: none;
	background-color: #de732b;
	text-decoration: none;
}

div.footer a{
	color: #394f73;	
}

div.footer-box {
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	padding-top: 20px;
	padding-bottom: 20px;
}

div.footer {
	color: #394f73;
	font-size: 16px;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #fff;
}
div.footer h3{
	font-size: 20px;
	margin-bottom: 4px;
}
div.certificados-box a{
	  -o-transition:.5s ease-out;
  -ms-transition:.5s ease-out; 
  -moz-transition:.5s ease-out;
  -webkit-transition:.5s ease-out;
   transition:.5s ease-out;
	background-color: rgba(255,255,255,0.1);
	border: 1px solid #fff;
	color: #fff;
	font-size: 18px;
	padding: 3px 30px;
	display: block;
	width: 160px;
	margin: 30px auto;
}

div.certificados-box a:hover{
	text-decoration: none;
	background-color: #16305a;
	border-color: #16305a;
}
div#content{
	font-size: 15px;
}
div#content  ul {
	padding-left: 10px;
	list-style-position: outside;
	color: #dd732a;
	list-style-type: square;
}
div#content h3, div#content h4, div#content strong{
	color: #0a3b5f;
}

div.footer-azul ul li.menu-item-136 {
	display: none !Important;
}

div.acreditacion-a2la p a{
	font-weight: 700;
	color: #fff;
	background-color: #e07229;
	padding-right: 10px;
	padding-left: 10px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}


@media only screen 
and (max-width : 767px) {
	
	div.home-row-2 div.vc_column-inner {
	text-align: center;
	padding: 60px 50px;
}

div.home-row-1 div.vc_column-inner {
	padding: 60px 50px;
}
	div.footer-box {
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	padding: 20px 10px;
}

div.footer-azul {
	padding-right: 25px;
	padding-left: 25px;

}


#widget-login {
	text-align: right;
	margin-top: 0;
	font-size: 14px;
}
button.navbar-toggle span{
	background-color: #173159 !Important;
}
button.navbar-toggle {
	border-radius: 0px;
	border-color: #173159 !Important;
}
ul#menu-menu-principal.nav.navbar-nav {
	float: none;
}
a.navbar-brand {
	width: 120px;
	height: 62px;
	background-size: 100% auto;
}
div.nav-azul {
	display: none;
}
div.portada {
	color: #fff;
	padding-top: 25px;
	padding-bottom: 25px;
}
header {
	padding-top: 5px;
}

div.navbar-header {
	background-color: #eee;
}

}