@charset "UTF-8";
/*----- Fonts فونتها باید وب سیف باشند----*/
@font-face {
    font-family: 'Bkoodak';
    src: url(../fonts/BKOODB.eot) format('eot'), url(../fonts/BKOODB.woff) format('woff'), url(../fonts/BKOODB.ttf) format('truetype'), url(../fonts/BKOODB.svg) format('svg');
}

@font-face {
    font-family: 'Naz';
    src: url(../fonts/Nazanin.eot) format('eot'), url(../fonts/Nazanin.woff) format('woff'), url(../fonts/Nazanin.ttf) format('truetype'), url(../fonts/Nazanin.svg) format('svg');
}

@font-face {
    font-family: 'Yekan';
    src: url(../fonts/Yekan.eot) format('eot'), url(../fonts/Yekan.woff) format('woff'), url(../fonts/Yekan.ttf) format('truetype'), url(../fonts/Yekan.otf) format('otf'), url(../fonts/Yekan.svg) format('svg');
}

@font-face {
    font-family: 'MySans';
    src: url(../fonts/mySans.eot) format('eot'), url(../fonts/mySans.woff) format('woff'), url(../fonts/mySans.woff2) format('woff2'), url(../fonts/mySans.ttf) format('truetype'), url(../fonts/mySans.svg) format('svg');
}

@font-face {
    font-family: 'Vaz';
    src: url(../fonts/Vazir.eot) format('eot'), url(../fonts/Vazir.woff) format('woff'), url(../fonts/Vazir.ttf) format('truetype'), url(../fonts/Vazir.svg) format('svg');
}

@font-face {
    font-family: 'themify';
    src: url('../fonts/themify.eot?-fvbane');
    src: url('../fonts/themify.eot?#iefix-fvbane') format('embedded-opentype'), url('../fonts/themify.woff?-fvbane') format('woff'), url('../fonts/themify.ttf?-fvbane') format('truetype'), url('../fonts/themify.svg?-fvbane#themify') format('svg');
    font-weight: normal;
    font-style: normal
}

