@charset "utf-8";
/* CSS Document */


@font-face {
    font-family: 'IRANSansWeb_Bold';
    src: url('/media/fonts/iranSans/IRANSansWeb_Bold.eot'); /* IE9 Compat Modes */
    src: url('/media/fonts/iranSans/IRANSansWeb_Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/media/fonts/iranSans/IRANSansWeb_Bold.woff2') format('woff2'), /* Super Modern Browsers */
    url('/media/fonts/iranSans/IRANSansWeb_Bold.woff') format('woff'), /* Pretty Modern Browsers */
    url('/media/fonts/iranSans/IRANSansWeb_Bold.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/media/fonts/iranSans/IRANSansWeb_Bold.svg#svgFontName') format('svg'); /* Legacy iOS */
    font-weight: bold;
}

@font-face {
    font-family: 'IRANSansWeb_Medium';
    src: url('/media/fonts/iranSans/IRANSansWeb_Medium.eot'); /* IE9 Compat Modes */
    src: url('/media/fonts/iranSans/IRANSansWeb_Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/media/fonts/iranSans/IRANSansWeb_Medium.woff2') format('woff2'), /* Super Modern Browsers */
    url('/media/fonts/iranSans/IRANSansWeb_Medium.woff') format('woff'), /* Pretty Modern Browsers */
    url('/media/fonts/iranSans/IRANSansWeb_Medium.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/media/fonts/iranSans/IRANSansWeb_Medium.svg#svgFontName') format('svg'); /* Legacy iOS */
    font-weight: 500;
}

@font-face {
    font-family: 'IRANSansWeb_UltraLight';
    src: url('/media/fonts/iranSans/IRANSansWeb_UltraLight.eot'); /* IE9 Compat Modes */
    src: url('/media/fonts/iranSans/IRANSansWeb_UltraLight.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/media/fonts/iranSans/IRANSansWeb_UltraLight.woff2') format('woff2'), /* Super Modern Browsers */
    url('/media/fonts/iranSans/IRANSansWeb_UltraLight.woff') format('woff'), /* Pretty Modern Browsers */
    url('/media/fonts/iranSans/IRANSansWeb_UltraLight.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/media/fonts/iranSans/IRANSansWeb_UltraLight.svg#svgFontName') format('svg'); /* Legacy iOS */
    font-weight: 200;
}

@font-face {
    font-family: 'IRANSansWeb_Light';
    src: url('/media/fonts/iranSans/IRANSansWeb_Light.eot'); /* IE9 Compat Modes */
    src: url('/media/fonts/iranSans/IRANSansWeb_Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/media/fonts/iranSans/IRANSansWeb_Light.woff2') format('woff2'), /* Super Modern Browsers */
    url('/media/fonts/iranSans/IRANSansWeb_Light.woff') format('woff'), /* Pretty Modern Browsers */
    url('/media/fonts/iranSans/IRANSansWeb_Light.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/media/fonts/iranSans/IRANSansWeb_Light.svg#svgFontName') format('svg'); /* Legacy iOS */
    font-weight: 300;
}

@font-face {
    font-family: 'IRANSansWeb';
    src: url('/media/fonts/iranSans/IRANSansWeb.eot'); /* IE9 Compat Modes */
    src: url('/media/fonts/iranSans/IRANSansWeb.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/media/fonts/iranSans/IRANSansWeb.woff2') format('woff2'), /* Super Modern Browsers */
    url('/media/fonts/iranSans/IRANSansWeb.woff') format('woff'), /* Pretty Modern Browsers */
    url('/media/fonts/iranSans/IRANSansWeb.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/media/fonts/iranSans/IRANSansWeb.svg#svgFontName') format('svg'); /* Legacy iOS */
    font-weight: normal;
}

@font-face {
    font-family: 'FontAwesome';
    src: url('/media/fonts/fontawesome-webfont.eot');
    src: url('/media/fonts/fontawesome-webfont.eot') format('eot'), 
    url('/media/fonts/fontawesome-webfont.woff2') format('woff2'), 
    url('/media/fonts/fontawesome-webfont.woff') format('woff'), 
    url('../fontawesome-webfont.ttf') format('ttf');
    font-weight: bold;
}


 



