/*----------------------------------------------------
@File: Custom Styles
@Author: Miguel A. Rangel
@URL: https://sopalifeplanner.com

/*====================================================*/
@font-face {
  font-family: "GothamBlack";
  src: url("../fonts/Gotham-Black.otf") format("otf"),
       url("../fonts/Gotham-Black.ttf") format("truetype"),
       url("../fonts/Gotham-Black.eot") format("eot"),
       url("../fonts/Gotham-Black.svg") format("svg"),
       url("../fonts/Gotham-Black.woff") format("woff");
}

@font-face {
  font-family: "GothamMedium";
  src: url("../fonts/Gotham-Medium.otf") format("otf"),
       url("../fonts/Gotham-Medium.ttf") format("truetype"),
       url("../fonts/Gotham-Medium.eot") format("eot"),
       url("../fonts/Gotham-Medium.woff") format("woff");
}

@font-face {
  font-family: "GothamBook";
  src: url("../fonts/Gotham-Book.otf") format("otf"),
       url("../fonts/Gotham-Book.ttf") format("truetype"),
       url("../fonts/Gotham-Book.eot") format("eot"),
       url("../fonts/Gotham-Book.svg") format("svg"),
       url("../fonts/Gotham-Book.woff") format("woff");
}

@font-face{
  font-family:'Glyphicons Halflings';
  src:url(../fonts/glyphicons-halflings-regular.eot);
  src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),
  url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'),
  url(../fonts/glyphicons-halflings-regular.woff) format('woff'),
  url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),
  url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')
}

.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

body, p{
  color: #333;
}
b, strong {
  font-weight: 900;
}

.hidden{
	display: none !important;
}

.header_area.navbar_fixed .menu_five .menu_toggle .hamburger-cross span, .header_area.navbar_fixed .menu_five .menu_toggle .hamburger span {
    background: #2762b7;
}

.header_desc{
  font: 400 16px/28px "GothamMedium", sans-serif;
}

@media only screen and (max-width: 480px){}
    .pos_banner_text {
      padding-top: 80px;
    }
}

.menu_custfive{
	color: #2762b7;
	border-color: #2762b7;
}

#frm_contact .text_box {
    margin-bottom: 5px;
}

#frm_contact .text_box textarea {
    height: 100px;
}

#frm_contact .text_box input[type="text"], .text_box input[type="password"], .text_box input[type="email"] {
    height: 45px;
}

#frm_contact .text_box input[type="text"], .text_box textarea, .text_box input[type="password"], .text_box input[type="email"] {padding-left: 10px;
    line-height: 1.5em;
    padding-left: 10px;
}

#mision_vision{ padding: 80px; }

#sopa_history{
	background: url(../img/backgrounds/sopa_history_background.png) no-repeat center center !important;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.menu_five .btn_get:hover {
    color: #2762b7;
}

/* Sign Up Page */
/* Header Menu button */
.menu_four .btn_get, .txtitle{
	color: #fff;
}

.header_area.navbar_fixed .menu_four .btn_get_radious {
    border-color: #2762b7;
    color: #2762b7;
}

.menu_four .btn_get_radious:hover{
	background:#fff;
  	color: #2762b7;;
}


/* Login form button */
.login-form .btn_three, .sign-in-form .btn_three {
	border-color: #2762b7; 
	margin-top: 35px;
  	background: #2762b7;
  	color: #fff;
}

.login-form .btn_three:hover, .sign-in-form .btn_three:hover {
  	background: #2762b7;
  	color: #fff;
}

.login-form .extra .checkbox input[type="checkbox"]:before {
    border: 1px solid #2762b7;
}

.login-form .extra .checkbox input[type="checkbox"]:checked:after {
    content: "";
    display: block;
    width: 7px;
    height: 12px;
    border: solid #2762b7;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 0px;
    left: 5px;
}

.login-form .extra .checkbox input[type="checkbox"]:before {
  width: 15px;
  height: 15px;
}

.tx_sopa_history p{
  text-align: justify;
}


.has-error .form-control {
    border-color: #d6716f !important;
    -webkit-box-shadow: inset 0 6px 6px rgb(214 113 111 / 8%) !important;
    box-shadow: inset 0 6px 6px rgb(214 113 111 / 8%) !important;
}

.has-error .form-control-feedback {
    color: #d6716f !important;
}

.has-feedback label~.form-control-feedback {
    top: 48px !important;
}

.has-error .help-block {
    color: #d6716f !important;
    font-size: 14px !important;
    font-family: "GothamBook";
}

/* Mensajes de error */
.frm_error{
    margin-top: 25px;
    padding: 12px 8px;
    border: 1px solid #d6716f;
    color: #d6716f !important;
    border-radius: 4px;
    background-color: rgba(214,113,111,0.05);
}

/* Mensajes de éxito */
.frm_success{
    margin-top: 20px;
    padding: 12px 8px;
    border: 1px solid #6cb727;
    color: #6cb727 !important;
    border-radius: 4px;
    background-color: rgba(108,183,39,0.05);
}

/* S.O.P.A. Life Planner */