/*
Theme Name: Hussain Alotaibi
Theme URI: https://www.alotaibicpa.com/
Author: Abdulrhman Ahmed
Author URI: https://www.linkedin.com/in/abdelrhman-ahmed/
Description: Hussain Alotaibi Firm is a national certified public accountancy firm specializing in tax, Zakat and financial consultancy.
Version: 2.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: alotaibicpa
Tags: responsive, custom-background, custom-colors, custom-logo, custom-menu
*/
:root {
    --sitefont: "Inter","Helvetica Neue","Arial",sans-serif;
    --titlefont: "DM Sans","Helvetica Neue","Arial",sans-serif;
    --arabicfont: "IBM Plex Sans Arabic","Helvetica Neue","Arial",sans-serif;
    --primary-color: #ea9616;
    --secondary-color-1: #905f15;
    --secondary-color-2: #251804;
    --titleColor: #0e0d0d;
    --textColor: #3b444d;
    --white: #ffffff;
    --cardShadowLarge: 0 20px 40px -2px rgba(50, 50, 93, .1),0 20px 40px -2px rgba(0, 0, 0, .01);
    --cardShadowXLarge: 0 40px 70px -30px rgba(19, 33, 54, .16),0 20px 70px -30px rgba(0, 0, 0, .3);
    --hoverTransition: 400ms cubic-bezier(.215,.61,.355,1);
    --sectionpadding: 70px 0;
}


/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0;cursor: default;}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight: 600;color: var(--titleColor);}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;vertical-align: middle;max-width: 100%;display: inline-block;-webkit-user-drag: none;-khtml-user-drag: none;-moz-user-drag: none;-o-user-drag: none;user-drag: none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.container {width: 100%;max-width: 1350px;padding: 0 25px;margin: 0 auto;box-sizing: border-box;}

body {
    font-family: var(--sitefont);
    font-weight: 400;
    color: var(--textColor);
    background: var(--white);
}

h1, h2, h3, h4, h5, h6 {
    text-rendering: optimizeLegibility;
    font-weight: 500;
    color: var(--titleColor);
    font-family: var(--titlefont);
}

.padding-0 {
    padding: 0 !important;
}

.padding-t-0 {
    padding-top: 0 !important;
}

.padding-b-0 {
    padding-bottom: 0 !important;
}

.empty-space-normal {
    width: 100%;
    height: 100px;
}

.empty-space-small {
    width: 100%;
    height: 50px;
}

.no-scroll {
    overflow: hidden;
}

a.btn {
    padding: 13px 16px 13px 20px;
    text-decoration: none;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    border-radius: 45px;
    justify-content: center;
    color: var(--white);
    gap: 12px;
    font-weight: 400;
}

a.btn.sec:hover {
    background: #0e0e0e;
}

a.btn svg path {
    stroke: var(--white);
}

a.btn.white {
    border-color: #D5D7DA;
    color: var(--titleColor);
    background: var(--white);
}

a.btn.sec {
    background: var(--primary-color);
}

a.btn.dark:hover {
    background: var(--primary-color);
}

a.btn.white svg path {
    stroke: #24201A;
}

a.btn.dark {
    background: #24201A;
}

a {
    -webkit-transition: var(--hoverTransition);
    transition: var(--hoverTransition);
    text-decoration: none;
    color: #af7114;
}




/*
  Mobile Menu
*/
body.ove_low {
  overflow: hidden;
}

.sid_menu {
  position: fixed;
  left: 0;
  top: 65px;
  bottom: 0;
  width: 350px;
  z-index: 9999999999;
  background: #ffffff;
  transition: all 0.2s ease;
  transform: translate3d(-350px, 0, 0);
}

.active_sid {
  width: calc(100% - 70px);
  transform: translate3d(0, 0, 0);
}

.act_si_menu {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgb(0 0 0 / 36%);
  z-index: 99;
  display: none;
}

.m_menu_header {
  height: 65px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 16px;
  background: #ffffff;
  box-shadow: 0 8px 20px rgb(0 0 0 / 5%);
  border-bottom: 1px solid #e7e7e7;
  z-index: 99999999;
  position: fixed;
  width: 100%;
  flex-direction: row-reverse;
  box-sizing: border-box;
}

.lef_sec #menu_but {
  height: 30px;
  width: 30px;
  padding: 6px;
  opacity: 0.8;
  display: flex;
  align-items: center;
  justify-content: center;
}

.m_menu_header .lef_sec #menu_but svg,
.sid_menu #close_ope svg {
  width: 100%;
  height: auto;
  max-width: 25px;
}

.m_menu_header .ri_sec {
  justify-content: flex-end;
}

#se_contsld li {
  display: inline-flex;
  margin: 0 2px;
  list-style: none;
  opacity: 0.7;
}

#se_contsld li:last-child {
  margin-right: 0;
}

#se_contsld li a {
  display: block;
  padding: 6px;
  max-height: 20px;
}

#se_contsld li a svg {
  max-height: 20px;
  width: auto;
}

#se_contsld {
  padding: 0;
  margin: 0;
}

.sid_menu .si_hed,
.search_box {
  height: 65px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0 16px;
  border-bottom: 1px solid #e7e7e7;
}

.head_logo a,
.si_logo a {
  display: block;
}

.head_logo a,
.si_logo a {
  text-decoration: none;
  color: #515050;
  font-size: 18px;
  font-weight: 600;
  margin: 4px;
}

.head_logo a:hover,
.si_logo a:hover {
  color: black;
}

#close_ope,
#menu_but {
  cursor: pointer;
}

.head_logo,
.si_logo {
  max-width: 120px;
}

/**/
#si_ma_menu ul li ul {
  max-height: 0;
  transition: max-height 0.3s ease;
  overflow: hidden;
}

#si_ma_menu ul li ul.sub-menu.active {
  max-height: 500px;
  transition: max-height 0.3s ease;
  padding: 15px 15px 15px 15px;
  opacity: 1;
  visibility: visible;
}

#mobile_menu {
    display: none;
}

ul.sub-menu {
    /* max-width: 100%; */
    /* padding: 0; */
}

#si_ma_menu ul li {
  list-style: none;
  margin: 1px 0;
  position: relative;
  overflow: hidden;
}

#si_ma_menu ul {
  padding: 15px 12px 0 0;
  overflow-x: auto;
  position: unset;
  max-height: 80vh;
  margin: 0;
}

#si_ma_menu ul li a {
  padding: 12px 20px 12px 20px;
  display: block;
  text-decoration: none;
  font-size: 15px;
  line-height: 28px;
  color: #303030;
}

#si_ma_menu ul li ul {
  /* padding: 15px 15px 15px 15px; */
  width: 100%;
  box-shadow: none;
  box-sizing: border-box;
  padding: 0;
}

#si_ma_menu ul li.actsub > a {
  background: #efefef;
  border-radius: 0 25px 25px 0;
}

.lef_sec {
    display: flex;
    align-items: center;
    gap: 15px;
}

#si_ma_menu ul li::after {
    width: 50px;
    top: 0;
    bottom: 0;
    height: 50px;
    background-size: 64%;
}

#si_ma_menu ul li ul, #si_ma_menu ul li:hover ul {
    transform: translate3d(0px, 0px, 0px);
}

#si_ma_menu ul li:hover::after {
    transform: none;
}

#si_ma_menu ul li.active-parent.actsub::after {
    transform: rotate(180deg);
}



/*
    Pages header
*/
.page-header {
    text-align: center;
    margin-bottom: 100px;
}

.page-header h1 {
    font-size: 50px;
    font-weight: 600;
    margin-bottom: 15px;
    margin-top: 0;
}

.page-header p {
    font-size: 18px;
    color: #666;
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.4;
}

.header_bgcont {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 550px;
    z-index: -1;
}

.dokefl {
    position: absolute;
    width: 100%;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    background-position: center top;
    background-repeat: no-repeat;
    height: 100%;
}

.saldoe_de {
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    left: 0;
}

.main_site_content {
    padding-top: 100px;
}

section.slider_a {
    text-align: center;
    padding-top: 190px;
}

section.slider_a h2 {
    font-size: 55px;
    margin: 0;
    font-weight: 600;
}

#breadcrumbs {
    margin: 0 auto;
}

#breadcrumbs a {
    text-decoration: none;
    color: #e0931b;
}