[class^="ti-"], [class*="ti-"] {
    font-family: 'themify';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ti-menu:before {content: "\e68e";}
.ti-menu-alt:before {content: "\e68f";}
.ti-home:before {content: "\e69b";}
.ti-mobile:before {content: "\e621";}
.ti-shopping-cart:before {content: "\e60d";}
.ti-shopping-cart-full:before {content: "\e60e";}
.ti-import:before {content: "\e632";}
.ti-export:before {content: "\e63e";}
.ti-search:before {content: "\e610";}
.ti-angle-down:before {content: "\e64b";}
.ti-arrow-circle-down:before {content: "\e65f";}
.ti-user:before {content: "\e602";}
.ti-themify-favicon:before {content: "\e6d2";}
.ti-angle-double-left:before {content: "\e662";}
.ti-close:before {content: "\e646";}
.ti-face-smile:before {content: "\e71f";}
.ti-lock:before {content: "\e62b";}
.ti-settings:before {content: "\e60f";}
.ti-wand:before {content: "\e600";}
.ti-package:before {content: "\e687";}
.ti-ruler-pencil:before {content: "\e615";}
.ti-ruler-alt-2:before {content: "\e6db";}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../fonts/glyphicons-halflings-regular.eot');
    src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

[class^="glyphicon-"], [class*="glyphicon-"] {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.glyphicon-home:before {content: "\e021";}
.glyphicon-chevron-left:before {content: "\e079";}
.glyphicon-chevron-right:before {content: "\e080";}
.glyphicon-chevron-up:before {content: "\e113";}
.glyphicon-chevron-down:before {content: "\e114";}
.glyphicon-eye-open:before {content: "\e105";}
.glyphicon-eye-close:before {content: "\e106";}
.glyphicon-search:before {content: "\e003";}
.glyphicon-user:before {content: "\e008";}
.glyphicon-lock:before {content: "\e033";}
.glyphicon-pencil:before {content: "\270f";}
.glyphicon-inbox:before {content: "\e028";}
.glyphicon-phone:before {content: "\e145";}
.glyphicon-phone-alt:before {content: "\e183";}
.glyphicon-map-marker:before {content: "\e062";}
.glyphicon-globe:before {content: "\e135";}
.glyphicon-envelope:before {content: "\2709";}
.glyphicon-send:before {content: "\e171";}
.glyphicon-shopping-cart:before {content: "\e116";}
.glyphicon-log-in:before {content: "\e161";}
.glyphicon-log-out:before {content: "\e163";}
.glyphicon-triangle-top:before {content: "\e253";}
.glyphicon-triangle-left:before {content: "\e251";}
.glyphicon-edit:before {content: "\e065";}
.glyphicon-remove:before {content: "\e014";}
.glyphicon-remove-sign:before {content: "\e083";}
.glyphicon-filter:before {content: "\e138";}
.glyphicon-link:before {content: "\e144";}
.glyphicon-text-background:before {content: "\e243";}
.glyphicon-info-sign:before {content: "\e086";}
.glyphicon-warning-sign:before {content: "\e107";}
.glyphicon-alert:before {content: "\e209";}
.glyphicon-ok:before {content: "\e013";}
.glyphicon-ok-circle:before {content: "\e089";}
.glyphicon-ok-sign:before {content: "\e084";}
.glyphicon-heart:before {content: "\e005";}
.glyphicon-flag:before {content: "\e034";}
.glyphicon-minus:before {content: "\2212";}
.glyphicon-plus:before {content: "\002b";}
.glyphicon-apple:before {content: "\f8ff";}
.glyphicon-grain:before {content: "\e239";}
.glyphicon-menu-up:before {content: "\e260";}
.glyphicon-list-alt:before {content: "\e032";}
.glyphicon-list:before {content: "\e056";}
.glyphicon-leaf:before {content: "\e103";}
.glyphicon-flash:before {content: "\e162";}
.glyphicon-usd:before {content: "\e148";}
.glyphicon-euro:before {content: "\20ac";}
.glyphicon-time:before {content: "\e023";}
.glyphicon-hourglass:before {content: "\231b";}
.glyphicon-question-sign:before {content: "\e085";}
.glyphicon-calendar:before {content: "\e109";}
.glyphicon-off:before {content: "\e017";}
.glyphicon-print:before {content: "\e045";}
.glyphicon-unchecked:before {content: "\e157";}
.glyphicon-check:before {content: "\e067";}
.glyphicon-magnet:before {content: "\e112";}
.glyphicon-exclamation-sign:before {content: "\e101";}
.glyphicon-bitcoin:before {content: "\e227";}
.glyphicon-btc:before {content: "\e227";}
.glyphicon-xbt:before {content: "\e227";}
.glyphicon-thumbs-up:before {content: "\e125";}
.glyphicon-menu-hamburger:before {content: "\e236";}
.glyphicon-fire:before {content: "\e104";}
.glyphicon-plus-sign:before {content: "\e081";}
.glyphicon-minus-sign:before {content: "\e082";}

/*awesome fonts----------------*/
.fa {
    /*font-family: 'Font Awesome 6 Pro';*/
    font-family: '_awesome';
    font-family: var(--fa-style-family);
    font-weight: 900;
    font-weight: var(--fa-style);
}

.fa,
.fas,
.fa-solid,
.far,
.fa-regular,
.fal,
.fa-light,
.fad,
.fa-duotone {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

@font-face {
    /*font-family: 'Font Awesome 6 Pro';*/
    font-family: '_awesome';
    font-style: normal;
    font-weight: 300;
    font-display: block;
    src: url("../fonts/_awesome/fa-light-300.eot");
    src: url("../fonts/_awesome/fa-light-300.eot?#iefix") format("embedded-opentype"), url("../fonts/_awesome/fa-light-300.woff2") format("woff2"), url("../fonts/_awesome/fa-light-300.woff") format("woff"), url("../fonts/_awesome/fa-light-300.ttf") format("truetype"), url("../fonts/_awesome/fa-light-300.svg#fontawesome") format("svg");
}

.fal,
.fa-light {
    /*font-family: 'Font Awesome 6 Pro';*/
    font-family: '_awesome';
    font-weight: 300;
}

@font-face {
    /*font-family: 'Font Awesome 6 Pro';*/
    font-family: '_awesome';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("../fonts/_awesome/fa-regular-400.eot");
    src: url("../fonts/_awesome/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../fonts/_awesome/fa-regular-400.woff2") format("woff2"), url("../fonts/_awesome/fa-regular-400.woff") format("woff"), url("../fonts/_awesome/fa-regular-400.ttf") format("truetype"), url("../fonts/_awesome/fa-regular-400.svg#fontawesome") format("svg");
}

.far,
.fa-regular {
    /*font-family: 'Font Awesome 6 Pro';*/
    font-family: '_awesome';
    font-weight: 400;
}

@font-face {
    /*font-family: 'Font Awesome 6 Pro';*/
    font-family: '_awesome';
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url("../fonts/_awesome/fa-solid-900.eot");
    src: url("../fonts/_awesome/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../fonts/_awesome/fa-solid-900.woff2") format("woff2"), url("../fonts/_awesome/fa-solid-900.woff") format("woff"), url("../fonts/_awesome/fa-solid-900.ttf") format("truetype"), url("../fonts/_awesome/fa-solid-900.svg#fontawesome") format("svg");
}

.fas,
.fa-solid {
    /*font-family: 'Font Awesome 6 Pro';*/
    font-family: '_awesome';
    font-weight: 900;
}

@font-face {
    /*font-family: 'Font Awesome 6 Pro';*/
    font-family: '_awe_some';
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url("../fonts/_awesome/fa-duotone-900.eot");
    src: url("../fonts/_awesome/fa-duotone-900.eot?#iefix") format("embedded-opentype"), url("../fonts/_awesome/fa-duotone-900.woff2") format("woff2"), url("../fonts/_awesome/fa-duotone-900.woff") format("woff"), url("../fonts/_awesome/fa-duotone-900.ttf") format("truetype"), url("../fonts/_awesome/fa-duotone-900.svg#fontawesome") format("svg");
}

.fad,
.fa-duotone {
    position: relative;
    /*font-family: 'Font Awesome 6 Pro';*/
    font-family: '_awe_some';
    font-weight: 900;
}

    .fad:before,
    .fa-duotone:before {
        position: absolute;
        color: var(--fa-primary-color, inherit);
        opacity: 1;
        opacity: var(--fa-primary-opacity, 1);
    }

    .fad:after,
    .fa-duotone:after {
        color: var(--fa-secondary-color, inherit);
        /*opacity: 0.4;
  opacity: var(--fa-secondary-opacity, 0.4);*/
        opacity: 0.6;
        opacity: var(--fa-secondary-opacity, 0.6);
    }

    .fa-swap-opacity .fad:before,
    .fa-swap-opacity .fa-duotone:before,
    .fad.fa-swap-opacity:before,
    .fa-duotone.fa-swap-opacity:before {
        opacity: 0.4;
        opacity: var(--fa-secondary-opacity, 0.4);
    }

    .fa-swap-opacity .fad:after,
    .fa-swap-opacity .fa-duotone:after,
    .fad.fa-swap-opacity:after,
    .fa-duotone.fa-swap-opacity:after {
        opacity: 1;
        opacity: var(--fa-primary-opacity, 1);
    }

    .fad.fa-inverse,
    .fa-duotone.fa-inverse {
        color: #fff;
    }

    .fad.fa-stack-1x, .fad.fa-stack-2x,
    .fa-duotone.fa-stack-1x, .fad.fa-stack-2x {
        position: absolute;
    }

        .fad.fa-stack-1x:before,
        .fa-duotone.fa-stack-1x:before,
        .fad.fa-stack-2x:before,
        .fa-duotone.fa-stack-2x:before,
        .fad.fa-fw:before,
        .fa-duotone.fa-fw:before {
            left: 50%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
        }

.fa-user:before {content: "\f007";}
.fa-user-large:before {content: "\f406";}
.fa-user-alt:before {content: "\f406";}
.fad.fa-book-alt:after, .fa-duotone.fa-book-alt:after {content: "\10f5d9";}
.fa-angle-down:before {content: "\f107";}
.fa-shopping-cart:before {content: "\f07a";}
.fa-globe:before {content: "\f0ac";}
.fa-blog:before {content: "\f781";}
.fad.fa-blog:after, .fa-duotone.fa-blog:after {content: "\10f781";}
.fa-microchip:before {content: "\f2db";}
.fad.fa-microchip:after, .fa-duotone.fa-microchip:after {content: "\10f2db";}
.fa-phone:before {content: "\f095";}
.fa-phone-alt:before {content: "\f879";}
.fa-mobile-alt:before {content: "\f3cd";}
.fad.fa-mobile-alt:after, .fa-duotone.fa-mobile-alt:after {content: "\10f3cd";}
.fa-handshake:before {content: "\f2b5";}
.fad.fa-handshake:after, .fa-duotone.fa-handshake:after {content: "\10f2b5";}
.fa-chess-board:before {content: "\f43c";}
.fad.fa-chess-board:after, .fa-duotone.fa-chess-board:after {content: "\10f43c";}
.fa-list-ul:before {content: "\f0ca";}
.fa-list-squares:before {content: "\f03a";}
.fad.fa-list:after, .fa-duotone.fa-list:after {content: "\10f03a";}
.fa-dharmachakra:before {content: "\f655";}

/*----------------awesome fonts*/
/*----------------------------- reset css ---------------------------*/
:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --muted: #6c757d;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    /*--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;*/
}

.text-primary {color: #007bff;}
.text-secondary {color: #6c757d;}
.text-success {color: #28a745;}
.text-info {color: #17a2b8;}
.text-warning {color: #ffc107;}
.text-danger {color: #dc3545;}
.text-light {color: #f8f9fa;}
.text-dark {color: #343a40;}
.text-muted {color: #cc99cc !important;}
.text-indigo {color: #6610f2;}
.text-purple {color: #6f42c1;}
.text-pink {color: #e83e8c;}
.text-red {color: #dc3545;}
.text-orange {color: #fd7e14;}
.text-green {color: #28a745;}
.text-teal {color: #20c997;}
.text-cyan {color: #17a2b8;}
.bg-primary {background-color: #007bff;}
.bg-secondary {background-color: #6c757d;}
.bg-success {background-color: #28a745;}
.bg-info {background-color: #17a2b8;}
.bg-warning {background-color: #ffc107;}
.bg-danger {background-color: #dc3545;}
.bg-light {background-color: #f8f9fa;}
.bg-dark {background-color: #343a40;}
.bg-indigo {background-color: #6610f2;}
.bg-purple {background-color: #6f42c1;}
.bg-pink {background-color: #e83e8c;}
.bg-red { background-color: #dc3545;}
.bg-orange {background-color: #fd7e14;}
.bg-green {background-color: #28a745;}
.bg-teal {background-color: #20c997;}
.bg-cyan {background-color: #17a2b8;}

[class*="btn-"] {
    outline: none;
    transition: all 0.3s;
}

.btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}

.btn:hover {
  color: #212529;
  text-decoration: none;
}

.btn:focus, .btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;}
    .btn-primary:hover {
        color: #fff;
        background-color: #0069d9;
        border-color: #0062cc;
    }
    .btn-primary:focus {box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}
    .btn-secondary:hover {
        color: #fff;
        background-color: #5a6268;
        border-color: #5a6268;
    }
    .btn-secondary:focus {box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);}

.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}
    .btn-success:hover {
        color: #fff;
        background-color: #218838;
        border-color: #1e7e34;
    }
    .btn-success:focus {box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);}

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}
    .btn-info:hover {
        color: #fff;
        background-color: #138496;
        border-color: #117a8b;
    }
    .btn-info:focus {box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);}

.btn-warning {
    color: #fff;
    background-color: #ffc107;
    border-color: #ffc107;
}
    .btn-warning:hover {
        color: #fff;
        background-color: #e0a800;
        border-color: #d39e00;
    }
    .btn-warning:focus {box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}
    .btn-danger:hover {
        color: #fff;
        background-color: #c82333;
        border-color: #bd2130;
    }
    .btn-danger:focus {box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);}

.btn-light {
    color: #fff;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}
    .btn-light:hover {
        color: #fff;
        background-color: #e2e6ea;
        border-color: #dae0e5;
    }
    .btn-light:focus {box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);}

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}
    .btn-dark:hover {
        color: #fff;
        background-color: #23272b;
        border-color: #1d2124;
    }
    .btn-dark:focus {box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);}

.btn-indigo {
    color: #fff;
    background-color: #6610f2;
    border-color: #6610f2;
}
.btn-purple {
    color: #fff;
    background-color: #6f42c1;
    border-color: #6f42c1;
}
.btn-pink {
    color: #fff;
    background-color: #e83e8c;
    border-color: #e83e8c;
}
.btn-red {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}
.btn-orange {
    color: #fff;
    background-color: #fd7e14;
    border-color: #fd7e14;
}
.btn-green {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}
.btn-teal {
    color: #fff;
    background-color: #20c997;
    border-color: #20c997;
}
    .btn-teal:hover {
            color: #fff;
            background-color: #10b987;
            border-color: #10b987;
        }
    .btn-teal:focus {box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);}

.btn-cyan {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}
/*----------------------------------------------------------*/
*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    /*font-family: sans-serif;*/
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block;
}

body {
    margin: 0;
    /*font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;*/
    background-color: #fff;
}

hr {
    box-sizing: content-box;
    height: 0;
    /*overflow:hidden;*/ /* user agent stylesheet */
    overflow: visible;
}

img {
    max-width: 100%;
    height: auto;
}
img {
    vertical-align: middle;
    border-style: none;
}
svg {
    overflow: hidden;
    vertical-align: middle;
}
ul {
    list-style-type: none;
}
ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
    margin-bottom: 0;
}

::-webkit-scrollbar {
    width: 15px;
}
::-webkit-scrollbar-thumb {
    background-color: #eee;
    /*background-color:transparent;*/
    border-radius: 15px;
    border: 5px solid transparent;
    background-clip: padding-box;
    transition: all 0.9s;
}
::-webkit-scrollbar-thumb:hover {
    background-color: #e1e1e1;
    /*background-color:transparent;*/
}
/*----------------------Typography---------------------------*/
.fntdir {direction: rtl !important;text-align: right !important;}
.FntTxt00 {font-family: Naz;}
.FntTxt01 {font-family: Naz;font-size: 1.5rem;}
.FntTxt02 {font-family: Naz;font-size: 1.1rem;}
.FntTxt03 {font-family: Naz;font-size: 0.9rem;}
.FntTxt10 {font-family: Tahoma;}
.FntTxt11 {font-family: Tahoma;font-size: 1.5rem;}
.FntTxt12 {font-family: Tahoma;font-size: 1.0rem;}
.FntTxt13 {font-family: Tahoma;font-size: 0.9rem;}
.FntTxt20 {font-family: MySans;}
.FntTxt21 {font-family: MySans;font-size: 1.5rem;}
.FntTxt22 {font-family: MySans;font-size: 1.0rem;}
.FntTxt23 {font-family: MySans;font-size: 0.9rem;}
.FntTxt30 {font-family: Yekan;}
.FntTxt31 {font-family: Yekan;font-size: 1.5rem}
.FntTxt32 {font-family: Yekan;font-size: 1.0rem}
.FntTxt33 {font-family: Yekan;font-size: 0.9rem}
.FntTxt40 {font-family: Bkoodak;}
.FntTxt41 {font-family: Bkoodak;font-size: 1.5rem;}
.FntTxt42 {font-family: Bkoodak;font-size: 1.0rem;}
.FntTxt43 {font-family: Bkoodak;font-size: 0.9rem;}
.FntTxt50 {font-family: Vaz;}
.FntTxt51 {font-family: Vaz;font-size: 1.5rem;}
.FntTxt52 {font-family: Vaz;font-size: 1.0rem;}
.FntTxt53 {font-family: Vaz;font-size: 0.9rem;}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0.4rem;
    margin-bottom: 0.4rem;
}

p {
    margin-top: 0;
    margin-bottom: 0.4rem;
}

/*p.font1 {font-size: 0.9rem;}
p.font2 {font-size: 1.0rem;}
p.font3 {font-size: 1.1rem;}*/

h1, h2, h3, h4, h5, h6 {
    font-family: Vaz;
    color: cornflowerblue;
    font-weight: 100;
}
    /*.modal h1,.modal h2,.modal h3,.modal h4,.modal h5,.modal h6{
    color:blueviolet;
}*/

    /*h1.font1, h2.font1, h3.font1, h4.font1, h5.font1, h6.font1 {font-size: 28px;}

    h1.font2, h2.font2, h3.font2, h4.font2, h5.font2, h6.font2 {font-size: 29px;}

    h1.font3, h2.font3, h3.font3, h4.font3, h5.font3, h6.font3 {font-size: 30px;}

@media only screen and (min-width:768px) {
    h1.font1, h2.font1, h3.font1, h4.font1, h5.font1, h6.font1 {font-size: 36px;}

    h1.font2, h2.font2, h3.font2, h4.font2, h5.font2, h6.font2 {font-size: 38px;}

    h1.font3, h2.font3, h3.font3, h4.font3, h5.font3, h6.font3 {font-size: 40px;}
}*/

a {
    text-decoration: none !important;
    transition: all linear 150ms !important;
    cursor: pointer; /*padding:20px;*/
}
    /*a:hover, a:focus{background-color:#e4e6ed;}*/

    a.acolorless {opacity: 0.8;color: azure;}

        a.acolorless:hover, a.acolorless:focus {opacity: 1.0;}

    a.acolorfull {opacity: 1;color: darkgoldenrod;}

        a.acolorfull:hover, a.acolorfull:focus {opacity: 0.75;}

    a.font1 {font-size: 0.9rem;}

    a.font2 {font-size: 1.0rem;}

    a.font3 {font-size: 1.1rem;}

/*------------------------------------------------------*/
[class*="co-"]{padding :0px;}
[class*="co-"]{width : 100%;}
@media only screen and (min-width:576px){
.co-m-1{width:2%;} .co-m-2{width:4%;} .co-m-3{width:6%;} .co-m-4{width:8%;} .co-m-5{width:10%;}
.co-m-6{width:12%;} .co-m-7{width:14%;} .co-m-8{width:16%;} .co-m-9{width:18%;} .co-m-10{width:20%;}
.co-m-11{width:22%;} .co-m-12{width:24%;} .co-m-13{width:26%;} .co-m-14{width:28%;} .co-m-15{width:30%;}
.co-m-16{width:32%;} .co-m-17{width:34%;} .co-m-18{width:36%;} .co-m-19{width:38%;} .co-m-20{width:40%;}
.co-m-21{width:42%;} .co-m-22{width:44%;} .co-m-23{width:46%;} .co-m-24{width:48%;} .co-m-25{width:50%;}
.co-m-26{width:52%;} .co-m-27{width:54%;} .co-m-28{width:56%;} .co-m-29{width:58%;} .co-m-30{width:60%;}
.co-m-31{width:62%;} .co-m-32{width:64%;} .co-m-33{width:66%;} .co-m-34{width:68%;} .co-m-35{width:70%;}
.co-m-36{width:72%;} .co-m-37{width:74%;} .co-m-38{width:76%;} .co-m-39{width:78%;} .co-m-40{width:80%;}
.co-m-41{width:82%;} .co-m-42{width:84%;} .co-m-43{width:86%;} .co-m-44{width:88%;} .co-m-45{width:90%;}
.co-m-46{width:92%;} .co-m-47{width:94%;} .co-m-48{width:96%;} .co-m-49{width:98%;} .co-m-50{width:100%;}
}
@media only screen and (min-width:768px){
.co-1{width:2%;} .co-2{width:4%;} .co-3{width:6%;} .co-4{width:8%;} .co-5{width:10%;}
.co-6{width:12%;} .co-7{width:14%;} .co-8{width:16%;} .co-9{width:18%;} .co-10{width:20%;}
.co-11{width:22%;} .co-12{width:24%;} .co-13{width:26%;} .co-14{width:28%;} .co-15{width:30%;}
.co-16{width:32%;} .co-17{width:34%;} .co-18{width:36%;} .co-19{width:38%;} .co-20{width:40%;}
.co-21{width:42%;} .co-22{width:44%;} .co-23{width:46%;} .co-24{width:48%;} .co-25{width:50%;}
.co-26{width:52%;} .co-27{width:54%;} .co-28{width:56%;} .co-29{width:58%;} .co-30{width:60%;}
.co-31{width:62%;} .co-32{width:64%;} .co-33{width:66%;} .co-34{width:68%;} .co-35{width:70%;}
.co-36{width:72%;} .co-37{width:74%;} .co-38{width:76%;} .co-39{width:78%;} .co-40{width:80%;}
.co-41{width:82%;} .co-42{width:84%;} .co-43{width:86%;} .co-44{width:88%;} .co-45{width:90%;}
.co-46{width:92%;} .co-47{width:94%;} .co-48{width:96%;} .co-49{width:98%;} .co-50{width:100%;}
}
@media only screen and (min-width:992px){
.co-l-1{width:2%;} .co-l-2{width:4%;} .co-l-3{width:6%;} .co-l-4{width:8%;} .co-l-5{width:10%;}
.co-l-6{width:12%;} .co-l-7{width:14%;} .co-l-8{width:16%;} .co-l-9{width:18%;} .co-l-10{width:20%;}
.co-l-11{width:22%;} .co-l-12{width:24%;} .co-l-13{width:26%;} .co-l-14{width:28%;} .co-l-15{width:30%;}
.co-l-16{width:32%;} .co-l-17{width:34%;} .co-l-18{width:36%;} .co-l-19{width:38%;} .co-l-20{width:40%;}
.co-l-21{width:42%;} .co-l-22{width:44%;} .co-l-23{width:46%;} .co-l-24{width:48%;} .co-l-25{width:50%;}
.co-l-26{width:52%;} .co-l-27{width:54%;} .co-l-28{width:56%;} .co-l-29{width:58%;} .co-l-30{width:60%;}
.co-l-31{width:62%;} .co-l-32{width:64%;} .co-l-33{width:66%;} .co-l-34{width:68%;} .co-l-35{width:70%;}
.co-l-36{width:72%;} .co-l-37{width:74%;} .co-l-38{width:76%;} .co-l-39{width:78%;} .co-l-40{width:80%;}
.co-l-41{width:82%;} .co-l-42{width:84%;} .co-l-43{width:86%;} .co-l-44{width:88%;} .co-l-45{width:90%;}
.co-l-46{width:92%;} .co-l-47{width:94%;} .co-l-48{width:96%;} .co-l-49{width:98%;} .co-l-50{width:100%;}
}
@media only screen and (min-width:1200px){
.co-xl-1{width:2%;} .co-xl-2{width:4%;} .co-xl-3{width:6%;} .co-xl-4{width:8%;} .co-xl-5{width:10%;}
.co-xl-6{width:12%;} .co-xl-7{width:14%;} .co-xl-8{width:16%;} .co-xl-9{width:18%;} .co-xl-10{width:20%;}
.co-xl-11{width:22%;} .co-xl-12{width:24%;} .co-xl-13{width:26%;} .co-xl-14{width:28%;} .co-xl-15{width:30%;}
.co-xl-16{width:32%;} .co-xl-17{width:34%;} .co-xl-18{width:36%;} .co-xl-19{width:38%;} .co-xl-20{width:40%;}
.co-xl-21{width:42%;} .co-xl-22{width:44%;} .co-xl-23{width:46%;} .co-xl-24{width:48%;} .co-xl-25{width:50%;}
.co-xl-26{width:52%;} .co-xl-27{width:54%;} .co-xl-28{width:56%;} .co-xl-29{width:58%;} .co-xl-30{width:60%;}
.co-xl-31{width:62%;} .co-xl-32{width:64%;} .co-xl-33{width:66%;} .co-xl-34{width:68%;} .co-xl-35{width:70%;}
.co-xl-36{width:72%;} .co-xl-37{width:74%;} .co-xl-38{width:76%;} .co-xl-39{width:78%;} .co-xl-40{width:80%;}
.co-xl-41{width:82%;} .co-xl-42{width:84%;} .co-xl-43{width:86%;} .co-xl-44{width:88%;} .co-xl-45{width:90%;}
.co-xl-46{width:92%;} .co-xl-47{width:94%;} .co-xl-48{width:96%;} .co-xl-49{width:98%;} .co-xl-50{width:100%;}
}

[class*="cos-"]{padding :0px;}
[class*="cos-"]{width : 80%;}
@media only screen and (max-width:768px){
.cos-1{width:100%;} .cos-2{width:95%;} .cos-3{width:90%;} 
.cos-4{width:85%;} .cos-5{width:80%;} .cos-6{width:75%;} .cos-7{width:70%;} .cos-8{width:65%;} .cos-9{width:60%;}
.cos-10{width:55%;}.cos-11{width:50%;} .cos-12{width:45%;} .cos-13{width:40%;} .cos-14{width:35%;} .cos-15{width:30%;}
.cos-16{width:25%;} .cos-17{width:20%;} .cos-18{width:15%;} .cos-19{width:10%;} .cos-20{width:5%;}		
}
@media only screen and (max-width:576px){
.cos-m-1{width:100%;} .cos-m-2{width:95%;} .cos-m-3{width:90%;} 
.cos-m-4{width:85%;} .cos-m-5{width:80%;} .cos-m-6{width:75%;} .cos-m-7{width:70%;} .cos-m-8{width:65%;} .cos-m-9{width:60%;}
.cos-10{width:55%;}.cos-11{width:50%;} .cos-12{width:45%;} .cos-13{width:40%;} .cos-14{width:35%;} .cos-15{width:30%;}
.cos-m-16{width:25%;} .cos-m-17{width:20%;} .cos-m-18{width:15%;} .cos-m-19{width:10%;} .cos-m-20{width:5%;}		
}
/*---------------------------utility---------------------------*/
.text-center {
    text-align: center;
}

.mr-0auto {
    margin: 0 auto;
}

.mr-5auto {
    margin: 5px auto;
}

.mr-15auto {
    margin: 15px auto;
}

.display-b {
    display: block;
}

.display-n {
    display: none;
}

.overflow-h {
    overflow: hidden;
}

.overflow-s {
    overflow: scroll;
}

.overflow-v {
    overflow: visible;
}


.adjust-fontsize {
    font-size: 18px;
}

.adjust-padding {
    padding: 10px 20px;
}

.adjust-htag {
    font-size: 22px;
}

@media only screen and (min-width:400px) {
    .adjust-htag {
        font-size: 28px;
    }
}

@media only screen and (min-width:768px) {
    .adjust-fontsize {
        font-size: 28px;
    }

    .adjust-padding {
        padding: 20px 40px;
    }

    .adjust-htag {
        font-size: 32px;
    }
}

.row__0 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.row__1 {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.row__2 {
    display: flex;
    justify-content: center;
    align-items: center;
}

._container-fluid {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    /*padding-right: 15px;
  padding-left: 15px;*/
    margin-right: auto;
    margin-left: auto;
}

._row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0px;
    margin-left: 0px;
    /*margin-right: -15px;
  margin-left: -15px;*/
}

.flip-horizontal {
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    /*filter:FlipH;
    -ms-filter:"FlipH";*/
}

.sepdiv1 {
    width: 100%;
    height: 1px;
    background-color: transparent !important;
}

.sepdiv3 {
    width: 100%;
    height: 3px;
    background-color: transparent !important;
}

.sepdiv5 {
    width: 100%;
    height: 5px;
    background-color: transparent !important;
}

._form-control {
  display: block;
  width: 100%;
  max-width:100%;
  height: calc(1.5em + 0.75rem + 2px);
  /*min-height:60px;*/
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  ._form-control {
    transition: none;
  }
}

._form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}

._form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

/*-------------------------------------------------------*/
.homefirstban {
    width: 100%;
    height: auto;
    padding: 12px 10px;
    /*border:1px solid #666;*/
}

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

    .homefirstban img {
        width: 36px;
        height: 36px;
    }

    .homefirstban h1 {
        font-size: 23px;
        font-family: Yekan;
        color: deepskyblue;
        text-shadow: -1px 1px 1px #8994b9;
    }

@media only screen and (min-width:400px) {
    .homefirstban h1 {
        font-size: 28px;
    }
}

@media only screen and (min-width:576px) {
    .homefirstban h1 {
        font-size: 32px;
    }
}

@media only screen and (min-width:992px) {
    .homefirstban {
        padding: 5px 100px 5px 60px;
        display: flex;
        justify-content: space-around;
        align-items: center;
    }

        .homefirstban .inner {
            justify-content: center;
        }

        .homefirstban img {
            width: 60px;
            height: 60px;
        }

        .homefirstban h1 {
            font-size: 45px;
            color: deepskyblue;
            text-shadow: -1px 1px 1px #8994b9;
        }
}
/*----------------------- Part of topbar 2 --------------------------*/
.topbar {
    padding: 1px 0px 0px 0px;
    /*display:none;*/
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 20;
    margin: 10px 0 0 0;
}

    .topbar .inner {
        width: 100%;
        height: 42px;
        background-color: #f3f5f7;
        box-shadow: rgba(0,0,0,0.12) 0px -1.5px 8px 2px;
        border: none;
        border-bottom: 1px solid azure;
    }
    @media only screen and (max-width:768px){
        .topbar .inner{
            background-color:#f2f4f6 !important;
            opacity:0.95;
        }
        .topbar .inner a{
            color:red !important;
            opacity:1;
        }

        .topmenu1 .item{
            padding:0px 10px;
            border-bottom:2px solid transparent;
        }

        .topbar .inner .topmenu1 .item.active{
        /*opacity:0.8;*/   /*-- in js1 --*/
        /*box-shadow:rgba(0,0,0,0.24) 1px 1px;*/
        /*border-bottom:1px solid red;*/
        /*background-color:#e3e3e3;*/
        background-color:#fff;
        border-radius:2px;
        /*box-shadow:rgba(0,0,0,0.10) 0 0 1px 2px;*/
        border-bottom:2px solid red;
    }
        .topbar .inner .topmenu1 .item.active a{
        /*color:#fff !important;*/
        opacity:1;
    }

        /*.topmenu1 a:hover {
            opacity: 0.75 !important;
        }
        .topmenu1 a:focus {
            opacity: 0.5 !important;
        }*/
    }

@media only screen and (min-width:400px) {
    .topbar .inner {
        height: 45px;
    }
}

@media only screen and (min-width:768px) {
    .topbar {
        position: static;
        padding: 1px 0px 15px 0px;
        margin: 10px 0 0 0;
    }

        .topbar .inner {
            height: 50px;
            box-shadow: rgba(0,0,0,0.12) 0px 1px 8px 2px;
            border: none;
        }
}

.topmenu1 {
    display: flex;
    align-items: center;
    justify-content: space-around;
    color: coral;
    padding: 2px 0 0 0;
    /*border:1px solid red;*/
    margin: auto;
}

    .topmenu1 .item{
        /*border:1px solid red;*/
        /*padding:0px;*/
    }
    .topmenu1 .item.active{
        /*opacity:0.8;*/   /*-- in js1 --*/
        /*box-shadow:rgba(0,0,0,0.24) 1px 1px;*/
        /*border-bottom:1px solid red;*/
        background-color:none;
    }

    .topmenu1 a {
        /*color:#33ff00;*/
        /*border:1px solid red;*/
        color: cornflowerblue;
    }

        .topmenu1 a:hover {
            /*color:#009900;*/
            opacity: 0.75;
        }
        .topmenu1 a:focus {
            /*color:#009900;*/
            opacity: 0.65;
        }

    .topmenu1 .item a, .topmenu1 .item a .shop_data {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        /*border:1px solid #777;*/
    }

        .topmenu1 .item a div:nth-child(1) {
            font-size: 16px;
            transition: all 0.3s;
            /*border:1px solid #999;*/
            text-align: center;
        }

        .topmenu1 .item a div:nth-child(2), .topmenu1 .item a div:nth-child(3) {
            font-size: 13px;
            font-weight: 600;
            font-family: Yekan;
        }

@media only screen and (min-width:400px) {
    .topmenu1 .item a div:nth-child(1) {
        font-size: 17px;
    }

    .topmenu1 .item a div:nth-child(2), .topmenu1 .item a div:nth-child(3) {
        font-size: 14px;
    }
}

@media only screen and (min-width:768px) {
    .topmenu1 {
        /*padding:4px 0 0 0;*/
        padding: 2px 0;
    }

    .topmenu1 .item{
        padding:10px 5px;
    }

        .topmenu1 .item a {
            flex-direction: row;
        }

            .topmenu1 .item a div:nth-child(1) {
                font-size: 17px;
                right: 40%;
                margin-left: 5px;
            }

            .topmenu1 .item a div:nth-child(2), .topmenu1 .item a div:nth-child(3) {
                font-size: 17.5px;
                font-family: Yekan;
            }

        .topmenu1 a:hover div:nth-child(1), .topmenu1 a:focus div:nth-child(1) {
            font-size: 17px;
        }
}


/*----------------------- Part of central links --------------------------*/
@media only screen and (min-width:1200px) {
    .navsign {
        display: block;
    }

    .content2 {
        display: none;
    }

    .nav-menu-1 {
        width: 100%;
        /*border:1px solid #777;*/
        margin: 5px 0px 20px;
        padding: 15px;
        font-family: Yekan;
        position: relative;
        z-index: 3;
        /*background-color:red;*/
        text-align: center;
    }

        .nav-menu-1 .accountpanel {
            display: none;
        }

        .nav-menu-1 .heading {
            text-align: center;
        }

        .nav-menu-1 .headtitle {
            display: none;
            /*display:block;*/
        }

        .nav-menu-1 .heading .item {
            display: inline;
            padding: 10px 2%;
            border: 1px solid aqua;
            font-size: 17.5px;
            font-weight: bold;
            color: #6c757d;
            margin:0px 5px;
            border-radius: 10px 10px 0 0;
            cursor: pointer;
            position: relative;
            transition: all 0.3s;
        }
        
            .nav-menu-1 .heading .item h1 {
                display: inline;
                font-size: 17px;
                margin: 0px;
                font-family: Yekan;
            }

            .nav-menu-1 .heading .item i {
                display: none;
            }

            .nav-menu-1 .heading .item::after {
                width: 0;
                /*height: 6px;*/
                height: 4px;
                background: #dc2026;
                content: '';
                position: absolute;
                bottom: -2px;
                left: 0;
                right: 0;
                margin: auto;
                transition: all .4s;
            }

            .nav-menu-1 .heading .item:hover::after {
                width: 100%;
            }

            .nav-menu-1 .heading .item.active {
                background-color: azure;
            }

            .nav-menu-1 .heading .item ~ .item {
                opacity: 0.6;
            }

        .nav-menu-1 .content {
            width: 90%;
            /*border: 0.61px solid Yellow;*/
            box-shadow:none;
            background-color:transparent;
            border-radius: 0px 0px 20px 20px;
            /*margin: 15px 30px 15px auto;*/
            /*display:flex;*/
            position: absolute;
            top: 51px;
            right:60px;
            /*right: calc(width/2);*/
            background-color:#fff;
            /*padding:20px;*/
            transition: all 0.2s;
        }

        .nav-menu-1 .content .inner1{
            width:100%;
            display: none;
            /*border:1px solid #eaeaea;*/
        }

        .nav-menu-1 .content .inner1 .links{
            width:auto;
            max-width:80%;
			background-color:#fafafa;
            box-shadow:rgba(200,200,200,0.2) 0 0 1px 1px;
            /*border:1px solid #f3f3f3;*/
            /*background-color:#f7f8e7;*/
            padding:10px;
            /*display:inline;*/
            display:inline-flex;
            /*justify-content:center;*/
            /*justify-content:flex-start;*/
            margin:0 auto;
            overflow-x:auto;
        }

        .nav-menu-1 .content .inner1 .trdpic{
            width:20%;
            padding:10px;
            /*border:1px solid green;*/
        }
        .nav-menu-1 .content .inner1 .trdpic img{
                border-radius:50%;
                width:100%;
                box-shadow:rgba(0,0,0,0.08) 0 0 1px 2px;
            }

        .nav-menu-1 .content .inner1 .links .item{
            /*border:1px solid pink;*/
            padding:3px 5px;
            margin:0 15px;
            display:flex;
            flex-direction:column;
            text-align:right;
            white-space:nowrap;
            /*width:100px !important;*/
            /*min-height:150px;*/
        }
        .nav-menu-1 .content .inner1 .links .item:first-child{
            margin-right:60px;
        }
        .nav-menu-1 .content .inner1 .links .item:last-child{
            margin-left:80px;
        }
        .nav-menu-1 .content .inner1 .links .item .heading{
            border-bottom:3px solid darksalmon;
            color:darksalmon;
            /*display:flex;*/
            /*white-space:nowrap;*/
        }
        .nav-menu-1 .content .inner1 .links .item .heading h1{
            /*border:1px solid gray;*/
            font-size:20px;
            font-weight:bold;
            color:brown;
            font-family:Vaz;
        }
        .nav-menu-1 .content .inner1 .links .item .heading i {
                        display: none;
        }

        .nav-menu-1 .content .inner1 .links .item .listitem{
            display:flex;
            flex-direction:column;
            text-align: right;
            padding:7px 0 0 0;
        }
        .nav-menu-1 .content .inner1 .links .item .listitem a{
            margin: 5px auto 0px;
            padding: 5px 2px;
            text-align: right;
            /*border:1px solid red;*/
            display: block;
            color:dimgrey;
            font-family: Yekan;
            font-size: 18px;
            font-weight:bold;
        }

        .nav-menu-1 .content .inner1 .links .item .listitem a:hover,
        .nav-menu-1 .content .inner1 .links .item .listitem a:focus{
            color: coral;
            font-weight: 800;
        }


}

@media only screen and (max-width:1199px) {
    .navsign {
        display: none;
    }

    .content {
        display: none;
    }

    .nav-menu-1 {
        width: 320px;
        padding: 40px 0 0 0;
        background-color: #fff;
        /*border: 1px solid #ffc107;*/
        height: 100vh !important;
        position: fixed;
        /*right: 0;*/
        top: 0;
        right: -320px;
        z-index: 101;
        font-family: Yekan;
        font-size: 1rem;
        color: deepskyblue;
        overflow: auto;
        transition: right 0.4s;
    }

        .nav-menu-1.active {
            /*right:0px;*/
            box-shadow: rgba(0,0,0,0.22) 0px 0px 8px 1px;
            border-left: 1px solid rgba(0,0,0,0.12);
        }

        .nav-menu-1 .accountpanel {
            /*display:none;*/
        }

            .nav-menu-1 .accountpanel .gpanel {
                padding: 5px 25px;
            }

                .nav-menu-1 .accountpanel .gpanel a img {
                    width: 25px;
                    height: auto;
                }

                .nav-menu-1 .accountpanel .gpanel a {
                    color: inherit;
                    display: block;
                    padding: 5px;
                    margin: 4px 0 0 0;
                }

                    .nav-menu-1 .accountpanel .gpanel a:hover {
                        background-color: #f2f3f4;
                    }

        .nav-menu-1 a.headtitle {
            /*border:1px solid #555;*/
            padding: 5px 15px;
            display: flex;
            align-items: center;
            color: inherit;
        }

            .nav-menu-1 a.headtitle img {
                width: 30px;
                height: 30px;
            }

            .nav-menu-1 a.headtitle h2 {
                font-family: Yekan;
                font-size: 20px;
                font-weight: 600;
                display: block
            }
            /*headcontact*/
            .nav-menu-1 a.headtitle.headcontact {
            /*border:1px solid #555;*/
            padding: 5px 25px;
            display: inline-flex;
            align-items: center;
            color: inherit;
        }

            .nav-menu-1 a.headtitle.headcontact span {
                width: 20px;
                height: 20px;
                font-size:16px;
                /*color:coral;*/
                margin:3px 0px 0 0;
            }

            .nav-menu-1 a.headtitle.headcontact h2 {
                font-family: Yekan;
                /*color:coral;*/
                font-size: 20px;
                font-weight: 600;
                display: inline-block;
                padding:0px;
                margin:0;
            }

        .nav-menu-1 .headtitle:hover, .nav-menu-1 .headtitle:focus {
            opacity: 0.8;
        }


        .nav-menu-1 .heading .item.item2 {
            width: 290px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            background-color: #f2f3f4;
            padding: 10px 20px 10px;
            margin: 15px 10px 5px 20px;
            border-radius: 3px;
            cursor: pointer;
            position: static;
            transition: all 0.3s;
        }
        

        .nav-menu-1 .heading .item2:hover, .nav-menu-1 .heading .item2:focus {
            background-color: #e3e4e5;
        }

        .nav-menu-1 .heading .item.item2.active {
            background-color: #e1e2e3;
        }

        .nav-menu-1 .heading .item2 h1 {
            font-family: Yekan;
            font-size: 18px;
        }

        .nav-menu-1 .heading .item2 i {
            color: inherit;
            transition: all 0.6s;
        }

        .nav-menu-1 .heading .item2.active i {
            transform: rotate(180deg);
        }




        .nav-menu-1 .heading .content2 {
            width: 270px;
            /*border:1px solid #111;*/
            border-radius: 15px;
            padding: 0px 0px 0px 0px;
            margin: 0px 10px 5px;
            position: static;
            display: none;
            /*display:block;*/
            /*transition:all 0.3s;*/
        }

            .nav-menu-1 .heading .content2.active {
                /*display:block;*/
                /*background-color:red;*/
                background-color: rgba(0,0,0,0.01);
                box-shadow: rgba(0,0,0,0.05) 0 0 2px 0px;
            }

            .nav-menu-1 .heading .content2 .item-inner {
                /*border:1px solid #555;*/
                border-radius: 5px;
                margin: 2px 2px 5px 2px;
            }

                .nav-menu-1 .heading .content2 .item-inner.active .heading {
                    /*border:1px solid #555;*/
                    border-radius: 5px 5px 0 0;
                }

                .nav-menu-1 .heading .content2 .item-inner .heading h1 {
                    font-size: 17.5px;
                    font-family: Yekan;
                }

                .nav-menu-1 .heading .content2 .item-inner .heading i {
                    color: inherit;
                    transition: all 0.6s;
                }

                .nav-menu-1 .heading .content2 .item-inner.active .heading i {
                    transform: rotate(180deg);
                }

                .nav-menu-1 .heading .content2 .item-inner .heading {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    padding: 5px 10px;
                    border: 1px solid #e2e3e4;
                    border-radius: 4px 4px 4px 4px;
                    cursor: pointer;
                    transition: all 0.3s;
                    font-size: 16px;
                    font-family: Yekan;
                }

                    .nav-menu-1 .heading .content2 .item-inner .heading:hover, .nav-menu-1 .heading .content2 .item-inner .heading:focus {
                        background-color: #e2e3e4;
                    }

                .nav-menu-1 .heading .content2 .item-inner .listitem {
                    background-color: #ccffff;
                    border-radius: 0px 0px 5px 5px;
                    padding: 10px;
                    display: none;
                }

                    .nav-menu-1 .heading .content2 .item-inner .listitem a {
                        display: block;
                        margin: 2px auto;
                        padding: 10px;
                        color: #33ccff;
                    }

                        .nav-menu-1 .heading .content2 .item-inner .listitem a:hover, .nav-menu-1 .heading .content2 .item-inner .listitem a:focus {
                            background-color: #33ccff;
                            color: azure;
                        }
}


#mask {
    display: none;
    /*width: 100%;*/
    /*height: 100%;*/
    /*position: absolute;*/
    position: fixed;
    right: 0px;
    top: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 100;
    background-color: #111;
    opacity: 0.4;
    transition: display 1s;
}

.navbtn {
    position: fixed;
    top: 10px;
    /*right:10px;*/
    left: 10px;
    /*border:1px solid #ddd;*/
    z-index: 120;
    display: block;
}

@media only screen and (min-width:992px) {
    .navbtn {
        top: 15px
    }
}

@media only screen and (min-width:1200px) {
    .navbtn {
        display: none;
    }
}

.navicon-button {
    display: inline-block;
    position: relative;
    /*padding: 2.0625em 1.5em;*/
    padding: 20px 10px;
    opacity: .8;
    z-index:121;
    filter: alpha(opacity=80);
    cursor: pointer;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .navicon-button .navicon:before,
    .navicon-button .navicon:after {
        -webkit-transition: 0.25s;
        -moz-transition: 0.25s;
        -o-transition: 0.25s;
        transition: 0.25s;
    }

    .navicon-button:hover {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
    }

.navicon {
    display: block;
    position: relative;
    /*width: 2.5em;*/
    width: 1.75em;
    /*height: 0.3125em;*/
    height: 0.2225em;
    /*background: #E7E6DD;*/
    background-color: #cccccc;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    -webkit-border-radius: 2.5em;
    -moz-border-radius: 2.5em;
    border-radius: 2.5em;
}

    .navicon:before,
    .navicon:after {
        display: block;
        content: " ";
        /*height: 0.3125em;*/
        height: 0.2025em;
        /*width: 2.5em;*/
        width: 1.75em;
        /*background: #E7E6DD;*/
        background-color: #cccccc;
        position: absolute;
        z-index: -1;
        -webkit-border-radius: 1em;
        -moz-border-radius: 1em;
        border-radius: 1em;
        -webkit-transition: 0.5s 0.25s;
        -moz-transition: 0.5s 0.25s;
        -o-transition: 0.5s 0.25s;
        transition: 0.5s 0.25s;
    }

    .navicon:before {
        /*top: 0.625em;*/
        top: 0.505em;
    }

    .navicon:after {
        /*top: -0.625em;*/
        top: -0.505em;
    }



.navicon-button:hover .navicon:before,
.navicon-button:hover .navicon:after {
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}

.navicon-button:hover .navicon:before {
    /*top: 0.825em;*/
    top: 0.700em;
}

.navicon-button:hover .navicon:after {
    /*top: -0.825em;*/
    top: -0.700em;
}


@media only screen and (min-width:400px) {
    .navicon {
        height: 0.2725em;
        width: 2.0em;
    }

        .navicon:before,
        .navicon:after {
            height: 0.2725em;
            width: 2.0em;
        }

        .navicon:before {
            top: 0.625em;
        }

        .navicon:after {
            top: -0.625em;
        }

    .navicon-button:hover .navicon:before {
        top: 0.825em;
    }

    .navicon-button:hover .navicon:after {
        top: -0.825em;
    }
}

.navbtn .navicon-button.x.open{
    /*border:1px dashed red;*/
    background-color:#ffffff66;
    border-radius:50%;
    transition:all 0.3s;
}
.open .navicon:before,
.open .navicon:after {
    top: 0 !important;
    /*border:2px solid red;*/
}

.open .navicon:before,
.open .navicon:after {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

/* × and + */
.open.plus .navicon,
.open.x .navicon {
    background: transparent;
    /*border:2px solid red;*/
}

    .open.plus .navicon:before,
    .open.x .navicon:before {
        -webkit-transform: scale(1.0) rotate(45deg);
        -moz-transform: scale(1.0) rotate(45deg);
        -ms-transform: scale(1.0) rotate(45deg);
        -o-transform: scale(1.0) rotate(45deg);
        transform: scale(1.0) rotate(45deg);
        background-color:#ddd;
    }

    .open.plus .navicon:after,
    .open.x .navicon:after {
        -webkit-transform: scale(1.0) rotate(-45deg);
        -moz-transform: scale(1.0) rotate(-45deg);
        -ms-transform: scale(1.0) rotate(-45deg);
        -o-transform: scale(1.0) rotate(-45deg);
        transform: scale(1.0) rotate(-45deg);
        background-color:#ddd;
    }

/*----------------------- Part of carousel -------------------------------*/
/* Notes on the carousel classes:
 1. .carousel.pointer-event should ideally be pan-y (to allow for users to scroll vertically)
    even when their scroll action started on a carousel, but for compatibility (with Firefox)
    we're preventing all actions instead
 2. The .carousel-item-left and .carousel-item-right is used to indicate where
    the active slide is heading.
 3. .active.carousel-item is the current slide.
 4. .active.carousel-item-left and .active.carousel-item-right is the current
    slide in its in-transition state. Only one of these occurs at a time.
 5. .carousel-item-next.carousel-item-left and .carousel-item-prev.carousel-item-right
    is the upcoming slide in transition.*/

.slidercontainer {
    /*position: relative;*/
    width: 100%;
    /*border:1px solid #e4e4e4;*/
    
}
#slider1{
    /*border:1px solid red;*/
}
.slidermask{
    position:absolute;
    top:0px; right:0px;
    bottom:0px; left:0px;
    background-color:#555;
    /*z-index:2;*/
    opacity:0.12;
    /*border-radius:7px 35px 60px 35px;*/
}

.carousel-item{
    padding: 2px 3px;
}
#slider1 .carousel-inner .carousel-item .inner img{
    /*padding:20px;*/
    border-radius:1.5px;
    box-shadow:rgba(0,0,0,0.08) 0 0 2px 1px;
    }
@media only screen and (min-width:576px){
    #slider1 .carousel-inner .carousel-item img{
    max-width:500px;
}
}
@media only screen and (min-width:768px){
    #slider1 .carousel-inner .carousel-item img{
    max-width:700px;
}
}
@media only screen and (min-width:992px){
    #slider1 .carousel-inner .carousel-item img{
    max-width:900px;
}
}
@media only screen and (min-width:1200px){
    #slider1 .carousel-inner .carousel-item img{
    max-width:1150px;
}
}

.carousel-item.active{
    /*-webkit-animation:zoom_in1 12s ease-in-out  1 none;
    -moz-animation:zoom_in1 12s ease-in-out 1 none;
    -o-animation:zoom_in1 12s ease-in-out 1 none;
    animation:zoom_in1 12s ease-in-out 1 none;*/
}
@keyframes zoom_in1{
    0%{
        transform:scale(1);
        /*opacity:0.95;*/
        opacity:1;
    }
    60%{
        transform:scale(1.08);
        opacity:1;
    }
    100%{
        transform:scale(1.00);
        opacity:1;
    }
}

.carousel::before{
    width:150px; 
        height:150px;
    background-image:url('/Content/_Images/_Im1/circle2.svg');
    background-size:12px 12px;
    content:"";
        display:block;
        position:absolute;
        top:-25px;
        left:-50px;
        opacity:0.3;
        z-index:-1;
        /*filter:invert(1);*/

        top:-7px;
        left:0;
}
@media only screen and (min-width:992px){
   .carousel::before{
    width:250px; 
    height:450px;
    background-image:url('/Content/_Images/_Im1/circle2.svg');
    background-size:20px 20px;
    top:-25px;
    left:-50px;
    opacity:0.2;
    z-index:-1;
    /*filter:invert(1);*/

    top:-15px;
    left:0;
}
   .carousel::after{
        width:250px; 
    height:450px;
        background-image:url('/Content/_Images/_Im1/circle2.svg');
        background-size:20px 20px;
        content:"";
        display:block;
        position:absolute;
        bottom:0px;
        right:0px;
        opacity:0.2;
        z-index:-1;
        /*filter:invert(1);*/

       bottom:-7px;
        right:0;
        /*border:1px solid red;*/
    }

}

.carousel {
  position: relative;
}

.carousel.pointer-event {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: -webkit-transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
  /*transition: -webkit-transform 0.6s linear;
  transition: transform 0.6s linear;
  transition: transform 0.6s linear, -webkit-transform 0.6s linear;*/
  /*transition: -webkit-transform 0.6s ease-in;
  transition: transform 0.6s ease-in;
  transition: transform 0.6s ease-in, -webkit-transform 0.6s ease-in;*/
}

@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

.carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
  /*-webkit-transform: translateX(-100%);
  transform: translateX(-100%);*/
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  /*-webkit-transform: translateY(-100%);
  transform: translateY(-100%);*/
}

.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
  /*-webkit-transform: translateX(100%);
  transform: translateX(100%);*/
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  /*-webkit-transform: translateY(100%);
  transform: translateY(100%);*/
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  -webkit-transform: none;
  transform: none;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  z-index: 1;
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  z-index: 0;
  opacity: 0;
  transition: 0s 0.6s opacity;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-left,
  .carousel-fade .active.carousel-item-right {
    transition: none;
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
  .carousel-control-next {
    transition: none;
  }
}

.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: no-repeat 50% / 100% 100%;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
  opacity:0.5;
  transform:scale(0.7);
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
  opacity:0.5;
  transform:scale(0.7);
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0;
  padding-right:0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}

.carousel-indicators li {
  box-sizing: content-box;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  /*width: 15px;
  height: 8px;
  border-radius:10px;*/
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  /*border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;*/
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: .5;
  transition: opacity 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-indicators li {
    transition: none;
  }
}

.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}


/*----------------------- Part of Spinner --------------------------------*/
@-webkit-keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: 0.25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite;
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: 0.2em;
}

@-webkit-keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    50% {
        opacity: 1;
    }
}

@keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    50% {
        opacity: 1;
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: spinner-grow .75s linear infinite;
    animation: spinner-grow .75s linear infinite;
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem;
}
/*----------------------- Part of Toast -----------------------------------*/
.toast {
    /*max-width: 350px;*/
    width: 300px;
    overflow: hidden;
    font-size: 0.875rem;
    /*background-color: rgba(255, 255, 255, 0.85);*/
    /*background-color:transparent;*/
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    /*box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);*/
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    opacity: 0;
    /*border-radius: 0.25rem;*/
    border-radius:15px;
    position: fixed;
    margin: 0px auto;
    background-color: rgba(255,255,255,0.24);
    box-shadow: rgba(0,0,0,0.44) 0 0 9px 0;
    font-family: Yekan;
    font-size: 1.05rem;
    color: #636465;
    z-index:101;
    /*border:4px solid #999;*/
}

@media only screen and (min-width:400px) and (max-width:576px) {
    .toast {
        width: 360px;
    }
}

@media only screen and (min-width:576px) {
    .toast {
        width: 550px;
    }
}

.toast:not(:last-child) {
    margin-bottom: 0.75rem;
}

.toast.showing {
    opacity: 1;
}

.toast.show {
    display: block;
    opacity: 1;
}

.toast.hide {
    display: none;
}

.toast-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.25rem 1.95rem;
    color: #6c757d;
    background-color: rgba(255, 255, 255, 0.85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    /*height:40px;*/
    font-size: 22px;
}

    .toast-header button {
        margin: -0.0rem auto -0.0rem -0.0rem;
        border: none;
        border-radius: 3px;
        background-color: #f2f3f4;
        padding: 5px 8px;
        cursor: pointer;
    }

        .toast-header button span {
            opacity: 0.6;
            font-size: 0.75rem;
            padding: 0px;
            margin: 0;
            color: #838587;
        }

.toast-body {
    /*padding: 0.75rem;*/
    padding: 20px 15px;
}

button#userinfo {
    visibility: hidden;
    width: 0px;
    height: 0px;
}

div#infodiv {
    visibility: hidden;
    width: 0px;
    height: 0px;
}
/*----------------------- Part of login form -------------------------------*/
.loginfrm {
    width: 100%;
    padding: 0;
    /*border:1px solid #999;*/
}

@media only screen and (min-width:1200px) {
    .loginfrm {
        margin: -40px 0 0 0; /*-- for nav.nav-menu-1 --*/
    }
}

.loginfrm h2 {
    font-size: 22px;
    font-family: Yekan;
    font-weight: bold;
    text-align: center;
    opacity: 0.65;
    color: deepskyblue;
    padding: 30px 5px 50px 5px;
}

.loginfrm .inner1 {
    width: 100%;
    padding: 0 15px 80px;
}

@media only screen and (min-width:576px) {
    .loginfrm .inner1 {
        padding: 0 30px 120px;
    }
}

.loginfrm .inner1 .inner2 {
    box-shadow: 0 0 5px 0 #d0d0d0;
    margin: 0px auto;
    padding: 50px 30px;
    border-radius: 5px;
    /*background: linear-gradient(135deg, #ccccff 0%, #ccffff 50%, #ccccff 100%);*/
    background-color: azure;
}

.loginfrm .inner2 .input-group {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .loginfrm .inner2 .input-group .input-group-append {
        border: 1px solid #eee;
        border-right: none;
        border-left: none;
        height: 40px;
        margin: -20px 0 0 0;
        padding: 8px;
        font-size: 20px;
        color: #007bff;
    }

    .loginfrm .inner2 .input-group input[type=text] {
        height: 40px;
        min-width: 200px;
        padding: 0px;
        font-size: 17px;
        font-family: Yekan;
        text-align: center;
        margin: 0 0 20px 0;
        border: 1px solid #eee;
        border-radius: 5px 0 0 5px;
        outline: none;
        color: #b2b4b6;
    }

        .loginfrm .inner2 .input-group input[type=text]:focus {
            box-shadow: #bbb 0 0 1px 3px;
        }

    .loginfrm .inner2 .input-group input[type=password] {
        height: 40px;
        min-width: 200px;
        padding: 0px;
        font-size: 17px;
        font-family: Yekan;
        text-align: center;
        margin: 0 0 20px 0;
        border: 1px solid #eee;
        border-radius: 5px 0 0 5px;
        outline: none;
        color: #a1a3a5;
    }

        .loginfrm .inner2 .input-group input[type=password]:focus {
            box-shadow: #bbb 0 0 1px 3px;
        }

@media only screen and (min-width:576px) {
    .loginfrm .inner2 .input-group input[type=password], .loginfrm .inner2 .input-group input[type=text] {
        width: 400px;
    }
}


.submitreg {
    /*border:1px dotted #888;*/
    width: 100%;
    padding: 30px 20px;
    margin: 0 auto;
    text-align: center;
}

    .submitreg button {
        min-width: 150px;
        height: 35px;
        font-size: 16px;
        font-family: Yekan;
        border: 0.7px solid #ddd;
        border-radius: 5px;
    }

.messagebox {
    /*border:1px solid #777;*/
    font-size: 15px;
    font-family: MySans;
    /*margin: 10px auto 10px;*/
    margin: auto;
    display: flex;
    justify-content: center;
    padding: 0 0 5px;
}

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

        .messagebox ul li {
            margin: 0 0 7px 0;
        }

.loginfrm .messagebox ul {
    list-style-type: disc;
}
/*----------------------- Part of NewUser form -------------------------------*/
.enrollfrm {
    width: 100%;
    padding: 0;
    /*border:1px solid #999;*/
}

@media only screen and (min-width:1200px) {
    .enrollfrm {
        margin: -40px 0 0 0; /*-- for nav.nav-menu-1 --*/
    }
}

.enrollfrm h2 {
    font-size: 20px;
    font-family: Yekan;
    text-align: center;
    opacity: 0.8;
    color: deepskyblue;
    padding: 30px 0px 50px 0px;
}

.enrollfrm .inner1 {
    width: 100%;
    padding: 0 15px 80px;
}

@media only screen and (min-width:576px) {
    .enrollfrm .inner1 {
        padding: 0 30px 120px;
    }
}

.enrollfrm .inner1 .inner2 {
    box-shadow: 0 0 5px 0 #d0d0d0;
    margin: 0px auto;
    padding: 50px 30px;
    border-radius: 5px;
    /*background: linear-gradient(135deg, #ccccff 0%, #ccffff 50%, #ccccff 100%);*/
    background-color: azure;
}

.enrollfrm .inner2 .input-group {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .enrollfrm .inner2 .input-group .input-group-append {
        border: 1px solid #eee;
        border-right: none;
        border-left: none;
        height: 40px;
        margin: -12px 0 0 0;
        padding: 8px;
        font-size: 20px;
        color: #007bff;
    }

    .enrollfrm .inner2 .input-group input[type=text] {
        height: 40px;
        min-width: 200px;
        padding: 0px;
        font-size: 16px;
        font-family: Yekan;
        text-align: center;
        margin: 0 0 12px 0;
        border: 1px solid #eee;
        border-radius: 5px 0 0 5px;
        outline: none;
        color: #a1a3a5;
        opacity: 0.8;
    }

        .enrollfrm .inner2 .input-group input[type=text]:focus {
            box-shadow: #bbb 0 0 1px 3px;
        }

    .enrollfrm .inner2 .input-group input[type=password] {
        height: 40px;
        min-width: 200px;
        padding: 0px;
        font-size: 17px;
        font-family: Yekan;
        text-align: center;
        margin: 0 0 12px 0;
        border: 1px solid #eee;
        border-radius: 5px 0 0 5px;
        outline: none;
        color: #a1a3a5;
        opacity: 0.8;
    }

        .enrollfrm .inner2 .input-group input[type=password]:focus {
            box-shadow: #bbb 0 0 1px 3px;
        }

    .enrollfrm .inner2 .input-group select {
        height: 40px;
        min-width: 200px;
        padding: 0px 15px 0 0;
        font-size: 16px;
        font-family: Yekan;
        text-align: center;
        margin: 0 0 12px 0;
        border: 1px solid #eee;
        border-radius: 5px 0 0 5px;
        outline: none;
        color: #a1a3a5;
        opacity: 0.8;
    }
/*.enrollfrm .inner2 .input-group select option:first-child {
    color: red;
}*/

@media only screen and (min-width:576px) {
    .enrollfrm .inner2 .input-group input[type=password], .enrollfrm .inner2 .input-group input[type=text],
    .enrollfrm .inner2 .input-group select {
        width: 400px;
    }
}


.messageline {
    /*border:1px solid #777;*/
    font-size: 15px;
    font-family: MySans;
    /*margin: 10px auto 10px;*/
    margin: -5px auto 25px;
    display: flex;
    justify-content: center;
    padding: 0px;
}

.enrollfrm .messagebox ul {
    list-style-type: disc;
}

/*----------------------- Part of  ProductList1-------------------------------*/
.allofftag2 {
    position: absolute;
    top: 7.5px;
    right: 10px;
    /*background-color: crimson;*/
    background-color: #ff0000;
    color: aliceblue;
    font-size: 0.7rem;
    padding: 0px 4px 0px;
    border-radius: 5px;
}

.siteofftag2 {
    position: absolute;
    top: 7.5px;
    right: 10px;
    background-color: coral;
    color: aliceblue;
    font-size: 0.7rem;
    padding: 0px 4px 0px;
    border-radius: 5px;
}

.proofftag2 {
    position: absolute;
    top: 7.5px;
    right: 10px;
    background-color: hotpink;
    color: aliceblue;
    font-size: 0.7rem;
    padding: 0px 4px 0px;
    border-radius: 5px;
}
/*----------------------------------------------------------*/
.prolist {
    background-color: transparent;
}

.topfilter {
    display: block;
    width: 100%; /*height:20px;*/
}

.rightfilter {
    display: none;
}

.bodylist {
    width: 100%;
    height: auto;
    padding: 0 8px 0 8px;
}

    .bodylist .itemcontainer {
        width: 50%;
        height: 100%;
        padding: 4px; /*border:1px solid #999;*/
    }

@media only screen and (min-width:1200px) {
    .topfilter {
        display: none;
    }

    .rightfilter {
        display: block;
        width: 20%;
    }

    .bodylist {
        width: 80%;
        padding: 0 30px;
    }

        .bodylist .itemcontainer {
            padding: 7.5px; /*border:1px solid #999;*/
        }
}

.topfilter {
    padding: 10px 4px;
}

    .topfilter ._row {
        border-radius: 16px;
        background-color: #f6f7f8;
        padding: 10px 0;
    }

    .topfilter .row__1 a {
        padding: 4px 5px 3px;
        margin: 1px;
        font-family: Yekan;
        font-size: 0.95rem;
        background-color: #fff;
        color: darkgrey;
        border-bottom: 1px solid darkgrey;
        /*border-radius:4px;*/
    }

@media only screen and (min-width:400px) {
    .topfilter .row__1 a {
        font-size: 1rem;
    }
}

.topfilter .row__1 a:hover {
    border-bottom: 2px solid red;
}

.topfilter .row__1 a.active {
    border-bottom: 2px solid red;
    color: #9b9b9b;
}

.topfilter .row__2 {
    padding: 30px 20px 10px;
    font-family: Yekan;
    color: darkgrey;
    font-size: 0.9rem;
}

    .topfilter .row__2 input {
        width: 80px;
        margin: 0px 10px;
        padding: 2px 3px;
        border: none;
        border-bottom: 1px solid darkgrey;
        color: #c2c3c4;
        font-family: Yekan;
    }

        .topfilter .row__2 input:focus {
            outline: none;
            border-bottom: 2px solid orange;
        }

    .topfilter .row__2 button {
        border: none;
        border-bottom: 2px solid #17a2b8;
        padding: 2px 5px 1px 5px;
        background: #fff;
        cursor: pointer;
    }

        .topfilter .row__2 button span {
            color: #17a2b8;
            font-size: 16px;
            /*padding:1px 2px;*/
            transition: all 0.3s;
        }
        .topfilter .row__2 button:hover, .topfilter .row__2 button:focus{
            background-color:#f9f9f9;
        }
            .topfilter .row__2 button span:hover {
                opacity: 0.8;
            }

@media only screen and (min-width:992px) {
    .topfilter .row__2 {
        padding: 0px 60px;
    }
}

.rightfilter .inner a {
    display: block;
    margin: 15px;
    text-align: center;
    border: 0.45px solid #007bffbb;
    padding: 10px;
    font-family: Yekan;
    border-radius: 10px;
    color: #007bffbb;
}

    .rightfilter .inner a:hover {
        background-color: #007bff;
        color: #fff;
    }

    .rightfilter .inner a.active {
        background-color: #007bff;
        color: #fff;
    }

.rightfilter .inner2 {
    /*border:1px solid #222;*/
    /*text-align:center;*/
}

    .rightfilter .inner2 .inner {
        display: block;
        padding: 10px 15px;
        /*border:1px solid #aaa;*/
        position: relative;
    }

        .rightfilter .inner2 .inner label {
            font-family: Yekan;
            font-size: 16px;
            text-align: center;
            color: #c3c4c5;
            margin: 4px 10px;
            /*border:1px solid navy;*/
        }

        .rightfilter .inner2 .inner input {
            width: 140px;
            padding: 3px;
            border: 0.8px solid orange;
            border-radius: 5px;
            color: coral;
            text-align: center;
            position: absolute;
            right: 90px;
        }

            .rightfilter .inner2 .inner input:focus {
                outline: none;
                border: 2px solid orange;
            }

    .rightfilter .inner2 div button {
        width: 100px;
        text-align: center;
        background-color: #fff;
        color: #ffc107;
        border: 0.3px solid #ffc10733;
        background-color: #fafbfc;
        padding: 5px 10px;
        font-size: 17px;
        margin: 20px auto 10px;
        border-radius: 5px;
        cursor: pointer;
        transition: all 0.3s;
    }

        .rightfilter .inner2 div button:hover {
            background-color: #ffc107;
            color: #fff;
        }

        .rightfilter .inner2 div button:focus {
            outline: none;
            border: 2px solid orange;
        }


/*.prolist-item{background-color:#fff;width:100%;height:350px;border-radius:0px;}*/
.prolist-item {
    background-color: #fff;
    width: 100%;
    height: 100%;
}

.prolist-item {
    /*border: 1px solid #000;*/
	/*box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.1);*/
    border-radius: 16px;
    box-shadow: 0px 15px 25px -2px rgba(0,0,0,0.05);
    border: none;
    padding: 0px;
    margin-bottom: 5px;
    margin-top: 5px;
    display: block;
    transition: all .25s cubic-bezier(.175, .885, .32, 1.275);
}

.prowrapper__body {
    margin-top: 0px;
    padding: 1rem;
    width: 100%;
    height: 100px;
    /*border-radius:0px 0px 20px 20px;*/
    transition: all 0.3s;
}

.prowrapper__body .more{
    width:65px;
    height:auto;
    /*padding-bottom:40px;*/
    opacity:0.85;
}

    #product-price > div:first-child strong, .prowrapper__body strong.prowrapper__price {
        color: #e74c3c !important;
    }

    .prowrapper__body strong.prowrapper__price {
        font-size: 0.9rem !important;
        font-family: MySans;
        font-weight: 700;
    }

    .prowrapper__body div strong.stream{
        color:#dfcbcb;
        font-size:0.75rem;
        font-family:Yekan;
        font-weight:200;
    }

    .prowrapper__body s.prowrapper__price {
        color: #aaa;
        font-size: 0.9rem !important;
        top: initial;
        display: inline;
        font-family: MySans;
        font-weight: 700;
    }

.prowrapper img {
    vertical-align: middle;
    border-style: none;
    transition: all 0.3s;
}

.prowrapper__image {
    position: relative;
    cursor: default;
}

.prowrapper__body h5 {
    font-size: 0.9rem;
    font-weight: 700;
    margin-bottom: 25px;
    color: #454545;
    max-width: 100%;
    text-overflow: ellipsis;
    word-break: break-word;
    overflow: hidden;
    white-space: initial;
}

.prowrapper__body h5 {
    /*font-size: 0.85rem;*/
    font-weight: 500 !important;
    /*font-family:Vaz*/
    font-family: Yekan;
    font-size: 17px;
    font-weight: 500;
    color: #575757;
}

@media only screen and (min-width:576px) {
    .prowrapper__body h5 {
        font-size: 1.2rem;
    }
}

.prowrapper__image img:hover {
    box-shadow: rgba(0,0,0,0.16) 0px 0px 5px 1px;
    transform: scale(1.007);
    /*transition:all 0.3s;*/
}

.prowrapper .prowrapper__body:hover, .prowrapper .prowrapper__body:focus {
    background-color: #eaecee;
    text-shadow: -2px 1px 2px #fff;
    border-radius: 0 0 16px 16px;
}

.card .card_img img:hover {
    /*box-shadow:rgba(0,0,0,0.44) 0px 0px 50px 20px;
    transform:scale(1.007);
    transition:all 0.3s;*/
}

.prowrapper__image img {
    width: 100%;
    height: 100%;
    max-height: 300px;
    max-height: initial;
    border-radius: 16px 16px 0 0;
}

.prowrapper__image {
    height: 160px;
}

@media only screen and (min-width:360px) {
    .prowrapper__image {
        height: 180px;
    }
}

@media only screen and (min-width:400px) {
    .prowrapper__image {
        height: 200px;
    }
}

@media only screen and (min-width:440px) {
    .prowrapper__image {
        height: 220px;
    }
}

@media only screen and (min-width:500px) {
    .prowrapper__image {
        height: 240px;
    }
}

@media only screen and (min-width:600px) {
    .prowrapper__image {
        height: 270px;
    }
}

@media only screen and (min-width:700px) {
    .prowrapper__image {
        height: 290px;
    }
}

@media only screen and (min-width:768px) {
    .prowrapper__image {
        height: 190px;
    }
}

@media only screen and (min-width:900px) {
    .prowrapper__image {
        height: 240px;
    }
}

@media only screen and (min-width:1024px) {
    .prowrapper__image {
        height: 260px;
    }
}

@media only screen and (min-width:1100px) {
    .prowrapper__image {
        height: 300px;
    }
}

@media only screen and (min-width:1200px) {
    .prowrapper__image {
        height: 240px;
    }
}

@media only screen and (min-width:1300px) {
    .prowrapper__image {
        height:270px;
    }
}

@media only screen and (min-width:1360px) {
    .prowrapper__image {
        height:300px;
    }
}

/*@media only screen and (min-width:1200px){
    .prowrapper__image{
    height:300px;
}
}*/
/*.prowrapper__image img {
	position: absolute;
	top: -9999px;
	right: -9999px;
	left: -9999px;
	bottom: -9999px;
	margin: auto;
}*/

#pic__mask {
    display: none;
    /*width: 100%;
    height: 100%;
    position: absolute;*/
    position: fixed;
    right: 0px;
    top: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 20;
    /*background-color:#661717;*/
    background-color: #333;
    opacity: 0.9;
    transition: display 1s;
}

.pp_pic {
    display: none;
    /*width: 300px;
height: 300px !important;*/
    /*position: absolute;*/
    position: fixed;
    z-index: 22;
    top: -600px;
}

    .pp_pic img {
        width: 300px;
        height: auto;
        border-radius: 15px;
        box-shadow: rgba(0,0,0,0.24) 0 0 5px -1px;
    }

@media only screen and (min-width:400px) and (max-width:576px) {
    .pp_pic img {
        width: 360px;
        height: auto
    }
}

@media only screen and (min-width:576px) {
    .pp_pic img {
        /*width:550px;*/
        width: 500px;
    }
}

._pager0 {
    /*border:1px solid #d2d3d4;*/
    overflow-x: scroll;
}

.pager3 {
    margin: 0 5px;
}

    .pager3 a {
        border-radius: 15px;
        box-shadow: rgba(0,0,0,0.24) 2px 3px 3px 0px;
    }

        .pager3 a:hover, .pager3 a:focus {
            box-shadow: rgba(0,0,0,0.0) 0px 0px 0px 0px;
            background-color: #5870b0;
            color: antiquewhite;
        }

        .pager3 a.active {
            box-shadow: rgba(0,0,0,0.0) 0px 0px 0px 0px;
            background-color: #5870b0;
            color: antiquewhite;
        }

.pager4 {
    margin: 0 5px;
}

    .pager4 a {
        border-radius: 15px;
        box-shadow: rgba(0,0,0,0.24) 2px 3px 3px 0px;
    }

        .pager4 a:hover, .pager4 a:focus {
            box-shadow: rgba(0,0,0,0.0) 0px 0px 0px 0px;
            background-color: darkgoldenrod;
            color: antiquewhite;
        }

        .pager4 a.active {
            box-shadow: rgba(0,0,0,0.0) 0px 0px 0px 0px;
            background-color: darkgoldenrod;
            color: antiquewhite;
        }

.pager5 {
}

    .pager5 a {
    }

        .pager5 a:hover, .pager5 a:focus {
        }

        .pager5 a.active {
            box-shadow: rgba(0,0,0,0.3) 0px 0px 6px 1px;
        }

.pager6 {
    margin: 0 3px;
}

    .pager6 a {
        border-radius: 7.5px;
        box-shadow: rgba(0,0,0,0.44) 2px 4px 3px 0px;
    }

        .pager6 a:hover, .pager6 a:focus {
            box-shadow: rgba(0,0,0,0.0) 0px 0px 0px 0px;
            background-color: #d2d3d4;
            color: #f1f1f1;
        }

        .pager6 a.active {
            box-shadow: rgba(0,0,0,0.0) 0px 0px 0px 0px;
            background-color: #d2d3d4;
            color: #fff;
            font-weight: bold;
        }

.pagination {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: 0.25rem;
}

.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

    .page-link:hover {
        z-index: 2;
        color: #0056b3;
        text-decoration: none;
        background-color: #e9ecef;
        border-color: #dee2e6;
    }

    .page-link:focus {
        z-index: 2;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.page-item:last-child .page-link {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.pagination-sm .page-link {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: 0.2rem;
    border-bottom-left-radius: 0.2rem;
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: 0.2rem;
    border-bottom-right-radius: 0.2rem;
}
/*----------------------- Part of Search -------------------------------*/
#searchdiv {
    width: 100%;
    height: 0px;
    /*background-color:#e6ffff;*/
    background-color: transparent;
    margin: 0 auto;
    position: fixed;
    top: 0;
    opacity: 0.95;
}

    #searchdiv .inner {
        display: none;
        /*display:flex;*/
        justify-content: center;
        align-items: center;
        background-color: #115555 !important;
        /*background-color:#6c757d; muted*/
        box-shadow:rgba(0,0,0,0.12) 0px 0px 2px 2px;
        height: 60px;
    }

        #searchdiv .inner #srchTxt {
            outline: none;
            border: 1px solid orange;
            border-left: none;
            height: 35px;
            width: 130px;
        }

        #searchdiv .inner button {
            float: left;
            height: 35px;
            width: 35px;
            border: 1px solid red;
            background-color: red;
            cursor:pointer;
            padding:0px;
        }

            #searchdiv .inner button:focus {
                outline: none;
                border: 2px solid orangered;
            }

            #searchdiv .inner button .glyphicon-search {
                color: #fff;
                font-size: 20px;
            }

@media only screen and (min-width:400px) {
    #searchdiv .inner #srchTxt {
        width: 200px;
    }
}

@media only screen and (min-width:576px) {
    #searchdiv {
        width: 520px;
    }
}


/*----------------------- Part of Product detail -------------------------------*/
.failedmodel {
    margin:20px 30px 20px 10px;
    font-family: Yekan;
    font-size: 17px;
    color: darkgrey;
}

.prodetail {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    border: 0px dashed #bbb;
    margin: 0 auto;
}

.prodetail__image {
    margin: 0;
}

    .prodetail__image .part1 {
        text-align: center;
        padding:15px 15px 0 15px;
        /*border:1px dashed red;*/
        position:relative;
    }
    .prodetail__image .part1 .tag{
        position:absolute;
        top:25px;
        right:10%;
        font-family:Yekan;
        font-size:0.95rem;
        color:#b0a2a2;
    }
    @media only screen and (min-width:620px){
        .prodetail__image .part1 .tag{
        right:15%;
    }
    }
    @media only screen and (min-width:700px){
        .prodetail__image .part1 .tag{
        right:20%;
    }
    }
    @media only screen and (min-width:800px){
        .prodetail__image .part1 .tag{
        right:25%;
    }
    }
    @media only screen and (min-width:992px){
        .prodetail__image .part1 .tag{
        right:15%;
    }
    }
        .prodetail__image .part1 img {
            max-width: 100%;
            height: auto;
            padding: 40px 0px;
            border: 1px dotted navy;
            border-radius: 20px;
        }

    .prodetail__image .part2{
        /*border:1px dashed blue;*/
        width:100%;
        /*height:100px;*/
        padding:5px 15px 5px 15px;
        position:relative;
    }
    .prodetail__image .part2 .inner{
        /*border:1px dotted navy;*/
        width:100%;
        height:auto;
        position:relative;
    }
    /*.prodetail__image .part2 .inner .owl-carousel_2 .owl-item{
        margin:0 !important;
        width:120px !important;
        padding:0 !important;
    }*/
    .prodetail__image .part2 .inner .owl-carousel_2 .item{
        /*border:1px dashed red;*/
        text-align:center;
        margin:3px 4px;
        padding:2px 0px 7px;
        border-radius:10px;
        box-shadow:rgba(0,0,0,0.24) 0px 0px 1px 0px;
    }
    .prodetail__image .part2 .inner .owl-carousel_2 .item img{
        margin: 0 auto;
        width:95px;
        height:95px;
        /*border:1px solid #000;*/
    }
    .prodetail__image .part2 .inner .owl-carousel_2 .item h5{
        margin:5px auto 0;
        font-family:Yekan;
        font-weight:600;
        color:gray;
        font-size:0.8rem;
    }
@media only screen and (min-width:400px){
    .prodetail__image .part2{
        padding:5px 30px 5px 30px;
    }
}

.prodetail__body{
    padding:20px 7.5px;
    /*border:1px solid navy;*/
}
.prodetail__body .prodetail__body_inner{
    box-shadow:rgba(0,0,0,0.10) 0 0 3px 0px;
    border-radius:10px;padding:20px;
    /*border:4px dashed red;*/
}
.prodetail__body .prodetail__body_inner h2{
    font-family:Yekan;
    font-size:22px;
    color:burlywood;
}
.prodetail__body .part1{
    text-align:center;
    width:100%;
    padding:20px 0px;
    border:0px solid #b6ff00;
    font-family:Yekan;
    font-size:17px;
}
.prodetail__body .part1 .prt1 div{
    text-align:right;
    /*border:1px solid blue;*/
    padding:0 3px;
}
.prodetail__body .part1 .prt1 label{
    color:#a3a5a7;
    font-size:15px;
    font-weight:500;
    font-style:initial;
}
.prodetail__body .part1 .prt1 div:first-child select{
    margin:7px 0 0 0;
    width:120px;
    height:30px;
}
.prodetail__body .part1 .prt1 div:nth-child(2) .ordersize{
    /*border:1px dashed red;*/
    margin:7px 0 0 0;
    width:140px;
    height:30px;
}
.prodetail__body .part1 .prt1 div:nth-child(2) .ordersize{
   display:flex;
   justify-content:space-between;
   align-items:center;
}
.prodetail__body .part1 .prt1 div:nth-child(2) .ordersize .inner1, 
.prodetail__body .part1 .prt1 div:nth-child(2) .ordersize .inner3{
    border:1px dashed #e2e2e2;
    border-radius:3px;
    padding:3px 5px;
    color:#28a745;
    cursor:pointer;
    transition:all 0.2s;
}
.prodetail__body .part1 .prt1 div:nth-child(2) .ordersize .inner1:hover,
.prodetail__body .part1 .prt1 div:nth-child(2) .ordersize .inner1:focus,
.prodetail__body .part1 .prt1 div:nth-child(2) .ordersize .inner3:hover,
.prodetail__body .part1 .prt1 div:nth-child(2) .ordersize .inner3:focus {
    background-color:aliceblue;
}
.prodetail__body .part1 .prt1 div:nth-child(2) .ordersize .inner2 input[type=text]{
    width:60px;
    height:35px;
    border:1px solid #e2e2e2;
    font-size:16px;
    font-family:MySans;
    color:#28a745;
    text-align:center;
}
.prodetail__body .part1 .prt1 div:nth-child(2) .ordersize .inner2 input[type=text]:focus{
    outline:none;
    background-color:azure;
    
}
.prodetail__body .part1 .prt1 select{
    color:darkorange;
    background-color:#fafbfc;
    border:3px solid #f7f8f9;
    border-radius:5px;
    padding:0px 0px 0px 0px;
    font-size:14px;
    font-family:Yekan;
}
.prodetail__body .part1 .prt1 select:focus{
    outline:none;
}
.prodetail__body .part1 .prt1 select option{
    color:red;
    font-size:17px;
}

@media only screen and (min-width:380px){
    .prodetail__body .part1 .prt1 label{
    font-size:17px;
}
    .prodetail__body .part1 .prt1 div:first-child select{
    width:160px;
    height:40px;
}
.prodetail__body .part1 .prt1 div:nth-child(2) .ordersize{
    width:160px;
    height:40px;
}
.prodetail__body .part1 .prt1 div:nth-child(2) .ordersize .inner1, 
.prodetail__body .part1 .prt1 div:nth-child(2) .ordersize .inner3{
    padding:5px 8px;
}
.prodetail__body .part1 .prt1 div:nth-child(2) .ordersize .inner2 input[type=text]{
    width:80px;
    height:40px;
    font-size:20px;
}
.prodetail__body .part1 .prt1 select{
    font-size:17px;
     padding:0px 3px 0px 0px;
}
}

.prodetail__body .part1 .guidebtn{
    text-align:center;
    width:100%;
    padding:50px 0;
}
.prodetail__body .part1 .guidebtn a{
    width:50%;
}


.prodetail__body .part1 .popup_data{
    /*position:relative;*/
    /*border:5px dashed red;*/
}
.prodetail__body .part1 .popup_data .partnum_info{
    /*border:1px dashed rgba(0,0,0,0.2);*/
    width:100%;
    height:45%;
    position:absolute;
    border-radius:15px 15px 0px 0px;
    background-color:rgba(100,0,200,0.12);
    text-align:right;
    padding:20px 10px;
    color:#b93104;
    font-size:17px
}
.prodetail__body .part1 .popup_data .partnum_info p{
    /*border:1px dashed #ffc107cc;*/
    background-color:#ffc10799;
    padding:0.5px 5px 1px 0;
    font-size:17px
}
.prodetail__body .part1 .popup_data .partnum_info p span[class*="glyphicon-"]{
    font-size:9px;
}
.prodetail__body .part1 .popup_data .partnum_body{
    /*border:1px dashed rgba(0,0,0,0.2);*/
    width:100%;
    top:45%;
    /*height:70%;*/
    position:absolute;
    border-radius:0px 0px 15px 15px;
    /*background-color:rgba(200,0,250,0.64);*/
    padding:20px;
    text-align:justify;
    font-size:16px;
    color:blueviolet;
    line-height:20px;
}
@media only screen and (min-width:576px){
.prodetail__body .part1 .popup_data .partnum_info{
    text-align:center;
    padding:40px 30px;
    font-size:20px;
}
.prodetail__body .part1 .popup_data .partnum_body{
    padding:50px 40px;
    font-size:20px;
    line-height:24px;
}

}




.prodetail__body .part1 .prt2{
    display:flex;
    justify-content:flex-start;
    align-items:center;
    padding:0px 70px 30px 40px;
    color: #e74c3c;
}
.prodetail__body .part1 .prt2 strong{
    font-size:1.1rem;
    font-family:inherit;
}
.shopbtn{padding:30px 0px;}
.shopbtn button{
    font-size:1.0rem;
    border-radius:26px;
    width:70%;
    transition:all 0.25s;
}
.shopbtn button:hover, .shopbtn button:focus{
    box-shadow:none;
    box-shadow:rgba(0, 255, 0, 0.39) 0 0 0px 5px;
}
.shopbtn button i{}
.shopbtn button span{
    font-family:Yekan;
    font-size:1.05rem;
}
@media only screen and (min-width:380px){
    .prodetail__body .part1 .guidebtn{padding:50px 20px;}
    .shopbtn{padding:30px 20px;}
}
@media only screen and (min-width:576px){
    .prodetail__body{padding:20px 30px;}
    .prodetail__body .part1 .guidebtn{padding:50px 0px 50px;}
    .shopbtn{padding:30px 50px;}
}
@media only screen and (min-width:992px){
    .prodetail{width:80%;margin:60px auto 30px;}
    .prodetail__image{margin:20px 0px 20px;}
    .prodetail__body{padding:20px 10px;}
}


#shop__mask {
    display: none;
    /*width: 100%;
    height: 100%;
    position: absolute;*/
    position:fixed;
    right:0px;
    top: 0px;
    bottom:0px;
    left:0px;
    z-index: 19;
    /*background-color:#342d2d;*/
    background-color:darkgray;
    opacity: 0.6;
    transition: display 1s;
}

#shoppingdata {
    display: none;
    position: fixed;
    z-index: 20;
}

