@font-face {font-family: 'poppinssemibold'; src: url('../fonts/poppins/poppins-semibold-webfont.woff2') format('woff2'), url('../fonts/poppins/poppins-semibold-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'poppinsmedium'; src: url('../fonts/poppins/poppins-medium-webfont.woff2') format('woff2'), url('../fonts/poppins/poppins-medium-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'poppinsregular'; src: url('../fonts/poppins/poppins-regular-webfont.woff2') format('woff2'),  url('../fonts/poppins/poppins-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'poppinsbold'; src: url('../fonts/poppins/poppins-bold-webfont.woff2') format('woff2'),url('../fonts/poppins/poppins-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}

*{padding: 0px; margin: 0px; outline: none;}
body{ font-family: 'poppinsregular';}
h1{font-size: 42px; font-family: 'poppinsbold'; }
p{font-size: 18px; line-height: 2; margin-bottom: 0px; }
::-moz-selection { color: #000; background: #ffb612; letter-spacing: 0.1px;}
::selection { color: #000; background: #ffb612;}
p ,h1 , .hyphens{-webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; -ms-word-break: break-all; word-break:break-all; word-break: break-word; word-wrap: break-word;}


/*--------------------- header ----------------------------*/

header { width: 100%; background-color: rgb(255, 255, 255);}
.navbar-brand{width: 305px; height: auto; padding: 0px; margin-right: 0px; border-right: 1px solid rgb(238, 238, 238); padding: 34px 20px; position: relative; z-index: 1;}
.navbar-brand img.logo{max-width: 100%; max-height: 40px; display: block; }
.navbar-brand img.mini-logo{width: 100%; height: 100%; display: none; }
.navbar-expand-xl .navbar-collapse{justify-content:flex-end;}
header .navbar{padding: 0px;}
header .navbar-nav .nav-item{ padding: 0px 20px; display: flex; align-items: center;}
header .navbar-nav .nav-item:last-child{padding-right: 0px;}
header .navbar-nav .nav-link{font-size: 16px; color: #333333; text-transform: uppercase;  padding: 0 !important; letter-spacing: 0.1px; }
header .navbar-nav .nav-link:hover, header .navbar-nav .nav-link.active{color: #ffa403;}
header .navbar-nav .nav-link.language-link img {width: 20px; height: 20px; margin: 0px 5px; vertical-align: top; }
header .navbar-nav .nav-link.language-link .active img{ margin-right: 0px; border: 2px solid #ffa403; border-radius: 50%; box-shadow: 0px 4px 5px 0px rgba(0,0,0, 0.63);  }
header .navbar-nav .nav-link.language-link img:last-child{ margin-right: 10px;}


.user_image { border-radius: 50%;background-color: #ffa403;  width: 71px; height: 71px; display: inline-block; }
.dropdown-toggle .user_image img{width:100%; height: 100%; border-radius: 50%; padding: 5px;}
.dropdown-item:focus, .dropdown-item:hover {background: none; color: rgb(18, 169, 246); }
.dropdown-toggle::after {background: #fff url(../../images/down-arrow.svg) no-repeat 96% center; width: 15px; height: 15px; background-size: cover;   vertical-align: middle; margin-left: 5px; border: none;}
.dropdown-menu {min-width: 120px; padding: 10px; margin: 12px 0px 0px; }
.dropdown-menu .dropdown-item{font-size: 16px; color: #333333;  padding: 5px 10px; text-transform: uppercase; }
.dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item.active { color: #ffa403;}



/*----------------------- index body -----------------------------------*/


.home-slide{width: 100%; height: 750px; display: block; overflow: hidden; position: relative; }
.home-slide .carousel-item{background: url(../../images/home-bg.jpg) no-repeat; width: 100%; height: 750px; background-position: center !important; background-size: cover !important; position: relative; }
.home-slide .slide-img2{background: url(../../images/slide-img2.jpg) no-repeat;}
.home-slide .carousel-item::before{position: absolute; width: 100%; height: 100%; content: ""; background-color: rgba(0,0,0, 0.4); }
.home-slide .slide-box{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; color: #fff; width: 100%; max-width:80%; }
.home-slide .slide-box h1.headings{font-size: 48px;  font-family: 'poppinsbold'; text-transform: uppercase; }
.home-slide .slide-box p.metters{font-size: 24px;}
.carousel-control-prev{left: 1%;}
.carousel-control-next{right: 1%;}
.carousel-control-next, .carousel-control-prev{opacity: 1; border-radius: 50%; background-color: rgb(0, 0, 0, 0.302); width: 72px; height: 72px; padding: 20px; z-index: 11; top: 50%; transform: translateY(-50%); }
.carousel-control-next img, .carousel-control-prev img{width: 100%; height: 100%;}

.first-block-row{ background-color: rgb(255, 255, 255); box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.39); width: 100%;  margin: 0; padding: 25px 15px; text-align: center; margin-top: -50px; position: relative; }
.first-block-row .icons{width: 100px; height: 100px; margin: 0px auto 25px; }  
.first-block-row .icons img{width: 100%; height: 100%; }
.first-block-row h2.heading{font-size: 24px; color: #222222; font-family: 'poppinssemibold'; margin-bottom: 10px; }
.first-block-row p.description{font-size: 16px; color: #535353; line-height: 1.6; }
.first-block-row .border-r{border-right: 1px solid rgb(238, 238, 238); }

.second-block-row{width: 100%; display: block; padding: 100px 0px;  }
.second-box h1.heading{ margin-bottom: 30px; }
.second-box p.descriptions { color: #535353; }
.second-box p.descriptions2{font-family: 'poppinsmedium'; color: #222222; }
.second-block-row .home-img { border-radius: 10px; background: url(../../images/homeimg1.jpg) no-repeat; background-position: center !important; background-size: cover !important;  width: 100%; height: 400px; }
  

.therd-block-row{width: 100%; display: block; background-color: #fafafa; padding: 70px 0px;}
.therd-block-row .media{width: 100%; background-color: rgb(255, 164, 3); height: 525px; }
.therd-block-row .media .home-img { background: url(../../images/car-img.jpg) no-repeat; background-position: center !important; background-size: cover !important;  width: 473px; height: 100%; }
.therd-block-row .media .media-body{padding: 30px;}
.therd-block-row .media .media-body .second-box h1.heading{color: #fff !important; margin-bottom: 20px; }
.therd-block-row .media .media-body .second-box p{color: #fff; }

.final-block-row{background: url(../../images/homeimg3.jpg) no-repeat; background-position: center !important; background-size: cover !important;  width: 100%; padding: 80px 0px; }
.final-block-row .final-box { background-color: rgb(255, 255, 255);  box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.39); width: 968px; margin: 0px auto; padding:60px 50px; text-align: center; }
.final-block-row .final-box  h1.heading{color:rgb(255, 164, 3);  }  



/*------------------------- footer ---------------------------------*/

footer{width: 100%; background-color: #111111; overflow: hidden;}
.footer-menu{ margin-bottom: 0px; padding: 51px 0px; float: right;}
.footer-menu li{list-style: none; display: inline-block; padding: 0px 4px 0px 15px;}
.footer-menu li:first-child{padding-left: 0px;}
.footer-menu li:last-child{padding-right: 0px;}
.footer-menu li a{color: #fff; font-size: 16px; }
.footer-menu li a.language {font-size: 12px; }

.footer-menu li a:hover, .footer-menu li a.active{color:rgb(255, 164, 3); text-decoration: none;}

.social-icons{ padding-left: 0px; width: 105px; float: right; margin-bottom: 0px;}
.social-icons li a img{width: 100%;}
.social-icons li a {width: 22px; height: 27px; display: block;}
.social-icons li{list-style: none; display: inline-block;  text-align: center; vertical-align: middle; margin-right: 15px; border-radius: 5px; cursor: pointer;}
.social-icons li:last-child{margin-right: 0px;}
.social-icons li.facebook:hover{background-color: #4267b2; }
.social-icons li.twitter:hover{background-color: #38A1F3; }
.social-icons li.instagram:hover{background: #d6249f; background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%); }
.footer-logo{width: 300px; display: block; margin-bottom: 10px;}
.footer-logo img{width: 100%;}
.copy-right{font-size: 11px;color: #fff; clear: both; margin-bottom: 0px; letter-spacing: 0; }
footer .social{width: 94%; }



/*---------------------------- about us page ------------------------------*/

.comman-section{width: 100%; display: block; position: relative; background: url(../../images/comman-bg.jpg) no-repeat; background-position: center; background-size: cover;  }
.comman-section::before{position: absolute; width: 100%; height: 100%; content: ""; background-color: rgba(0, 0, 0, 0.39);  }
.comman-section h1.comman-heading{font-size: 48px; color: #fff; text-align: center; text-transform: uppercase; padding: 130px 0px 120px; margin-bottom: 0px; position: relative; line-height: 0.9; letter-spacing: 1px;}

.about-section-one{ display: block; width: 100%;  padding: 70px 0px;}
.about-section-one .about-heading{ font-family: 'poppinssemibold';  font-size: 42px; color: #222222; text-align: center; margin-bottom: 38px; }
.about-section-one  .about-metters{ font-size: 18px; color: #222222; text-align: center; font-family: 'poppinsmedium'; margin-bottom: 61px; }
.about-section-one .aobut-img{width: 914px;  height: 500px; margin: 0px auto;   }
.about-section-one .aobut-img img{width: 100%; height: 100%; }


.about-section-two{width: 100%; display: block; padding: 200px 0px 150px;}
.about-section-two .first-block-rows{ display: block; position: relative;  }
.about-section-two .about-box{ width: 100%; height: 590px;background-color: rgb(255, 164, 3); color: #fff;  /* padding: 100px 35px 100px 285px;  */     padding: 65px 35px 65px 225px;     overflow: hidden; }
.about-section-two .aobut-img2{ width: 485px; height: 575px; position: absolute; top: -80px; z-index: 1;  }
.about-section-two .aobut-img2 img{width: 100%; height: 100%; }
.about-section-two .about-box .descriptions2{font-family: 'poppinssemibold'; }


/*---------------------------- terms and privacy page ------------------------------*/

.terms-privacy-page .terms-privacy-box{width: 88%; margin: 35px auto; overflow: hidden; }
.terms-privacy-page .terms-privacy-box p.metters{font-size: 16px; color: #333333;font-family: 'poppinsmedium'; margin-bottom: 40px;}
.terms-privacy-page .terms-privacy-box h3.titles{ font-size: 18px; color:#ffa403; font-family: 'poppinsmedium'; margin-bottom: 40px;}


/*------------------------------------- faq ---------------------------------------*/

.faq-page{ width: 100%; display: block; background-color: #f4f4f4; padding: 50px 0px; }

.panel { background-color: rgb(255, 255, 255);width: 100%; min-height: 131px; max-height: 100%; height: 100%; margin-bottom: 30px; display: flex; position: relative; overflow: hidden; }

.panel-title > a:before { content:  "\f068"; position: absolute; width: 62px; height: 62px; color: #fff; background-color: rgb(255, 164, 3);  font-family: "Font Awesome 5 Free"; font-weight: 900; font-style: normal; line-height: 1; top: -8px; right: -8px ; border-radius: 50%; text-align: center; padding: 22px; }
.panel-title > a.collapsed:before { content:"\f067";}
.panel-title > a { text-decoration: none; }
  
.panel-title .panel-heading{font-size: 17px; color: #222222; font-family: 'poppinsmedium'; text-transform: uppercase; }
.panel-body .panel-text{font-size: 14px; color: #222222; }

.panel .question-box{width: 115px; min-height: 131px; max-height: 100%; height: 100%; position: relative;}
.panel .question-box .question-sign{ background-color: rgb(255, 164, 3); width: 75px; height: 75px; margin: 28px auto; font-size: 34px; color: #fff; font-family: 'poppinsbold'; display: flex; justify-content: center;align-items: center; /* position: absolute; left: 50%; transform: translateX(-50%);  */  }
.panel .panel-que-ans-box{ width: 90%; display: block; padding: 15px 60px 15px 0px; align-self: center;}



/*------------------------------------- contact us page ----------------------------------------*/

.contact-page{width: 100%; background-color: #f4f4f4; display: block; padding: 120px 0px 80px; }
.cotnact-form{ background-color: rgb(255, 255, 255); width: 744px; height: 552px; margin: 0px auto;   }
.cotnact-form{padding: 30px 15px;}
.cotnact-form form{padding: 0px 15px;}
.cotnact-form .form-group{margin-bottom: 35px; }
.cotnact-form .form-control{ border: none; border-radius:0; border-bottom: 1px solid rgb(177, 177, 177);  box-shadow: none; font-size: 16px; color: #222222; padding: 10px 0px;  }
.form-control::-webkit-input-placeholder {  color: #222222 !important;  }
.form-control::-moz-placeholder {color: #222222 !important;}
.form-control:-ms-input-placeholder {color: #222222 !important;}
.form-control:-moz-placeholder { color: #222222 !important;}
.cotnact-form .button-box{width: 100%; padding: 50px 0px; display: block;  }
.cotnact-form  .send-btn { border-radius: 4px; background-color: rgb(255, 164, 3); width: 289px; height: 52px; margin: 0px auto;font-size: 21px; color: #fff; font-family: 'poppinsmedium';  display: block;  }
.btn.focus, .btn:focus { box-shadow:none;}
.cotnact-img{ background-color: rgb(244, 244, 244); box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.2); width: 352px;  height: 352px; margin-top: -80px; }
.cotnact-img img{width: 100%; height: 100%; }  
.user-info{ padding-top: 50px; display: block; width: 100%;  }
.user-info address{font-size: 18px; color: #222222; padding: 10px 92px 10px 0px;  }
.user-info a.email{font-size: 18px;  color: #ffa403;  }

.maps{background-color: rgb(242, 133, 0); width: 100%; height: 417px;}
  


/*-----------------  login page ---------------------------*/

.login_page{ width: 100%; background-color: #f4f4f4; display: flex; justify-content: center; align-items: center; height: 750px; }
.login { background-color: rgb(255, 255, 255); box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.2); width: 788px; height: 330px; margin: 0px auto;  }
.login form{padding: 20px 15px 10px;}
.login .form-group{margin-bottom: 40px; }
.login .form-control{ border: none; border-radius:0; border-bottom: 1px solid rgb(177, 177, 177);  box-shadow: none; font-size: 16px; color: #222222; padding: 10px 0px;  }
.login .send-btn { border-radius: 4px; background-color: rgb(255, 164, 3); width: 289px; height: 52px; margin: 0px auto;font-size: 21px; color: #fff; font-family: 'poppinsmedium';  display: block; margin: 65px auto 5px;  }
.has-error{margin-bottom: 0px !important;}
.help-block{margin-bottom: 20px; display: block; font-size: 12px; color: red;}
.login-img { background-color: rgb(244, 244, 244); box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.2); width: 352px; height: 602px; margin-top: -135px; } 
.login-img img{width: 100%; height: 100%;  }  
.forgot-password{text-align: center; font-size: 14px; color: #222222;  }
.forgot-password a{color: #222222;}

.forgot-form{padding: 50px 0px;}


/*----------------------- profile page -----------------------*/

.profile-menu-box{ width: 100%; background-color: rgb(255, 164, 3); display: block; }
.profile-navbar{width: 100%; display: flex; justify-content: center; }
.profile-navbar .profile-navbar-nav{ padding: 0; margin: 0; }
.profile-navbar .profile-navbar-nav .nav-item{ display: inline-block; padding: 0px 20px;}
.profile-navbar .profile-navbar-nav .nav-item .nav-link{ font-size: 20px ;color: #fff; font-family: 'poppinsmedium'; padding: 15px 0px; 
 display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0);transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden;}
.profile-navbar .profile-navbar-nav .nav-item .nav-link:before {content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; bottom: 0; background-color: #fff; height: 6px;-webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.profile-navbar .profile-navbar-nav .nav-item .nav-link:hover:before, .profile-navbar .profile-navbar-nav .nav-item .nav-link:focus:before, .profile-navbar .profile-navbar-nav .nav-item .nav-link.active:before {left: 0; right: 0;}

.profile-page .form-box{width: 100%; height: 100%; min-height: 286px;}

.profile-page{width: 100%; display: block; overflow: hidden; padding: 45px 0px 120px; background-color: #f4f4f4;  }
.change-img-box{ background-color: rgb(255, 255, 255); box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.2); width: 100%; height: 393px; overflow: hidden; }
.change-img-box .user-img { border-radius: 50%; width: 174px; height: 174px;margin: 30px auto 8px;}
.change-img-box .user-img img{ border-radius: 50%; width: 100%; height: 100%;}
.change-img-box .user-name{font-size: 18px; color: #ffa403;  font-family: 'poppinsmedium'; text-align: center; }
.change-img-box .user-email{ font-size: 16px; color: #222222 !important;  text-align: center; display: block; }
.change-img-box .change_button{ border-radius: 4px;  background-color: rgb(255, 164, 3); width: 247px;  text-align: center; margin: 40px auto 0px }
.change-img-box .change_button .change{ color: #fff; font-size: 21px; font-family: 'poppinsmedium'; padding: 10px 0px; }  
  

.profile-page .nav-tabs .nav-item.show .nav-link, .profile-page .nav-tabs .nav-link.active { border: none; background: none;  font-size: 18px; color: #222222; border-bottom: 2px solid rgb(255, 164, 3); }
.profile-page .nav-tabs { border: none; padding-bottom: 40px; list-style: none; }
.profile-page .nav{display: block !important; }
.profile-page .nav-tabs .nav-link { border: none; color: #a6a6a6; font-size: 18px; padding:6px 0px;  text-align: left; font-family: 'poppinssemibold'; border-bottom: 2px solid transparent; }
.profile-page .nav-tabs .nav-item{display: inline-block; margin: 0px 40px 0px 0px;  }

.profile-page .tab-content{background-color: rgb(255, 255, 255); box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.2); width: 100%; min-height: 393px; overflow: hidden; padding: 20px; }
.profile-page .tab-content .form-group{margin-bottom: 25px;}
.profile-page .tab-content .form-group label{color: #222222; font-size: 12px;} 
.profile-page .tab-content .form-group .form-control{border: none; border-radius:0; border-bottom: 1px solid rgb(177, 177, 177);  box-shadow: none; font-size: 16px; color: #222222; padding: 5px 0px; } 
.profile-page .tab-content .form-btn{ border-radius: 4px; background-color: rgb(255, 164, 3); width: 289px; padding: 10px 0px; font-size: 21px; color: #fff; font-family: 'poppinsmedium';  display: block; margin: 5px 0px; }
.profile-page .tab-content .help-block{margin-bottom: 10px !important;}


/*---------------------------  error page -------------------------------------*/

.error-page{width: 100%; display: block; padding: 100px 0px; height: auto; background-color: #f4f4f4;}
.error-page .error-img img{width: 100%; height: 100%; }
.error-page  .error_body {width: 700px; margin: 0px auto; box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.39);}
.error-page .description{ padding: 30px 15px 0px;}
.error-page .homelink { border-radius: 4px; background-color: rgb(255, 164, 3); width: 289px; height: 52px; line-height: 52px; margin: 30px auto; font-size: 21px; color: #fff; font-family: 'poppinsmedium';display:block ; }
.error-page .homelink:hover{text-decoration: none;}




/*!---------My resources--------------------*/
.resourcesMain .card-header .btn-link{
    color: #ffa403;
    font-weight: 500;
    font-size: 18px;
}
.resourcesMain .card{
   box-shadow: 0px 8px 7px 0px rgba(0, 0, 0, 0.1); 
   margin-bottom:30px;
}
.resourcesMain .card-header{
   background:#fff;padding:20px;
   width: 100%;
   overflow: hidden; 
}

.tab-content-resources{min-height:20vh;}
/*!-------------------------*/


/*----------------Pagination css------------------------*/
.page .pagination-custom {position: relative;}
.page .pagination-custom > * {margin-top: 8px;padding-left: 4px;padding-right: 4px;}
.pagination-custom {position: relative;line-height: 0;font-size: 0;text-align: center;}
.pagination-custom li {display: inline-block;vertical-align: top;}
.pagination-custom li a {display: block;width: auto;min-height: 33px;min-width: 20px;height: 33px;padding: 0px 13px;font: 700 14px/24px 'Avenir Roman',sans-serif;vertical-align: middle;line-height: 32px;}

.pagination-custom li a:after {content: '';height: 108%;width: 0;display: inline-block;vertical-align: middle;}.pagination-custom li a, .pagination-custom li a:active, .pagination-custom li a:focus {color: #151515;background: #fff;border-color: #cdcdcd;-webkit-transition: all 250ms ease-in;-moz-transition: all 250ms ease-in;-o-transition: all 250ms ease-in;transition: all 250ms ease-in;}.pagination-custom li a:hover {color: #fff;
    background: #ffa403;
    border-color: #ffa403;}

.pagination-custom li:first-child a,.pagination-custom li:last-child a {font-size: 12px;text-transform: uppercase;line-height: 33px;}
.pagination-custom li:first-child a:before {content: '';}.pagination-custom li:last-child a:before {content: '';}.pagination-custom li.disabled,.pagination-custom li.active {pointer-events: none;}.pagination-custom li.active a {color: #fff;
    background: #ffa403;
    border-color: #ffa403;}.pagination-custom li.disabled a {color: rgba(21, 21, 21, 0.5);background: #fff;border-color: rgba(205, 205, 205, 0.5);}* + .pagination-custom {margin-top: 35px;}


/*----------------------------- resource detail page -----------------------------------*/



.dashInner{min-height:100%;background:white;overflow:hidden;}
.dashInner .inside-padding2{padding:20px;}
.dashInner h1{font-size:20px;font-weight:500;text-transform:uppercase; margin-bottom: 20px; font-family: 'poppinssemibold'; }
.progressDetails p label{min-width:150px;}
.circle {width: 200px;margin: 6px 20px 20px;display: inline-block;position: relative;text-align: center;vertical-align: top;}
.circle strong {position: absolute;top: 50%;left: 0;width: 100%;text-align: center;  font-size: 46px; transform: translateY(-50%); color: #222; }
.progressDetails p label{width:70%;color:#a0a0a0;}
.progressDetails p span{width:30%;color:#414141;text-align:right;display:inline-block;}
.progressDetails p{font-size:14px;}
.lastPayDiv label{width: 50%;font-size: 14px;margin-bottom: 0px;}
.lastPayDiv span{width: 48%;display: inline-block;text-align: right;}
.lastPayDiv label img{width:15px;height:15px;}
.lastPayDiv{border: 1px solid #bfbfbf;padding: 10px 0px;border-left: 0px;border-right: 0px;}
.view-btn{border-radius: 4px; background-color: rgb(255, 164, 3); margin: 0px auto; font-size: 21px; color: #fff; font-family:'poppinsmedium'; display: block;width: 100%;border: none;padding: 12px; }
.resourceDetailDiv div{margin-bottom: 10px;}
.resourceDetailDiv div strong{font-size: 14px;}
.resourceDetailDiv div p{font-size: 14px;color: #a0a0a0;}


.paperless-box img{width: 27px; height: 27px; margin-right: 10px; }
.paperless-box {font-size: 20px; color: #222222; border-top:1px solid #bfbfbf;  margin-top: 45px; font-family:'poppinsmedium'; text-align: center; padding: 12px; text-transform: uppercase; vertical-align: middle; }




.tab-content-resources .custom-select {height: 52px !important; border-radius: 0; padding: 6px; border: 1px solid #bfbfbf; font-size: 16px; color: #222222; background: url(../../images/down-arrow.svg) no-repeat; background-position:96% center; background-size: cover; background-size: 20px;  }
.tab-content-resources .form-group{margin-bottom: 20px;}

.amount-due-box{width: 100%; display: block;  position: relative; background: url(../../images/about-bg1.jpg) no-repeat;  background-size: auto; background-position: center;  background-size: cover; 
     margin-bottom: 50px; }
.amount-due-box::before {padding: 50px 30px; position: absolute; width: 100%; height: 100%; content: ""; background-image: linear-gradient(to right,
    rgba(224, 232, 244, 9 ), rgba(231, 235, 245,.9), rgba(237, 238, 245, .9), rgba(242, 242, 245, 0.6), rgba(246, 246, 246, 0.6)  /* #e0e8f4, #e7ebf5, #edeef5, #f2f2f5, #f6f6f6 */); }


.inside-padding{padding: 50px 30px;}
.amount-due-box .amount-details{border-bottom: 1px solid #a0a0a0;}
.amount-due-box .amount-details .titels{font-size: 16px; color: #a0a0a0; margin-bottom: 10px;}
.amount-due-box .amount-details .titels img{width: 15px; height: 15px; }
.amount-due-box .amount-details .amounts{font-size: 60px; color: #222222;   font-family:'poppinsmedium';   line-height: 1;  margin-bottom: 10px;}
.amount-due-box .amount-details .amounts span{font-size: 40px; font-family: 'poppinsregular'; vertical-align: top;}
.amount-due-box .amount-details .amount-due-date{font-size: 16px; color: #222222; margin-bottom: 10px; }

.amount-due-box .update-date{font-size:14px; color: #a0a0a0; padding: 10px 0px; }
.amount-due-box .other-options{ font-size:14px; color: #222222; text-transform: uppercase; padding: 10px 0px; font-family:'poppinsmedium'; cursor: pointer; }

.amount-due-box .amount-details a:hover{text-decoration: none;}
.amount-due-box .amount-details .makes-patment-btn{border-radius: 4px; background-color: rgb(255, 164, 3); margin-bottom: 20px; font-size: 21px; color: #fff; font-family:'poppinsmedium'; display: block; /*width: 220px;*/ border: none;padding: 12px; text-align: center;  text-transform: uppercase; }
.amount-due-box .amount-details .auto-pay-btn { border-radius: 4px; border: 1px solid rgb(255, 164, 3);  font-size: 21px; color: rgb(255, 164, 3); font-family:'poppinsmedium'; display: inline-block; padding: 12px; text-align: center;  text-transform: uppercase; margin-bottom: 20px; /*width: 220px;*/ }

/*---------------------------------------*/

.DealDetailLink{border-radius: 4px; background-color: rgb(255, 164, 3); width: 110px; height: 52px; line-height:52px; font-size: 21px; color: #fff; font-family: 'poppinsmedium'; display: block; 
/* float:none !important;  */ text-align:center; color:#fff !important;  }
.DealDetailLink:hover{text-decoration: none;}

.resourcesMain .card-header h2{display: flex; justify-content: space-between; align-items: center; }
.tab-content-resources  .form-control{padding:10px; background:none; border-radius:0; font-size: 16px; }



/*----------------------- Responsive media -------------*/
	

div.dataTables_wrapper div.dataTables_length select{height:46px !important;}

@media (min-width: 1750px){ 

.resourcesMain .card-header .btn-link ,.resourcesMain   h4.text-left{
	font-size: 1vw;	
}
.resourcesMain .card{
 
   margin-bottom:2vw;
}

.container{min-width: 67.12vw;}



h1{font-size: 2.21vw; }
p{font-size: 0.94vw; }

/*--------------------- header ----------------------------*/
.navbar-brand img.logo{max-height:3vw;}

.navbar-brand{width: 16vw; padding: 1.7vw 1vw; }
header .navbar-nav .nav-item{ padding: 0px 1vw;}
header .navbar-nav .nav-link{font-size: 0.84vw; }
header .navbar-nav .nav-link.language-link img {width: 1vw; height: 1vw; margin: 0px 0.25vw;}
header .navbar-nav .nav-link.language-link img:last-child{ margin-right: 0.52vw;}



.user_image { width: 3.7vw; height: 3.7vw; }
.dropdown-toggle .user_image img{ padding: 0.25vw;}
.dropdown-toggle::after { width: 0.8vw; height: 0.8vw; margin-left: 0.25vw;}
.dropdown-menu {min-width: 6.5vw; padding: 0.52vw; margin: 0.63vw 0px 0px; }
.dropdown-menu .dropdown-item{font-size: 0.84vw;  padding: 0.25vw 0.52vw;}


/*----------------------- index body -----------------------------------*/
.home-slide .slide-box{ max-width:75%; }

.home-slide{ height: 39.1vw; }
.home-slide .carousel-item{ height: 39.1vw; }
.home-slide .slide-box h1.headings{font-size: 3.15vw;}
.home-slide .slide-box p.metters{font-size: 1.26vw;}
.carousel-control-next, .carousel-control-prev{ width: 3.65vw; height: 3.65vw; padding: 1vw;}
.first-block-row{   padding: 1.31vw 0.8vw; margin-top: -2.6vw; }
.first-block-row .icons{width: 5.2vw; height: 5.2vw; margin: 0px auto 1.31vw; }  
.first-block-row h2.heading{font-size: 1.26vw; margin-bottom: 0.52vw; }
.first-block-row p.description{font-size: 0.84vw; }
.second-block-row{ padding: 5.2vw 0px; }
.second-box h1.heading{ margin-bottom: 1.5vw;}
.second-block-row .home-img { border-radius: 0.52vw;height: 20.84vw; }
.therd-block-row{ padding: 3.6vw 0px;}
.therd-block-row .media{height: 23.75vw; }
.therd-block-row .media .home-img { width: 24.64vw; }
.therd-block-row .media .media-body{padding: 1.5vw;}
.therd-block-row .media .media-body .second-box h1.heading{margin-bottom: 1vw; }
.final-block-row{ padding: 4.1vw 0px; }
.final-block-row .final-box { width: 50.46vw; padding: 3.1vw 2.5vw;}



/*------------------------- footer ---------------------------------*/

.footer-menu{  padding: 2.65vw 0px;}
.footer-menu li{padding: 0px 0.2vw 0px 0.8vw;}
.footer-menu li a{ font-size: 0.84vw; }
.footer-menu li a.language { font-size: 0.68vw;}
.social-icons{ width: 5.55vw;}
.social-icons li a { width: 1.15vw;height: 1.4vw; }
.social-icons li{ margin-right: 0.8vw; border-radius: 0.25vw;}
.footer-logo{width: 15.3vw; margin-bottom: 0.3vw;}
.copy-right{font-size: 0.63vw; }
footer .social{width: 94%; }


/*---------------------------- about us page ------------------------------*/

.comman-section h1.comman-heading{font-size: 2.52vw; padding: 6.8vw 0px 6.2vw;}
.about-section-one{ padding: 3.6vw 0px;}
.about-section-one .about-heading{  font-size: 2.21vw;  margin-bottom: 2vw; }
.about-section-one  .about-metters{ font-size: 0.94vw; margin-bottom: 3.1vw;}
.about-section-one .aobut-img{ width: 47.61vw;  height: 26.05vw;}
.about-section-two{ padding: 9.2vw 0px 7.3vw;}
.about-section-two .about-box{ height: 34.43vw; padding: 5.2vw 1.7vw 5.2vw 14.8vw;  }
.about-section-two .aobut-img2{ width: 29.74vw; height: 33.86vw; top: -5.2vw; }


/*---------------------------- terms and privacy page ------------------------------*/

.terms-privacy-page .terms-privacy-box{width: 76%; margin: 1.8vw auto;  }
.terms-privacy-page .terms-privacy-box p.metters{font-size: 0.84vw;  margin-bottom:2vw;}
.terms-privacy-page .terms-privacy-box h3.titles{ font-size: 0.94vw; margin-bottom: 2vw;}


/*------------------------------------- faq ---------------------------------------*/

.faq-page{ padding: 2.6vw 0px; }
.panel { min-height: 6.5vw; margin-bottom: 1.6vw;}
.panel-title > a:before { width: 3.2vw; height: 3.2vw; top: -0.4vw; right: -0.4vw ; padding: 1.15vw; }
.panel-title .panel-heading{font-size: 0.89vw;  }
.panel-body .panel-text{font-size: 0.73vw;}
.panel .question-box{width: 10%; min-height: 6.5vw;}
.panel .question-box .question-sign{  width: 3.91vw; height: 3.91vw; margin: 1.4vw auto; font-size: 1.78vw; }
.panel .panel-que-ans-box{ width: 90%; padding: 0.8vw 3.1vw 0.8vw 0px;}


/*------------------------------------- contact us page ----------------------------------------*/

.contact-page{ padding: 6.3vw 0px 4.1vw; }
.cotnact-form{width: 38.76vw; height: 28.8vw; }
.cotnact-form{padding: 1.5vw 0.8vw;}
.cotnact-form form{padding: 0px 0.8vw;}
.cotnact-form .form-group{margin-bottom: 1.8vw; }
.cotnact-form .form-control{  font-size: 0.84vw;  padding: 0.52vw 0px;  }
.cotnact-form .button-box{ padding: 2.6vw 0px; }
.cotnact-form  .send-btn { border-radius: 0.2vw; width: 15.06vw;  height: 2.73vw; font-size: 1.10vw;  }
.cotnact-img{  width: 18.34vw;  height: 18.34vw; margin-top: -4.1vw;}

.user-info{ padding-top: 2.6vw;}
.user-info address{font-size: 0.94vw; padding: 0.52vw 5vw 0.52vw 0px;  }
.user-info a.email{font-size: 0.94vw;}
.maps{ height: 21.73vw;}


/*-----------------  login page ---------------------------*/

.login_page{ height: 39.06vw; }
.login { width: 41.06vw; height: 17.2vw;}
.login form{padding: 1vw 0.8vw 0.52vw;}
.login .form-group{margin-bottom: 2vw; }
.login .form-control{ font-size: 0.84vw; padding: 0.52vw 0px;  }
.login .send-btn { border-radius: 0.2vw; width: 15.06vw;  height: 2.73vw; font-size: 1.10vw;  margin: 3.3vw auto 0.25vw; }
.help-block{margin-bottom: 1vw; font-size: 0.63vw;}
.login-img {width: 18.34vw; height: 31.36vw; margin-top: -7vw; } 
.forgot-password{font-size: 0.73vw;}
.forgot-form{padding: 2.6vw 0px;}

/*----------------------- profile page -----------------------*/

.profile-navbar .profile-navbar-nav .nav-item{ padding: 0px 1vw;}
.profile-navbar .profile-navbar-nav .nav-item .nav-link{ font-size: 1.05vw; padding: 0.8vw 0px; }
.profile-navbar .profile-navbar-nav .nav-item .nav-link:before {height: 0.31vw;}
.profile-page{ padding: 2.4vw 0px 7vw;}
.change-img-box{  height: 20.47vw;}
.change-img-box .user-img {width: 9.1vw; height: 9.1vw; margin: 1.5vw auto 0.4vw;}
.change-img-box .user-name{font-size: 0.94vw; }
.change-img-box .user-email{ font-size: 0.84vw;  }
.change-img-box .change_button{ border-radius: 0.2vw; width: 12.9vw; margin: 2vw auto 0px }
.change-img-box .change_button .change{ font-size: 1.10vw; padding: 0.52vw 0px; }  
.profile-page .form-box{min-height: 15vw;}
.profile-page .nav-tabs .nav-item.show .nav-link, .profile-page .nav-tabs .nav-link.active { font-size: 0.94vw; }
.profile-page .nav-tabs { padding-bottom: 2vw; }
.profile-page .nav-tabs .nav-link { font-size: 0.94vw; padding: 0.31vw 0px; }
.profile-page .nav-tabs .nav-item{ margin: 0px 2vw 0px 0px; }
.profile-page .tab-content{ min-height: 20.47vw; padding: 1vw; }
.profile-page .tab-content .form-group{margin-bottom: 1.26vw;}
.profile-page .tab-content .form-group label{ font-size: 0.63vw;} 
.profile-page .tab-content .form-group .form-control{ font-size: 0.84vw; padding: 0.25vw 0px; } 
.profile-page .tab-content .form-btn{ border-radius: 0.2vw; width: 15.06vw; padding: 0.52vw 0px; font-size: 1.10vw; margin: 0.25vw 0px; }
.profile-page .tab-content .help-block{margin-bottom: 0.52vw !important;}



/*---------------------------  error page -------------------------------------*/

.error-page{ padding: 5.2vw 0px;}
.error-page  .error_body {width: 36.5vw;}
.error-page .description{ padding: 1.57vw 0.8vw 0px;}
.error-page .homelink { border-radius: 0.2vw; width: 15.06vw;  height: 2.75vw; line-height: 2.75vw; margin: 1.57vw auto; font-size: 1.10vw; }


/*----------------------------- resource detail page -----------------------------------*/



.dashInner .inside-padding2{padding:1vw;}
.dashInner h1{font-size:1.05vw; margin-bottom: 1vw;}
.progressDetails p label{min-width:8vw;}
.circle {width: 10.43vw; margin: 0.31vw auto 1vw;}
.circle  canvas{ width: 10.43vw;  height: 10.43vw;  }
.circle strong {  font-size: 2.42vw; }
.progressDetails p label{width:70%;}
.progressDetails p span{width:30%;}
.progressDetails p{font-size:0.73vw;}
.lastPayDiv label{width: 50%; font-size: 0.73vw; }
.lastPayDiv span{width: 48%; }
.lastPayDiv label img{width:0.8vw;height:0.8vw;}
.lastPayDiv{padding: 0.52vw 0px;  font-size: 0.73vw; }
.view-btn{border-radius: 0.2vw; font-size: 1.15vw; padding: 0.63vw; }
.resourceDetailDiv div{margin-bottom: 0.52vw;}
.resourceDetailDiv div strong{font-size: 0.73vw;}
.resourceDetailDiv div p{font-size: 0.73vw; }

.paperless-box img{width: 1.5vw; height: 1.5vw; margin-right: 0.52vw; }
.paperless-box {font-size: 1.05vw; margin-top: 2.36vw; padding: 0.63vw;}
.tab-content-resources .custom-select {height: 2.73vw !important; padding: 0.31vw; font-size: 0.84vw;  background-size: 1.05vw;  }
.tab-content-resources .form-group{margin-bottom: 1vw;}
.amount-due-box{ margin-bottom: 2.56vw; }
.amount-due-box::before {padding: 2.56vw 1.57vw; }
.inside-padding{padding: 2.56vw 1.57vw;}
.amount-due-box .amount-details .titels{font-size: 0.84vw; margin-bottom: 0.52vw;}
.amount-due-box .amount-details .titels img{width: .8vw; height: 0.8vw; }
.amount-due-box .amount-details .amounts{font-size: 3.15vw; margin-bottom: 0.52vw;}
.amount-due-box .amount-details .amounts span{font-size: 2.10vw; }
.amount-due-box .amount-details .amount-due-date{font-size: 0.84vw; margin-bottom: 0.52vw; }
.amount-due-box .update-date{font-size:0.73vw; padding: 0.52vw 0px; }
.amount-due-box .other-options{ font-size:0.73vw;  padding: 0.52vw 0px;  }
.amount-due-box .amount-details .makes-patment-btn{border-radius: 0.2vw; margin-bottom: 1vw; font-size: 1.15vw; /*width: 11.57vw;*/ padding: 0.63vw; }
.amount-due-box .amount-details .auto-pay-btn { border-radius: 0.2vw;  font-size: 1.15vw; padding: 0.63vw; margin-bottom:1vw; /*width: 11.57vw; */}

.resourcesMain .card-header { padding: 1vw;}

.DealDetailLink { border-radius:0.2vw;width: 5.75vw; height: 2.75vw; line-height: 2.7vw; font-size: 1.05vw !important;  }


.backBtn {margin-bottom: 0.52vw;  padding: 0.15vw 0.52vw; font-size: 0.84vw;}
.resourcesMain { padding: 2vw 1vw;}
.tab-content-resources label{font-size:0.84vw; margin-bottom:0.52vw; }
.tab-content-resources  .form-control{padding:0.52vw; background:none; border-radius:0; font-size: 0.84vw; }
.btn-warning, .btn-success{font-size:0.84vw; padding:0.52vw; }
.tab-content-resources  select.form-control{ height: 1.6vw !important; padding:0 !important; }
table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting { padding-right: 1.57vw; }

table.table-bordered.dataTable tbody td.sorting_1{font-size:0.73vw;}
.table td, .table th{padding:0.52vw; font-size: 0.84vw;}
.page-item.disabled .page-link{font-size:0.73vw; padding: 0.52vw; }
.page-item.active .page-link{font-size:0.73vw; padding: 0.52vw; }

div.dataTables_wrapper div.dataTables_length select { width: 3.8vw; margin-bottom: 0px;}


}




@media (min-width: 2100px){ 

}


@media (max-width: 1199px) { 

.navbar-toggler{ border: 1px solid  rgb(255, 164, 3); margin-right: 25px; padding:8px; }
.navbar-toggler .navbar-toggler-icon{ background-color:rgb(255, 164, 3); margin-bottom: 5px; width: 35px; height: 5px; display: block;  }
.navbar-toggler .navbar-toggler-icon:last-child{margin-bottom: 0px;}
.navbar-nav{border-top:1px solid rgb(238, 238, 238) ; padding: 10px 0px; }
header .navbar-nav .nav-item { padding: 10px 20px;}
.home-slide .slide-box{max-width:80%; }

.home-slide .slide-box h1.headings { font-size: 38px;}
.home-slide .slide-box p.metters { font-size: 20px;}
.home-slide .carousel-item, .home-slide {height: 650px;}
.first-block-row{height: auto;}
.first-block-row .border-r:nth-child(2){border-right: 0;}
.first-block-row .boxes{height: 260px; overflow: hidden; padding: 20px 0px;}
.second-block-row .home-img{margin: 15px 0px 0px; width: 50%;}
.second-block-row{padding-bottom: 60px; }
.therd-block-row .media { height: auto;}
.therd-block-row .media .home-img{display: none;}
.final-block-row .final-box { width: 100%;}
h1 {font-size: 36px;}
p {font-size: 16px;}
.second-block-row .home-img { width: 60%; height: 350px;}

footer{padding: 20px 0px;}
.footer-logo { margin: 0px auto;}
.copy-right{text-align: center; font-size: 12px;}
.footer-menu{float: none; padding: 20px 0px; display: flex; justify-content: center;}
footer .social { width: 100%;     margin-bottom: 20px; }
.social-icons { float: none; margin-bottom: 0px; margin: 0px auto;}

.about-section-two .aobut-img2 {display: none;}
.about-section-two .about-box {height: auto; padding: 50px;}
.about-section-two{padding:0px 0px 50px;}
.about-section-one .aobut-img{width: 100%;}
.about-section-one .about-heading { font-size: 36px; margin-bottom: 20px;}
.about-section-one .about-metters { margin-bottom: 35px;}

.dashInner{margin-bottom:20px; }
.profile-page {padding: 45px 0px 68px;}
.amount-due-box::before {background-image: linear-gradient(to right, rgba(224, 232, 244, 1 ), rgba(231, 235, 245, .9), rgba(237, 238, 245, .9), rgba(242, 242, 245, 0.9), rgba(246, 246, 246, 0.9) );}
.dashInner { min-height: 470px;}
.resourceDetailDiv{ min-height: 375px; }


}

@media (max-width: 991px) { 
.amount-due-box .amount-details .amounts{
	font-size:20px;
}
.amount-due-box .amount-details {
    display: block !important;
}
.carousel-control-next, .carousel-control-prev{ opacity: 0;}
.final-block-row .final-box { padding: 40px 30px;}
.about-section-one .aobut-img { height: 420px;}
.about-section-one{padding-top: 50px;}
.terms-privacy-page .terms-privacy-box { width: 100%;}
.cotnact-form { width: 100%; height: auto;}
.cotnact-img {display: none; }
.user-info { padding: 0px 30px;}
.cotnact-form .button-box { padding: 30px 0px;}
.contact-page { padding: 60px 0px 80px;}
.login-img {width: 275px; height: 470px; margin-top: -75px;}
.login{ width: 100%;}
.login_page{height: 595px;}

.profile-page { padding: 45px 0px 65px;}
.profile-menu-box{ display: none; }
.error-page .error_body { width: 90%;}
.home-slide .slide-box{max-width:92%; }

}


@media (max-width: 767px) {
	
.container{max-width: 100% !important;}	

.home-slide .carousel-item, .home-slide { height: 450px;}
.first-block-row .icons { width: 80px;height: 80px;}
.first-block-row h2.heading {font-size: 20px;}
.first-block-row p.description { font-size: 14px;}
.second-block-row{padding: 50px 0px;}
.second-box h1.heading {margin-bottom: 20px;}
h1 {font-size: 30px;}
.final-block-row { padding: 55px 0px;}
.comman-section h1.comman-heading { font-size: 40px; padding: 100px 0px 90px;}
.login-img{display: none;}
.login { width: 70%;}
.login_page { height: 440px;}

.dashInner{min-height:auto;}

}
	

@media (max-width: 700px) {}

@media (max-width: 576px) {

.first-block-row .border-r{border: none;}
.home-slide .slide-box h1.headings { font-size: 32px; padding: 0px 20px;}
.home-slide .slide-box p.metters { padding: 0px 10px; font-size: 18px; line-height: 1.5;}
.footer-menu li { list-style: none; display: block; padding: 10px 0px; text-align: center;}
.first-block-row { padding: 25px 0px;}
.first-block-row .boxes {  height: 225px;}
.about-section-one .about-heading { font-size: 30px;}
.about-section-one .about-metters {font-size: 16px;}
.about-section-one .aobut-img { height: 320px;}
.about-section-two .about-box { height: auto; padding: 20px;}
.terms-privacy-page .terms-privacy-box p.metters { font-size: 14px; margin-bottom: 20px;}
.terms-privacy-page .terms-privacy-box h3.titles { font-size: 16px; margin-bottom: 20px;}

.login { width: 80%;}
.footer-menu { display: block;}
.comman-section h1.comman-heading{line-height: 1.2;}
.amount-due-box .amount-details .amounts { font-size: 28px;}
.amount-due-box .amount-details .amounts span { font-size: 26px;}
.amount-due-box .amount-details .makes-patment-btn, .amount-due-box .amount-details .auto-pay-btn {  font-size: 18px; /*width: 180px;*/}
.inside-padding { padding: 30px 30px;}

.dashInner{width: 65%; margin: 0px auto; }


}

@media (max-width: 500px){

.second-block-row .home-img { width: 100%;}
.navbar-brand img.mini-logo{ display: block; }
.navbar-brand img.logo{ display: none; }
.navbar-brand { width: 100px; padding: 15px 20px;}
.footer-menu { display: block;}
.panel .question-box .question-sign { width: 55px; height: 55px;}
.panel .panel-que-ans-box { padding: 15px 28px 15px 0px;}
.panel-title > a::before { width: 50px; height: 50px; padding: 17px;}
.user-info address { padding: 10px 60px 10px 0px;}
.user-info { padding: 0px 10px;}
.cotnact-form .send-btn{width: 100%;}
.login { width: 100%;}
.profile-page .nav-tabs .nav-link{text-align: center; }
.profile-page .nav-tabs .nav-item { display: block;  margin: 10px 0px;}
.error-page .homelink { width: 90%;}

.dashInner{width: 85%; }
.dashInner h1 { font-size: 18px;}
.amount-due-box .amount-details{display: block !important; }
.update-box{display: block !important; }
.resourcesMain .card-header .btn-link {padding:10px 0;}
.resourcesMain .card-header { padding: 15px;}
.DealDetailLink {width: 110px; float:none !important;  }
.resourcesMain .card-header h2{display:block !important; }


}


@media (max-width: 400px) {
    
.footer-logo { width: 270px;}
.login .send-btn{width: 100%; margin: 50px auto 5px; }
.profile-page .tab-content .form-btn{width: 100%;}
.dashInner{width: 100%; }


}

@media (max-width: 320px) {

.user-info address { padding: 10px 40px 10px 0px; }

.progressDetails p span { width: 40%;}
.progressDetails p label { width: 60%;}



}




/*!-------Animate Css---------*/

.alert {
	position: fixed;
	left: 0;
	right: 0;
	top: 25px;
	z-index: 99999999 !important;
	box-shadow: 3px 4px 10px rgba(0,0,0,0.16);
	padding-right:52px;
	border-radius:0px !important;
	padding: 16px 1.25rem;
}
.alert-custom {
    background: #ff6849;
    color: #fff;
    border-color: #ff6849
}
.alert-inverse {
    background: #4c5667;
    color: #fff;
    border-color: #4c5667
}
.alert-success {
    background: #0ec5d2;
    color: #fff;
    border-color: #0ec5d2;
	background: #8bc34a;
    color: #fff;
    border-color: #8bc34a;
}
.alert-dark {
    background: #96a2b4;
    color: #fff;
    border-color: #96a2b4
}
.alert-warning {
    background: #fec107;
    color: #fff;
    border-color: #fec107
}
.alert-danger {
    background: #fb9678;
    color: #fff;
    border-color: #fb9678
}
.alert-primary {
    background: #9675ce;
    color: #fff;
    border-color: #9675ce
}
.alert-info {
    background: #03a9f3;
    color: #fff;
    border-color: #03a9f3
}
.alert-info .closed,
.alert-info a.closed:hover {
    color: inherit
}
.alert button.close {
	    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
}

.blockOverlay{z-index:999999 !important;}
.blockMsg{z-index:9999999 !important;}
/*!----------Alert css------------------*/


.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);-ms-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);-ms-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);-ms-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);-ms-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);-ms-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);-ms-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);-ms-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);-ms-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);-ms-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);-ms-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);-ms-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);-ms-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);-ms-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,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:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);-ms-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);-ms-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);-ms-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;-ms-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);-ms-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);-ms-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);-ms-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);-ms-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);-ms-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);-ms-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);-ms-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);-ms-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);-ms-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);-ms-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);-ms-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);-ms-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);-ms-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);-ms-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);-ms-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);-ms-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);-ms-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);-ms-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);-ms-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);-ms-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);-ms-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);-ms-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);-ms-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);-ms-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);-ms-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);-ms-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.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:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.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}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-ms-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-ms-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);-ms-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px);-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) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);-ms-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);-ms-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}}.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) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);-ms-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);-ms-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}}.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);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);-ms-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);-ms-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,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-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);-ms-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);-ms-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);-ms-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;-ms-transform:none;transform:none;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%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);-ms-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) 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;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);-ms-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:none;-ms-transform:none;transform:none;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:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;-ms-transform:none;transform:none;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:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;-ms-transform:none;transform:none;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:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;-ms-transform:none;transform:none;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:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);-ms-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);-ms-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);-ms-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{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:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{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:rotate3d(0,0,1,80deg);-ms-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,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%,80%{-webkit-transform:rotate3d(0,0,1,60deg);-ms-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,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;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);-ms-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);-ms-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);-ms-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-ms-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-ms-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);-ms-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);-ms-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{0%{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes slideOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}


/*!-------Animate Css---------*/