#breadcrumbs > span {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 7px;
}

section.slider_a .col {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 70px 0;
}

#breadcrumbs a:hover {
    color: #7e5311;
}

.kjdf9_full .s_uc {
    padding: 0;
    text-align: center;
    margin: auto;
    max-width: 1020px;
}

.kjdf9_full {
    padding-bottom: 40px;
}






/*
    Header Style
*/
.menu_ma {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.site_main_menu ul li {
    list-style: none;
}

.site_main_menu ul {
    margin: 0;
    padding: 0;
    display: flex;
    column-gap: 3px;
}

.site_main_menu ul li a {
    text-decoration: none;
    display: block;
    padding: 10px 12px;
}

.logo a {
    width: 160px;
    height: 76px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.logo a img {
    width: 100%;
    height: auto;
}

.site_main_menu ul li a {
    display: block;
    line-height: 15px;
    padding: 13px 15px;
    color: #24201A;
    border-radius: 45px;
    font-weight: 500;
    font-size: 15px;
}

.site_main_menu ul li {
    display: inline-block;
    position: relative;
    margin: 0 1px;
}

ul.sub-menu {
    position: absolute;
    width: 340px;
    z-index: 999;
    height: auto;
    top: 45px;
    opacity: 0;
    visibility: hidden;
    box-shadow: var(--cardShadowLarge);
    transform: translate3d(0px, 15px, 0px);
    left: 0px;
    background: var(--white);
    margin: 0px;
    -webkit-transition: var(--hoverTransition);
    transition: var(--hoverTransition);
    padding: 8px;
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 12px;
}

.cu_header {
    position: absolute;
    width: 100%;
    top: 15px;
    left: auto;
    right: auto;
}

#menu-main-menu li:hover > ul.sub-menu {
    transform: translate3d(0px, 0px, 0px);
    opacity: 1;
    visibility: visible;
}

#menu-main-menu li ul.sub-menu li {
    width: 100%;
    padding: 0px;
    margin: 0px 0;
}

#menu-main-menu li ul.sub-menu li a {
    text-align: left;
    line-height: 27px;
    color: #4e4c4a;
    padding: 10px 18px;
    border-radius: 8px;
    -webkit-transition: var(--hoverTransition);
    transition: var(--hoverTransition);
    border: 1px solid var(--white);
}

#menu-main-menu li ul.sub-menu li a:hover {
    background: #fff9f0;
    color: #ca800f;
    border-color: #f6efe5;
}

.site_main_menu ul li a:hover {
    background: #fefbf7;
    color: #000;
}

.site_main_menu ul li.active > a, .site_main_menu ul li.active a:hover, #menu-main-menu li ul.sub-menu li.active a:hover {
    background: var(--white);
    color: #ca800f;
}

#menu-main-menu li ul.sub-menu li.active > a {
    background: #fff9f0 !important;
    color: #ca800f;
    border-color: #f6efe5;
}

ul.change_lang {
    padding: 0;
    margin: 0;
}

.change_lang li {
    list-style: none;
}

