/*
Theme Name: Patriot Bank
Theme URI:
Author: fjorge Digital, 2015
Text Domain: patriotbank
*/
@import url('https://fonts.googleapis.com/css?family=Ropa+Sans');
@font-face {
    font-family: 'sofia_proregular';
    src: url('fonts/sofia_pro_regular-webfont.woff2') format('woff2'),
         url('fonts/sofia_pro_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
/*************/
/* GENERAL  */
/*************/
*{box-sizing: border-box; font-family: 'sofia_proregular';}
html,body {padding:0; margin:0;  font-size:16px; position: relative; }
input {line-height:1;}
h1, h2, h3, h4, h5, h6, p{padding:0; margin:0;}
a {color: #00576e; text-decoration:none; outline:0;}
a:hover {color: #00576e;}
p, li, b {color: #333; }
ul {padding:0; margin:0; list-style:none;}
img {border:none; width: auto; outline:0;}

/* GLOBAL ATTRIBUTES */
.clear {clear:both;}
.container {width:100%; max-width:1000px; margin:0 auto; }
@-moz-document url-prefix() {
    .anchor {margin-top: -60px; padding-top: 60px;}
}
header, nav, section, article, aside, footer {
   display:block;
}
input::-ms-clear {   display: none;}
ins {text-decoration:none;}
/* FOCUS ISSUES */
div:focus, form:focus {outline: none !important; outline-style: none !important;}

/***********************/
/*****CSS_Main*********/
/*********************/
.header { width:100%; float:left; padding:5px 0; box-shadow: 0 7px 3px -2px #ddd;}
.logo { background:#fff; float:left; }
.logo { width:25%; }
.logo img { width:100%; max-width:250px;}
.head-rht {float:right; width:75%; padding:18px 30px 18px 45px; text-align: center; background:#00576e; position:relative; overflow:hidden;}
.head-rht:before {
    content: '';
    background: #fff;
    width: 29px;
    height: 160%;
    position: absolute;
    top: -16%;
    left: -19px;
    transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
}
.pbr-txt {color:#fff; display:inline-block; font-size:33px; padding:2px 0px 10px 40px; }

.pbp-sec { padding:40px 0; width:100%; float:left; }
.pbp-wrap h4 { font-size:28px; color:#00576e; margin:0 0 25px;}
.pbp-wrap p { margin:20px 0 0; font-size:20px; font-weight:400;}

.saving-form { margin:40px 0 0;}
.saving-form h6{ margin:0 0 30px; font-size:20px; color:#00576e;}
.error{color:#ff0000;}
.field-group { float:left; width:100%; margin-bottom:20px;}
.row {margin-left:-15px; margin-right:-15px;}
.col3 {width:25%; float:left; padding:0 15px; }
.col4 {width:33.333%; float:left; padding:0 15px;}
.col6 {width:50%; float:left;  padding:0 15px;}
.saving-form label {display:block; font-weight:500; margin:0 0 7px; color:#00576e; font-size:18px; text-transform:capitalize;}
.saving-form input[type="text"], .saving-form input[type="password"], .saving-form input[type="email"], .saving-form input[type="number"]{ width:100%; border:1px solid #ddd; height:44px; padding:5px 12px; font-size:16px; color:#333;  box-sizing:border-box;  margin-bottom:5px;}
.saving-form select {width:100%; border:1px solid #ddd; height:44px; line-height:1; padding:5px 8px; font-size:16px; color:#333; box-sizing:border-box; margin-bottom:5px;}
.saving-form input[type="submit"]{ cursor:pointer; background:#00576e; color:#fff; font-weight:700; text-transform:uppercase; min-width:250px; text-align:center; line-height:1; height:44px; border:0; font-size:18px; floaT:right; } 
.captcha img {width:100%;}
.select-follow {padding:15px 15px 40px; border:2px solid #ddd;}
.select-follow span {color:#bfbfc0;}

.sav-info{width: 100%; float: left; margin:30px 0 0; padding:0; font-size:18px; line-height:24px; clear:both; color:#00576e}
.sav-info li{color:#00576e}

.check-field {position:relative; display: inline-block; margin-left:10px; top: 4px}
.check-field input[type="radio"] {
    position: absolute;
    opacity: 0; width: 100%; height: 100%; margin: 0;
    cursor: pointer; z-index: 99; 
}
.checkmark { display: inline-block; height: 20px; width: 20px; background-color: #fff; border:1px solid #ddd;}
.checkmark:after {
	/*content: "";*/
    position: absolute;
    display: none;
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.check-field input:checked ~ .checkmark:after {
    display: block;
}
.check-field input:checked ~ .checkmark {
 background-color: #2196F3;
}
.check-field ins{ position: absolute; bottom: -32px; z-index: 9;}
.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
fieldset {
    border: none;
}
.req {color: #00576e;}
.pg_hd{color:#00576e; text-align:center; font-size:30px;}
h3.frm_title {font-size: 24px;font-weight: 100; }
a.frm_btn {background: #00576e;color: #ffffff; padding: 0 5px;}
a.lng_switcher {float: right; background: #00576e; color: #ffffff !important; padding: 2px 5px;}
a.btn_link {padding: 8px 35px; background: #00576e; color: #ffffff; font-size: 32px; font-weight: 600; border-radius: 2px; margin: 15px 14px}
.col9.center {margin: 48px auto;text-align: center;}
.service p {padding-bottom: 7px;}
.cpn_name {font-size: 20px !important; color: #000;  font-weight: bold !important;}
.nameheit { height: 50px;}
.cpn_price { font-size: 30px !important; text-align: center; color: #00576e; font-weight: bold !important;}
.heit { height: 80px;}
.service .service-icon {font-size: 50px; line-height: 50px; color: #5d5d5d;}
.service{text-align: center; color: #888; font-size: 14px;  font-weight: 400;}
.service .service-icon img { max-width: 150px;}
li{ /*list-style: disc;*/line-height: 1.5; margin-left: 8px; font-size: 18px;}
.pbp-wrap.text-align {
    text-align: center;
}
/********************/
/**Media**/
/********************/
@media (max-width: 1024px) {
.container { max-width:740px;}
.logo { padding-top: 30px;}
.head-rht, .call-us {text-align:left;}
.head-rht {padding:13px 30px 14px 70px;}
.pbr-txt {padding:11px 0px 10px 0;}
.head-rht:before {
	width: 50px;
	top: -22%;
	left: -29px;
}
}

@media (max-width: 767px) {
.container {padding:0 15px;}
.logo { padding-top: 0;}
.logo {width: 100%; text-align:center; padding:0 0 15px;}
.col3, .col4, .col6  {width:50%;}
.head-rht {width:100%; padding:20px; }
.head-rht, .call-us {text-align:center; width: 100%;}
.head-rht:before { display:none;}
.check-field ins{ bottom:0; right: -35px;}
.select-follow {padding: 15px 15px 30px; }
.select-follow .col4 {padding-top: 10px;}
}

@media (max-width: 550px) {
.col3, .col4, .col6  {width:100%;}
.field-group {margin:0;}
.select-follow {margin-bottom:20px;}
.saving-form input[type="text"], .saving-form input[type="password"], .saving-form input[type="email"], .saving-form input[type="number"], .saving-form select{ margin:0 0 20px; }
.saving-form input[type="submit"]{ width:100%; }
.captcha {margin:15px 0; width:100%; float:left;}
}