#shoppingdata{
    width:300px;
    height:auto;
    border-radius:15px;
    box-shadow:rgba(0,0,0,0.44) 0 0 5px 1px;
    margin:0 auto;
    padding:0 5px;
    font-family:MySans;
    color:#007bff;
    background-color:antiquewhite;
    margin:auto;
    opacity:1;
    text-align:center;
}
@media only screen and (min-width:768px){
    #shoppingdata{background-color:antiquewhite;}
    #shop__mask{background-color:darkgray;opacity:0.45;}
}
@media only screen and (min-width:400px) and (max-width:576px) {
    #shoppingdata {
        width: 360px;
        /*height: auto*/
    }
}

@media only screen and (min-width:576px) {
    #shoppingdata {
        /*width:550px;*/
        width: 500px;
    }
}

.myhr1{margin:2px 15px;height:0px;border-top:2.5px solid #dfdfdf;}
.myhr2{margin:2px 0px;height:0px;border-top:1px solid #dfdfdf;}
.shop_data a.shopBtn .ba_dge{position:absolute;top:-9px;right:15px;font-family:MySans;color:#fff;font-size:12px;padding:2px 3.5px 1px;background-color:#e75121e1;border-radius:8px;line-height:1.1rem;z-index:1;}
@media only screen and (min-width:768px){
    .shop_data a.shopBtn .ba_dge{right:5px;}
}
#shoppingdata .shoppingdata__header{width:100%;height:30px;text-align:center;display:flex;justify-content:center;align-items:center;margin:0;padding:10px 0px 0px 0px;font-size:0.8rem;}
#shoppingdata .shoppingdata__header .item{/*border:1px solid red;*/}
#shoppingdata .shoppingdata__header .item:first-child{width:215px;}
#shoppingdata .shoppingdata__header .item:nth-child(2){width:25px;}
#shoppingdata .shoppingdata__header .item:nth-child(3){width:80px;}

#shoppingdata .shoppingdata__list div{width:100%;text-align:center;display:flex;justify-content:center;align-items:center;margin:0;padding:4px 0px;font-size:0.8rem;}
#shoppingdata .shoppingdata__list div .item{padding:5px 0px;/*border:1px solid red;*/}
#shoppingdata .shoppingdata__list .item:first-child{width:215px;}
#shoppingdata .shoppingdata__list .item:nth-child(2){width:25px;}
#shoppingdata .shoppingdata__list .item:nth-child(3){width:80px;}

#shoppingdata .shoppingdata__price{width:100%;text-align:center;display:flex;justify-content:space-between;align-items:center;margin:0;padding:10px 30px 5px 30px;font-size:1.0rem;}
#shoppingdata .shoppingdata__reg{width:100%;text-align:center;padding:20px;margin:0 auto;}
#shoppingdata .shoppingdata__reg a{width:160px;height:30px;display:block;text-align:center;font-family:Yekan;color:#fff !important;font-size:1rem;background-color:darkgreen;padding:5px 15px;border-radius:7.5px;box-shadow:olive 0 0 4px 1.5px;margin:0 auto;}
#shoppingdata .shoppingdata__reg a:hover, #shoppingdata .shoppingdata__reg a:focus{background-color:olive;}
@media only screen and (min-width:600px){
    #shoppingdata .shoppingdata__header{font-size:1rem;height:35px;}
#shoppingdata .shoppingdata__header .item{/*border:1px solid red;*/}
#shoppingdata .shoppingdata__header .item:first-child{width:380px;}
#shoppingdata .shoppingdata__header .item:nth-child(2){width:40px;}
#shoppingdata .shoppingdata__header .item:nth-child(3){width:130px;}

#shoppingdata .shoppingdata__list div{font-size:1rem;}
#shoppingdata .shoppingdata__list div .item{padding:5px 0px;/*border:1px solid red;*/}
#shoppingdata .shoppingdata__list .item:first-child{width:380px;}
#shoppingdata .shoppingdata__list .item:nth-child(2){width:40px;}
#shoppingdata .shoppingdata__list .item:nth-child(3){width:130px;}

#shoppingdata .shoppingdata__price{font-size:1.1rem;}
#shoppingdata .shoppingdata__reg a{width:200px;height:34px;padding:7px 15px;}
}

/*----------image zoom----------------*/
.zoomContainer{
    z-index:25 !important;
    width:1000px !important;     /*برای حذف اسکرول افقی*/
    margin:0 !important;
}

.zoomLens{
    /*margin:0;*/
    /*max-width:100px;*/
}
/*----------lightbox------------------*/
#lightbox {
	margin: 20px auto 30px;
    padding:0 0 0 0px;
	/*width: 520px;*/ 
    width:100%;
    /*border:1px solid #ddd;*/
	/*border-bottom: 1px solid #ccc;*/
    text-align:center;
}
#lightbox h1 {
	text-transform: uppercase;
	text-align: center;
	padding: 10px 0;
	margin: 20px 0;
	color: white;
	font-size: 24px;
	background: rgba(255, 255, 255, 0.1);
	border-left: 2px solid rgba(255, 255, 255, 0.65);
	border-right: 2px solid rgba(255, 255, 255, 0.65);
    font-family:Yekan;
}
#lightbox ul {
    /*overflow:hidden;*/
	/*overflow:scroll;*/
    /*overflow:initial;*/
    overflow:auto;
}
/*Image styles*/
#lightbox ul li {
	float: right;
    display:block;
    /*padding:10px;*/
	padding:5px 10px;
	background: #fff;
	margin: 0 auto;
	list-style-type: none;
	position: relative;
	cursor: pointer;
}
/*No right margin for images in the 2nd column*/
#lightbox ul li:nth-child(even) {
	/*margin-right: 0;*/
}
#lightbox ul li img {
	display: block;
}