.change_lang li a:before {
    content: " ";
    display: block;
    width: 23px;
    height: 23px;
    background-image: url("data:image/svg+xml, %3Csvg width='22' height='23' viewBox='0 0 22 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_6_265)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.1923 12.2115C15.0758 11.9321 14.8027 11.75 14.5 11.75C14.1972 11.75 13.9241 11.9321 13.8076 12.2115L11.3076 18.2115C11.1483 18.5939 11.3291 19.033 11.7115 19.1923C12.0938 19.3516 12.5329 19.1708 12.6923 18.7885L13.3333 17.25H15.6666L16.3076 18.7885C16.467 19.1708 16.9061 19.3516 17.2884 19.1923C17.6708 19.033 17.8516 18.5939 17.6923 18.2115L15.1923 12.2115ZM14.5 14.45L15.0416 15.75H13.9583L14.5 14.45Z' fill='%2324201A'/%3E%3Cpath d='M7.15 3.75C7.56421 3.75 7.9 4.08579 7.9 4.5V4.71552H11C11.4142 4.71552 11.75 5.0513 11.75 5.46552C11.75 5.87973 11.4142 6.21552 11 6.21552H9.79728C9.42742 7.24664 8.85464 8.21119 8.21395 9.07728L9.11552 10.0146C9.40268 10.3131 9.39346 10.7879 9.09494 11.075C8.79642 11.3622 8.32163 11.3529 8.03448 11.0544L7.26126 10.2506C6.65985 10.9317 6.04053 11.5391 5.48266 12.0521C5.17775 12.3324 4.7033 12.3126 4.42293 12.0077C4.14256 11.7028 4.16244 11.2283 4.46735 10.9479C5.0382 10.423 5.66238 9.80717 6.2537 9.12414C6.12848 8.9632 6.00289 8.79589 5.88542 8.63299C5.64973 8.30615 5.40843 7.94486 5.28521 7.68047C5.11023 7.30503 5.27273 6.85883 5.64817 6.68384C6.02361 6.50886 6.46981 6.67137 6.64479 7.0468C6.70157 7.16862 6.86527 7.42724 7.10208 7.75565C7.13755 7.80483 7.1738 7.85441 7.21052 7.90399C7.59222 7.35898 7.92551 6.79315 8.18194 6.21552H4C3.58579 6.21552 3.25 5.87973 3.25 5.46552C3.25 5.0513 3.58579 4.71552 4 4.71552H6.4V4.5C6.4 4.08579 6.73579 3.75 7.15 3.75Z' fill='%2324201A'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.45109 0.75H8.54891C10.1512 0.749988 11.4205 0.749979 12.4248 0.868681C13.4557 0.990545 14.3044 1.24638 15.0134 1.8282C15.2539 2.02558 15.4744 2.24612 15.6718 2.48663C16.3772 3.3462 16.6099 4.42342 16.6958 5.80423C18.0763 5.89008 19.1536 6.12257 20.0134 6.8282C20.2539 7.02558 20.4744 7.24612 20.6718 7.48663C21.2536 8.19558 21.5095 9.04428 21.6313 10.0752C21.75 11.0795 21.75 12.3488 21.75 13.951V14.0489C21.75 15.6511 21.75 16.9205 21.6313 17.9248C21.5095 18.9557 21.2536 19.8044 20.6718 20.5134C20.4744 20.7539 20.2539 20.9744 20.0134 21.1718C19.3044 21.7536 18.4557 22.0095 17.4248 22.1313C16.4205 22.25 15.1512 22.25 13.549 22.25H13.4511C11.8489 22.25 10.5795 22.25 9.57525 22.1313C8.54428 22.0095 7.69558 21.7536 6.98663 21.1718C6.74612 20.9744 6.52558 20.7539 6.3282 20.5134C5.62278 19.6538 5.39007 18.5766 5.30421 17.1958C3.92341 17.1099 2.8462 16.8772 1.98663 16.1718C1.74612 15.9744 1.52558 15.7539 1.3282 15.5134C0.746383 14.8044 0.490545 13.9557 0.368681 12.9248C0.249979 11.9205 0.249988 10.6512 0.25 9.04891V8.95109C0.249988 7.34883 0.249979 6.07947 0.368681 5.07525C0.490545 4.04428 0.746383 3.19558 1.3282 2.48663C1.52558 2.24612 1.74612 2.02558 1.98663 1.8282C2.69558 1.24638 3.54428 0.990545 4.57525 0.868681C5.57947 0.749979 6.84883 0.749988 8.45109 0.75ZM6.78429 16.7769C6.8525 18.2782 7.04964 19.028 7.48772 19.5618C7.62277 19.7263 7.77366 19.8772 7.93822 20.0123C8.33563 20.3384 8.86197 20.5366 9.75133 20.6417C10.6572 20.7488 11.8379 20.75 13.5 20.75C15.1621 20.75 16.3428 20.7488 17.2487 20.6417C18.138 20.5366 18.6644 20.3384 19.0618 20.0123C19.2263 19.8772 19.3772 19.7263 19.5123 19.5618C19.8384 19.1644 20.0366 18.638 20.1417 17.7487C20.2488 16.8428 20.25 15.6621 20.25 14C20.25 12.3379 20.2488 11.1572 20.1417 10.2513C20.0366 9.36197 19.8384 8.83563 19.5123 8.43822C19.3772 8.27366 19.2263 8.12277 19.0618 7.98772C18.5307 7.55189 17.7855 7.35431 16.2979 7.28524L6.78429 16.7769ZM15.2167 6.24509C15.1494 4.72909 14.9525 3.97463 14.5123 3.43822C14.3772 3.27366 14.2263 3.12277 14.0618 2.98772C13.6644 2.66158 13.138 2.46344 12.2487 2.35831C11.3428 2.25123 10.1621 2.25 8.5 2.25C6.83789 2.25 5.65724 2.25123 4.75133 2.35831C3.86197 2.46344 3.33563 2.66158 2.93822 2.98772C2.77366 3.12277 2.62277 3.27366 2.48772 3.43822C2.16158 3.83563 1.96344 4.36197 1.85831 5.25133C1.75123 6.15724 1.75 7.33789 1.75 9C1.75 10.6621 1.75123 11.8428 1.85831 12.7487C1.96344 13.638 2.16158 14.1644 2.48772 14.5618C2.62277 14.7263 2.77366 14.8772 2.93822 15.0123C3.47215 15.4505 4.22213 15.6476 5.72412 15.7158L15.2167 6.24509Z' fill='%2324201A'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_6_265'%3E%3Crect width='22' height='22' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.change_lang li a {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 7px;
    text-decoration: none;
    font-size: 18px;
    padding: 10px 15px;
    border-radius: 45px;
    color: #24201A;
    font-family: 'IBM Plex Sans Arabic', sans-serif;
}

.lang_request {
    display: flex;
    align-items: center;
    gap: 10px;
}

.change_lang li a:hover {
    background: var(--white);
    color: #000;
}

li.has-children:after {
    content: " ";
    width: 25px;
    height: 25px;
    position: absolute;
    right: 5px;
    top: 10px;
    bottom: 0;
    background-size: 88%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");
    cursor: pointer;
    -webkit-transition: var(--hoverTransition);
    transition: var(--hoverTransition);
    background-repeat: no-repeat;
    background-position: center center;
}

li.has-children:hover:after {
    transform: rotate(180deg);
}

li.has-children li.has-children:after {
    right: 15px;
    top: 14px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M8.22 5.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L11.94 10 8.22 6.28a.75.75 0 0 1 0-1.06Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");
    cursor: pointer;
}

.nav-menu li:hover:after {
    transform: rotate(180deg);
}

li.has-children li.has-children:hover:after {
    transform: rotate(0deg);
    right: 10px;
}

.site_main_menu  li.has-children > a {
    padding: 14px 32px 14px 17px;
}

li.active.has-children::after {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.22 8.21997C5.36062 8.07952 5.55125 8.00063 5.75 8.00063C5.94875 8.00063 6.13937 8.07952 6.28 8.21997L10 11.94L13.72 8.21997C13.7887 8.14628 13.8715 8.08718 13.9635 8.04619C14.0555 8.0052 14.1548 7.98316 14.2555 7.98138C14.3562 7.9796 14.4562 7.99813 14.5496 8.03585C14.643 8.07357 14.7278 8.12971 14.799 8.20093C14.8703 8.27215 14.9264 8.35698 14.9641 8.45037C15.0018 8.54376 15.0204 8.64379 15.0186 8.74449C15.0168 8.8452 14.9948 8.94451 14.9538 9.03651C14.9128 9.12851 14.8537 9.21131 14.78 9.27997L10.53 13.53C10.3894 13.6704 10.1987 13.7493 10 13.7493C9.80125 13.7493 9.61062 13.6704 9.47 13.53L5.22 9.27997C5.07955 9.13934 5.00066 8.94872 5.00066 8.74997C5.00066 8.55122 5.07955 8.3606 5.22 8.21997Z' fill='%23CA800F'/%3E%3C/svg%3E%0A");
}





/*
    Home Page
*/


/*
    Section title   
*/
.m_tpsec {
    width: 100%;
    align-items: flex-start;
    justify-content: space-between;
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

.s_uc {
    width: 100%;
    max-width: 750px;
    padding-left: 120px;
}



/*
    Hero section
*/
section.hero_sec {
    padding: 150px 0 100px 0;
    background: #faa31d26;
    
    
    
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#faa31d+0,f9f9f9+100 */
    background: linear-gradient(to bottom, rgb(250 163 29 / 13%) 0%, rgb(254 244 228 / 0%) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.smll_tit {
    color: #cd871b;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 19px;
}

.smll_tit:before {
    width: 9px;
    height: 9px;
    background: #cd871b;
    content: " ";
}

.mai_titls span {
    color: #47443f;
}

.mai_titls h2 {
    font-size: 52px;
    margin: 0;
    line-height: 62px;
    letter-spacing: -0.7px;
}

.hero_toc h2 {
    font-size: 60px;
    line-height: 66px;
}

.g_cont p {
    font-size: 17.5px;
    line-height: 23px;
    margin: 0;
}

.ma_hese {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 50px;
}

.hero_img {
    width: 100%;
    max-width: 520px;
    height: 580px;
    border-radius: 15px;
    overflow: hidden;
}

.hero_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sdoek_r {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
}

.hero_sebttns {
    display: flex;
    gap: 12px;
}

.g_cont {
    margin: 25px 0 40px 0;
    max-width: 90%;
}




/*
    About section
*/
.lsk_ejf {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 50px;
    grid-row-gap: 0px;
}

.m_btsec {
    padding-top: 120px;
}

section.about_section {
    padding: 120px 0;
}

.mai_sub p {
    line-height: 25px;
    font-size: 17px;
    color: var(--textColor);
    margin: 0;
}

.mai_sub {
    margin-top: 18px;
}

.sdkl_cons p {
    line-height: 23px;
    margin: 0;
    font-size: 16px;
}

.soie h3 {
    margin: 0;
}

.soie {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 25px;
    width: 100%;
    letter-spacing: -0.5px;
}

.s_blco {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
}

.soie svg {
    width: 43px;
    height: 43px;
}







/*
    Vision section
*/
section.vision_sec {
    background-color: #24201A;
    padding: 120px 0;
    color: var(--white);
}

.kjd_doke {
    width: 100%;
    justify-content: space-between;
    display: grid;
    grid-template-columns: 4fr 2fr;
    grid-template-rows: 1fr;
    grid-column-gap: 50px;
    grid-row-gap: 0px;
    justify-items: center;
    align-items: center;
}

.skjd_img {
    width: 100%;
    max-width: 400px;
    height: 100%;
    border-radius: 15px;
    overflow: hidden;
}

.skjd_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.s_sde, .s_sol {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.s_sde h2 {
    margin: 0;
    font-weight: 400;
    font-size: 30px;
    line-height: 36px;
    color: var(--white);
}

.s_sde p {
    margin: 0;
    font-size: 18px;
    line-height: 27px;
}

.slkd_cont {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 50px;
    padding: 50px 0;
}

.slkd_cont .smll_tit {
    color: #cd871b;
}

.slkd_cont .smll_tit:before{
    background: #cd871b;
}




/*
    Services Section
*/
.sin_scont {
    display: flex;
    align-items: center;
    justify-content: space-between;
    -webkit-transition: .4s ease-out;
    transition: .4s ease-out;
}

.serv_desc {
    max-width: 420px;
}

a.sing_servhm {
    padding: 60px 0;
    display: block;
    border-bottom: 1px solid #f0f0f7;
    text-decoration: none;
    color: #24201A;
    margin: 5px 0;
}

a.sing_servhm:hover .sin_scont {
    transform: scale(0.99);
}

section.hm_services {
    padding: 120px 0;
}

.services_sig {
    padding-top: 100px;
}

.serv_nme {
    width: 250px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
}

.services_sig a.sing_servhm:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.services_sig a.sing_servhm:first-child {
    margin-top: 0;
    padding-top: 0;
}

.sdkjie_ds {
    width: 100%;
    height: 170px;
    max-width: 245px;
    border-radius: 15px;
    overflow: hidden;
}

.sdkjie_ds img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.serv_desc p {
    margin: 0;
    color: var(--textColor);
    line-height: 24px;
    font-size: 16px;
}

.serv_nme h3 {
    margin: 0;
    font-size: 20px;
    line-height: 28px;
}

.num_r {
    color: #a9a9a9;
    font-size: 18px;
    margin-bottom: 0;
}



/* 
    In Numbers Section
*/
section.in_numbers {
    padding: 120px 0;
    background-color: #f3f3fa;
    border-radius: 80px;
    padding: 120px 60px;
    margin-left: 30px;
    margin-right: 30px;
}

.kjdf9_dor {
    padding-top: 100px;
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: space-between;
}

.sk_ei {
    display: block;
    height: 1px;
}

.biwi {
    width: 100%;
    max-width: 700px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    padding-left: 120px;
}

.potf p {
    margin: 0;
    line-height: 23px;
    font-size: 16px;
}

.potf strong {font-size: 17px;}

.sng_ew h1 {
    margin: 0;
    font-size: 45px;
}

.sng_ew {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}

.potf {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}




/* 
    Clients section
*/
section.our_clients {
    padding: 120px 0;
}

.cli_sing {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    justify-items: center;
    align-items: center;
    width: 100%;
}

.cli_sing img {
    max-height: 90px;
    width: 100%;
}

.ned_cli {
    padding-left: 120px;
}




/*
    Testimonials section
*/
section.testimonials_sec {
    padding: 120px 0;
}

.ned_tes {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 60px;
    grid-row-gap: 60px;
}

.wiuf_d {
    width: 80px;
    height: 80px;
    border-radius: 15px;
    overflow: hidden;
    border: 1px solid #ededed;
}

.wiuf_d img {
    width: 100%;
    height: auto;
    object-fit: contain;
    height: 100%;
}

.cust_det {
    display: flex;
    gap: 20px;
    align-items: center;
    margin-top: 40px;
}

.cus_nmpo h3 {
    margin: 0 0 5px 0;
    font-size: 17px;
}

.kjdf9_d {
    padding-top: 120px;
}

.doikr_s p {
    margin: 0;
    line-height: 23px;
}

span.ts_edv {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    margin-bottom: 18px;
}

span.ts_edv svg {
    width: 25px;
    height: 25px;
}

.cus_nmpo strong {
    color: #7e7575;
    font-size: 15px;
    font-weight: 500;
}







/*
    About Us
*/
section.vision_sec.about_pg {
    color: #303030;
    padding-bottom: 0;
    background-color: #f5f5f5;
    border-radius: 50px;
    margin-left: 100px;
    margin-right: 100px;
}

.su_con_seabout {
    background: #f0f0f0;
    padding: 120px 0 120px 0;
    margin-top: 120px;
    border-radius: 0px 0px 50px 50px;
}

.asdji_er {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 30px;
    margin: 0;
    font-size: 18px;
    line-height: 27px;
}

.sam_con p {
    margin: 0;
    letter-spacing: -0.2px;
}







/*
    Team
*/
.members_cont {
    display: flex;
    width: 100%;
}

.members_cont a {
    display: flex;
    text-decoration: none;
    color: #303030;
    flex-direction: column;
    gap: 20px;
    -webkit-transition: var(--hoverTransition);
    transition: var(--hoverTransition);
}

.members_cont a:hover {
    transform: scale(0.99);
}

.oikwe_d {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
}

a.sin_mem img {
    border-radius: 15px;
    width: 100%;
    height: 280px;
    object-fit: cover;
    object-position: center;
}

.oikwe_d h3 {
    margin: 0;
    font-size: 17px;
    -webkit-transition: .4s ease-out;
    transition: .4s ease-out;
}

.oikwe_d span {
    display: block;
    line-height: 22px;
    font-size: 15px;
    color: #5e5d5d;
}

.members_cont a:hover h3 {
    color: #000;
}

.our_team_members {
    margin-top: 40px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 20px;
    justify-content: space-between;
}


/* overlay */
html.no-scroll,
body.no-scroll {
  overflow: hidden;
  touch-action: none;
}

.scrollable {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; /* allows smooth touch scroll */
}

.team-overlay {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  display: none;
  justify-content: center;
  align-items: center;
  background: rgba(0,0,0,0.8);
  z-index: 999999;
}

/* popup */
.team-popup {
  width: 90%;
  max-width: 1000px;
  max-height: 90vh;      /* keep popup bounded so inner area can scroll */
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  background: var(--white);
  border-radius: 12px;
  overflow: hidden;
}

/* right column (bio) - scrollable area */
.popup-right {
    padding: 0 40px;
    overflow-y: auto;
    max-height: 70vh;
}

/* custom scrollbar (optional) */
.popup-right::-webkit-scrollbar { width: 8px; }
.popup-right::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.15); border-radius: 4px; }

/* ensure the overlay flex-centers the popup */
.team-overlay[style*="display: flex"] { display: flex !important; }



.popup-left {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
}

.popup-left img {
    width: 100%;
    height: 100%;
    border-radius: 0px;
    object-fit: cover;
}

.member-info h3 {
  font-size: 20px;
  font-weight: 500;
  margin: 0;
  color: var(--white);
}

.member-info p {
  font-size: 15px;
  margin: 0;
  font-weight: 400;
  letter-spacing: -0.2px;
  color: #bababa;
}

.close-btn {
    position: absolute;
    top: 18px;
    right: 25px;
    border: none;
    font-size: 33px;
    cursor: pointer;
    color: #000;
    transition: var(--hoverTransition);
    font-weight: 300;
    background: #f6f6f6;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding-bottom: 3px;
}
.close-btn:hover { transform: scale(1.1); }


/* make sure this is loaded after any theme rules that might limit width */
.team-overlay {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  inset: 0 !important; /* shorthand for top/right/bottom/left */
  display: none;
  justify-content: center;
  align-items: center;
  background: rgba(0,0,0,0.75);
  z-index: 999999; /* very high so it sits above everything */
  opacity: 0;
  overflow: hidden;
}

/* Keep your .team-popup grid, but limit its height and make bio scrollable */
.team-popup {
    max-height: 80vh;
    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    width: 90%;
    max-width: 1000px;
    background: var(--white);
    border-radius: 10px;
}

/* custom scrollbar (optional) */
.popup-right::-webkit-scrollbar { width: 8px; }
.popup-right::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.15); border-radius: 4px; }

.cs_content {
    padding: 20px 0;
    line-height: 1.5;
}

.member-info {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    gap: 8px;
    flex-direction: column;
    color: var(--white);
    padding: 110px 10px 31px 10px;
    background: #000000;
    background: -webkit-linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(0deg, #000000 0%, rgb(0 0 0 / 0%) 100%);
    align-items: center;
}

.cs_content strong {
    font-weight: 500;
    font-family: var(--titlefont);
    font-size: 16px;
    letter-spacing: 0.4px;
}












/*
    Services Page
*/
section.pg_services {
    padding-top: 40px;
    padding-bottom: 120px;
}

.spacer {
  width: 100%;
  height: 30vh;
}

.arch {
  display: flex;
  gap: 60px;
  justify-content: space-between;
  max-width: 1100px;
  margin-inline: auto;
}

.arch__left {
  display: flex;
  flex-direction: column;
  min-width: 390px;
}

.arch__left .arch__info {
  max-width: 390px;
  height: 100vh;
  display: grid;
  place-items: center;
}

.arch__left .arch__info h2.header {
    font-size: 35px;
    text-transform: lowercase;
    margin-top: 0;
}

.arch__left .arch__info p.desc {
  margin-block: 6px 30px;
  line-height: 23px;
  font-size: 16.5px;
  color: var(--textColor);
}

.arch__left .arch__info a.link {
  text-decoration: none;
  padding: 16px 18px;
  color: inherit;
  border-radius: 40px;
  display: flex;
  gap: 4px;
  width: fit-content;
  align-items: center;
}

.arch__right {
  flex-shrink: 1;
  height: 100vh;
  width: 100%;
  max-width: 540px;
  position: relative;
  display: flex;
  flex-direction: column;
}

.arch__right .img-wrapper {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  height: 400px;
  width: 100%;
  border-radius: 16px;
  overflow: hidden;
}

.arch__right .img-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

@media (max-width: 900px) {
  .arch {
    gap: 30px;
  }
}

@media (max-width: 768px) {
  .arch {
    flex-direction: column;
    gap: 20px;
  }

  .arch__left,
  .arch__right {
    display: contents;
  }

  .arch__right {
    height: auto;
    max-width: 100%;
  }

  .arch__right .img-wrapper {
    position: static;
    transform: none;
    height: 360px;
    width: 100%;
    margin-bottom: 20px;
  }

  .arch__left .arch__info {
    height: auto;
    padding: 20px 0;
  }
}

@media (max-width: 560px) {
  .arch {
    gap: 12px;
  }

  .container {
    padding: 10px;
  }

  .arch__right .img-wrapper {
    border-radius: 10px;
    height: 280px;
  }
}





/*
    Single Service
*/
.mdsfr_img {
    border-radius: 20px;
    overflow: hidden;
    width: 100%;
    height: 500px;
}

.mdsfr_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.single_service_pg {
    padding-top: 50px;
    font-size: 16.5px;
    line-height: 25px;
    color: #494743;
    padding-right: 50px;
    padding-left: 50px;
}

.single_service_pg p:first-child {
    margin-top: 0;
}

.single_service_pg p:last-child {
    margin-bottom: 0;
}

.single_service_pg ul li {
    font-size: 17px;
    padding: 3px 0;
}

.single_service {
    max-width: 800px;
    margin: auto;
    float: none;
}




/*
    Share links
*/
.share-article {
  text-align: center;
  margin-top: 40px;
  padding: 40px 0 40px 0;
  border-top: 1px solid #eee;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 50px;
}

.share-title {
  font-size: 18px;
  font-weight: 400;
  color: #333;
  margin: 0;
}

.share-buttons {
  display: flex;
  justify-content: center;
  gap: 6px;
}

.share-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
}

.share-btn svg {
    width: 24px;
    height: 24px;
}

a.share-btn:after {
    content: " ";
    width: 100%;
    height: 100%;
    background: #ffe7c4;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    transform: scale(0);
    transition: var(--hoverTransition);
    border-radius: 50%
}

a.share-btn:hover svg path {
    stroke: var(--secondary-color-1);
}

a.share-btn:hover:after {
    transform: scale(1.5);
}

a.share-btn svg path {
    transition: var(--hoverTransition);
}







/*
    FAQ
*/
.accordion {
    border-bottom: 0.1rem solid #e4edf6;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.accordion__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    cursor: pointer;
}

.accordion__wrapper .sec_tit {
    margin-bottom: 70px;
}

span.accordion__icon i {
    width: 18px;
    height: 18px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: var(--hoverTransition);
    transform: rotate(45deg);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' color='%23FFF' fill='none'%3E%3Cpath d='M19.0005 4.99988L5.00049 18.9999M5.00049 4.99988L19.0005 18.9999' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
}

.ri-add-line.ri-subtract-fill {
    transform: rotate(0deg);
}

.accordion__icon {
    background-color: var(--titleColor);
    width: 2.2rem;
    height: 2.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    flex-shrink: 0;
}

.accordion__question {
    font-size: 19px;
    font-weight: 600;
    color: var(--titleColor);
    transition: var(--hoverTransition);
}

.accordion__answer {
    padding: 2rem 0;
    font-size: 17px;
    font-weight: 400;
    line-height: 24px;
}

.accordion__content {
    overflow: hidden;
    height: 0;
    transition: var(--hoverTransition);
}

.accordion__wrapper {
    max-width: 950px;
    margin: auto;
    padding: 100px 0px 100px 0px;
}

.accordion__wrapper .accordion:last-child {
    border: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}






/*
    Contact
*/
.contact-content {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 80px;
    align-items: start;
    max-width: 1200px;
    margin: auto;
}

/* Form Styles */
.contact-form {
    background: white;
    padding: 40px;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.form-group {
    margin-bottom: 24px;
}

.form-group input,
.form-group textarea {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    font-size: 15px;
    font-family: inherit;
    transition: border-color 0.2s;
    box-sizing: border-box;
}

.form-group input:focus,
.form-group textarea:focus {
    outline: none;
    border-color: #787878;
}

.form-group textarea {
    resize: vertical;
    min-height: 120px;
}

.phone-input {
    display: flex;
    gap: 8px;
}

.phone-input select {
    padding: 12px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    font-size: 15px;
    background: white;
    cursor: pointer;
}

.phone-input input {
    flex: 1;
}

.services-group {
    margin-bottom: 35px;
}

.services-group label, .form-group label {
    display: block;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 16px;
    color: #1a1a1a;
}

.checkbox-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.checkbox-item {
    display: flex;
    align-items: center;
    gap: 8px;
}

.checkbox-item input[type="checkbox"] {
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.checkbox-item label {
    font-size: 15px;
    font-weight: 400;
    margin: 0;
    cursor: pointer;
    display: block;
    width: 100%;
    padding: 3px 0;
}

.submit-btn {
    width: 100%;
    padding: 16px;
    background: #1a1a1a;
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s;
}

.submit-btn:hover {
    background: #333;
}

/* Contact Info Styles */
.contact-info {
    padding-top: 20px;
}

.info-section {
    margin-bottom: 48px;
}

.info-section h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 12px;
    color: #1a1a1a;
}

.info-section p {
    color: #666;
    margin-bottom: 16px;
    font-size: 15px;
}

.contact-link {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #1a1a1a;
    text-decoration: none;
    font-size: 15px;
    margin-bottom: 5px;
    padding: 8px 0;
    border-bottom: 1px solid transparent;
    transition: border-color 0.2s;
}

.contact-link:hover {
    color: #a66e17;
}

.contact-link svg {
    width: 20px;
    height: 20px;
}

.phone-number {
    font-size: 18px;
    font-weight: 600;
    color: #1a1a1a;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 12px;
}

.address {
    font-size: 16px;
    color: #1a1a1a;
    text-decoration: underline;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 12px;
}

@media (max-width: 968px) {
    .contact-content {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .contact-header h1 {
        font-size: 36px;
    }
}

@media (max-width: 640px) {
    .form-row {
        grid-template-columns: 1fr;
    }

    .checkbox-grid {
        grid-template-columns: 1fr;
    }

    .contact-form {
        padding: 24px;
    }
}

.info-section a svg {
    width: 24px;
    height: 24px;
}

/* Reset default checkboxes */
input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 18px;
  height: 18px;
  border: 2px solid #ccc;
  border-radius: 4px; /* makes it modern rounded */
  display: inline-block;
  position: relative;
  cursor: pointer;
  transition: all 0.3s ease;
  vertical-align: middle;
}

/* Checked state */
input[type="checkbox"]:checked {
  background-color: #af7114;
  border-color: #af7114;
}

/* Add checkmark */
input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  left: 3.8px;
  top: 0.5px;
  width: 3px;
  height: 8px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

/* Hover effect */
input[type="checkbox"]:hover {
  border-color: #af7114;
}

/* Form Messages */
.form-message {
    padding: 15px 20px;
    margin-bottom: 25px;
    border-radius: 8px;
    font-size: 15px;
    line-height: 1.5;
    animation: slideDown 0.3s ease-out;
}

.form-success {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.form-error {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Submit Button Loading State */
.submit-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 150px;
    transition: all 0.3s ease;
}

.submit-btn:disabled {
    opacity: 0.7;
    cursor: not-allowed;
}

.btn-text,
.btn-loader {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Loading Spinner */
.spinner {
    animation: rotate 2s linear infinite;
    width: 20px;
    height: 20px;
}

.spinner .path {
    stroke: currentColor;
    stroke-linecap: round;
    animation: dash 1.5s ease-in-out infinite;
}

@keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35;
    }
    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124;
    }
}

/* Form fade effect during submission */
.submit-btn:disabled ~ .form-group,
.submit-btn:disabled ~ .form-row,
.submit-btn:disabled ~ .services-group {
    opacity: 0.6;
    pointer-events: none;
}







/*
    Insights (Category)
*/
.car_contya, .car_contya_related {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 30px;
    row-gap: 30px;
    margin: auto;
}

.card {
    background: var(--white);
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
    cursor: pointer;
    transition: var(--hoverTransition);
    border: 1px solid #f2f4f6
}

.card a {
    text-decoration: none;
}

.card:hover {
    transform: translateY(-5px);
    box-shadow: var(--cardShadowLarge);
}

.card img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.card-body {
    display: flex;
    flex-direction: column;
    align-items: start;
    padding: 25px;
    min-height: 100px;
}

.card-header img {
    min-height: 200px;
    background-color: #f3f9ff;
}

span.tag {
    background: #5e636e;
    border-radius: 50px;
    font-size: 12px;
    margin: 0;
    color: var(--white);
    padding: 3px 10px;
    text-transform: uppercase;
    font-weight: 400;
    transition: var(--hoverTransition);
}

.card:hover span.tag {
    background: var(--titleColor);
}

.card-body h4 {
    margin: 10px 0;
    font-weight: 500;
    line-height: 23px;
    transition: var(--hoverTransition);
    text-transform: lowercase;
    font-size: 18px;
    letter-spacing: -0.2px;
    width: 100%;
}

:first-letter {
    text-transform: capitalize;
}

.card-body p {
    font-size: 15px;
    margin: 0 0 20px;
    color: #5a6876;
    font-weight: 400;
    line-height: 22px;
}

.user {
    display: none;
    margin-top: auto;
    color: var(--titleColor);
}

.user img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 10px;
}

