/* Google Font */
@import url('https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500,600,700');

/*Boostrap*/
.btn, .btn:hover, .btn:active, .btn:focus {font-family:'Montserrat', sans-serif; font-weight:400; border-radius:50px; border:none; outline:none !important;}
.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus {background:#0C8; background:-moz-linear-gradient(45deg, #00bb88 0%, #33EE55 100%); background:linear-gradient(45deg, #00bb88 0%,#33EE55 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bb88', endColorstr='#33EE55',GradientType=1 );}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {opacity:0.9;}
h1, h2, h3, h4, h5, h6, p {font-family:'Montserrat', sans-serif;}
video {background:#FFF; width:100%;}


/*FUENTES TYPES PROPIAS*/
/*fontA-light = Montserrat Regular*/
@font-face {
    font-family: 'fontA-regular';
    src: url('/fonts/new_layout/regular/montserrat-regular-webfont.eot');
    src: url('/fonts/new_layout/regular/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('/fonts/new_layout/regular/montserrat-regular-webfont.woff2') format('woff2'),
        url('/fonts/new_layout/regular/montserrat-regular-webfont.woff') format('woff'),
        url('/fonts/new_layout/regular/montserrat-regular-webfont.ttf') format('truetype'),
        url('/fonts/new_layout/regular/montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*fontA-light = Montserrat Light*/
@font-face {
    font-family: 'fontA-light';
    src: url('/fonts/new_layout/light/Montserrat-UltraLight.eot');
    src: local('Proxima Light'), local('Proxima-Light'),
        url('/fonts/new_layout/light/Montserrat-UltraLight.woff') format('woff'), 
        url('/fonts/new_layout/light/Montserrat-UltraLight.ttf') format('truetype'), 
        url('/fonts/new_layout/light/Montserrat-UltraLight.svg') format('svg');
}
/*fontA-bold = Montserrat Bold*/
@font-face {
    font-family: 'fontA-bold';
    src: url('/fonts/new_layout/bold/Montserrat-Bold.eot');
    src: local('Proxima Bold'), local('Proxima-Bold'), 
        url('/fonts/new_layout/bold/Montserrat-Bold.ttf') format('truetype'),
        url('/fonts/new_layout/bold/Montserrat-Bold.svg') format('svg');
}


/* NavBar White */
/*.navbar-default {box-shadow: 0 1px 5px rgba(0,0,0,0.05); padding:5px 0px; border:1px solid transparent; background-color:#FFF !important; font-family:'Montserrat', sans-serif;}
.navbar-default .navbar-toggle {background:transparent; border:1px solid transparent;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:active {background:#FFF; outline:none;}
.navbar-default .navbar-toggle .icon-bar {width:28px; height:4px; border-radius:10px; background-color:#FC0; background: -moz-linear-gradient(45deg, #ff6600 0%, #ffcc00 100%); background: -webkit-linear-gradient(45deg, #ff6600 0%,#ffcc00 100%); background: linear-gradient(45deg, #ff6600 0%,#ffcc00 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6600', endColorstr='#ffcc00',GradientType=1 );}
.navbar-default .navbar-brand {padding:12px 15px;}
.navbar-default .navbar-brand img {height:28px;}
.navbar-default .navbar-brand .logo-postcron-white {display:none;}
.navbar-default .navbar-brand .logo-postcron-color {display:inline-block;}
.navbar-buttons {margin-top:10px;}
.navbar-nav .language {position:relative;display:inline-block;width:20px;height:20px;vertical-align:top;margin-right:6px;top:0px;border:2px solid rgba(255,255,255,0.2);border-radius:30px;}
.navbar-default .navbar-nav > li > a {position:relative;display:inline-block;color:#888;font-size:15px;padding:6px 16px;text-shadow:none; font-weight:300;}
.navbar-default .navbar-nav > li > a.register, .navbar-default .navbar-nav > li > a.register:focus, .navbar-default .navbar-nav > li > a.register:active {border-radius: 50px; border: 1px solid #0C8; color:#0C8; margin:0 6px; outline:none;}
.navbar-default .navbar-nav > li > a.register:hover {color:#FFF; border:1px solid #FFF; background:#0C8; background:-moz-linear-gradient(45deg, #00bb88 0%, #33EE55 100%); background:linear-gradient(45deg, #00bb88 0%,#33EE55 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bb88', endColorstr='#33EE55',GradientType=1 );}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:active, .navbar-default .navbar-nav > li > a:focus{color:#888;background-color:none; outline:none;}
.navbar-default .navbar-nav > li > a:hover .hv, .navbar-default .navbar-nav > li > a:active .hv, .navbar-default .navbar-nav > li > a:focus .hv{opacity:0.3;}
.navbar-default .navbar-nav > li > a .hv {opacity:0.0;position:absolute;height:2px;width:30%;margin-left:35%;left:0;bottom:0px;border-radius:10px;background:#F90;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;-ms-transition:opacity .2s linear;transition:opacity .2s linear;}
.navbar-nav > li > .dropdown-menu {border:none; margin-top:8px; box-shadow:0 4px 8px rgba(0,0,0,0.05);}
.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .open > a {background-color:rgba(250,250,250,0) !important; margin-bottom:6px; background-image:none; box-shadow:none;}
.navbar-default .dropdown-menu > li {border-bottom:1px solid #eee;}
.navbar-default .dropdown-menu > li:last-child{border-bottom:1px solid #FFF;}
.navbar-default .dropdown-menu > li > a{color:#999; font-size:13px; padding:7px 20px; opacity:0.9;}
.navbar-default .dropdown-menu > li > a:hover,.dropdown-menu > li > a:active,.dropdown-menu > li > a:focus{background:none; opacity:1;}
.navbar-default .navbar-collapse {max-height:392px;}*/

/* NavBar Orange */
/*.navbar-default.nav-orange {background:#ff9900; background:-moz-linear-gradient(45deg, #ff9900 0%, #ff5500 100%); background: -webkit-linear-gradient(45deg, #ff9900 0%,#ff5500 100%); background:linear-gradient(45deg, #ff9900 0%,#ff5500 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9900', endColorstr='#ff5500',GradientType=1 );}
.navbar-default.nav-orange .navbar-brand .logo-postcron-white {display:inline-block;}
.navbar-default.nav-orange .navbar-brand .logo-postcron-color {display:none;}
.navbar-default.nav-orange .navbar-nav > li > a {color:#FFF; font-weight:400;}
.navbar-default.nav-orange .navbar-nav > li > a.register,
.navbar-default.nav-orange .navbar-nav > li > a.register:focus, 
.navbar-default.nav-orange .navbar-nav > li > a.register:active {color:#FFF; border:1px solid #FFF; background:#0C8; background:-moz-linear-gradient(45deg, #00bb88 0%, #33EE55 100%); background:linear-gradient(45deg, #00bb88 0%,#33EE55 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bb88', endColorstr='#33EE55',GradientType=1 );}
.navbar-default.nav-orange .navbar-nav > li > a.register:hover {box-shadow:0 2px 2px rgba(0,0,0,0.2)}
.navbar-default.nav-orange .navbar-nav .language {border:2px solid rgba(255,255,255,0.7);}*/


/*
    Navbar upgrade button
    Prevent override old header button styles
    with new  layout button styles
*/
.buttHead {
    font-weight: 300 !important;
    border-radius: 0px !important;
}


/*Modals*/
.modal-header {padding:30px 15px 5px 15px; border-bottom:none;}
.modal-header .close {border-radius:50px; border:1px solid #999; width:22px; height:22px; font-size:16px; padding:2px 6px; margin:-12px 0px; outline:none;}
.modal-header .modal-title {font-size:20px; color:#555; font-weight:300;}
.modal-content .footer-center {text-align:center;}

/*Modal Checkout*/
.modal-checkout {font-family:"Montserrat", sans-serif; z-index: 99999;}
.modal-checkout .btn.btn-lg {text-transform: uppercase;}
.modal-checkout .modal-dialog {width:550px;}
.modal-checkout .bullets {display:none; float:left; width:100%; margin:4px 0 4px 12px; color:#888; font-weight:300; font-size:13px;}
.modal-checkout .bullets.last {margin-bottom:36px;}
.modal-checkout .bullets i {color:#F90; margin-right:4px;}
.modal-checkout .modal-header {padding:30px 15px 0px 15px;}
.modal-checkout .modal-title {font-size:26px; margin:10px 0 0 0; color:#333; font-weight:500; line-height:30px;}
.modal-checkout .modal-title .tit-free {display:none; color:#39F;}
.modal-checkout .modal-body {padding:26px 34px;}
.modal-checkout .block-modality {position:relative; width:100%; height:60px; display:flex; align-items:center; justify-content:left; margin-bottom:8px; padding:15px; background-color:#FFF; border-radius:2px; box-shadow:0 2px 6px rgba(0,0,0,0.07); opacity:0.7; cursor:pointer;}
.modal-checkout .block-modality:hover {opacity:0.9;}
.modal-checkout .block-modality.disabled {opacity:0.65; cursor: not-allowed;}
.modal-checkout .block-modality .check {float: left; display:inline-block; width:20px; height:20px; text-align:center; border-radius:50px; border:1px solid #DDD;}
.modal-checkout .block-modality .check i {visibility:hidden; font-size:23px; margin-top:-2px; color:#39F;}
.modal-checkout .block-modality .modality {float: left; width:100px; height:20px; line-height:20px; font-size:17px; margin:0 10px; text-align:right; font-weight:500; color:#222;}
.modal-checkout .block-modality .modality.lifetime {width:105px;}
.modal-checkout .block-modality .modality.lifetime-pt {width:165px;}
.modal-checkout .block-modality .to-pay {position:relative; display:inline-block; width:250px; margin-top: 3px;}
.modal-checkout .block-modality .to-pay .number {position:relative; display:block; font-size:18px;}
.modal-checkout .block-modality .to-pay .billing {position:relative; display:inline-block; font-size:11px; color:#777; margin-top: -4px;}
/*.modal-checkout .block-modality .promo-monthly {display:none;}*/
.modal-checkout .block-modality .ballon {position:absolute; top:10px; right:10px; width:86px; text-align:center; line-height:12px; font-size:11px; color:#39F; font-weight:500; padding:5px 0px; border-radius:50px; border:1px dashed #39F;}
.modal-checkout .block-modality .ballon.free-month-text {width:110px; font-size:12px; top: 20px;}
.modal-checkout .pay-method {margin-top:20px; padding:20px;}
.modal-checkout .pay-method .nav-pills>li>a {background:#FFF; color:#777; border-bottom:2px solid transparent; border-radius:0; padding:8px 14px;}
.modal-checkout .pay-method .nav-pills>li.active>a, 
.modal-checkout .pay-method .nav-pills>li.active>a:focus, 
.modal-checkout .pay-method .nav-pills>li.active>a:hover {width:100%; background:#FFF; color:#444; border-bottom:1px solid #39F;}
.modal-checkout .pay-method .tab-content .tab-pane.active {width:100%; margin:0; display:inline-block;}
.modal-checkout .pay-method .to-complete {float:left; width:70%; margin:20px 15%}
.modal-checkout .pay-method .to-complete .input-long::-webkit-input-placeholder,
.modal-checkout .pay-method .to-complete .input-short::-webkit-input-placeholder {color:#777;}
.modal-checkout .pay-method .to-complete .input-long,
.modal-checkout .pay-method .to-complete .input-long-full,
.modal-checkout .pay-method .to-complete .input-short {font-family: "Helvetica Neue", Helvetica, sans-serif; float:left; padding:14px 20px; color:#32325d; font-size:16px; font-smoothing: antialiased; line-height: 18px; border:1px solid #EEE; font-weight:300; outline:none;}
.modal-checkout .pay-method .to-complete .input-long {width:100%; border-bottom:none; border-radius:5px 5px 0 0;}
.modal-checkout .pay-method .to-complete .input-long-full { width: 100%; border-radius: 5px; margin-top: -1px;}
.modal-checkout .pay-method .to-complete .valid-date {width:50%; border-left:none; border-left:1px solid #EEE; border-radius:0 0 0 5px;}
.modal-checkout .pay-method .to-complete .cvc-code {width:50%; border-left:none; border-left:none; border-radius:0 0 5px 0;}
.modal-checkout .pay-method .to-complete input.error {border-color: #f00;}
.modal-checkout .pay-method .card-change {float: left;width: 100%;text-align: right;font-size: 11px;color: #888;margin: 6px 0 20px 0;cursor: pointer;}
.modal-checkout .pay-method .btn {padding:10px 34px;}
.modal-checkout .pay-method .img-method {margin:40px 0;}
.modal-checkout .pay-method .img-method img {max-width:100%;}
.modal-checkout .alternative-pay-methods {margin: 20px 0 10px 0; position: relative; display: none; text-align: center; width: 100%;}
.modal-checkout .security {position:relative; display:inline-block; width:100%; margin:20px 5%; display: none;}
.modal-checkout .security i {float:left; width:30px; height:30px; font-size:20px; border-radius:50px; text-align:center; background-color:#CCC; color:#666; padding:6px;}
.modal-checkout .security span {float:left; width:90%; font-size:11px; color:#888; margin-left:10px;}
.modal-checkout .pagamento-anual {display: block; text-align: center;}
.modal-checkout .pay-method .stripe-input { position: relative; }
.modal-checkout .pay-method .stripe-input .card-brand { position: absolute; top: 16px; right: 13px; }
.modal-checkout .pay-method .checkout-error { height: 18px; float: left; width: 100%; margin-top: 20px; margin-bottom: 20px; text-align: center; font-size: 12px; display: none; }
.modal-checkout .pay-method .checkout-error-message { color: #F00; }
.modal-checkout .pay-method .stripe-input-wrap {
	width: 100%;
	float:left; padding:14px 20px; color:#222; font-size:16px; border:1px solid #EEE; font-weight:300; outline:none;
}
.modal-checkout .pay-method .stripe-input-wrap.half {
	width: 50%;
}

/* Checkout Loader */
.modal-checkout.loading {}
.modal-checkout .checkout-loading-overlay {display: none; width: 100%; height: 100%; background-color: rgba(255,255,255,.9); position: absolute;top: 0; left: 0; z-index: 999; text-align: center; border-radius: 6px; }
.modal-checkout .checkout-loading-overlay .loader {display: inline-block;border: 8px solid #d8d8d8;border-top: 8px solid #7dd03e;border-radius: 50%;width: 70px;height: 70px;animation: spin 1s linear infinite;}
.modal-checkout .checkout-loading-overlay .message {font-size: 16px;letter-spacing: -1px;margin-top: 25px;}
.modal-checkout .checkout-loading-overlay .message span {font-size: 18px;font-weight: 600;margin-bottom: 10px;display: block;}
.modal-checkout .checkout-loading-content {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.modal-checkout.loading .checkout-loading-overlay { display: block;}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


.modal-checkout .block-modality.selected {box-shadow:0 2px 8px rgba(0,0,0,0.15); opacity:1;}
.modal-checkout .block-modality.selected .check i {visibility:visible;}

/*Checkout Promotional  .modal-checkout.promotional */
.modal-checkout.promotional .modal-title .tit-free,
/*.modal-checkout.promotional .block-modality .promo-monthly, */
.modal-checkout.promotional .bullets { display:inline-block; }
/*.modal-checkout.promotional .block-modality .default-monthly { display:none; }*/

.modal-checkout.x-free-month .modal-title .tit-free,
/*.modal-checkout.x-free-month .block-modality .promo-monthly, */
.modal-checkout.x-free-month .bullets { display:inline-block; }
/*.modal-checkout.x-free-month .block-modality .default-monthly { display:none; }*/

/*Modal Referral*/
.modal-referral .modal-footer {text-align:center; font-size:12px; color:#888;}
.modal-referral .text-referral {width:88%; margin:0px 6%;}
.modal-referral .text-referral h3 {color:#F80; font-size:18px;  margin-bottom:15px;  font-weight:bold;}
.modal-referral .ref {color:#888; font-size:12px;}
.modal-referral .form-control {border-radius: 20px 0 0 20px; padding:18px;}
.modal-referral .copy {border: 1px solid #777; background:#777; color:#FFF; padding: 8px 16px;}
.modal-referral .email {background:#444; color:#FFF; width:26%;}
.modal-referral .facebook {background:#3b5998; color:#FFF; width:26%;}
.modal-referral .twitter {background:#55acee; color:#FFF; width:26%;}
.modal-referral .modal-footer {margin-top:20px; padding:20px 0;}


.popover {border:none; padding:10px; box-shadow:0 6px 15px rgba(0,0,0,0.1);}
.modal-login .modal-dialog {width:360px;}
.modal-login .modal-body {padding:15px 30px 30px 30px;}
.button-register, .button-register:hover, .button-register:active, .button-register:focus {width:100%; color:#FFF; text-align:left; padding:10px 0px 10px 26px; margin:4px 0; border-radius:8px;}
.button-register i {margin:2px 8px 0 0; font-size:20px;}
.button-register span {position:relative; display:inline-block; vertical-align:top; line-height:24px;}
.button-register:hover {opacity:0.9;}
.button-register.facebook {background-color:#3B5998;}
.button-register.twitter {background-color:#55ACEE;}
.button-register.google {background-color:#FFFFFF; color: grey; border: 1px solid #ddd;}


/*Footer Comercial*/
.footer-comercial {border-top:1px solid #EFEFEF; padding:80px 0 0 0; margin-top:80px; text-align:center;}
.footer-comercial .columns {position:relative; display:inline-block; text-align:left; vertical-align:top; width:20%; margin: 0 2% 30px 2%; font-family:'Montserrat', sans-serif; box-shadow:none;}
.footer-comercial .columns .title {position:relative; display:inline-block; width:100%; color:#666; font-size:14px; text-decoration:none; cursor:default; font-weight:500;}
.footer-comercial .columns .title i {float:right; color:#CCC; display:none;}
.footer-comercial .columns .in-column {height:auto;}
.footer-comercial .columns .in-column .link,
.footer-comercial .columns .in-column span {position:relative; display:inline-block; width:100%; margin-bottom:14px; font-size:13px; color:#888; font-weight:300;}
.footer-comercial .columns .in-column .social-link {position:relative; display:inline-block; margin:0 1px; border-radius:50px; border:1px solid #777; opacity:0.8}
.footer-comercial .columns .in-column .social-link i {width:26px; height:26px; font-size:14px; text-align:center; color:#777; padding:6px 0px;}
.footer-comercial .columns .in-column .social-link:hover {opacity:1}
.footer-comercial .columns .in-column .device-link {position:relative; display:inline-block; width:100%; margin:8px 0; text-align:center;}
.footer-comercial .columns .in-column .device-link img {width:150px; border-radius:3px; image-rendering:-webkit-optimize-contrast;}
.footer-comercial .icon-footer { display:flex; justify-content: space-around; width: 75%; margin-bottom: 24px;}
/* Old modals compatibility */
.modal-dialog .modal-content .modal-header .icon { color: #FF7700; font-size: 28px; text-align: center; }
.modal-dialog .modal-content .btn.btn-orange { background-color: #ff6300; border-radius: 50px; color: #ffffff; padding: 6px 10px; min-width: 50px; }
.modal-dialog .modal-content .modal-header .title { color: #FF7700; font-size: 16px; margin: 5px 0 0; text-align: center; }
.modal-dialog .modal-content .modal-header button.close { font-size: 24px; right: 11px; line-height: 14px; border-radius: initial; border: initial; width: initial; }

/* --- Style Medias --- */

/* Extra Large */
@media (max-width:1400px) {

}

/* Large */
@media (max-width: 1199px) {
	/* .navbar-default .navbar-nav > li > a {width:100%; padding:10px 18px; font-size:18px;} */
	.navbar-default .navbar-nav > li > a.register {width:unset; margin:0 10px; font-size:16px; padding:7px 18px;}
	.navbar-brand {padding:14px 15px;}
	.navbar-brand img {height:26px;}
}

/* Medium */
@media (max-width: 991px) {
	.navbar-default .navbar-nav > li > a {padding:8px 10px; font-size:15px;}

	.footer-comercial {padding:20px; margin-top:40px;}
	.footer-comercial .columns {width:98%; margin:4px 1%;}
	.footer-comercial .columns .title {font-size:16px; border-bottom:1px solid #EEE; padding:6px 0 12px 0; font-weight:300;}
	.footer-comercial .columns .title i {float:right; display:block; cursor:pointer;}
	.footer-comercial .columns .in-column .device-link img {width:60%; margin:0 20%;}

    .modal-checkout .modal-body {padding:26px 20px;}
    .modal-checkout .pay-method .nav-pills>li {width:100%;}
    .modal-checkout .pay-method .nav-pills>li>a {padding:10px 14px;}    
	.modal-checkout .block-modality {display:inline-block; height:auto;}
	.modal-checkout .block-modality .modality {width:80%; text-align:left; margin-bottom: 5px;}
	.modal-checkout .block-modality .modality .number {width:100%;}
	.modal-checkout .block-modality .to-pay {width:100%; text-align:center; padding-top:10px; border-top:1px solid #EEE;}
	.modal-checkout .block-modality .ballon {width:100%; position:relative; display:inline-block; margin-top:10px; right:inherit; top:inherit;}
	.modal-checkout .pay-method .nav-pills>li.active>a, 
    .modal-checkout .pay-method .nav-pills>li.active>a:focus, 
    .modal-checkout .pay-method .nav-pills>li.active>a:hover {border-bottom:2px solid #FFF;}
    .modal-checkout .pay-method {padding:0px;}
	.modal-checkout .pay-method .to-complete {width:100%; margin-top:10px; margin-left:0px; margin-right:0px;}
	.modal-checkout .pay-method .to-complete .input-long, 
	.modal-checkout .pay-method .to-complete .input-short {font-size:14px;}
	.modal-checkout .pay-method .img-method img {max-width:70%;}
	.modal-checkout .security i {position:relative; margin-left:50%; margin-bottom:10px; left:-15px;}
	.modal-checkout .security span {width:100%;}
}

/* Small */
@media (max-width: 767px) {
	.modal-checkout .modal-dialog {width:100%; margin: 0px; padding: 0px; width: 100%; border: none;}
	.modal-checkout .modal-content { border-radius: 0px; margin-bottom: 50px; box-shadow: none; border: none;}
	.modal-checkout .modal-header h3 { width: 70%; margin-left: 15%; margin-right: 15%; }
	.modal-checkout .modal-body { height: 540px; overflow: auto; }
	.modal-checkout .bullets { width: 90%; }

	.modal-login .modal-dialog {width: 100%;}
	.navbar-default .navbar-nav > li > a {padding:8px 10px; font-size:13px;}
	.checkoutMobileCallToAction { position: fixed; bottom: 4px; background-color: white; z-index: 9999; padding: 30px 0; border-top: 1px solid #ddd; width: 90%;}
}

/* Extra Small */
@media only screen and (max-width: 576px) {
	.navbar-default .navbar-nav > li > a {padding:14px 16px; font-size:16px;}
	
	/* Fix for Boostrap inputs in Iphone*/
	body.modal-open {
		position: fixed !important;
	}	
}