/*Image titles*/
#lightbox .image_title {
    /*width: 250px; height: 105px;*/
	/*width: 245px; height: 165px;*/
    width: 115px; height: 105px;
    border-radius:5px;
    /*background: rgba(0, 0, 0, 0.5);*/
	background: rgba(0, 0, 255, 0.5);
	position: absolute;
	top: 0; left: 0;
	display: table;
	/*Hover effect - default state*/
	opacity: 0;
	transition: all 0.5s;
}
#lightbox .title {
	color: #fff;
	background: rgba(0, 0, 0, 0.5);
	text-transform: uppercase;
	font-size: 10px;
    font-family:MySans;
	text-align: center;
	/*Vertical center align*/
	display: table-cell;
	vertical-align: middle;
	/*Hover effect - default state*/
	transform: scale(0.2);
	transition: all 0.25s;
}
/*Zoom icon over each title using iconfont and pseudo elements*/
#lightbox .title::before {
	content: 'گالری';
	font-family: Vaz;
	font-size: 20px;
	color: #fff;
	opacity: 0.5;
	display: block;
	line-height: 36px;
}
/*Hover states*/
#lightbox li:hover {
    /*box-shadow: inset 0 0 10px 1px rgba(0, 0, 0, 0.75);*/
	box-shadow: inset 0 0 10px 1px rgba(0, 0, 255, 0.75);
}
#lightbox li:hover .image_title {
	opacity: 1;
}
#lightbox li:hover .title {
	transform: scale(1);
}