.user-info h5 {
    margin: 0;
    font-weight: 500;
}

.user-info small {
    font-weight: 400;
    color: var(--textColor);
    display: flex;
    align-items: center;
}

span.read_time_sbl svg {
    width: 16px;
    height: 16px;
    color: #7f8d9c;
}

span.read_time_sbl {
    margin-left: 8px;
    display: flex;
    align-items: center;
    color: #7f8d9c;
}

.user-info {
    display: flex;
    flex-direction: column;
    gap: 6px;
    justify-content: center;
}

span.span-reading-time {
    margin-left: 5px;
    margin-right: 5px;
}

.card:hover h4 {
    color: var(--primary-color);
}

.loading_more {
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
}

.loading_more.act_loading {
    opacity: 1;
    visibility: visible;
}

.progress {
    height: 4.5px;
    width: 145.6px;
    background: linear-gradient(#d6922c 0 0), linear-gradient(#c38527 0 0), #dbdcef;
    background-size: 60% 100%;
    background-repeat: no-repeat;
    animation: progress-7x9cg2 3s infinite;
}

@keyframes progress-7x9cg2 {
    0% {
        background-position: -150% 0,-150% 0;
    }

    66% {
        background-position: 250% 0,-150% 0;
    }

    100% {
        background-position: 250% 0, 250% 0;
    }
}







/*
 * Single
 * */
body.single .pages_header_cust {
    padding-bottom: 0;
}

.article_conte_cust .page_title_cus, main.single-post .post-content {
    margin: auto;
}

.wp-block-image img {
    width: 100%;
    height: auto;
    border-radius: 6px;
}

.post-thumbnail {
    width: 100%;
    max-height: 400px;
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 25px;
}

.post-thumbnail img {
    width: 100%;
    max-height: 400px;
    object-fit: cover;
    display: block;
    object-position: center center;
}

.page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content h5,.page-content h6, .post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 {
    margin-top: 0;
    font-size: 25px;
    letter-spacing: -0.3px;
    font-weight: 600;
    margin-bottom: 15px;
    text-transform: lowercase;
    line-height: 30px;
}

.page-content h1:first-letter, .page-content h2:first-letter, .page-content h3:first-letter, .page-content h4:first-letter, .page-content h5:first-letter, .page-content h6:first-letter, .post-content h1:first-letter, .post-content h2:first-letter, .post-content h3:first-letter, .post-content h4:first-letter, .post-content h5:first-letter, .post-content h6:first-letter, .page_title_cus h1:first-letter {
    text-transform: capitalize
}

.page-content p, .post-content p {
    line-height: 23px;
}

.page-content strong, .post-content strong {
    color: var(--titleColor);
    font-family: "Inter", serif;
    font-weight: 600;
    letter-spacing: -0.2px;
}

.page-content ul li:before, .post-content ul li:before, .accordion__content ul li:before {
    content: " ";
    background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.25 12C1.25 17.9371 6.06294 22.75 12 22.75C17.9371 22.75 22.75 17.9371 22.75 12C22.75 6.06294 17.9371 1.25 12 1.25C6.06294 1.25 1.25 6.06294 1.25 12ZM16.6757 8.26285C17.0828 8.63604 17.1103 9.26861 16.7372 9.67573L11.2372 15.6757C11.0528 15.8768 10.7944 15.9938 10.5217 15.9998C10.249 16.0057 9.98576 15.9 9.79289 15.7071L7.29289 13.2071C6.90237 12.8166 6.90237 12.1834 7.29289 11.7929C7.68342 11.4024 8.31658 11.4024 8.70711 11.7929L10.4686 13.5544L15.2628 8.32428C15.636 7.91716 16.2686 7.88966 16.6757 8.26285Z' fill='%23E7971C'/%3E%3C/svg%3E%0A");
    width: 22px;
    height: 22px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 5px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    transition: var(--hoverTransition);
}

.page-content ul, .post-content ul, .accordion__content ul {
    padding-left: 12px;
    line-height: 22px;
}

.page-content ul li, .post-content ul li, .post-content ol li, .page-content ol li, .accordion__content ul li {
    position: relative;
    padding-left: 35px;
    padding-top: 6px;
    padding-bottom: 6px;
    list-style: none;
}

.post-content ol li, .page-content ol li {
    padding-left: 15px;
    line-height: 22px;
}

.page-content iframe, .post-content iframe {
    width: 100%;
    padding: 30px 0;
    min-height: 500px;
}

.post-author-bio {
    padding: 40px 0 40px 0;
    border-top: 1px solid #eff3f6;
    border-bottom: 1px solid #eff3f6;
    margin-top: 20px;
    margin-bottom: 50px;
}

.post-author-bio > h3, .related-posts > h3 {
    margin: 0;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -0.2px;
}

a.author-link {
    display: inline-flex;
    align-items: center;
    gap: 22px;
    text-decoration: none;
    margin-top: 30px;
    width: 100%;
}

.author-avatar {
    width: 90px;
    height: 90px;
    border-radius: 100%;
    overflow: hidden;
}

.author-avatar img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.author-description {
    max-width: 70%;
}

.author-description p {
    margin: 0;
    color: var(--textColor);
    font-size: 16px;
}

.author-description h3 {
    font-weight: 600;
    letter-spacing: -0.3px;
    margin-bottom: 5px;
    transition: var(--hoverTransition);
    margin-top: 0;
    font-size: 18px;
}

a.author-link:hover h3 {
    color: var(--primary-color);
}

.related-posts > h3 {
    margin-bottom: 50px;
}

.tags {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 50px;
  flex-wrap: wrap;
}

.tags a {
    color: var(--titleColor);
    display: block;
    text-decoration: none;
    transition: var(--hoverTransition);
    padding: 10px 20px;
    background: aliceblue;
    border-radius: 30px;
    font-size: 16px;
}

.tags a:hover {
    background: var(--primary-color);
    color: var(--white);
}



/*
    Table of content
*/
.post-content.no-toc .toc_block {
    display: none;
}

.post-content.no-toc .sing_article_cont {
    max-width: 800px;
    margin: auto;
    float: none;
}

.sing_article_cont {
    width: 63%;
    float: right;
}

.toc_block {
    width: 33%;
    float: left;
    padding: 0;
    background: var(--white);
    box-shadow: 0 7px 6px -6px rgba(5, 10, 3, .1),0 0px 10px -2px rgba(0, 0, 0, .01);
    border: 1px solid #ededed;
    border-radius: 25px;
    overflow: hidden;
}

.post-content:before, .post-content:after {
    content: " ";
    display: table;
    width: 100%;
}

.sing_article_cont p:first-child {
    margin-top: 0;
    margin-bottom: 0;
}

#toc_div {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

#toc_div a {
    text-decoration: none;
    color: var(--titleColor);
    line-height: 21px;
    transition: var(--hoverTransition);
    font-size: 16px;
    border-left: 5px solid #0000;
    padding-left: 25px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 20px;
    /* text-transform: lowercase; */
}