/*CSS RESET*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

img {
    max-height: 100%;
    max-width: 100%;
}

input, button, select, textarea {
  
    font-size: inherit;
    line-height: inherit;
}

button, input, optgroup, select, textarea {
      font-family: 'IRANSansWeb';
    margin: 0;
    font: inherit;
    color: inherit;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

textarea {
    text-decoration: none;
}

body {
     font-family: 'IRANSansWeb';
    margin: 0;
    padding: 0;
    direction: rtl;
    text-align: right;
}

ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

a {
    text-decoration: none;
}

    a img {
        border: none;
    }

.bold {
    font-weight: bold;
}

.large {
    font-size: large;
}

.small {
    font-size: small;
}

.medium {
    font-size: medium;
}

.fontSize {
    font-size: 10px;
}

.fontSize1 {
    font-size: 11px;
}

.fontSize2 {
    font-size: 12px;
}

.fontSize3 {
    font-size: 13px;
}

.fontSize4 {
    font-size: 14px;
}

.fontSize5 {
    font-size: 2em;
}

.fontSize25 {
    font-size: 25px;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.border {
    border: 1px solid #e1e1e1;
}

.hidden {
    display: none;
}

.rtl {
    text-align: right;
    direction: rtl;
}

.ltr {
    text-align: left;
    direction: ltr;
}

.right {
    float: right;
    text-align: right;
    direction: rtl;
}

.left {
    float: left;
    text-align: left;
    direction: ltr;
}

.white {
    color: #fff;
}

.black {
    color: #000;
}

.red {
    color: Red;
}

.green {
    color: Green;
}

.blue {
    color: blue;
}

.yellow {
    color: #F90;
}

.gray {
    color: Gray;
}

.gray-l {
    color: #e1e1e1;
}

.width-s {
    width: 50px;
}

.width-s1 {
    width: 75px;
}

.width-s2 {
    width: 100px;
}

.width-m {
    width: 125px;
}

.width-m1 {
    width: 150px;
}

.width-m2 {
    width: 175px;
}

.width-l {
    width: 200px;
}

.width-l1 {
    width: 225px;
}

.width-l2 {
    width: 250px;
}

.margin-bottom-home {
    margin-bottom: 1.6%;
}

.margin-top-home {
    margin-top: 1.6%;
}

.padding-left-home {
    padding-left: 1.6%;
}

.marginTop {
    margin-top: 5px;
}

.marginBottom {
    margin-bottom: 5px;
}

.marginLeft {
    margin-left: 5px;
}

.marginRight {
    margin-right: 5px;
}

.marginRL {
    margin: 0 10px;
}

.marginRL2 {
    margin: 0 20px;
}

.marginTB {
    margin: 10px 0px;
}

.marginTB2 {
    margin: 20px 0px;
}

.center {
    text-align: center;
}

.margin {
    margin: 5px;
}

.marginRL {
    margin: 0px 10px;
}

.marginTB {
    margin: 10px 0px;
}

.padding {
    padding: 10px;
}

.paddingRL {
    padding: 0px 10px;
}

.paddingTB {
    padding: 10px 0px;
}

.padding5 {
    padding: 5px;
}

.padding5RL {
    padding: 0px 5px;
}

.padding5TB {
    padding: 5px 0px;
}

.sp-word-space {
    margin: 0 10px;
}

.lb-price-number {
    font-size: 15px !important;
    letter-spacing: 1.2px;
}
/*GLOBAL*/




.relative {
    position: relative;
}

.ltr {
    direction: ltr;
}

.clear {
    clear: both;
}

.block {
    display: block;
}
/*--margin--*/

.mg-top {
    margin-top: 15px;
}

.mg-bottom {
    margin-bottom: 15px;
}

.mg-auto {
    margin: 0 auto;
}

.xs-mg-auto {
    margin: 0 auto;
}

.md-mg-auto {
    margin: 0;
}

.half {
    width: 50%;
}

/*--padding--*/
.p-top {
    padding-top: 5px;
}

.p-bottom {
    padding-bottom: 5px;
}

.nopadding {
    padding: 0;
}

.no-left {
    padding-left: 0;
}

.sm-nopadding {
    padding: 0;
}

.title-page {
    font-size: 18px;
    text-align: center;
}

/*--border--*/