/*Lets change the iconfont to websymbols since entypo has some issues with rendering on windows*/
@font-face {
	font-family: websymbols;
	src: url("http://thecodeplayer.com/uploads/fonts/websymbols.eot");
	src: url('http://thecodeplayer.com/uploads/fonts/websymbols.eot?#iefix') format('embedded-opentype'),
     url('http://thecodeplayer.com/uploads/fonts/websymbols.woff') format('woff'),
     url('http://thecodeplayer.com/uploads/fonts/websymbols.ttf') format('truetype'),
	 url('http://thecodeplayer.com/uploads/fonts/websymbols.svg#WebSymbolsRegular') format('svg');
}


/*Lightbox element style*/
.lb_backdrop {
	background: rgba(0, 0, 0, 0.8);
	position: fixed;
	top: 0; left: 0; right: 0; bottom: 0;
    z-index:1;
    
}
/*The canvas contains the larger image*/
.lb_canvas {
	/*background: white;*/
    /*background:rgba(125,185,232,0.05);*/
    background:transparent;
	width: 50px; height: 50px;
	position: fixed;
	/*top: 0; left: 0; Will be centered later by Jquery*/
	/*box-shadow: 0 0 3px 2px blue;*/
    box-shadow: 0 0 3px 2px #6c757d;
    /*box-shadow:none;*/
	/*padding: 10px;*/
    padding:0px;
    z-index:1;
    
}
/*div.lb_canvas{
    display:flex;justify-content:center;align-items:center;margin:0 auto !important;
}*/
.lb_canvas{
    width:300px !important;
    height:auto !important;
    text-align:center;
    margin:auto;
}