#toc_div a.active {
    color: var(--secondary-color-1);
    border-color: var(--secondary-color-1);
}

.contact_sales_skje {
    padding: 15px 30px;
    margin-top: 30px;
    text-align: center;
    border-top: 1px solid #e7ecf1;
    background-color: #f5f7f9;
    border-bottom: 1px solid #e7ecf1;
}

.contact_sales_skje a {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.social-icons_wrapper {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex: none;
    align-items: center;
    display: flex;
}

.social-icons_btn {
    color: var(--textColor);
    width: 24px;
    height: 24px;
    line-height: 1;
  transition: var(--hoverTransition);
}

.social-icons_btn:hover {
  color: var(--secondary-color-1);
}

.customers_share-divider {
    background-color: #cbcbcb;
    width: 30px;
    height: 1px;
    margin-left: 20px;
    margin-right: 20px;
}

.customers_social-inner-text {
    align-items: center;
    display: flex;
}

.share_this_article {
    padding: 23px 30px 22px 30px;
}

a.social-icons_btn {
    display: flex;
}

/* Style the tab container */
.tabs_toc {
  position: relative;
  display: flex;
  border-radius: 30px;
  border: 10px solid var(--white);
}

/* Style the tab buttons */
.tablinks {
  flex: 1;
  height: 40px;
  background-color: inherit;
  border: none;
  outline: none;
  cursor: pointer;
  transition: background-color 0.3s;
  text-align: center;
  z-index: 1;
  font-size: 16px;
  padding: 0;
}

.tablinks.active {
    color: var(--white);
}

/* Slider indicator */
.tab-slider {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 50%;
  height: 100%;
  background-color: var(--primary-color);
  transition: transform 0.3s ease;
  border-radius: 30px;
}

/* Style the tab content */
.tabcontent {
  display: none;
  border-top: none;
}

.tabcontent.active {
  display: block;
  animation: fadeIn 0.4s;
  border-top: 1px solid #ededed;
}

h3.tab_title {
    font-size: 19px;
    padding: 25px 30px 0px 30px;
}

#key_takeaways_cont {
    padding: 0px 30px 0px 30px;
}

