/*
    Theme Name: calc theme
    Theme URL: http://ironcodestudio.com/bootstrap-genesis-theme/
    Description: Bootstrap Genesis Child Theme. Currently using boostrap 3.3.4
    Author: salcode
    Author URI: http://ironcodestudio.com/
    Version: 0.8.2
    Template: genesis
*/
/*@font-face {
    font-family: 'Conv_Antipasto-RegularTrial';
    src: url('http://gokiosk.com.mx/wp-content/plugins/landing-pages/templates/mktdig-lp/fonts/Antipasto-RegularTrial.eot');
    src: url('http://gokiosk.com.mx/wp-content/plugins/landing-pages/templates/mktdig-lp/fonts/Antipasto-RegularTrial.woff') format('woff'), 
    url('http://gokiosk.com.mx/wp-content/plugins/landing-pages/templates/mktdig-lp/fonts/Antipasto-RegularTrial.ttf') format('truetype'), 
    url('http://gokiosk.com.mx/wp-content/plugins/landing-pages/templates/mktdig-lp/fonts/Antipasto-RegularTrial.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}*/
@font-face {
    font-family: 'opensans-regular-webfont';
    src: url('http://gokiosk.com.mx/wp-content/plugins/landing-pages/templates/mktdig-lp/fonts/opensans-regular-webfont.eot');
    src: url('http://gokiosk.com.mx/wp-content/plugins/landing-pages/templates/mktdig-lp/fonts/opensans-regular-webfont.woff') format('woff'), 
    url('http://gokiosk.com.mx/wp-content/plugins/landing-pages/templates/mktdig-lp/fonts/opensans-regular-webfont.ttf') format('truetype'), 
    url('http://gokiosk.com.mx/wp-content/plugins/landing-pages/templates/mktdig-lp/fonts/opensans-regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
#texto, #tit-sub{
    font-family: 'opensans-regular-webfont';
}
#texto hr{
    border-bottom: 3px solid #197eae;
}
h2{text-align: center;padding: 5% 0% 5% 0%;}
h3{padding: 2% 0% 2% 0%;}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
#titulo h1{
    font-size: 60pt;
    text-align: center;
    font-weight: 900;
    color: #197eae;
    font-family: 'opensans-regular-webfont';
}
#titulo img{
    width: 5%;
    margin-right: 1%;
}
#txt-prn{
    text-align: center;
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 2%;
    font-size: 18pt;
}
#txt-sec{
    text-align: center;
    padding-left: 10%;
    padding-right: 10%;
    font-size: 14pt;
    opacity: .9;
}
#tit-sub{
	text-align: center;
}
#non-opc{
    opacity: 1;
    color: #197eae;
}
#img-tit{
    -webkit-box-shadow: 0 5px 10px 0 #c2c2c2;
    box-shadow: 0 5px 10px 0 #c2c2c2;
}
#text-col-princ{
	text-align: center;
	padding: 2% 0 2% 0;
}
#text-col-princ p{
	font-size: 14pt;
    margin-bottom: 1%;
    /*margin-top: 2%;*/
    border-bottom: 3px solid #197eae;
    padding-bottom: 2%;
    padding-top: 3%;
}
#text-col-princ > p >b{
    font-size: 16pt;
}
#input-col-princ{
	text-align: center;
	background: #197eae;
	padding: 2% 0 2% 0;
}
#input-col-princ p{
	margin-bottom: 0%;
    margin-top: 0%;
    border-bottom: 3px solid white;
    margin: 0px;
}
#input-col-princ input, #input-col-princ select{
	width: 80%;
	margin-bottom: 3%;
    border: 0px;
    border-radius: 10px;
    font-size: 16pt;
    text-align: center;
    color: #197eae;
}
#no-bttn-border{
	border-bottom: none !important;
}
#tble-row-prnc{
	border-bottom: 5px solid #197eae;
    /* color: #6389c1; */
    color: black;
    font-size: 16pt;
    margin-bottom: 1%;
}
#tble-row-prnc-p{
	text-align: right;
}
#tble-row-tit{
	width: 18%;
}
#tble-col-tit-b{
	width: 46%;
}
#tble-col-blue{
	/*text-align: center;*/
    text-align: right;
    padding: 1%;
    background-color: #197eae;
    width: 18%;
}
#tble-col-blue p{
    background: white;
    border-radius: 5px;
}
#tble-col-blue input{
	border: none;
    border-radius: 8px;
    width: 90%;
    padding-left: 5%;
}
#tble-col-blue span{
    padding: 5%;
    font-size: 14pt;
    color: #197eae;
}
#tble-col-blue-2{
    /*text-align: center;*/
    text-align: right;
    padding: 1%;
    background-color: #197eae;
    width: 33%;
}
#tble-col-blue-2 p{
    background: white;
    border-radius: 5px;
}
#tble-col-blue-2 input{
    border: none;
    border-radius: 8px;
    width: 90%;
    padding-left: 5%;
}
#tble-col-blue-2 span{
    padding: 5%;
    font-size: 14pt;
    color: #197eae;
}
#cont-prim-tble{
	font-size: 16pt;
}
#row-per-year{
	padding: 5% 0% 5% 0%;
}
#cost-per-year{
	background-color: #197eae;
	color: white;
	font-size: 16pt;
	padding: 5%;
    border-radius: 35px;
}
#cost-per-year input{
	width: 100%;
    border: none;
    border-radius: 8px;
}
#text-cost-year{
	font-size: 16pt;
    padding-top: 8%;
}
#approxk{
    font-size: 14pt;
    padding-left: 5%;
}
#saved{
    text-align: center;
    padding: 2%;
    color: white;
    margin-bottom: 5%;
    font-size: 22pt;
}
#saved p{
    background-color: #197eae;
    border-radius: 20px;
    width: 60%;
    text-align: center;
    margin: 0 auto;
    padding: 3%;
}
#faprox{
    background-color: #197eae;
    text-align: right;
    color: white;
    font-size: 18pt;
    padding: 2%;
    width: 30%;
    float: right;
    border-radius: 10px;
}
#p-mitad-1{
    width: 70%;
    display: inline-block;
    margin-bottom: 0;
}
#p-mitad-2{
    width: 30%;
    display: inline-block;
    background-color: #197eae;
    /*color: white;*/
    padding: 2%;
    margin-bottom: 0;
    border-radius: 10px;
}
.f-mitad{
    text-align: right;
}
.f-mitad span{
    /*background: white;
    color: #197eae;
    padding: 5%;*/
    color: white;
}
#footer-img{
    background-color: #6389c1;
    text-align: center;
    color: white;
    font-family: 'open_sansregular',  Arial, Helvetica;
}
#info-footer{
    text-align: right;
    color: #286c91;
    font-family: 'open_sansregular',  Arial, Helvetica;
}
@media screen and (max-width: 1024px){
    #cont-prim-tble {
        font-size: 12pt;
    }
    #tble-col-blue span {
        font-size: 10pt;
    }
    #approxk, #faprox, #text-cost-year, #cost-per-year, #tble-col-blue-2 span {
        font-size: 12pt;
    }
    #approxk{
        padding-left: 0%;
    }
}
@media screen and (max-width: 800px){
    .container{
        width: 95%;
    }
    #approxk{
        padding-left: 0%;
    }
}