@charset 'UTF-8';
/*************************
* FONTS
*************************/
@font-face {
    font-family: 'commemedium';
    src: url('/fonts/comme-medium-webfont.eot');
    src: url('/fonts/comme-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/comme-medium-webfont.woff') format('woff'),
         url('/fonts/comme-medium-webfont.ttf') format('truetype'),
         url('/fonts/comme-medium-webfont.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'commereg';
    src: url('/fonts/comme-regular_1-webfont.eot');
    src: url('/fonts/comme-regular_1-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/comme-regular_1-webfont.woff') format('woff'),
         url('/fonts/comme-regular_1-webfont.ttf') format('truetype'),
         url('/fonts/comme-regular_1-webfont.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'commelight';
    src: url('/fonts/comme-light-webfont.eot');
    src: url('/fonts/comme-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/comme-light-webfont.woff') format('woff'),
         url('/fonts/comme-light-webfont.ttf') format('truetype'),
         url('/fonts/comme-light-webfont.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'commethin';
    src: url('/fonts/comme-thin-webfont.eot');
    src: url('/fonts/comme-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/comme-thin-webfont.woff') format('woff'),
         url('/fonts/comme-thin-webfont.ttf') format('truetype'),
         url('/fonts/comme-thin-webfont.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'oxygen';
    src: url('/fonts/oxygen-webfont.eot');
    src: url('/fonts/oxygen-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/oxygen-webfont.woff') format('woff'),
         url('/fonts/oxygen-webfont.ttf') format('truetype'),
         url('/fonts/oxygen-webfont.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

/************* Contact Us *******************/
h2 {
    font-family : 'commethin', Verdana, sans-serif;
}

#contactContent {
    background-color: #FFFFFF;
}

#contactMainImg {
    background          : rgba(0, 0, 0, 0) url("../images/picture.jpg") no-repeat scroll center center / cover;
    height              : 302px;
    background-repeat   : no-repeat; 
    margin-top          : 72px;
}

#contactPhone {
    background-size     : 100% 290px;
    height              : 290px;
}

.contactPhoneInfo {
    display          : block;
    height           : 100%;
    width            : 80%;
    margin           : 0 auto;
    overflow         : visible;
}

.contactMainInfo {
    display          : block;
    height           : 100%;
    width            : 990px;
    margin           : 0 auto;
    overflow         : hidden;
}

#faxes .contactMainInfo {
    width : 80%;
}

.paraPhoneText {
    color         : #1480c3;
    font-size     : 32px;
    line-height   : 48px;
    padding-top   : 40px;
    text-align    : center;
    margin-bottom : 60px;
}

.contactPhoneInfo hr {
    margin-top      : 15px;
    height          : 2px;
    color           : #F0F4F7;
    background-color: #F0F4F7;
    border          : none;
}

#left, #right {
    float           : left;
    width           : 50%;
    margin          : 0 0 40px;
}

#right p, #left p {
    font-size   : 12px;
    line-height : 15px;
    text-align  : center;
    color       : #505050;
    padding     : 0;
}

#right h2, #left h2 {
    color      : #1480c3;
    font-size  : 38px;
    line-height: 46px;
    text-align : center;
}

#center {
    clear  : both;
    float  : left;
    width  : 100%;
}

#center p {
    margin-top: 40px;
    text-align: center;
    line-height: 47px;
}

#contactEmailForm h2 {
    font-size   : 38px;
    color       : #027FC5;
    margin-top  : 46px;

}

a[href^=tel] {
    color: inherit;
    text-decoration: none;
}

#contactEmailForm form {
    margin-top: 30px;
}

/************ Rounded form inputs ************/

input.rounded, textarea.rounded {
	border                 : 1px solid #ccc;
	-moz-border-radius     : 5px;
	-webkit-border-radius  : 5px;
	border-radius          : 5px;
	font-size              : 24px;
	padding                : 4px 7px;
	outline                : 0;
	-webkit-appearance     : none;
    margin-bottom          : 6px;
    color                  : #AEABBB;
}

input.rounded:focus, textarea.rounded:focus {
	border-color: #027FC5;
}

.accordSection {
    background-size     : 100% 300px;
    height              : 300px;
}

.accordTitle {
    background-size     : 100% 60px;
    height              : 60px;
    color               : #027FC5;
    text-align          : center;
}

hr.secHR {
    height              : 2px;
    color               : #F0F4F7;
    background-color    : #F0F4F7;
    border              : none;
}

.accordTitle a {
    text-decoration     : none; 
    display             : block;
}

.accordTitle a h1 {
    padding             : 16px 0 16px 0;
    font-size           : 25px;
    color               : #027FC5;
}

div.accordDetails  {
    background-size     : 100% 300px;
    height              : 300px;
    display             : none;
}

div.accordDetails2:target {
    display: block;
}

div.accordDetails2  {
    background-size     : 100% 500px;
    height              : 500px;
    display             : none;
}

div.accordDetails:target {
    display: block;
}

.faxes1 {
    width           : 50%;
    padding-left    : 93px;
    padding-top     : 30px;
}

.faxes2 {
    width           : 50%;
    padding-left    : 43px;
    padding-top     : 30px;
}

.report-fraud {
    margin-top: 40px;
}