/* Fade-in animation for tab content */
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}








/*
    Footer Style
*/
footer.si_footer {
    background-color: #F5F5F5;
    padding: 120px 0 50px 0;
}

.skjd_eoow {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.foot_se.biwi {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 40px;
    grid-row-gap: 10px;
}

.copyrights_s {
    padding-top: 90px;
}

.foot_ew h1 {
    margin: 0 0 10px 0;
    font-size: 18px;
}

.cs_fo p {
    margin: 0;
    color: #6A6A6A;
    line-height: 22px;
    font-size: 15.5px;
    letter-spacing: -0.2px;
}

.cope_s {
    color: #545454;
}

.cope_s p {
    margin: 0;
    text-transform: lowercase;
    font-weight: 400;
}

.cope_s p a.dev {
    text-decoration: none;
    color: #b3b3b3;
    margin-left: 5px;
}

.cope_s p a.dev:hover {
    color: #303030;
}

.social_foot {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 18px;
}

.social_foot a {
    display: flex;
}

.social_foot a:hover {
    opacity: 0.6;
}

.cs_fo p a {
    text-decoration: none;
    color: #6A6A6A;
    display: block;
    margin-bottom: 4px;
}

.cs_fo p a:hover {
    color: #24201A;
}

.edit-link {
  padding-top: 20px;
  text-align: center;
  padding-bottom: 20px;
}





/*
    Scroll
*/
#scroll {
    position:fixed;
    right: 40px;
    bottom: 40px;
    cursor:pointer;
    width:50px;
    height:50px;
    background-color: #24201a;
    text-indent:-9999px;
    display:none;
    -webkit-border-radius:60px;
    -moz-border-radius:60px;
    border-radius:60px
}