.lb_canvas img{
    width:300px !important;
    /*height:auto !important;*/
}
@media only screen and (min-width:576px){
    .lb_canvas{
    /*width:100% !important;*/
    width:550px !important;
    /*height:auto !important;*/
    max-height:600px;
}
    .lb_canvas img{
    width:550px !important;
    /*height:auto !important;*/
    max-height:600px;
}
}

/*A separate class for loading GIF, for easy Jquery handling*/
.lb_canvas.loading {
	background: white url("http://thecodeplayer.com/uploads/media/loading.gif") center center no-repeat;
}
/*Lightbox Controls*/
.lb_controls {
	width: 300px; 
    height:auto;
    padding:0px 0px 15px;
	background: rgba(0, 0, 0, 0.45);
    box-shadow:#6c757d 0 0 2px 1px;
    border-radius:9px;
	position: fixed;
	/*bottom: 10px;*/
    bottom:50px;
	color: white;
	/*To horizontally center it*/
	left: 0; right: 0; margin: 0 auto; 
    z-index:2;
    /*border:1px solid #fff;*/
}
@media only screen and (min-width:768px){
    .lb_controls{
        bottom:10px;
    }
}
.lb_controls span {
	line-height: 30px;
	height: 30px;
}
.lb_controls span.inactive {
	opacity: 0.25;
}
.lb_previous, .lb_next {
	position: absolute;
	top: 0;
	padding: 5px 12px;
	font-family: websymbols;
	font-size: 14px;
	background: black;
	cursor: pointer;
}
.lb_previous {
	left: 5px;
	border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.lb_next {
	right: 5px;
	border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.lb_title {
	text-align: center;
	display: block;
	font-size: 14px;
	text-transform: uppercase;
	padding: 5px 0;
	font-weight: bold;
    font-size:0.9rem;
    font-family:Yekan;
}
@media only screen and (min-width:576px){
    .lb_controls {
	width: 400px;
}
    .lb_title {
    font-size:1.07rem;
}

}
/*------------eolightbox------------------------*/
/*----------------------- Part of owl carousel -------------------------------*/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN ://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y;
        touch-action: manipulation;
        -moz-backface-visibility: hidden
    }

        .owl-carousel .owl-stage:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0
        }

    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        -webkit-transform: translate3d(0,0,0)
    }

    .owl-carousel .owl-wrapper, .owl-carousel .owl-item {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0)
    }

    .owl-carousel .owl-item {
        position: relative;
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none
    }

        .owl-carousel .owl-item img {
            display: block;
            width: 100%
        }

    .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {
        display: none
    }

    .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot {
        cursor: pointer;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot {
        background: none;
        color: inherit;
        border: none;
        padding: 0 !important;
        font: inherit
    }

    .owl-carousel.owl-loaded {
        display: block
    }

    .owl-carousel.owl-loading {
        opacity: 0;
        display: block
    }

    .owl-carousel.owl-hidden {
        opacity: 0
    }

    .owl-carousel.owl-refresh .owl-item {
        visibility: hidden
    }

    .owl-carousel.owl-drag .owl-item {
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .owl-carousel.owl-grab {
        cursor: move;
        cursor: grab
    }

    .owl-carousel.owl-rtl {
        direction: rtl
    }

        .owl-carousel.owl-rtl .owl-item {
            float: right
        }

.no-js .owl-carousel {
    display: block
}

.owl-carousel .animated {
    animation-duration: 1000ms;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height 500ms ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease
}

    .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
        max-height: 0
    }

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 100ms ease
}

    .owl-carousel .owl-video-play-icon:hover {
        -ms-transform: scale(1.3,1.3);
        transform: scale(1.3,1.3)
    }

