/* Add here all your css styles (customizations) */

html {
    scroll-behavior: smooth;
	scroll-padding-top: 100px;
}

/*auto comlete income protection
------------------------------------*/

.autocomplete-suggestion {
   padding: 2px 5px;
   white-space: nowrap;
   overflow: hidden;

}

.autocomplete-suggestions strong { font-weight: normal; color: #3399FF;  }


.u-icon-v2.u-icon-size--4xl {
  width: 12.28571rem;
  height: 12.28571rem;
  font-size: 5.57143rem;
}

.box {
   width:200px;height: auto;
   position:relative;
   border:1px solid #BBB;
   background:#eee;
}
.ribbon {
   position: absolute;
   right: -5px; top: -5px;
   z-index: 1;
   overflow: hidden;
   width: 75px; height: 75px;
   text-align: right;
}
.ribbon span {
   font-size: 12px;
   color: #fff;
   text-align: center;
   font-weight: bold; line-height: 20px;
   transform: rotate(45deg);
   width: 100px; display: block;
   background: #79A70A;
   background: linear-gradient(#9BC90D 0%, #79A70A 100%);
   box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
   position: absolute;
   top: 19px; right: -21px;
}
.ribbon span::before {
   content: '';
   position: absolute;
   left: 0px; top: 100%;
   z-index: -1;
   border-left: 3px solid #79A70A;
   border-right: 3px solid transparent;
   border-bottom: 3px solid transparent;
   border-top: 3px solid #79A70A;
}
.ribbon span::after {
   content: '';
   position: absolute;
   right: 0%; top: 100%;
   z-index: -1;
   border-right: 3px solid #79A70A;
   border-left: 3px solid transparent;
   border-bottom: 3px solid transparent;
   border-top: 3px solid #79A70A;
}
.red span {background: linear-gradient(#F70505 0%, #8F0808 100%);}
.red span::before {border-left-color: #8F0808; border-top-color: #8F0808;}
.red span::after {border-right-color: #8F0808; border-top-color: #8F0808;}

.blue span {background: linear-gradient(#2989d8 0%, #1e5799 100%);}
.blue span::before {border-left-color: #1e5799; border-top-color: #1e5799;}
.blue span::after {border-right-color: #1e5799; border-top-color: #1e5799;}

/* bootstrap wizard */
.bootstrapWizard {
 display:block;
 list-style:none;
 padding:0;
 position:relative;
 width:100%
}
.bootstrapWizard a:active,.bootstrapWizard a:focus,.bootstrapWizard a:hover {
 text-decoration:none
}
.bootstrapWizard li {
 display:block;
 float:left;
 width:25%;
 text-align:center;
 padding-left:0
}
.bootstrapWizard li:before {
 border-top:3px solid #55606E;
 content:"";
 display:block;
 font-size:0;
 overflow:hidden;
 position:relative;
 top:11px;
 right:1px;
 width:100%;
 z-index:1
}
.bootstrapWizard li:first-child:before {
 left:50%;
 max-width:50%
}
.bootstrapWizard li:last-child:before {
 max-width:50%;
 width:50%
}
.bootstrapWizard li.complete .step {
 background:#0aa66e;
 padding:1px 6px;
 border:3px solid #55606E
}
.bootstrapWizard li .step i {
 font-size:10px;
 font-weight:400;
 position:relative;
 top:-1.5px
}
.bootstrapWizard li .step {
 background:#B2B5B9;
 color:#fff;
 display:inline;
 font-size:15px;
 font-weight:700;
 padding:7px 13px;
 border:3px solid transparent;
 border-radius:50%;
 line-height:normal;
 position:relative;
 text-align:center;
 z-index:2;
 transition:all .1s linear 0s
}
.bootstrapWizard li.active .step,.bootstrapWizard li.active.complete .step {
 background:#0091d9;
 color:#fff;
 font-weight:700;
 padding:7px 13px;
 font-size:15px;
 border-radius:50%;
 border:3px solid #55606E
}
.bootstrapWizard li.active .title,.bootstrapWizard li.complete .title {
 color:#2B3D53
}
.bootstrapWizard li .title {
 color:#bfbfbf;
 display:block;
 font-size:13px;
 line-height:15px;
 max-width:100%;
 position:relative;
 table-layout:fixed;
 text-align:center;
 top:20px;
 word-wrap:break-word;
 z-index:104
}
.wizard-actions {
 display:block;
 list-style:none;
 padding:0;
 position:relative;
 width:100%
}
.wizard-actions li {
 display:inline
}
.tab-content.transparent {
 background-color:transparent
}

.bulleted-p {
margin-bottom: 1.1em; line-height: 145%;
}

.big-btn-link {
font-size:200%;
}

.palebluebox {
background-color:#DDE9F3;
}




/* Progress bar for home insurance page */
.bar-container {
   width: 100%;
   margin: 40px auto;
 }
 .progressbar {
   margin: 0;
   padding: 0;
   counter-reset: step;
 }
 .progressbar li {
   list-style-type: none;
   width: 25%;
   float: left;
   font-size: 16px;
   position: relative;
   text-align: center;
   text-transform: capitalize;
   color: #7d7d7d;
 }
 .progressbar li:before {
   width: 30px;
   height: 30px;
   content: counter(step);
   counter-increment: step;
   line-height: 30px;
   /* border: 2px solid #686060; */
   display: block;
   text-align: center;
   margin: 0 auto 10px auto;
   border-radius: 50%;
   background-color: #7d7d7d;
   color:#FFF;
 }
 .progressbar li:after {
   width: 100%;
   height: 2px;
   content: '';
   position: absolute;
   background-color: #7d7d7d;
   top: 15px;
   left: -50%;
   z-index: -1;
 }
 .progressbar li:first-child:after {
   content: none;
 }
 .progressbar li.active {
   color: #3498db;
 }
 .progressbar li.active:before {
   border-color: #3498db;
   background-color: #3498db;
   color: #fff;
 }
 .progressbar li.active:after {
   background-color: #3498db;
 }
 .progressbar li.active a {
   color: #3498db;
   text-decoration: none;
}
.progressbar li a {
   color: #7d7d7d;
   text-decoration: none;
   width: 65%;
   display: block;
   margin: 0 auto;
}
@media (max-width: 575.98px) {
   .progressbar li{ font-size: 12px;}
   .progressbar li a{ width: 100%;}
   .arPartnerInfo li img{
      width: 100%;
   }
}
/* end progress bar */



.header {
   width: 100%;
   display: inline-block;

}
.header h3 {
   width: auto;
   position: relative;
   float: left;

}
.header > span {
   float: right;
   position: relative;

}
#nav_bg {
   padding: 0 1rem .5rem;
   position: relative;
}
.top_head {
   text-align: right;
   position: relative;
   z-index: 1;
}
.top_head li a{
   color: #3498db;
   font-family: 'Open Sans', sans-serif;
   font-size: 14px;
   line-height: 20px;
   font-weight: 400;
   text-decoration: none;
}
.top_head li:first-child a{ font-size: 16px;}

/*==================================== ( My Stylesheet ) ========================================*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700');
/*
   font-family: 'Open Sans', sans-serif;
*/

.banner__hero{}
.banner__hero h2{
   color: #FFF;
   font: 400 38px/44px 'Open Sans', sans-serif;
   text-transform: uppercase;
}
.banner__hero h4{
   color: #FFF;
   font: 400 24px/32px 'Open Sans', sans-serif;
   margin-bottom: 1rem;
}
.banner__hero h3{
   color: #FFF;
   font: 600 24px/32px 'Open Sans', sans-serif;
   text-transform: uppercase;
}
.taxProduct_sec{ padding: 65px 0;}
.taxProduct_cont{}
.taxProduct_cont h3 {
   color: #585858;
   font: 400 22px/30px 'Open Sans', sans-serif;
   margin-bottom: 1.5rem;
}
.taxProduct_cont h3 strong{ font-weight: 600;}
.taxProduct_cont .caption {
   /*background: #f6f4f3;
   padding: 12px;*/
   background: #f7f7f7;
   padding: 30px 30px;
}
.taxProduct_cont p{
   color: #585858;
   font: 400 14px/22px 'Open Sans', sans-serif;
}
.taxProduct_categry, .mortgage_categry{
   padding-top: 25px;
   padding-bottom: 45px;
}
.taxProduct_categry .card, .mortgage_categry .card{
   border: none;
   border-radius: 0px;
   background-position: top center;
   background-repeat: no-repeat;
   background-size: cover;
   background-color: #f6f4f3;
}
.taxProduct_categry .card-body, .mortgage_categry .card-body{
   background: none;
   padding: 30px;
}
.taxProduct_categry h4, .mortgage_categry h4{
   color: #FFF;
   font: 600 24px/34px 'Open Sans', sans-serif;
   background: rgba(135,109,97,0.65);
   padding: 12px 30px;
}
.taxProduct_categry h3{
   color: #585858;
   font: 700 24px/34px 'Open Sans', sans-serif;
   padding: 12px 30px;
   text-transform: uppercase;
}
.taxProduct_categry h6, .mortgage_categry h6{
   color: #555555;
   font: 600 16px/24px 'Open Sans', sans-serif;
}
.taxProduct_categry .btn{
   background: #a7938b;
   border-color: #a7938b;
   color: #FFF;
   font: 600 14px/24px 'Open Sans', sans-serif;
   margin-top: 20px;
}
.taxProduct__notice{
   background: #efedec;
   padding: 45px 0;
}
.taxProduct__notice h2{
   color: #585858;
   font: 700 22px/32px 'Open Sans', sans-serif;
   margin-bottom: 1rem;
}
.taxProduct_categry ul {
   padding-left: 15px;
   margin: 0;
}
.taxProduct_List{ padding-top: 45px;}
.benefits__VCT h3, .tax__rules h3 {
   color: #585858;
   font: 700 16px/24px 'Open Sans', sans-serif;
   margin-bottom: 1rem;
}
.benefits__VCT ul{
   padding-left: 15px;
}
.benefits__VCT p, .taxProduct_detail .card p{
   color: #585858;
   font: 400 14px/20px 'Open Sans', sans-serif;
}
.tax__rules{ padding-bottom: 15px;}
.tax__rules .table th, .tax__rules .table td{ border-right: 2px solid #FFF;}
.tax__rules p{
   color: #575756;
   font: 400 14px/20px 'Open Sans', sans-serif;
   margin: 0px;
}

.bestPrice__offer{ padding-bottom: 35px;}
.bestPrice__offer h3{
   color: #FFF;
   font: 700 16px/24px 'Open Sans', sans-serif;
   background: #aa968e;
   padding: 10px 15px;
}
.bestPrice__offer .table .table-secondary th{ background: #745b4f; color: #FFF;}
.bestPrice__offer .table-striped tbody tr:nth-of-type(2n+1){
   background: #f6ebe7;
}
.bestPrice__offer .table-striped tbody tr:nth-of-type(2n+2){
   background: #faf5f3;
}
.bestPrice__offer .table th, .bestPrice__offer .table td{ border-right: 2px solid #FFF;}
.bestPrice__offer th{ font-size: 12px; text-align: center;}
.bestPrice__offer p{
   color: #1d1d1b;
   font: 400 14px/20px 'Open Sans', sans-serif;
   margin: 0px;
}
.bestPrice__offer .btn-secondary {
   background: #745b4f;
   color: #FFF;
   font-size: 10px;
   line-height: 14px;
}
.bestPrice__offer .dtls_btn {
   color: #1d1d1b;
   font: 600 12px/18px 'Open Sans', sans-serif;
   border-bottom: 1px solid #1d1d1b;
   text-align: center;
   display: block;
   text-decoration: none;
}
/*!==== end =====!*/

.mortgage_categry{}
.mortgage_categry .card-columns{
   -webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.mortgage_categry .card.bg-success{ background-color: #e9efdf !important;}
.mortgage_categry .btn{
   background-color: #ff0024;
   border-color: #ff0024;
   padding: 5px 25px;
}
.mortgage_categry .custom-control-label::before{
   width: 1.2rem;
   height: 1.2rem;
   border-radius: 0px;
   background-color: #FFF;
   border: 1px solid #ccc;
   box-shadow: none !important;
}
.mortgage_categry .custom-control-label::after{
   width: 1.2rem;
   height: 1.2rem;
}
.mortgage_categry .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
   border: none;
}
.mortgage_cont p{
   color: #585858;
   font: 400 20px/28px 'Open Sans', sans-serif;
}
.mortgage_cont h5{
   color: #ff0024;
   font: 400 28px/38px 'Open Sans', sans-serif;
   text-transform: uppercase;
}

/*!==== end =====!*/

.taxProduct_detail{ padding-top: 45px;}
.benefits__VCT h2{
   color: #585858;
   font: 400 32px/38px 'Open Sans', sans-serif;
   margin-bottom: 1.8rem;
}
.benefits__VCT h3 span{
   color: #585858;
   font: 400 16px/18px 'Open Sans', sans-serif;
}
.taxProduct_detail .card__img h6{
   color: #ed1d23;
   font: 400 16px/24px 'Open Sans', sans-serif;
}
.taxProduct_detail .card {
   border: none;
   border-radius: 0px;
   background-color: #fff8f8;
}
.taxProduct_detail .card h3{
   background: #c2b5ac;
   color: #FFF;
   font: 600 24px/28px 'Open Sans', sans-serif;
   padding: 15px;
}
.taxProduct_detail .card li a{
   color: #009ae1;
   font: 600 14px/32px 'Open Sans', sans-serif;
   display: block;
}
.taxProduct_detail .card li a span{ padding-right: 8px;}
.taxProduct_detail .card .btn{
   background: #c2b5ac;
   border-color: #c2b5ac;
   color: #FFF;
   font: 600 14px/24px 'Open Sans', sans-serif;
   text-transform: uppercase;
}
.taxProduct_detail .card .btn:not(:last-child){ margin-right: 10px;}
.taxProduct_detail .card .table-danger td{ background: #ffebe4;}
.taxProduct_detail .card .table p{ margin: 0px; color: #1d1d1b; line-height: 24px;}
.taxProduct_detail .card h6{
   color: #585858;
   font: 700 14px/24px 'Open Sans', sans-serif;
}
.taxProduct_detail .visit_btn{
   background: #a7938b;
   border-color: #a7938b;
   color: #FFF;
   font: 600 18px/28px 'Open Sans', sans-serif;
   text-transform: uppercase;
}
/*!==== end =====!*/

.gapIns_sec{
   background: #FFF;
   padding: 55px 0 15px;
   color: #555555;
   font-size: 22px;
   line-height: 34px;
}
.gapIns_cover{
   background: #eeeeee;
   padding: 35px 0;
}
.cover__cont{}
.cover__cont h2{
   color: #009ae1;
   font: 700 38px/44px 'Open Sans', sans-serif;
   text-transform: uppercase;
}
.cover__cont h4{
   color: #009ae1;
   font: 400 38px/44px 'Open Sans', sans-serif;
   margin-bottom: 1rem;
}
.cover__cont h4 span{
   color: #ff0000;
   display: block;
}
.cover__cont p{
   color: #333333;
   font: 400 14px/24px 'Open Sans', sans-serif;
}
.cover__cont label{
   color: #333333;
   font: 600 18px/24px 'Open Sans', sans-serif;
}
.cover__cont .form-control {
   width: 150px;
   border-radius: 4px !important;
}
.cover__btn{ padding-bottom: 30px;}
.cover__btn h6{
   color: #333333;
   font: 600 16px/24px 'Open Sans', sans-serif;
}
.cover__cont .cover__btn .btn {
   background: #b2b2b1;
   border-color: #b2b2b1;
   color: #FFF !important;
   font: 400 20px/28px 'Open Sans', sans-serif;
   margin-right: 15px;
   border-radius: 4px !important;
   padding: 5px 30px;
}
.cover__cont .cover__btn .btn.active, .cover__cont .cover__btn .btn:hover{
   background: #00b7ff;
   border-color: #00b7ff;
}
.cover__btn p{
   color: #333333;
   font: 400 14px/24px 'Open Sans', sans-serif;
}
.cover_icon{
   float: right;
   margin-left: 2px;
   max-width: 100%;
   height: auto;
}
.cover__cont .btn {
   background: #00305a;
   border-color: #00305a;
   color: #FFF;
   font: 400 24px/36px 'Open Sans', sans-serif;
}

.coverCar__sec{}
.coverCar__sec .card{
   background: none;
   border: none;
   border-radius: 0px;
}
.carProgres_sec{
   position: relative;
   display: table;
   border-collapse: separate;
}
.overlayCar_part{
   position: absolute;
   z-index: 1;
   width: 0;
   overflow: hidden;
}
.v_without{ width: 635px;}

.coverCar__sec .form-group h6{
   color: #333333;
   font: 600 14px/20px 'Open Sans', sans-serif;
}
.coverCar__sec .form-group p{
   color: #333333;
   font: 400 14px/24px 'Open Sans', sans-serif;
}
.addQty_btn{}
.coverCar__sec .btn-block{
   color: #FFF;
   font: 400 18px/26px 'Open Sans', sans-serif;
}
.coverCar__sec .btn-block.btn-primary{
   background: #00b7ff;
   border-color: #00b7ff;
}
.coverCar__sec .btn-block.btn-danger{
   background: #f60000;
   border-color: #f60000;
}
.addQty_btn .input-group{
   border: 1px solid #cccccc;
}
.btn__minus{
	cursor:pointer;
	display:flex;
	align-items:center;
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	border: none;
	border-radius:2px;
	border-right:0;
}
.btn__plus{
	cursor:pointer;
	display:flex;
	align-items:center;
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	border: none;
	border-radius:2px;
	border-left:0;
}
.btn__plus .fa, .btn__minus .fa{
   color: #cccccc;
   font-size: 26px;
}
div.addQty_btn > div {
	width:100%;
	display:inline-flex;
}
.addQty_btn input{
   color: #00b7ff;
   font: 600 20px/32px 'Open Sans', sans-serif;
   text-align:center;
   border: none;
   background: none;
}
/* ======= */
.gapIns_offer{
   padding: 35px 0;
}
.about__off{ padding-bottom: 100px;}
.about__off p{
   color: #555555;
   font: 400 22px/34px 'Open Sans', sans-serif;
}
.whatOff__sec{}
.whatOff__sec h2{
   color: #555555;
   font: 700 24px/32px 'Open Sans', sans-serif;
   margin-bottom: 1rem;
}
.whatOff__sec .caption p{
   color: #555555;
   font: 400 16px/24px 'Open Sans', sans-serif;
}
.whatOff__sec .caption li{ list-style: disc;}

.whatOff__cover{}
.whatOff__cover .card{
   background: #f2f2f2;
   border: none;
   border-radius: 0px;
}
.whatOff__cover .card-img{
   width: 120px;
   height: 120px;
   border-radius: 50%;
   background: #FFF;
   border: 5px solid #a3a3a3;
   text-align: center;
   display: -webkit-flex;
   display: flex;
   padding: 25px;
   margin: 0 auto 10px;
}
.whatOff__cover .card-img span{ margin: auto;}
.whatOff__cover h4{
   color: #555555;
   font: 700 22px/24px 'Open Sans', sans-serif;
}
.whatOff__cover p{
   color: #555555;
   font: 400 18px/24px 'Open Sans', sans-serif;
}

.whatOff_quote{}
.whatOff_quote .quote__img {
   margin-top: -50px;
   width: 80%;
   margin: 0 auto;
   text-align: center;

}
.whatOff_quote .btn-success{
   background: #3fb001;
   border-color: #3fb001;
   color: #FFF;
   font: 400 26px/36px 'Open Sans', sans-serif;
}
.whatOff_quote .card{
   background: #009ae2;
   border-color: #009ae2;
   border-radius: 0px;
}
.whatOff_quote .card h5{
   color: #FFF;
   font: 700 22px/26px 'Open Sans', sans-serif;
}
.whatOff_quote .card li{ list-style: disc;}
.whatOff_quote .card p{
   color: #FFF;
   font: 400 16px/24px 'Open Sans', sans-serif;
}
/*!==== end Gap Insurence =====!*/

.formBox_detail{}
.formBox_detail .card {
   border: none;
}
.formBox_detail .card-header{
   background: #3498db;
   color: #FFF;
}
.formBox_detail .card-body .form-group .g-brd-none{ border: 1px solid #3498db !important;}


.disabled {
   pointer-events: none;
   opacity: 0.4;
}
.prod >p {
   color: #C7B434;
}
/*!==== end Gap Insurence Quote =====!*/




/* =====Post Box search ==== */

#policyForm .add_note{
   color: #3498db;
   font-size: 12px;
}

#policyForm  #getaddress_error_message{
   color: #e0011f;
   font-size: 12px;
}
.postCode__field{
   position: relative;
   display: table;
   width: 100%;
   overflow: hidden;
}
.postCode__field input{
   width: 65%;
   height: 45px;
   padding: .375rem .75rem;
   font-size: 1rem;
   line-height: 1.5;
   color: #495057;
   background-color: #fff;
   background-clip: padding-box;
   /* border-radius: 30px 0 0 30px; */
   transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
   border: 1px solid #ccc;
   outline: none;
   margin-bottom: 20px;
}
.postCode__field button {
   background: #3498db;
   width: 35%;
   height: 45px;
   color: #FFF;
   border: 1px solid #3498db;
   /* border-radius: 0 30px 30px 0; */
   outline: none;
   cursor: pointer;
   margin-bottom: 20px;
   position: absolute;
}
.postCode__field select{
   width: 100%;
   height: 45px;
   padding: .375rem .75rem;
   font-size: 1rem;
   line-height: 1.5;
   color: #495057;
   background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
   background-size: 8px 10px;
   background-clip: padding-box;
   border-radius: 0px;
   transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
   border: 1px solid #ccc;
   /* border-radius: 30px; */
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   position: relative;
}
/* ==== End Post Box Search === */

/* === Tool Tip === */
#smartwizard .form-group label {
   position: relative;
}

.tooltip_wrap {
   display: inline-block;
   margin-left: 8px;
   cursor: help;
}

.tooltip_wrap .tooltiptext {
   visibility: hidden;
   width: 550px;
   padding: 8px;
   background-color: #555;
   color: #fff;
   border-radius: 6px;
   position: absolute;
   z-index: 1;
   bottom: 125%;
   /*left: 50%;
   margin-left: -60px;*/
   left: 0;
   right: 0;
   margin: 0 auto;
   opacity: 0;
   transition: opacity 0.3s;
   text-align: left;
}

.tooltip_wrap:hover .tooltiptext {
   visibility: visible;
   opacity: 1;
}

.tooltiptext ul {}

.tooltiptext li {}

.tooltiptext li:first-child {
   list-style: none;
   font-weight: bold;
}

.tooltiptext li p {
   margin: 0px;
   font-size: 12px;
   line-height: 22px;
}

.require {
   color: red;
}

.autocomplete-suggestions {
   border: none;
   background-color: #152636;
   color: #fff;
   -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
   -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
   box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
   cursor: default;
   overflow-y: auto !important;
}
.autocomplete-selected {
   cursor: pointer;
   background: #F0F0F0;
   color: #152636;
   font-weight: 600;
}
/* === End Tool Tip === */

.quoteRust_list{ padding: 45px 0;}
.quoteRust_list .card{
   margin-bottom: 25px;
   overflow: hidden;
}
.quoteRust_list .card.card_active{
   padding-left: 35px;
}
.quoteRust_list .card.card_active .roted_title{
   opacity: 1;
}
.roted_title {
   position: absolute;
   left: 0;
   top: 0;
   bottom: 0;
   width: 35px;
   height: 100%;
   padding-left: 8px;
   padding-right: 8px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   justify-content: center;
   vertical-align: -webkit-baseline-middle;
   vertical-align: middle;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   background: #414855;
   opacity: 0;
}
.roted_title h4 {
   color: #FFF;
   font-size: 14px;
   margin: 0px;
   writing-mode: vertical-rl;
   height: 100%;
   width: 100%;
   text-align: center;
   -moz-transform: rotate(-180deg);
   -webkit-transform: rotate(-180deg);
   -o-transform: rotate(-180deg);
   -ms-transform: rotate(-180deg);
   transform: rotate(-180deg);
}
.quoteRust_list .card h2{
   color: #3498db;
   font-size: 28px;
   font-weight: 700;
   padding: 8px 15px;
}
.quoteRust_list .card-body{
   padding: 1.7rem;
   position: relative;
}
.quoteRust_list h5{ font-size: 16px;}
.quoteRust_list p {
   font-size: 14px;
   line-height: 20px;
}
.quoteRust_list .btn-primary {
   margin-bottom: 5px;
}
.quoteRust_list .btn-success {
   font-size: 24px;
   font-weight: 600;
   text-transform: uppercase;
   padding: 20px;
}
.quoteRust_list .btn-success .fa{ padding-left: 10px;}
/* === End Insurance Quote Result === */


.defaqto_compare {
   background: #37b0ec;
   padding: 20px;
   width: 850px;
   margin: 30px auto 30px;
   border-radius: 10px;
}
.defaqto_compare h3 {
   font-size: 32px;
   color: #fff;
   text-transform: uppercase;
}
.defaqto_compare h5 {
   font-size: 18px;
   color: #fff;
   padding:8px 0;
}
a.arrow_btn {
   display: block;
   width: 80px;
   margin: 0 auto;
   border: 1px solid #fff;
   border-radius: 25px;
   padding: 10px 10px;

}
a.arrow_btn i {
   color: #fff;
   font-size: 16px;
}

.defaqto_compare .arrow_btn:hover{
   background: #fff;
   color: #37b0ec;
   }
.defaqto_compare .arrow_btn:hover .fa{ color: #37b0ec;}

.card-columns.cont_colum{
   -webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.cont_colum p{}

.spe_group,.pp_section, .pClaim{
   border: solid 1px;
   border-radius: 5px;
   padding: 5px;
   margin: 15px 0px;
   position: relative;
}
.spe_close, .pp_close, .p_close {
   position: absolute;
   top: -15px;
   right: -20px;
   cursor: pointer;
   line-height: 26px;
   z-index: 1;
   width: 26px;
   height: 26px;
   border-radius: 50%;
   background: #970b0b;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
}
.spe_close .fa, .pp_close .fa , .p_close .fa {
   color: #FFF;
   font-size: 14px;
   margin: auto;
}
/* ================== */

.insQuote_list{}
.insQuote_list [class*="col-"] span img{ max-width: 75px;}

.u-shadow-v19 {

    margin-bottom: 22px;

}
.two_grid {
	margin:25px 0;
}
ul.dropdown-menu {
	background:#3498db;
	padding:10px;
}
ul.dropdown-menu a {
	font-size:13px;
	color:#fff;
	line-height:28px;
	padding-left:6px;
}
.dropdown:hover>.dropdown-menu {
  opacity:1;
  transition:0.3s ease-in;
  display:block;
}
.dropdown-menu.fadeInDown {

    opacity: 0;
    -webkit-transform: translateY(-400px);
    transform: translateY(-400px);
}
.dropdown-menu.animated {
	animation-duration: 0.4s;
}
.g-bg-secondary article img {
	height:185px;
	object-fit: cover;
}
.g-mt-minus-40 {
	-ms-box-shadow: 0 0 10px -4px #cecece;
	-webkit-box-shadow: 0 0 10px -4px #cecece;
	-moz-box-shadow: 0 0 10px -4px #cecece;
	box-shadow: 0 0 10px -4px #cecece;
	height: 390px;
}
.masonry-grid-item article img {
	height:185px;
	object-fit: cover;
}
.blog_c_part .g-bg-white{
	background:#fff;
	-ms-box-shadow: 0 0 10px -4px #c6c4c4;
	-moz-box-shadow: 0 0 10px -4px #c6c4c4;
	-webkit-box-shadow: 0 0 10px -4px #c6c4c4;
	box-shadow: 0 0 10px -4px #c6c4c4;
	position:relative !important;
	margin: 0 20px;
	height:400px;
}
.read_more_div {
    position: absolute;
    left: 20px;
    right: 0;
    bottom: 15px;
}

.finding_the_best_insurance {
	background:#26304d;
	padding:50px 0 40px;
}
/*.grid-boxes-in {
	margin:30px 0;
}
.grid-boxes-caption a img {
	margin-right:16px;
	width:60px;
}
.grid-boxes-caption h3 {
	font-size: 16px;
	text-transform: capitalize;
	font-weight: 600;
}
*/

.finding_the_best_insurance p {
	color: #d8dffb;
	font-size: 16px;
	font-style:italic;
}
.insurance_list_find {
	background:#fff;
	padding:20px;
	text-align:center;
	margin: 40px 0;
}
.insurance_list_find span {
	display: block;
	width: 115px;
	height: 115px;
	border-radius: 50%;
	border: 8px solid #eee;
	text-align: center;
	padding: 30px 10px;
	margin: 0 auto;
}

.insurance_list_find span  i {
	font-size:40px;
}
.insurance_list_find span  i.fa-home {
	color:#008000;
}
.insurance_list_find span  i.fa-paw {
	color:#B05800;
}
.insurance_list_find span  i.fa-heart {
	color:#F00;
}
.insurance_list_find span  i.fa-credit-card {
	color:#30D2E4;
}
.insurance_list_find h4 {
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 56px;
	margin-bottom:0;
}
.contect_section {
	padding:60px 0;
}
.content_list {
	border:1px solid #ddd;
}
.content_list h4 {
	padding: 15px;
	background: #DDF9D5;
	color: #085108;
	text-transform: uppercase;
}
.content_list figcaption h4 {
	font-size:20px;
}
.content_list_inner {
	padding:20px;
}
.content_list_inner ul {
	padding-left:10px;
}
.content_list_inner ul li {
	padding:6px 0;
} 
.content_list_2 h4 {
	background: #F9C4BF;
	color: #640F0F;
}

.claim-limit-select{
   background: #FFFFFF url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4IiB3aWR0aD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0LjgzIDE2LjQybDkuMTcgOS4xNyA5LjE3LTkuMTcgMi44MyAyLjgzLTEyIDEyLTEyLTEyeiIvPjxwYXRoIGQ9Ik0wLS43NWg0OHY0OGgtNDh6IiBmaWxsPSJub25lIi8+PC9zdmc+") no-repeat right 1rem center;
   background-size: 20px 18px;
   border-radius: 30px;
   height: 45px;
   border: none;
   padding: .375rem 1.75rem .375rem 1.75rem;
   color: #000;
   cursor: pointer;
}
.claim-limit-select:focus{
   background: #FFFFFF url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4IiB3aWR0aD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0LjgzIDMwLjgzbDkuMTctOS4xNyA5LjE3IDkuMTcgMi44My0yLjgzLTEyLTEyLTEyIDEyeiIvPjxwYXRoIGQ9Ik0wIDBoNDh2NDhoLTQ4eiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==") no-repeat right 1rem center;
   background-size: 20px 18px;
}
.claim-limit-select:hover{
   color: #009ae1;
}
.claim-limit-select .custom_option{}
.uk_sign{
   max-width: 14px;
   height: auto;
   padding-left: 3px;
   margin-top: -4px;
}

.insurance-new-banner{ color: #fff;}
.payment{ padding: 0;}
.payment li { display: block; float: left; width:49%; padding: 0 1%;}

.callus-right { 
    background-color:#fff4df;
    padding:30px 30px;
    
}

.callus-right p { font-size:14px; color: #29428a;}
.callus-right p span {
    font-size: 30px;
    font-weight: 800;
}

.callus-right h4 { 
        color:#29428a; 
        font-weight: 600; 
        padding-bottom: 15px;
}

.left-contain {
    position: absolute;
    top: 15px;
    left: 30px;
}

.home-banner{ padding-bottom: 50px !important;}
.left-contain h2{ font-weight: 800; font-size: 40px;}
.left-contain h4{ font-size: 18px;}
.left-contain a {
    background-color: #fff;
    padding: 5px 15px;
    border-radius: 20px;
    display: inline-block;
    color:#ff8503;
    font-size: 20px;
    font-weight: 600;
    text-decoration: none;
}

.left-contain a:hover { 
        background-color:#ff8503; 
        color:#fff;
}

span.blue{ color: #00aeef; font-weight: 600;}
.font-bg-color{ background-color: #f6f4f3; padding: 30px 30px;}
.home-line .u-heading-v2-1--bottom::after{ display: none;}
.home-banner ul li{ list-style: none;}
.quote-now {
    background-color:#fff;
    padding: 10px 20px;
    font-size: 22px;
    font-weight: 600;
    color:#ff8503;
    text-decoration: none;

}

.get-quote a {
    background-color:#ff8503;
    color:#fff;
    border-radius: 15px;
    padding: 10px 24px;
    font-size: 22px;
    font-weight: 800;
    text-decoration: none;
}

.blue-bg{ background-color: #00aeef; padding: 15px 15px;}
.blue-bg h3 { font-size:24px; color:#fff; font-weight: 600;}
.blue-bg ul{ padding: 0; float: right;}
.blue-bg ul li{ list-style: none;}
.blue-bg ul li:last-child a {
    background-color:#fff;
    color:#ff8503;
    padding: 15px 30px;
    display: inline-block;
    margin-top: 40px;
    border-radius: 15px;
    font-size: 24px;
    font-weight: 600;
    width: 100%;
    text-align: center;
}

#nav-tabContent {
    border: 2px solid #00aeef;
    padding: 15px 30px;
}

 
.tab-insurance .nav-tabs .nav-item.show .nav-link,
.tab-insurance .nav-tabs .nav-link {
    color: #555;
    border-color: #eee #eee #fff;
    background-color:#bde8f8;
    border: 1px solid#00aeef;
    border-radius: 0;
    font-size: 18px;
    text-transform: uppercase;
}

.tab-insurance .nav-tabs .nav-link.active{ background-color: #fff;}
.Why-Paymentshield h3  {
    color: #00aeef;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 600;
}

.Why-Paymentshield ul{ padding: 0;}

.Why-Paymentshield ul li { 
        font-size: 16px; 
        color: #585858;
        list-style:none;
         display: flex;
         padding: 5px 0;
}

.Why-Paymentshield ul li i { color:#00aeef; padding-right: 10px;}
.Why-Paymentshield a.get-quote {
    background-color: #ff8503;
    font-size: 22px;
    color:#fff;
    padding: 10px 18px;
    border-radius: 15px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    margin-top: 30px;
    margin: 0 auto;
}

.rti-box {
    border: 1px solid #d2d2d2;
    border-radius: 10px;
    padding: 15px 15px;
    background-color:#f2f2f2;
}

.rti-box h4 { color:#eb8504; text-align: center;}
.rti-box span {
    font-size: 24px;
    display: block;
}
.rti-box p {
    padding-bottom: 10px;
    min-height: 234px;
}
.rti-box ul {
    padding: 0;
    text-align: center;
    list-style: none;
    margin: 0 auto;
    display: table;
}

.rti-box ul li {
    display: block;
    float: left;
    padding: 0 5px;
}

.rti-box ul li a { 
    background-color: #efb402; 
    color: #fff; 
    text-decoration: none;
    border-radius:15px;
    padding: 5px 15px;
}

.rti-box ul li:last-child a { background-color: #eb8504;}
.insurance-bg { 
        background-color: #d3d6dc; 
        padding: 30px 0;
}

.taxProduct_sec h4{ font-weight: 600;}
.insurance-bg .rti-box{ padding: 15px 15px 30px;}
.insurance-bg .rti-box h4 { padding: 15px 0 0;}
.insurance-bg .rti-box p { padding-bottom: 30px;}

.insurance-bg .rti-box {
    border: 1px solid #fff;
    background-color:#fff;
    /*min-height: 645px;*/
}

.insurance-bg .rti-box .text_height{ min-height:345px;}

.insurance_whitebox .u-heading-v3__title{ font-weight: 600;}
.insurance_whitebox .g-bg-white { min-height: 230px;}
.insurance_whitebox .g-bg-white a.go-btn  {
    background-color: #ff8503;
    padding: 10px 10px;
    border-radius: 10px;
    color:#fff;
    font-weight: 600;
    float: right;
    margin-top: -10px;
}

.insurance-banner-1 { position: relative;}
.insurance-bannertext { 
    position: absolute;
    left:15px;
    top:15px;
}

.insurance-bannertext h2 {
    font-size:40px;
    font-weight: 600;
    color: #fff;
}

.insurance-bannertext h4 {
    font-size:20px;
    font-weight: 600;
    color: #fff;
}

.insurance-bannertext a {
    display: inline-block;
    background-color:#fff;
    padding: 10px 15px;
    border-radius: 10px;
    color:#ff8503;
    font-weight: 600;
    font-size: 20px;
    margin-top: 70%;
    text-decoration: none;
}

.insurance-bg2 {
    background-color: #26304d;
}

.insurance-bg2 .slick-prev::before, 
.insurance-bg2 .slick-next::before {
    color: #fff;
    font-size: 30px;
}

.insurance-bg2 p {
    font-size: 14px;
    color: #fff;
    padding: 30px 30px;
    text-align: center;
}

#myTabContent.tab-content { border:1px solid #d1d1d1; border-top: 0; padding:30px 30px;}

#myTabContent.tab-content strong {
    font-weight: 400;
	font-size: 1.4rem;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	line-height: 1.6;
	color: #555;
}
.text_bgcolor{
    padding: 30px;
    background-color: #f6f4f3;
    margin: 20px 0;
	font-size:14px;
}

#myTabContent.tab-content p { 
	font-weight: 400;
	font-size: 1.4rem;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	line-height: 1.6;
	color: #555;
}
#myTabContent.tab-content ul li {
    font-weight: 400;
	font-size: 1.4rem;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	line-height: 1.6;
	color: #555;
}
#funds-list ul{ padding-left:15px;}

.staight_go {
    background-color: rgba(122,183,0,0.12);
    padding-top: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
    padding-left: 25px;
	margin:40px 0;
}

.ready_to {
    background-color: #f4f4f4;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
}

.staight_go h2 {
    font-weight: 700;
    font-size:28px;
	color:rgba(38,56,0,0.77);
}

.staight_go p,
.ready_to p {
    font-weight: 400;
	font-size: 1.4rem;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	line-height: 1.6;
	color: #555;
}

.staight_go a.btn,
.ready_to a.btn { width:100%;}
.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.taxProduct_sec .taxProduct_cont p {
	font-weight: 400;
	font-size: 1.4rem;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	line-height: 1.6;
	color: #555;
	}


.taxProduct_sec #myTabContent h1,
.taxProduct_sec #myTabContent h2,
.taxProduct_sec #myTabContent h3 {
    font-size: 24px;
    font-weight: 600;
}

.taxProduct_sec .taxProduct_cont .caption{ min-height: 420px;}
.taxProduct_sec .nav-tabs .nav-link.active, 
.taxProduct_sec .nav-tabs .nav-item.show .nav-link {
    color: #555;
    border-color: #9f9f9f #9f9f9f #fff;
}

.pb-30 { margin-bottom:30px;}
.ethical_investment_from label {
	font-weight: 400;
	font-size: 1.4rem;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	line-height: 1.6;
	color: #555;
	-moz-font-feature-settings: "liga", "kern";
	text-rendering: optimizelegibility;
	}

.bs-example-modal-new .modal-header{ border-bottom:0;}
.triangle-right {
    position: relative;
    padding: 15px;
    margin: 0 0 2em 0;
    color: #fff;
    background: #075698;
    background: -webkit-gradient(linear, left top, left bottom, from(#2e88c4), to(#075698));
    background: linear-gradient(#2e88c4, #075698);
    border-radius: 10px;
	text-align: center;
}

.triangle-right::after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 50px;
    border-width: 20px 0 0 20px;
    border-style: solid;
    border-color: #075698 transparent;
    display: block;
    width: 0;
}

.triangle-right h3{
    font-size: 18px;
    margin: 0;
	}

.triangle-right h4{
    font-size: 16px;
    margin: 0;
}

.triangle-right p,
.triangle-right h5 {
    font-size: 14px;
    margin: 0;
}
 
.pop-btn  {
    text-align: center;
    margin: 0 auto 30px;
    width: auto;
    display: table;
}

.bs-example-modal-new .close {
	background-color: red;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	line-height: 30px;
	padding: 0;
	color: #fff;
	margin: 0 -4px 0 auto;
	position: absolute;
	right: -5px;
	top: -10px;
	opacity: 1;
}

.bs-example-modal-new .close:not(:disabled):not(.disabled):hover {
    color: #fff;
	text-shadow:none;
}

.bs-example-modal-new .modal-content{ background-color:transparent; border:0;}
#my_modal2 .close {
    background-color: red;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    line-height: 30px;
    padding: 0;
    color: #fff;
    margin: 0 -4px 0 auto;
    position: absolute;
    right: -5px;
    top: -10px;
    opacity: 1;
}

#my_modal2 .modal-content{ background-color:transparent; border:none;}

#modal_insurance .modal-content{ background-color: #3498db; text-align:center; color:#fff;}
#modal_insurance .modal-content p{ font-size:16px;}
#modal_insurance .modal-content a {
    background-color: #fff;
    border-radius: 4px;
    text-align: center;
    padding: 8px 12px;
    margin: 10px 0;
    display: inline-block;
    font-size: 16px;
}
#modal_insurance .modal-content .modal-header{ border-bottom:0;}
#modal_insurance .modal-content .modal-header button.close {
    color: #fff;
    opacity: 1;
    font-size: 30px;
    position: absolute;
    right: 10px;
    top: 0;
 }
.arGetaQuoteBtn{
   background-color: #009ae1;
   color: #fff;
   border: 1px solid #33424b;
   font-size: 25px;
   text-transform: uppercase;
   border-radius: 40px;
   padding: 10px 30px;
   display: inline-block;
   box-shadow: 0 0 0 2px #fff;
}
.arGetaQuoteBtn:hover{
   background-color: #009ae1;
   color: #fff;
   text-decoration: none;
}

/* //02-06-2021 */
.mt-70{
   margin-top: 70px;
}
.arHighlights{
   background: #f6f4f3;
   padding: 10px 20px;
   text-align: center;
}
.arHighlights p{
   font: 700 23px/30px 'Open Sans', sans-serif !important;
}
.arHighlights p span{
   color: #ff0101;
}
.toggleBtnar{
   position: absolute;
   top: 10px;
   right: 10px;
   width: 36px;
   cursor: pointer;
}
.toggleBtnar img{
   width: 100%;
   display: block;
}
.imagesWrapper{
   width: 100%;
}
.imagesWrapper img{
   width: 100%;
   display: block;
}
.arCardBody h5{
   font-size: 18px;
   font-weight: normal;
   font-weight: 600;
}

.arCardBody .row{
   margin: 0 -10px;
}
.arCardBody .row [class*="col"]{
   padding: 0 10px;
}
.arGetAquoteNew{
   background: #eafef7;
   padding: 15px 30px;
   text-align: center;
}
.arGetAquoteNew > p{
   font-weight: 600 !important;
}
.arPartnerInfo{
   padding-left: 0;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
}
.arPartnerInfo li{
   list-style: none;
}
.arPartnerInfo li + li{
   margin-left: 80px;
}
.arPartnerInfo li a img{
   width: 170px;
}
.ar_patnerWrap{
   padding-top: 60px;
   padding-bottom: 60px;
}

.arInfoFrmSub .custom-select{
   font-size: 14px;
}
.arInfoFrmSub label{
   font-size: 16px;
   letter-spacing: -0.3px;
}
.arInfoCheckboxs{
   list-style: none;
   padding-left: 0;
   display: flex;
   margin-bottom: 0;

}
.arInfoCheckboxs li{
   padding: 0 10px;
   text-align: center;
}
.arInfoCheckboxs label{
   display: block;
   /* margin-bottom: 0; */
   line-height: 1;
}
.arInfoCheckboxs input[type="checkbox"]{
   width: 30px;
   height: 30px;
}

.arInfo_right_fortext h5{
   font-size: 26px;
   margin-bottom: 30px;
}
.arInfo_right_fortext p{
   font-size: 16px !important;
}
.arInfoFrmSub  .form-group{   
   margin-bottom: 4px;
}
.ar_patnerWrap h2{
   text-align: center;
   font-size: 26px;

}
.benifitWraper ul{
   padding-left: 0;
}
.benifitWraper ul li{
   list-style: none;
   position: relative;
   padding-left: 26px;
   margin-bottom: 10px;
   font-weight: 600;
}

.benifitWraper ul li::after {
   content: "";
   position: absolute;
   top: 4px;
   left: 0;
   color: #009ae1;
   font-weight: 700;
   width: 18px;
   height: 30px;
   background: url(img/commercial-insurance-details/check.png) no-repeat;
   background-size: 100% auto;
}
.benifitWraper h2{
   font-weight: 700;
   margin-bottom: 15px;
}
.benifitWraper{
   margin-top: 30px;
}
.arInfoFrmSub_design > h4{
   color: #FFF;
   font: 600 24px/34px 'Open Sans', sans-serif;
   background: rgba(135,109,97,0.65);
   padding: 12px 30px;
}
.arInfoFrmSub_design .card-body{
   padding: 30px;
   background: none;
}
.arInfoFrmSub_design.card{
   background-color: #e9efdf !important;
   border: none;
}
.arBeforeFormWrps{
   margin-top: 100px;
}
.arInfoFrmSub_design.card > .card-body > h6{
   font: 600 16px/24px 'Open Sans', sans-serif;
}
/* ====== */


.thankYou_bnr{
   margin-top: 120px;
   position: relative;
}
.thankYou_bnr::before{
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   content: "";
      background: rgb(0,170,236); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(0,170,236,1) 0%, rgba(1,43,154,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,170,236,1) 0%,rgba(1,43,154,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,170,236,1) 0%,rgba(1,43,154,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aaec', endColorstr='#012b9a',GradientType=0 ); /* IE6-9 */
   opacity: .5;
}
.thankYou_bnr li:not(:last-child){ margin-right: 15px;}

.thanks_cont{
   text-align: center;
   padding: 35px 0;
}
.thanks_cont h2{
   color: #29428a;
   font: 700 32px/38px 'Open Sans', sans-serif;
}
.thanks_cont p{
   color: #29428a;
}
.thanks_cont h3{
   color: #29428a;
   font: 700 36px/36px 'Open Sans', sans-serif;
}
.thanks_cont .caption{
   padding-top: 35px;
}
.thanks_cont .caption p{
   margin: 0px;
}



/*-==============================
		@media Stylesheet
================================*/

@media screen and (max-width:400px) {
   .cover__cont .cover__btn .btn{ padding: 5px 12px !important;}
}
/*/ Extra small devices (portrait phones, less than 576px)*/

@media screen and (min-width:401px) and (max-width: 575.98px) {}
@media (max-width: 575.98px) {

   .top_head {
      background: #f1f1f1;
      padding: 10px 0;
      margin-top: -0.71429rem;
      text-align: center;
   }
   .cover__cont h2 { font: 700 32px/38px 'Open Sans', sans-serif;}
   .cover__cont h4 { font: 400 32px/38px 'Open Sans', sans-serif;}
   .cover__cont .cover__btn .btn{ padding: 5px 15px;}
   /* ====== */
   #go-to-content .row [class*="-6"] article.d-flex{
      display: block !important;
      text-align: center;
   }
   #go-to-content .row [class*="-6"] article.d-flex .d-block{
      margin-right: 0px !important;
      margin-bottom: 15px;
   }
   .arBeforeFormWrps {
      margin-top: 40px;
  }
  .container.g-color-white.text-center.g-bg-cover__inner.g-pt-170.g-pb-80{
   padding-bottom: 12.14286rem !important;
  }
  /* ===== */

  .thankYou_bnr{
   margin-top: 0px;
}
}
@media screen and (min-width:576px) and (max-width:767.98px) {}
@media screen and (max-width:767px) {

   #nav_bg{ padding: 1rem .5rem;}
   .whatOff_quote .quote__img { margin-top: 35px;}
   .card-columns.cont_colum {
      -webkit-column-count: 1;
      -moz-column-count: 1;
      column-count: 1;
   }
/* ===== */
  #myCarousel{
     width: 100% !important;
  }
  #myCarousel [class*="carousel-control-"]{ display: none;}
/* ===== */
.g-mt-minus-40{ height: auto;}
.g-mt-minus-40 h3{ font-size: 16px;}

.benifitWraper .col-lg-4:last-child{
   margin-top: 30px;
}
.benifitWraper .col-lg-4:nth-child(2) h2{
   display: none;
}
.arHighlights p {
   font-size: 18px !important;
}
.arInfo_right_fortext h5 {
   font-size: 20px;
   margin-bottom: 30px;
}
.arPartnerInfo li{
   -ms-flex: 0 0 50%;
   flex: 0 0 50%;
   margin-top: 20px;
}
.arPartnerInfo li + li {
   margin-left: 0;
}
}

@media screen and (min-width:768px) and (max-width:991.98px) {
   
   #nav_bg{ padding: 1rem .5rem;}
   /* ===== */
   .whatOff_quote .quote__img { margin-top: 35px;}
   /* ===== */
   #myCarousel{
      width: 100% !important;
   }
   #myCarousel [class*="carousel-control-"]{ display: none;}
   /* ===== */
   .g-mt-minus-40{ height: auto;}
   .g-mt-minus-40 h3{ font-size: 16px;}
   #shortcode02 h3{ font-size: 14px;}
   .benifitWraper .col-lg-4:last-child{
      margin-top: 30px;
   }
   .benifitWraper .col-lg-4:nth-child(2) h2{
      display: none;
   }
   .arPartnerInfo li + li{
      margin-left: 0;
   }
}
@media screen and (min-width:1024px) {}
@media screen and (min-width:992px) and (max-width:1199.98px) {
   #navBar > ul > li > a{ font-size: 12px;}
   .g-mt-minus-40{ height: 222px;}
   .g-mt-minus-40 h3{ font-size: 22px;}
}
@media screen and (min-width:1200px) {}
@media (min-width:1300px) and (max-width:1367px) {}

/* Following code added by AK 17th July 2020 */
.offer-bubble-left{
	position: absolute;
	top: 340px;
	z-index: 999999;
	width: 300px; 
	background-color: #ffffff;
	color: #000000;
	border-radius: 15px;
	font-size: 14px; 
	margin: 10px;
	padding: 10px;
	left: 15%;
	border: solid 3px #ebc71d;	
}
.offer-bubble-right{
	position: absolute;
	top: 320px;
	z-index: 999999;
	width: 300px; 
	background-color: #ffffff;
	color: #000000;
	border-radius: 15px;
	font-size: 14px; 
	margin: 10px;
	padding: 10px;
	right: 15%;
	border: solid 3px #ebc71d;	
}

[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}


[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}


[data-tooltip]:before {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 7px;
  width: 200px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 5px;
  background-color: #000;
  background-color: hsla(204, 70%, 53%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
  padding:10px;
}


[data-tooltip]:after {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid hsla(0, 0%, 20%);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/***  mobile devices - header not fixed - allows scrolling of dropdown menus  */
@media only screen and (max-width: 600px) {
.u-header--sticky-top, .u-header--sticky-bottom {
    position: relative;
}
}

.ssm_2cols{
	width: 50%;
	float: left;
	padding: 20px;

	/*display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;*/

}
.ssm_3cols{
	width: 32%;
	float: left;
	padding: 20px;
	background-color:#48A1DC !important;
	margin-right:10px;
	border-radius:5px;

}

.ssm_4cols{
	width: 24%;
	float: left;
	padding: 20px;
	margin-right:10px;
	border-radius:5px;
	text-align:center;
}

.ssm_white_panel{
	background-color:#ffffff;
	border:solid 1 px #48A1DC;
	border-radius:15px;
	padding:25px;
	text-align:center;
	width:75%;
}


.ssm_header_block{
	margin-top:150px !important;
	}

.ssm_blue_background{
	margin-top:50px;
	background-color:#28314A !important;
/*	min-height:700px !important; */
	display:flex;
	border-radius:5px;
	background-size:cover;
	padding:10px;
}
.ssm_large_blue_panel{
	margin-top:25px;
	background-color:#28314A !important;
	height:1100px;
	border-radius:5px	
	
}
.ssm_grey_panel{
	background-color:#E4E4E4 !important;
	border-radius:5px;
	width:50%;
	margin:30px;
	text-align:center;
}
.ssm_small_blue_panel{
	margin-top:25px;
	background-color:#28314A !important;
	display:flex;
	border-radius:5px	
	
}
.btn_spacing{
	text-align:center;
	margin-top:10px !important;
}

.header-overlay{
	width:100%;
	height:100%;
	background-color:rgba(72, 161, 220, 0.5);
}

.banner-overlay{
	width:100%;
	height:100%;
	background-color:rgba(55, 154, 220, 0.9)
}

.ssm_testimonial{
	background-color:#28314A !important;
	border-radius:5px;
	width:50%;margin:auto;
	padding:20px;	
}
.ssm_how_it_works{
	width:100%;
	margin:auto;
	text-align:center;
	padding:20px;
}
@media(max-width:600px){
	.ssm_2cols{
		width: 100%;
		float: left;
		padding: 20px;

	}

	.ssm_3cols{
		width: 100%;
		float: left;
		padding: 20px;
		background-color:#48A1DC !important;
		margin-right:10px;
		border-radius:5px;margin-bottom:5px;
	}
	
	.ssm_4cols{
		width: 100%;
		float: left;
		padding: 20px;
		margin-right:10px;
		border-radius:5px;
	}
	.ssm_white_panel{
		background-color:#ffffff !important;
		border:solid 1 px #48A1DC;
		border-radius:15px;
		padding:10px;
		text-align:center;
		width:100%;
	}

	.ssm_header_block{
		margin-top:30px !important;
	}
	
	.ssm_blue_background{
		margin-top:50px;
		background-color:#28314A !important;
/*		min-height:1200px !important; */
		display:flex;
		border-radius:5px;
		background-size:cover;
		padding:10px;
	}
	.SSM_large_blue_panel{
		display:none;	
	}
	
	.mobile_spacer{
		margin:20px auto !important; 
	}

	.btn_spacing{
		margin-top:60px !important;
	}
	.ssm_testimonial{
		background-color:#28314A !important;
		border-radius:5px;
		width:100%;margin:auto;
		padding:20px;	
	}

	.ssm_testimonial h2{
		font-size:20px;	
	}	
	.ssm_small_blue_panel{
		margin-top:25px;
		background-color:#28314A !important;
		display:flex;
		border-radius:5px	

	}
	.ssm_grey_panel{
		background-color:#E4E4E4 !important;
		border-radius:5px;
		width:100%;
		margin:30px;
		text-align:center;
	}
	.ssm_how_it_works{
		Display:none;
	}
.slider {
  height: 450px !important;
	}

}

@import url(https://fonts.googleapis.com/css?family=Roboto:400,500);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css);
*, *:before, *:after {
  box-sizing: border-box;
}



.slider {
  height: 350px;
  margin:auto !important;
  margin-top:-50px;
  margin-bottom:50px !important;
  background-color:#48A1DC !important;
  color:#ffffff;
  width:100%;
  max-width:800px !important;
  border-radius:25px;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.slider__nav {
  width: 12px;
  height: 12px;
  margin: 2rem 12px;
  border-radius: 50%;
  z-index: 10;
  outline: 6px solid #ccc;
  outline-offset: -6px;
  box-shadow: 0 0 0 0 #333, 0 0 0 0 rgba(51, 51, 51, 0);
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.slider__nav:checked {
  -webkit-animation: check 0.4s linear forwards;
          animation: check 0.4s linear forwards;
}
.slider__nav:checked:nth-of-type(1) ~ .slider__inner {
  left: 0%;
}
.slider__nav:checked:nth-of-type(2) ~ .slider__inner {
  left: -100%;
}
.slider__nav:checked:nth-of-type(3) ~ .slider__inner {
  left: -200%;
}
.slider__nav:checked:nth-of-type(4) ~ .slider__inner {
  left: -300%;
}
.slider__nav:checked:nth-of-type(5) ~ .slider__inner {
  left: -400%;
}
.slider__nav:checked:nth-of-type(6) ~ .slider__inner {
  left: -500%;
}
.slider__nav:checked:nth-of-type(7) ~ .slider__inner {
  left: -600%;
}
.slider__nav:checked:nth-of-type(8) ~ .slider__inner {
  left: -700%;
}
.slider__nav:checked:nth-of-type(9) ~ .slider__inner {
  left: -800%;
}
.slider__inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 900%; /* Needs to be 100% more than the last slider. */
  height: 100%;
  -webkit-transition: left 0.4s;
  transition: left 0.4s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
}

/*  ============================== */
.slider__navL {
  width: 12px;
  height: 12px;
  margin: 2rem 12px;
  border-radius: 50%;
  z-index: 10;
  outline: 6px solid #ccc;
  outline-offset: -6px;
  box-shadow: 0 0 0 0 #333, 0 0 0 0 rgba(51, 51, 51, 0);
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.slider__navL:checked {
  -webkit-animation: check 0.4s linear forwards;
          animation: check 0.4s linear forwards;
}
.slider__navL:checked:nth-of-type(1) ~ .slider__inner {
  left: 0%;
}
.slider__navL:checked:nth-of-type(2) ~ .slider__inner {
  left: -100%;
}
.slider__navL:checked:nth-of-type(3) ~ .slider__inner {
  left: -200%;
}
.slider__navL:checked:nth-of-type(4) ~ .slider__inner {
  left: -300%;
}
.slider__navL:checked:nth-of-type(5) ~ .slider__inner {
  left: -400%;
}
.slider__navL:checked:nth-of-type(6) ~ .slider__inner {
  left: -500%;
}
.slider__navL:checked:nth-of-type(7) ~ .slider__inner {
  left: -600%;
}

.slider__innerL {
  position: absolute;
  top: 0;
  left: 0;
  width: 700%; /* Needs to be 100% more than the last slider. */
  height: 100%;
  -webkit-transition: left 0.4s;
  transition: left 0.4s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
}
.slider__contents {
  height: 100%;
  padding: 2rem;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex-flow: column nowrap;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.slider__image {
  font-size: 2.7rem;
      color: #2196F3;
}
.slider__caption {
  font-weight: 500;
  margin: 2rem 0 1rem;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  text-transform: uppercase;
}
.slider__txt {
  color: #ffffff;
  margin-bottom: 3rem;
  max-width: 600px;
	font-size:16px;
	padding:10px;
}

@-webkit-keyframes check {
  50% {
    outline-color: #333;
    box-shadow: 0 0 0 12px #333, 0 0 0 36px rgba(51, 51, 51, 0.2);
  }
  100% {
    outline-color: #333;
    box-shadow: 0 0 0 0 #333, 0 0 0 0 rgba(51, 51, 51, 0);
  }
}

@keyframes check {
  50% {
    outline-color: #333;
    box-shadow: 0 0 0 12px #333, 0 0 0 36px rgba(51, 51, 51, 0.2);
  }
  100% {
    outline-color: #333;
    box-shadow: 0 0 0 0 #333, 0 0 0 0 rgba(51, 51, 51, 0);
  }
}

.sourceGoCustomerFirstName{
    width: 102px !important;
    text-align: left;
}
.sourceGoCustomerLastName{
    width: 102px;
    text-align: left;
}
.sourceGoCustomerEmail{
    width: 100px;
    text-align: left;
}

input.sourceGoCustomerEmail{
	width:170px;
}

.sourceGoCustomerDOB{
    width: 100px;
    text-align: left;
}

input.sourceGoCustomerDOB{
		width:170px;
}


.sourceGoCustomerHouseNumber{
    width: 100px;
    text-align: left;
}

input.sourceGoCustomerHouseNumber{
	width:170px;	
}

.sourceGoCustomerPostcode{
    width: 100px;
    text-align: left;
}

input.sourceGoCustomerPostcode{
	width:170px;	
}

.sourceGoSubmitButton{
    cursor: pointer;
    background-color: #3498db;
    border: none;
    padding: 10px 30px;
    margin-top: 10px;
    border-radius: 15px;
    color: #ffffff;
	text-decoration:none;
}

.sourceGoSubmitButton:hover{
    cursor: pointer;
    background-color: #ffffff;
    border: none;
    padding: 10px 30px;
    margin-top: 10px;
    border-radius: 15px;
    color: #3498db;
	text-decoration:none;
	border:1px solid #3498db;
}

[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    cursor: pointer;
    background-color: #3498db;
    border: none;
    padding: 10px 30px;
    margin-top: 10px;
    border-radius: 15px;
    color: #ffffff;
}

button, input, optgroup, select, textarea {
    width:170px;
	margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}/*!
 * Datetimepicker for Bootstrap 3
 * version : 4.17.47
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */.bootstrap-datetimepicker-widget{list-style:none}.bootstrap-datetimepicker-widget.dropdown-menu{display:block;margin:2px 0;padding:4px;width:19em}@media (min-width:576px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}@media (min-width:768px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}@media (min-width:992px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}.bootstrap-datetimepicker-widget.dropdown-menu:before,.bootstrap-datetimepicker-widget.dropdown-menu:after{content:'';display:inline-block;position:absolute}.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before{border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,0.2);top:-7px;left:7px}.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after{border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid white;top:-6px;left:8px}.bootstrap-datetimepicker-widget.dropdown-menu.top:before{border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #ccc;border-top-color:rgba(0,0,0,0.2);bottom:-7px;left:6px}.bootstrap-datetimepicker-widget.dropdown-menu.top:after{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid white;bottom:-6px;left:7px}.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before{left:auto;right:6px}.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after{left:auto;right:7px}.bootstrap-datetimepicker-widget .list-unstyled{margin:0}.bootstrap-datetimepicker-widget a[data-action]{padding:6px 0}.bootstrap-datetimepicker-widget a[data-action]:active{box-shadow:none}.bootstrap-datetimepicker-widget .timepicker-hour,.bootstrap-datetimepicker-widget .timepicker-minute,.bootstrap-datetimepicker-widget .timepicker-second{width:54px;font-weight:bold;font-size:1.2em;margin:0}.bootstrap-datetimepicker-widget button[data-action]{padding:6px}.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Increment Hours"}.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Increment Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Decrement Hours"}.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Decrement Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Show Hours"}.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Show Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Toggle AM/PM"}.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Clear the picker"}.bootstrap-datetimepicker-widget .btn[data-action="today"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Set the date to today"}.bootstrap-datetimepicker-widget .picker-switch{text-align:center}.bootstrap-datetimepicker-widget .picker-switch::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Toggle Date and Time Screens"}.bootstrap-datetimepicker-widget .picker-switch td{padding:0;margin:0;height:auto;width:auto;line-height:inherit}.bootstrap-datetimepicker-widget .picker-switch td span,.bootstrap-datetimepicker-widget .picker-switch td i{line-height:2.5;height:2.5em;width:100%}.bootstrap-datetimepicker-widget table{width:100%;margin:0}.bootstrap-datetimepicker-widget table td,.bootstrap-datetimepicker-widget table th{text-align:center;border-radius:.25rem;padding:.5em}.bootstrap-datetimepicker-widget table th{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget table th.picker-switch{width:145px}.bootstrap-datetimepicker-widget table th.disabled,.bootstrap-datetimepicker-widget table th.disabled:hover{background:none;color:#dee2e6;cursor:not-allowed}.bootstrap-datetimepicker-widget table th.prev::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Previous Month"}.bootstrap-datetimepicker-widget table th.next::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Next Month"}.bootstrap-datetimepicker-widget table thead tr:first-child th{cursor:pointer}.bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background:#f8f9fa}.bootstrap-datetimepicker-widget table td{height:54px;line-height:54px;width:54px}.bootstrap-datetimepicker-widget table td.cw{font-size:.8em;height:20px;line-height:20px;color:#dee2e6}.bootstrap-datetimepicker-widget table td.day{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget table td.day:hover,.bootstrap-datetimepicker-widget table td.hour:hover,.bootstrap-datetimepicker-widget table td.minute:hover,.bootstrap-datetimepicker-widget table td.second:hover{background:#f8f9fa;cursor:pointer}.bootstrap-datetimepicker-widget table td.old,.bootstrap-datetimepicker-widget table td.new{color:#dee2e6}.bootstrap-datetimepicker-widget table td.today{position:relative}.bootstrap-datetimepicker-widget table td.today:before{content:'';display:inline-block;border:solid transparent;border-width:0 0 7px 7px;border-bottom-color:#dee2e6;border-top-color:rgba(0,0,0,0.2);position:absolute;bottom:4px;right:4px}.bootstrap-datetimepicker-widget table td.active,.bootstrap-datetimepicker-widget table td.active:hover{background-color:#dee2e6;color:#007bff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget table td.active.today:before{border-bottom-color:#fff}.bootstrap-datetimepicker-widget table td.disabled,.bootstrap-datetimepicker-widget table td.disabled:hover{background:none;color:#dee2e6;cursor:not-allowed}.bootstrap-datetimepicker-widget table td span,.bootstrap-datetimepicker-widget table td i{display:inline-block;width:54px;height:54px;line-height:54px;margin:2px 1.5px;cursor:pointer;border-radius:.25rem}.bootstrap-datetimepicker-widget table td span:hover,.bootstrap-datetimepicker-widget table td i:hover{background:#f8f9fa}.bootstrap-datetimepicker-widget table td span.active,.bootstrap-datetimepicker-widget table td i.active{background-color:#dee2e6;color:#007bff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget table td span.old,.bootstrap-datetimepicker-widget table td i.old{color:#dee2e6}.bootstrap-datetimepicker-widget table td span.disabled,.bootstrap-datetimepicker-widget table td i.disabled,.bootstrap-datetimepicker-widget table td span.disabled:hover,.bootstrap-datetimepicker-widget table td i.disabled:hover{background:none;color:#dee2e6;cursor:not-allowed}.bootstrap-datetimepicker-widget.usetwentyfour td.hour{height:27px;line-height:27px}.bootstrap-datetimepicker-widget.wider{width:21em}.bootstrap-datetimepicker-widget .datepicker-decades .decade{line-height:1.8em !important}.input-group.date .input-group-addon{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}@charset "UTF-8";


/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }
}

@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}