#scroll span {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    transition: var(--hoverTransition);
}

#scroll:hover {
    background-color: var(--primary-color);
    opacity:1;
}

#scroll span svg {
    width: 20px;
    height: 20px;
}



/* Gradient Text Utility */
.gradient-text {
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 300% auto;
    animation: gradientShine 10s linear infinite;
}

.gradient-1 { background-image: linear-gradient(90deg, #00cfff, #a600ff, #ff006e, #ff8800, #00cfff); }
.gradient-2 { background-image: linear-gradient(90deg, #7928CA, #FF0080, #7928CA); }
.gradient-3 { background-image: linear-gradient(90deg, #ae7a2c, #1f1e1b, #ae7820, #ad7a2e); }
.gradient-4 { background-image: linear-gradient(90deg, #43e97b, #38f9d7, #43e97b); }
.gradient-5 { background-image: linear-gradient(90deg, #ff9a9e, #fad0c4, #fad0c4, #ff9a9e); }

/* --- Animations --- */
@keyframes gradientShine { to { background-position: 300% center; } }




/* ScrollTrigger Text Reveal */
.line-reveal {
  background: linear-gradient(
    to right,
    rgb(255 255 255) 50%,
    rgb(127 120 110) 50%
  );
  background-size: 200% 100%;
  background-position-x: 100%;
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
}





/*
    Pray toast
*/
.toast-language.en_prytime {
    display: none;
}

.toast-language.ar_prytime {
    display: none;
}

body.lang-en .toast-language.en_prytime {
    display: block;
}

body.lang-ar .toast-language.ar_prytime {
    display: block;
}

.toast {
    position: fixed;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    background: white;
    padding: 10px 15px;
    border-radius: 12px;
    box-shadow: var(--cardShadowLarge);
    display: flex;
    align-items: center;
    gap: 16px;
    min-width: 400px;
    max-width: 600px;
    animation: slideUp 0.4s ease-out;
    z-index: 999999;
    border: 1px solid #E1E6F9;
}

@keyframes slideUp {
    from {
        transform: translateX(-50%) translateY(100px);
        opacity: 0;
    }
    to {
        transform: translateX(-50%) translateY(0);
        opacity: 1;
    }
}

@keyframes slideDown {
    from {
        transform: translateX(-50%) translateY(0);
        opacity: 1;
    }
    to {
        transform: translateX(-50%) translateY(100px);
        opacity: 0;
    }
}

.toast.hiding {
    animation: slideDown 0.3s ease-in forwards;
}

.toast-icon {
    width: 48px;
    height: 48px;
    background: #fff5e8;
    border-radius: 50%;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    justify-content: center;
}

.toast-icon svg {
    width: 27px;
    height: 27px;
    fill: #ffd69e;
}

.toast-icon svg path {
    stroke: #875b1f;
}

.toast-content {
    flex: 1;
    display: flex;
    gap: 24px;
    align-items: center;
}

.toast-language {
    flex: 1;
}

.toast-divider {
    width: 1px;
    height: 60px;
    background: #e2e8f0;
}

.toast-title {
    font-weight: 500;
    font-size: 16px;
    color: var(--textColor);
}

.toast-time {
    font-size: 24px;
    font-weight: 700;
    color: #667eea;
    margin-bottom: 2px;
}

.toast-close {
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    transition: background-color 0.2s;
    flex-shrink: 0;
}

.toast-close:hover {
    background-color: #f7fafc;
}

.toast-close svg {
    width: 20px;
    height: 20px;
    fill: #a0aec0;
}

.toast-close:hover svg {
    fill: #4a5568;
}

@media (max-width: 480px) {
    .toast {
        bottom: 10px;
        left: 10px;
        right: 10px;
        transform: none;
        min-width: auto;
        flex-direction: column;
    }

    .toast-content {
        flex-direction: column;
        gap: 16px;
        width: 100%;
    }

    .toast-divider {
        width: 100%;
        height: 1px;
    }

    @keyframes slideUp {
        from {
            transform: translateY(100px);
            opacity: 0;
        }
        to {
            transform: translateY(0);
            opacity: 1;
        }
    }

    @keyframes slideDown {
        from {
            transform: translateY(0);
            opacity: 1;
        }
        to {
            transform: translateY(100px);
            opacity: 0;
        }
    }
}


/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */

.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}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-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%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.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)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.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)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(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%,to{-webkit-transform:translateZ(0);transform:translateZ(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)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(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) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.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)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.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)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.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)}to{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.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)}to{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.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)}to{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.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)}to{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.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)}to{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.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)}to{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.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)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.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)}to{-webkit-transform:translateZ(0);transform:translateZ(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)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@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)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-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)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@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)}to{opacity:0;-webkit-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)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-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)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-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)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@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)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{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)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-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)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-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)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-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)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-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)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-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)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-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)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-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)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-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) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-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)}to{-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) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-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)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-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) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-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)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}@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)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-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}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-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%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-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) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(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);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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.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)}to{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);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{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}}.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)}to{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);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{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}}.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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}

/*
    Animation
*/
.animateMe{
  opacity: 0;
}
 
.animateMe .animated{
    opacity: 1;
}



