@import "fonts.css";
@import "proces_form.css";

/*
* GENERAL
*/


html,
body {
    height: 100%;
    background-color: #eeeeee;
    font-family: 'latosemibold';
}


.wrap {
    min-height: 100%;
    height: auto !important;
    height: 100%;
}


/*
* Footer
*/
.push, .footer {
    height: auto !important;
    height: 60px;
    background-color: #1e3152;
}

.text-muted {
    margin: 20px 0;
    color: #57719f !important;
    text-align: center;
}

.text-muted-img{
    margin: 20px 0;
}

@media (max-width: 767px) {
    .footer {
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }
}



/*
 * Navbar
 */


.image-brand{
    height: 90px;
    margin-top: -10px;
}

.navbar-header{
    min-height: 80px !important;
}

.navbar {
    border-radius: 0px !important;
}

.navbar-default {
    background-color: #425a84;
    border-color: #3e547a;
}

.navbar-default .navbar-toggle {
    border-color: #dcd363;
    background-color: #f0e66b  !important;
}

.navbar-nav > li > a {
    line-height: 50px !important;
}

.custom-menu{
    text-align: center;
}

.custom-menu a{
    font-family: 'latosemibold';
    color: #f0e66b !important;
}

.custom-menu a:hover{
    text-decoration: none;
    background-color: #324465 !important;
}

.dropdown-menu {
    background-color: #3b4f73 !important;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #3e547a;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #555;
    background-color: #3b4f73;
}

.search-position{
    margin-top: 23px;
}

.SearchIcon
{
    color:#fff;

}
.SearchButton
{
    background-color:#b3cc85;
    border-radius:4px;
}
.SearchButton:hover{
    background-color:#b3cc85;
}

.SearchBar{

}


.navbar-default .navbar-toggle .icon-bar {
    background-color: #595959 !important;
}

@media screen and (max-width: 320px){

    .image-brand{
        height: 70px;
        margin-top: -10px;
    }

    .navbar-toggle {
        margin-top: 23px !important;
    }
}

@media screen and (max-width: 480px) {
    .image-brand{
        height: 70px;
        margin-top: -10px;
    }
    .navbar-toggle {
        margin-top: 23px !important;
    }

}


@media screen and (max-width: 768px){
    .image-brand{
        height: 70px;
        margin-top: -10px;
    }

    .navbar-toggle {
        margin-top: 23px !important;
    }

}


hr{
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}


.btn-success{
    background-color: #99CE7F !important;
    border-color: #87b770 !important;
}


/*
-------------------------------------------------------*/

.fa-btn {
    margin-right: 6px;

}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #99CE7F;
    border-color: #87b770;
}

.pagination > li > a, .pagination > li > span {
    font-family: 'latoblack';
    color: #b6b6b7;

}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
    color: #b6b6b7;
    background-color: #e3e3e3;
}

.breadcrumb {
 background-color: transparent !important;
}

.contact_section{
    background-color: #47618f;
}

.btn{
    font-family: 'latobold' !important;
}

.title_contact{
    font-family: 'latoblack';
    text-align: center;
    color: #ffffff;
}

.img-wrapp-logo{
    background-color: #ffffff;
    margin-top: 20px;
    border: 1px solid #e3e3e3;
}

.icon-sell {
    background: url('../images/solid.png');
    background-repeat: no-repeat;
    width: 100px;
    height: 83px;
    position: absolute;
    right: 0;
}



.arrow-price{
    font-family: 'latobold';
    font-size: 15px;
    background: url('../images/arrow_price.png') center top;
    width: 108px;
    max-width: 100%;
    height: 35px;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
    line-height: 35px;
    display: block;
    color: #ce6f23;
}


.buy-now{
    font-family: 'latoblack';
    font-size: 0.80em;
    background: url('../images/buy_now.png') center top;
    width: 108px;
    max-width: 100%;
    height: 35px;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
    line-height: 35px;
    display: block;
}

.buy-now a{
    color: #ffffff;
}

.buy-now a:hover{
    text-decoration: none;
}


.btn-pay-cancel{
    font-family: 'latobold_italic';
    background: url('../images/cancel_buy.png') center top;
    width: 229px;
    max-width: 100%;
    height: 46px;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
    display: block;
}

.btn-pay-cancel a{
    color: #ffffff;
    font-size: 25px;
    line-height: 45px;
}