.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 400ms ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}
/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

    .owl-theme .owl-nav [class*='owl-'] {
        color: #fff;
        font-size: 14px;
        /*margin: 5px;*/
        margin:10px 25px;
        padding: 4px 7px;
        background: #d6d6d6;
        display: inline-block;
        cursor: pointer;
        border-radius: 3px
    }

        .owl-theme .owl-nav [class*='owl-']:hover {
            background: #869791;
            color: #fff;
            text-decoration: none
        }

    .owl-theme .owl-nav .disabled {
        opacity: .5;
        cursor: default
    }

        .owl-theme .owl-nav.disabled + .owl-dots {
            margin-top: 10px
        }

.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

    .owl-theme .owl-dots .owl-dot {
        display: inline-block;
        zoom: 1;
        *display: inline
    }

        .owl-theme .owl-dots .owl-dot span {
            width: 10px;
            height: 10px;
            margin: 5px 7px;
            background: #d6d6d6;
            display: block;
            -webkit-backface-visibility: visible;
            transition: opacity 200ms ease;
            border-radius: 30px
        }

        .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
            background: #869791
        }


.homeproGroup::before{
        width:175px; 
        height:250px;
        background-image:url('/Content/_Images/_Im1/circle2.svg');
        background-size:13px 13px;
        content:"";
        display:block;
        position:absolute;
        opacity:0.15;
        z-index:-1;

        top:5px;
        left:0px;
    }
.homeproGroup::after{
        width:150px; 
        height:150px;
        background-image:url('/Content/_Images/_Im1/circle2.svg');
        background-size:14px 14px;
        content:"";
        display:block;
        position:absolute;
        bottom:0px;
        right:0px;
        opacity:0.15;
        z-index:-1;

        bottom:-10px;
        right:10px;
    }
@media only screen and (min-width:768px){
    .homeproGroup::before{
        width:175px; 
        height:250px;
        background-image:url('/Content/_Images/_Im1/circle2.svg');
        background-size:18px 18px;

        top:5px;
        left:10px;
    }
.homeproGroup::after{
        width:150px; 
        height:150px;
        background-image:url('/Content/_Images/_Im1/circle2.svg');
        background-size:17px 17px;

        bottom:30px;
        right:10px;
    }
}

.homeproGroup {
    position:relative;
    width: 100%;
    padding: 12.5px;
    margin-top:25px;
    /*background-color:red;*/
}
.homeproGroup a.title{
    font-family:Yekan;
    font-size:18px;
    
}
.homeproGroup a.title:hover, .homeproGroup a.title:focus{
    text-shadow:2px 1px 3px #999;
}
.homeproGroup a.title h3{
    font-family:Yekan;
    margin:0;
    padding:0 0 5px 0;
    display:inline-block;
    margin:0 20px 15px 0;
    font-weight:700;
    color:#a53ddd;
    border-bottom:2px solid #a53ddd;
}

    .homeproGroup .inner {
        width: 100%;
        /*border: 10px solid #f2f2f2;*/
        /*background-color:red;*/
        /*padding:7.5px;*/
        /*padding:25px;*/
    }

    /*این کلاس توسط جاوا اسکریپت اضافه شده*/
.homeproGroup .owl-carousel .owl-item{
    /*padding:10px;*/
    /*margin:10px;*/   /*باید در کد جاوا اسکریپت تنظیم شود تا درست عمل کند*/
}
/* این کلاس درون کلاس بالایی قرار دارد */
.homeproGroup .owl-carousel .item{
    width:270px;
    height:370px;
    margin:5px;                     /* !!!  IMPORTANT*/
    /*border:1px dotted navy;*/
    box-shadow:rgba(0,0,0,0.11) 0 0 6px 1px;
    /*transition:all 0.3s;*/
    transition: all .25s cubic-bezier(.175, .885, .32, 1.275);
}
.homeproGroup .owl-carousel .item:hover, .homeproGroup .owl-carousel .item:focus{
    box-shadow: 0px 05px 15px 2px rgba(0,0,0,0.25);
    
}

.homeproGroup .owl-carousel .item .pic{
    width:100%;
    height:270px; /* 370-100 */
    background-color:#fff;
    /*background-color:transparent;*/
    display:flex;
    justify-content:center;
    align-items:center;
    padding:10px;
    border-radius:15px;
}
.homeproGroup .owl-carousel .item .pic img{
     border-radius:15px;
     max-height:270px;
}
.homeproGroup .owl-carousel .item .desc{
    width:100%;
    height:100px; /* 370-270 */
    background-color:#fff;
    /*background-color:transparent;*/
    padding:5px;
}
.homeproGroup .owl-carousel .item .desc .inner{
    /*margin-top: 0px;
    padding: 1rem;*/
    width: 100%;
    height: 100%;
    /*border:1px solid red;*/
    /*border-radius:0px 0px 20px 20px;*/
    transition: all 0.3s;
}
.homeproGroup .owl-carousel .item .desc .inner h5{
    color:darkslategrey;
    font-size:1.07rem;
    font-weight:bold;
    font-family:Yekan;
    padding-right:10px;
}
    .homeproGroup .owl-carousel .item .desc .inner .info {
        color: #e74c3c !important;
        /*color:#ead3d3;*/
        font-size: 0.9rem !important;
        font-family: MySans;
        font-weight: 700;
        /*border:1px solid navy;*/
        margin-top: 30px;
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
    }

.homeproGroup .owl-carousel .item .desc .inner .info div s{
    opacity:0.8;
}
  
.homeproGroup .owl-carousel .item .desc .inner .info strong.stream {
    color:#c1b3b3;
    font-family:Yekan;
    font-size:0.8rem;
    font-weight:400;
    padding:0 7px 0 0;        /*--!!!!!!!!!!!!!!!!!!!!*/
}

.homeproGroup .owl-carousel .item .desc .inner .info .more{
    width:80px;
    height:auto;
}

@media only screen and (min-width:768px) {
.homeproGroup {
        padding: 20px;
    }
.homeproGroup a.title{
    font-size:28px;
    margin:0 20px 15px 0;
}

.homeproGroup .owl-carousel .item {
    width: 330px;
    height: 450px;
}

.homeproGroup .owl-carousel .item .pic{
    height:330px; /* 450-120 */
}
.homeproGroup .owl-carousel .item .pic img{
     border-radius:16px;
     max-height:330px;
}
.homeproGroup .owl-carousel .item .desc{
    height:120px; /* 370-330 */
}

.homeproGroup .owl-carousel .item .desc .inner h5{
    font-size:1.2rem;
}

}
/*---------------*/
.homeprolinks{
    padding:7px;
    width:100%;
    margin:20px 0 0px 0;
    /*border:1px solid red;*/
}
@media only screen and (min-width:1200px){
    .homeprolinks{
        display:none;
    }
}