.rounded {
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.circle {
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.center {
    text-align: center;
}

.left {
    float: left;
}

.right {
    float: right;
}

.inline {
    display: inline-block;
}

.list-inline {
    list-style: none;
}



.btnStyle-red {
    color: #fff;
    background-color: rgb(245, 78, 78);
    border: none;
    cursor: hand;
    cursor: pointer;
    padding: 10px 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.btnStyle-gray {
    color: #fff;
    background-color: #878e96;
    border: none;
    cursor: hand;
    cursor: pointer;
    padding: 10px 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.btnStyle-blue {
    color: #fff;
    background-color: #6dabf2;
    border: none;
    cursor: hand;
    cursor: pointer;
    padding: 10px 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.btnStyle-yellow {
    color: #000;
    background-color: #ffd346;
    border: none;
    cursor: hand;
    cursor: pointer;
    padding: 10px 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.btnStyle-green {
    color: #000;
    background-color: rgb(90, 228, 122);
    border: none;
    cursor: hand;
    cursor: pointer;
    padding: 10px 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}


.btnStyle-red {
    color: #fff;
    background-color: rgb(245, 78, 78);
    border: none;
    cursor: hand;
    cursor: pointer;
    padding: 10px 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.btnStyle-gray {
    color: #fff;
    background-color: #333;
}

.btnStyle-blue {
    color: #fff;
    background-color: #2f90fe;
}

.btnStyle-yellow:hover {
    color: #000;
    background-color: #fcc208;
}

.btnStyle-green {
    color: #000;
    background-color: rgb(30, 213, 73);
}

.cursor {
    cursor: hand;
    cursor: pointer;
}

.dotted {
    border-bottom: 1px dotted gray;
    padding: 5px 0px;
    width: 100%;
}

.triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 30px 28px 30px;
    border-color: transparent transparent #878e96 transparent;
}

/******************************/

.validInputStyle {
    border: 1px solid #27dc6d !important;
}

.invalidInputStyle {
    border: 1px solid #fa79a1 !important;
}

.div-validation-msg-can {
    position: absolute;
    z-index: 9999999;
    font-size: 13px;
    padding: 0 2px;
}

    .div-validation-msg-can span.validiationIcon {
        display: inline-block;
        margin: 0 2px;
    }

    .div-validation-msg-can span.validiationMsg {
        display: inline-block;
    }

.validiationMsgFail {
    color: Red;
    font-weight: bold;
}

.validiationMsgOk {
    color: #000;
}



/********************************************/
.divLoading {
    border: 1px solid #e1e1e1;
    padding: 5px;
    width: 130px;
    height: 40px;
    background-color: White;
    text-align: center;
}

    .divLoading label {
        font-size: small;
        color: Gray;
    }

    .divLoading img {
    }

.divloadingCan {
    width: 150px;
    position: absolute;
    z-index: 999999990;
    top: 1px;
    left: 1px;
    text-align: center;
    background-color: White;
    border: 0px solid #fb3409;
    background-color: #ddd;
    padding: 5px;
}

    .divloadingCan .divloadingIcon {
        width: 100%;
        height: 100px;
        background-image: url('/Areas/Admin/Media/image/LoadingGif/loading90.gif');
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        margin: 0 auto;
    }

    .divloadingCan .loadingText {
        font-size: 11px;
        color: Gray;
    }
/******************************/
.divloadingCan2 {
    width: 98%;
    height: 50px;
    text-align: center;
    border: 0px solid black;
    padding: 1%;
}

    .divloadingCan2 .divloadingIcon2 {
        width: 32px;
        height: 32px;
        background-image: url('/Areas/Admin/Media/image/LoadingGif/loading1.gif');
        background-repeat: no-repeat;
        background-position: center;
        margin: 0 auto;
    }

    .divloadingCan2 .loadingText2 {
        font-size: 11px;
        color: #fff;
    }
/*******************************************************/
.divHeadForm {
    font-size: 20px;
    padding: 10px;
    float: right;
    font-weight: bold;
    color: #686868;
    margin: 2% 0 1% 0;
    width: 100%;
    border-bottom: 2px solid #adadad;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .divHeadForm h2 {
    }

    .divHeadForm h1 {
    }


/******************************************/
.divNoteBox {
    direction: rtl;
    text-align: right;
    width: 100%;max-width:300px;
    float: right;
    padding: 0px;
    margin: 0px;
}

.divNoteIcon {
    height: 32px;
    width: 32px;
    border: 0px solid black;
    float: right;
    margin: 10px 10px 0 0;
}

.divNoteTxt {
    float: right;
    font-size: small;
    font-weight: bold;
    margin: 10px 5px 10px 0;
    padding: 5px 0;
}

.NoteOkBox {
    background-color: #CCFFCC;
    border: 2px solid #669900;
}

.NoteFailBox {
    background-color: #FFCCFF;
    border: 2px solid #FF0066;
}

.NoteWarnBox {
    background-color: #FFFFCC;
    border: 2px solid #FF9900;
}

.NoteFailIcon {
    background-image: url(/Areas/Admin/Media/image/notifyIcon/fail_1.png);
}

.NoteOkIcon {
    background-image: url(/Areas/Admin/Media/image/notifyIcon/ok_1.png);
}

.NoteWarnIcon {
    background-image: url(/Areas/Admin/Media/image/notifyIcon/warn.png);
}
/********************************************************************************************/
.divNoteBox3 {
    direction: rtl;
    text-align: right;
    float: right;
    padding: 0px;
    margin: 0px;
    width: 50%;
    position: fixed;
    min-height: 200px;
    border: 1px solid gray;
    z-index: 999999999999999;
}

.divNoteIcon3 {
    height: 32px;
    width: 32px;
    border: 0px solid black;
    float: right;
    margin: 40px 20px 0 0;
}

.divNoteTxt3 {
    float: right;
    font-size: small;
    font-weight: bold;
    margin: 20px 5px 20px 0;
    padding: 30px 0;
}

.divNoteClose3 {
    cursor: hand;
    cursor: pointer;
    height: 26px;
    width: 26px;
    background-image: url(/Areas/Admin/Media/image/close/1356376134_close.png);
}

.NoteOkBox3 {
    background-color: #fff;
    border: 2px solid gray;
}

.NoteFailBox3 {
    background-color: #fff;
    border: 2px solid gray;
}

.NoteWarnBox3 {
    background-color: #fff;
    border: 2px solid gray;
}

.NoteFailIcon3 {
    background-image: url(/Areas/Admin/Media/image/notifyIcon/fail_1.png);
}

.NoteOkIcon3 {
    background-image: url(/Areas/Admin/Media/image/notifyIcon/ok_1.png);
}

.NoteWarnIcon3 {
    background-image: url(/Areas/Admin/Media/image/notifyIcon/warn.png);
}

.divNoteFooter3 {
    float: right;
    clear: both;
}

    .divNoteFooter3 a {
        float: right;
        margin: 0px 28px;
        color: gray;
    }
/************************************************************************************************/

.divWall {
    position: fixed;
    _position: absolute; /* hack for internet explorer 6*/
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #000000;
    border: 1px solid #cecece;
    z-index: 9999999999999999;
    opacity: 0.5;
    -moz-opacity: 0.50;
    filter: alpha(opacity=50);
}


.div-popup-can {
    direction: rtl;
    text-align: right;
    padding: 0px;
    margin: 0px;
    width: 50%;
    position: fixed;
    border: 1px solid gray;
    z-index: 999999999999999;
    background-color: #fff;
    border: 1px solid gray;
    min-height: 400px;
}

.div-popup-can-head {
    background-color: #f0f1f2;
    float: right;
    width: 100%;
}

    .div-popup-can-head h3 {
        display: inline-block;
        float: right;
        padding: 10px;
        color: rgba(121, 85, 72, 0.78);
        font-weight: bold;
        font-size: 1.1em;
        text-align: center;
    }

.sp-close-popup {
    display: inline-block;
    width: 26px;
    height: 26px;
    cursor: hand;
    cursor: pointer;
    float: left;
    margin: 8px 8px 0;
    position: relative;
    /*background: url('/Areas/Admin/Media/image/close/Close-Blue.png') no-repeat;*/
}

.div-popup-can-body {
    min-height: 360px;
    float: right;
    width: 100%;
    position: relative;
}

.div-popup-can-foot {
    /*min-height: 10px;
    background-color: #797979;*/
    float: right;
    width: 100%;
}


/***************************************************************/

#divFileUploader {
    background-color: Gray;
    width: 400px;
    z-index: 9999900;
    position: absolute;
    border: 5px solid black;
    padding: 10px;
    float: right;
}

#divCloseUploadForm {
    width: 24px;
    height: 24px;
    background-image: url('/Areas/Admin/Media/image/close/7.png');
    cursor: hand;
    cursor: pointer;
    position: absolute;
    top: 0px;
    left: 0px;
}

#divResultUpload {
    float: right;
    padding: 5px;
    width: 200px;
}



/************************/
#divProductCompareCan {
    width: 100%;
    padding: 20px;
    float: right;
    min-height: 600px;
    background-color: #fff;
    position: relative;
}

    #divProductCompareCan table {
        float: right;
        margin: 0px;
        padding: 0px;
       
        border-color: gray;
    }

.divHeadTable {
    float: right;
    clear: both;
    width: 205px;
    height: 80px;
    margin-bottom:8px;
    overflow: hidden;
    background-color: #fff;
    position: relative;
    background: #fdfdfd;
    /*border: 1px dotted gray;
    border-bottom: 4px solid #000;*/
}

    .divHeadTable img {
        width: 60px;
        max-height: 100%;
    }

    .divHeadTable h3 {
        margin: 0;
        /*padding: 0;*/
    }

.a-product-for-compare {
    float: right;
}

    .a-product-for-compare img {
        float: right;
        margin: 5px;
    }

    .a-product-for-compare h3 {
        color: gray;
        float: right;
        width: 117px;
        font-size: 11px;
        font-weight: 600;
        margin-top: 15px;
    }

.aDeleteCompare {
    position: absolute;
    top: 2px;
    left: 2px;
     width: 16px;
    height: 16px;
    color: Red;
    font-weight: bold;
    font-size: 12px;
    color: #fff !important;
    background: #f78484;
    text-align: center;
    padding-top: 2px;
    border-radius: 4px;
    /*background-image: url(/Areas/Admin/Media/image/close/6.png);*/
   
}

.tdCompareItemTitle {
    /*background-color: #606261;
    color: #fff;*/
    width: 206px;
    overflow: hidden;
  
    /*border-bottom: 1px dotted #000;*/
    min-height: 30px;
    padding: 5px;
    vertical-align: middle;
}

.tdCompareItemValue_odd {
    width: 200px;
    background-color: #f9f9f9;
    min-height: 30px;
    padding: 5px;
}

.tdCompareItemValue_even {
    width: 200px;
    background-color: #e1e1e1;
    min-height: 30px;
    padding: 5px;
}

#aCloseCompareList {
    float: left;
    padding: 5px 10px;
    color: White;
    font-weight: bold;
    font-size: 13px;
    background-color: rgb(244, 120, 120);
}