@media(max-width: 1400px) { 
    section.about_section {
        padding: 80px 0 100px 0;
    }

    section.in_numbers {
        padding: 90px;
    }

    .s_uc,
    .biwi,
    .ned_cli {
        padding-left: 60px;
    }
    
    footer.si_footer {
        padding: 110px 0 50px 0;
    }

        section.vision_sec.about_pg {
        margin-left: 20px;
        margin-right: 20px;
        border-radius: 30px;
        padding: 60px 0 0 0;
    }

    .su_con_seabout {
        padding: 70px 20px 70px 20px;
        margin-top: 60px;
    }


    section.vision_sec.about_pg .container {
        padding: 0 50px;
    }
    
}


@media(max-width: 1200px) {
    .s_uc, .biwi, .ned_cli {
        padding-left: 0;
    }

    .soie svg {
        width: 40px;
        height: 40px;
    }
}


@media(max-width: 1130px) {
    .cu_header {
        display: none;
    }

    #mobile_menu {
        display: block;
    }
    
    .hero_img {
        max-width: 470px;
    }
    
    .mai_titls h2 {
        font-size: 47px;
        line-height: 56px;
    }
    
    .ma_hese {
        gap: 20px;
    }
    
    .g_cont {
        max-width: 100%;
    }

    section.hero_sec {
        padding: 80px 0 20px 0;
    }

    .s_uc {
        padding-left: 0px;
    }

    .container {
        padding: 0 40px;
    }

    .m_btsec {
        padding-top: 80px;
    }

    section.vision_sec,
    section.hm_services,
    section.about_section,
    section.our_clients {
        padding: 90px 0;
    }

    section.in_numbers {
        padding: 80px 30px;
    }

    .ned_se.biwi,
    .foot_se.biwi {
        padding-left: 0;
    }

    .ned_cli {
        padding-left: 0;
    }

	.mai_titls h2 {
		font-size: 38px;
		line-height: 60px;
	}

	.mai_sub {
		margin-top: 16px;
	}

	.mai_sub p {
		line-height: 32px;
	}
	
	
}






@media(max-width: 1000px) {
    .m_tpsec {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.s_uc {
    max-width: 100%;
}

.services_sig {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 30px;
}

.sin_scont {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.sdkjie_ds {
    max-width: 100%;
    height: 220px;
}

.serv_nme {
    width: 100%;
}

.serv_desc {
    max-width: 100%;
}

.serv_desc p {
    line-height: 22px;
    font-size: 15px;
}

a.sing_servhm {
    padding: 0;
    margin: 0;
    border: 0;
}

.hero_img {
    height: 420px;
}

section.hero_sec {
    padding: 120px 0 30px 0;
}

.sk_ei {
    display: none;
}

.kjdf9_dor {
    display: flex;
}


section.testimonials_sec {
    padding: 100px 0;
}

.ned_tes {
    grid-template-columns: repeat(2, 1fr);
}

.car_contya, .car_contya_related {
    grid-template-columns: repeat(2, 1fr);
}

.toc_block {
    display: none;
}

.sing_article_cont {
    width: 100%;
    float: none;
}

    
}



@media(max-width: 850px) {
    .ma_hese {
        display: flex;
        flex-direction: column;
        gap: 70px;
    }
    
    .skdjr_jfr {
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .sdoek_r {
        display: flex;
        align-items: center;
    }
    
    .hero_img {
        max-width: 650px;
    }

    section.hero_sec {
        padding: 140px 0 30px 0;
    }

    .lsk_ejf {
        grid-column-gap: 10px;
    }

    section.vision_sec, section.hm_services, section.about_section, section.our_clients {
        padding: 75px 0;
    }
    
    .kjd_doke {
        display: flex;
        flex-direction: column-reverse;
    }
    
    .s_sde {
        width: 100%;
        max-width: 100%;
    }
    
    .slkd_cont {
        display: flex;
        align-items: center;
    }
    
    .s_sde {
        display: flex;
        align-items: center;
        text-align: center;
    }
    
    .s_sde h2 {
        text-align: center;
    }

    .kjdf9_dor {
        padding-top: 70px;
    }
    
    .sng_ew {
        gap: 12px;
    }
    
    .sng_ew h1 {
        font-size: 35px;
    }

    section.testimonials_sec {
        padding: 90px 0 80px 0;
    }
    
    .kjdf9_d {
        padding-top: 100px;
    }
    
    footer.si_footer {
        padding: 90px 0 50px 0;
    }
    
    a#scroll {
        transform: translateX(250px);
    }

    .serv_desc {
        display: none;
    }

    .container {
        padding: 0 25px;
    }
        
}


@media (max-width: 768px) {
  .team-popup {
    grid-template-columns: 1fr;
    max-height: 90vh;
  }
  .popup-left {
    /* padding: 30px 20px; */
    display: none;
  }
  .popup-right {
    padding: 25px 20px;
    width: 100%;
  }

    .team-popup {
        display: flex;
    }
}


@media(max-width: 700px) {
    .lsk_ejf {
        display: flex;
        flex-direction: column;
        gap: 40px;
        text-align: center;
    }

    .m_btsec {
        padding-top: 60px;
    }

    .s_blco {
        text-align: center;
    }

    .soie {
        display: flex;
        align-items: center;
    }

    .biwi {
        gap: 25px;
    }

    .ned_tes {
        grid-column-gap: 40px;
        grid-row-gap: 50px;
    }

    .sdkjie_ds {
        height: 150px;
    }

    section.our_clients {
        padding-bottom: 50px;
    }

    span.ts_edv svg {
        width: 35px;
        height: 35px;
        opacity: 0.7;
    }

    span.ts_edv {
        margin-bottom: 25px;
    }

    section.slider_a {
        padding-top: 120px;
    }

    .page-header h1 {
        font-size: 40px;
        font-weight: 500;
        margin-bottom: 8px;
    }

    .asdji_er {
        display: flex;
        flex-direction: column;
        gap: 35px;
    }

    section.vision_sec.about_pg .container {
        padding: 0 30px;
    }


}



@media(max-width: 650px) {
    .ned_tes {
        display: flex;
        flex-direction: column;
    }

    .ned_tes {
        display: flex;
        flex-direction: column;
    }

    .foot_se.biwi {
        display: flex;
        flex-direction: column;
        gap: 35px;
    }

    .skjd_eoow {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        line-height: 27px;
        gap: 30px;
        padding-bottom: 30px;
    }

    .cope_s p a.dev {
        display: block;
        margin: 0;
    }

    section.about_section {
        padding: 60px 0 80px 0;
    }

    .mai_titls h2 {
        font-size: 40px;
        line-height: 50px;
    }

    .mai_sub p {
        font-size: 16px;
    }


.car_contya, .car_contya_related {
    grid-template-columns: repeat(1, 1fr);
}

    .post-thumbnail img {
    max-height: 270px;
}


.our_team_members {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 50px;
}

a.sin_mem img {
    max-width: 225px;
    max-height: 280px;
}

.members_cont {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.oikwe_d {
    max-width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
}

.members_cont a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 23px;
}



}




@media(max-width: 550px) {
    .hero_sebttns {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }

    section.about_section {
        padding: 40px 0 80px 0;
    }

    .services_sig {
        grid-column-gap: 15px;
        grid-row-gap: 30px;
    }


    .services_sig {
        padding-top: 50px;
    }

    .mai_titls h2 {
        font-size: 35px;
        line-height: 42px;
    }

    section.in_numbers {
        padding: 60px 10px;
        border-radius: 35px;
    }

    .sng_ew h1 {
        font-size: 33px;
        color: #7a551e;
    }

    .ned_se.biwi {
        display: flex;
        flex-direction: column;
        gap: 40px;
    }

    .skde_hs .container {
    padding: 0;
}

.arch__left .arch__info p.desc {
    margin-top: 0;
}

.arch__left .arch__info h2.header {
    margin-bottom: 20px;
    font-size: 31px;
}

.arch__left .arch__info {
    width: 100%;
    max-width: 100%;
    padding: 10px 0 30px 0;
}

.arch__right .img-wrapper {
    margin-bottom: 0;
    height: 240px;
}

section.pg_services {
    padding-bottom: 100px;
}

}




@media(max-width: 500px) {
    .services_sig {
        display: flex;
        flex-direction: column;
        gap: 35px;
    }

    .sdkjie_ds {
        height: 200px;
        border-radius: 10px;
    }
}