#contactContent div.deptName {
    color       : #737373;
    font-size   : 23px;
    line-height : 26px;
    margin-top  : 20px;
}

#contactContent div.deptLoc {
    color       : #027FC5;
    font-size   : 17px;
    line-height : 24px;
    margin-top  : 10px;
}

.dinline {
    display: inline;
}

.email-dept-block {
    width: 325px;
}

#fname, #lname, #phone, #email, #dept {
    width : 325px;
    color : #000000;
}

#fname:placeholder, #lname:placeholder, #phone:placeholder, #email:placeholder, #dept:placeholder {
    color : #ededed;
}

#commx {
    margin-left : 4px;
    max-height  : 100px;
    min-height  : 100px;
    min-width   : 652px;
    max-width   : 652px;
}

select.rounded {
    border                    : 1px solid #ccc;
	-moz-border-radius        : 5px;
	-webkit-border-radius     : 5px;
	border-radius             : 5px;
	font-size                 : 24px;
    font-weight               : normal;
	padding                   : 4px 7px;
	outline                   : 0;
    outline-color             : #ccc;
	-webkit-appearance        : none;
    margin-bottom             : 6px;
    color                     : #AEABBB;
    -webkit-border-radius     : 5px;
    -moz-border-radius        : 5px;
    border-radius             : 5px;
    display                   : inline-block;
    -webkit-appearance        : none;
    -moz-appearance           : none;
    appearance                : none;
    cursor                    : pointer;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select.rounded {padding-right:18px}
}

label.rounded {position:relative}

label.rounded:after {
    content             :'<>';
    font                :11px "Consolas", monospace;
    color               :#AEABBB;
    -webkit-transform   :rotate(90deg);
    -moz-transform      :rotate(90deg);
    -ms-transform       :rotate(90deg);
    transform           :rotate(90deg);
    right               :8px; 
    top                 :2px;
    padding             :0 0 2px;
    border-bottom       :1px solid #ddd;
    position            :absolute;
    pointer-events      :none;
}

label.rounded:before {
    content         :'';
    right           :6px; 
    top             :0px;
    width           :20px; 
    height          :20px;
    position        :absolute;
    pointer-events  :none;
    display         :block;
}

.addresses1 {
    width           : 50%;
    padding-top     : 30px;
    margin-bottom   : 50px;
    padding-left    : 93px;
}

.addresses2 {
    width           : 50%;
    padding-top     : 30px;
    margin-bottom   : 50px;
    padding-left    : 43px;
}

.addresses1 h3 {
    color       : #737373;
    font-size   : 20px;
    margin-top  : 9px;
}

.address1 br {
    line-height: 5px;
}

/********************************************/


/**************** new accordion styles ****************/

h1.accordion {
    background-color : #fff;
    color            : #027FC5;
    cursor           : pointer;
    padding          : 18px;
    width            : 100%;
    border           : none;
    text-align       : center;
    outline          : none;
    font-size        : 32px;
    line-height      : 32px;
    transition       : 0.4s;
    display          : block;
    margin-bottom    : 0;
}

/*********** if we want custom hover settings *******/
/*
div.accordion.active, div.accordion:hover {
   background-color: #ddd;
}
*/

h1.accordion:after {
    content      : '';
    font-size    : 32px;
    line-height  : 32px;
    color        : #DDD;
    text-align   : center;
    margin-left  : 5px;
    margin-right : 10px;
}

h1.accordion.active:after {
    content : '';
}

button.send {
    font-size             : 20px;
    margin-left           : 7px;
    margin-bottom         : 20px;
    padding               : 8px 11px; 
    width                 : 112px; 
    border                : 0; 
    color                 : #ffffff;
    -webkit-border-radius : 5px;
    -moz-border-radius    : 5px;
    -o-border-radius      : 5px;
    -ms-border-radius     : 5px;
    border-radius         : 5px;
    background            : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0073B8), color-stop(100%,#027fc5));/* Chrome,Safari4+ */
    background            : -webkit-linear-gradient(top, #0073B8 0%, #027fc5 100%);/*Chrome10+,Safari5.1+ */
    background            : -moz-linear-gradient(#0073B8, #027fc5);/* FF3.6+ */
    background            : -ms-linear-gradient(#0073B8, #027fc5);/* IE10+ */
    background            : -o-linear-gradient(#0073B8, #027fc5);/* Opera 11.10+ */
    background            : linear-gradient(to bottom, #0073B8 0%, #027fc5 100%);/* W3C */
    -pie-background       : linear-gradient(#0073B8 0%, #027fc5 100%);
}

button.send:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#027fc5), color-stop(100%,#0073B8));/* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #027fc5 0%,  #0073B8 100%);/*Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(#027fc5, #0073B8);/* FF3.6+ */
    background: -ms-linear-gradient(#027fc5, #0073B8);/* IE10+ */
    background: -o-linear-gradient(#027fc5, #0073B8);/* Opera 11.10+ */
    background: linear-gradient(to bottom, #027fc5 0%, #0073B8 100%);/* W3C */
    -pie-background: linear-gradient(#027fc5 0%, #0073B8 100%);
    cursor : pointer;
}

.paraFraudTxt {
    font-size   : 17px;
    line-height : 24px;
    color       : #505050;
}

#headLine1 {
    color       : #505050;
    font-size   : 17px;
    line-height : 20px;
}