:root {
     --input-padding-x: .75rem;
     --input-padding-y: .75rem;
}
 body {
     font-family: 'Crimson Text', serif;
     background-image: linear-gradient(to top, rgba(252, 253, 253, 0), #f8f9f9);
     color: #666;
}
 .container {
     height:100%;
     margin: 0 auto;
     max-width: 1275px;
     padding-right: 0px;
     padding-left: 0px;
}
 .btn-primary{
     background: #069;
     border-color: transparent !important;
     color: #fff;
     font-family: 'Open Sans', sans-serif;
     font-size: 16px;
     font-weight: 400;
     height:48px;
     transition: background .25s ease-in-out;
     width: 288px;
}
 .btn-primary:hover{
     background: #09c;
}
/* Header */
 .logo {
     float: left;
     width: 16%;
}
 .logo img {
     padding-left: 10px;
     max-width: 227px;
}
 .navbar {
     color: #999;
     background-color: #fff;
     box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15);
     font-family: 'Crimson Text',serif;
     font-weight: 400;
     font-size: 16px;
     height:85px;
     margin: 0;
     padding: 0;
}
 .nav-item {
     width: 10%;
     font-size: 16px;
}
 .nav-item a {
     color: inherit;
     font-family: 'Crimson Text',serif;
     font-weight: 400;
     font-size: inherit;
     transition: color .25s ease-in-out;
}
 .nav-item a:hover{
     color: #069;
}
 .nav-item:before {
     content: "|";
     padding: 0 5px;
}
 .nav-item:first-child:before {
     content: " ";
}
 .submenu {
     background-color:#efefef;
     box-shadow: inset 0 5px 15px 0 rgba(0,0,0,.05);
     height:0px;
     left: 0px;
     overflow: hidden;
     padding: 0 10px;
     position: absolute;
     top: 85px;
     transition: height .5s;
     width:100%;
     z-index: 3;
}
 .submenu ul{
     text-align: left;
     padding: 20px 0 25px 0;
     line-height: 20px;
     min-width: 120px;
}
 .submenu h1{
     color: #666;
     font-size: 16px;
     font-weight: bold;
     padding: 0px 0 ;
     margin-top: -5px;
}
 .submenu a{
     color: #999;
     font-family: 'Open Sans', sans-serif;
     font-size: 14px;
     line-height: 14px;
}
 .submenu:hover {
     height:100px;
     opacity: 1;
     transition: none;
}
 .submenu .align-left{
     margin-left: 50%;
}
 nav ul{
     list-style-type:none;
}
 .vertical-break {
     background: #ccc;
     height: 60%;
     margin: 18px 40px 0 25px;
     width: 1px;
}
 .one:hover ~ hr {
     margin-left: 3px;
     opacity: 1;
     width: 95px;
}
 .one:hover ~ .sub-one {
     height:147px;
     opacity: 1;
}
 .two:hover ~ hr {
     margin-left: 113px;
     opacity: 1;
     width:133px;
}
 .two:hover ~ .sub-two {
     height:110px;
     opacity: 1;
}
 .three:hover ~ hr {
     margin-left: 257px;
     opacity: 1;
     width:109px;
}
 .three:hover ~ .sub-three {
     height:128px;
     opacity: 1;
}
 .four:hover ~ hr {
     margin-left: 383px;
     opacity: 1;
     width:121px;
}
 .four:hover ~ .sub-four {
     height:128px;
     opacity: 1;
}
 .five:hover ~ hr {
     margin-left: 517px;
     opacity: 1;
     width:129px;
}
 .five:hover ~ .sub-five {
     height:204px;
     opacity: 1;
}
 .six:hover ~ hr {
     margin-left: 658px;
     opacity: 1;
     width:95px;
}
 .six:hover ~ .sub-six {
     height:114px;
     opacity: 1;
}
 .navbar hr {
     background: #005b8e;
     border: none;
     height: 2px;
     opacity: 0;
     transition:all .5s;
     width:150px;
     margin: 0 0 0 -150px;
     position: absolute;
     bottom:0px;
}
 .search {
     width: 11%;
}
 .btn-search {
     background: #069;
     color: #fff;
     float:right;
     font-family: 'Open Sans Light', sans-serif;
     font-size: .875rem;
     font-style: normal;
     font-weight: 300;
     height:45px;
     margin-right: 10px;
     padding: 11px 16px;
     transition: background .25s ease-in-out;
     width: 128px;
}
 .btn-search:hover{
     background: #09c;
}
 .search img {
     height: 20px;
     -webkit-transform: scaleX(-1);
     transform: scaleX(-1);
     width: 20px;
}
 button img {
     margin: 2px 10px;
}
 .mobile-nav .logo{
     width: 100%;
}
 .mobile-nav .open{
     margin: 85px 0 0 5px;
     top:0px;
     transition: height .25s ease-in-out;
     width: 100%;
     z-index: 999;

}
 .mobile-nav h4{
     width: 90%;
}
 .mobile-nav .submenu-mobile{
     -webkit-padding-start: 0px;
}
 #navbarMobileResponsive {
     transition: margin-left .4s ease-in-out;
}
 .submenu-mobile a{
     padding: 15px 15px;
     margin-left: 35px;
     font-size: 23px;
     font-weight: 600;
     color: #999999;
}
 .submenu-mobile:hover a{
     text-decoration: none;
}
 .mobile-nav li{
     font-weight: 600;
     background: #efefef;
     border-top: 1px solid #cbcbcb;
     font-size: 18px;
     cursor: pointer;
}
.nav-item-header{
  border-left: 4px solid #016699;
  margin-left: -10px;
  font-size: 23px;
}
 .nav-item:not(.collapsed) .nav-item-header{
     color: #006699;
}
 .nav-item-header:not([href]):not([tabindex]):hover {
     color: #006699;
     text-decoration: none;
}
 .submenu-mobile .nav-link:hover {
     color: #999999;
     text-decoration: none;
}
 .menu-marker{
     font-size: 35px;
     margin-right: 30px;
     margin-top: -5px;
}
 .menu-marker {
     transform: rotate(90deg);
}
 .nav-item:not(.collapsed) .menu-marker{
     transform: rotate(270deg);
     padding-left: 10px;
}
 .submenu-mobile .menu-marker{
     font-size: 25px;
     margin-right: 30px;
     margin-top: 10px;
}
 .submenu-marker{
     padding-right: 34px;
     padding-top: 10px;
     font-size: 25px;
}
 .submenu-mobile .nav-link{
     margin-left: 0px;
}
 .backdrop{
     position: absolute;
     display: none;
     z-index: 0;
     width: 100%;
     height: 200vh;
     background: #000;
     opacity: 1;
}
 .navbar-toggler:not(.collapsed) ~ .backdrop{
     opacity: 0.55;
     transition: opacity .25s ease-in-out;
     display: block;
     z-index: 998;
}
 .navbar-toggler:not(.collapsed) span{
     background-color:#737373;
}
 .navbar-toggler:not(.collapsed){
     background-color: #002e45 !important;
     height: 88px;
     border-radius: 0;
}
 .navbar-toggler:collapsed ~ .backdrop{
     opacity: 0;
     transition: opacity .25s ease-in-out;
}

 .mobile-nav .navbar-nav{
     background-color: #fdfdfd;
     width: 100%;
}
 .mobile-nav .nav-item{
     background-color: #fdfdfd;
     border-top: 1px solid #cbcbcb;
     color: #999;
     font-size: 21px;
     font-weight: 600;
     width: 100%;
}
.submenu-mobile ul{
     border-left: 4px solid #016699;
}
.submenu-mobile li a{
     border-left: 4px solid #efefef;
}
 .mobile-nav .nav-link{
     padding-left: 20px;
}
 .mobile-nav .nav-item:before {
     content: " ";
}
 .sliding-div {
     color:#fff;
     display:none;
     height: 100%;
     margin-top: 85px;
     width: 100%;
     margin-left: 100%;
     z-index: 999;
     transition: margin-left .5s;
}
 .sliding-div .title{
     background-color: #016698;
     color: #fff;
     font-weight: 600;
     padding: 20px 10px;
}
 .arrow{
     position: absolute;
     margin-top: -3px;
     width: 0;
     height: 0;
     border-style: solid;
     border-width: 15px 10px 15px 0;
     border-color: transparent #fff transparent transparent;
}
 .sliding-div .back{
     background-color: #fff;
     color: #016698;
     font-family: 'Open Sans', sans-serif;
     margin-left: 10px;
     padding: 3px 8px;
     margin-top: -3px;
     font-weight: 400;
}
 #mobile-submenu {
     transition: margin-left .5s;
}
/* toggle animation */
 .navbar-toggler {
     border: none;
     z-index: 999;
}
 .navbar-toggler:focus {
     outline: none;
}
 .navbar-toggler .icon-bar {
     background-color:#006699;
     transform: rotate(0deg) translate(0px, 0px);
     transition: ease all .5s;
     display: block;
     width: 39px;
     height: 5px;
     border-radius: 3px;
}
 .navbar-toggler .icon-bar+.icon-bar {
     margin-top: 4px;
}
 .icon-bar:nth-child(2) {
     width: 39px;
     transition: ease all .2s;
}
 .navbar-toggler:hover>.icon-bar:nth-child(2) {
     width: 39px;
     transition: ease all .2s;
}
 .navbar-toggler:active>.icon-bar:nth-child(2) {
     width: 39px;
     transition: ease all .2s;
}
 .navbar-toggler:not(.collapsed) .icon-bar:nth-child(1) {
     transform: rotate(45deg) translate(9px, 4px);
     transition: ease all .5s;
}
 .navbar-toggler:not(.collapsed) .icon-bar:nth-child(2) {
     opacity: 0;
     transition: ease all .5s;
}
 .navbar-toggler:not(.collapsed) .icon-bar:nth-child(3) {
     transform: rotate(-45deg) translate(8px, -4px);
     transition: ease all .5s;
}
/* Page Content */
 .container .main{
     background-image: linear-gradient(to top, rgba(252, 253, 253, 0), #f8f9f9);
     color: #666;
     max-width:100%:
}
 .content {
     font-family: 'Open Sans', sans-serif;
     font-size: 16px;
}
 .content .right-pane{
     padding: 125px 70px 0 70px;
     height: 560px;
}
 .error .right-pane{
     padding: 70px 70px 0 70px;
     height: 560px;
}
 .error .right-pane{
     padding: 70px 70px 0 70px;
     height: 560px;
}
 .error form{
     margin-top: 10px;
}
 .small-text{
     margin: 0 auto;
     max-width: 250px;
}
 .content h1 {
     color:#00141e;
     font-family: 'Crimson Text', serif;
     line-height: 0.95;
     margin-bottom: 40px;
}
 .content h6 {
     opacity: 0.7;
     font-size: 12px;
     line-height: 1.33;
     color: #00141e;
}
 .content h4 {
     opacity: 0.7;
     font-size: 16px;
     line-height: 1.5;
     text-align: center;
     color: #00141e;
}
 .content b{
     font-size: 18px;
     font-weight: bold;
     text-align: center;
     color: #00141e;
     padding-bottom: 10px;
}
 .content .link{
     font-size: 16px;
     line-height: 1.5;
     color: #00141e;
}
 .content p {
     padding-bottom: 8px;
     opacity: 0.7;
     font-size: 16px;
     line-height: 1.5;
     color: #00141e;
}
 .content .icon{
     padding: 14px 0 10px 0;
}
 .content hr {
     width:288px;
     padding-bottom: 5px;
}
 .content a {
     color: #006699;
}
 .display-img img {
     max-width: 600px;
}
 form input{
     background-color: #fff;
     border-radius: 4px;
     border: solid 1px rgba(0, 20, 30, 0.5);
     width: 288px;
}
 form input[type="email"]::-webkit-search-cancel-button {
     -webkit-appearance: searchfield-cancel-button;
}
 .form-label-group {
     position: relative;
     margin-bottom: 1rem;
     margin: 0 auto;
     width: 268px;
}
 .input-wrap{
     margin-left: -20px;
     margin-bottom: 10px;
}
 .form-label-group > input, .form-label-group > label {
     padding: var(--input-padding-y) var(--input-padding-x);
}
 .form-label-group > label {
     position: absolute;
     font-weight: normal;
     top: 0;
     display: block;
     width: 100%;
     margin-left: -65px;
     margin-bottom: 0;
     line-height: 1.5;
     color: #495057;
     border: 1px solid transparent;
     border-radius: .25rem;
     transition: all .1s ease-in-out;
}
 .form-label-group > i{
     position: absolute;
     top: 0;
     display: block;
     width: 16px;
     margin-bottom: 0;
     margin-top: 14px;
     left:265px;
     line-height: 1.5;
     color: #495057;
     border: 1px solid transparent;
     border-radius: .25rem;
     transition: all .1s ease-in-out;
}
 .form-label-group input::-webkit-input-placeholder {
     color: transparent;
}
 .form-label-group input:-ms-input-placeholder {
     color: transparent;
}
 .form-label-group input::-ms-input-placeholder {
     color: transparent;
}
 .form-label-group input::-moz-placeholder {
     color: transparent;
}
 .form-label-group input::placeholder {
     color: transparent;
}
 .form-label-group input:not(:placeholder-shown) {
     padding-top: calc(var(--input-padding-y) + var(--input-padding-y) * (2 / 3));
     padding-bottom: calc(var(--input-padding-y) / 3);
}
 .form-label-group input:not(:placeholder-shown) ~ label {
     padding-top: calc(var(--input-padding-y) / 3);
     padding-bottom: calc(var(--input-padding-y) / 3);
     padding-right: 45px;
     font-size: 12px;
     color: #777;
}
 .full-container{
     background-image: linear-gradient(to top, rgba(252, 253, 253, 0), #f5f5f5);
}
 .btn-form{
     background: #069;
     color: #ffffff;
     font-size: 16px;
     font-weight: 300;
     line-height: 1.5;
     padding: 5px 30px;
     text-align: center;
     margin-top: 20px;
}
 .btn-form:hover {
     background: #003d5b;
}
 .padding{
     padding:20px 10px 10px 0;
     //fixing toggle issue in bootstrap
}
 .form h1{
     font-size: 42px;
     color: #00141e;
     margin-bottom: 15px;
}
 .form h2{
     font-family: 'Crimson Text', serif;
     font-size: 26px;
     color: #00141e;
     margin-bottom: 8px;
     line-height: 1.23;
}
 .form h3{
     font-size: 18px;
     font-weight: 600;
     color: #00141e;
     line-height: 1.15;
     margin-top: 28px;
}
 .form .col-sm-4 h3{
     margin-top: 28px;
}
 .form h3:hover a{
     text-decoration: none;
     color: #003d5b;
}
 .form h4{
     font-size: 16px;
     color: #00141e;
}
 .form h5{
     font-size: 16px;
     color: rgba(0, 20, 30, 0.7);
     margin-right: 5px;
     line-height: 1.5;
     opacity: 0.9;
}
 .form .item-title.small {
     min-width: 500px;
}
 .form h5 a{
     font-weight: 400;
     color: #006699;
}
 .form h5 a.link{
     opacity: 0.9;
}
 .form h5 a:hover{
     color: #006699;
     text-decoration: underline;
  cursor: pointer;
}
  .link{
  color:#006699 !important; 
     font-weight:600 !important;
}
  .link:hover{
     text-decoration:underline !important;
}
 .form h6 a{
     font-size: 16px;
     font-weight: 400;
     line-height: 1.5;
     color: rgba(0, 20, 30);
     opacity: 0.8;
}
 .form h6 a:hover{
     color: #006699;
     text-decoration: underline;
}
 .form .menu-marker{
     height: 21px;
     width: 36px;
     margin-bottom: -10px;
     transform: rotate(0deg);
     background: url(https://image.alerts.legacy.com/lib/fe3d157075640578751778/m/1/a3bbc57c-b949-466b-a3ad-c6a1d9981412.png);
     background-size: 36px 21px;
}
 .form .menu-marker:not(.collapsed){
     transform: rotate(180deg);
}
 .dropdown-content{
     border-top: 1px solid rgba(0, 20, 30, 0.15);
}
 .form hr{
    width: 100%;
}
 .form .copy{
     padding: 50px 180px 45px 180px;
     margin-bottom: 5px;
     box-shadow: 0 0 10px 0 rgba(0, 20, 30, 0.2);
}
 .copy.unsub{
     font-family: 'Open Sans', sans-serif;
     line-height: 1.2;
     padding: 0px 50px 45px 50px;
}
 .copy.unsub h3{
     font-size: 18px;
     color: #00141e;
}
 .copy.unsub h3 a{
     font-size: 18px;
     font-weight: 600;
     color: #006699;
     text-decoration: none;
}
 .copy.unsub h5{
     opacity: 0.7;
     font-size: 16px;
     line-height: 1.5;
     color: #00141e;
}
 .dropdown{
     color: #999;
     padding: 50px 0;
     height: 100%;
     margin: 0 auto;
     max-width: 1200px;
     padding-right: 0px;
     padding-left: 0px;
}
 .form .item-title{
     max-width: 600px;
     margin-right: 5px;
     min-width: 600px;
}
 .form .item-title.small {
     min-width: 500px;
}
 .form select{
     background-color: #fff;
     height: 48px;
     margin-right: 20px;
     margin-top: 15px;
     width: 270px;
     padding-left: 5px;
     padding-top: 12px;
}
 .form select.light{
     padding-top: 0px;
     font-size: 16px;
     line-height: 1.5;
     color: #999999;
}
.select-arrow{
  position: absolute;
  margin-top: -28px;
  margin-left: 235px;
  width: 21px;
  pointer-events: none;
}
.select-arrow.news{
  margin-top: 35px;
  margin-left: 815px;
}
 .form .btn-subscribe{
     height: 48px;
     padding: 0 50px;
     margin-top: -14px;
     float: right;
}
 .form .hr{
     border-bottom: 1px solid rgba(0, 20, 30, 0.15);
}
 .form.content a{
     line-height: 1.15;
}
 .checks{
     margin-top: 35px;
}
 .check.long{
     width: 340px;
}
 .form-check{
     margin-bottom: 10px;
}
 .custom-control{
     padding-left: 21.5px;
}
 .custom-control-label{
     margin-bottom: 0;
     padding: 3px 0 0 10px;
     font-size: 16px;
     color: #00141e;
}
/* radio button defult */
 .custom-radio .custom-control-label::before {
     background-image: linear-gradient(to bottom, rgba(252, 253, 253, 0), #f1f1f1);
     border: 1px solid #cccccc;
     box-shadow: 0 0 6px 0 rgba(0, 20, 30, 0.2);
     height: 24px;
     width:24px;
}
/* checked state */
 .custom-radio .custom-control-input:checked~.custom-control-label::before, .custom-radio .custom-control-input:checked~.custom-control-label::after {
     background-color: #f2f2f2;
     background-image: url(https://image.alerts.legacy.com/lib/fe3d157075640578751778/m/1/7e3f0da3-4e5c-4292-9099-1b5b3d3c2238.png);
     box-shadow: 0 0 6px 0 rgba(0, 20, 30, 0.2);
     border-radius: 50%;
     height: 24px;
     width: 24px;
}
/* active state displayed while the mouse is being pressed down */
 .custom-radio .custom-control-input:active ~ .custom-control-label::before {
     color: #fff;
     background-color: #008ec5;
}
/* the shadow;
 displayed while the element is in focus */
 .custom-radio .custom-control-input:focus ~ .custom-control-label::before {
     box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 142, 197, 0.25);
}
 .custom-checkbox .custom-control-input, .custom-checkbox .custom-control-label::after, .custom-control-label::before {
     width:24px;
     height:24px;
}
 .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
     background-color: #008ec5;
     width:24px;
     height:24px;
}
 .custom-checkbox .custom-control-input:not:checked ~ .custom-control-label::before {
     background-color: #008ec5;
     width:24px;
     height:24px;
}
 .custom-control-input:checked ~ .custom-control-label::before {
     color: #fff;
     background-color: #008ec5;
     width:24px;
     height:24px;
}
 .floating-form {
     width:320px;
}
 .form option{
     margin-top: 15px;
}
/* floating-Lable style start */
 .floating-label {
     position:relative;
     margin-bottom:20px;
}
 .floating-input , .floating-select {
     background-color: #fff;
}
 .floating-input:focus , .floating-select:focus {
     outline:none;
}
 .floating-label label {
     color: #00141e;
     font-size:16px;
     font-weight:normal;
     position:absolute;
     pointer-events:none;
     left:10px;
     top:28px;
     transition:0.2s ease all;
     -moz-transition:0.2s ease all;
     -webkit-transition:0.2s ease all;
}
 .floating-input:focus ~ label, .floating-input:not(:placeholder-shown) ~ label, .floating-select:focus ~ label , .floating-select:not([value=""]):valid ~ label {
     top:18px;
     font-size:12px;
     color:#00141e;
     opacity: .7;
     margin-bottom: 10px;
}
 .form-check{
     margin-top: 28px;
}
 .form-check h3{
     margin-top: 3px;
}
/* active state */
 .floating-input:focus ~ .bar:before, .floating-input:focus ~ .bar:after, .floating-select:focus ~ .bar:before, .floating-select:focus ~ .bar:after {
     width:50%;
}
 .floating-textarea {
     min-height: 30px;
     max-height: 260px;
     overflow:hidden;
     overflow-x: hidden;
}
/* highlighter */
 .highlight {
     position:absolute;
     height:50%;
     width:100%;
     top:15%;
     left:0;
     pointer-events:none;
     opacity:0.5;
}
/* highlighter active state */
 .floating-input:focus ~ .highlight , .floating-select:focus ~ .highlight {
     -webkit-animation:inputHighlighter 0.3s ease;
     -moz-animation:inputHighlighter 0.3s ease;
     animation:inputHighlighter 0.3s ease;
}
/* animation */
 @-webkit-keyframes inputHighlighter {
     from {
         background:#5264AE;
    }
     to {
         width:0;
         background:transparent;
    }
}
 @-moz-keyframes inputHighlighter {
     from {
         background:#5264AE;
    }
     to {
         width:0;
         background:transparent;
    }
}
 @keyframes inputHighlighter {
     from {
         background:#5264AE;
    }
     to {
         width:0;
         background:transparent;
    }
}
/* Footer */
 footer {
     background-color: #003d5b;
}
 footer .logo img{
     height: 30px;
     margin-left: 50px;
     max-width: 117px;
}
 footer .navbar {
     background-color: inherit;
     box-shadow: none;
     font-family: 'Open Sans', sans-serif;
     height: 112px;
}
 footer .nav-link {
     margin-top: 20px;
     font-size: 14px;
     color: #ffffff;
     font-weight: 200;
}
footer .nav-link a{
    margin-top: 20px;
    font-size: 14px;
    color: #ffffff;
    font-weight: 200;
    opacity: 0.7;
}
.nav-link.rights{
    opacity: 0.7;
}
 footer .nav-link a:hover {
     color: #fff;
     opacity: 1;
     text-decoration: none;
}
 .footer{
     max-width: 1275px;
     margin: 0 auto;
}
/* Responsive */
 @media (max-width: 1300px) {
     .dropdown{
         margin: 0 50px;
    }
}
 @media (max-width: 1199px) {
     .nav-item{
         font-size: 14px;
    }
     .nav-item a{
         font-size: inherit;
    }
     .search {
         width: 6%;
    }
     .btn-search {
         height: 38px;
         padding: 0px 16px;
         width: 53px;
    }
     button img {
         margin: 0px;
    }
     .one:hover ~ hr {
         margin-left: 3px;
         opacity: 1;
         width: 83px;
    }
     .two:hover ~ hr {
         margin-left: 98px;
         opacity: 1;
         width:120px;
    }
     .three:hover ~ hr {
         margin-left: 230px;
         opacity: 1;
         width:95px;
    }
     .four:hover ~ hr {
         margin-left: 338px;
         opacity: 1;
         width:108px;
    }
     .five:hover ~ hr {
         margin-left: 458px;
         opacity: 1;
         width:113px;
    }
     .six:hover ~ hr {
         margin-left: 583px;
         opacity: 1;
         width:85px;
    }
     .content .right-pane{
         padding: 70px 70px 0 70px;
    }
}
 @media (max-width:1169px){
     .form select{
         width: 200px;
    }
    .select-arrow{
          margin-left: 165px;
    }
    .select-arrow.news{
          margin-left: 608px;
    }
}
 @media (max-width:1129px){
     .error .right-pane{
         padding: 40px 70px 0 70px;
    }
}
 @media (max-width:1124px){
     .error .right-pane{
         padding: 40px 70px 0 70px;
    }
}
 @media (max-width:1067px) {
     .content .right-pane{
         padding: 90px 70px 0 70px;
    }
     .error .right-pane{
         padding: 40px 50px 0 50px;
    }
     .form .copy{
         padding: 50px 220px 85px 220px;
    }
     .item-title.short{
         max-width: 500px;
    }
}
 @media (max-width:1046px){
     .checks.long{
         margin-top: -15px;
         min-width: 341px;
    }
}
 @media (max-width: 991px){
     .search img{
         height: 35px;
         width: 35px;
    }
     .content .right-pane{
         padding: 90px 170px 0 170px;
    }
     .form .copy{
         padding: 50px 160px 85px 160px;
    }
}
 @media (max-width:925px){
     .form select {
         width: 170px;
    }
    .select-arrow{
          margin-left: 135px;
    }
    .select-arrow.news{
          margin-left: 512px;
    }
     .checks.long {
         margin-top: -20px;
         margin-bottom: 10px;
    }
     .checks {
         margin-top: -20px;
    }
}
 @media (max-width: 875px) {
     .form .item-title{
         max-width: 500px;
    }
     .form .item-title.small{
         min-width: 400px;
    }
}
 @media (max-width: 850px) {
     .logo img {
         max-height: 54px;
         padding-top: 5px;
    }
     .nav-item {
         font-size: 12px;
    }
     .nav-item a {
         font-size: inherit;
    }
     .nav-item:hover ~ .submenun {
         height: 0px;
    }
     .nav-item:hover ~ hr {
         opacity: 0;
    }
     .search {
         width: 11%;
         margin-right: 5px;
    }
     .search img {
         height: 35px;
         width: 35px;
    }
     .content .right-pane{
         padding: 90px 200px 0 200px;
    }
     .error .right-pane{
         padding: 40px 50px 0 50px;
    }
     .footer {
         height: 180px;
    }
     footer .logo img {
         height: 35px;
    }
footer .logo img {
         margin-left: 45px;
         margin-top: 20px;
         max-width: 117px;
    }
     footer ul {
         line-height: 0.5;
         font-size: 14px;
    }
}
 @media (max-width:840px) {
     .form select {
         width: 230px;
    }
    .select-arrow{
     margin-left: 5px;
    }
    .select-arrow.news{
      margin-left: 5px;
      margin-top: 118px;
    }
    .select-arrow{
      position: absolute;
      margin-top: -28px;
      padding-left: 195px;
      width: 214px;
      pointer-events: none;
    }
    .select-arrow .news{
      width: 214px;
      margin-top: 118px;
    }
}
 @media (max-width:767px){
     .form .item-title, .form .item-title.small {
         min-width: 100%;
    }
     .form .btn-subscribe{
         float: left;
         margin-top: -5px;
         width: 230px;
    }
     .footer ul{
         width: 100%;
    }
     
    footer .nav-link {
    margin-top: 10px;
}
}
 @media (max-width:719px){
     footer .navbar{
         margin-left: -30px;
    }
}
 @media (max-width: 690px){
     .content .right-pane{
         padding: 90px 160px 0 160px;
    }
     .error .right-pane{
         padding: 40px 50px 0 50px;
    }
     .form h1{
         font-size: 36px;
    }
}
 @media (max-width: 681px) {
     .checks{
         display: inherit;
    }
}
 @media (max-width: 671px) {
     .form .item-title{
         width: 400px;
         min-width: 0px;
        ;
    }
}
 @media (max-width: 638px){
     .content .right-pane{
         padding: 90px 130px 0 130px;
    }
     .error .right-pane{
         padding: 40px 50px 0 50px;
    }
     .form .copy{
         padding: 50px 100px 85px 100px;
    }
}
 @media (max-width:599px){
     .form select {
         margin-right: 0;
         width: 280px;
    }
    .select-arrow{
      margin-left: 50px;
    }
    .select-arrow.news{
      margin-left: 50px;
      margin-top: 200px;
    }
     .form .btn-subscribe {
         float: left;
         margin-top: -5px;
         width: 280px;
    }
}
 @media (max-width:575px){
     .col-sm-4 h3 {
         margin-top: 15px;
    }
     .form h3{
         line-height: 20px;
    }
}
 @media (max-width: 556px){
     .content form {
         padding-bottom: 170px;
    }
     .error form{
         padding-bottom: 0px;
    }
     .content .right-pane{
         padding: 50px 100px 0 100px;
    }
     .error .right-pane{
         padding: 40px 50px 0 50px;
    }
     .form .copy{
         padding: 50px 50px 85px 50px;
    }
     .dropdown{
         margin: 0 30px;
    }
}
 @media (max-width: 490px){
     .content .right-pane{
         padding: 50px 90px 0 90px;
    }
     .error .right-pane{
         padding: 50px 40px 0 40px;
    }
     .copy.unsub h3{
         display: grid;
    }
}
 @media (max-width: 467px){
     .content .right-pane{
         padding: 50px 70px 0 70px;
    }
     .content form {
         padding-bottom: 120px;
    }
     .error form {
         padding-bottom: 0px;
    }
     .error .right-pane{
         padding: 50px 40px 0 40px;
    }
}
 @media (max-width: 450px){
     .mobile-nav .open{
         margin: 60px 0 0 5px;
    }
     .content p{
         padding-bottom: 0px;
    }
     .sliding-div{
         margin-top: 65px;
    }
     .sliding-div .title h4{
         font-size: 17px;
    }
     .submenu-mobile a{
         font-size: 16px;
    }
    .mobile-nav .navbar-nav{
        margin-top: 25px;
   }
   .nav-item-header{
        font-size: 23px;
   }
   .submenu-mobile .submenu-marker{
        font-size: 20px;
        padding-top: 10px;
  }
  .submenu-mobile a {
    font-weight: 400;
    color: #888;
  }
  .mobile-nav .nav-item{
      font-size: 21px;
 }

}
 @media (max-width: 440px){
     .content .right-pane{
         padding: 50px 50px 0 50px;
    }
     .checks.long {
         min-width: 280px;
    }
}
 @media (max-width: 399px){
     .content .right-pane{
         padding: 40px 10px 0 10px;
         margin-bottom: -140px;
    }
     .error .right-pane{
         margin-bottom: 0px;
    }
     .content form {
         padding-bottom: 60px;
    }
     .error form{
         padding-bottom: 0px;
    }
     .form .copy{
         padding: 50px 10px 30px 10px;
    }
    .copy.unsub {
    padding: 0px 30px 45px 30px;
    }
     .form select{
         margin-right: 0;
         width:280px;
         padding-top: 12px;
    }
     .form select .light{
         padding-top: 0px;
         opacity: 0.6;
         font-size: 16px;
         line-height: 1.5;
         color: #00141e;
    }
     .checks.long {
         display: grid;
    }
     .dropdown {
         margin: 0 20px;
    }
     .last{
         margin-top: 10px;
    }
     .col-sm-4{
         margin-top: -20px;
    }
     .logo img {
         max-height: 40px;
    }
}
 @media (max-width:340px){
     .btn-form{
         width: 280px;
    }
     .btn-wrap{
         margin: 0 auto;
    }
}