/************** WHITEPAPER LIST SECTION ***************/
#whitepaper-single { border:1px solid #c2c2c2; -webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out;}
#whitepaper-single .wp-img { width:100%; height:250px; background:#f1f1f1; display: block; position: relative;}
#whitepaper-single .wp-icon { display:block; width:90px; height:45px; border-radius: 90px 90px 0 0; background:#fff; font-size:32px; color:#2cade2; text-align:center; padding:10px; margin-top:-45px; margin-left:30px;  }
#whitepaper-single .wp-content { padding:30px 60px }
#whitepaper-single .wp-content p { font-size:14px; text-transform: uppercase; color:#2cade2; }
#whitepaper-single .wp-content h3 { font-weight:300; font-size:28px; line-height:32px; }

.wp-sidebar.wp-sidebar-list {width: 100%; display: block; margin-top: 20px; vertical-align: top; -webkit-box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.15);  box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.15); background: #fff;}
.wp-img {height: 100%;}
.wp-img img {position: relative;}
.wp-overlay {position: absolute; left: 15px; top: 0; width: calc(100% - 30px); height: 100%; background: rgba(101, 187, 186, .8);}
.wp-sidebar.wp-sidebar-list:nth-of-type(even) .wp-overlay {background: rgba(193, 196, 198, .8);}
.wp-content {position: relative; overflow: hidden;}
.free-ribbon {background: #154752; color: #ffffff; font-weight: bold; font-size: 14px; position: absolute; right: -35px; top: 15px; padding: 10px 50px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg);}
.wp-inner-content {width: 80%; padding: 45px 15px;}
.wp-inner-content.single {width: 95%;}
.wp-subtitle {color: #65bbba !important; font-weight: bold; text-transform: uppercase; font-size: 14px !important;}
.wp-content h2 {color: #434d50; margin-bottom: 10px !important; margin-top: 20px !important; font-size: 24px; line-height: 1.3;}
.wp-content p {font-weight: 400;}
.download-whitepaper-now {text-decoration: none !important;}

@media screen and (max-width: 768px) {
.wp-sidebar-list {width: 100%;}
.wp-sidebar-list:nth-of-type(even) {margin-right: 0;}
.wp-sidebar-list:nth-of-type(odd) {margin-left: 0;}
}

/******* Full Screen Newsletter Form *******/
.close { opacity:0.9; font-family: "lato", arial, sans-serif; font-weight:normal; font-size:30px; transition: all .2s ease-in-out;}

#body-nav-paper .close-button { height: 20px; width: 20px; position: relative; box-sizing: border-box; line-height: 20px; display: inline-block; vertical-align: middle;}
#body-nav-paper .close-button::before, .close-button::after {
    transform: rotate(-45deg);
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -1px;
    margin-left: -10px;
    display: block;
    height: 1px;
    width: 20px;
    background-color: #fff;
    transition: all 0.25s ease-out;
}
#body-nav-paper .close-button::after {
    transform: rotate(45deg);
}
#body-nav-paper .close:hover .close-button::before, #body-nav-paper .close:hover .close-button::after {
    transform: rotate(0deg);
}

#body-nav-paper .wp-overlay {left: 0; width: 100%;}