.homeprolinks .inner{
    /*display:flex;*/
     /*border:1px solid blue;*/
}
.homeprolinks .inner .inner2{
    /*width:100%;*/
    /*border:1px dashed red;*/
    display:flex;
}
.homeprolinks .inner .item{
    padding:10px 2.5px 10px 2.5px;
    width:50%;
    /*float:right;*/
    
}
.homeprolinks .inner .item img{
    /*width:40%;*/
    /*max-width:120px;*/
    padding:10px;
    border-radius:50%;
    width:100%;
}
@media only screen and (min-width:490px){
    .homeprolinks .inner .item img{
    padding:30px;
}
}
@media only screen and (min-width:768px) {
    .homeprolinks .inner {
        display: flex;
    }

        .homeprolinks .inner .item img {
            padding: 20px;
        }
}
/*---------------*/
.promo{
    /*border:1px dashed red;*/
    width:100%;
    /*height:40px;*/
    padding:40px 15px 10px 15px;
}
.promo .inner{
    padding:20px;
    max-width:800px;
    background-color:coral;
    border-radius:20px;
    margin:0 auto;
    position:relative;
     overflow:hidden;
}
.promo .inner:before{
    content:"";
        background:rgba(225,225,225,0.1);
        width:90%;
        height:100%;
        position:absolute;
        right:0px;
        top:0;
        z-index:0;
        border-radius:4% 80% 10% 90%;
        transform:rotate(305deg);
}
.promo .inner h3{
    color:#007bff;
    font-family:Yekan;
    font-size:20px;
    font-weight:bold;
    text-align:center;
    text-shadow:1px 1px 6px #ddd;
}
.promo .inner p{
    color:azure;
    font-family:Yekan;
    font-size:17px;
    text-align:right;
    margin:30px auto;
}
.promo .inner p span{
    font-size:20px;
    opacity:0.7;
    margin-left:6px;
    font-weight:900;
}

@media only screen and (min-width:600px){
    .promo .inner h3{
    font-size:28px;
}
    .promo .inner p{
    font-family:Yekan;
    font-size:20px;
    margin:30px 80px 30px 20px;
}
}

/*----------------------- Part of footer -------------------------------*/
.footer {
    /*height:500px;*/
    width:100%;
    background-color:rgba(108,8,8,0.8);
    /*border: 10px dotted red;*/
    margin: 0;
    padding: 3px 3px 30px 3px;
   position:relative;
   /*color:antiquewhite;*/
}
    .footer::before {
        width: 100%;
        /*width:50%;*/
        /*height:100vh;*/
        height:100%;
        /*min-height: 00px;*/
        /*background-image: url(/Content/_Images/_Im1/fbg1.svg);*/
        background-position:100% 0%;
        background-size: 100px 100px;
        opacity: 0.8;
        content: "";
        display: block;
        position: absolute;
        /*overflow:hidden;*/
        top: 0;
        left: 0;
        z-index:-1;
    }
    .footer::after {
        width:100%;
        /*width:0;*/
        /*height:100vh;*/
        height:100%;
        /*min-height: 00px;*/
        background-image: url(/Content/_Images/_Im1/fbg2.svg);
		background-position:100% 0%;
        background-size: 100px 100px;
        opacity: 0.95;
        content: "";
        display: block;
        position: absolute;
        /*overflow:hidden;*/
        top: 0;
        right: 0;
        z-index:-1;
    }
@media only screen and (min-width:768px){
    .footer{
        padding:10px;
    }
}

.footer .footer_bg .footer_body_inner{
    /*border:1px solid antiquewhite;*/
    border-radius:0 0 5px 5px;
    
}
.footer .footer_bg .footer_body_inner .inner{
    /*border:1px solid red;*/
    text-align:center;
    z-index:2;     /*در ارتباط با انیمیشن*/
}

.footer .footer_bg .footer_body_inner .inner:nth-child(2){
    margin-top:20px;
}
.footer .footer_bg .footer_body_inner .inner:nth-child(2) div:nth-child(1){
    margin-bottom:20px;
}
@media only screen and (min-width:1200px){
    .footer .footer_bg .footer_body_inner .inner:nth-child(2){
    margin-top:0px;
}
    .footer .footer_bg .footer_body_inner .inner:nth-child(2) div:nth-child(1){
    margin-bottom:40px;
}
}

.footer .footer_bg .footer_body_inner .inner ._row .inner1,
.footer .footer_bg .footer_body_inner .inner ._row .inner2,
.footer .footer_bg .footer_body_inner .inner ._row .inner3{
    /*border:1px solid navy;*/
    width:33%;
    text-align:right;
}
.footer .footer_bg .footer_body_inner .inner ._row .inner2{
    width:34%;
}

.footer .footer_bg .footer_body_inner .inner ._row .inner1 div,
.footer .footer_bg .footer_body_inner .inner ._row .inner2 div,
.footer .footer_bg .footer_body_inner .inner ._row .inner3 div {
    padding: 3px 3px;
    margin:10px 0;
}
.footer .footer_bg .footer_body_inner .inner ._row .inner1 div a,
.footer .footer_bg .footer_body_inner .inner ._row .inner2 div a,
.footer .footer_bg .footer_body_inner .inner ._row .inner3 div a{
    margin:0px;
    padding:7.5px 0px;
    font-size:0.8rem;
    /*font-family:Yekan;*/
    font-family:Vaz;
    color:antiquewhite;

}
.footer .footer_bg .footer_body_inner .inner ._row .inner1 div span,
.footer .footer_bg .footer_body_inner .inner ._row .inner2 div span,
.footer .footer_bg .footer_body_inner .inner ._row .inner3 div span{
    font-size:0.6rem;
    color:#ffc107;
    
}
@media only screen and (min-width:350px) {
    .footer .footer_bg .footer_body_inner .inner ._row .inner1 div a,
    .footer .footer_bg .footer_body_inner .inner ._row .inner2 div a,
    .footer .footer_bg .footer_body_inner .inner ._row .inner3 div a{
        font-size: 0.9rem;
    }
}
@media only screen and (min-width:400px) {
    .footer .footer_bg .footer_body_inner .inner ._row .inner1 div a,
    .footer .footer_bg .footer_body_inner .inner ._row .inner2 div a,
    .footer .footer_bg .footer_body_inner .inner ._row .inner3 div a{
        font-size: 0.95rem;
    }
}
@media only screen and (min-width:390px) {
    .footer .footer_bg .footer_body_inner .inner ._row .inner1 div,
    .footer .footer_bg .footer_body_inner .inner ._row .inner2 div,
    .footer .footer_bg .footer_body_inner .inner ._row .inner3 div {
        padding:7px 7px;
        margin:10px 5px 10px 0;
    }
}
@media only screen and (min-width:440px) {
    .footer .footer_bg .footer_body_inner .inner ._row .inner1 div,
    .footer .footer_bg .footer_body_inner .inner ._row .inner2 div,
    .footer .footer_bg .footer_body_inner .inner ._row .inner3 div {
        padding:7px 7px;
        margin:10px 15px 10px 5px;
    }
    .footer .footer_bg .footer_body_inner .inner ._row .inner1 div a,
    .footer .footer_bg .footer_body_inner .inner ._row .inner2 div a,
    .footer .footer_bg .footer_body_inner .inner ._row .inner3 div a{
        font-size: 0.95rem;
    }
}
@media only screen and (min-width:992px) {
    .footer .footer_bg .footer_body_inner .inner ._row .inner1 div,
    .footer .footer_bg .footer_body_inner .inner ._row .inner2 div,
    .footer .footer_bg .footer_body_inner .inner ._row .inner3 div {
        margin:10px 45px 10px 5px;
    }
    .footer .footer_bg .footer_body_inner .inner ._row .inner1 div a,
    .footer .footer_bg .footer_body_inner .inner ._row .inner2 div a,
    .footer .footer_bg .footer_body_inner .inner ._row .inner3 div a{
        font-size: 1.1rem;
    }
}

@media only screen and (min-width:1200px) {
    .footer .footer_bg .footer_body_inner .inner ._row .inner1 div,
    .footer .footer_bg .footer_body_inner .inner ._row .inner2 div,
    .footer .footer_bg .footer_body_inner .inner ._row .inner3 div {
        margin:10px 65px 10px 5px;
    }
}


    .footer .footer_bg .footer_body_inner p {
        margin:20px auto;
        font-size: 0.8rem;
        font-family: Arial;
        color: antiquewhite;
        font-style: italic;
    }


.footermask1{
    position:absolute;
    top:0px; right:0px;
    bottom:0px; left:0px;
    /*background-color:#003366;*/
    background:linear-gradient(to bottom, #000 0%, rgba(108,8,8,0.99) 7%, rgba(108,8,8,0.99) 50%, rgba(108,8,8,0.99) 93%, #000 100%);
    z-index:0;
    opacity:0.85;
    border-radius:0px 0px 15px 15px;
}
.footermask2{
    position:absolute;
    top:0px; right:0px;
    bottom:0px; left:0px;
    background-color:#aaa;
    z-index:2;
    opacity:0.85;
    border-radius:0px 0px 0px 0px;
    /*background-image:url(/Content/_Images/_Im1/space_bg.gif);
    height:100vh;*/
     /* background-size:100% 100%;*/
     border-radius:0px 0px 15px 15px;
}

.footermask2, .footermask1{
    -webkit-animation:bounce-In 7s ease-in-out infinite alternate-reverse;
    -moz-animation:bounce-In 7s ease-in-out infinite alternate-reverse;
    -o-animation:bounce-In 7s ease-in-out infinite alternate-reverse;
    animation:bounce-In 7s ease-in-out infinite alternate-reverse;
}
@keyframes bounce-In{
    0%{
        /*transform:scale(0.95);*/
        /*opacity:0.5;*/
        opacity:0.07;  /*بیشترین مه آلودگی*/
    }
    30%{
        /*transform:scale(1.00);*/
         /*opacity:0.8;*/
        opacity:0.25;
    }
    100%{
        /*transform:scale(1);*/
         /*opacity:0.99;*/
        opacity:0.67;
    }
}


/*-----------------------Part of Proforma------------------------*/
#pro-forma{
    padding:10px 15px;
    font-family:MySans;
    font-size:1rem;
    background-color:#f7f7f7;
}
#pro-forma #maindiv .inner1 h4{
    padding:20px 0 10px 0px;
    font-family:mySans;
    font-size:1.1rem;
    font-weight:500;
}
#pro-forma #maindiv .inner1 .item{
    margin:20px 5px;
}
#pro-forma #maindiv .inner1 .item label{
    margin:0 5px 0 0;
    color:#17a2b8;
}
#pro-forma #maindiv .inner1 .item input[type=text], #pro-forma #maindiv .inner1 .item textarea{
    margin:5px 0 3px 0;
    font-size:1.05rem;
    font-family:Yekan;
    color:#858585;
    padding:0px 10px 0 0;
}
#pro-forma #maindiv .inner1 .item .field-validation-error span{
    /*padding:10px;*/
    font-size:1.2rem;
}

#pro-forma #maindiv .inner2{
    overflow-x:auto;
    font-family:MySans;
}
#pro-forma #maindiv .inner2 div:nth-child(1){
    max-width:600px;margin:auto;
}
#pro-forma #maindiv .inner2 div:nth-child(1) h4{
    padding:20px 30px 0px;
    font-size:1.2rem;
    font-family:mySans;
    color:lightcoral;
}
#pro-forma #maindiv .inner2 .proformatbl{
    padding:0px;
    background-color:inherit;
    width:100%;
}
#pro-forma #maindiv .inner2 .proformatbl table{
    margin:0 auto;
    width:100%;
    overflow:auto;
    background-color:#fff;
    padding:5px 5px;
}
#pro-forma #maindiv .inner2 .proformatbl table thead{
    color:#676767;
    font-size:0.8rem;
}
#pro-forma #maindiv .inner2 .proformatbl table thead th{
    padding:2px 4px;
}
#pro-forma #maindiv .inner2 .proformatbl table tbody{
    background-color:aliceblue;
    font-size:0.9rem;
    color:#939495;
    border-spacing:0px 0px;
}
#pro-forma #maindiv .inner2 .proformatbl table tbody td{
    padding:0px 3px;
}
#pro-forma #maindiv .inner2 .proformatbl table tfoot{
    background-color:azure;
}
#pro-forma #maindiv .inner2 .proformatbl table tfoot tr{
    font-size:1.05rem;
    font-weight:bold;
}
#pro-forma #maindiv .inner2 .proformatbl table tfoot td{
    padding:10px;
}

#pro-forma #maindiv .inner3 div:nth-child(1){
    margin:auto;
    padding:30px 10px;
}
#pro-forma #maindiv .inner3 div:nth-child(1) label{
    font-size:0.9rem;
    line-height:1.2rem;
    padding:0;
}
#pro-forma #maindiv .inner3 div:nth-child(2){
    padding:40px 0 40px;
    text-align:center;
    margin:auto
}
#pro-forma #maindiv .inner3 div:nth-child(2) button{
    width:160px;
    font-size:17px;
    padding:4px 0px;
    border-radius:30px;
}
#pro-forma #maindiv .inner3 div:nth-child(2) button:hover{
    box-shadow:none;
    box-shadow:rgba(0, 255, 0, 0.39) 0 0 0px 5px;
}

/*----------------------- Part of Invoice & Print -------------------------------*/
.invoice .proformatbl{
    padding:0px;
    background-color:inherit;
    width:100%;
}
.invoice .proformatbl table{
    margin:0 auto;
    width:100%;
    overflow-x:auto;
    background-color:#fff;
    padding:5px 5px;
}
.invoice .proformatbl table thead{
    color:#676767;
    font-size:0.8rem;
}
.invoice .proformatbl table thead th{
    padding:2px 4px;
}
.invoice .proformatbl table tbody{
    background-color:aliceblue;
    font-size:0.9rem;
    color:#939495;
    border-spacing:0px 0px;
}
.invoice .proformatbl table tbody td{
    padding:0px 3px;
}
.invoice .proformatbl table tfoot{
    background-color:azure;
}
.invoice .proformatbl table tfoot tr{
    font-size:1.05rem;
    font-weight:bold;
}
.invoice .proformatbl table tfoot td{
    padding:10px;
}

.print .proformatbl{
    padding:0px;
    background-color:inherit;
    width:100%;
}
.print .proformatbl table{
    margin:0 auto;
    width:100%;
    overflow:auto;
    background-color:#fff;
    padding:5px 5px;
}
.print .proformatbl table thead{
    color:#676767;
    font-size:0.8rem;
}
.print .proformatbl table thead th{
    padding:2px 4px;
}
.print .proformatbl table tbody{
    background-color:aliceblue;
    font-size:0.9rem;
    color:#939495;
    border-spacing:0px 0px;
}
.print .proformatbl table tbody td{
    padding:0px 3px;
}
.print .proformatbl table tfoot{
    background-color:azure;
}
.print .proformatbl table tfoot tr{
    font-size:1.05rem;
    font-weight:bold;
}
.print .proformatbl table tfoot td{
    padding:10px;
}

/*----------------------- Part of Contact----------------------------------*/

.maincontact{
    padding:40px 10px;
    /*border:1px solid red;*/
    }
@media only screen and (min-width:576px){
    .maincontact{
    padding:40px 50px;
    }
}
.maincontact .inner{
    border-right:4px dashed #ccd1df;
}
.maincontact .inner .item{
    margin:15px 0;
    display:flex;
    height:40px;
}

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

/*------------------------ Part of zoomElavate -------------------------*/
.picscaleContainer{position:relative;}
.picscaleContainer .picscale .inner{
    /*border:1px solid red;*/
    margin:-30px 15px 0px 0px;
    position:absolute;
    display:flex;
    justify-content:space-around;
    align-items:center;
}
.picscaleContainer .picscale .inner div:nth-child(1){
    font-family:Yekan;
    font-size:1rem;
    color:#b4adad;
    opacity:0.7;
    
}


/*----------------------- Part of----------------------------------*/