.btn-pay-cancel a:hover{
    text-decoration: none;
}


.btn-pay{
    background: url('../images/btn_pay.png') center top;
    width: 229px;
    max-width: 100%;
    height: 71px;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
    display: block;
}

.btn-pay a{

}

.btn-pay a:hover{
    text-decoration: none;
}


.buy-now-disable{
    font-size: 0.80em;
    background: url('../images/buy_now_disable.png') center top;
    width: 108px;
    max-width: 100%;
    height: 35px;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
    line-height: 35px;
    display: block;
}

.buy-now-disable a{
    color: #ffffff;
}

.buy-now-disable a:hover{
    text-decoration: none;
}


.tittle{
	text-align: center;
	margin-bottom: 20px;
}

.box-buy{
	background-color: #fff;
	border: 1px solid #b5b5b5;
	padding:10px;
	margin-top: 20px;
	height: 374px;
}

.box-buy p {
	text-align: center;
	font-family: 'Raleway Light', sans-serif;
	padding:20px;
	}

.how_to_buy{
	padding: 80px 0;
}


    @media only screen and (max-width : 320px) {
    
	    .box-buy{
		height: auto;
		}

    }
    
    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
    
    .box-buy{
		height: auto;
		}

    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
    
    .box-buy{
		height: auto;
		}

    }

/*
-------------------------------------------------------------------------------*/

.wrapp-detail-logo{
    background-color: #ffffff;
}

.ajust-space{
    padding: 15px;
}

.ajust-space-summary-page{
    padding: 20px;
}

.detail-date{
    font-family: 'latolight_italic';
    color: #3b3733;
 }

.detail-categories{
    font-family: 'latoregular';
    color: #3b3733;
}

.detail-title-category{
    font-family: 'latobold';
    color: #425a84;
}

.custom-label{
    font-family: 'latoregular';
    font-weight: normal !important;
    color: #ffffff;
    background-color: #6686b3;
}

.detail-description{
    font-family: 'latoregular';
    color: #3b3733;
    text-align: justify;
}


/*
-----------------------------------------------------------------*/

.custom-form-group{
    margin-bottom: 0px !important;
}

.custom-form-group-textarea{
    margin-bottom: 0px !important;
    margin-top: 15px;
}

.text-info-detail{
    text-align: center;
    margin-bottom: 15px;
}

.info-message{
    color: #425a84;
}


.spinner input {
    text-align: right;
}

.input-group-btn-vertical {
    position: relative;
    white-space: nowrap;
    width: 2%;
    vertical-align: middle;
    display: table-cell;
}

.input-group-btn-vertical > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
    padding: 8px !important;
    margin-left: -1px;
    position: relative;
    border-radius: 0;
}

.input-group-btn-vertical > .btn:first-child {
    border-top-right-radius: 4px;
}

.input-group-btn-vertical > .btn:last-child {
    margin-top: -2px;
    border-bottom-right-radius: 4px;
}

.input-group-btn-vertical i {
    position: absolute;
    top: 0;
    left: 4px;
}


.contact-form input[type="text"], input[type="email"], input[type="tel"], textarea {
    border: 1px solid #324465;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    color: #262626;
    font-family: 'latosemibold', sans-serif;
    font-size: 17px;
    padding: 6px 10px;
    margin: 0px 0px 8px 0px;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -ms-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
    width: 100%;
}

.register-form input[type="text"]{
    border: 1px solid #324465;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    color: #262626;
    font-family: 'latosemibold', sans-serif;
    font-size: 17px;
    padding: 6px 10px;
    margin: 0px 0px 8px 0px;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -ms-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
    width: 100%;
}

.contact-form textarea {
    width: 100%;
    border-radius: 0px;
    padding: 10px;
    margin-top: 0px !important;
    border: 1px solid #324465;
    font-family: 'latosemibold', sans-serif;
    font-size: 17px;
}

.btn_frm_contact {
    display: block;
    font-family: 'latobold', sans-serif;
    font-weight: 700;
    font-size: 20px;
    background-color: #99CE7F;
    color: #ffffff;
    border: 1px solid #87b770 ;
    width: 100%;
    padding: 8px;
    margin-top: 15px;
}

.btn_frm_contact:hover, .btn_frm_contact:focus{
    color: #FFFFFF;
}