.big-form-container { width:55%; padding:50px; background:#fff; margin: 50px auto; }
.site-wrap { width: 100%; height: 100%; position:relative; }
#body-nav-paper { position: fixed; overflow: auto; top: 0; left: 0; background-size:cover; text-align: left; display: block; -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: background 500ms ease; -moz-transition: background 500ms ease; transition: background 500ms ease; z-index: 999999999; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; height: 0%; width: 100%; z-index: 0; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; color:#000; }
.show-inquire #body-nav-paper { height: 100%; z-index: 999999999; }
.hide-inquire #body-nav-paper { background: transparent;  width: 100%; z-index: 1;  }
/*#body-nav div { height:100%; }*/
#body-nav-paper >.container { width:100%; }
#body-nav-paper .close { top:30px; font-size:18px; font-weight: 300; right:30px; position:fixed; cursor:pointer; z-index:100000 !important; color:#fff; background:none !important; }
.quote-form { top:15%; }
.quote-form h2 { font-weight:500; font-size:52px; line-height:50px; margin-top: 0px; margin-bottom:10px; }
.quote-form h3 { font-weight:500; font-size:28px; line-height:30px; margin-top: 0px; margin-bottom:20px; }
.quote-form p { color:#000; /*font-size:42px; line-height:62px;*/ font-size:34px; line-height:52px;  }
.quote-form p.sm-text { color:#707070; font-size:24px !important; padding-top:25px; margin-bottom:0px; }
.quote-form p.sm-text a { color:inherit; }
.quote-form input[type="fname"], .quote-form input[type="lname"], .quote-form input[type="email"], .quote-form input[type="phone"] { color:#84bf31; border: 0; outline: 0; border-bottom: 1px dashed #898F94; /*width: 130px;*/ margin-right: 8px; max-width: 100%; background:none; width: 100%; }
.quote-form input[type="fname"], .quote-form input[type="lname"], { display:inline-block; width:115px; text-align:center; }
.quote-form input[type="email"] { display:inline-block; }
.quote-form input[type="phone"] { display:inline-block; width:260px; text-align:center; }
.quote-form .submit { width:100%; }
.quote-form .submit-button {
    width:100%; border-radius: 0px; padding:15px; font-family: "lato", arial, sans-serif; font-size:36px; color:#fff; border:none;
    background: #e2cb33;
    background: -moz-linear-gradient(top, #e2cb33 0%, #e29a33 100%);
    background: -webkit-linear-gradient(top, #e2cb33 0%,#e29a33 100%);
    background: linear-gradient(to bottom, #e2cb33 0%,#e29a33 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2cb33', endColorstr='#e29a33',GradientType=0 ); color:#fff; padding:10px 35px; display:inline-block; margin-top: 10px;
}
.quote-form .submit-button:hover { text-decoration:none; background:#e29a33; }
.quote-form .email-confirm {display: none !important;}

.quote-form input::-webkit-input-placeholder { color: #bfbfbf; }
.quote-form input:-moz-placeholder { color: #bfbfbf; }
.quote-form input::-moz-placeholder { color: #bfbfbf; }
.quote-form input:-ms-input-placeholder { color: #bfbfbf; }

#whitepaper-form .error {position: relative; left: auto; top: auto;}
#whitepaper-form .form-message.error { color: #FF3300; }
#whitepaper-form .form-message.success { color: #00CC00; }
#whitepaper-form .form-message {
    display: block;
    margin: 0 0 10px;
    font-weight: 300;
    font-size: 20px;
    line-height: 1.25;
    text-align: center;
}

.btn-group.bootstrap-select { border-bottom: 1px dashed #898F94; }
.btn-group.bootstrap-select .btn-default { background-color:#fff; border:none; font-size:36px; color:#000; font-weight:bold; }
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width:auto; }
.btn-group.open .dropdown-toggle { box-shadow:none; }
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default.focus:active, .btn-default:active:focus, .btn-default:active:hover, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover { background-color:#fff; border:none; }

#popup-submit {width: 100%;}


@media screen and (max-width:1480px){
.quote-form p { font-size:28px; line-height:38px; }
}
@media screen and (max-width:1350px){
.big-form-container { width:85%; }
}

@media screen and (max-width:1200px){
.big-form-container { width:75%; }
}

@media screen and (max-width:992px){

#body-nav-paper .close { left:0px; right:auto; display: block; width: 100%; text-align: center; }
.quote-form { padding:0 !important; }
.big-form-container { width:100%; padding:15px; background:#fff; margin-top: 75px; text-align: center; }
.quote-form h2 { text-align:center; font-size:36px; line-height:1.25; }
.quote-form p { font-size:24px; line-height:1.5; }
.quote-form .submit-button { font-size:24px; }
.btn-group.bootstrap-select .btn-default { font-size:24px; }
.panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a { width:90%; }
.plus { font-size:25px; top:5px; }

}

@media (max-width:768px){
    #body-nav-paper { z-index:99999999999 !important; -webkit-overflow-scrolling: touch;}
    .quote-form p {line-height: 50px !important;}
    #whitepaper-form input {display: block;margin-left: auto; margin-right: auto; line-height: 30px!important;}
    .quote-form input[type="email"] {max-width: 400px !important;}
    .wp-sidebar-inner.row { display:block !important; }

}
.inquire-now.cancel { animation: none !important; }


/******* Spinner *******/
.spinner {
  width: 20px;
  height: 20px;
  margin: 0;
  margin-left: 10px;
  display: inline-block;
  vertical-align: middle;
  background-color: #fff;

  border-radius: 100%;
  -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
  animation: sk-scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes sk-scaleout {
  0% { -webkit-transform: scale(0) }
  100% {
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}

@keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  } 100% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
    opacity: 0;
  }
}