#aClearCompareList {
    float: left;
    padding: 5px 10px;
    color: White;
    font-weight: 400;
    margin-bottom: 20px;
    color: #fff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #00bb7a;
}

.tbl_compare2 {
    float: right;
    clear: both;
    margin: 0px;
    padding: 0px;
}

.tdCompareItemValue {
}

#aProductCompareList {
    z-index: 99999999;
    position: fixed;
    bottom: 5px;
    left: 5px;
    width: 88px;
    height: 87px;
    float: left;
    background-color: #F47878;
    -webkit-border-radius: 100px;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius: 100px;
    -moz-border-radius-bottomleft: 0;
    border-radius: 100px;
    border-bottom-left-radius: 0;
}

#spCompareList {
    /* float: left; */
    /* clear: both; */
    color: #fff;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 30px;
}

#spCompareCount {
    color: #000;
    font-weight: bold;
    font-size: 15px;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50px;
}



/*********************/
#div-dyn-content-place
{
    position:absolute;z-index:99999999; top:0px; left:0px; min-height:100px; min-width:200px;
    background-color:#fff; border:1px solid gray;
}



/*Loading ----------------------------------------------------------------------*/

.spinner360 {
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: spin360Key 1.1s infinite linear;
    animation: spin360Key 1.1s infinite linear;
}



.spinner {
    width: 70px;
    text-align: center;
}

    .spinner > div {
        width: 18px;
        height: 18px;
        background-color: #333;
        border-radius: 100%;
        display: inline-block;
        -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
        animation: bouncedelay 1.4s infinite ease-in-out;
        /* Prevent first frame from flickering when animation starts */
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

    .spinner .bounce1 {
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .spinner .bounce2 {
        -webkit-animation-delay: -0.16s;
        animation-delay: -0.16s;
    }

@-webkit-keyframes bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0.0);
    }

    40% {
        -webkit-transform: scale(1.0);
    }
}

@keyframes bouncedelay {
    0%, 80%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }

    40% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}
/*Loading ----------------------------------------------------------------------*/
.spinner2 {
    width: 50px;
    height: 30px;
    text-align: center;
    font-size: 10px;
}

    .spinner2 > div {
        background-color: #333;
        height: 100%;
        width: 6px;
        display: inline-block;
        -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
        animation: stretchdelay 1.2s infinite ease-in-out;
    }

    .spinner2 .rect2 {
        -webkit-animation-delay: -1.1s;
        animation-delay: -1.1s;
    }

    .spinner2 .rect3 {
        -webkit-animation-delay: -1.0s;
        animation-delay: -1.0s;
    }

    .spinner2 .rect4 {
        -webkit-animation-delay: -0.9s;
        animation-delay: -0.9s;
    }

    .spinner2 .rect5 {
        -webkit-animation-delay: -0.8s;
        animation-delay: -0.8s;
    }

@-webkit-keyframes stretchdelay {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.4);
    }

    20% {
        -webkit-transform: scaleY(1.0);
    }
}

@keyframes stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }

    20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}


@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(180deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(180deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}
/*Loading ----------------------------------------------------------------------*/

.blink_validate {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 8;
    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 8;
    animation-name: blinker;
    animation-duration: 800ms;
    animation-timing-function: cubic-bezier(0, 0.63, 0.46, 1.15);
    animation-iteration-count: 8;
}

.blink_me {
    background-color: rgb(7, 215, 113) !important;
    color: #fff !important;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    animation-name: blinker;
    animation-duration: 800ms;
    animation-timing-function: cubic-bezier(0, 0.63, 0.46, 1.15);
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

@-webkit-keyframes blinker {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

@keyframes blinker {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

.blink_me2 {
    background-color: #333 !important;
    border-radius: 100%;
    -webkit-animation: scaleout 1.0s infinite ease-in-out;
    animation: scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes scaleout {
    0% {
        -webkit-transform: scale(0.0);
    }

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

@keyframes scaleout {
    0% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }

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

@-webkit-keyframes spin360Key {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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

@keyframes spin360Key {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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

 @keyframes pulse {
   0% {
      transform: scale(1, 1);
      opacity: 0;
   }
   50% {
      opacity: 1;
   }
   100% {
      transform: scale(1.3, 1.3);
      opacity: 0;
   }
}

 @-webkit-keyframes breathing {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

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

  60% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

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

@keyframes breathing {
  0% {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

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

  60% {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

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


/* animate the drops*/
@-webkit-keyframes fall {
	to {margin-top:900px;}
}
@-moz-keyframes fall {
	to {margin-top:900px;}
}


.transtion {
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}

section {
    clear: both;
}








.Border-radius-50 {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}




.col-1 {
    width: 8.33%;
}

.col-2 {
    width: 16.66%;
}

.col-3 {
    width: 25%;
}

.col-4 {
    width: 33.33%;
}

.col-5 {
    width: 41.66%;
}

.col-6 {
    width: 50%;
}

.col-7 {
    width: 58.33%;
}

.col-8 {
    width: 66.66%;
}

.col-9 {
    width: 75%;
}

.col-10 {
    width: 83.33%;
}

.col-11 {
    width: 91.66%;
}

.col-12 {
    width: 100%;
}

.position-nagetive-right {
    position: relative;
    margin-right: -2%;
}

.position-relative-right {
    position: relative;
    margin-right: -2%;
}

.Display-Table {
    display: table;
    margin: 0 auto;
}


.effects {
}

    .effects .img {
        position: relative;
        float: left;
        width: 100%;
        max-height: 270px;
        overflow: hidden;
        margin: 0px;
        padding: 0px;
    }



        .effects .img img {
            display: block;
            margin: 0;
            padding: 0;
            max-width: 100%;
            height: auto;
        }

.overlay {
    display: block;
    width: 100%;
    position: absolute;
    z-index: 20;
    top: 0;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

    .overlay img {
        width: 100%;
    }

.overlay-right {
    right: 0px;
}

a.close-overlay {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
    width: 45px;
    height: 45px;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    line-height: 45px;
    text-align: center;
    background-color: #000;
    cursor: pointer;
}

    a.close-overlay.hidden {
        display: none;
    }

a.expand {
    display: block;
    position: absolute;
    z-index: 100;
    width: 60px;
    height: 60px;
    border: solid 5px #fff;
    text-align: center;
    color: #fff;
    line-height: 50px;
    font-weight: 700;
    font-size: 30px;
}

#effect-6 .overlay {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
}

    #effect-6 .overlay a.expand {
        left: 0;
        right: 0;
        top: 0;
        margin: 0 auto;
        opacity: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }

#effect-6 .img.hover .overlay {
    opacity: 1;
}

    #effect-6 .img.hover .overlay a.expand {
        top: 50%;
        margin-top: -30px;
        opacity: 1;
    }


.box-shadow {
    box-shadow: 0 0 10px #ddd;
    -moz-box-shadow: 0 0 10px #ddd;
    -webkit-box-shadow: 0 0 10px #ddd;
}

.Padding-2 {
    padding: 2%;
}