a {
  color: #9d52da;
}
a:hover {
  color: #401067;
}

/* Typography Area */
body {
  background: #fff;
  color: #555555;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: kanit,sans-serif;
  font-size: 16px;
  line-height: 1.4em;
}

a, .btn  { -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s; text-decoration: none; }
  a:focus , a:hover { color: #9d52da; }

  p {
    font-family: kanit,sans-serif;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  a.button ,
  button ,
  .btn ,
  button span ,
  .form-control,
  .logo-title,
  .header .site-navigation,
  .header label,
  .footer,
  .footer p ,
  .sidebar-widget .widget-newsletter ,
  .social ,
  .navigation-link ,
  #eservices,
  .tab-hilight-1 .nav-link,
  .card-title,
  .font-modern,
  .tab .nav.nav-tabs > li > a {
    font-family: 'Kanit', sans-serif;
    font-weight: 300;
  }

  h1 {
    font-size: 2.8em;
  }

  h2 {
    font-size: 2.2em;
  }

  h3 {
    font-size: 1.8em;
  }

  h4 {
    font-size: 1.3em;
  }

  h5 {
    font-size: 1.1em;
  }


  /* Global */

  .fa.fa-1x{font-size:1em}
  .fa.fa-2x{font-size:2em}
  .fa.fa-3x{font-size:3em}
  .fa.fa-4x{font-size:4em}
  .fa.fa-5x{font-size:5em}
  .fa.fa-6x{font-size:6em}
  .fa.fa-7x{font-size:7em}
  .fa.fa-8x{font-size:8em}
  .fa.fa-9x{font-size:9em}
  .fa.fa-10x{font-size:10em}

  /* Jobs */

  .north_east .card-header,
  .bg-pink {
    background-color: #9f283d;
  }

  .west .card-header,
  .bg-blue {
    background-color: #025e6d;
  }

  .central_region .card-header,
  .bg-indigo {
    background-color: indigo;
  }

  .east .card-header,
  .bg-orange {
    background-color: #724a34;
  }

  .southern .card-header,
  .bg-teal {
    background-color: #05631b;
  }

  .north .card-header,
  .bg-sky {
    background-color: #004cd0;
  }


  .bg-white {
    background-color: #ffffff;
  }


  ul { margin: 0px; padding: 0px; }
  p { font-weight: normal; line-height: 1.5; color: #626262; }
  hr { margin: 0; padding: 0px; border-bottom:1px dashed #cccccc; border-top: 0px; }
  hr.light { margin: 0; padding: 0px; border-bottom:1px solid rgba(255,255,255,0.1); border-top: 0px; }
  .fw-1 { font-weight: 100; }
  .fw-2 { font-weight: 200; }
  .fw-3 { font-weight: 300; }
  .fw-4 { font-weight: 400; }
  .fw-5 { font-weight: 500; }
  .fw-6 { font-weight: 600; }
  .fw-7 { font-weight: 700; }
  .fw-8 { font-weight: 800; }
  .fw-9 { font-weight: 900; }

  .fs-xs { font-size: 0.8em; }
  .fs-sm { font-size: 0.9em; }
  .fs-lg { font-size: 1.2em; }

  .l-height-xs { line-height: 1.1em; }
  .l-height-24 { line-height: 24px; }
  .l-height-26 { line-height: 26px; }
  .l-height-28 { line-height: 28px; }
  .l-height-30 { line-height: 30px; }
  .l-height-32 { line-height: 32px; }
  .l-height-34 { line-height: 34px; }
  .l-height-36 { line-height: 36px; }
  .l-height-38 { line-height: 38px; }
  .l-height-40 { line-height: 40px; }

  *::-moz-selection { background: #401067; color: #fff; text-shadow: none; }
  ::-moz-selection { background: #401067; color: #fff; text-shadow: none; }
  ::selection { background: #401067; color: #fff; text-shadow: none; }

/***************************
Page section margin padding
****************************/
.page-section-ptb { padding: 15px 0; }
.page-section-pt { padding: 50px 0 0; }
.page-section-pb { padding: 0 0 50px; }

.page-section-1-ptb { padding: 80px 0; }
.page-section-1-pt { padding: 80px 0 0; }
.page-section-1-pb { padding: 0 0 80px; }

.page-section-2-ptb { padding: 30px 0; }
.page-section-2-pt { padding: 30px 0 0; }
.page-section-2-pb { padding: 0 0 30px; }

/*************************
    Text color
    *************************/
    .theme-color { color: #9d52da; }
    .text-white { color: #fff; }
    .text-black { color: #363636; }
    .text-gray { color: #999999; }


    img.bottom-img { position: absolute; bottom: 0; left: 0; right: 0;  }

/********************************************
  Row-eq-height And No Gutter
  /*********************************************/
  .no-gutter{  margin-right:0; margin-left:0;}
  .no-gutter > [class*='col-'] { padding-right:0; padding-left:0;}
  .row-eq-height{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
  .row-eq-height.full-height > [class*='col-'] > div{height: 100%;}

  /* Vertical Align */
  .valign{display: table;}
  .valign > [class*='col-']{display:table-cell; float:none;}
  [data-valign-overlay="top"]{vertical-align:top;}
  [data-valign-overlay="middle"]{vertical-align:middle;}
  [data-valign-overlay="bottom"]{vertical-align:bottom;}


 /*************************
    Extra class
    *************************/
    .o-hidden { overflow: hidden; }
    .position-re { position: relative; }
    .full-width{width: 100% !important;}
    section { background: #ffffff; }

/*******************************************
             Loading
             *******************************************/
             #pre-loader { background-color: #ffffff; height: 100%; width: 100%; position: fixed; z-index: 1; margin-top: 0px; top: 0px; left: 0px; bottom: 0px; overflow: hidden !important; right: 0px; z-index: 999999; }
             #pre-loader img { text-align: center; left: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); z-index: 99; margin: 0 auto; }

/*************************
    back to top
    *************************/
    #back-to-top .top { z-index: 999; position: fixed; margin: 0px; color: #fff; transition:all .5s ease-in-out; position:fixed; bottom:105px; right:15px; border-radius: 3px; z-index: 999; background: transparent; font-size: 14px; background: #9d52da; width: 40px; height: 40px; text-align: center; }
    #back-to-top i ,#back-to-top span.fa { padding-top: 2px; font-size: 20px; }
    #back-to-top span.text { display: block; line-height: 8px; font-size: 11px; }

 /*************************
  Basic margin padding
  *************************/
  .m-0 { margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; }
  .p-0 { padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important; }

/*************************
     Margin top
     *************************/
     /*.mt-0 { margin-top: 0 !important; }*/
     .mt-10 { margin-top: 10px !important; }
     .mt-15 { margin-top: 15px !important; }
     .mt-20 { margin-top: 20px !important; }
     .mt-30 { margin-top: 30px !important; }
     .mt-40 { margin-top: 40px !important; }
     .mt-50 { margin-top: 50px !important; }
     .mt-60 { margin-top: 60px !important; }
     .mt-70 { margin-top: 70px !important; }
     .mt-80 { margin-top: 80px !important; }
     .mt-90 { margin-top: 90px !important; }
     .mt-100 { margin-top: 100px !important; }
     .mt-110 { margin-top: 110px !important; }
     .mt-120 { margin-top: 120px !important; }
     .mt-130 { margin-top: 130px !important; }
     .mt-140 { margin-top: 140px !important; }
     .mt-150 { margin-top: 150px !important;}

 /*************************
    Margin right
    *************************/
    /*.mr-0 { margin-right: 0!important }*/
    .mr-10 { margin-right: 10px !important; }
    .mr-15 { margin-right: 15px !important; }
    .mr-20 { margin-right: 20px !important; }
    .mr-30 { margin-right: 30px !important; }
    .mr-40 { margin-right: 40px !important; }
    .mr-50 { margin-right: 50px !important; }
    .mr-60 { margin-right: 60px !important; }
    .mr-70 { margin-right: 70px !important; }
    .mr-80 { margin-right: 80px !important; }
    .mr-90 { margin-right: 90px !important; }
    .mr-100 { margin-right: 100px !important; }
    .mr-110 { margin-right: 110px !important; }
    .mr-120 { margin-right: 120px !important; }
    .mr-130 { margin-right: 130px !important; }
    .mr-140 { margin-right: 140px !important; }
    .mr-150 { margin-right: 150px !important; }

 /*************************
    Margin bottom
    *************************/
    /*.mb-0 { margin-bottom: 0!important }*/
    .mb-10 { margin-bottom: 10px !important; }
    .mb-15 { margin-bottom: 15px !important; }
    .mb-20 { margin-bottom: 20px !important; }
    .mb-30 { margin-bottom: 30px !important; }
    .mb-40 { margin-bottom: 40px !important; }
    .mb-50 { margin-bottom: 50px !important; }
    .mb-60 { margin-bottom: 60px !important; }
    .mb-70 { margin-bottom: 70px !important; }
    .mb-80 { margin-bottom: 80px !important; }
    .mb-90 { margin-bottom: 90px !important; }
    .mb-100 { margin-bottom: 100px !important; }
    .mb-110 { margin-bottom: 110px !important; }
    .mb-120 { margin-bottom: 120px !important; }
    .mb-130 { margin-bottom: 130px !important; }
    .mb-140 { margin-bottom: 140px !important; }
    .mb-150 { margin-bottom: 150px !important; }

/*************************
    Margin left
    *************************/
    /*.ml-0 { margin-left: 0!important }*/
    .ml-10 { margin-left: 10px !important; }
    .ml-15 { margin-left: 15px !important; }
    .ml-20 { margin-left: 20px !important; }
    .ml-30 { margin-left: 30px !important; }
    .ml-40 { margin-left: 40px !important; }
    .ml-50 { margin-left: 50px !important; }
    .ml-60 { margin-left: 60px !important; }
    .ml-70 { margin-left: 70px !important; }
    .ml-80 { margin-left: 80px !important; }
    .ml-90 { margin-left: 90px !important; }
    .ml-100 { margin-left: 100px !important; }
    .ml-110 { margin-left: 110px !important; }
    .ml-120 { margin-left: 120px !important; }
    .ml-130 { margin-left: 130px !important; }
    .ml-140 { margin-left: 140px !important; }
    .ml-150 { margin-left: 150px !important; }

 /*************************
    Padding top
    *************************/
    /*.pt-0 { padding-top: 0!important }*/
    .pt-10 { padding-top: 10px !important; }
    .pt-15 { padding-top: 15px !important; }
    .pt-20 { padding-top: 20px !important; }
    .pt-30 { padding-top: 30px !important; }
    .pt-40 { padding-top: 40px !important; }
    .pt-50 { padding-top: 50px !important; }
    .pt-60 { padding-top: 60px !important; }
    .pt-70 { padding-top: 70px !important; }
    .pt-80 { padding-top: 80px !important; }
    .pt-90 { padding-top: 90px !important; }
    .pt-100 { padding-top: 100px !important; }
    .pt-110 { padding-top: 110px !important; }
    .pt-120 { padding-top: 120px !important; }
    .pt-130 { padding-top: 130px !important; }
    .pt-140 { padding-top: 140px !important; }
    .pt-150 { padding-top: 150px !important; }

 /*************************
    Padding right
    *************************/
    /*.pr-0 { padding-right: 0!important }*/
    .pr-10 { padding-right: 10px !important; }
    .pr-15 { padding-right: 15px !important; }
    .pr-20 { padding-right: 20px !important; }
    .pr-30 { padding-right: 30px !important; }
    .pr-40 { padding-right: 40px !important; }
    .pr-50 { padding-right: 50px !important; }
    .pr-60 { padding-right: 60px !important; }
    .pr-70 { padding-right: 70px !important; }
    .pr-80 { padding-right: 80px !important; }
    .pr-90 { padding-right: 90px !important; }
    .pr-100 { padding-right: 100px !important; }
    .pr-110 { padding-right: 110px !important; }
    .pr-120 { padding-right: 120px !important; }
    .pr-130 { padding-right: 130px !important; }
    .pr-140 { padding-right: 140px !important; }

 /*************************
    Padding bottom
    *************************/
    /*.pb-0 { padding-bottom: 0!important }*/
    .pb-10 { padding-bottom: 10px !important; }
    .pb-15 { padding-bottom: 15px !important; }
    .pb-20 { padding-bottom: 20px !important; }
    .pb-30 { padding-bottom: 30px !important; }
    .pb-40 { padding-bottom: 40px !important; }
    .pb-50 { padding-bottom: 50px !important; }
    .pb-60 { padding-bottom: 60px !important; }
    .pb-70 { padding-bottom: 70px !important; }
    .pb-80 { padding-bottom: 80px !important; }
    .pb-90 { padding-bottom: 90px !important; }
    .pb-100 { padding-bottom: 100px !important; }
    .pb-110 { padding-bottom: 110px !important; }
    .pb-120 { padding-bottom: 120px !important; }
    .pb-130 { padding-bottom: 130px !important; }
    .pb-140 { padding-bottom: 140px !important; }
    .pb-150 { padding-bottom: 150px !important; }

 /*************************
    Padding left
    *************************/
    /*.pl-0 { padding-left: 0!important }*/
    .pl-10 { padding-left: 10px !important; }
    .pl-15 { padding-left: 15px !important; }
    .pl-20 { padding-left: 20px !important; }
    .pl-30 { padding-left: 30px !important; }
    .pl-40 { padding-left: 40px !important; }
    .pl-50 { padding-left: 50px !important; }
    .pl-60 { padding-left: 60px !important; }
    .pl-70 { padding-left: 70px !important; }
    .pl-80 { padding-left: 80px !important; }
    .pl-90 { padding-left: 90px !important; }
    .pl-100 { padding-left: 100px !important; }
    .pl-110 { padding-left: 110px !important; }
    .pl-120 { padding-left: 120px !important; }
    .pl-130 { padding-left: 130px !important; }
    .pl-140 { padding-left: 140px !important; }
    .pl-150 { padding-left: 150px !important; }

    .my-20 { margin-top: 20px !important;margin-bottom: 20px !important; }
    .py-3em { margin: 3em !important; }
    .pp-5 { padding: 5px; }
    .pp-10 { padding: 10px; }
    .pp-20 { padding: 20px; }
    .mm-10 { margin: 10px; }
    .mm-20 { margin: 20px; }
    /*min height*/

    .min-h-200 { min-height: 200px; }
    .min-h-230 { min-height: 230px; }
    .min-h-260 { min-height: 260px; }
    .min-h-290 { min-height: 290px; }
    .min-h-320 { min-height: 320px; }
    .min-h-350 { min-height: 350px; }
    .min-h-380 { min-height: 380px; }
    .min-h-410 { min-height: 410px; }
    .min-h-440 { min-height: 440px; }
    .min-h-470 { min-height: 470px; }
    .min-h-500 { min-height: 500px; }
    .min-h-550 { min-height: 550px; }

    /*max height*/
    .max-h-200 { max-height: 200px; }
    .max-h-230 { max-height: 230px; }
    .max-h-260 { max-height: 260px; }
    .max-h-290 { max-height: 290px; }
    .max-h-320 { max-height: 320px; }
    .max-h-350 { max-height: 350px; }
    .max-h-380 { max-height: 380px; }
    .max-h-410 { max-height: 410px; }
    .max-h-440 { max-height: 440px; }
    .max-h-470 { max-height: 470px; }
    .max-h-500 { max-height: 500px; }
    .max-h-550 { max-height: 550px; }

    /* width */
    .w-30 { width: 30%; }
    .w-50 { width: 50%; }
    .w-60 { width: 60%; }
    .w-80 { width: 80%; }

    /* height */
    .h-50px { width: auto; height: 50px; }
    .h-75px { width: auto; height: 75px; }
    .h-100px { width: auto; height: 100px; }
    .h-125px { width: auto; height: 125px; }
    .h-150px { width: auto; height: 150px; }

    /* border */
    .bb { border-bottom: 1px solid #eee; }
    .bt { border-top: 1px solid #eee; }
    .bl { border-left: 1px solid #eee; }
    .br { border-right: 1px solid #eee; }

    .element-hidden {
      width: 0px;
      height: 0px;
      text-align: center;
      display: block;
      text-indent: -9999px;
      line-height: normal;
      position: absolute;
      text-decoration: none;
      background-color: #ffffff;
      color: #000000;
    }

/*************************
        booststrap-typo
        *************************/

        .pager { margin: 0; }
        .affix { left: 0; right: 0; }
        .btn-primary { background-color: #791ec3; border-color: #791ec3; }
        .btn-primary:hover { background-color: #323232; border-color: #323232; color: #ffffff; }
        .btn-primary.focus, .btn-primary:focus { background-color: #323232; border-color: #323232; color: #ffffff; }
        .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover { background-color: #791ec3; }
        select.input-sm { height: 50px; }
        .nice-select:active, .nice-select.open, .nice-select:focus { border-color:#791ec3 !important; }
        .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge { color: #791ec3;  }
        .nav .open>a, .nav .open>a:focus, .nav .open>a:hover { border-color: #791ec3; }
        .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover { background-color: #791ec3; border-color: #791ec3 }
        .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover { background: #791ec3; }
        .input-group-prepend:last-child { border: 0; }
        .input-group-prepend { border-left:1px solid #e0e0e0 !important; padding: 16px 26px 16px 22px; background: #f6f7f8; border-radius: 3px; }
        .datetimepicker .form-control:focus { box-shadow: none; background-color: #f6f7f8; }
        .modal1 .mfp-close { display: none; }
        .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin-left: 0; }
        .dropdown-item.active, .dropdown-item:active { background-color: #791ec3;  }
        .dropdown-menu .dropdown-item:hover,.dropdown-menu .dropdown-item:focus {color: #ffffff;background-color: #401067;}

        .bootstrap-datetimepicker-widget table td span.active { background-color: #791ec3;  }

/*************************
    Process step
    *************************/
    .stepwizard-step p { margin-top: 10px; }
    .stepwizard-row { display: table-row;}
    .stepwizard { display: table; width: 100%; position: relative; }
    .stepwizard-step button[disabled] { opacity: 1 !important; filter: alpha(opacity=100) !important; }
    .stepwizard-row:before { top: 24px; bottom: 0; position: absolute; content: " "; width: 100%; height: 1px; background-color: #ccc; }
    .stepwizard-step { display: table-cell; text-align: center; position: relative; }
    .btn-circle { width: 50px; height: 50px; text-align: center; padding: 6px 0; font-size: 12px; line-height: 1.428571429; border-radius: 3px; }

/*************************
    responsive-utilities
    *************************/
    .responsive-utilities .is-visible { color: #468847; background-color: #dff0d8!important; }
    .responsive-utilities .is-hidden { color: #ccc; background-color: #f9f9f9!important; }
    .hidden-on .col-6 .visible, .visible-on .col-6 .visible { color: #468847; background-color: #dff0d8; border: 1px solid #d6e9c6; }

/*************************************
          animations
          **************************************/
          .bg { padding: 30px; border-radius: 3px; margin-bottom: 30px; }
          .bg-01 { background: #fe80c0; }
          .bg-02 { background: #b24a7d; }
          .bg-03 { background: #76bcff; }
          .bg-04 { background: #8d708e; }
          .bg-05 { background: #807fff; }
          .bg-06 { background: #e74c3c; }
          .bg-07 { background: #16a085; }
          .bg-08 { background: #f1c40f; }
          .bg-09 { background: #27ae60; }
          .bg-10 { background: #1abc9c; }
          .bg-11 { background: #9b59b6; }
          .bg-12 { background: #3498db; }
          .bg-13 { background: #ff6d3a; }
          .bg-14 { background: #2ecc71; }
          .bg-15 { background: #32cdc7; }
          .bg-16 { background: #009a9a; }

/*************************
     columns
     *************************/
     .columns .gray-bg { padding: 15px; border-radius: 3px;}
     .columns .gray-bg h5 { margin-bottom: 0px; }

/*************************
  data table
  *************************/
  .table { margin-bottom: 0; }
  .table td, .table th { vertical-align: middle; }
  .table-responsive>.table-bordered { border:1px solid #dee2e6; }
  .table-bordered tbody tr td, .table-bordered thead tr th { border-color: #eee;  font-size: 14px; padding: 12px 20px; }
  .table-1 thead { background: #791ec3; color: #fff; text-align: center; }
  .table-1 thead tr th { border: medium none;   font-weight: normal;  text-align: center;}
  .table-1 tbody tr td { color: #7e8890; font-size: 14px; padding: 12px 0; text-align: center; }
  .table-2.table thead { background: transparent; color: #791ec3; font-weight: 600; text-align: center; }
  .table-2.table thead tr th { border: 1px solid #791ec3 !important; text-align: center; }
  .table-3.table thead { background: #dfdfdf; color: #323232; font-weight: 600; text-align: center; }
  .table-3.table thead tr th { border:none; text-align: center; }

/*************************
  Typography
  *************************/
  .typography del, s, u { font-size: 14px; }
  .typography .mark, mark { background: #791ec3; color: #fff;  }
  del, mark { background: #791ec3; color: #ffffff; padding: 0 5px; margin-right: 3px; }


/*************************
   alerts and callouts
   *************************/
   .alerts-and-callouts  { font-size: 14px;  }
   .alerts-and-callouts .bs-callout { padding: 20px; margin: 20px 0; border: 1px solid #eee; border-left-width: 5px; border-radius: 3px; }
   .alerts-and-callouts .bs-callout h4 {  margin-top: 0; margin-bottom: 5px; }
   .alerts-and-callouts .bs-callout p:last-child { margin-bottom: 0; }
   .alerts-and-callouts .bs-callout code { border-radius: 3px; }
   .alerts-and-callouts .bs-callout+.bs-callout { margin-top: -5px; }
   .alerts-and-callouts .bs-callout-default { border-left-color: #777; }
   .alerts-and-callouts .bs-callout-default h4 { color: #777; }
   .alerts-and-callouts .bs-callout-primary { border-left-color: #428bca; }
   .alerts-and-callouts .bs-callout-primary h4 { color: #428bca; }
   .alerts-and-callouts .bs-callout-success { border-left-color: #5cb85c; }
   .alerts-and-callouts .bs-callout-success h4 { color: #5cb85c; }
   .alerts-and-callouts .bs-callout-danger { border-left-color: #d9534f; }
   .alerts-and-callouts .bs-callout-danger h4 { color: #d9534f; }
   .alerts-and-callouts .bs-callout-warning { border-left-color: #f0ad4e; }
   .alerts-and-callouts .bs-callout-warning h4 { color: #f0ad4e; }
   .alerts-and-callouts .bs-callout-info { border-left-color: #5bc0de; }
   .alerts-and-callouts .bs-callout-info h4 { color: #5bc0de; }

   @media screen and (max-width: 767px) {
    .animated  { margin-top: 30px; }
    .data-table .table tbody tr td { padding: 12px 10px; }
    .tab-2 #tabs .tabs { width: 100%; }
    .nav-tabs li a { font-size: 14px; }
    .tab-1 li { margin-right: 2px; }
  }

 /*************************
        isotope
        *************************/
        .isotope-item{z-index:2}.isotope-hidden.isotope-item{pointer-events:none;z-index:1}.isotope,.isotope .isotope-item{-webkit-transition-duration:.8s;-moz-transition-duration:.8s;-ms-transition-duration:.8s;-o-transition-duration:.8s;transition-duration:.8s}.isotope{-webkit-transition-property:height,width;-moz-transition-property:height,width;-ms-transition-property:height,width;-o-transition-property:height,width;transition-property:height,width}.isotope .isotope-item{-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;-ms-transition-property:-ms-transform,opacity;-o-transition-property:-o-transform,opacity;transition-property:transform,opacity}.isotope .isotope-item.no-transition,.isotope.no-transition,.isotope.no-transition .isotope-item{-webkit-transition-duration:0s;-moz-transition-duration:0s;-ms-transition-duration:0s;-o-transition-duration:0s;transition-duration:0s}

 /*************************
        lists panels
        *************************/
        .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { background-color: #791ec3; border-color: #791ec3;  }
        .panel-primary { border-color: #791ec3;  }
        .panel-primary>.panel-heading  {  background-color: #791ec3; border-color: #791ec3; }
        .badge-primary, .nav-pills .nav-link.active, .nav-pills .show>.nav-link, .bg-primary { background: #791ec3 !important; }
        .border-primary { border-color: #791ec3 !important; }

 /*************************
        lists panels
        *************************/
        .modal { z-index: 99999; }
        .modal-backdrop { z-index: 9999; }
        .modal-dialog { margin: 100px auto; }
        .modal-header, .modal-footer { border: 0; }
        .modal-header, .modal-body { padding: 30px 30px 0 30px; }
        .modal-footer { padding: 30px 30px 30px 30px;  text-align: left; }
        .modal-header .close { position: relative; z-index: 99; }

 /*************************
       extra class
       *************************/
       .image-content { float: left; width: 50%; margin: 0 20px 20px 0 ; }
       select.form-control-sm:not([size]):not([multiple]) { height: calc(1.8125rem + 22px); }
       .dataTables_length .form-control { padding: 15px 8px 15px 20px; }
       div.dataTables_wrapper div.dataTables_paginate, div.dataTables_wrapper div.dataTables_info { margin-top: 15px; }

/***************************
        button
        ***************************/
        .button { background: #9d52da; padding: 10px 20px; font-size: 13px; letter-spacing: 1px; font-family: 'Montserrat', sans-serif; border: 0; color: #ffffff; text-transform: uppercase; font-weight: 500; display: inline-block; border-radius: 3px; text-align: center; border:2px solid #9d52da; cursor: pointer; }
        .button + .button {margin-left: 20px;}
        .button:hover, .button:focus { background: #353535; color: #ffffff; border-color: #353535; }
        button { transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; }
        .button.black { background: #353535; color: #ffffff; border:2px solid #353535;}
        .button.black:hover, .button.black.active, .button.black:focus { background: #9d52da; color: #ffffff; border-color: #9d52da; }
        .button.gray { background: #e0e0e0; color: #353535; border:2px solid #e0e0e0; }
        .button.gray:hover, .button.gray.active, .button.gray:focus { background: #9d52da; color: #ffffff; border-color: #9d52da;}
        .button.white { background: #fff; color: #9d52da; border-color: #ffffff; }
        .button.white:hover, .button.white:focus { background: #353535; color: #ffffff; border-color: #353535;}
        .button.button-border { background: transparent; border: 2px solid #9d52da; color: #323232; }
        .button.button-border:hover, .button.button-border:focus { background: #9d52da; color: #ffffff; border-color: #9d52da; }
        .button.button-border.gray { background: transparent; border: 2px solid #e0e0e0; color: #aaaaaa; }
        .button.button-border.gray:hover, .button.button-border.gray:focus { background: #9d52da; color: #ffffff; border-color: #9d52da; }
        .button.button-border.white { background: transparent; border: 2px solid #fff; color: #fff; }
        .button.button-border.white:hover, .button.button-border.white:focus { background: #fff; color: #9d52da; border-color: #fff; }
        .button.button-border.black { background: transparent; border: 2px solid #353535; color: #353535; }
        .button.button-border.black:hover, .button.button-border.black:focus { background: #353535; color: #ffffff; border-color: #353535; }
        .button.icon i,.button.icon span { margin-left: 10px; }
        /*button with icon*/
        .button.arrow { background: transparent; border: none; color: #9d52da; padding: 0; font-weight: 600; }
        .button.arrow i { padding-left: 10px; font-size: 16px; }
        .button.arrow:hover { color: #353535; }
        .button.arrow.white { color: #ffffff; border: none; }
        .button.arrow.white:hover { color: #aaaaaa; background: transparent; }
        .button.icon-color{background: none; border: none; color: #9d52da; padding: 0}
        .button.icon-color:hover{color: #353535; background: transparent; }
        .button.icon-color i{border: 1px solid #9d52da; border-radius: 50%; height: 22px; width: 22px; line-height: 20px;  margin-left: 10px; transform: translateX(0px); transition: all 0.5s cubic-bezier(0.76, 0.46, 0.22, 1) 0s;}
        .button.icon-color:hover i { background: #353535; border-color: #353535; color: #ffffff; transform: translateX(3px);}
        .button.icon-color.white:hover { color: #ffffff; border:none; background: none;}
        .button.icon-color.white:hover i { background: #ffffff; color: #9d52da; border-color: #ffffff; }
        .button-black-iocn .button.icon-color { color: #ffffff; }
        .button-black-iocn .button.icon-color i { border-color: #ffffff; }
        .button-black-iocn .button.icon-color:hover i { background: #ffffff; color: #323232; }
        .button-black-iocn .button.icon-color:hover { color: #323232; }
        .big-button { padding: 28px 26px; font-size: 24px; }
        .big-button span { display: block; font-size: 12px; margin-top: 6px;}
        .button.x-small { padding: 8px 14px; font-size: 12px; }
        .button.small { padding: 10px 18px; font-size: 12px; }
        .button.medium { padding: 12px 20px; font-size: 14px; }
        .button.large { padding: 14px 20px; font-size: 15px; }
        .button + .button.btn-block  { margin-left: 0; }
        .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus { background: #9d52da; border-color: #9d52da; box-shadow: 0 0 0 0.2rem rgba(132,186,63,0.5); }
        .btn-primary.focus, .btn-primary:focus { box-shadow: 0 0 0 0.2rem rgba(132,186,63,0.5); background: #9d52da; border-color: #9d52da; }

/*************************
        tab
        *************************/
        /*tab 1*/
        .tab .nav.nav-tabs { border: none; margin-bottom: 20px; }
        .tab .nav.nav-tabs li { margin-top: 10px; margin-bottom: 0px; float: none; display: inline-block; }
        .tab .nav.nav-tabs li a { border: none; line-height: normal; border-radius: 0px; /*padding: 12px 30px;*/ background: #f6f7f8; color: #353535; border:1px solid #eeeeee; font-size: 1.2em; }
        .tab .nav.nav-tabs li a i { padding-right: 5px; }
        .tab .nav.nav-tabs > li > a.active, .nav.nav-tabs > li > a.active:focus, .nav.nav-tabs > li > a.active:hover {  background: #791ec3; color: #fff; border-color:transparent; }

        /*nav-border*/
        .nav-border .nav.nav-tabs li a { margin-right: 0; border:1px solid #eeeeee; background: transparent; }
        .nav-border .nav.nav-tabs > li > a.active, .nav-border .nav.nav-tabs > li > a.active:focus, .nav-border .nav.nav-tabs > li > a.active:hover { color: #ffffff;  background: #791ec3;  border-color:#791ec3; }

        /*tab-border*/
        .tab-border .nav.nav-tabs { margin-bottom: 0; }
        .tab-border .tab-content { padding: 20px; border:1px solid #eeeeee; margin-top: -1px; }
        .tab-border .nav.nav-tabs > li > a.active, .tab-border .nav.nav-tabs > li > a.active:focus, .tab-border .nav.nav-tabs > li > a.active:hover { color: #791ec3;  background: #ffffff !important;  border-color:#eeeeee; border-bottom:1px solid #ffffff; }

        /*tab hilight */
        .tab-hilight-1.tab .nav.nav-tabs li a { background: none; border:none; }

        .tab-hilight-1.tab .nav.nav-tabs li a {
          color: #353535;
          background: none;
        }
        /*.tab-hilight-1.tab-border .nav.nav-tabs > li > a.active, .tab-hilight-1.tab-border .nav.nav-tabs > li > a.active:focus, .tab-hilight-1.tab-border .nav.nav-tabs > li > a.active:hover {
          border-top-left-radius: 10px;
          border-top-right-radius: 10px;
          border: 3px solid;
          border-color: #7a4cd3;
          border-bottom: 3px solid #ffffff;
          color: #7a4cd3;
        }*/
    .tab-hilight-1.tab-border .nav.nav-tabs > li > a.active, .tab-hilight-1.tab-border .nav.nav-tabs > li > a.active:focus, .tab-hilight-1.tab-border .nav.nav-tabs > li > a.active:hover {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border: 3px solid;
    border-color: #7a4cd3;
    border-bottom: 3px solid #ffffff;
    color: #7a4cd3;
}
        .tab-hilight-1.tab-border .tab-content {
          border-top: 3px solid #7a4cd3;
          margin-top: -3px;
        }

        /*nav-center*/
        .nav-center .nav.nav-tabs { text-align: center; display: block; }
        .nav-right .nav.nav-tabs { text-align: right; display: block; }
        .nav-right .tab-content { text-align: right; }

        /*round*/
        .round .nav.nav-tabs li a { border: none; line-height: normal; margin-right: 10px; border-radius: 90px; padding: 12px 30px; background: #f6f7f8; color: #353535; }

        /*shadow*/
        .shadow .nav.nav-tabs > li > a.active, .shadow .nav.nav-tabs > li > a.active:focus, .shadow .nav.nav-tabs > li > a.active:hover { color: #791ec3;  background: #ffffff !important;  border-color:#eeeeee; border-bottom: 0; box-shadow:  0px 3px 10px rgba(0, 0, 0, 0.1); }

        /*tab-vertical*/
        .tab-vertical .nav-tabs { float: left; width: 25%; }
        .tab-vertical .nav.nav-tabs li {  display: block; width: 100%; }
        .tab-vertical .nav.nav-tabs li a { border-right: 0; border-top: 0; padding: 14px 30px; }
        .tab-vertical .nav.nav-tabs li:first-child a { border-top: 1px solid #eeeeee; }
        .tab-vertical .tab-content { background-color: #fff; border: 1px solid #e9e9e9; padding: 40px 30px; margin-left: 25%; line-height: 30px; margin-top: 0; }
        .tab-vertical .tab-content p { line-height: 30px; }
        .tab-vertical .nav.nav-tabs > li > a.active, .tab-vertical .nav.nav-tabs > li > a.active:focus, .tab-vertical .nav.nav-tabs > li > a.active:hover { border-bottom: 1px solid #eeeeee; }

        /*vertical-right*/
        .vertical-right .nav-tabs { float: right; }
        .vertical-right .nav.nav-tabs li a { border-right: 1px solid #eeeeee; border-left: 0; }
        .vertical-right .tab-content {  margin-right: 24.8%; margin-left: inherit; text-align: right; }

        /* dropdown */
        .tab-dropdown .tab-content { margin-top: 30px; }
        .nav-pills>li>a.active, .nav-pills>li>a.active:focus, .nav-pills>li>a.active:hover { background: #791ec3; color: #ffffff; }

        /* nav border top */
        .tab.nav-bt .nav li a { margin-right:0px !important; border-top: 2px solid transparent; border-left: 0; border-right: 0; border-bottom: 0;}
        .tab.nav-bt .nav.nav-tabs > li> a.active { background: #f6f7f8; border-color: transparent; color: #353535; border-top: 2px solid #791ec3; }

        /* nav border left */
        .tab.nav-bl .nav li a{ margin-right:0px !important;}
        .tab.nav-bl .nav.nav-tabs > li > a { border-left: 4px solid transparent; border-right: none; border-bottom: none; border-top: none; }
        .tab.nav-bl .nav.nav-tabs > li > a.active{ background: #f6f7f8; border-color: transparent; color: #353535; border-left: 4px solid #791ec3; border-bottom: none !important; }

        /* nav border right */
        .tab.nav-br .nav li a{ margin-right:0px !important;}
        .tab.nav-br .nav.nav-tabs > li > a { border-right: 4px solid transparent; border-left: none; border-bottom: none; border-top: none; }
        .tab.nav-br .nav.nav-tabs > li > a.active { background: #f6f7f8; border-color: transparent; color: #353535; border-right: 4px solid #791ec3;  border-bottom: none !important; }

/***************************
      Accordion
      ***************************/
      .accordion .acd-group .acd-heading:before { font-family: fontawesome; }
      .accordion .acd-group .acd-heading:before { cursor: pointer; position: absolute; top: 6px; right: 20px; display: block; padding: 3px 6px 2px; content: "\f105"; font-size: 22px; line-height: 38px; }
      .accordion .acd-group > .acd-heading > span { margin-right: 15px; }
      .accordion .acd-heading { font-weight: 500; position: relative; padding: 20px 0; color: #353535; line-height: normal; cursor: pointer; background-color: transparent; margin-bottom: 0px; display: block; font-family: 'Montserrat', sans-serif; text-transform: uppercase; border-radius: 3px;  }
      .acd-des { padding: 0 20px 20px 0; }
      .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover { color: #791ec3; }
      .accordion .acd-group.acd-active .acd-heading:before { content: "\f107"; }
      .accordion .acd-group.acd-active .acd-heading span { color: #fff; }

      /*plus-icon*/
      .accordion.plus-icon .acd-group.acd-active .acd-heading:before ,
      .accordion.plus-icon .acd-group .acd-heading:before { content: "\f068"; font-size: 14px; }

      /*plus-icon round*/
      .accordion.plus-icon.round .acd-group.acd-active .acd-heading:before { content: "\f056"; font-size: 14px; }
      .accordion.plus-icon.round .acd-group .acd-heading:before { content: "\f056"; font-size: 14px; }

      .accordion.plus-icon.round .acd-group .acd-heading.collapsed:before { content: "\f055"; font-size: 14px; }

      /*gray*/
      .accordion.gray .acd-heading { background-color: #f7f7f7; }
      .accordion.gray .acd-heading  { margin-bottom: 20px; padding: 20px 30px; }
      .accordion.gray .acd-des { padding: 0 30px 20px; }
      .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover { color: #fff; background: #791ec3; }

      /*shadow*/
      .accordion.shadow .acd-heading { box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); background: #ffffff; }
      .accordion.shadow .acd-heading  { margin-bottom: 20px; padding: 20px 30px; }
      .accordion.shadow .acd-des  { padding: 0 30px 20px; }
      .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover { color: #fff; background: #791ec3; }


      /*border*/
      .accordion.accordion-border .acd-heading { background: transparent; border:1px solid #eeeeee; box-shadow: none; }
      .accordion.accordion-border .acd-heading  { margin-bottom: 20px; padding: 20px 30px; }
      .accordion.accordion-border .acd-des  { padding: 0 30px 20px; }
      .accordion.accordion-border .acd-group.acd-active .acd-heading, .accordion.accordion-border .acd-group .acd-heading:hover { color: #fff; background: #791ec3; }

      /* Accordion Simple */
      .accordion.animated .acd-group .acd-heading { box-shadow: none; border:none; font-size: 18px; margin-bottom: 0; color:#363636; text-transform: inherit; font-weight: 700; padding: 20px 0px 0; }
      .accordion.animated .acd-group.acd-active .acd-heading { font-size: 28px; color: #791ec3; margin-bottom: 20px; background: none !important;}
      .accordion.animated .acd-group .acd-heading:hover{background: none !important; color: #791ec3;}
      .accordion.animated .acd-group .acd-heading::before { display: none; }
      .accordion.animated .acd-group .acd-des { padding: 0 30px 20px; }

      .accordion.animated.dark-bg .acd-group.acd-active .acd-heading { color: #ffffff; }
      .accordion.animated.dark-bg .acd-group .acd-heading:hover { color: #ffffff; }

      /* No border radius*/
      .accordion.no-radius .acd-heading{ border-radius: 0; }

      .accordion .card-body { padding-top:0; }

/*************************
    list-style
    *************************/
    ul.list { padding:0; margin:0;  }
    ul.list li { margin:5px 0; padding-left:24px; position: relative; line-height: 28px; }
    ul.list i { position: absolute; left: 0; top: 5px; }
    ul.list.theme-color li i { color: #791ec3; }
    ul.list.theme-color li { color: #333333; }
    ul.list li:after { content:""; font-family: 'FontAwesome'; position:absolute; color:#791ec3; left:0; top:0; }

    /* Ul List Mark */
    ul.list-mark{padding:0; margin:0;}
    ul.list-mark li{list-style-type:none; padding-left:25px; position:relative;}
    ul.list-mark li:after{content:"\f00c";}

    /* Ul List Arrow */
    ul.list-arrow{padding:0; margin:0;}
    ul.list-arrow li{list-style-type:none; padding-left:25px; position:relative;}
    ul.list-arrow li:after{content:"\f105"; font-size:18px;}

    /* Ul List Hand */
    ul.list-hand{padding:0; margin:0;}
    ul.list-hand li{list-style-type:none; padding-left:25px; position:relative;}
    ul.list-hand li:after{content:"\f0a4";}

    /* Ul List Edit */
    ul.list-edit{padding:0; margin:0;}
    ul.list-edit li{list-style-type:none; padding-left:25px; position:relative;}
    ul.list-edit li:after{content:"\f040";}

    .navigation-link ul {
    }
    .navigation-link ul li {
      line-height: 1.4em;
    }
    .navigation-link ul li a {
      color: #333333;
      padding-left:3px;
    }
    .navigation-link ul li a:hover {
      color: #791ec3;
    }
    .dark-bg .navigation-link ul li:after {
      color: #d2a6f6;
    }
    .dark-bg .navigation-link ul li a {
      color: #ffffff;
    }
    .dark-bg .navigation-link ul li a:hover {
      color: #d2a6f6;
    }
    .navigation-link ul li a:before {
      margin-top: 0;
      margin-right: 5px;
    }
    .sidebar .navigation-link {
      margin-left: 0!important;
    }
    .sidebar .navigation-link ul.list-arrow li {
      padding-left: 17px;
      border-bottom: 1px solid #dddddd;
      padding-top: 0px;
      padding-bottom: 10px;
    }
    .sidebar .navigation-link ul.list-arrow li ul li {
      border: none;
    }
    .sidebar .navigation-link ul.list-arrow li:after {
      content: "\f0a9";
    }
    .sidebar .navigation-link ul.list-arrow li ul li:after {
      content: "\f18e";
    }
    .sidebar .navigation-link ul.list-arrow li ul {
      padding-top: 5px;
    }
    .sidebar .navigation-link ul.list-arrow li ul li ul li {
      padding-left: 8px;
      padding-bottom: 5px;
    }
    .sidebar .navigation-link ul.list-arrow li ul li ul li:after {
      content: "\f0da";
    }

/*************************************
             Features all
             **************************************/
             .feature-text { text-align: center; }
             .feature-text.text-left { text-align: left; }
             .feature-text.text-left .feature-icon span, .feature-text.text-left .feature-icon i { padding-left: 0;  }
             .feature-text.text-right .feature-icon span, .feature-text.text-right .feature-icon i { padding-right: 0; }
             .feature-text.text-right { text-align: right; }
             .feature-text .feature-icon span, .feature-text .feature-icon i { font-size: 40px; margin-bottom: 30px; display: inline-block; padding-left: 15px; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; }
             .feature-text.round .feature-icon span, .feature-text.round .feature-icon i { width: 70px; height: 70px; line-height: 70px;  display: inline-block; font-size: 26px; border-radius: 50%; padding-left: 0px; }
             .feature-text.feature-border .feature-icon span, .feature-text.feature-border .feature-icon i { color: #323232; background: transparent; border:2px solid #323232; padding-left: 0px; }
             .feature-text.gray-icon .feature-icon span, .feature-text.gray-icon .feature-icon i {  color: #323232; background: #f6f7f8; padding-left: 0px; }
             .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i { color: #ffffff; background: #791ec3; padding-left: 0px; }
             .feature-text.shadow .feature-icon span, .feature-text.shadow .feature-icon i {  color: #323232; background: #ffffff; box-shadow: 0 4px 20px rgba(0,0,0,0.09); padding-left: 0px; }
             .feature-text.square .feature-icon span, .feature-text.square .feature-icon i { width: 70px; height: 70px; line-height: 70px;  display: inline-block; font-size: 26px; padding-left: 0px;}
             .feature-text.text-center .feature-icon span, .feature-text.text-center .feature-icon i { padding-left: 0; }

             /*left-icon*/
             .feature-text.left-icon .feature-info { text-align: left; padding-left: 60px; }
             .feature-text.left-icon .feature-icon { position: absolute; left: 0;  }

             /*right-icon*/
             .feature-text.right-icon .feature-info { text-align: right; padding-right: 60px; }
             .feature-text.right-icon .feature-icon { position: absolute; right: 0;  }

             .feature-text.left-icon.round .feature-info  { padding-left: 80px; }
             .feature-text.right-icon.round .feature-info  { padding-right: 80px; }

             .feature-text.left-icon.square .feature-info  { padding-left: 100px; }
             .feature-text.right-icon.square .feature-info  { padding-right: 100px; }

             /*box-shadow*/
             .feature-text.box-shadow { box-shadow: 0 0px 30px rgba(0,0,0,0.09); padding: 40px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;  }
             .feature-text.box-shadow:hover { box-shadow: 0 0px 70px rgba(0,0,0,0.09); }

             /*border-box*/
             .feature-text.border-box { box-shadow: 0 0px 1px rgba(0,0,0,0.5); padding: 40px;}

             /*button*/
             .feature-text .button { margin-top: 10px; }
             .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span { background: #791ec3; color: #ffffff; border-color: #791ec3; }
             .feature-text.theme-icon:hover .feature-icon span, .feature-text.theme-icon:hover .feature-icon i { background: #323232; color: #ffffff; }
             .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span { background: #791ec3; color: #ffffff; border-color: #791ec3; }
             .feature-text.square.theme-icon:hover .feature-icon span, .feature-text.square.theme-icon:hover .feature-icon i { background: #323232; color: #ffffff; }

             /*feature-box*/
             .awesome-features .img-side img { position: absolute; top: -30px; left: 0; }
             .feature-box {  border:1px solid #e6e6e6; padding: 1px; position: relative; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; z-index: 1; }
             .feature-box-content { position: relative; padding: 30px; padding-bottom: 0; z-index: 9; }
             .feature-box i { width: 100%; font-size: 30px; color: #791ec3; padding: 0 10px;  -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
             .feature-box h4 { text-transform: none; padding:30px 0 0px; font-weight: 500; transition: all 0.3s ease-out 0s; }
             .feature-box p {   transition: all 0.3s ease-out 0s; }
             .feature-box a { font-size: 16px; font-weight: 300; color: #808080; margin: 25px 0 10px; padding: 0 30px; display: block; position: relative; z-index: 3; }
             .feature-box .feature-box-img { bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; top: 0; z-index: 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; z-index: 0; background-size: cover; background-position: center center; }
             .feature-box .feature-border { position: absolute; background: #791ec3; height: 0px; bottom: 0; left: 0; z-index:2; width: 100%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;  }
             .feature-box:hover .feature-box-img, .feature-box.active .feature-box-img { opacity: 1; }
             .feature-box:hover .feature-border, .feature-box.active .feature-border { height: 45px; }
             .feature-box:hover i, .feature-box.active i { background: rgba(255, 255, 255, 0); color: #fff; }
             .feature-box:hover h4, .feature-box.active h4, .feature-box:hover p, .feature-box.active p { color: #fff; }
             .feature-box:hover a, .feature-box.active a {  color: #fff; }
             .feature-box:hover:before, .feature-box.active:before { background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; color: #fff; content: ""; display: inline-block; height: 100%;
             left: 0; position: absolute; top: 0; width: 100%; z-index: 1;  -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }


/*************************************
        action-box
        **************************************/
        .action-box { position: relative; }
        .action-box a.button { position: absolute; right: 0; top: 50%; margin-top: -20px; }
        .action-box strong { font-weight: bold; }
        .action-box p { margin-bottom: 0; }

        .action-box .action-box-text { padding-right: 230px; }

        /*border*/
        .action-box.action-box-border { padding: 30px; border:1px solid #eeeeee; }
        .action-box.action-box-border a.button { right: 30px; }

        /*border center*/
        .action-box.center { text-align: center; }
        .action-box.center a.button { position: relative; top: inherit; right: inherit; margin-top: 15px; }
        .action-box.center .action-box-text { padding-right: 0; }

        /*theme-bg*/
        .action-box.theme-bg { padding: 30px; }
        .action-box.theme-bg a.button { right: 30px; }
        .action-box.theme-bg h3, .action-box.theme-bg p { color: #ffffff; }

        /*theme-bg*/
        .action-box.black-bg { padding: 30px; }
        .action-box.black-bg a.button { right: 30px; }
        .action-box.black-bg h3, .action-box.black-bg p { color: #ffffff; }

        /*dark-theme-bg*/
        .action-box.dark-theme-bg { padding: 30px; }
        .action-box.dark-theme-bg a.button { right: 30px; }
        .action-box.dark-theme-bg h3, .action-box.dark-theme-bg p { color: #ffffff; }

        /*gray-bg*/
        .action-box.gray-bg { padding: 30px; }
        .action-box.gray-bg a.button { right: 30px; }

        /*white-bg*/
        .action-box.white-bg { padding: 30px; }
        .action-box.white-bg a.button { right: 30px; }

        /*gray-bg*/
        .action-box.parallax { padding: 100px 30px; }
        .action-box.parallax h3, .action-box.parallax p { color: #ffffff; }

        /*full-width*/
        .action-box.full-width a.button { right: 15px; }

        /*gray-bg*/
        .action-box.pattern { padding: 100px 30px; }

        /*small*/
        .action-box.small { padding: 40px 35px;  }
        .action-box.small h3, .action-box.small p, .action-box.small .social-icons { position: relative; }
        .action-box.small a.button { position: relative; top: inherit; right: inherit; margin-top: 15px; }
        .action-box.small .action-box-text { padding-right: 0; }

/*************************************
           portfolio
           **************************************/
           .portfolio-item.image-text { position: relative; }
           .portfolio-item.image-text .portfolio-overlay { bottom: 30px; background: transparent; }
           .portfolio-item.image-text .portfolio-overlay span { display: block; }
           .portfolio-item.image-text:before { position: absolute; width: 100%; bottom: 0; content: ""; background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.9))); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%);  background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); top: auto; height: 75%; transition: all .35s; }
           .portfolio-item.image-text .portfolio-overlay a.button { padding: 6px 16px; }
           .portfolio-item.image-text .portfolio-overlay a.button span { font-size: 12px; }
           .portfolio-item.image-text .portfolio-overlay a.button:hover { color: #ffffff;  }

/*************************************
           coming-soon-big
           **************************************/
           .coming-soon-big .countdown.medium span { font-size: 120px; line-height: 120px; font-weight: bold; }
           .coming-soon-big .countdown.medium p { font-size: 30px; line-height: 30px; font-weight: bold; }
           .coming-soon-big .coming-soon-form p { font-weight: bold; }
           .coming-soon-big .contact-form.transparent-form .form-control { background: rgba(255, 255, 255, 0.4); }
           .coming-soon-big .button { font-weight: bold; }

/*************************************
        V.1.2    inner page
        **************************************/
        /* about-05 */
        .about-05-split .shop-split-content { padding: 100px 0; }
        /*about-mission*/
        .about-mission .popup-video-image a i { position: relative; top: inherit; left: inherit; bottom: inherit; right: inherit; }
        .about-mission .popup-content { position: absolute; bottom: 0; padding: 30px 130px 30px 30px; }
        .about-mission-box { box-shadow:0 20px 46px -13px rgba(0, 0, 0, 0.09); }
        .about-mission-box .content { padding:24px; }
        .about-mission-title { padding-bottom: 250px; }
        .about-mission { margin-top: -150px; }
        /*faq 03*/
        .faq-page-title .form { position: relative; z-index: 9; }
        .faq-page-title a.button { padding: 12px 16px; }
        .faq-box { box-shadow:0 20px 46px -13px rgba(0, 0, 0, 0.09); padding: 40px; border-radius: 3px; background: #ffffff;  margin-top: -60px;  }
        .faq-box span { font-size: 40px; line-height: 40px; margin-bottom: 20px; display: block; }
        .faq-box strong { display: block; }
        .faq-box a.button { padding: 8px 16px; }

        /*login-fancy*/
        .login-fancy { padding: 30px; height: 100%; box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06); }
        .login-fancy-bg { position: relative;  z-index: 1; }
        .login-fancy h2 { font-size: 70px; line-height: 70px; }
        .login-gradient, .login-gradient-02, .login-gradient-03  { position: relative; }
        .login-gradient:before { z-index: 0; opacity: .8; position: absolute; content: ""; height: 100%; width: 100%; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9af1e1), color-stop(100%, #4003f6)); background: -webkit-linear-gradient(-315deg, #9af1e1 0%, #4003f6 100%);  background: -webkit-linear-gradient(45deg, #9af1e1 0%, #4003f6 100%);  background: linear-gradient(45deg, #9af1e1 0%, #4003f6 100%); }
        .login-gradient-02:before { z-index: 0; opacity: .8; position: absolute; content: ""; height: 100%; width: 100%; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee38a6), color-stop(100%, #ffc863)); background: -webkit-linear-gradient(-315deg, #ee38a6 0%, #ffc863 100%);  background: -webkit-linear-gradient(45deg, #ee38a6 0%, #ffc863 100%);  background: linear-gradient(45deg, #ee38a6 0%, #ffc863 100%); }
        .login-gradient-03:before { z-index: 0; opacity: .8; position: absolute; content: ""; height: 100%; width: 100%; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffcdd2), color-stop(100%, #470df5)); background: -webkit-linear-gradient(-315deg, #ffcdd2 0%, #470df5 100%);  background: -webkit-linear-gradient(45deg, #ffcdd2 0%, #470df5 100%);  background: linear-gradient(45deg, #ffcdd2 0%, #470df5 100%); }

        /*login-box*/
        .login-box { padding: 30px; height: 100%; box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06); border-radius: 0px 10px 10px 0px; }
        .login-box-bg { position: relative;  z-index: 1; }
        .login-box h2 { font-size: 40px; line-height: 40px; }
        .login-box-main { display: table; width: 100%; }
        .login-box-main-middle { display: table-cell; vertical-align: middle; }
        .login-box-left  { box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06); height: 100%; border-radius: 10px 0 0px 10px; }
        .login-box-left .logo-small { margin-left: 30px; }
        .login-box-main .theme-bg { box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.2); position: relative;  z-index: 1;  }
        .login-box-theme { position: relative; }
        .login-box-theme:before { position: absolute; content: ""; height: 30px; top: -29px; width: 100%; background: #791ec3; left: 0; }
        .login-box-theme:after { position: absolute; content: ""; height: 30px; bottom: -29px; width: 100%; background: #791ec3; left: 0; }
        .login-box-main .nav li { margin-bottom: 5px; }
        .login-box-main .nav li a { padding-left: 30px; font-size: 16px; }
        .login-box-main .nav li a { display: block; text-align: left; color: #323232; border-left: 5px solid transparent; background: transparent; }
        .login-box-left li.active a, .login-box-left li a:hover { border-left: 5px solid #791ec3; color: #791ec3; }
        .login-box-main .nav li a i { display: inline-block; padding-right: 6px; text-align: left; margin-bottom: 10px; }
        .login-box .list-unstyled.list-inline-item a:hover { color: #323232; }
        /*login-box-02*/
        .login-box-02 { padding: 40px; border:1px solid rgba(0, 0, 0, 0.1); height: 100%; }
        .login-box-02.white-overlay { background: rgba(255, 255, 255, 0.5); }
        .login-signup a.text-black:hover { color: #ffffff; }

        /*login-14*/
        .login-14 { padding: 0 100px; }

        /*login-15*/
        .login-15 { padding: 0 60px; }

        /*login-signup*/
        .login-signup .tab-border .tab-content { padding: 0; }
        .login-signup .login-box-02  { border:0; }


/*************************************
         V.1.3 home page
         **************************************/
         /*blog 01*/
         .blog-banner { height: 70vh; }
         .blog-banner span { letter-spacing: 4px; margin-bottom: 20px; display: block; }
         .tag-box {
          margin: 0.7em 0;
        }
        .tag-box .tag {
          background: #9d52da;
          color: #ffffff;
          padding: 3px 10px;
          font-size: 0.85em;
          border-radius: 3px;
        }

        /*blog 02*/
        .blog-overlay { max-height:441px;overflow: hidden; position: relative; /*height: 100%; */text-align: left; z-index: 2; transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; }
        .blog-overlay img { width: 100%; }
        .blog-overlay:before { position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); content: ""; left: 0; right: 0; z-index: 1; }
        .blog-overlay .blog-name { padding-left: 30px; position: absolute; bottom: 0px; padding-bottom: 5px; left: 0; right: 0; width: 100%; z-index: 2; background-color: rgba(0,0,0,0.6)}
        .blog-overlay .blog-name span { transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; }
        .blog-overlay.white-bg:before, .blog-overlay.dark-theme-bg:before, .blog-overlay.theme-bg:before { display: none; }
        .blog-overlay .blog-image { overflow: hidden; position: relative;  }
        .blog-overlay .blog-image img { transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; }
        .blog-02 .isotope, .blog-02 .masonry { margin: 0; }

        .blog-overlay .blog-icon {  position: absolute; top: 0px;  width: 100%; z-index: 2; }
        .blog-overlay .blog-icon .date { background: #050801; padding: 10px 15px; text-align: center; color: #ffffff; }
        .blog-overlay .blog-icon .link { font-size: 20px; padding: 10px 15px; text-align: center; color: #ffffff; }

        .blog-overlay blockquote { border:0; font-size: 16px; font-style: italic; }
        .blog-overlay blockquote.quote:before { top: -40px; }
        .blog-overlay.white-bg blockquote, .blog-overlay.white-bg cite { transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; }

        .blog-overlay:hover .blog-image img { -webkit-transform:scale(1.20);  -moz-transform:scale(1.20); -ms-transform:scale(1.20);  -o-transform:scale(1.20);  transform:scale(1.20); }
        .blog-overlay:hover:before  { z-index: 1; }
        .blog-overlay h3 { line-height: 1.2em; font-size: 1.1em; }
        .blog-overlay h4 { line-height: 1.2em; font-size: 1.1em; }
        .blog-overlay .entry-share { font-size: 0.85em; }
        .blog-overlay .entry-share .entry-button { display: inline-block; }
        .blog-overlay .entry-share  a { color: #ffffff; margin-right: 5px; }
        .blog-overlay .entry-share ul li { display: inline-block; }
        .blog-overlay .entry-share .social { margin-right: 30px; }
        .blog-overlay.white-bg .blog-icon .link { color: #323232; }
        .blog-overlay.white-bg:hover { background: #050801; }
        .blog-overlay.white-bg:hover a, .blog-overlay.white-bg:hover span  { color: #ffffff; }
        .blog-overlay.white-bg:hover span a  { color: #791ec3; }
        .blog-overlay.white-bg:hover .blog-icon .link  { color: #ffffff; }
        .blog-overlay.white-bg:hover blockquote, .blog-overlay.white-bg:hover cite { color: #ffffff; }
        .blog-overlay.white-bg a:hover { color: #791ec3; }

        .blog-overlay.dark-theme-bg:hover { background: #ffffff; }
        .blog-overlay.dark-theme-bg:hover a, .blog-overlay.dark-theme-bg:hover span  { color: #323232; }
        .blog-overlay.dark-theme-bg:hover span a  { color: #791ec3; }
        .blog-overlay.dark-theme-bg:hover .blog-icon .date { color: #ffffff; }
        .blog-overlay.dark-theme-bg a:hover { color: #791ec3; }

        /*blog-fashion */
        .blog-fashion-banner .blog-overlay { height: auto; }
        .blog-overlay .tag { background: #791ec3; color: #ffffff; padding: 2px 10px; }
        .blog.blog-simple .tag { background: #791ec3; color: #ffffff; padding: 2px 10px; }
        .blog.blog-simple .entry-meta ul li { display: inline-block; margin-right: 12px; }
        .blog.blog-simple .entry-meta ul li i { color: #791ec3; padding-right: 6px; }
        .blog.blog-simple .entry-meta ul li a { color: #353535; line-height: 0px; padding-right: 5px; }
        .blog.blog-simple .entry-meta ul li a i { padding-right: 6px; color: #791ec3; }
        .blog.blog-simple .entry-meta ul li a:hover { color: #791ec3; }

        .blog.blog-simple.blog-left .blog-image { width: 48.9%; margin-right: 5%;  float: left; position: relative; }
        .blog.blog-simple.blog-left .blog-name { width: 44%; float: left; }

        .blog.blog-simple2 { background-color: #ffffff; padding: 10px; }
        .blog.blog-simple2.blog-left .blog-image { width: 28.9%; margin-right: 5%;  float: left; position: relative; }
        .blog.blog-simple2.blog-left .blog-name { width: 64%; float: left; }
        .blog.blog-simple2.blog-left h3 { font-size: 1em; line-height: 1.2em; margin-bottom: 10px; }
        .blog.blog-simple2.blog-left ul , .blog.blog-simple2.blog-left ul li { list-style: none; }
        .sidebar .entry-meta a , .blog.blog-simple2.blog-left .entry-meta a { font-size: 0.85em; color: #666666; }

        .blog.blog-simple3 { background-color: #ffffff; padding: 10px; }
        .blog.blog-simple3.blog-left .blog-image { width: 8.9%; margin-right: 5%;  float: left; position: relative; }
        .blog.blog-simple3.blog-left .blog-name { width: 84%; float: left; }
        .blog.blog-simple3.blog-left h3 { font-size: 1em; line-height: 1.2em; margin-bottom: 10px; }
        .blog.blog-simple3.blog-left ul , .blog.blog-simple2.blog-left ul li { list-style: none; }
        .blog.blog-simple3.blog-left .tag-box { margin: 0; }

        .blog.blog-simple4 { padding: 10px; }
        .blog.blog-simple4.blog-left .blog-image { width: 18.9%; margin-right: 5%;  float: left; position: relative; }
        .blog.blog-simple4.blog-left .blog-name { width: 74%; float: left; }
        .blog.blog-simple4.blog-left h3,.blog.blog-simple4.blog-left .h3 { font-size: 1em; line-height: 1.2em; margin-bottom: 10px; }
        .blog.blog-simple4.blog-left ul , .blog.blog-simple2.blog-left ul li { list-style: none; }
        .blog.blog-simple4.blog-left .tag-box { margin: 0; }

        .blog.blog-simple5 { padding: 0px; background-color: #791ec3; }
        .blog.blog-simple5.blog-left .blog-image { width: 45%; margin-right: 5%;  float: left; position: relative; }
        .blog.blog-simple5.blog-left .blog-name { width: 50%; float: left; }
        .blog.blog-simple5.blog-left h3 { font-size: 1em; line-height: 1.2em; margin-bottom: 10px; }
        .blog.blog-simple5.blog-left ul , .blog.blog-simple5.blog-left ul li { list-style: none; }
        .blog.blog-simple5.blog-left .tag-box { margin: 0; }
        .blog.blog-simple5.blog-left a { color: #ffffff; }

        .blog.blog-bg-none { background: none; }

        .blog.blog-left.blog-number .blog-image { background-color: #7a4cd3; font-size: 24px; text-align: center; color: #ffffff;font-weight: 700; width: 18.9%; margin-top: 5px; padding: 5px; }
        .blog.blog-left.blog-number .blog-name { width: 74%; }

        .blog.blog-left.blog-calendar .blog-image { float: left; background-color: #7a4cd3;text-align: center; color: #ffffff;font-weight: 700; width: 30%; margin-top: 5px; padding: 5px; }
        .blog.blog-left.blog-calendar .blog-name { float: left;width: 65%; margin-left: 10px; }
        .blog.blog-left.blog-calendar .blog-name h3 { font-size: 17px; }
        .blog.blog-left.blog-calendar .blog-image { min-height: 80px; border-radius: 3px; font-family: 'kanit'; font-weight: 200; }
        .blog.blog-left.blog-calendar .blog-image .text-date ,
        .blog.blog-left.blog-calendar .blog-image .text-month-year { display: block; font-size: 0.9em;font-weight: 400; }
        .blog.blog-left.blog-calendar .blog-image .text-date { font-size: 1em; }
        .blog.blog-left.blog-calendar .blog-image .text-month-year { font-size: 10px; }

        /*blog 02*/
        .header.light.line-header { border-bottom: 0; box-shadow: none; }
        .mega-menu .menu-logo img.logo-big { height: 60px; }
        .header.light.line-header .mega-menu .menu-logo > li { line-height: 0; }
        .header.line-header .mega-menu > section.menu-list-items .menu-bar { border-top: 5px double rgba(0, 0, 0, 0.1); border-bottom: 5px double rgba(0, 0, 0, 0.1); float: left; width: 100%; }
        .header.line-header .mega-menu.desktopTopFixed > section.menu-list-items .menu-bar { float: right; width: auto; border:0; }
        .header.magazine-header .mega-menu.desktopTopFixed .add-banner { display: none; }
        .header.magazine-header .mega-menu.desktopTopFixed .menu-logo { padding: 0; }
        .header.logo-center.magazine-header .mega-menu .menu-logo img { height: 34px; }
        .header.logo-center.magazine-header .mega-menu.desktopTopFixed .menu-logo img { height: 28px; }

        /*blog-video*/

        /*Slider */
        #main-slider { overflow: hidden; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; }
        #main-slider .carousel-item img { width: 100%; }
        #main-slider .carousel-item .slider-content { z-index: 0; opacity: 0; -webkit-transition: opacity 500ms; -moz-transition: opacity 500ms; -o-transition: opacity 500ms; -ms-transition: opacity 500ms; transition: opacity 500ms; }
        #main-slider .carousel-item.active .slider-content { z-index: 0; opacity: 1; -webkit-transition: opacity 100ms; -ms-transition: opacity 100ms; -moz-transition: opacity 100ms; -o-transition: opacity 100ms; transition: opacity 100ms; }
        #main-slider .slider-content{ display: inline-block; left: 0; position: absolute; text-align: center; top: 55%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); width: 100%; z-index: 2; }
        #main-slider .carousel-indicators { bottom: 30px; }
        .carousel-indicators li{ cursor: pointer; width: 14px !important; height: 14px !important;  border: 2px solid #fff !important; margin: 1px !important; }

        #main-slider .slider-content h3 { font-size: 36px; margin: 20px 0px 0px; font-weight: 600; line-height: 60px; text-transform: uppercase;  }
        #main-slider .slider-content h1 { font-size: 50px; color: #fff; margin: 10px 0px 40px; font-weight: 700; line-height: 50px; }
        #main-slider .slider-content span { font-size: 18px; line-height: 20px; letter-spacing: 2px; font-weight: 600; display: block; }
        #main-slider .slider-content .post-by img { width: 50px; height: 50px; display: inline-block; border-radius: 50%; margin-right: 15px; }

        #main-slider .slider-content .slider-left { width: 60%; float: left; }
        #main-slider .slider-content .slider-right { float: right; width: 30%; vertical-align: top; }

        #main-slider .carousel-control.left,
        #main-slider .carousel-control.right { opacity: 1; filter: alpha(opacity=100); background-image: none; background-repeat: no-repeat; text-shadow: none; }
        #main-slider .carousel-control.left span { padding: 15px; }
        #main-slider .carousel-control.right span { padding: 15px; }
        #main-slider .carousel-control .fa-angle-left,
        #main-slider .carousel-control .fa-angle-right { position: absolute; top: 50%;  transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); z-index: 5; display: inline-block; }
        #main-slider .carousel-control .fa-angle-left { left: 0px; }
        #main-slider .carousel-control .fa-angle-right { right: 0px; }
        #main-slider .carousel-control i { color: #fff; line-height: 36px; font-size: 32px; padding: 15px 20px; }

        /*-- Animation --*/
        .carousel .carousel-item.active .animated1 { -webkit-animation: lightSpeedIn 1s ease-in 200ms both; -o-animation: lightSpeedIn 1s ease-in 200ms both; -ms-animation: lightSpeedIn 1s ease-in 200ms both; -moz-animation: lightSpeedIn 1s ease-in 200ms both; animation: lightSpeedIn 1s ease-in 200ms both; }
        .carousel .carousel-item.active .animated2 { -webkit-animation: bounceInRight 1s ease-in-out 500ms both; -o-animation: bounceInRight 1s ease-in-out 500ms both; -ms-animation: bounceInRight 1s ease-in-out 500ms both; -moz-animation: bounceInRight 1s ease-in-out 500ms both; animation: bounceInRight 1s ease-in-out 500ms both; }
        .carousel .carousel-item.active .animated3 { -webkit-animation: bounceInLeft 1s ease-in-out 500ms both; -o-animation: bounceInLeft 1s ease-in-out 500ms both; -ms-animation: bounceInLeft 1s ease-in-out 500ms both; -moz-animation: bounceInLeft 1s ease-in-out 500ms both; animation: bounceInLeft 1s ease-in-out 500ms both; }
        .carousel .carousel-item.active .animated4 { -webkit-animation: flipInX 1s ease-in 500ms both; -o-animation: flipInX 1s ease-in 500ms both; -ms-animation: flipInX 1s ease-in 500ms both;  -moz-animation: flipInX 1s ease-in 500ms both; animation: flipInX 1s ease-in 500ms both;}
        .carousel .carousel-item.active .animated5 { -webkit-animation: bounceInLeft 1s ease-in-out 100ms both; -o-animation: bounceInLeft 1s ease-in-out 100ms both; -ms-animation: bounceInLeft 1s ease-in-out 100ms both; -moz-animation: bounceInLeft 1s ease-in-out 100ms both; animation: bounceInLeft 1s ease-in-out 100ms both; }
        .carousel .carousel-item.active .animated6 { -webkit-animation: bounceIn 1s ease-in 500ms both; -o-animation: bounceIn 1s ease-in 500ms both; -ms-animation: bounceIn 1s ease-in 500ms both;
          -moz-animation: bounceIn 1s ease-in 500ms both; animation: bounceIn 1s ease-in 500ms both;  }
          .carousel .carousel-item.active .animated7 { -webkit-animation: fadeInDown 0.7s ease-in 1000ms both; -o-animation: fadeInDown 0.7s ease-in 1000ms both;  -moz-animation: fadeInDown 0.7s ease-in 1000ms both;  -ms-animation: fadeInDown 0.7s ease-in 1000ms both; animation: fadeInDown 0.7s ease-in 1000ms both; }
          .carousel .carousel-item.active .animated8 { -webkit-animation: fadeInUp 0.7s ease-in 1000ms both; -o-animation: fadeInUp 0.7s ease-in 1000ms both;  -moz-animation: fadeInUp 0.7s ease-in 1000ms both;  -ms-animation: fadeInUp 0.7s ease-in 1000ms both; animation: fadeInUp 0.7s ease-in 1000ms both; }

          .carousel-fade .carousel-inner .carousel-item { -webkit-transition-property: opacity;  transition-property: opacity; }
          .carousel-fade .carousel-inner .carousel-item,
          .carousel-fade .carousel-inner .active.left,
          .carousel-fade .carousel-inner .active.right { opacity: 0; }
          .carousel-fade .carousel-inner .active,
          .carousel-fade .carousel-inner .next.left,
          .carousel-fade .carousel-inner .prev.right { opacity: 1; }
          .carousel-fade .carousel-inner .next,
          .carousel-fade .carousel-inner .prev,
          .carousel-fade .carousel-inner .active.left,
          .carousel-fade .carousel-inner .active.right { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
          }

          .play-video.border-video { width: 70px; height: 70px; background: rgba(255, 255, 255, 0.2); box-shadow: none !important; border:5px solid rgba(255, 255, 255, 0.6) !important; }
          .play-video.border-video a {  width: 70px; height: 70px; line-height: 70px; top: -4px; }
          .play-video.border-video a i { line-height: 60px; }
          .play-video.border-video:after { display: none; }
          .play-video.border-video:hover  { border:5px solid rgba(255, 255, 255, 0.8) !important; color: #ffffff; }

          .video-attribute { position: absolute; bottom: 10px; right: 10px; }
          .video-attribute .length { background: rgba(0, 0, 0, 0.8); padding: 1px 8px; color: #ffffff; border-radius: 2px; font-size: 13px; }
          .video-attribute .quality { background: #dd3333; padding: 0px 8px; color: #ffffff; margin-left: 2px; border-radius: 2px; font-size: 13px; }

          .popup-video-image.border-video a i ,.popup-video-image.border-video a span { font-size: 14px; width: 70px; height: 70px; line-height: 62px; background: rgba(255, 255, 255, 0.2); box-shadow: none; border:5px solid rgba(255, 255, 255, 0.6);  }
          .popup-video-image.border-video a i:hover , .popup-video-image.border-video a span:hover  { border:5px solid rgba(255, 255, 255, 0.8); }
          .blog-border , .blog-box.blog-2.blog-border .blog-info { border:1px solid rgba(0, 0, 0, 0.1); }
          .blog-box.blog-2.blog-border .blog-info .tag { border-bottom: 2px solid #791ec3; }
          .blog-box.blog-2.blog-border .blog-info span i ,.blog-box.blog-2.blog-border .blog-info span span.fa { color: rgba(0,0,0,0.5); }
          .video-section .blog-box.blog-2:hover { box-shadow: none; }

          .top-view-video { padding: 30px; }
          .top-view-video span { font-size: 12px; }
          .top-view-video .view-video-number { display: table-cell; width: 20px; }
          .top-view-video .view-video-name { padding-left: 16px; display: table-cell; vertical-align: top; }

          .sidebar-widget .recent-post.medium .recent-post-image { width: 150px; }
          .sidebar-widget .recent-post.medium .recent-post-image img { width: inherit; height: inherit; border-radius: inherit; }

          /*Chart*/
          canvas{-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; }
          .chartjs-tooltip { opacity: 1; position: absolute; background: rgba(0, 0, 0, .7); color: white; border-radius: 3px; -webkit-transition: all .1s ease; transition: all .1s ease; pointer-events: none; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); padding: 4px;}
          .chartjs-tooltip-key { display: inline-block; width: 10px; height: 10px; margin-right: 10px;}
          .chart-wrapper .nice-select { display: inline-block; float: none; height: 40px; line-height: 40px; }
          .chart-wrapper .nice-select:after  { margin-top: -1px; }

/*************************************
         V.3.2 home page
         **************************************/
         /*service 04*/
         .media .media-icon span { font-size:40px; line-height:45px; }
         .media span.media-step { font-size: 60px; line-height: 55px; }

         /*service 06*/
         .blockquote-section blockquote.quote:before { right: 0; }

         /*service 07*/
         .secrvice-blog { margin-top: -110px; }
         .box-content{ box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);}
         .service-07 .agency-02-about-content-right { margin-left: -100px; }

         /*service details*/
         .service ul li { display: block; margin: 5px 0; }
         .service ul li a { display: block;  padding: 12px 25px;  color: #656565; text-transform: capitalize; }
         .service ul li a:hover, .service ul li a.active { background-color: #791ec3; color: #ffffff }
         .iconbox { padding-left: 60px; }
         .iconbox i { font-size: 18px; line-height: 50px; }
         .iconbox a { height: 50px; width: 50px; text-align: center; color: #ffffff; position: absolute; left: 15px; border-radius: 3px; }
         .iconbox a:hover { background: #353535; color: #ffffff; border-color: #353535; transition: all 0.5s ease-in-out;  -webkit-transition: all 0.5s ease-in-out;
          -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; }
          .iconbox p { font-size: 11px; }

          /*contact 04*/
          .contact-4 .blockquote { border: none; font-size: 30px;}
          .contact-4 p { line-height: 24px;}
          .quote:before { color:#791ec3;}

          /*contact 05*/
          .contact-5 .feature-info p { margin-bottom: 0;}
          .contact-5 .feature-info { padding: 40px; }

          /*testimonial*/
          .blockquote-section.testimonial-title blockquote { font-size: 40px; }
          .masonry-item .testimonial-widget .testimonial-info .testimonial-avtar img { height: 50px; width: 50px; border-radius: 50%; }
          .masonry-item .testimonial-info:before { display: none; }
          .masonry-item .testimonial-widget .testimonial-info .testimonial-name span { font-size: 14px; }
          .leave-your-testimonial .contact-form .form-control { background-color: #ffffff; }

          /*search-no-result*/
          .search-no-result { padding: 130px 0px; }
          .search-no-result i { font-size: 130px; }
          .search-no-result .bg-title h2 { font-size: 420px; line-height: 300px; color: rgba(0, 0, 0, 0.03); position: absolute; left: 0; right: 0; top: 0; }
          .no-result-search .form-control:focus { box-shadow: none; }

          /*cookies page*/
          .cookies-policy:before { content: ""; position: absolute; z-index: 3; display: block; width: 0; height: 0; border-style: solid; border-color: transparent; border-width: 0 17px 15px 17px; top: -15px; left:45px; border-bottom-color: #f7f7f7; }

          /*invoice page*/
          .addresss-info.invoice-addresss li { color: #626262; margin-bottom: 10px; }
          .addresss-info.invoice-addresss li a{ color: #791ec3; }

          /*process 02*/
          .process-box-02 h1 { font-size: 90px; line-height: 90px; }
          .process-box-02 .process-info { border-left: 3px solid rgba(0, 0, 0, 0.1); }
          .process-box-02 .process-info.process-right { border-left:0; border-right: 3px solid rgba(0, 0, 0, 0.1); }

/*************************************
           jobs
           **************************************/
           .jobs-banner h1 { font-size: 80px; line-height: 80px; font-weight: 400; }
           .jobs-banner span { font-size: 26px; line-height: 26px; font-weight: 400; }
           .jobs-banner b { font-size: 20px; line-height: 20px; font-weight: 500; }
           .jobs-banner .button { padding: 12px 21px; }
           .job-box { box-shadow: 0 0 50px rgba(0, 0, 0, 0.05); padding: 20px; }
           .job-box.job-border { border:1px solid #eeeeee; padding: 20px; box-shadow: none; transition: all 0.5s ease-in-out; }
           .job-box.job-border i { font-size: 40px; line-height: 40px; margin-bottom: 20px; }
           .job-box.job-border:hover { box-shadow:  0 0 50px rgba(0, 0, 0, 0.05); }
           .job-testimonial { padding: 0; }
           .job-testimonial .testimonial-info:before { font-size: 200px; }
           .job-testimonial .testimonial-info { font-size: 24px; line-height: 36px; }
           .job-testimonial .testimonial-info:before { left: 0; }

/*************************************
           jobs
           **************************************/
           .listing-banner { height: 60vh; }
           .listing-banner h1 { font-size: 70px; line-height: 70px; font-weight: 400; margin-bottom: 20px; }
           .listing-banner p { font-size: 24px; line-height: 24px; font-weight: 400;  }
           .listing-banner .listing-banner-categorie i { font-size: 30px;  width: 70px; height: 70px; text-align: center; line-height: 70px; color: #ffffff; border-radius: 50%; margin: 0 auto; }
           .listing-banner .listing-banner-categorie a { font-size: 18px; display: block; margin-top: 10px; }
           .listing-search { box-shadow:  0 0 50px rgba(0, 0, 0, 0.05); background: #ffffff; padding: 50px; position: relative; margin-top: -50px; border-radius: 3px; }
           .listing-post .blog-name .blog-name-left { width: 50px; height: 50px;  border-radius: 50%; color: #ffffff; text-align: center; line-height: 50px; float: left; margin-right: 20px; }
           .listing-post .blog-name .blog-name-right { display: table-cell; }
           .listing-places  { padding-bottom: 260px; }
           .listing-post .listing-post-info { background: #ffffff; padding: 20px; }
           .listing-post .listing-post-info .listing-post-meta ul li { display: inline-block; margin-right: 5px; padding-right: 10px; border-right: 2px solid rgba(0,0,0,0.1); }
           .listing-post .listing-post-info .listing-post-meta ul li:last-child { border-right: 0; }
           .listing-post .listing-post-info .listing-post-meta ul li a { font-weight: 800; color: #323232; }
           .listing-how-work { position: relative; background: #ffffff; box-shadow:  0 0 50px rgba(0, 0, 0, 0.05); padding: 70px; margin-top: -140px; }
           .sticky-top { z-index: 99; }

/*************************************
           calendar
           **************************************/
           .calendar-main .modal .btn {  padding: 0.875rem .75rem; }
           .fc-button { background: #f8f9fa; border: none; color: #626262;  text-transform: capitalize;  box-shadow: none !important;  border-radius: 3px !important;  margin: 0 3px !important;
            padding: 6px 12px !important;  height: auto !important; }
            .fc-button:focus { outline: 0; }
            .fc-button:active { outline: 0; }
            .fc-state-active { background: #791ec3; color: #ffffff; }
            .fc-today-button { background: #791ec3;  color: #ffffff; }
            .fc-event { border-radius: 2px; border: none; cursor: move; font-size: 13px; margin: 5px 7px; padding: 5px 5px; text-align: center; }
            .fc-day-grid-event .fc-time { color: #ffffff; }
            .fc-day-grid-event .fc-title {  color: #ffffff; }
            .fc-event, .fc-event-dot { background: #791ec3; }
            .fc-day-header span {  padding: 15px 0; display: block; background: #f8f9fa; color: #1a1a1a; }

/*************************************
          instagram & flickr
          **************************************/
          .demoFeed li, .flickr-feed li  { list-style: none; display: inline-block; }
          .demoFeed li, .flickr-feed li  { width: 25%; }
          .demoFeed li img, .flickr-feed li img { width: 100%; height: 100% !important;  }

/*************************************
          instagram & flickr
          **************************************/
          .portfolio-creative h1 { font-size: 40px; line-height: 50px; font-weight: 500; margin-bottom: 20px; font-family: 'Dosis', sans-serif; }
          .portfolio-creative del { background: none; color: #dadada; }

/*************************************
         index 12
         **************************************/
         .business-banner-02 { height: 100vh; }
         .business-banner-02 h1 { font-size: 50px; line-height: 50px; font-weight: 600; }
         .business-banner-02 .box-newsletter { padding: 50px; background: rgba(38, 38, 38, 0.82); }
         .business-banner-02 .box-newsletter .form-control { background: #ffffff; }

         /*skill-counter*/
         .skill-counter { position: relative; background: #ffffff; margin-top: -100px; z-index: 999; padding: 60px; box-shadow: 0 0 40px rgba(0, 0, 0, 0.05); }

/*************************************
             index 13
             **************************************/
             .business-banner span { font-size: 36px; line-height: 36px; }
             .business-banner h1 { font-family: 'Dosis', sans-serif; font-size: 100px; line-height: 100px; letter-spacing: 40px; font-weight: 600; margin-top: 20px; }
             .business-banner p { font-size: 20px; line-height: 30px; padding: 0 360px; }
             .business-13-about-content { box-shadow: 0 0 60px rgba(0,0,0,.1); padding: 100px; position: relative; margin-top: -80px; z-index: 4; }
             .business-date-box { position: relative;  padding: 20px;  }
             .business-date-box-text { position: relative; background: #ffffff; padding: 40px; }
             .business-date-box-text h6 { line-height: 30px; }
             .business-date-box-text h2 { font-size: 200px; line-height: 200px; display: inline-block; padding-right: 30px; position: relative; }
             .business-date-box .business-date-box-text span { position: absolute; font-size: 20px; font-weight: bold; text-transform: uppercase; display: inline-block;   -ms-transform: rotate(-90deg);  -webkit-transform: rotate(-90deg); transform: rotate(-90deg); letter-spacing: 18px; vertical-align: top; right: -70px; top: 80px; }

 /*************************************
            index 14
            **************************************/
            .business-banner-03 h1 { font-size: 80px; line-height: 80px; font-weight: 400; margin-bottom: 30px; }
            .business-banner-03 span { font-size: 20px; line-height: 20px; font-weight: 400; letter-spacing: 30px; }
            /*business-video*/
            .business-video .business-video-box { min-height: 600px;   }
            .business-video .business-video-box .vertical-align { padding: 100px; width: 100%; }
            .business-feature.feature-text { padding: 50px;  border-radius: 5px; position: relative; box-shadow: 0 10px 60px -13px rgba(0, 0, 0, 0.09); }

 /*************************************
            index 15
            **************************************/
            .business-banner-04 { height: 94vh; }
            .business-banner-04 h1 { font-size: 80px; line-height: 80px; font-weight: 700; margin-top: 30px; margin-bottom: 30px; }
            .business-banner-04 p { font-size: 17px; padding-right: 200px;  }
            .business-banner-04 strong { font-size: 20px; margin-top: 20px; }
            .business-feature-top { background: #ffffff; box-shadow: 0 0 60px rgba(0,0,0,.1); padding: 60px; position: relative; margin-top: -80px; z-index: 4; }
            .portfolio-item .portfolio-overlay a.tag { background: #791ec3; color: #ffffff; padding: 2px 10px; border-radius: 3px; display: inline-block; }
            .portfolio-item .portfolio-overlay a.tag:hover { background: #323232; color: #ffffff; }

 /*************************************
            index 16
            **************************************/
            .business-banner-05 { height: 94vh; }
            .business-banner-05 h1 { font-size: 50px; line-height: 50px; font-weight: 600; margin-top: 30px; margin-bottom: 30px; }
            .business-banner-05 p { font-size: 17px; padding-right: 200px;  }
            .business-service-box { border:1px solid #eeeeee; padding: 20px 20px; height: 100%; }
            .business-service-box .title { padding: 67px 0; }
            .business-big-testimonial .testimonial-info { font-size: 18px;  line-height: 34px; }

 /*************************************
            index 17
            **************************************/
            .business-banner-06 { height: 90vh; }
            .business-banner-06 h1 { font-size: 50px; line-height: 60px; font-weight: 600; margin-top: 30px; margin-bottom: 30px; }
            .business-banner-06 p { font-size: 17px; padding-right: 200px;  }


/*************************************
            boxed
            **************************************/
            @media (min-width: 1220px) {
              body.boxed-layout .wrapper { float: none; width: 1220px; margin: 0 auto; position:relative; background-color: #FFF; box-shadow: 0 0 60px rgba(0,0,0,.1); -moz-box-shadow: 0 0 60px rgba(0,0,0,.1);
                -webkit-box-shadow: 0 0 60px rgba(0,0,0,.1); }
                /*index 01*/
                body.boxed-layout .wrapper .portfolio-title.section-title p { display: none; }
                body.boxed-layout .wrapper .portfolio-title.section-title span { display: none; }

                /*index 02*/
                body.boxed-layout .wrapper .contact-3 .g-map { padding-top: 140%; }
                body.boxed-layout .wrapper .contact-2 .g-map { padding-top: 90% }
                body.boxed-layout .wrapper.vertical-header { width: auto; box-shadow: none; }
                body.boxed-layout #footer-fixed { position: inherit !important; width: inherit; bottom: inherit !important; z-index: inherit; }
                body.boxed-layout .wrapper { margin-bottom: 0 !important; }
                body.boxed-layout .christmas-coming-soon { position: absolute; }
                body.boxed-layout .container { width: 1170px; }

                body.frame-layout .wrapper { margin: 0 auto; margin-top: 1.5%; margin-bottom: 1.5%; width: 97%; position: relative;  box-shadow: 0 0 60px rgba(0,0,0,.1); }
                body.frame-layout .header.default, body.frame-layout .header.transparent, body.frame-layout header.one-page { left: 0; right: 0; }
                body.frame-layout .navbar.affix { top: 0; }
                body.frame-layout header.one-page.light .navbar { min-height: 10px !important; }
                body.frame-layout #footer-fixed { position: inherit !important; bottom: inherit !important; z-index: inherit; }
                body.frame-layout .wrapper { margin-bottom:1.5% !important; }
                body.frame-layout .christmas-coming-soon { position: absolute; }

              }

              @media print {
               .sidebar, /*footer,*/ .admin-header, /*header,*/ .page-title, #back-to-top, .action-box { display: none !important; }
               .content-wrapper{ width: 100% !important; margin-left:0;  }
             }


             @media all and (-ms-high-contrast:none) {
              .st-menu { position: absolute; }
              img.bottom-img { top: 0; }
              .search-cart { display: table; }
              .search { display: table-cell !important; }
              .shpping-cart { display: table-cell !important; }
              .search-cart .shpping-cart { float: none !important; }
              .mega-menu > section.menu-list-items .search-cart .search { float: none !important; }
              .search-cart .shpping-cart { vertical-align: middle; }
              .logo-center.header .search .search-btn { line-height: 0px; }
              .newsletter.fancy button { padding: 14px 20px; }
            }

            @media not all and (min-resolution:.001dpcm) { @media
              {
               .newsletter.fancy button { padding: 14px 20px;  }
             }
           }


/*************************
    testimonial
    *************************/
    .testimonial {position: relative; background:#f9f9f9; padding:85px 50px 45px 70px; margin:0 0px 4px 0; margin-top:45px; color:#656565; font-weight:400; line-height:24px; text-align:center; }
    .testimonial-avatar{position: absolute; left: 50%; margin-left:-40px; top:-45px; width:100px; height:100px;}
    .testimonial-avatar img{border:4px solid #791ec3; max-width:100%; border-radius: 50%;}

    .testimonial-info{position: relative;}
    .testimonial-info:before{position:absolute; top:-15px; left:-35px; color:#791ec3; content: "\201C"; font-family: Georgia, serif; font-size:100px;}

    .author-info{font-size:16px; color:#323232; text-transform:uppercase; margin-top:20px; position:relative;}
    .author-info strong{font-weight:500;}
    .author-info span{font-weight: normal; color: #791ec3; text-transform:none;}

    /* Light */
    .testimonial.light { background:#fff; }

    /* Text White */
    .text-white .testimonial, .testimonial.text-white { color:#fff; }
    .text-white .testimonial .author-info { color:#fff; }

    /* Clean */
    .testimonial.clean { background:none; box-shadow:none; padding-bottom:0; padding:0 50px 25px 70px; margin-top:0; }
    .testimonial.clean .testimonial-avatar { position:relative; top:0; margin-bottom:20px; }
    .testimonial.clean .testimonial-avatar { margin-left: -65px; }

    .testimonial.text-white.clean .author-info { color:#791ec3; }
    .theme-bg .testimonial.clean { padding-bottom:10px; margin-bottom:0;}
    .theme-bg .testimonial.clean .author-info { color:#323232; }
    .theme-bg .testimonial.clean .testimonial-avatar img { border-color:#ffffff; }
    .testimonial.text-white.clean .testimonial-info:before,
    .testimonial.text-white.clean .author-info span { color:#ffffff; }
    .testimonial.text-white.clean .author-info:before{ background:#ffffff;}

    /* Left Position */
    .testimonial.left_pos { margin-left: 40px; padding:60px 40px 40px 100px; text-align:left; }
    .testimonial.left_pos .testimonial-avatar { left:0; margin-top:-50px; top:50%; }
    .testimonial.left_pos .author-info:before { margin-left:0; left:0; }

    /* Bottom Position */
    .testimonial.bottom_pos { padding:60px 40px 40px 60px; text-align: left; margin-top:0; margin-bottom:70px; }
    .testimonial.bottom_pos .testimonial-avatar { bottom: -50px; top: inherit; left: 0px; margin-left: 50px; }
    .testimonial.bottom_pos .author-info { margin-left:125px; }
    .testimonial.bottom_pos .author-info:before { margin-left:0; left:0; }

    /* green BG */
    .testimonial.theme-bg { background:#791ec3; color:#ffffff; }
    .testimonial.theme-bg .testimonial-info:before,
    .testimonial.theme-bg .author-info span { color:#ffffff; }
    .testimonial.theme-bg .testimonial-avatar img { border-color:#ffffff; color:#ffffff; }
    .testimonial.theme-bg .author-info:before { background:#ffffff; }

/*************************
        Clients
        *************************/
        .clients-list { overflow: hidden; }
        .clients-list ul li { float: left; position: relative; width: 20%; padding: 20px; }
        .clients-list ul li h3,.clients-list ul li .text-center  { font-size: 1em; line-height: 1.2em; }
        .clients-list.clients-border ul li:before { height: 100%; top: 0; left: -1px; border-left: 1px solid #eee; }
        .clients-list.clients-border ul li:after, .clients-list.clients-border ul li:before { content: ''; position: absolute; }
        .clients-list.clients-border ul li:after { width: 100%; height: 0; top: auto; left: 0; bottom: -1px; border-bottom: 1px solid #eee; }

        /*column-4*/
        .clients-list.column-4 ul li { float: left; position: relative; width: 25%; padding: 10px; }

        /*column-3*/
        .clients-list.column-3 ul li { float: left; position: relative; width: 33.333%; padding: 10px; min-height: 220px; }
        .clients-list.column-3 ul li img { max-height: 50px; margin-bottom: 10px; }

        /*column-2*/
        .clients-list.column-2 ul li { float: left; position: relative; width: 50%; padding: 10px; }

        .clients-list.grayscale img { filter: gray; -webkit-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;  -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; }
        .clients-list.grayscale img:hover { -webkit-filter: grayscale(0%); -o-filter: grayscale(0%); -ms-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%); }

        .clients-list ul li h5 { font-size: 15px; line-height: 1.2em; color: #333333; }

        /*elements*/
        .full-width { width: 100%; }
        .height-100vh { height: 100vh; }
      .pos-bot { position: absolute; bottom: 0; /*width: 100%; */}
      .vertical-align { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }

/*************************************
       index portfolio  04 about
       **************************************/
       .portfolio-03-about { padding: 0 50px; }
       .portfolio-03-about p { font-size: 16px; font-weight: 600; }

/*************************************
       index portfolio  single
       **************************************/
       /*popup-video*/
       .popup-video-image { position: relative; }
       .popup-video-image:before { background: rgba(37, 41, 51, 0.4); content: ""; height: 100%; left: 0;  position: absolute; top: 0; width: 100%; z-index: 0; }
       .popup-video-image a i  , .popup-video-image a span { color: #ffffff; text-align: center; line-height: 60px; width: 60px; height: 60px; background: #791ec3; display: inline-block; margin: 0 auto;
        border-radius: 50%; left: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); z-index: 99; font-size: 20px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }
        .popup-video-image a i:hover , .popup-video-image a span:hover { background: #323232; }

/*************************************
            index 11
            **************************************/

            /*index 11*/
            /*slider-parallax typer-banner business*/
            .slider-parallax.typer-banner.business h1 { font-family: 'Dosis', sans-serif; }
            .slider-parallax.typer-banner.business p { padding: 0 200px; line-height: 34px; font-size: 26px; font-weight: 600; display: block; }

            /*play-video*/
            .custom-content-02 .feature-text p { line-height: 28px; }
            .play-video-section .play-video { box-shadow: none; background: #ffffff; width: 60px; height: 60px; line-height: 60px; }
            .play-video-section .play-video a { color: #791ec3; line-height: 60px; }
            .play-video-section .play-video a i { line-height: 60px; padding-right: 3px; }
            .play-video-section .play-video:after {box-shadow: none; }
            .play-video-section .content { padding: 0 100px; }
            .play-video-section .content h2 { font-family: 'Dosis', sans-serif; }
            .custom-content-03 h2 { font-family: 'Dosis', sans-serif; font-size: 40px; line-height: 50px; }

            .play-video-section.black-button .play-video { background: #323232; }
            .play-video-section.black-button .play-video a { color: #ffffff; }
            .play-video-section.black-button .play-video:hover { background: #791ec3; }

            /*blockquote-section*/
            .blockquote-section { position: relative; z-index: 9; }
            .blockquote-section blockquote { font-size: 50px; font-weight: 600; line-height: 60px; border-left: 0; padding-left: 0; font-family: 'Dosis', sans-serif; }
            .blockquote-section blockquote cite { font-size: 16px; font-weight: 600; margin-top: 40px; line-height: 30px; font-family: 'Montserrat', sans-serif; font-style: normal; }
            .blockquote-section blockquote cite span { display: block; font-size: 14px; }
            .blockquote-section blockquote.quote { padding-top: 100px; }
            .blockquote-section blockquote.quote:before { color: #791ec3; left: 0; top: 0; font-size: 120px; line-height: 120px; }
            .blockquote-section .blockquote-section-left { margin-left: 60px;  }
            .blockquote-section .blockquote-section-right { margin-left: -120px; position: relative;z-index: -1; }

/*************************
     TLaw
     *************************/
     .filter-search-tlaws .btn-submit {
      position: absolute;bottom: 0;
    }


/*************************
     social-icon
     *************************/
     .social-icons ul{padding:0;}
     .text-center.social-icons ul{display:inline-block;}
     .social-icons li{ display: inline-block; list-style:none; padding:0; margin:0 8px 8px 0;}
     .social-icons li:last-child { margin-right: 0; }
     .social-icons li a { display: block; height: 32px; width: 32px; line-height: 32px; font-size: 16px; text-align: center; margin:0; border-radius: 4px; border: 0; background: transparent; color: #333; overflow: hidden; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }

     .text-white .social-icons li a{color:#ffffff;}

     /*Colored*/
     .social-icons.color a,
     .social-icons.color-hover a:hover{color:#fff; border:0;}

     .social-icons.color .social-rss a,
     .social-icons.color-hover .social-rss a:hover {background-color: #faa33d;}

     .social-icons.color .social-facebook a,
     .social-icons.color-hover .social-facebook a:hover{background-color:#5d82d1;}

     .social-icons.color .social-twitter a,
     .social-icons.color-hover .social-twitter a:hover{background-color:#40bff5;}

     .social-icons.color .social-vimeo a,
     .social-icons.color-hover .social-vimeo a:hover{background-color:#35c6ea;}

     .social-icons.color .social-myspace a,
     .social-icons.color-hover .social-myspace a:hover{background-color:#008dde;}

     .social-icons.color .social-youtube a,
     .social-icons.color-hover .social-youtube a:hover{background-color:#ef4e41;}

     .social-icons.color .social-instagram a,
     .social-icons.color-hover .social-instagram a:hover{background-color:#e1326b;}

     .social-icons.color .social-gplus a,
     .social-icons.color-hover .social-gplus a:hover{background-color:#d68400;}

     .social-icons.color .social-stumbleupon a,
     .social-icons.color-hover .social-stumbleupon a:hover{background-color:#ff5c30;}

     .social-icons.color .social-lastfm a,
     .social-icons.color-hover .social-lastfm a:hover{background-color:#f34320;}

     .social-icons.color .social-pinterest a,
     .social-icons.color-hover .social-pinterest a:hover{background-color:#e13138;}

     .social-icons.color .social-google a,
     .social-icons.color-hover .social-google a:hover{background-color:#eb5e4c;}

     .social-icons.color .social-evernote a,
     .social-icons.color-hover .social-evernote a:hover{background-color:#9acf4f;}

     .social-icons.color .social-dribbble a,
     .social-icons.color-hover .social-dribbble a:hover{background-color:#f7659c;}

     .social-icons.color .social-skype a,
     .social-icons.color-hover .social-skype a:hover{background-color:#13c1f3;}

     .social-icons.color .social-forrst a,
     .social-icons.color-hover .social-forrst a:hover{background-color:#45ad76;}

     .social-icons.color .social-linkedin a,
     .social-icons.color-hover .social-linkedin a:hover{background-color:#238cc8;}

     .social-icons.color .social-wordpress a,
     .social-icons.color-hover .social-wordpress a:hover{background-color:#2592c3;}

     .social-icons.color .social-grooveshark a,
     .social-icons.color-hover .social-grooveshark a:hover{background-color:#ffb21d;}

     .social-icons.color .social-delicious a,
     .social-icons.color-hover .social-delicious a:hover{background-color:#377bda;}

     .social-icons.color .social-behance a,
     .social-icons.color-hover .social-behance a:hover{background-color:#1879fd;}

     .social-icons.color .social-dropbox a,
     .social-icons.color-hover .social-dropbox a:hover{background-color:#17a3eb;}

     .social-icons.color .social-soundcloud a,
     .social-icons.color-hover .social-soundcloud a:hover{background-color:#ff7e30;}

     .social-icons.color .social-deviantart a,
     .social-icons.color-hover .social-deviantart a:hover{background-color:#6a8a7b;}

     .social-icons.color .social-yahoo a,
     .social-icons.color-hover .social-yahoo a:hover{background-color:#ab47ac;}

     .social-icons.color .social-flickr a,
     .social-icons.color-hover .social-flickr a:hover{background-color:#ff48a3;}

     .social-icons.color .social-digg a,
     .social-icons.color-hover .social-digg a:hover{background-color:#75788d;}

     .social-icons.color .social-blogger a,
     .social-icons.color-hover .social-blogger a:hover{background-color:#ff9233;}

     .social-icons.color .social-tumblr a,
     .social-icons.color-hover .social-tumblr a:hover{background-color:#426d9b;}

     .social-icons.color .social-quora a,
     .social-icons.color-hover .social-quora a:hover{background-color:#ea3d23;}

     .social-icons.color .social-github a,
     .social-icons.color-hover .social-github a:hover{background-color:#3f91cb;}

     .social-icons.color .social-amazon a,
     .social-icons.color-hover .social-amazon a:hover{background-color:#ff8e2e;}

     .social-icons.color .social-xing a,
     .social-icons.color-hover .social-xing a:hover{background-color:#1a8e8c;}

     .social-icons.color .social-wikipedia a,
     .social-icons.color-hover .social-wikipedia a:hover{background-color:#b3b5b8;}

     .social-icons.color .social-android a,
     .social-icons.color-hover .social-android a:hover{background-color:#A4C639;}

     .social-icons.color .social-apple a,
     .social-icons.color-hover .social-apple a:hover{background-color:#999999;}

     /* Border */
     .social-icons.social-border li a{border:1px solid #eee;   background:transparent;}

     /* Dark */
     .social-icons.social-icons-dark li a{background:#888; color:#fff;}

     /* Light */
     .social-icons.light li a{background:#fff; color:#333; border:1px solid #eee;}

     /* Rounded */
     .social-icons.rounded li a{-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}

     /* Medium Size */
     .social-icons.medium li a{height:42px; width:42px; line-height:42px; font-size:18px;}

     /* Large Size */
     .social-icons.social-icons-large li a{height:48px; width:48px; line-height:48px; font-size:18px; margin:0 10px 10px 0;}
     .social-icons:not(.color):not(.color-hover) li a:hover{background-color: #eee;}
     .social-icons li:hover i{-webkit-animation: toTopFromBottom 0.3s forwards; -moz-animation: toTopFromBottom 0.3s forwards; animation: toTopFromBottom 0.3s forwards;}

     @-webkit-keyframes toTopFromBottom {
      49% {-webkit-transform: translateY(-100%);}
      50% {opacity: 0; -webkit-transform: translateY(100%);}
      51% {opacity: 1;}
    }
    @-moz-keyframes toTopFromBottom {
      49% {-moz-transform: translateY(-100%);}
      50% {opacity: 0; -moz-transform: translateY(100%);}
      51% {opacity: 1;}
    }
    @keyframes toTopFromBottom {
      49% {transform: translateY(-100%);}
      50% {opacity: 0; transform: translateY(100%);}
      51% {opacity: 1;}
    }

    .social-icons.big li a { height:62px; width:62px; line-height:62px; font-size:18px; }


    /*icon */
    .social-icons.color-icon a { color: #791ec3; }

    .social-icons.color-icon .social-rss a  { color: #faa33d;}

    .social-icons.color-icon .social-facebook a { color:#5d82d1;}

    .social-icons.color-icon .social-twitter a { color:#40bff5;}

    .social-icons.color-icon .social-vimeo a { color:#35c6ea;}

    .social-icons.color-icon .social-myspace a { color:#008dde;}

    .social-icons.color-icon .social-youtube a { color:#ef4e41;}

    .social-icons.color-icon .social-instagram a { color:#e1326b;}

    .social-icons.color-icon .social-gplus a { color:#d68400;}

    .social-icons.color-icon .social-stumbleupon a { color:#ff5c30;}

    .social-icons.color-icon .social-lastfm a { color:#f34320;}

    .social-icons.color-icon .social-pinterest a { color:#e13138;}

    .social-icons.color-icon .social-google a { color:#eb5e4c;}

    .social-icons.color-icon .social-evernote a { color:#9acf4f;}

    .social-icons.color-icon .social-dribbble a { color:#f7659c;}

    .social-icons.color-icon .social-skype a { color:#13c1f3;}

    .social-icons.color-icon .social-forrst a { color:#45ad76;}

    .social-icons.color-icon .social-linkedin a { color:#238cc8;}

    .social-icons.color-icon .social-wordpress a { color:#2592c3;}

    .social-icons.color-icon .social-grooveshark a { color:#ffb21d;}

    .social-icons.color-icon .social-delicious a { color:#377bda;}

    .social-icons.color-icon .social-behance a { color:#1879fd;}

    .social-icons.color-icon .social-dropbox a { color:#17a3eb;}

    .social-icons.color-icon .social-soundcloud a { color:#ff7e30;}

    .social-icons.color-icon .social-deviantart a { color:#6a8a7b;}

    .social-icons.color-icon .social-yahoo a { color:#ab47ac;}

    .social-icons.color-icon .social-flickr a { color:#ff48a3;}

    .social-icons.color-icon .social-digg a { color:#75788d;}

    .social-icons.color-icon .social-blogger a { color:#ff9233;}

    .social-icons.color-icon .social-tumblr a { color:#426d9b;}

    .social-icons.color-icon .social-quora a { color:#ea3d23;}

    .social-icons.color-icon .social-github a { color:#3f91cb;}

    .social-icons.color-icon .social-amazon a { color:#ff8e2e;}

    .social-icons.color-icon .social-xing a { color:#1a8e8c;}

    .social-icons.color-icon .social-wikipedia a { color:#b3b5b8;}

    .social-icons.color-icon .social-android a { color:#A4C639;}

    .social-icons.color-icon .social-apple a { color:#999999;}

    .social-icons.text-social li a { width: inherit; height: inherit; font-size: 18px; font-weight: bold; }
    .social-icons.text-social li a:hover { background: transparent; }
    .social-icons:not(.color):not(.color-hover) li a:hover { background: transparent; }

/***************************
        Owl Carousel
        ***************************/
        .owl-carousel .owl-item img { width: auto; }
        .owl-carousel .owl-nav {  cursor: pointer; z-index: 999; width: 100%; }
        .owl-carousel .owl-nav .owl-prev,
        .owl-carousel .owl-nav .owl-next{ display: block; position: absolute; text-indent: inherit; width: auto; cursor: pointer; transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out;}
        .owl-carousel .owl-nav .owl-prev { left:10px;  display: block; position: absolute; text-indent: inherit; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%);   }
        .owl-carousel .owl-nav .owl-next { right:10px; display: block; position: absolute; text-indent: inherit; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%);  }
        .owl-carousel .owl-nav i ,.owl-carousel .owl-nav span{ font-size: 20px; width:36px; height:36px; line-height:36px; display: inline-block; color:#ffffff; border-radius: 3px; background:#401067; border:0px solid #3d3d3d; font-weight:normal; text-align: center; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
        .owl-carousel .owl-nav i:hover ,.owl-carousel .owl-nav span:hover{background:#333; color:#ffffff;}
        .bottom-nav .owl-nav { bottom: 0; top: inherit; }
        .bottom-nav .owl-nav .owl-next { right: 46%; bottom: -20px; top: inherit; transform: inherit; }
        .bottom-nav .owl-nav .owl-prev { left: 46%; bottom: -20px; top: inherit; transform: inherit; }
        .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { margin: 0 !important; }

        /* Dots */
        .owl-carousel .owl-controls .owl-dot { margin: 0; display: inline-block; }
        .owl-carousel .owl-dots { display: inline-block;  /*position: absolute; bottom: -35px; */ margin-top: 20px; text-indent: inherit; width: 100%; cursor: pointer; text-align: center; }
        .owl-carousel .owl-dots .owl-dot span { background: #ddd; display: inline-block; width: 12px; min-height: 12px; margin-top: 5px; border-radius: 3px; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; cursor: pointer; }
        .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span { background:#791ec3; min-height: 17px; margin-top: 0; }
        .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { display: inline-block; margin: 14px 2px 0; }
        .bottom-center-dots .owl-dots { bottom: 30px !important; position: absolute;  }
        .bottom-center-dots .owl-dots .owl-dot span  { background: #ffffff; }
        .bottom-right-dots .owl-dots { bottom: 30px !important; position: absolute; right: 30px; width: auto; }
        .bottom-right-dots .owl-dots .owl-dot span  { background: #ffffff; }

/***************************
        Main Slider
        ***************************/
        .main-slider-1 {
        }

        .main-slider-2 .blog-entry {
          background-color: #401067;
          overflow: hidden;
          margin: 0 50px;
        }

        .main-slider-2 .blog-entry .blog-image {
          text-align: center;
          overflow: hidden;
          padding: 0;
        }

        .main-slider-2 .blog-entry .blog-image img {
          min-height: 100%;
        }

        .main-slider-2 .blog-entry .blog-name {
          padding: 2em;
        }

        .main-slider-2 .blog-entry .blog-name , .main-slider-2 .blog-entry .blog-name a , .main-slider-2 .blog-entry .blog-name span {
          color: #ffffff;
        }


/***************************
        Banner Slider
        ***************************/
        .banner-slider-1 .owl-carousel {
          padding: 0 70px;
        }
        .banner-slider-1 h3,.banner-slider-1 h5,.banner-slider-1 .text-dark {
          margin-top: 0.8em;
          font-size: 1.1em;
          line-height: 1.1em;
        }
        .banner-slider-1 a {
          color: #333333;
        }
        .banner-slider-2 .owl-carousel {
          padding-left: 50px;
          padding-right: 50px;
        }
        .banner-slider-2 a {
          color: #ffffff;
        }
        .banner-slider-2 a:hover {
          color: #401067;
        }
        .banner-slider-2 h3 , .banner-slider-2 h5, .banner-slider-2 .text-center{
          margin-top: 1em;
          font-size: 1.2em;
          line-height: 1.1em;
        }
        .banner-slider-2 img {
          max-height: 100px;
        }
        .banner-slider-dark .owl-carousel .owl-nav i , .banner-slider-dark .owl-carousel .owl-nav span {
          background-color: #ffffff;
          color: #401067;
        }
        .banner-slider-dark .blog a {
          color: #ffffff;
        }
        .banner-slider-dark .blog .fa {
          color: #e1c7ff;
        }
        .banner-slider-dark .text-center .btn.btn-primary {
          color: #401067;
          background-color: #ffffff;
        }
        .banner-slider-3 .owl-carousel {
          /*padding-bottom: 5em;*/
		  padding-bottom: 0;
        }
        .banner-slider-3 .owl-carousel .owl-nav .owl-next, .banner-slider-3 .owl-carousel .owl-nav .owl-prev {
          bottom: 0px;

          top: auto;
        }
/*************************
    Section title 1
    ***********************/
    .section-title { margin-bottom: 15px; position: relative; }
    .section-title .pull-right { position: absolute; top: 20px; right: 0px; }
    /*.section-title .pull-right a { font-size: 16px;margin-top: 12px; }*/
    .section-title .pull-right a {
        font-size: 20px;
        margin-top: 12px;
    }
    .sidebar .section-title { margin-bottom: 20px; }
    .section-title .title { margin-top: 0px; position: relative; min-height: 68px; }
    .section-title .title h3 { font-size: 18px; padding: 0; margin: 3px 0 0 0; }
    .section-title .subtitle { font-size: 12px; letter-spacing: 1px; font-weight: 700; margin-bottom: 10px; text-transform: uppercase;}
    .section-title p { margin-bottom: 0px; font-size: 20px; font-weight: 400; }

    /*line*/
    .section-title.line .title { padding-bottom: 20px; }
    .section-title.line .title:before { position: absolute; left: 0; bottom: 0; width: 80px; height: 3px; background: #791ec3; content: "";  }

    /*title center */
    .section-title.center .title:before { left: 50%; margin-left: -35px; }
    .section-title.right .title:before { right: 0; left: inherit; margin-left: inherit; }

    /*bg */
    .section-title span.theme-bg { background: #791ec3; color: #ffffff; padding: 0 15px; }

    /*dark-bg*/
    .section-title.dark-bg .title { color: #ffffff; }
    .section-title.dark-bg .subtitle { color: #ffffff; }
    .section-title.dark-bg p { color: #ffffff; }
    .section-title.dark-bg.line .title:before { background: #ffffff; }
    .section-title.dark-bg span.theme-bg { background: #ffffff; color: #791ec3; }

    .title-effect  { z-index: 99; position: relative; display: inline-block; transition: transform 0.5s, color 0.5s; transition-timing-function: cubic-bezier(0.2,1,0.3,1); }
    .title-effect::before { content: ''; position: absolute; z-index: -1; width: 100%; height: 50%; left: 0; bottom: 0; opacity: 0.2; transform: scale3d(0,1,1);
    transform-origin: 0% 50%; transition: transform 0.5s; transition-timing-function: cubic-bezier(0.2,1,0.3,1); }
    .section-title:nth-child(odd) .title-effect::before { background: #791ec3; }

    section:hover .title-effect::before, section:focus .title-effect::before {transform: scale3d(1,1,1); }
    section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even) { color: #791ec3; }

    /*dark*/
    section:nth-child(odd) .title-effect.dark::before { background: #ffffff; }
    section:hover .title-effect.dark:nth-child(even), section:focus .title-effect.dark:nth-child(even) { color: #ffffff; }

    .section-title.line-dabble .title { position: relative;padding-top: 15px; font-size: 1.35em; line-height: 1.2em; }
    .section-title.line-dabble .title:before {  content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px;  z-index: 1; background: rgba(234, 234, 234, 1); }
    .section-title.line-dabble .title:after {  content: ''; position: absolute; left: 0; bottom: 0; width:40px; height: 2px;  z-index: 2; background: #791ec3; }
    .section-title-2.line-dabble h2.title { font-size: 1.35em; }
    .section-title-2.line-dabble .title:after { left: 50%;margin-left: -20px; }
    .section-title-2 .title {
      min-height: 68px;
    }

    /** Icon **/
    .icon-text-hoz li {
      display: list-item;
      clear: both;
    }
    .icon-text-hoz span.fa {
      display: table-cell;
      float: left;
    }
    .icon-text-hoz span.fa, .icon-text-hoz p {
      margin-bottom: 15px;
    }
    .icon-text-hoz p {
      display: table;
      padding-left: 5px;
    }
    .social-links li {
      margin: 0 10px 0 0;
      display: inline-block;
    }
    .icon-cycle a {
      -webkit-transition: 400ms;
      transition: 400ms;
      transition: 400ms;
    }
    .icon-cycle a:hover {
      color: #401067;
    }
    .icon-cycle .fa , .icon-cycle .fab {
      color: #fff;
      width: 32px;
      height: 32px;
      line-height: 32px;
      background: rgba(157, 82, 218, 0.8);
      border-radius: 100%;
      text-align: center;
      -webkit-transition: 400ms;
      transition: 400ms;
      transition: 400ms;
    }
    .icon-cycle span:hover {
      color: #fff;
      background: #401067;
    }
    .icon-cycle span.fa-facebook:hover {
      background: #3b5998;
    }
    .icon-cycle span.fa-twitter:hover {
      background: #70c2e9;
    }
    .icon-cycle span.fa-google-plus:hover {
      background: #c53942;
    }
    .icon-cycle span.fa-pinterest:hover {
      background: #d8545d;
    }
    .icon-cycle span.fa-linkedin:hover {
      background: #3daccf;
    }
    .icon-cycle span.fa-instagram:hover {
      background: #3f729b;
    }
    .icon-cycle span.fa-line:hover {
      background: #3fc337;
    }
    .icon-cycle span.fa-rss:hover {
      background: #c35137;
    }
    .icon-cycle span.fa-envelope-o:hover {
      background: #ff154b;
    }

    /* Layout */
    /** Top Area **/
    .top-bar ul , .top-bar ul li ,
    ul.social-links , ul.social-links li ,
    ul.change , ul.change li ,
    #lang-link ul , #lang-link ul li {
      display: inline-block;
      list-style: none;
      margin: 0;
      padding: 0;
    }
    .dark-bg .top-info a {
      color: #ffffff;
    }
    .top-info ul li {
      text-align: left;
      list-style: none;
    }
    .top-info ul li span {
      margin-right: 10px;
    }
    .site-top.dark-bg ,
    .site-top.dark-bg .logo .logo-wrapper .logo-title ,
    .site-top.dark-bg .logo .logo-wrapper .logo-subtitle {
      color: #ffffff;
    }

    .site-top.dark-bg {
      background-color: #9d52da;
    }

    .site-top .current-time .flag-icon {
      height: 40px;
    }

    .site-top .current-time .fa {
      float: left;
      display: block;
      width: 40px;
      height: 40px;
      font-size: 40px;
      line-height: 40px;
      padding-left: 10px;
      border-left: 2px solid #ffffff;
      margin-right: 15px;
    }

    .site-top .current-time .time {
      font-weight: bold;
      line-height: 1em;
    }

    .site-top .current-time .date {
      font-size: 0.9em;
    }

    .site-top .current-time span {
      display: block;
    }

    .top-bar {
      padding: 10px 0;
      position: relative;
      background: #2d3559;
      color: #fff;
      line-height: normal;
    }
    .top-bar.solid-bg {
      color: #626c84;
      background: #fafafa;
    }

    .top-bar.solid-bg.dark {
      color: #ffffff;
      background: #444444;
    }


    /* Topbar info */
    #top-bar .top-info {
      margin: 0;
      float: left;
    }
    #top-bar .top-info p {
      color: #fff;
      font-weight: 400;
      font-size: 15px;
    }
    #top-bar .top-info i {
      color: #fff;
      font-weight: 400;
      font-size: 15px;
      font-size: 16px;
    }
    #top-bar .top-info .info-icon {
      top: 0;
      margin-right: 5px;
    }
    #top-bar .top-info .info-wrapper:after {
      height: 15px;
      top: 2px;
      background: rgba(255, 255, 255, 0.2);
    }
    #top-bar .top-info li.last .info-wrapper:after {
      background: none;
    }
    #top-bar .address-info {
      font-family: kanit;
      margin: 10px 0;
    }
    #top-bar .address-info .fa, #top-bar .address-info address {
      float: left;
    }
    #top-bar .address-info address {
      width: 80%;
      line-height: 1.1em;
    }
    #top-bar .address-info .fa {
      width: 32px;
      height: 32px;
      line-height: 32px;
      font-size: 14px;
    }
    #callcenter {
      font-size: 1.2em;
      font-weight: 700;
    }
#callcenter h2 {
    font-size: 1.1em;
    display: inline-block;
    font-weight: 200;
    margin-right: 10px;
}
    #callcenter strong {
      margin: 0 0.2em;
      color: #6d14b6;
    }
    .dark #callcenter strong {
      color: #d2a6f6;
    }
    #callcenter a {
      color: #666666;
    }
    .top-bar.solid-bg.dark #callcenter a {
      color: #ffffff;
    }

    .site-top .input-group-append {
      background-color: #9248ce;
    }

    .site-top .input-group-append .fa {
      color: #ffffff;
    }

    .site-top .input-group>.form-control:not(:last-child) ,.site-top .input-group>.input-group-append>.btn {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      padding:7px 15px;
    }

    .site-top .input-group>.form-control:not(:last-child) {
      background-color:#eeeeee;
    }

    .site-top .input-group>.form-control:not(:last-child) ,.site-top .input-group>.input-group-append>.btn {
      border: none;
    }

    .site-top .input-group>.input-group-append>.btn>.text-hidden {
      color: #ffffff;
    }

    .site-top .info-right h2 {
      font-size: 0.9em;
      padding: 0;
      margin: 0;
    }

    #accessibility-link , #lang-link {
      display: inline-block;
      text-align: right;
      margin: 0 0 0 10px!important;
      height: 20px;
    }

    #accessibility-link ul {
      text-align: right;
    }

    #accessibility-link a {
      cursor: pointer;
      margin: 2px 1px;
      padding: 0;
      display: block;
      font-size: 0;
      text-indent: -9999px;
      line-height: normal;
      width: 16px;
      height: 16px;
      border-radius: 3px;
      position: relative;
      text-decoration: none;
    }

    #accessibility-link a.fsactive {
      cursor: pointer;
    }

    #accessibility-link a#defaultFont,
    #accessibility-link a#bdefaultFont
{
      background-color: #ffffff;
    }

    #accessibility-link a#mediumFont,
#accessibility-link a#bmediumFont
{
      background: #ffffff;
    }

    #accessibility-link a#largeFont,
#accessibility-link a#blargeFont
{
      background: #ffffff;
    }

    #accessibility-link a.white-style {
      color: #ffffff!important;
      background: #000000;
    }

    #accessibility-link a.default-style {
      background: #ffffff!important;
    /*width: 14px;
    height: 14px;*/
    /*border: 1px solid #3a3a3a;*/
  }

  #accessibility-link a.yellow-style {
    color: #ffff00!important;
    background: #000000;
  }
  #accessibility-link a#defaultFont:after,
  #accessibility-link a#mediumFont:after,
  #accessibility-link a#largeFont:after,
#accessibility-link a#bdefaultFont:after,
  #accessibility-link a#bmediumFont:after,
  #accessibility-link a#blargeFont:after
{
    content: 'ก';
    color: #808080;
    text-align: center;
    text-indent: 0;
    display: block;
  }

  .lang-en #accessibility-link a#defaultFont:after,
  .lang-en #accessibility-link a#mediumFont:after,
  .lang-en #accessibility-link a#largeFont:after,
.lang-en #accessibility-link a#bdefaultFont:after,
  .lang-en #accessibility-link a#bmediumFont:after,
  .lang-en #accessibility-link a#blargeFont:after
{
    content: 'a';
  }

  #accessibility-link a#defaultFont:after,
#accessibility-link a#bdefaultFont:after
{
    font-size: 13px;
    line-height: 16px;
  }

  #accessibility-link a#mediumFont:after,
#accessibility-link a#bmediumFont:after

{
    font-size: 17px;
    line-height: 12px;
  }

  #accessibility-link a#largeFont:after,
#accessibility-link a#blargeFont:after
{
    font-size: 21px;
    line-height: 9px;
  }

  #accessibility-link a.white-style:after,
  #accessibility-link a.default-style:after,
  #accessibility-link a.yellow-style:after {
    content: 'c';
    font-size: 17px;
    display: block;
    text-align: center;
    text-indent: 0;
    line-height: 12px;
  }

  #accessibility-link a.white-style:after {
    color: #ffffff;
  }

  #accessibility-link a.default-style:after {
    color: #000000;
    /*line-height: 13px;*/
  }

  #accessibility-link a.yellow-style:after {
    color: #ffff00;
  }

  #lang-link a img {
    width: 16px;
    height: 12px;
  }


  /** Header Area **/

  .header_bg {
	background-repeat: no-repeat;
	/* background-size: 100% auto; */
	background-size: auto calc(100% - 60px);
	background-position: top center;
  }

  /*-- Logo --*/

  .logo-area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 1em 0;
  }

  .header.nav-down .logo {
    height: 110px;
  }

  .logo {
    height: 90px;
    display: table;
    font-size: 30px;
    line-height: 28px;
  }

  .logo a {
    display: table-cell;
    vertical-align: middle;
  }
  .logo a:hover {
    text-decoration: none;
  }

  .logo .logo-img {
    width: 80%;
  }

  .logo .logo-wrapper .logo-title {
    color: #9d52da;
    font-size: 1em;
    line-height: 1.1em;
    margin: 10px 0 10px 0;
    padding: 0;
    font-weight: bold;
  }

  .logo .logo-wrapper .logo-subtitle {
    color: #666666;
    font-size: .7em;
    font-weight: 300;
    line-height: .9em;
    margin: 10px 0 0 0;
    padding: 0;
    display: block;
  }

  .header .social-links {
    padding: 0;
    margin: 0;
  }

  .header .social-links span.fa ,.header .social-links span.fab {
    width: 28px;
    height: 28px;
    line-height: 28px;
  }

  .header .social-links li {
    margin: 0 5px 0 0;
  }



  /* Main navigation */

  .site-navigation.navdown {
    background: #9d52da;
    position: relative;
  }

  .site-navigation.navdown .navbar-collapse {
    padding-left: 0;
  }

  .site-navigation.navdown ul.navbar-nav > li > .nav-link {
      width: 100%;
    /*line-height: 60px;*/
    min-height: 95px;
padding-right: 0.6em;
padding-left: 0.6em;
    border: 0;
    vertical-align: baseline;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .site-navigation.navdown ul.navbar-nav > li > a:hover {
    color: #ffffff;
    background-color: #401067;
  }

  .site-navigation.navdown ul.navbar-nav > li > a > .fa {
    margin-left: 5px;
  }

  .site-navigation.navdown ul.navbar-nav > li > a > .fa.fa-home:before {
    font-size: 24px;
  }

  .site-navigation.navigation.navdown {
    background: #791ec3;
  }

  .navbar-fixed {
    z-index: 99999;
    position: fixed;
    opacity: .98;
    width: 100%;
    top: 0;
    -webkit-animation: fadeInDown 800ms;
    animation: fadeInDown 800ms;
    animation: fadeInDown 800ms;
  }

  .navbar-expand-lg .navbar-nav .dropdown-submenu .nav-link {
    padding-left: 0;
  }

  .navbar {
    border-radius: 0;
    border: 0;
    margin-bottom: 0;
    padding: 0;
      z-index: 100;
  }

  .navbar-brand {
    padding: 0;
  }

  .navbar-toggle {
    float: right;
    margin-top: 20px;
    padding: 10px;
    border-radius: 3px;
    margin-right: 15px;
    background: #9d52da;
  }

  .nav-item:hover > .dropdown-menu,
  .dropdown-submenu:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
  }

  .nav-item.dropdown:hover>.dropdown-menu {
    display: block;
  }

  .nav-item.dropdown-submenu:hover > a {
    color: #401067;
  }


  .navbar-toggle .icon-bar {
    background: #fff;
    width: 20px;
  }
  .navbar-toggle .i-bar {
    background: #fff;
  }

  ul.navbar-nav {
    float: left;
  }
  ul.navbar-nav > li {
    float: none;
    display: inline-block;
    position: relative;
  }
  ul.navbar-nav > li:last-child {
    padding-right: 0;
  }
  ul.navbar-nav > li:last-child:after {
    background: none;
  }
  ul.navbar-nav > li > .nav-link {
    color: #fff;
    text-rendering: optimizeLegibility;
    display: inline-block;
    padding: 5px 10px;
    /*line-height: 80px;*/
    font-size: 16px;
    margin: 0;
    text-transform: uppercase;
    position: relative;
    font-weight: 400;
    -webkit-transition: 350ms;
    transition: 350ms;
    transition: 350ms;
    padding: 1.5em 0;
  }
  ul.navbar-nav > li > .nav-link:hover:before, ul.navbar-nav > li.active > .nav-link:before {
    border-color: #d2a6f6;
    opacity: 1;
    -webkit-transform: scale(1) translateZ(0);
    transform: scale(1) translateZ(0);
  }
  ul.navbar-nav > li > .nav-link:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    border-bottom: 3px solid transparent;
    -webkit-transform: scale(0) translateZ(0);
    transform: scale(0) translateZ(0);
    -webkit-transition: opacity 0.55s ease, -webkit-transform 0.45s ease;
    transition: opacity 0.55s ease, -webkit-transform 0.45s ease;
    transition: transform 0.45s ease, opacity 0.55s ease;
    transition: transform 0.45s ease, opacity 0.55s ease, -webkit-transform 0.45s ease;
    transition: transform 0.45s ease, opacity 0.55s ease;
  }
  ul.navbar-nav > li > a:hover, ul.navbar-nav > li > a:focus {

  }

  ul.navbar-nav > li > a i {
    font-weight: 700;
  }
  @media screen and (min-width: 992px) {
    ul.navbar-nav > li > a i {
      padding-left: 5px;
    }
  }
  @media screen and (min-width: 992px) {
    ul.navbar-nav {
      /*padding-right: 40px;*/
    }
  }

  .nav .open > a {
    background: transparent;
    border-color: transparent;
  }
  .nav .open > a:hover, .nav .open > a:focus {
    background: transparent;
    border-color: transparent;
  }

  .site-nav-inner {
    width: 100%;
    min-height: 60px;
    -webkit-align-self: center!important;
    -ms-flex-item-align: center!important;
    -ms-grid-row-align: center!important;
    align-self: center!important;
  }

  /* Dropdown */
  .dropdown-submenu {
    position: relative;
  }
  .dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -2px;
    border-radius: 0;
  }
  .dropdown-submenu > a:after {
    display: block;
    content: "\f105";
    font-family: FontAwesome;
    float: right;
    margin-top: 0;
    margin-right: -5px;
  }
  .dropdown-submenu:hover > a:after {
    border-left-color: #fff;
  }
  .dropdown-submenu.pull-left {
    float: none;
  }
  .dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
  }

  .dropdown-menu {
    text-align: left;
    background: #9248ce;
    z-index: 100;
    min-width: 220px;
    border-radius: 0;
    padding: 0;
    border: 0;
  }
  .dropdown-menu.menu-center {
    left: -65px;
  }
  @media screen and (min-width: 992px) {
    .dropdown-menu {
      padding: 20px 10px;
      margin: 0;
    }
  }
/*
  @media screen and (min-width: 991px) {
    .dropdown-menu {
      display: block;
      opacity: 0;
      visibility: hidden;
      margin-top: 0px;
    }
  }
  */
  .dropdown-menu-large {
    min-width: 400px;
  }
  .dropdown-menu-large > li > ul {
    padding: 0;
    margin: 0;
    list-style: none;
  }
  .dropdown-menu-large > li > ul > li > a {
    padding-left: 0;
  }

  .navbar-nav > li > .dropdown-menu a {
  }

  .dropdown-menu li a {
    display: block;
    font-size: 15px;
    font-weight: 500;
    line-height: normal;
    text-decoration: none;
    padding: 13px 0;
    border-bottom: 1px solid #d2a6f6;
    color: #fff;
  }
  .dropdown-menu li:last-child > a {
    border-bottom: 0 !important;
  }
  .dropdown-menu li.active a {
    color: #401067;
  }

  .navbar-nav .active > .nav-link {
    color: #fff;
  }
  .navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: #fff;
  }
  .navbar-nav .show > .nav-link {
    color: #fff;
  }
  .navbar-nav .nav-link {
    color: #fff;
  }
  .navbar-nav .nav-link:focus, .navbar-nav .nav-link:hover {
    color: #fff;
    background-color: #401067;
    cursor: pointer;
  }

  .navbar-toggler-icon {
    background-image: none;
    color: #fff;
    width: 39px;
    height: 39px;
    border: 1px solid #fff;
    padding-top: 1px;
    background-color: #9d52da;
    font-size: 20px;
    line-height: 35px;
    margin: 12px 0;
    border-radius: 3px;
  }
  .navbar-toggler-icon:focus {
    outline: 0 solid;
  }

  .dropdown-menu li a {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    padding: 5px;
  }
  .dropdown-menu li .dropdown-item:hover, .dropdown-menu li .dropdown-item:focus {
    color: #ffffff;
    background-color: #401067;
  }

  @media (min-width: 768px) {
    ul.nav li.dropdown:hover ul.dropdown-menu {
      display: block;
    }
  }
  @media (min-width: 767px) {
    ul.nav li.dropdown ul.dropdown-menu li.dropdown-submenu .dropdown-menu {
      left: 100%;
      top: 0;
      display: none;
    }
    ul.nav li.dropdown ul.dropdown-menu li.dropdown-submenu:hover .dropdown-menu {
      display: block;
    }
  }
  /*-- Nav Search start --*/
  .site-navigation .container {
    position: relative;
  }

  .search-area {
    position: relative;
    min-height: 70px;
    padding-right: 0;
  }

  .nav-search {
    position: absolute;
    cursor: pointer;
    top: 32px;
    right: 0;
    color: #fff;
    width: 30px;
    text-align: center;
  }

  .search-block {
    background: #1f1f1f;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    display: none;
    padding: 15px 20px;
    position: absolute;
    right: 15px;
    top: 100%;
    width: 350px;
    z-index: 10;
    margin-top: 0;
  }
  .search-block .form-control {
    background: none;
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.03);
    color: #fff;
    width: 100%;
    height: 40px;
    padding: 0 12px;
    font-size: 15px;
    font-style: italic;
  }
  .search-block .search-close {
    color: #fff;
    position: absolute;
    top: -62px;
    right: -14px;
    font-size: 32px;
    cursor: pointer;
    padding: 5px;
    width: 30px;
    height: 30px;
    line-height: 14px;
    text-align: center;
  }

  .search-area .nav-search {
    top: 23px;
  }
  .search-area .search-block {
    right: 0;
  }
  .search-area .search-block .search-close {
    top: -50px;
  }


  /** Footer Area **/
  .footer-content {
    padding: 2em 0;
  }

  .footer-content ul , .footer-content ul li {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .footer-content ul {
    margin: 1em 0;
  }

  .footer-content p {
    line-height: 1.3em;
  }

  .footer-content.dark-bg {
    color: #ffffff;
    background: #444444;
  }

  .footer-content.dark-bg p {
    color: #ffffff;
  }

  .footer-content.dark-bg .widget-title {
    color: #ffffff;
  }

  .footer1 h2 {
    font-size: 22px;
    line-height: 1.2em;
  }

  .footer-content.dark-bg h4 {
    color: #d2a6f6;
  }

  .footer-content.dark-bg .social-icons li a {
    color: rgba(255,255,255,1);
  }

  .footer-content.dark-bg .social-icons li a:hover {
    color: rgba(157,82,218,1) !important;
  }

  .footer-logo img {
    width: 65%;
  }

  .footer h3 {
    font-size: 1.4em;
  }

  .footer h6 {
    font-size: 1em;
  }

  .address-info li {
  }

  .address-info span.fa {
    color: #444444;
    background-color: #cccccc;
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    margin-right: 5px;
  }

  .address-info p {
  }

  .dark-bg .address-info li a {
    color: rgba(255,255,255,1);
  }

  .address-info.text-black li, .address-info.text-black p, .address-info.text-black li a  { color: #626262; }
  .address-info.text-black i { color: #7a4cd3; font-size: 20px; width: 40px; }

  /** footer widget **/
  .footer .widget {
    margin-bottom: 20px;
  }

  /*footer-status*/
  .dark-bg .footer-widget-status img {
    color: #d2a6f6;
  }
  .dark-bg .footer-widget-status .number {
    color: #d2a6f6;
  }
  .footer-widget-status p {
    padding-right: 0;
    margin-bottom: 0;
  }
  .footer-widget-status .title , .footer-widget-map .title {
    font-size: 0.85em;
    line-height: 1.2em;
  }
  .footer-widget-status .number {
    font-size: 1.1em;
    color: #7a4cd3;
    padding-bottom: 5px;
    margin-top:0px;
    margin-bottom: 10px;
  }
  .footer-widget-status span.fa {
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
  }
  .dark .footer-widget-status .number {
    color: #ffffff;
  }

  /*footer-useful-link*/
  .footer-navigation-link ul {
    margin-top: 0;
  }
  .footer-navigation-link ul li {
    margin: 0.7em 0;
    padding: 0 10px;
    line-height: 1.2em;
    font-size: 0.9em;
  }

  /*footer-social-link*/
  .footer-social-link ul li {
    margin: 0 0.1em;
  }

  /*footer-cer-link*/
  .footer-cer-link ul {
    display: inline-block;
  }

  .footer-cer-link ul li {
    width: 23.2%;
    display: inline-block;
  }

  /*footer-Newsletter*/
  .footer-Newsletter { display: inline-block; width: 100%;}
  .footer-useful-link.footer-hedding ul { margin-top: -6px; }
  .footer-Newsletter .form-control { border-left: 0px; height: 50px; border-radius: 3px; font-size: 14px;  color: rgba(255,255,255,0.3); border:none; background: rgba(255, 255, 255, 0.08); padding: 10px 25px; width: 100%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
  .footer-Newsletter .form-control:focus { border:0; box-shadow: none; background: rgba(255, 255, 255, 0.10); }
  .footer-Newsletter .button.button-border{border-color: rgba(255,255,255,0.2); color: rgba(255,255,255,0.5); font-size: 12px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
  .footer-Newsletter .button.button-border:hover { color: #ffffff; }
  .footer-Newsletter .button.button-border:focus { border-color: transparent; }
  .footer-useful-link ul li { list-style: none; margin-bottom: 5px;}
  .footer-useful-link ul li:last-child { margin-bottom: 0; }
  .footer-useful-link ul li a { color: rgba(255,255,255,1); font-size: 14px; vertical-align: top; display: block; line-height: 26px; }
  .footer-useful-link ul li a:hover { color: #d2a6f6; }
  /*transparent*/
  .footer-Newsletter.transparent .form-control { background: rgba(0, 0, 0, 0.04); }
  .footer-Newsletter.transparent .form-control::-moz-placeholder { color: #323232; }
  .footer-Newsletter.transparent .form-control::-ms-input-placeholder { color: #323232; }
  .footer-Newsletter.transparent .form-control::-webkit-input-placeholder { color: #323232; }

  /*footer-widget*/
  .footer-widget { padding: 20px 0; border-top: 1px solid #262626;}
  .footer-widget p{font-size: 14px; color: rgba(255,255,255,0.5); letter-spacing: 0.5px;}
  .footer-widget a { color: #7a4cd3; }
  .footer-widget a:hover { color: #7a4cd3; }
  .footer-widget-social {margin-top: 5px; }
  .footer-widget-social li  { display: inline-block;}
  .footer-widget-social a i { display: inline-block; color: rgba(255,255,255,0.5); background: none; border-radius: 50%; width: 35px; height: 35px; text-align:center; line-height: 37px; font-size: 14px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
  .footer-widget-social a i:hover{background: #7a4cd3;}
  .footer .footer-nav ul li {    display: inline-block;}
  .footer .footer-nav ul li a { margin: 0 5px; color: #323232;}
  .footer .footer-nav ul li a:hover { color: #7a4cd3; }
  .footer .social ul li {display: inline-block;}
  .footer .social ul li a i { font-size: 14px; width: 45px; height: 45px; line-height: 45px; text-align: center; float: none; color: #323232; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s}
  .footer .social ul li a i:hover{color: #7a4cd3;}
  .footer .social ul{background: #f6f7f8; display: inline-block; border-radius: 3px; padding: 0px 10px;}
  .footer .usefull-link ul li {display: block; border-bottom: 0px; line-height: 24px; padding: 5px 0; }
  .footer .usefull-link ul li a{color: #323232;}
  .footer .usefull-link ul li a:hover { color: #7a4cd3; }
  /*.footer .copyright { padding: 30px 0 20px;}*/
   .footer .copyright {
    padding: 15px 0;
    }
  .footer .copyright h2 { font-size: 0.9em; line-height: 1.2em; margin: 0; padding: 0;  }
  .footer .copyright ul li a {color: #323232;}
  .footer .copyright ul li a:hover {color: #7a4cd3;}
  img#logo-footer{ height: 40px; width: auto; }
  .footer.light .footer-nav ul li a{color: #fff;}
  .footer.light .footer-nav ul li a:hover { color: #323232; }
  .footer.light h6{color: #fff;}
  .footer.light .about-content p{color: #fff;}
  .footer.light .usefull-link ul li a{color: #fff;}
  .footer.light .usefull-link ul li a:hover {color: #323232;}
  .footer.light .copyright ul li {color: #fff;}
  .footer.light .copyright ul li a {color: #ffffff; font-size: 14px;}
  .footer.light .copyright ul li a:hover {color: #323232; }
  .footer.light.footer-topbar .copyright ul li { color: #ffffff }
  .footer.light .copyright p {color: #fff;}
  .footer.light .social ul li a i {color: #7a4cd3;}
  .footer.light .social ul li a:hover i {color: #323232;}
  .footer .footer-text p{color:rgba(255, 255, 255, 0.5) !important; padding-top: 10px;}
  .footer .footer-social h2 { font-weight: 500; }
  .footer .footer-social h2 ,.footer .footer-social ul { display: inline-block;  }
  .footer .footer-social ul li a{color:rgba(255, 255, 255, 0.5) !important; padding-top: 0;display: inline-block;}
  .footer .footer-social ul li a:hover { color: #7a4cd3 !important; }
  .footer.footer-topbar .copyright ul li{color:rgba(255, 255, 255, 1) !important;}
  .footer.footer-one-page .contact-add i { font-size: 20px }
  .footer.footer-one-page h5 { color: rgba(255,255,255,0.5); }
  .footer.footer-one-page p { color: rgba(255,255,255,0.5); }
  .footer-one-page.white-bg .footer-Newsletter .form-control:focus { background: rgba(0,0,0,0.06); }

  /* footer transparent*/
  .footer.transparent h6, .footer.transparent p, .footer.transparent ul li a, .footer.transparent span { color: #ffffff; }

  /*widget-gallery*/
  .footer .footer-gallery ul li { float: left; width: 58px; margin: 2px; list-style: none; }
  .footer .footer-tags li { display: inline-block; }
  .footer .footer-tags li a { background: transparent; color: #fff; border:1px solid rgba(255, 255, 255, 0.2); border-radius: 3px; padding: 8px 16px; font-size: 13px; margin-right: 2px; margin-bottom: 5px; display: block; }
  .footer .footer-tags li a:hover { background: #7a4cd3; }

  /*footer-social-big*/
  .footer-social-big ul li { display: inline-block; padding: 10px; width: 70px; text-align: center;  background: rgba(255, 255, 255, 0.1); }
  .footer-social-big ul li.facebook { background: #5d82d1; }
  .footer-social-big ul li.pinterest { background: #e13138; }
  .footer-social-big ul li.linkedin { background: #238cc8; }
  .footer-social-big ul li i { color: #ffffff; display: block; width: 30px; height: 30px; line-height: 30px; background: rgba(0, 0, 0, 0.2); border-radius: 50%; margin: 0 auto;  }
  .footer-social-big ul li span { display: block; text-align: center; color: #ffffff; margin-top: 10px; font-size: 11px; }

  /*footer-box*/
  .footer-box { background: rgba(102, 102, 102, 0.2); padding: 30px; clear: both; margin-bottom: 40px; margin-top: 60px; }
  .footer-box .box-content { display: table-cell; vertical-align: top; }
  .footer-box .box-link { display: table-cell; padding-left: 20px; vertical-align: middle; }
  .footer-box .box-link a { display: block; padding: 8px 16px; width: 140px;  }

  /*google-map*/
  .google-map .row [class*='col-'] { min-height: 0; }
  .map-icon { position: relative; z-index: 999; cursor: pointer; }
  .google-map .map-icon:before { cursor: pointer; content: "\f041"; font-family: "FontAwesome"; font-size: 30px; font-weight: normal; right: 0; position: absolute; text-indent: 0; top: -32px; width: 60px; height: 60px; line-height: 60px; border-radius: 50%; background: #ffffff; color: #7a4cd3; text-align: center; }
  .google-map.google-map-open .map-icon::before { content: "\f00d"; }
  .google-map .map-open { height: 0; overflow: hidden;  transition: all 900ms ease; }
  .google-map .map-open iframe { height: 300px; }
  .google-map-open .map-open  {  height: 300px;  }
  .pos-r{position: relative;}
  .img-side img{max-width: 100%}
  .img-side.img-left {left: 0;}
  .img-side {padding: 0; position: absolute!important; top: 0px; height: 100%; overflow: hidden; z-index: 100;}
  .font-bold {font-weight: 600}
  .no-gutter{  margin-right:0; margin-left:0;}
  .no-gutter > [class*='col-'] { padding-right:0; padding-left:0;}

  /*youtube-video*/
  .popup-video { position: relative; }
  .popup-video .play-video { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); }
  .popup-video .play-video { width: 50px; height: 50px; }
  .popup-video .play-video a { width: 50px; height: 50px; }
  .popup-video .play-video a i { line-height: 50px; }
  .popup-video .play-video:hover {  transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); background-color: #ffffff; }
  .popup-video .play-video:hover a { color: #7a4cd3; }
  .play-video { cursor: pointer; position: relative; width: 100px; height: 100px; margin: auto; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
  .play-video { background-color: #7a4cd3; }
  .play-video a { color: #fff; width: 100px; height: 100px; position: absolute; top: 0; left: 50%; padding-left: 5px; transform: translateX(-50%); }
  .play-video a i { line-height: 100px; }
  .play-video:hover a { color: #7a4cd3; }
  .play-video:after { content: ''; top: 0; left: 0; padding: 0; z-index: -1; opacity: 0; pointer-events: none; position: absolute; width: 100%; height: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4); -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4); box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4); }

  .play-video:hover{background: #ffffff; color: #7a4cd3; border-color:transparent !important;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-box-shadow:2px 6px 18px transparent !important;-moz-box-shadow:2px 6px 18px transparent !important;box-shadow:2px 6px 18px transparent !important}
  .play-video:hover:after{-webkit-animation:sonarEffect 1.3s ease-out 75ms; -moz-animation:sonarEffect 1.3s ease-out 75ms; animation:sonarEffect 1.3s ease-out 75ms;}
  @-webkit-keyframes sonarEffect{0%{opacity:0.3}40%{opacity:0.5;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}100%{-webkit-transform:scale(1.5);opacity:0;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}}
  @-moz-keyframes sonarEffect{0%{opacity:0.3}40%{opacity:0.5;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}100%{-moz-transform:scale(1.5);opacity:0;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}}
  @keyframes sonarEffect{0%{opacity:0.3}40%{opacity:0.5;box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5)}100%{box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5);transform:scale(1.5);opacity:0; }}
  .my-contact .contact-icon{float: left; margin-right: 25px;}
  .my-contact .contact-icon span{color: #fff ! important;}

  /*copyright*/
  .copyright {
    background-color: #333333;
  }
  .copyright , .copyright p {
    color: #ffffff;
  }
  .copyright li a {
    color: #ffffff;
  }


/*************************************
   Slider (all home page main sliders )
   **************************************/
   .rev-slider { overflow: hidden; position: relative; }
   .slotholder { filter: none !important; }
   .tp-half-one { opacity: 1 !important; visibility: visible !important; transform: inherit !important; }

   /*slider 01*/
   #rev_slider_267_1_wrapper .tp-loader.spinner2{ background-color: #FFFFFF !important; }
   #rev_slider_267_1 .zeus.tparrows{cursor:pointer; min-width:70px; min-height:70px; position:absolute; display:block; z-index:100; border-radius:50%;   overflow:hidden; background:rgba(0,0,0,0.1)}#rev_slider_267_1 .zeus.tparrows:before{font-family:"revicons"; font-size:20px; color:rgb(255,255,255); display:block; line-height:70px; text-align:center;   z-index:2; position:relative}#rev_slider_267_1 .zeus.tparrows.tp-leftarrow:before{content:"\e824"}#rev_slider_267_1 .zeus.tparrows.tp-rightarrow:before{content:"\e825"}#rev_slider_267_1 .zeus .tp-title-wrap{background:rgba(0,0,0,0.5); width:100%; height:100%; top:0px; left:0px; position:absolute; opacity:0; transform:scale(0); -webkit-transform:scale(0);  transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;  border-radius:50%}#rev_slider_267_1 .zeus .tp-arr-imgholder{width:100%; height:100%; position:absolute; top:0px; left:0px; background-position:center center; background-size:cover; border-radius:50%; transform:translatex(-100%); -webkit-transform:translatex(-100%);  transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s}#rev_slider_267_1 .zeus.tp-rightarrow .tp-arr-imgholder{transform:translatex(100%); -webkit-transform:translatex(100%)}#rev_slider_267_1 .zeus.tparrows:hover .tp-arr-imgholder{transform:translatex(0); -webkit-transform:translatex(0); opacity:1}#rev_slider_267_1 .zeus.tparrows:hover .tp-title-wrap{transform:scale(1); -webkit-transform:scale(1); opacity:1}

   /*slider 02*/
   #rev_slider_268_1_wrapper .tp-loader.spinner2{ background-color: #FFFFFF !important; }
   #rev_slider_268_1 .dione.tparrows{color:#000; height:100%; width:90px; background:transparent; background:rgba(0,0,0,0); line-height:100%; transition:all 0.3s;-webkit-transition:all 0.3s}#rev_slider_268_1 .dione.tparrows:hover{background:rgba(0,0,0,0.45)}#rev_slider_268_1 .dione .tp-arr-imgwrapper{width:90px; left:0px; position:absolute; height:100%; top:0px; overflow:hidden}#rev_slider_268_1 .dione.tp-rightarrow .tp-arr-imgwrapper{left:auto;right:0px}#rev_slider_268_1 .dione .tp-arr-imgholder{background-position:center center;background-size:cover;width:90px;height:100%;top:0px;visibility:hidden;transform:translatex(-50px);-webkit-transform:translatex(-50px);transition:all 0.3s;-webkit-transition:all 0.3s;opacity:0;left:0px}#rev_slider_268_1 .dione.tparrows.tp-rightarrow .tp-arr-imgholder{right:0px; left:auto; transform:translatex(50px); -webkit-transform:translatex(50px)}#rev_slider_268_1 .dione.tparrows:before{color:rgb(255,255,255);position:absolute;line-height:30px;margin-left:-22px;top:50%;left:50%;font-size:30px;margin-top:-15px;transition:all 0.3s;-webkit-transition:all 0.3s}#rev_slider_268_1 .dione.tparrows.tp-rightarrow:before{margin-left:6px}#rev_slider_268_1 .dione.tparrows:hover:before{transform:translatex(-20px);-webkit-transform:translatex(-20px);opacity:0}#rev_slider_268_1 .dione.tparrows.tp-rightarrow:hover:before{transform:translatex(20px);-webkit-transform:translatex(20px)}#rev_slider_268_1 .dione.tparrows:hover .tp-arr-imgholder{transform:translatex(0px);-webkit-transform:translatex(0px);opacity:1;visibility:visible}

   /*slider 03*/
   #rev_slider_269_1_wrapper .tp-loader.spinner2{ background-color: #FFFFFF !important; }

   /*slider 04*/
   #rev_slider_270_1_wrapper .tp-loader.spinner2{ background-color: #FFFFFF !important; }
   .hermes.tparrows{cursor:pointer;background:rgba(0,0,0,0.5);width:30px;height:110px;position:absolute;display:block;z-index:100}.hermes.tparrows:before{font-family:"revicons";font-size:15px;color:rgb(255,255,255);display:block;line-height:110px;text-align:center;  transform:translatex(0px);  -webkit-transform:translatex(0px);  transition:all 0.3s;  -webkit-transition:all 0.3s}.hermes.tparrows.tp-leftarrow:before{content:"\e824"}.hermes.tparrows.tp-rightarrow:before{content:"\e825"}.hermes.tparrows.tp-leftarrow:hover:before{transform:translatex(-20px);  -webkit-transform:translatex(-20px);   opacity:0}.hermes.tparrows.tp-rightarrow:hover:before{transform:translatex(20px);  -webkit-transform:translatex(20px);   opacity:0}.hermes .tp-arr-allwrapper{overflow:hidden;  position:absolute;width:180px;  height:140px;  top:0px;  left:0px;  visibility:hidden;   -webkit-transition:-webkit-transform 0.3s 0.3s; transition:transform 0.3s 0.3s; -webkit-perspective:1000px; perspective:1000px}.hermes.tp-rightarrow .tp-arr-allwrapper{right:0px;left:auto}.hermes.tparrows:hover .tp-arr-allwrapper{visibility:visible}.hermes .tp-arr-imgholder{width:180px;position:absolute; left:0px;top:0px;height:110px; transform:translatex(-180px); -webkit-transform:translatex(-180px); transition:all 0.3s; transition-delay:0.3s}.hermes.tp-rightarrow .tp-arr-imgholder{transform:translatex(180px); -webkit-transform:translatex(180px)}.hermes.tparrows:hover .tp-arr-imgholder{transform:translatex(0px);  -webkit-transform:translatex(0px)}.hermes .tp-arr-titleholder{top:110px; width:180px; text-align:left;  display:block; padding:0px 10px; line-height:30px; background:#000; background:rgba(0,0,0,0.75); color:rgb(255,255,255); font-weight:600; position:absolute; font-size:12px; white-space:nowrap; letter-spacing:1px; -webkit-transition:all 0.3s; transition:all 0.3s; -webkit-transform:rotatex(-90deg); transform:rotatex(-90deg); -webkit-transform-origin:50% 0; transform-origin:50% 0; box-sizing:border-box}.hermes.tparrows:hover .tp-arr-titleholder{-webkit-transition-delay:0.6s; transition-delay:0.6s; -webkit-transform:rotatex(0deg); transform:rotatex(0deg)}

   /*slider 05*/
   #rev_slider_271_1_wrapper .tp-loader.spinner2{ background-color: #FFFFFF !important; }
   .erinyen.tparrows{cursor:pointer; background:rgba(0,0,0,0.5); min-width:70px; min-height:70px; position:absolute; display:block; z-index:100; border-radius:50%}.erinyen.tparrows:before{font-family:"revicons"; font-size:20px; color:rgb(255,255,255); display:block; line-height:70px; text-align:center;   z-index:2; position:relative}.erinyen.tparrows.tp-leftarrow:before{content:"\e824"}.erinyen.tparrows.tp-rightarrow:before{content:"\e825"}.erinyen .tp-title-wrap{position:absolute; z-index:1; display:inline-block; background:rgba(0,0,0,0.5); min-height:70px; line-height:70px; top:0px; margin-left:0px; border-radius:35px; overflow:hidden;  transition:opacity 0.3s; -webkit-transition:opacity 0.3s; -moz-transition:opacity 0.3s; -webkit-transform:scale(0); -moz-transform:scale(0); transform:scale(0);  visibility:hidden; opacity:0}.erinyen.tparrows:hover .tp-title-wrap{-webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); opacity:1; visibility:visible}.erinyen.tp-rightarrow .tp-title-wrap{right:0px;  margin-right:0px;margin-left:0px;  -webkit-transform-origin:100% 50%; border-radius:35px; padding-right:20px; padding-left:10px}.erinyen.tp-leftarrow .tp-title-wrap{padding-left:20px; padding-right:10px}.erinyen .tp-arr-titleholder{letter-spacing:3px;  position:relative; -webkit-transition:-webkit-transform 0.3s; transition:transform 0.3s; transform:translatex(200px);  text-transform:uppercase; color:rgb(255,255,255); font-weight:600; font-size:13px; line-height:70px; white-space:nowrap; padding:0px 20px; margin-left:11px; opacity:0}.erinyen .tp-arr-imgholder{width:100%; height:100%; position:absolute; top:0px; left:0px; background-position:center center; background-size:cover}.erinyen .tp-arr-img-over{width:100%; height:100%; position:absolute; top:0px; left:0px;  background:rgba(0,0,0,0.51)}.erinyen.tp-rightarrow .tp-arr-titleholder{transform:translatex(-200px);  margin-left:0px; margin-right:11px}.erinyen.tparrows:hover .tp-arr-titleholder{transform:translatex(0px);  -webkit-transform:translatex(0px); transition-delay:0.1s; opacity:1}

   /*slider 06*/
   #rev_slider_272_1_wrapper .tp-loader.spinner2{ background-color: #FFFFFF !important; }
   .custom.tparrows{cursor:pointer;background:#000;background:rgba(0,0,0,0.5);width:40px;height:40px;position:absolute;display:block;z-index:100}.custom.tparrows:hover{background:#000}.custom.tparrows:before{font-family:"revicons";font-size:15px;color:#fff;display:block;line-height:40px;text-align:center}.custom.tparrows.tp-leftarrow:before{content:"\e824"}.custom.tparrows.tp-rightarrow:before{content:"\e825"}

   /*slider 07*/
   #rev_slider_273_1_wrapper .tp-loader.spinner2{ background-color: #FFFFFF !important; }
   .erinyen.tparrows{cursor:pointer; background:rgba(0,0,0,0.5); min-width:70px; min-height:70px; position:absolute; display:block; z-index:100; border-radius:50%}.erinyen.tparrows:before{font-family:"revicons"; font-size:20px; color:rgb(255,255,255); display:block; line-height:70px; text-align:center;   z-index:2; position:relative}.erinyen.tparrows.tp-leftarrow:before{content:"\e824"}.erinyen.tparrows.tp-rightarrow:before{content:"\e825"}.erinyen .tp-title-wrap{position:absolute; z-index:1; display:inline-block; background:rgba(0,0,0,0.5); min-height:70px; line-height:70px; top:0px; margin-left:0px; border-radius:35px; overflow:hidden;  transition:opacity 0.3s; -webkit-transition:opacity 0.3s; -moz-transition:opacity 0.3s; -webkit-transform:scale(0); -moz-transform:scale(0); transform:scale(0);  visibility:hidden; opacity:0}.erinyen.tparrows:hover .tp-title-wrap{-webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); opacity:1; visibility:visible}.erinyen.tp-rightarrow .tp-title-wrap{right:0px;  margin-right:0px;margin-left:0px;  -webkit-transform-origin:100% 50%; border-radius:35px; padding-right:20px; padding-left:10px}.erinyen.tp-leftarrow .tp-title-wrap{padding-left:20px; padding-right:10px}.erinyen .tp-arr-titleholder{letter-spacing:3px;  position:relative; -webkit-transition:-webkit-transform 0.3s; transition:transform 0.3s; transform:translatex(200px);  text-transform:uppercase; color:rgb(255,255,255); font-weight:600; font-size:13px; line-height:70px; white-space:nowrap; padding:0px 20px; margin-left:11px; opacity:0}.erinyen .tp-arr-imgholder{width:100%; height:100%; position:absolute; top:0px; left:0px; background-position:center center; background-size:cover}.erinyen .tp-arr-img-over{width:100%; height:100%; position:absolute; top:0px; left:0px;  background:rgba(0,0,0,0.51)}.erinyen.tp-rightarrow .tp-arr-titleholder{transform:translatex(-200px);  margin-left:0px; margin-right:11px}.erinyen.tparrows:hover .tp-arr-titleholder{transform:translatex(0px);  -webkit-transform:translatex(0px); transition-delay:0.1s; opacity:1}

   /*slider 10*/
   #rev_slider_275_1_wrapper .tp-loader.spinner2{ background-color: #FFFFFF !important; }
   #rev_slider_275_1 .zeus .tp-bullet{box-sizing:content-box; -webkit-box-sizing:content-box; border-radius:50%;   background-color:rgba(0,0,0,0);   -webkit-transition:opacity 0.3s ease;   transition:opacity 0.3s ease;  width:13px;height:13px;  border:2px solid rgb(255,255,255)}#rev_slider_275_1 .zeus .tp-bullet:after{content:""; position:absolute; width:100%; height:100%; left:0; border-radius:50%; background-color:rgb(255,255,255); -webkit-transform:scale(0); transform:scale(0); -webkit-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-transition:-webkit-transform 0.3s ease; transition:transform 0.3s ease}#rev_slider_275_1 .zeus .tp-bullet:hover:after,#rev_slider_275_1 .zeus .tp-bullet.selected:after{-webkit-transform:scale(1.2); transform:scale(1.2)}#rev_slider_275_1 .zeus .tp-bullet-image,#rev_slider_275_1 .zeus .tp-bullet-imageoverlay{width:135px; height:60px; position:absolute; background:#000; background:rgba(0,0,0,0.5); bottom:13px; margin-bottom:10px; transform:translateX(-50%); -webkit-transform:translateX(-50%); box-sizing:border-box; background-size:cover; background-position:center center; visibility:hidden; opacity:0;  -webkit-backface-visibility:hidden;  backface-visibility:hidden; -webkit-transform-origin:50% 50%;  transform-origin:50% 50%;   -webkit-transition:all 0.3s ease;   transition:all 0.3s ease; border-radius:4px}#rev_slider_275_1 .zeus .tp-bullet-title,#rev_slider_275_1 .zeus .tp-bullet-imageoverlay{z-index:2; -webkit-transition:all 0.5s ease;   transition:all 0.5s ease; transform:translateX(-50%); -webkit-transform:translateX(-50%)}#rev_slider_275_1 .zeus .tp-bullet-title{color:rgb(255,255,255); text-align:center; line-height:15px; font-size:13px; font-weight:600;  z-index:3;  visibility:hidden; opacity:0;  -webkit-backface-visibility:hidden;  backface-visibility:hidden; -webkit-transform-origin:50% 50%;  transform-origin:50% 50%;   -webkit-transition:all 0.3s ease;   transition:all 0.3s ease; position:absolute; bottom:45px; width:135px;   vertical-align:middle}#rev_slider_275_1 .zeus .tp-bullet:hover .tp-bullet-title,#rev_slider_275_1 .zeus .tp-bullet:hover .tp-bullet-image,#rev_slider_275_1 .zeus .tp-bullet:hover .tp-bullet-imageoverlay{opacity:1;   visibility:visible;  -webkit-transform:translateY(0px) translateX(-50%);   transform:translateY(0px) translateX(-50%)}#rev_slider_275_1 .zeus.nav-dir-vertical .tp-bullet-image,#rev_slider_275_1 .zeus.nav-dir-vertical .tp-bullet-imageoverlay{bottom:auto; margin-right:10px; margin-bottom:0px; right:13px; transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_275_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-image{transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_275_1 .zeus.nav-dir-vertical .tp-bullet-title,#rev_slider_275_1 .zeus.nav-dir-vertical .tp-bullet-imageoverlay{z-index:2; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_275_1 .zeus.nav-dir-vertical .tp-bullet-title{bottom:auto;   right:100%;   margin-right:10px}#rev_slider_275_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-title,#rev_slider_275_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-image,#rev_slider_275_1 .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-imageoverlay{transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_275_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-image,#rev_slider_275_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-imageoverlay{bottom:auto; margin-left:10px; margin-bottom:0px; left:13px; transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_275_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet:hover .tp-bullet-image{transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_275_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-title,#rev_slider_275_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-imageoverlay{z-index:2; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; transform:translateX(0px) translateY(-50%); -webkit-transform:translateX(0px) translateY(-50%)}#rev_slider_275_1 .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-title{bottom:auto;   left:100%;   margin-left:10px}#rev_slider_275_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-image,#rev_slider_275_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-imageoverlay{bottom:auto; top:13px; margin-top:10px; margin-bottom:0px; left:0px; transform:translateY(0px) translateX(-50%); -webkit-transform:translateX(0px) translateX(-50%)}#rev_slider_275_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet:hover .tp-bullet-image{transform:scale(1) translateY(0px) translateX(-50%); -webkit-transform:scale(1) translateY(0px) translateX(-50%)}#rev_slider_275_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-title,#rev_slider_275_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-imageoverlay{z-index:2; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; transform:translateY(0px) translateX(-50%); -webkit-transform:translateY(0px) translateX(-50%)}#rev_slider_275_1 .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-title{bottom:auto;   top:13px;   margin-top:20px}
   /*index-cafe*/
   #rev_slider_9_1 .uranus.tparrows{width:50px; height:50px; background:rgba(255,255,255,0)}#rev_slider_9_1 .uranus.tparrows:before{width:50px; height:50px; line-height:50px; font-size:40px; transition:all 0.3s;-webkit-transition:all 0.3s}#rev_slider_9_1 .uranus.tparrows:hover:before{opacity:0.75}

   /*index-construction*/
   #rev_slider_19_1_wrapper .tp-loader.spinner2{ background-color: #FFFFFF !important; }
   #rev_slider_19_1 .metis.tparrows{background:rgba(255,255,255,1); padding:10px; transition:all 0.3s; -webkit-transition:all 0.3s; width:60px; height:60px; box-sizing:border-box}#rev_slider_19_1 .metis.tparrows:hover{background:rgba(255,255,255,0.75)}#rev_slider_19_1 .metis.tparrows:before{color:rgb(0,0,0);   transition:all 0.3s; -webkit-transition:all 0.3s}#rev_slider_19_1 .metis.tparrows:hover:before{transform:scale(1.5)}

   /*index-consulting*/
   #rev_slider_264_1_wrapper .tp-loader.spinner2{ background-color: #FFFFFF !important; }
   .hermes.tparrows{cursor:pointer;background:rgba(0,0,0,0.5);width:30px;height:110px;position:absolute;display:block;z-index:100}.hermes.tparrows:before{font-family:"revicons";font-size:15px;color:rgb(255,255,255);display:block;line-height:110px;text-align:center;  transform:translatex(0px);  -webkit-transform:translatex(0px);  transition:all 0.3s;  -webkit-transition:all 0.3s}.hermes.tparrows.tp-leftarrow:before{content:"\e824"}.hermes.tparrows.tp-rightarrow:before{content:"\e825"}.hermes.tparrows.tp-leftarrow:hover:before{transform:translatex(-20px);  -webkit-transform:translatex(-20px);   opacity:0}.hermes.tparrows.tp-rightarrow:hover:before{transform:translatex(20px);  -webkit-transform:translatex(20px);   opacity:0}.hermes .tp-arr-allwrapper{overflow:hidden;  position:absolute;width:180px;  height:140px;  top:0px;  left:0px;  visibility:hidden;   -webkit-transition:-webkit-transform 0.3s 0.3s; transition:transform 0.3s 0.3s; -webkit-perspective:1000px; perspective:1000px}.hermes.tp-rightarrow .tp-arr-allwrapper{right:0px;left:auto}.hermes.tparrows:hover .tp-arr-allwrapper{visibility:visible}.hermes .tp-arr-imgholder{width:180px;position:absolute; left:0px;top:0px;height:110px; transform:translatex(-180px); -webkit-transform:translatex(-180px); transition:all 0.3s; transition-delay:0.3s}.hermes.tp-rightarrow .tp-arr-imgholder{transform:translatex(180px); -webkit-transform:translatex(180px)}.hermes.tparrows:hover .tp-arr-imgholder{transform:translatex(0px);  -webkit-transform:translatex(0px)}.hermes .tp-arr-titleholder{top:110px; width:180px; text-align:left;  display:block; padding:0px 10px; line-height:30px; background:#000; background:rgba(0,0,0,0.75); color:rgb(255,255,255); font-weight:600; position:absolute; font-size:12px; white-space:nowrap; letter-spacing:1px; -webkit-transition:all 0.3s; transition:all 0.3s; -webkit-transform:rotatex(-90deg); transform:rotatex(-90deg); -webkit-transform-origin:50% 0; transform-origin:50% 0; box-sizing:border-box}.hermes.tparrows:hover .tp-arr-titleholder{-webkit-transition-delay:0.6s; transition-delay:0.6s; -webkit-transform:rotatex(0deg); transform:rotatex(0deg)}

   /*index-interior-design*/
   #rev_slider_261_1_wrapper .tp-loader.spinner2{ background-color: #FFFFFF !important; }
   .hebe.tparrows{cursor:pointer; background:rgba(255,255,255,1); min-width:70px; min-height:70px; position:absolute; display:block; z-index:100}.hebe.tparrows:hover{}.hebe.tparrows:before{font-family:"revicons"; font-size:30px; color:rgba(0,0,0,0.5); display:block; line-height:70px; text-align:center; -webkit-transition:color 0.3s; -moz-transition:color 0.3s; transition:color 0.3s; z-index:2; position:relative;  background:rgba(255,255,255,1); min-width:70px;  min-height:70px}.hebe.tparrows.tp-leftarrow:before{content:"\e824"}.hebe.tparrows.tp-rightarrow:before{content:"\e825"}.hebe.tparrows:hover:before{color:#000}.tp-title-wrap{position:absolute; z-index:0; display:inline-block; background:#000; background:rgba(0,0,0,0.75); min-height:60px; line-height:60px; top:-10px; margin-left:0px; -webkit-transition:-webkit-transform 0.3s; transition:transform 0.3s; transform:scalex(0);  -webkit-transform:scalex(0);  transform-origin:0% 50%;  -webkit-transform-origin:0% 50%}.hebe.tp-rightarrow .tp-title-wrap{right:0px;  -webkit-transform-origin:100% 50%}.hebe.tparrows:hover .tp-title-wrap{transform:scalex(1); -webkit-transform:scalex(1)}.hebe .tp-arr-titleholder{position:relative; text-transform:uppercase; color:rgb(255,255,255); font-weight:600; font-size:12px; line-height:90px; white-space:nowrap; padding:0px 20px 0px 90px}.hebe.tp-rightarrow .tp-arr-titleholder{margin-left:0px;  padding:0px 90px 0px 20px}.hebe.tparrows:hover .tp-arr-titleholder{transform:translatex(0px);  -webkit-transform:translatex(0px); transition-delay:0.1s; opacity:1}.hebe .tp-arr-imgholder{width:90px;   height:90px;   position:absolute;   left:100%;   display:block;   background-size:cover;   background-position:center center;  top:0px; right:-90px}.hebe.tp-rightarrow .tp-arr-imgholder{right:auto;left:-90px}

   /*index-medical*/
   #rev_slider_289_1 .metis.tparrows{background:rgba(255,255,255,1); padding:10px; transition:all 0.3s; -webkit-transition:all 0.3s; width:60px; height:60px; box-sizing:border-box}#rev_slider_289_1 .metis.tparrows:hover{background:rgba(255,255,255,0.75)}#rev_slider_289_1 .metis.tparrows:before{color:rgb(0,0,0);   transition:all 0.3s; -webkit-transition:all 0.3s}#rev_slider_289_1 .metis.tparrows:hover:before{transform:scale(1.5)}

   /*index shop 02*/
   .hermes.tparrows{cursor:pointer;background:rgba(0,0,0,0.5);width:30px;height:110px;position:absolute;display:block;z-index:100}.hermes.tparrows:before{font-family:"revicons";font-size:15px;color:rgb(255,255,255);display:block;line-height:110px;text-align:center;  transform:translatex(0px);  -webkit-transform:translatex(0px);  transition:all 0.3s;  -webkit-transition:all 0.3s}.hermes.tparrows.tp-leftarrow:before{content:"\e824"}.hermes.tparrows.tp-rightarrow:before{content:"\e825"}.hermes.tparrows.tp-leftarrow:hover:before{transform:translatex(-20px);  -webkit-transform:translatex(-20px);   opacity:0}.hermes.tparrows.tp-rightarrow:hover:before{transform:translatex(20px);  -webkit-transform:translatex(20px);   opacity:0}.hermes .tp-arr-allwrapper{overflow:hidden;  position:absolute;width:180px;  height:140px;  top:0px;  left:0px;  visibility:hidden;   -webkit-transition:-webkit-transform 0.3s 0.3s; transition:transform 0.3s 0.3s; -webkit-perspective:1000px; perspective:1000px}.hermes.tp-rightarrow .tp-arr-allwrapper{right:0px;left:auto}.hermes.tparrows:hover .tp-arr-allwrapper{visibility:visible}.hermes .tp-arr-imgholder{width:180px;position:absolute; left:0px;top:0px;height:110px; transform:translatex(-180px); -webkit-transform:translatex(-180px); transition:all 0.3s; transition-delay:0.3s}.hermes.tp-rightarrow .tp-arr-imgholder{transform:translatex(180px); -webkit-transform:translatex(180px)}.hermes.tparrows:hover .tp-arr-imgholder{transform:translatex(0px);  -webkit-transform:translatex(0px)}.hermes .tp-arr-titleholder{top:110px; width:180px; text-align:left;  display:block; padding:0px 10px; line-height:30px; background:#000; background:rgba(0,0,0,0.75); color:rgb(255,255,255); font-weight:600; position:absolute; font-size:12px; white-space:nowrap; letter-spacing:1px; -webkit-transition:all 0.3s; transition:all 0.3s; -webkit-transform:rotatex(-90deg); transform:rotatex(-90deg); -webkit-transform-origin:50% 0; transform-origin:50% 0; box-sizing:border-box}.hermes.tparrows:hover .tp-arr-titleholder{-webkit-transition-delay:0.6s; transition-delay:0.6s; -webkit-transform:rotatex(0deg); transform:rotatex(0deg)}

   /*index gym*/
   #rev_slider_260_1 .zeus.tparrows{cursor:pointer; min-width:70px; min-height:70px; position:absolute; display:block; z-index:100; border-radius:50%;   overflow:hidden; background:rgba(0,0,0,0.1)}#rev_slider_260_1 .zeus.tparrows:before{font-family:"revicons"; font-size:20px; color:rgb(255,255,255); display:block; line-height:70px; text-align:center;   z-index:2; position:relative}#rev_slider_260_1 .zeus.tparrows.tp-leftarrow:before{content:"\e824"}#rev_slider_260_1 .zeus.tparrows.tp-rightarrow:before{content:"\e825"}#rev_slider_260_1 .zeus .tp-title-wrap{background:rgba(0,0,0,0.5); width:100%; height:100%; top:0px; left:0px; position:absolute; opacity:0; transform:scale(0); -webkit-transform:scale(0);  transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;  border-radius:50%}#rev_slider_260_1 .zeus .tp-arr-imgholder{width:100%; height:100%; position:absolute; top:0px; left:0px; background-position:center center; background-size:cover; border-radius:50%; transform:translatex(-100%); -webkit-transform:translatex(-100%);  transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s}#rev_slider_260_1 .zeus.tp-rightarrow .tp-arr-imgholder{transform:translatex(100%); -webkit-transform:translatex(100%)}#rev_slider_260_1 .zeus.tparrows:hover .tp-arr-imgholder{transform:translatex(0); -webkit-transform:translatex(0); opacity:1}#rev_slider_260_1 .zeus.tparrows:hover .tp-title-wrap{transform:scale(1); -webkit-transform:scale(1); opacity:1}

   /*mobile app*/
   .hesperiden.tparrows{cursor:pointer;background:rgba(0,0,0,0.5);width:40px;height:40px;position:absolute;display:block;z-index:100;  border-radius:50%}.hesperiden.tparrows:hover{background:rgba(0,0,0,1)}.hesperiden.tparrows:before{font-family:"revicons";font-size:20px;color:rgb(255,255,255);display:block;line-height:40px;text-align:center}.hesperiden.tparrows.tp-leftarrow:before{content:"\e82c";  margin-left:-3px}.hesperiden.tparrows.tp-rightarrow:before{content:"\e82d";  margin-right:-3px}

   /*construction*/
   #rev_slider_263_1_wrapper .tp-loader.spinner2{ background-color: #FFFFFF !important; }

   /*spa*/
   #rev_slider_292_1_wrapper .tp-loader.spinner4{ background-color: #e9457a !important; }

/*************************************
      slider-parallax one page
      **************************************/
      .slider-parallax { height: 86vh; position: relative; }
      .slider-content-middle { position: absolute; display: inline-block; width: 100%; top: 50%; left: 0; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);-o-transform: translate(0,-50%); transform: translate(0,-50%); }
        /*scroll-down*/
        .scroll-down { text-align: center; width: 34px; height: 58px; display: inline-block; border-radius: 20px; border:2px solid #fff; position: absolute; left: 50%; bottom: 60px;
          margin-left: -17px; line-height: 50px; }
          .scroll-down i { height: 10px;  width: 4px; background: #fff; display: inline-block; border-radius: 3px; -webkit-animation-name:fadebounce;  -moz-animation-name:fadebounce; -ms-animation-name:fadebounce; -o-animation-name:fadebounce; animation-name:fadebounce; -webkit-animation-duration:3s; -moz-animation-duration:3s; -ms-animation-duration:3s; -o-animation-duration:3s;
           animation-duration:3s; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; -ms-animation-iteration-count:infinite; -o-animation-iteration-count:infinite;
           animation-iteration-count:infinite; }
           @-moz-keyframes fadebounce {
            0% { -moz-transform:translateY(0); transform:translateY(0); opacity:1; }
            50% { -moz-transform:translateY(25px); transform:translateY(25px); opacity:1; }
            100% { -moz-transform:translateY(0); transform:translateY(0); opacity:1; }
          }
          @-webkit-keyframes fadebounce {
            0% { -webkit-transform:translateY(0); transform:translateY(0); opacity:1; }
            50% { -webkit-transform:translateY(25px); transform:translateY(25px); opacity:1; }
            100% { -webkit-transform:translateY(0); transform:translateY(0); opacity:1; }
          }
          @-o-keyframes fadebounce {
            0% { -o-transform:translateY(0); transform:translateY(0); opacity:1; }
            50% {-o-transform:translateY(25px);transform:translateY(25px);opacity:1; }
            100% {-o-transform:translateY(0);transform:translateY(0);opacity:1; }
          }
          @-ms-keyframes fadebounce {
            0% { -ms-transform:translateY(0); transform:translateY(0); opacity:1; }
            50% { -ms-transform:translateY(25px); transform:translateY(25px); opacity:1; }
            100% {-ms-transform:translateY(0); transform:translateY(0); opacity:1; }
          }
          @keyframes fadebounce {
            0% { transform:translateY(0); opacity:1; }
            50% {transform:translateY(25px);opacity:1; }
            100% {transform:translateY(0);opacity:1; }
          }

          /*personal-typer-banner*/
          .personal-typer-banner span.sub-text { font-size: 22px; line-height: 22px; margin-bottom: 16px; display: block; }
          .personal-typer-banner b { border-bottom: 2px solid #9d52da; }
          .personal-typer-banner h1 { font-size: 100px; line-height: 100px; font-weight: 600; color: #9d52da; }
          .personal-typer-banner h1 span { color: #ffffff; font-size: 50px;  display: inline-block;  transform: rotate(-90deg); line-height: 50px; position: relative; top: -11px; left: -20px; }
          .personal-typer-banner h2 { border-left: 3px solid #9d52da; padding-left: 10px; margin-top: 20px; }

          /*typer-banner*/
          .typer-banner h1 { font-size: 100px; line-height: 100px; font-weight: 600; }
          .typer-banner p { font-size: 22px; line-height: 22px; }
          .slider-content .typer { color: #9d52da !important; }

          /*popup-video-banner*/
          .popup-video-banner h1 { font-size:60px; line-height:80px; font-weight: 400; }
          .popup-video-banner a span{ margin-left: 6px; width: 50px; height: 50px; line-height: 50px; display: inline-block; text-align: center; background: #ffffff; color: #9d52da; border-radius: 50%; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; }
          .popup-video-banner a:hover span { background: #9d52da; color: #ffffff; }
          .popup-video-banner a strong { padding-left:10px; display: inline-block; }

          /*video-background-banner*/
          #video-background.bg-overlay-black-50:before { z-index: 0; }
          .video-background-banner h1 { font-size: 80px; line-height: 80px; font-weight: 600; text-transform: uppercase; }
          .video-background-banner .slider-content { border:20px solid #9d52da; width: 50%; margin: 0 auto; padding: 60px 30px; }
          .video-background-banner .slider-content span { font-size: 22px; line-height: 22px; color: #ffffff; display: block; margin-bottom: 20px; }
          .video-background-banner .slider-content p { font-size: 18px; line-height: 22px; color: #ffffff; margin-top: 20px; }

          /* portfolio-banner*/
          .portfolio-banner h1 { font-size: 80px; line-height: 80px; font-weight: 600; }
          .portfolio-banner .slider-content { background: #ffffff; width: 50%; margin: 0 auto; padding: 60px 30px; box-shadow: 0 0 80px 0 rgba(0, 0, 0, 0.02); }
          .portfolio-banner .slider-content span { text-transform: uppercase; letter-spacing: 10px; font-size: 18px; line-height: 18px;  display: block; margin-bottom: 20px; font-weight: 600; }
          .portfolio-banner .slider-content span i { line-height: 20px; }
          .portfolio-banner .slider-content h1 { font-size: 70px;  margin-bottom: 0; }

 /*************************************
          Background
          **************************************/
          /*images background*/
          .white-bg { background: #fff; }
          .gray-bg { background: #f7f7f7; }
          .gray-bg-2 { background: #eeeeee; }
          .dark-gray-bg { background: #666666; }
          .theme-bg { background: #9d52da; }
          .black-bg { background: #323232; }
          .dark-theme-bg { background: #050801; }
          .g-gray-bg { background: linear-gradient(#cccccc, #ffffff);  }

          .bg-overlay-black-10:before {  background: rgba(0, 0, 0, 0.1); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
          .bg-overlay-black-20:before {  background: rgba(0, 0, 0, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
          .bg-overlay-black-30:before {  background: rgba(0, 0, 0, 0.3); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
          .bg-overlay-black-40:before {  background: rgba(0, 0, 0, 0.4); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
          .bg-overlay-black-50:before {  background: rgba(0, 0, 0, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
          .bg-overlay-black-60:before {  background: rgba(0, 0, 0, 0.6); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
          .bg-overlay-black-70:before {  background: rgba(0, 0, 0, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
          .bg-overlay-black-80:before {  background: rgba(0, 0, 0, 0.8); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
          .bg-overlay-black-90:before {  background: rgba(0, 0, 0, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
          .bg-overlay-white-10:before {  background: rgba(255, 255, 255, 0.1); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
          .bg-overlay-white-20:before {  background: rgba(255, 255, 255, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
          .bg-overlay-white-30:before {  background: rgba(255, 255, 255, 0.3); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
          .bg-overlay-white-40:before {  background: rgba(255, 255, 255, 0.4); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
          .bg-overlay-white-50:before {  background: rgba(255, 255, 255, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
          .bg-overlay-white-60:before {  background: rgba(255, 255, 255, 0.6); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
          .bg-overlay-white-70:before {  background: rgba(255, 255, 255, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
          .bg-overlay-white-80:before {  background: rgba(255, 255, 255, 0.8); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
          .bg-overlay-white-90:before {  background: rgba(255, 255, 255, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
          .bg-overlay-theme-20:before {  background: rgba(157,82,218, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
          .bg-overlay-theme-50:before {  background: rgba(157,82,218, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
          .bg-overlay-theme-70:before {  background: rgba(157,82,218, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
          .bg-overlay-theme-90:before {  background: rgba(157,82,218, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
          .bg-overlay-black-10, .bg-overlay-black-20, .bg-overlay-black-30, .bg-overlay-black-40, .bg-overlay-black-50, .bg-overlay-black-60, .bg-overlay-black-70, .bg-overlay-black-80, .bg-overlay-black-90, .bg-overlay-white-10, .bg-overlay-white-20, .bg-overlay-white-30, .bg-overlay-white-40, .bg-overlay-white-50, .bg-overlay-white-60, .bg-overlay-white-70, .bg-overlay-white-80, .bg-overlay-white-90, .bg-overlay-theme-20, .bg-overlay-theme-50, .bg-overlay-theme-70, .bg-overlay-theme-90 {
            position: relative;
            background-color: #000000;
          }


/*************************************
        home page section
        **************************************/
        .our-service-home  { padding-bottom: 230px; }
        .custom-content { margin-top: -220px; background: #9d52da;  position:  relative; z-index: 9; padding: 50px;}
        #section-new-multimedia .title {
         min-height: 40px;
         padding-bottom: 20px;
       }
       .section-contact h3 {
        font-size: 0.9em;
      }
      #section-new-multimedia .blog h3 { font-size: 1.4em; font-weight: 600; line-height: 1.2em; }
      #section-new-multimedia .blog h4 { font-size: 1.2em; color: #444444; line-height: 1.2em; margin-bottom: 20px; }
      #section-new-multimedia .blog .entry-meta {}
      .tab-hilight-1 .nav-link { font-size: 22px; /*letter-spacing: -1px*/ }
      #eservices .row img {
        margin-bottom: 10px;
        padding: 10px 1.5em;
      }
      #eservices .row a {
        text-align: center;
        margin: 0.5em 0;
        line-height: 1.2em;
        display: inline-block;
      }
      #eservices .row a:hover {
        background-color: #791ec3;
        color: #ffffff;
      }
      #section-laws ul,#section-laws ul li {
        padding: 0;
        margin: 0;
        list-style: none;
        text-align: center;
      }
      #section-laws ul li {
        width: 19.5%;
        display: inline-block;
        vertical-align: top;
      }
      #section-laws ul li a {
        font-size: 1.2em;
        line-height: 1.1em;
        font-family: "Kanit";
        margin: 0 10px;
        font-weight: 300;
      }
      #section-laws ul li img {
        width: 60%;
        margin: 0 auto 20px auto;
        display: block;
      }
      #main-slider {
        position: relative;
      }
      #main-slider .owl-carousel .item img {
        display: block;
        min-width: 100%;
        width: 100%;
        height: auto;
      }
      #main-slider .owl-carousel .item , #main-slider .owl-carousel .item .portfolio-item {
        max-height: 450px;
      }
      #main-slider button {
        border: none;
        padding: 0px;
        font: inherit;
        background-color: rgb(0,0,0,0.0);
        color: #969696;
        padding: 5px;
        border-radius: 3px;
      }
      #main-slider button:hover {
        background-color: rgb(0,0,0,1);
      }
      #main-slider .owl-nav button span {
        font-size: 2em;
        width: 2em;
        height: 2em;
        line-height: 2em;
      }
      #main-slider .slider-control  {
        position: absolute;
        top: 10px;
        left: 10px;
        z-index: 100;
      }
      #main-slider .slider-control button span.fa  {
        font-size: 1.5em;
        line-height: 1.5em;
        width: 1.5em;
        height: 1.5em;
      }

      #main-slider .portfolio-item .portfolio-overlay {
        padding: 20px 20px 20px 20px;
        background-color: rgb(0,0,0,0.5)!important;
      }
      #main-slider .portfolio-item .portfolio-overlay h2 {
        font-size: 20px;
      }
    #main-slider .portfolio-item .portfolio-overlay p {
        padding:0;
        margin: 0;
        font-family: 'Kanit', sans-serif;
        font-weight: 500;
}


/*************************************
       decolines
       **************************************/
       .decolines { pointer-events: none; position: absolute; width: 100%; height: 100%; top: 0;left: 0; pointer-events: none; }
       .decolines--fixed { position: fixed; width: 100vw;height: 100vh; }
       .decoline { position: absolute; }

/*************************************
   feature step
   **************************************/
   .feature-step h1 { font-size: 60px;  }
   .feature-step h3 { font-weight: 300; margin: 30px 0px 20px; }
   .feature-step a { font-size: 14px; color: #9d52da; }
   .feature-step a:hover { color: #323232; }

   .feature-step-2-box { padding: 70px 30px; z-index: 99; position: relative; }
   .feature-step-2.bg-01 { background: url(../images/blog/05.jpg); background-repeat: no-repeat; background-size: cover; }
   .feature-step-2.bg-02 { background: url(../images/blog/06.jpg); background-repeat: no-repeat; background-size: cover; }
   .feature-step-2.bg-03 { background: url(../images/blog/09.jpg); background-repeat: no-repeat; background-size: cover; }
   .feature-step-2.bg-overlay-black-50:before { z-index: 0; }
   .feature-step-2 .feature-step-2-title-left h1 { font-size: 75px; line-height: 60px; color: #ffffff; }
   .feature-step-2 h3 { margin-bottom: 0; }
   .feature-step-2 h2{font-weight: 200; position: relative; padding-bottom: 10px; font-size: 28px; }
   .feature-step-2 img {display: block; width: 100%;}
   .feature-step-2 .button { margin-top: 20px; }
   .feature-step-2 .feature-step-2-title-left {opacity: 0.5; display: table-cell; padding-right: 26px; }
   .feature-step-2-title-2-right { display: table-cell; vertical-align: top; }
   .feature-step-2.black-bg .feature-step-2-box, .feature-step-2.theme-bg .feature-step-2-box{position: inherit; top: inherit; transform: inherit; display: inline-block;}
   .service-blog { padding-top: 50px; padding-right: 25px; margin-bottom: 100px; }
   .service-blog p { position: relative; z-index: 9; margin-top: 20px; margin-bottom: 20px; }
   .service-blog b {position: absolute; z-index: 0; top: -35px; font-family: 'Poppins', sans-serif; right: 0; font-size:300px; color: #dde1eb; line-height: normal; opacity: 0.3;}
   .service-blog ul { border-right: 6px solid #9d52da; padding-right: 20px; }
   .service-blog li { color: #626262; font-size: 16px; line-height: 22px; padding: 2px 0 7px; }
   .service-blog.left b { left: 0; right: inherit;}
   .service-blog.left ul{ border-left:6px solid #9d52da; border-right:0 none;padding-left:20px;padding-right:0; }
   /*split-section*/
   .split-section { position: relative; z-index: 10; }
   .split-section .img-holder { position: absolute; top: 0; width: 100%; height: 100%; }
   .split-section .img-side.img-right { right: 0; }
   .split-section .img-side.img-left { left: 0; }
   .split-section .img-side { right: 0; padding: 0; position: absolute!important;  top: 0px; height: 100%; overflow: hidden; z-index: 100; }
   .our-awesome-core .img-side { top:  20px;  }

 /*************************************
         about us
         **************************************/
         .who-we-are-left .owl-carousel .owl-dots { bottom: 26px; position: absolute; }
         .who-we-are-left .owl-carousel.owl-theme .owl-dots .owl-dot span { width: 13px; height: 13px; border-radius: 50%; }

/*************************
        team
        *************************/
        .team { text-align: center; overflow: hidden; }
        .team .team-description { padding: 20px 10px 10px; }
        .team .team-info h5 { text-transform: uppercase; line-height: 24px; }
        .team .team-info span { font-size: 14px; text-transform: uppercase;}
        .team .social-icons { text-align: center; display: inline-block; margin-top: 10px; }
        .team .team-contact span { display: block; font-size: 14px; display: block; margin-bottom: 10px; }
        .team .team-contact span.call { font-size: 20px; line-height: 28px; font-weight: 600; margin: 10px 0; color: #84ba3f; }
        .team .team-contact span i { padding-right: 5px; }

        /*team-hover*/
        .team.team-hover .social-icons { position: absolute; top: 0; left: 10px; opacity: 0; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; }
        .team.team-hover .social-icons ul { display: block; }
        .team.team-hover .social-icons li { display: block; float: none; clear: both; }
        .team.team-hover .social-icons li a { margin: 3px 0; border-radius: 50%; }
        .team.team-hover:hover .social-icons { opacity: 1; left: 40px; }

        /*team-hover*/
        .team.team-hover-2 .social-icons { position: absolute; top: 0%; right: 0; left:0px; opacity: 0; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; }
        .team.team-hover-2 .social-icons ul { display: block; text-align: center; margin: 0 auto; }
        .team.team-hover-2 .social-icons li { display: inline-block; float: none; clear: both; }
        .team.team-hover-2 .social-icons li a { margin: 3px 0; background: #fff; color: #323232;}
        .team.team-hover-2:hover .social-icons { opacity: 1; top: 10%; }
        .team.team-hover-2 .team-photo{ position: relative; }
        .team.team-hover-2 .team-photo::before { content: ""; position: absolute; height: 100%; top: 0; left: 0; width: 100%; right: 0; bottom: 0; -webkit-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); -moz-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); transition: all 0.6s cubic-bezier(.68,.11,.13,.98)
      }
      .team.team-hover-2:hover .team-photo::before { background:rgba(132,186,63, 0.9); }

      /*team border*/
      .team-border .team-description { border:1px solid #eeeeee; }

      /*team bg*/
      .team-bg .team-description { background: #f6f7f8; }

      /*team bg*/
      .team-dark .team-description { background: #323232; }
      .team-dark .team-info h5, .team-dark .team-contact span, .team-dark .team-info span, .team-dark .social-icons li a { color: #fff; }

      /*team shadow*/
      .team-shadow { box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); }

      /*team round*/
      .team-round .team-photo img { border-radius: 50%; }

      /*team round*/
      .team-round-shadow .team-photo img { border-radius: 50%; width: 90%; border: 3px solid #fff; box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.10); margin-top: 15px; }

      /*team round small*/
      .team-round-small .team-photo img { border-radius: 50%; width: 50%; }

      /*team round small shadow*/
      .team-round-small-shadow .team-photo img { border-radius: 50%; border: 3px solid #fff; width: 50%; box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.10); margin-top: 15px;}

      /*team full border*/
      .team-round.full-border { padding: 10px; border:1px solid #eeeeee; }
      .team-round.full-border .team-contact span.call { font-size: 16px; line-height: 22px; font-weight: normal; color: #363636; }
      .team-round.full-border .team-contact span.email { font-size: 17px; color: #84ba3f; }
      .team-round.full-border .team-description { padding-bottom: 0; }

      /*team list*/
      .team.team-list { clear: both; }
      .team.team-list h5 { font-size: 26px; }
      .team.team-list .team-info span { font-size: 18px; }
      .team.team-list .team-photo { float: left; width: 40%; }
      .team.team-list .team-description { position: relative; overflow: hidden; text-align: left; }
      .team.team-list .team-description { padding-top: 0; }
      .team.team-list.team-hover .social-icons { opacity: 1; left: inherit; top: inherit; margin-top:15px; }
      .team.team-list.team-hover .social-icons li { float: left;  }
      .team.team-list.team-hover .team-description { padding: 30px 20px 50px; }

      /*team-overlay*/
      .team.team-overlay { position: relative; }
      .team.team-overlay .team-description { width: 100%; padding: 10px 0px; position: absolute;  bottom: 10px; display: block;  margin-top: 0; float: left; z-index: 9; left: 0;  transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;  -ms-transition: all 0.5s ease-in-out;  -o-transition: all 0.5s ease-in-out; }
      .team.team-overlay .team-description span { display: block; }
      .team.team-overlay:before { z-index: 1; position: absolute; width: 100%; left: 0; right: 0; bottom: 0; content: ""; background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.9))); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%);  background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); top: auto; height: 75%; transition: all .35s; }
      .team.team-overlay img { transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
      .team.team-overlay:hover img { -webkit-transform:scale(1.20);  -moz-transform:scale(1.20); -ms-transform:scale(1.20);  -o-transform:scale(1.20);  transform:scale(1.20); }
      .team.team-overlay.team-hover .social-icons, .team.team-overlay.team-hover .team-contact { display: none; }

 /*************************************
         resume
         **************************************/
         .resume-page .container-fluid { padding: 0 70px; }
         .resume-block .resume-icon { float: left; margin-right: 30px; }
         .resume-block .resume-icon span { font-size: 30px;  line-height: 50px; color: #9d52da; }
         .resume-block .resume-name { display: table-cell; }
         .resume-block .resume-name span { color: #9ea8b6; font-size: 16px; }
         .resume-contact .g-map { padding-top: 120%; }
         .resume-contact .contact-form-main { padding: 80px 80px; }
         .resume-contact .footer-widget-social a i { color: #ffffff; background: rgba(43, 43, 43, 0.12);  width: 45px; height: 45px; line-height: 45px; }
         .resume-contact .footer-widget-social a i:hover { background: rgba(43, 43, 43, 0.19); }


 /*************************************
         portfolio
         *************************************/
         .isotope-filters { display: table; margin:0 auto 50px; text-align: center; }
         .masonry h3 { font-size: 1.2em; margin-bottom: 5px; }
         .masonry h4 { font-size: 1em; margin-bottom: 5px; }
         .masonry p { font-size: 0.9em; }
         .isotope-filters.text-left { display: block; margin: 30px 0; text-align: left; }
         .isotope-filters button { margin: 4px; cursor: pointer;  padding: 6.5px 25px; font-size: 18px; border-radius: 3px; background: transparent; color: #363636; font-weight: 500; border: 1px solid #ccc;text-transform: capitalize; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; }
         .isotope-filters  button:focus { outline: none;  outline-style: none; outline-offset:0; }
         .isotope-filters  button.active, .isotope-filters  button:hover { background: #9d52da; color: #fff; border-color: #9d52da; }
         .isotope-filters  button+button { margin-left: 10px; }
         .isotope, .masonry { margin: 0 -15px 0 0; }
         .isotope .grid-item img { width: 100%; }
         .isotope.columns-1 .grid-item { width: 100%; padding: 0 15px 15px 0; }
         .isotope.columns-2 .grid-item { width: 50%; padding: 0 15px 15px 0; }
         .isotope.columns-3 .grid-item { width: 33.33333333%; padding: 0 15px 15px 0; }
         .isotope.columns-4 .grid-item { width: 25%; padding: 0 15px 15px 0; }
         .isotope.columns-5 .grid-item { width: 20%; padding: 0 15px 15px 0; }
         .isotope.no-padding .grid-item { padding: 0 !important; }
         .masonry.no-padding .masonry-item { padding: 0 !important; }
         .masonry .masonry-item img { width: 100%; }
         .masonry-item .card-title { color: #333333; }
         .masonry.columns-2 .masonry-item { width: 50%; padding: 0 15px 15px 0; }
         .masonry.columns-3 .masonry-item { width: 33.33333333%; padding: 0 15px 15px 0; }
         .masonry.columns-4 .masonry-item { width: 25%; padding: 0 15px 15px 0; }
         .masonry.columns-5 .masonry-item { width: 20%; padding: 0 15px 15px 0; }
         .isotope.columns-4 .portfolio-item .portfolio-overlay h4 { font-size: 16px; }
         .isotope.columns-4 .portfolio-item .portfolio-overlay h6 { display: none; }
         .isotope.columns-5 .portfolio-item .portfolio-overlay h4 { font-size: 16px; }
         .isotope.columns-5 .portfolio-item .portfolio-overlay h6 { display: none; }
         .masonry.columns-4 .portfolio-item .portfolio-overlay h4 { font-size: 16px; }
         .masonry.columns-4 .portfolio-item .portfolio-overlay h6 { display: none; }
         .masonry.columns-5 .portfolio-item .portfolio-overlay h4 { font-size: 16px; }
         .masonry.columns-5 .portfolio-item .portfolio-overlay h6 { display: none; }
         .masonry .portfolio-item .portfolio-overlay a { color: #ffffff; }
         .masonry .portfolio-item .portfolio-overlay a:hover { color: #fffac2; }
         .posts-style-3 .masonry .card h3 { font-size: 22px; }
         .posts-style-3 .masonry .card h4 { font-size: 16px; line-height: 1.3em; }
         .posts-style-3 .masonry .card small { font-size: 14px; }
         .masonry-item .card-body { padding: 10px; }
         /*filters-vertical*/
         .filters-vertical { margin: 0; }
         .filters-vertical button{ display: block; margin: 0; border: none; padding: 6.5px 0px; text-align: left;}
         .filters-vertical.isotope-filters button+button{ margin: 0; }
         .isotope-filters.filters-vertical button.active,  .isotope-filters.filters-vertical button:hover{ color: #9d52da; background: transparent;}
         .portfolio-item.rs-hero:before{content: none; }
         .portfolio-item.rs-hero{ box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.07); }
 /*************************************
         portfolio  item
         **************************************/
         .portfolio-title { padding: 100px 60px 30px; }
         .portfolio-title span { display: block; }
         .portfolio-item { width: 100%; position: relative;  overflow: hidden; color: #fff; width: 100%; border: 0; position: relative; }
         .portfolio-item.blog-border { border: 1px solid rgba(0, 0, 0, 0.1); }
         .portfolio-item img { width: 100%; -webkit-transition: transform 0.35s; -o-transition: transform 0.35s; -ms-transition: transform 0.35s; -moz-transition: transform 0.35s; transition: transform 0.35s; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden;}
         .portfolio-item .portfolio-overlay  { width: 100%; background: #9d52da; padding: 10px 0px; position: absolute;  bottom:-120px; display: block;  margin-top: 0; float: left; z-index: 9; text-align: left; padding-left: 30px; left: 0;  transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;  -ms-transition: all 0.5s ease-in-out;  -o-transition: all 0.5s ease-in-out; }
         .portfolio-item .portfolio-overlay h4 { font-weight: 600; margin-bottom: 5px; }
         .portfolio-item .portfolio-overlay a:hover { color: #323232; }
         .portfolio-item .portfolio-overlay span { font-weight: 400; font-size: 0.9em; }
         .portfolio-item .portfolio-overlay span a { color: #ffffff; }
         .portfolio-item .portfolio-overlay span a:hover { color: #323232; }
         .portfolio-item a.popup{position: absolute; right: 20px; top: -20px; color: #fff; z-index: 9; display: inline-block; width: 40px; height: 40px; background: #fff; color: #626262; border-radius: 50%; margin-right: 10px; padding-left: 0px; text-align: center; line-height: 40px;  opacity: 0;  transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;  -ms-transition: all 0.5s ease-in-out;  -o-transition: all 0.5s ease-in-out;}
         .portfolio-item a.popup:hover { background: #9d52da; color: #ffffff; }
         /*.portfolio-item:hover img { -webkit-transform:scale(1.20);  -moz-transform:scale(1.20); -ms-transform:scale(1.20);  -o-transform:scale(1.20);  transform:scale(1.20); }*/
        .portfolio-item:hover img { -webkit-transform:scale(1.00);  -moz-transform:scale(1.00); -ms-transform:scale(1.00);  -o-transform:scale(1.00);  transform:scale(1.00); }
         .portfolio-item:hover a.popup{ opacity: 1; top: 20px; }
         .portfolio-item:before { content: ''; display: inline-block; width: 100%; height: 100%;  position: absolute; top: 0; left: 0; z-index: 1; background-size: 115%;
         -webkit-transition: all 0.7s cubic-bezier(.68,.11,.13,.98);  -moz-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); transition: all 0.7s cubic-bezier(.68,.11,.13,.98);
         -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; }
         .owl-carousel .owl-item .portfolio-item img { width: 100%; }
         .portfolio-item.only-popup { width: 100%; text-align: center; }
         .portfolio-item.only-popup a.popup { display: inline-block; left: 50%; margin-left: -20px;  position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); }
         .portfolio-item:hover .portfolio-overlay { bottom: 0; }
         /* no-title */
         .no-title .portfolio-item .portfolio-overlay { position: inherit; bottom: inherit; background: #f6f7f8;  }
         .no-title .portfolio-item .portfolio-overlay a, .no-title .portfolio-item .portfolio-overlay span { color: #323232; }
         .no-title .portfolio-item .portfolio-overlay a:hover { color: #9d52da; }
         /*portfolio pupup*/
         .mfp-bottom-bar { display: none; }
         .portfolio-home .isotope { margin-bottom: 0; }
         .corporate-02-portfolio .portfolio-item .portfolio-overlay a:hover { color: rgba(255,255,255,.7); }
         .corporate-02-portfolio .portfolio-item .portfolio-overlay span a:hover { color: rgba(255,255,255,.7); }

/*************************************
             portfolio-item-2
             **************************************/
             .portfolio-item-2 { width: 100%; overflow: hidden; position: relative; }
             .portfolio-item-2:before { background: transparent; }
             .portfolio-item-2 .portfolio-hover { padding: 20px; position: absolute; z-index: 99; bottom: 0px; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; opacity: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;  -ms-transition: all 0.5s ease-in-out;  -o-transition: all 0.5s ease-in-out; }
             .portfolio-item-2 .portfolio-hover .hover-name {  position: absolute; bottom: -10px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;  -ms-transition: all 0.5s ease-in-out;  -o-transition: all 0.5s ease-in-out; }
             .portfolio-item-2 .portfolio-hover .hover-name span { font-size: 14px; color: #fff; display: block; }
             .portfolio-item-2 .portfolio-hover .hover-name a { font-size: 22px; text-transform: uppercase; color: #fff; display: block; margin-top: 5px; }
             .portfolio-item-2 .portfolio-hover .hover-name a:hover { color: #9d52da; }
             .portfolio-item-2 .portfolio-hover .hover-icon { position: absolute; bottom: -10px; right: 30px; transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out;  -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; }
             .portfolio-item-2 .portfolio-hover .hover-icon a { color: #fff; }
             .portfolio-item-2 .portfolio-hover .hover-icon a:hover { color: #9d52da; }
             .portfolio-item-2:hover .portfolio-hover { opacity: 1; background: rgba(0, 0, 0, 0.9); }
             .portfolio-item-2 img { opacity: 1; -webkit-transition: all 1s ease; -moz-transition: all 1s ease;  -o-transition: all 1s ease;  -ms-transition: all 1s ease; transition: all 1s ease; }
             .portfolio-item-2:hover img { opacity: 0.1; -webkit-transform:scale(1.10);  -moz-transform:scale(1.10); -ms-transform:scale(1.10);  -o-transform:scale(1.10);  transform:scale(1.10); }
             .portfolio-item-2:hover .portfolio-hover .hover-name { bottom: 30px; }
             .portfolio-item-2:hover .portfolio-hover .hover-icon { bottom: 40px; }
             .no-title .portfolio-item-2 { overflow: visible; }
             .no-title .portfolio-item-2 .portfolio-hover { position: inherit; border: inherit; opacity: 1; background: #f6f7f8; clear: both; }
             .no-title .portfolio-item-2:hover .portfolio-hover { bottom: inherit; background: inherit; background: #f6f7f8; }
             .no-title .portfolio-item-2 .portfolio-hover .hover-name { bottom: inherit; position: inherit; display: inline-block; clear: both; }
             .no-title .portfolio-item-2 .portfolio-hover .hover-icon { bottom: inherit; position: inherit; display: inline-block; float: right; padding-top: 20px; text-align: right;}
             .no-title .portfolio-item-2:hover .portfolio-hover .hover-name { bottom: inherit; }
             .no-title .portfolio-item-2:hover .portfolio-hover .hover-icon { bottom: inherit; }
             .no-title .portfolio-item-2:hover img { opacity: 1;  -webkit-transform:inherit;  -moz-transform:inherit; -ms-transform:inherit;  -o-transform:inherit;  transform:inherit; }
             .no-title .portfolio-item-2 .portfolio-hover .hover-icon a, .no-title .portfolio-item-2 .portfolio-hover .hover-name span, .no-title .portfolio-item-2 .portfolio-hover .hover-name a { color: #323232; }
             .no-title .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .no-title .portfolio-item-2 .portfolio-hover .hover-name a:hover { color: #9d52da; }

 /*************************************
           Portfolio single page
           **************************************/
           /*tags*/
           .tags h5 { display: inline-block; padding-right: 20px; }
           .tags ul { display: inline-block; }
           .tags li { display: inline-block; }
           .tags li a { background: #f6f7f8; color: #323232; border-radius: 3px; padding: 8px 16px; line-height: 40px; font-size: 14px; margin-right: 2px; }
           .tags li a:hover { box-shadow:  0px 3px 10px rgba(0, 0, 0, 0.1); background: #ffffff; }

           /*share*/
           .share .social ul { display: inline-block; }
           .share .social ul li { display: inline-block; padding: 0px 6px; }
           .share .social ul li a:hover { color: #353535; }

           /*port-meta*/
           .port-meta ul { margin-bottom: 30px; }
           .port-meta li { margin-bottom: 20px; font-size: 16px; }
           .port-meta li b {  color: #9d52da; width: 200px; font-weight: 400; width: 100px; display: inline-block; }
           .port-meta li span { font-weight: normal; }
           .port-info p { margin-bottom: 0px; }

           /*port-navigation*/
           .port-navigation { padding: 20px 0; border-bottom:1px dashed #d0d0d0; border-top: 1px dashed #d0d0d0;}
           .port-navigation a { color: #626262; }
           .port-arrow { height: 74px; width: 40px; text-align: center; background: #f7f7f7; display: inline-block;}
           .port-arrow i {  text-align: center; font-size: 25px; line-height: 75px;}
           .port-photo { width: 124px; height: 77px; display: inline-block; }
           .port-photo img { width: 100%; }

           /*port-post*/
           .port-post { background: #f7f7f7; padding: 15px; }
           .port-post-photo { width: 170px; display: inline-block; float: left; margin-right: 20px; }
           .port-post-photo img { width: 100%;  }

           /*port-post-info*/
           .port-post-info { padding-left: 190px;}
           .port-post-info h3 { display: inline-block; font-size: 24px;  }
           .port-post-info span { color: #626262; }
           .port-post-social strong { font-size: 14px; }
           .port-post-social a { color: #626262; margin-left: 8px; font-size: 14px; }
           .port-post-social a:hover { color: #9d52da; }
           .port-post-info p { margin-top: 10px; }
           .port-singal .owl-carousel .owl-item img { width: 100%; }

/*************************************
        Our Blog
        **************************************/
        /*Blog  1*/
        .blog-box { padding: 30px; border:1px solid #ddd; position: relative; z-index: 1; }
        .blog-box h4 { line-height: 1.3em; font-size: 1em; }
        .blog-info { position: relative; z-index: 9; }
        .blog-info span { color: #626262; font-size: 0.9em; margin-right: 3px; }
        /*.blog-info span.badge { color: #ffffff; font-size: 11px; }*/
        span.badge { color: #ffffff; font-size: 12px; }
        .blog-info a { color: #626262;margin-right: 3px; }
        .blog-info h3 { margin-bottom: 10px; font-size: 1em; line-height: 1.3em;}
        .blog-info h4 a { font-weight: 300; font-size: 1.15em; line-height: 1.4em;}
        .blog-info h5 { font-weight: 600; font-size: 1.2em;}
        .blog-box .post-format-icon{text-align: right; position: relative; z-index: 9}
        .blog-box .post-format-icon i { padding-right: 0; font-size: 35px;  color: #e1e1e1; }
        .blog-info p { padding: 0px 0 10px; font-size: 14px; }
        .blog-box .post-category a { display: inline-block; padding: 5px 15px; font-size: 12px; font-weight: 500; border-radius: 3px; color:#fff; background-color: #9d52da; -webkit-transition: all 0.3s ease;    -moz-transition: ll 0.3s ease;    transition: all 0.3s ease; margin-bottom: 20px; }
        a.blog-btn { text-align: center; font-size: 0.9em; color: #9d52da; display: block; padding-bottom: 12px; position: relative; z-index: 1; }
        a.blog-btn i {  margin-left: 10px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
        .blog-box .border { position: absolute; background: #9d52da; height: 0px; bottom: 0; left: 0; z-index: 0; width: 100%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;  }
        .blog-box .blog-box-img { bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; top: 0; z-index: 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; background-size: cover; background-position: center center; }
        .blog-box:hover .blog-box-img, .blog-box.active .blog-box-img { opacity: 1; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
        .blog-1:hover h4, .blog-1:hover i, .blog-1:hover span, .blog-1:hover p, .blog-1:hover a.blog-btn, .blog-1.active h4, .blog-1.active i, .blog-1.active span, .blog-1.active p, .blog-1.active a.blog-btn,.blog-1:hover .post-category a,.blog-1:hover .post-format-icon i,.blog-1.active .post-category a,.blog-1.active .post-format-icon i { color: #fff; }
        .blog-box:hover .blog-box-img:before, .blog-box.active .blog-box-img:before { background: rgba(0, 0, 0, 0.6); color: #fff; content: ""; display: inline-block; height: 100%;
        left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
        .blog-box.blog-2 {padding: 0; position: relative; border:none; transition: all 0.5s ease 0s; height: 100%; background-color: #ffffff; }
        .blog-box.blog-2 .blog-info{background: #ffffff; padding: 10px;}
        .blog-box.blog-2.gray-bg .blog-info {background: #f7f7f7;  }
        .blog-box.blog-2 .blog-box-img{opacity: 1;}
        .blog-box.blog-2 .post-format-icon{position: absolute; right: 30px; top: 30px;}
        .blog-box.blog-2 .button.icon-color{text-transform: capitalize; float: right;}
        .blog-box.blog-2:hover { box-shadow: 0 0 30px rgba(0, 0, 0, 0.07);}
        .blog-box.blog-2.gray-bg:hover { box-shadow: none;}
        .blog-box.blog-2.transparent .blog-info { background: transparent; padding: 30px 0; }
        .blog-box.blog-2.transparent .blog-info span { color: #ffffff; }
        .blog-box.blog-2 h5 { text-align: center; font-size: 20px; }


/***************************
         blog
         ***************************/
         .entry-meta { font-size: 0.9em; }
         .blog-entry , .blog-single .attach-file .blog-entry { box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06); -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }
         .blog-entry:hover { box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); }
         .blog-entry .entry-image img { width: 100%;min-height: 160px; }
         .blog-entry .blog-detail { background: #ffffff; padding: 15px; border-top: 0px; }
         .frontpage .blog-entry .blog-detail { padding: 15px; }
         .blog-entry .blog-detail .entry-title h3 { font-size: 1.0em; font-weight: 500;}
         .blog-entry .blog-detail .entry-title a { color: #353535; }
         .blog-entry .blog-detail .entry-title a:hover { color: #9d52da; }
         .blog-entry .entry-meta { font-size: 0.85em; }
         .blog-entry .entry-meta ul li { display: inline-block; margin-right: 0px; }
         .blog-entry .entry-meta ul li i { color: #9d52da; padding-right: 6px; }
         /*.blog-entry .entry-meta ul li a { color: #353535; line-height: 0px; padding-right: 5px; }*/
          .blog-entry .entry-meta ul li a { color: #353535; line-height: 0px; padding-right: 0px; }
         .blog-entry .entry-meta ul li a i { padding-right: 6px; color: #9d52da; }
         .blog-entry .entry-meta ul li a:hover { color: #9d52da; }
         .blog-entry .social strong { display: inline-block; margin-right: 10px; }
         .blog-entry .entry-button { display: inline-block;font-size: 1em;}
         .blog-entry .social ul { display: inline-block; }
         .blog-info .social ul li, .blog-entry .social ul li , .blog-video .social ul li { display: inline-block; padding: 2px; width:25px;height: 25px; margin: 0; border-radius: 100%;background-color: #eeeeee; text-align: center; }
         .blog-entry .social ul li a:hover { color: #353535; }
         .blog-entry .entry-share { margin-top: 20px; display: block;font-size: 0.9rem; }

         /*blog-entry blockquote*/
         .blog-entry.blockquote { background: #9d52da; border: 0px; padding: 36px 30px; }
         .blog-entry.blockquote blockquote { background: #9d52da; border-left: 0px; color: #ffffff; padding: 0px; position: relative; margin-top: 0 !important; padding-top: 60px; }
         .blog-entry.blockquote blockquote:before { content: "\201C"; font-family: Georgia, serif; font-size: 100px; font-weight: bold; color: #ffffff; position: absolute; left: 0px; top: -20px; }
         .blog-entry.blockquote .blog-detail { border: 0px; background: #9d52da; padding: 0px; }
         .blog-entry.blockquote .blog-detail .entry-title a { color: #ffffff; }
         .blog-entry.blockquote .blog-detail .entry-title a:hover { color: #323232; }
         .blog-entry.blockquote .social ul li a { color: #ffffff; }
         .blog-entry.blockquote .social ul li a:hover { color: #323232; }
         .blog-entry.blockquote .entry-meta ul li a { color: #ffffff; }
         .blog-entry.blockquote .entry-meta ul li i { color: #ffffff; }
         .blog-entry.blockquote .entry-meta ul li a i { color: #ffffff !important; }
         .blog-entry.blockquote .entry-meta ul li a:hover { color: #323232; }
         .blog-entry.blockquote .button.arrow.white:hover { color: #323232; }

         /*video vimeo and youtube*/
         .js-video { height: 0; padding-top: 25px; padding-bottom: 54%; position: relative; overflow: hidden; }
         .js-video.widescreen { padding-bottom: 34.34%; }
         .js-video embed, .js-video iframe, .js-video object, .js-video video { top: 0; left: 0; width: 100%; height: 100%; position: absolute; border: none; }
         .js-video.big { padding-top: 30px; }

         .blog-entry .grid-post li { float: left; width: 50%; border-right: 4px solid #fff; border-bottom: 4px solid #fff; list-style: none; }
         .blog-entry .grid-post li img { width: 100%;  }
         .blog-entry .grid-post li .portfolio-item { width: 100%; }

         /*blog-entry-audio*/
         .blog-entry .blog-entry-audio { padding: 136px 20px; background: url(../images/blog/04.jpg) no-repeat; background-position: center center; background-size: cover; }
         .entry-button {
          font-size: 13px;
        }
        .entry-button a {
          margin-right: 10px;
        }
        .entry-button a span {
          margin-right: 2px;
        }

        /*blog pages*/
        /*blog-grid-3-column*/
        .blog-grid-3-column .blog-entry .blog-entry-audio { padding: 63px 20px; }
        .blog-grid-2-sidebar .blog-entry .blog-entry-audio { padding: 96px 20px; }

        .posts-style-3 .card {
          line-height: 1.3em;
        }

        .posts-style-3 .card p {
          padding: 0;
          margin: 5px 0;
        }

        .posts-style-3 .card h2 {
          font-size: 20px;
        }

        .posts-style-3 .card h3 {
          font-size: 16px;
        }

        .posts-style-3 .card span.fa {
          padding-right: 5px!important;
        }

/*************************************
      our services
      **************************************/
      .service-image-holder { position: relative; height: 496px; }
      .service-image-holder .section-title-2 { display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; }
      .services-text-box { background:#fff; padding: 10% 15%;}
      .services-text-box-black { background:#363636; padding: 80px 50px !important; }
      .services-text-box-green { background:#9d52da; padding: 80px 50px !important; }

/*************************************
        creativity
        **************************************/
        .creativity h1 { line-height: 65px; text-transform: uppercase; font-size: 50px; font-weight: bold; }
        .creativity p { font-size: 30px; }
        .creativity .button { display: inline-block; float: none; }
        .contact-map iframe { width: 100%; height: 100%; }
        #formmessage {display: none;}
        .contact-form .section-field { position: relative; width: 31.3%; margin-right: 3%; float: left; }
        .contact-form .section-field:nth-child(3) { margin-right: 0px; }
        .contact-form .section-field:nth-child(6) { margin-right: 0px; }
        .contact-box.contact-box-top { margin-top: -1px; position: relative; }
        .touch-in .contact-box { box-shadow: 0 0 30px rgba(0, 0, 0, 0.09); display: inline-block; margin-bottom: 0; padding: 60px 20px; width: 100%;}
        .contact-box i { background: #9d52da; width: 80px; height: 80px; text-align: center; line-height: 80px; border-radius: 5px; font-size: 34px; color: #ffffff; display: inline-block;}
        .contact-form .form-control {position: relative; width: 100%; margin-bottom: 20px; }
        .section-field.textarea{width: 100%;}
        .g-recaptcha.section-field {width: 100%; margin-bottom: 20px; }
        .contact-form textarea.form-control {width: 100%; }
        .contact-box .contact-icon { display: table-cell; padding-right: 20px; }
        .contact-box .contact-icon i { background: transparent; line-height: normal; font-size: 34px; height: auto; width: auto;}
        .contact-box.theme-bg .contact-icon i{color: #ffffff !important;}
        .contact-box .contact-info { display: table-cell; vertical-align: top; padding: 0; background: none;}
        .contact-2 .addresss-info p, .contact-2 .addresss-info i, .contact-2 .addresss-info li{color: #ffffff;}
        .contact-2 .contact-add{padding: 80px 0}
        .contact-2 .contact-add i{font-size: 40px;}
        .contact-3 .g-map { padding-top: 101%; }
        .contact-2 .g-map { padding-top: 100%; }
        .map-side { left: 0; overflow: hidden; padding: 0; position: absolute; top: 0; z-index: 9;}
        .map-side.map-right {left: auto; right: 0;}
        .contact-3 .contact-add{padding: 40px 15px; }
        .contact-3 .contact-add i{font-size: 40px; color: #9d52da;}
        .contact-3 .contact-form .section-field {width: 100%;}
        .contact-social ul li { display: inline-block; }
        .contact-social ul li a { display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; color: #323232; background: #eceff8; font-size: 14px; border-radius: 3px; margin-right: 5px; }
        .contact-social ul li a:hover { background: #353535 !important; color: #fff;}
        .contact-3 .theme-bg.contact-add i{color: #ffffff !important;}
        .footer-contact .footer-nav ul li a { color: #353535; }
        .footer-contact .footer-nav ul li a:hover { color: #2046f2; }
        .footer-contact .contact-box .contact-icon i { background: transparent; color: #9d52da; margin-bottom: 10px; }
        .footer.footer-topbar hr { border-color: #d9d9d9; }
        .footer.footer-topbar img#logo-footer { height: 34px; margin-bottom: 10px; }
        .footer-contact .social ul { background: #f6f7f8; }
        .footer-contact .social ul li a i { color: #353535; }
        .footer-contact .social ul li a i:hover { color: #2046f2; }
        .footer-contact .usefull-link ul li a { color: #353535; }
        .footer-contact .usefull-link ul li a:hover { color: #2046f2; }
        .footer-contact { box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1); margin-bottom: 80px; margin-top: -220px; padding: 60px 0; }
        .footer-contact .contact-box { text-align: center; }
        .footer-contact .contact-box .contact-icon { display: block; padding-right: 0; color: #2046f2; }
        .footer-contact .contact-box .contact-info { display: block; background: none; padding: 0; width: 100%;}
        .footer-contact .contact-box .contact-info .section-title { margin-bottom: 0px; }
        .footer-contact .contact-box .contact-info h5 { color: #353535; }
        .our-clients.theme-bg{padding: 60px 0 170px;}
        .footer-Newsletter .form-control::-moz-placeholder { color: rgba(255,255,255,0.5); }
        .footer-Newsletter .form-control::-ms-input-placeholder { color: rgba(255,255,255,0.5); }
        .footer-Newsletter .form-control::-webkit-input-placeholder { color: rgba(255,255,255,0.5); }

/*************************************
        Our History
        **************************************/
        .history-main { width: 100%; }
        .liner { background: #fff; height: 2px; left: 0; margin: 0 auto; position: absolute; right: 0; top: 50%; width: 96%; z-index: 1; position: relative; }
        .liner i { position: absolute; right: -2px; top: -9px; color: #fff; }
        .history-content { list-style: outside none none; padding: 125px 0; width: auto; }
        .history-1 { position: relative; left: 45px; }
        .history-2 { position: relative; margin-left: 30%; }
        .history-3 { position: relative; margin-left:58%; }
        .history-4{ position: relative; margin-left: 95%; }
        .history-line { background: #fff; height: 60px; left: 3px; position: absolute; top: -75px; width: 2px; z-index: 9; }
        .history-time-lin { position: relative; top: 10px; z-index: 2; }
        .history-time-lin:before { bottom: 0; }
        .history-time-lin:before { background: #fff; border-radius: 50%; content: ""; height: 20px; left: -5px; position: absolute; width: 20px; z-index: 1; }
        .history-time-lin:after { border:2px solid #fff; background: #000; border-radius: 50%; content: ""; height: 30px; left: -5px; position: absolute; width: 30px; }
        .history-time-lin:after { left: -10px; top: -25px; }
        .history-item { left: -20px; position: absolute;  top: -125px; }
        .history-item a { border-radius: 50%; border:2px solid #fff; background:rgba(255, 255, 255, 0.2); line-height: 45px; font-size: 14px; color: #fff; width: 50px; height: 50px; text-align:  center; display:block; }
        .history-5 { position: relative; margin-left: 15%; }
        .history-6 { position: relative; margin-left: 53%; }
        .history-7 { position: relative; margin-left:78%; }
        .history-line-2 { background: #fff none repeat scroll 0 0; height: 60px; left: 3px; position: absolute; top: 15px; width: 2px; z-index: 9; }
        .history-item-2 { left: -20px; position: absolute; top: 75px; }
        .history-item-2 a { border-radius: 50%; border:2px solid #fff; background:rgba(255, 255, 255, 0.2); line-height: 45px; font-size: 14px; color: #fff; width: 50px; height: 50px; text-align: center; display:block; }
        /*Our History */
        .our-history .timeline { list-style: none; padding: 20px 0 20px; position: relative; }
        .our-history .timeline:before { top: 0; bottom: 0; position: absolute; content: " "; width: 2px; background-color: #e6e6e6; left: 50%; margin-left: -0.5px; }
        .our-history .timeline > li { margin-bottom: 20px; position: relative; }
        .our-history .timeline > li:before,
        .our-history .timeline > li:after { content: " "; display: table; }
        .our-history .timeline > li:after { clear: both; }
        .our-history .timeline > li:before,
        .our-history .timeline > li:after { content: " "; display: table; }
        .our-history .timeline > li:after { clear: both;}
        .our-history .timeline > li > .timeline-panel { width: 46%; float: left; padding: 15px 00px 25px 00px; position: relative; }
        .our-history .timeline > li > .timeline-panel:before { position: absolute; top: 23px; right: -25px; display: inline-block; width: 25px; height: 2px; background: #e6e6e6; content: " "; }
        .our-history .timeline > li > .timeline-badge { color: #fff; width: 18px; height: 18px; line-height: 10px; font-size: 0.7em; text-align: center; position: absolute; top: 16px; left: 50%;
          border:3px solid #9d52da; margin-left: -9px; background-color: #fff; border-top-right-radius: 50%; border-top-left-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; box-shadow: 0 0 0 5px #fff; }
          .our-history .timeline > li.timeline-inverted > .timeline-panel {  float: right;}
          .our-history .timeline > li.timeline-inverted > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -32px; right: auto; }
          .our-history .timeline > li.timeline-inverted > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; }
          .our-history .timeline-body > p,
          .our-history .timeline-body > ul { margin-bottom: 0; }
          .our-history .timeline-body > p + p { margin-top: 5px; }
          .our-history .timeline > li { text-align: right;}
          .our-history .timeline > li.timeline-inverted { text-align: left;}
          .our-history .timeline .timeline-arrow { position: absolute; width: 100%; left: 0.5px; right: 0; text-align: center; color: #e6e6e6; bottom: -29px; }
          .our-history .timeline > li > .timeline-badge p , .our-history .timeline > li > .timeline-badge h3 {width: 200px; margin-top: -9px; margin-left: 25px;font-size: 17px; font-weight: bold; text-align: left;}
          .our-history .timeline > li.timeline-inverted .timeline-badge p , .our-history .timeline > li.timeline-inverted .timeline-badge h3 {text-align: right; float: right; margin-right: 25px;}

/*************************************
           our-service objects
           **************************************/
           .our-service { position: relative; padding-bottom: 280px; z-index: 1; }
           .objects-left { position: absolute; height: 100%; width: 100%; left: 0; top: 80px; z-index: -1; }
           .objects-left .objects-1 { position: absolute; left: 50px; top: 0; }
           .objects-left .objects-2 { position: absolute; left: 100px; bottom: 170px; }
           .objects-left .objects-3 { position: absolute; left: 50%; bottom: 150px; margin-left: -150px; }
           .objects-right { position: absolute; height: 100%; width: 100%; right: 0; top:80px; z-index: -1; }
           .objects-right .objects-4 { position: absolute; right: 0px; top: 0; }
           .objects-right .objects-5 { position: absolute; right: 0px; bottom: 170px; }
           .objects-right .objects-bottom { position: absolute; right: 0px; bottom: 0; }


/*************************************
           related-posts objects
           **************************************/
           .related-posts .blog-simple4 { min-height: 90px; }

/*************************************
         sidebar area
         **************************************/
         .sidebar {
          background-color: #eeeeee;
          padding: 1.5em;
        }
        .sidebar h2 {
          font-size: 28px;
          color: #401067;
        }
        .section-title.line-dabble .title:before {
          background: rgba(216, 216, 216, 1);
        }

        .sidebar-widget { margin-bottom: 2.5em; }
        .sidebar-widget p { margin-bottom: 0px; }
        /*.widget-search */
        .widget-search { position: relative; }
        .widget-search input { padding-right: 30px; color: #353535; box-shadow: none; background: #f6f7f8; }
        .widget-search i { position: absolute; right: 0px; padding: 16px 22px; font-size: 14px; color: #626262; cursor: pointer;  }
        .widget-search input:focus { border-color: #9d52da; }

        /*Recent Posts*/
        .sidebar-widget .recent-post { border-bottom: 1px dashed rgba(0, 0, 0, 0.2); padding-bottom: 20px; margin-bottom: 20px; }
        .sidebar-widget .recent-post .recent-post-image { float: left; margin-right: 15px; }
        .sidebar-widget .recent-post .recent-post-image img { width: 50px; height: 50px; border-radius: 50%; }
        .sidebar-widget .recent-post .recent-post-image.no-radius img { border-radius: 0; }
        .sidebar-widget .recent-post .recent-post-info { overflow: hidden; }
        .sidebar-widget .recent-post .recent-post-info a  { display: block; margin-bottom: 5px; color: #323232; }
        .sidebar-widget .recent-post .recent-post-info a:hover { color: #9d52da; }
        .sidebar-widget .recent-post .recent-post-info span { color: #9d52da; font-style: italic; font-size: 14px; }
        .sidebar-widget .recent-post .recent-post-info span i { padding-right: 10px; }
        .sidebar-widget .recent-post:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }

        /*widget-archives*/
        .sidebar-widget .widget-categories li { display: block; margin-bottom: 6px; }
        .sidebar-widget .widget-categories li a { font-size: 14px; color: #626262; line-height: 32px; display: block; }
        .sidebar-widget .widget-categories li i { font-size: 16px; line-height: 17px; padding-left: 2px; margin-right: 10px; width: 20px; height: 20px; text-align: center; }
        .sidebar-widget .widget-categories li a:hover { color: #9d52da; }
        .sidebar-widget .widget-categories li a:hover i { border-color: #9d52da; color: #9d52da; }
        .sidebar-widget .widget-categories li ul { margin-left: 1.2em; }
        .sidebar-widget .widget-categories li ul li { margin: 0; }

        /*widget-link*/
        .sidebar-widget .widget-link li { display: block; margin-bottom: 6px; }
        .sidebar-widget .widget-link li a { font-size: 14px; color: #626262; line-height: 32px; display: block; }
        .sidebar-widget .widget-link li i { font-size: 16px; line-height: 17px; padding-left: 2px; margin-right: 20px; width: 20px; height: 20px; text-align: center; }
        .sidebar-widget .widget-link li a:hover { color: #9d52da; }

        /*tags*/
        .sidebar-widget .widget-tags li { display: inline-block; }
        .sidebar-widget .widget-tags li a { background: #f6f7f8; color: #323232; border-radius: 3px; padding: 8px 16px; line-height: 40px; font-size: 14px; margin-right: 2px; }
        .sidebar-widget .widget-tags li a:hover { box-shadow:   0px 3px 10px rgba(0, 0, 0, 0.1); background: #ffffff; }

        /*widget-testimonial*/
        .sidebar-widget .testimonial-widget .testimonial-content { background: #f6f7f8; padding: 20px; font-style: italic; border-radius: 5px; position: relative; }
        .sidebar-widget .testimonial-widget .testimonial-content:before {  position: absolute; content: ""; bottom: -10px; width: 0; height: 0; border-style: solid; border-width: 10px 7.5px 0 7.5px;
        border-color: #f6f7f8 transparent transparent transparent; }
        .sidebar-widget .testimonial-widget .testimonial-info .testimonial-avtar { display: table-cell; padding-right: 20px;  }
        .sidebar-widget .testimonial-widget .testimonial-info .testimonial-avtar img { width: 50px; height: 50px; border-radius: 50%; }
        .sidebar-widget .testimonial-widget .testimonial-info .testimonial-name { display: table-cell;  vertical-align: top; }
        .sidebar-widget .testimonial-widget .testimonial-info .testimonial-name span { display: block; font-style: italic; font-size: 14px; }
        .sidebar-widget .testimonial-widget .testimonial-info:before { display: none; }

        /*widget-gallery*/
        .sidebar-widget .widget-gallery ul li { float: left; width: 58px; margin: 2px; list-style: none; }

        /*widget-newsletter*/
        .sidebar-widget .widget-newsletter { background: #f6f7f8; padding: 30px 20px; position: relative; z-index: 9; overflow: hidden; }
        .sidebar-widget .widget-newsletter .newsletter-icon { position: absolute; right: 0; top: -16px; padding: 10px; }
        .sidebar-widget .widget-newsletter .newsletter-icon i , .sidebar-widget .widget-newsletter .newsletter-icon span { font-size: 100px; z-index: 0; color: rgba(0, 0, 0, 0.05); }
        .sidebar-widget .widget-newsletter .form-control {  background: #ffffff; box-shadow: none; }

        /*widget-clients*/
        .sidebar-widget .widget-clients .item { background: #f6f7f8; padding: 30px 30px; }

        /*sidebar-widgets-wrap*/
        .sidebar-widget .recent-item  { margin-bottom: 20px; }
        .sidebar-widget .recent-item .recent-image  { display: table-cell; padding-right: 10px; width: 50px; float: left; }
        .sidebar-widget .recent-item .recent-info { display: table-cell; vertical-align: top; }
        .sidebar-widget .recent-item .recent-title a { color: #353535; font-weight: bold; }
        .sidebar-widget .recent-item .recent-title a:hover { color: #9d52da;}
        .sidebar-widget .recent-item .recent-meta li { display: inline-block; color: #353535; }

        /*opening-time*/
        .opening-time ul li { font-size: 14px; line-height: 20px; color: rgba(255,255,255,0.5); border-bottom: 1px solid #262626; padding-bottom: 14px; margin-bottom: 14px; }
        .opening-time ul li:last-child { border-bottom: 0; }

/*************************************
       page-title
       **************************************/
       .page-title { display: block; padding-top:30px; padding-bottom: 30px; position: relative; background-color: #791ec3;  }
       .page-title.bg-overlay-black-60:before  { z-index: 0; }
       .page-title .container { height: 100%; position: relative; }
       .page-title span { /*text-transform: capitalize;*/ }
       .page-title h1 {
        /*text-transform: capitalize;*/
        color: #ffffff;
        font-weight: 600;
        font-size: 2em;
        }
       .page-title h2 { text-transform: capitalize; color: #ffffff; font-weight: 600;font-size: 48px;line-height: 1.4em; }
       .page-title.page-post-details { padding-top:50px; padding-bottom: 30px; }
       .page-title.page-post-details h1 { font-size: 36px; }
       .page-title p { font-size: 1.1em; text-transform: capitalize; color: #ffffff; }
       .page-title .page-title-name { display: inline-block; width: 60%;}
       .page-title .page-breadcrumb li a:hover { color: #fffac2; }
       ul.page-breadcrumb li span {  color: #fff; font-size: 0.9em; /*text-transform: capitalize;*/ }
     ul.page-breadcrumb { /*padding-top: 30px;*/ }
       ul.page-breadcrumb li { color: #fff; display: inline-block; list-style: none; }
       ul.page-breadcrumb li i { font-size: 0.9em; padding: 0 7px;}
       ul.page-breadcrumb li a { color: #fff; font-size: 0.9em; text-transform: capitalize; }
       ul.page-breadcrumb li a:hover {  color: #791ec3; }
       .page-title.gray-bg h1, .page-title.gray-bg p { color: #323232; }
       .page-title.gray-bg ul.page-breadcrumb li a { color: #323232; }
       .page-title.gray-bg ul.page-breadcrumb li a:hover { color: #791ec3; }
       .page-title.gray-bg ul.page-breadcrumb li { color: #323232; }
       .page-title.gray-bg ul.page-breadcrumb li span { color: #791ec3; }

       /*center*/
       .page-title.center { text-align: center; }
       .page-title.center .page-title-name { display: block; width: inherit; }
       .page-title.center .page-breadcrumb { float: none; width: inherit; text-align: center; }

       /*right*/
       .page-title.right { clear: both; }
       .page-title.right .page-title-name { display: inline-block; float: right; text-align: right; }
       .page-title.right .page-breadcrumb { float: left; text-align: left; }

       /*small*/
       .page-title.small { padding-top:20px; padding-bottom: 20px; position: relative; }
       .page-title.small h1 { font-size: 22px; line-height: 24px; margin-bottom: 0px; margin-top: 8px; }
       .page-title.small .page-breadcrumb { padding-top: 10px; }

       /*gray-bg */
       .page-title.pattern h1, .page-title.pattern p { color: #323232; }
       .page-title.pattern ul.page-breadcrumb li a { color: #323232; }
       .page-title.pattern ul.page-breadcrumb li a:hover { color: #791ec3; }
       .page-title.pattern ul.page-breadcrumb li { color: #323232; }
       .page-title.pattern ul.page-breadcrumb li span { color: #791ec3; }

       /*light-overlay*/
       .page-title.light-overlay { position: relative; padding-top: 360px; }
       .page-title.light-overlay:before { position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; right: 0; content: ""; background: url(../../images/white-overlay.png);  background-repeat: repeat-x; background-position: bottom; }
       .page-title.light-overlay h1, .page-title.light-overlay p { color: #323232; }
       .page-title.light-overlay ul.page-breadcrumb li a { color: #323232; }
       .page-title.light-overlay ul.page-breadcrumb li a:hover { color: #791ec3; }
       .page-title.light-overlay ul.page-breadcrumb li { color: #323232; }
       .page-title.light-overlay ul.page-breadcrumb li span { color: #791ec3; }


       /*dark-overlay*/
       .page-title.dark-overlay { position: relative; padding-top: 360px; }
       .page-title.dark-overlay:before { position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; right: 0; content: ""; background: url(../../images/dark-overlay.png);  background-repeat: repeat-x; background-position: bottom; }




/*************************************
        About me
        **************************************/
        .about-me .custom-content { margin-top: 0px; }
        .about-me .maintenance-progress-bar { margin: 0; }
        .about-me .maintenance-progress-bar .progress-bar { margin: 0 44px;  }
        .maintenance-progress-bar .progress-bar .rotate { background: #9d52da !important; }
        .maintenance-progress-bar .progress-bar .right { background: #9d52da !important; }
        .about-me .portfolio-item { width: 100%;}
        .about-me .contact-me p { color: #363636; margin: 15px 0; display: table; }
        .about-me .contact-me i { float: left; color: #9d52da; margin-right: 15px; line-height: 23px; width: 20px; }
        .about-me .follow-me ul { margin-top: 20px; }
        .about-me .follow-me li { display: inline-block; }
        .about-me .follow-me li a { background: #e4e4e4; color: #9d52da; border-radius: 3px; display: block; width: 35px; height: 35px; line-height: 35px; margin-right: 2px; text-align: center; font-size: 16px; }
        .about-me .follow-me li a:hover { background: #9d52da; color: #fff; }

/*************************************
           Team 1 page
           **************************************/
           /*team-details*/
           .team-details .social{display:table;float:right;}
           .team-details .social li a { background:#f7f7f7 none repeat scroll 0 0;border-radius:3px;color:#9d52da;display:block;font-size:15px;height:35px;line-height:35px;margin-left:0px;text-align:center;width:35px; }
           .team-details .social li a:hover { background: #9d52da; color: #ffffff; }
           .team-details .info i{color:#f7f7f7;font-size:126px;left:0;position:absolute;z-index:0;}
           .team-details .info p{font-size:16px;font-style:italic;line-height:28px;padding-left:64px;position:relative;z-index:9;}

/*************************************
           blog page
           **************************************/
           .owl-carousel img { width: 100%; }
           /*pagination-nav*/
           .pagination { margin:0px; }
           .pagination li a { font-size: 15px; font-weight: 500; margin: 0 5px; color: #626262; border-radius: 3px; }
           .pagination>li:first-child>a, .pagination>li:first-child>span { border-radius: 3px; }
           .pagination>li:last-child>a, .pagination>li:last-child>span { border-radius: 3px; }
           .pagination>.active>a, .pagination>.active>a:hover { color: #626262; }
           .pagination > li > a, .pagination > li > span {   background: #f6f7f8; border:0px; text-align: center; }
           .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover  {  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); background-color:#9d52da; color: #ffffff;}
           .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { background-color:#9d52da; color: #ffffff; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); }
           .dataTables_paginate li.paginate_button.previous a, .dataTables_paginate li.paginate_button.next a { width: inherit; height: inherit; background: transparent !important; color: inherit !important;  box-shadow: none !important; }
           /*timeline blog*/
           .blog .timeline { list-style: none;  padding: 20px 0 20px;  position: relative; }
           .blog .timeline:before { top: 0; bottom: 0; position: absolute; content: " ";  width: 4px;  background-color: #f7f7f7;  left: 50%;  margin-left: -1.5px; }
           .blog .timeline > li { margin-bottom: 20px; position: relative; width: 46%; float: left; clear: left; }
           .blog .timeline > li:before,
           .blog .timeline > li:after { content: " "; display: table; }
           .blog .timeline > li:after { clear: both; }
           .blog .timeline > li:before,
           .blog .timeline > li:after { content: " "; display: table; }
           .blog .timeline > li:after { clear: both; }
           .blog .timeline > li > .timeline-panel { width: 95%; float: left; border: 1px solid #d4d4d4; /*border-radius: 2px;*/ /*padding: 20px;*/ position: relative; border:1px solid #f7f7f7;
            padding: 20px;  transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }
            .blog .timeline > li > .timeline-panel:before { position: absolute; top: 26px; right: -15px; display: inline-block; border-top: 15px solid transparent; border-left: 15px solid #f7f7f7;
              border-right: 0 solid #f7f7f7; border-bottom: 15px solid transparent; content: " "; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }
              .blog .timeline > li > .timeline-panel:after { position: absolute; top: 27px; right: -14px; display: inline-block; border-top: 14px solid transparent; border-left: 14px solid #fff;
                border-right: 0 solid #fff; border-bottom: 14px solid transparent; content: " "; }
                .blog .timeline > li > .timeline-badge { color: #fff; width: 54px; height: 54px; line-height: 18px; padding: 6px; font-size: 22px; border:4px solid #f7f7f7; background: #fff;
                border-radius: 50%; text-align: center; font-weight: bold; position: absolute; color: #f7f7f7; top: 16px; right: -73px; /*z-index: 100;*/ }
                .blog .timeline > li > .timeline-badge span { font-size: 13px; font-weight: normal; display: block; }
                .blog .timeline > li.timeline-inverted > .timeline-panel { float: right; }
                .blog .timeline > li.timeline-inverted > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; }
                .blog .timeline > li.timeline-inverted > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; }
                .blog .timeline-title {  margin-top: 0; color: inherit; }
                .blog .timeline-body > p,
                .blog .timeline-body > ul { padding:20px;  margin-bottom: 0; }
                .blog .timeline-body > p + p { margin-top: 5px; }
                .blog .timeline-footer { padding:20px; background-color:#f4f4f4; }
                .blog .timeline-footer > a { cursor: pointer; text-decoration: none; }
                .blog .timeline > li.timeline-inverted { float: right; clear: right; margin-top: 30px; margin-bottom:    0px; }
                .blog .timeline > li:nth-child(2){ margin-top: 60px; }
                .blog .timeline > li:nth-child(3){ margin-top: 60px; }
                .blog .timeline .entry-title i { font-size: 24px;}
                .blog .timeline-inverted .timeline-badge { margin-top: 70px}
                .blog .timeline li.timeline-inverted .timeline-panel:after { top: 98px; }
                .blog .timeline li.timeline-inverted .timeline-panel:before { top: 97px; }
                .blog .timeline > li.timeline-inverted > .timeline-badge { left: -73px; }
                .blog .timeline li.entry-date { top: 0; left: 0; position: absolute; right: 0; text-align: center; width: 100%; }
                .blog .timeline li.entry-date span { background: #f7f7f7; color: #363636; font-size: 16px; font-weight: 400; text-transform: capitalize; padding: 10px 25px;border-radius: 30px;}
                .blog .timeline li.entry-date-bottom { bottom: -30px; left: 0; position: absolute; right: 0; text-align: center; width: 100%; }
                .blog .timeline li.entry-date-bottom a {  background: #f7f7f7; padding: 7px 10px; color: #363636; font-size: 16px; padding: 10px 25px; border-radius: 30px; }
                .blog .timeline li.entry-date-bottom a:hover {  background: #9d52da; color: #fff; }
                .blog .timeline li:hover .timeline-panel { border-color: #9d52da; }
                .blog .timeline li:hover .timeline-badge a { color: #fff; }
                .blog .timeline li:hover .timeline-badge{ background: #9d52da; border-color: #9d52da;  }
                .blog .timeline li:hover .timeline-panel:before { border-left-color: #9d52da; border-right-color: #9d52da; }
                .blog .blog.timeline .entry-quote p { font-size: 16px; }
                /* blog 2 column masonry left sidebar */
                .blog.timeline-sidebar .timeline > li { width: 89%; }
                .blog.timeline-sidebar .timeline li .blog-entry-grid .grid-post li { width: 50%;}
                .blog.timeline-sidebar .timeline:before { left: 54px; }
                .blog.timeline-sidebar .timeline li.entry-date { text-align: left;}
                .blog.timeline-sidebar .timeline li.entry-date-bottom { text-align: left;}
                .blog.timeline-sidebar .timeline li.timeline-inverted .timeline-badge { left: -66px; }
                .blog.timeline-sidebar .timeline > li.timeline-inverted { margin-bottom: 0px; }
                .blog.timeline-sidebar .timeline > li:nth-child(3) { margin-top: 30px;  }
                .blog.timeline-sidebar .timeline li.entry-date { top: 3px; }
                .blog.timeline-sidebar .timeline li.entry-date span { font-size: 14px; padding: 10px 25px; }
                .blog.timeline-sidebar .timeline li.entry-date-bottom {  bottom: -48px; }
                .blog.timeline-sidebar .timeline li.entry-date-bottom a { font-size: 14px; padding: 10px 25px; }
                .blog.timeline-sidebar .timeline li .share ul li { width: auto; }

                /*blog-single*/
                .blog-single .blog-entry { box-shadow: none; }
                .blog-single .blog-entry .blog-detail { padding: 0; margin-top: 20px; }

                .blog-single .blog-entry .blog-detail h2.entry-content { font-size:26px; line-height: 1.3em; margin-bottom: 20px; }

                .blog-single .blockquote { font-style: italic;  line-height: 30px; background: #f6f7f8 !important;  }
                .blog-single .blog-entry.blockquote blockquote { background: #f6f7f8;color: #626262;  }
                .blog-single .blog-entry.blockquote blockquote cite {  color: #9d52da; }
                .blog-single .entry-share .tags { display: inline-block; }
                .blog-single .blog-entry.blockquote blockquote:before { color: #323232; top: 20px; }
                .page-item.active .page-link { background: #9d52da; border-color: #9d52da; }

                /*blog-comments*/
                .comments-1 .comments-photo { width: 106px; height: auto; float: left; border:5px solid #f7f7f7; margin-right: 20px; }
                .comments-1 .comments-photo img { width: 100%; }
                .comments-1 .comments-info { display: table; background: #f7f7f7; padding: 20px; margin-bottom: 20px; }
                .comments-1 .comments-info h4 { display: inline-block; }
                .comments-1 .comments-info span { font-size: 13px; color: #626262; }
                .comments-1 .comments-info a { color: #9d52da; }
                .comments-1 .comments-info a:hover { color: #363636; }
                .comments-1.comments-2 { padding-left: 127px; }
                .comments-1.comments-2 .comments-info { background: #fff; margin-bottom: 0px; padding: 20px 20px 10px; }

/*************************************
         error 404
         **************************************/
         .error-block { position: relative; z-index: 9; padding: 20px 0  130px 0px; }
         .error-block .error-text { position: absolute; text-align: center; left: 0; right: 0; z-index: -1; }
         .error-block .error-text h2 {   font-size: 420px; line-height: 300px; color: rgba(0, 0, 0, 0.1); position: absolute; left: 0; top: 0;  }
         .error-block .error-text  span { display: inline-block; position: absolute; right: -86px; top: 109px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); font-size: 124px; line-height: 90px; color: rgba(0, 0, 0, 0.1); font-weight: bold; }
         .error-block h1 { font-size: 87px; padding-top: 110px; }
         .error-block p { font-size: 33px; }

         .error-text-02 { position: relative; text-align: center;  }
         .error-text-02 h2 {   font-size: 420px; line-height: 300px; color: rgba(255, 255, 255, 0.2); position: relative; left: -70px; top: 0;  }
         .error-text-02  span { display: inline-block; position: absolute; right: -50px; top: 109px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); font-size: 117px; line-height: 100px; color: rgba(255, 255, 255, 0.2); font-weight: bold; }
         .error-middle { display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; }


/*************************************
            coming soon
            **************************************/
            .coming-soon { background: transparent;  }
            .coming-soon-countdown ul.countdown { list-style: none; margin: 75px 0; padding: 0;  display: block; text-align: center; }
            .coming-soon-countdown ul.countdown li { display: inline-block; width: 24%; }
            .coming-soon-countdown ul.countdown li span { font-size: 90px; font-weight: bold; line-height: 80px; color: #9d52da; }
            .coming-soon-countdown ul.countdown li p { color: #626262; font-size: 20px; text-transform: capitalize; margin-bottom: 30px; }
            .coming-soon .coming-soon-form input { color: #626262; }
            .coming-soon-form input { width: 50%; color: #fff; display: block; margin: 0 auto; }
            .coming-soon-form.contact-form input { width: 50%; display: block; margin: 0 auto; }
            .coming-soon-middle { padding: 100px; display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; }

/*************************************
         Register
         **************************************/
         .register-form .section-field { display: block; }
         .register-form .field-widget { position: relative; }
         .register-form .field-widget input { width: 100%; margin-bottom: 20px; }
         .register-form .field-widget select { width: 100%; margin-bottom: 20px; padding-left: 15px; }
         .register-form .field-widget  input.gui-input { padding-left: 140px;}
         .register-form .field-widget .button { background: #666; height: 46px; left: 0; margin: 2px; position: absolute; text-align: center; top: 0; width: 115px; border:0; line-height: 26px; }
         .register-form .nice-select { float: none; margin-bottom: 20px; background: #f6f7f8; border:0; }
         .remember-checkbox a {color: #9d52da; }
         .remember-checkbox label { position: relative; padding-left: 30px; font-size: 14px; cursor: pointer;}
         .remember-checkbox label:before, label:after { font-family: FontAwesome; font-size: 17px; position: absolute; top: -3px; left: 0; padding-left: 2px; border-radius: 3px; }
         .remember-checkbox label:before { border: 2px solid rgba(0, 0, 0, 0.1); content: ""; height: 20px; margin-top: 3px; width: 20px; }
         .remember-checkbox label:after { content: '\f00c'; max-width: 0; overflow: hidden; opacity: 0.5; transition: all 0.35s; -webkit-transition: all 0.35s; -ms-transition: all 0.35s; -ms-transition: all 0.35s; -o-transition: all 0.35s; }
         .remember-checkbox input[type="checkbox"] { display: none; }
         .remember-checkbox input[type="checkbox"]:checked + label:after { max-width: 25px; opacity: 1;  }
         .remember-checkbox label:before, .remember-checkbox after:before { color: #9d52da; }

/*************************************
         Login
         **************************************/
         .full-height-bg { height: 100vh; }
         /*login-2-social*/
         .login-social li { display: inline-block; margin: 2px 0px; }
         .login-social li a { transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;}
         .login-social li a.fb { display: block;  padding: 12px 20px; color: #fff; font-size: 14px; background: #4c70ad; border-radius:3px; }
         .login-social li a.twitter { display: block;  padding: 12px 20px; color: #fff; font-size: 14px; background: #25b6e6; border-radius:3px; }
         .login-social li a.pinterest { display: block;  padding: 12px 20px; color: #fff; font-size: 14px; background: #dd4b39; border-radius:3px; }
         .login-social li i { border-right: 1px solid #fff; padding-right: 10px; margin-right: 10px;  }
         .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover  { background: #9d52da; }

         /*login 02*/
         .section-transparent { background: transparent; }
         .login-bg  { background: #ffffff; }
         .login-bg .login-title { background: #9d52da; padding: 30px; }
         .login-bg .login-form { padding: 40px 30px; }
         .login-bg .login-social { padding: 30px; background: #f6f7f8; }

         /*login 02*/
         .register-bg  { background: #ffffff; }
         .register-bg .register-title { background: #9d52da; padding: 30px; }
         .register-bg .register-form { padding: 30px; }

/*************************************
         maintenance
         **************************************/
         img.logo-small { height: 40px; margin: 30px 0; position: relative; }
         .maintenance-main i { font-size: 100px; margin-bottom: 10px; color: #e4e4e4; }
         .maintenance-main h1 { font-size: 62px; text-transform: uppercase; font-weight: bold; }
         .maintenance-main p { font-size: 26px; line-height: 35px; margin-bottom: 70px;}
         .maintenance-form { width: 76%; margin: 0 auto; }
         .maintenance-form p { font-size: 19px; }
         .maintenance-form input { width: 50%; margin: 0 auto; }
         .maintenance-form #mc_embed_signup_scroll p { margin-bottom: 20px !important; }


         /*maintenance 2 */
         .maintenance-main h1 { font-size: 40px; text-transform: uppercase; font-weight: bold; margin-bottom: 20px; }
         .maintenance-contant p { line-height: 25px; margin-top:20px; font-size: 14px; }
         .progress-new { margin-top: 50px; height: 50px; background: #f6f7f8; border-radius: 0; margin-bottom: 50px; margin-left: auto; margin-right: auto; width: 50%; }
         .progress-bar-new { line-height: 50px; background-color: #9d52da; color: #ffffff; font-size: 20px; padding-left: 20px; }
         .progress-bar-new span { position: absolute; right: 30px; color: #323232; font-weight: bold; font-size: 20px; }

/*************************************
         Our clients
         **************************************/
         /*clients-box*/
         .clients-box { background: #f7f7f7; padding: 20px; }
         .clients-photo { position: relative; margin-right: 20px; width: 200px; height: 200px; float: left; display: table-cell; text-align: center; vertical-align: middle; background: #fff; }
         .clients-photo img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
         .clients-info { display: table; }
         .clients-info i { padding-right: 10px; }
         .clients-info a { font-size: 14px; color: #9d52da; }
         .clients-info a:hover { color: #626262; }
         .clients-info p { margin-top: 10px; }
         .happy-clients .tab-content { padding: 0 30px; position: relative; text-align: left; }
         .happy-clients .tab-content .quoter-icon { position: absolute; left: 0;  top: -10px; font-size: 120px;  line-height: 1; color: #9d52da;}
         .happy-clients .tab-content p{padding-left: 30px; font-size: 18px; padding-top: 10px; font-style: italic; }
         .happy-clients .nav-tabs li { overflow: visible; display: inline-block; padding: 0 5px; }
         .happy-clients .nav.nav-tabs li a, .happy-clients .nav.nav-tabs li a:hover, .happy-clients .nav.nav-tabs li a:focus { background: none; padding: 0; border:0; outline: none; background: transparent !important;}
         .happy-clients .nav-tabs li img {width: 96px; opacity: 0.1;   height: 96px; border-radius: 50%; }
         .happy-clients .nav-tabs li a.active img, .happy-clients .nav-tabs li a:focus img { border: 4px solid #fff;  opacity: 1;  top: -2px; box-shadow: 0 0 40px rgba(0,0,0,.3);  }
         .happy-clients .testimonial-avatar { position: relative; right: inherit; left: inherit; top: inherit; width: inherit; height: inherit; margin-left: inherit; margin-top: 30px; }
         .happy-clients .nav-tabs { border: 0; }

/***********************************
         process
         ************************************/
         .process-list .col-sm-12 { padding: 0 50px; }
         .process { margin: 0px; border: 2px dashed rgba(0, 0, 0, 0.3); position: relative; width: 100%; float: left; padding-bottom: 50px; padding-top: 50px; min-height: inherit; }
         .process.left { border-right: 0; border-top: 0; }
         .process.right { border-left: 0; border-top: 0; }
         .process .border-area.left-bottom { position: absolute; bottom: -2px; background: #fff; height: 110px; width: 110px; left: -2px; z-index: 99; }
         .process .border-area.left-bottom:before { content: ''; position: absolute; bottom: 0; left: 0px; right: 0; top: 0; border-bottom-left-radius: 70px; border-left: 2px dashed rgba(0, 0, 0, 0.3); border-bottom: 2px dashed rgba(0, 0, 0, 0.3); }
         .process .border-area.right-top { position: absolute; top: -2px; background: #fff; height: 110px; width: 110px; right: -2px; }
         .process .border-area.right-top:before { content: ''; position: absolute; bottom: 0; left: 0px; right: 0; top: 0; border-top-right-radius: 70px; border-right: 2px dashed rgba(0, 0, 0, 0.3); border-top: 2px dashed rgba(0, 0, 0, 0.3); }
         .process .border-area.right-bottom { position: absolute; bottom: -2px; background: #fff; height: 110px; width: 110px; right: -2px; }
         .process .border-area.right-bottom:before { content: ''; position: absolute; bottom: 0; left: 0px; right: 0; top: 0; border-bottom-right-radius: 70px; border-right: 2px dashed rgba(0, 0, 0, 0.3); border-bottom: 2px dashed rgba(0, 0, 0, 0.3); }
         .process .border-area.left-top { position: absolute; top: -2px; background: #fff; height: 110px; width: 110px; left: -2px; }
         .process .border-area.left-top:before { content: ''; position: absolute; bottom: 0; left: 0px; right: 0; top: 0; border-top-left-radius: 70px; border-left: 2px dashed rgba(0, 0, 0, 0.3); border-top: 2px dashed rgba(0, 0, 0, 0.3); }
         .process:first-child { padding-top: 0; }
         .process.left:first-child .process-step { top: 0; }
         .process:last-child {  border-bottom: 0; }
         .process:last-child .border-area.left-bottom { bottom: 0; }
         .process:last-child .border-area.left-bottom:before { border-bottom-left-radius:0; border-bottom: 0; }
         .process.left .process-step { position: absolute; top: 50px; left: -35px; z-index: 999; }
         .process.right .process-step { position: absolute; top: 50px; right: -35px; z-index: 99; }
         .process.left .process-content { padding-left: 80px; }
         .process.right .process-content{  padding-right: 80px; }
         .process .process-step strong { width: 70px; height: 70px; line-height: 70px; text-align: center; background: #9d52da;  border-radius: 100%; display: inline-block;
          z-index: 99; font-size: 20px; color: #fff; }
          .process .process-content { position: relative; z-index: 99; }
          .process .process-content span { font-size: 80px; line-height: 80px; color: #9d52da; }
          .process.left .process-content .process-icon { display: table-cell; padding-right: 30px; }
          .process.left .process-content .process-info { display: table-cell;  vertical-align: top; }
          .process.right .process-content .process-icon { float: right; padding-left: 30px; }
          .process.right .process-content .process-info { display: table-cell; vertical-align: top; }

/*************************************
         Careers
         **************************************/
         .agency-about  { padding-bottom: 100px; }

         /*careers accordion*/
         .careers .acd-des span { display: block; }

         /*careers form*/
         .careers-from .section-field label { margin-bottom: 10px; }

/*************************************
          sitemap
          **************************************/
          /*.sitemap h4 { margin-bottom: 25px; text-transform: capitalize; }
          .sitemap h4 i { padding-right: 10px; }
          .sitemap ul li { display: block; line-height: 34px; }
          .sitemap ul li i { padding-right: 10px; }
          .sitemap ul li a { font-size: 14px; color: #626262; text-transform: capitalize; }
          .sitemap ul li a:hover { color: #9d52da; }*/

/*************************************
             privacy-policy
             **************************************/
             .privacy-policy ul li { font-size: 14px; line-height: 30px; }
             .privacy-policy ul li i { padding-right: 10px; }

/*************************************
            page sidebar
            **************************************/
            .page-sidebar .page-content ul li { font-size: 14px; line-height: 30px; }
            .page-sidebar .page-content ul li i { padding-right: 10px; }

/*************************************
           terms and conditions
           **************************************/
           .terms-and-conditions ul li { font-size: 14px; line-height: 30px; }
           .terms-and-conditions ul li i { padding-right: 10px; }


           .special-feature .feature-text {padding:40px;}
           .special-feature { /*padding-bottom:-117px;*/ }
           .special-feature .row-eq-height.no-gutter { position:relative; z-index:99; margin-top:-117px; }


           .badge-success {
            background-color: #005f16;
          }
          .badge-info {
            background-color: #045f6e;
          }

/*************************
   BG - Images
   *************************/
   .parallax {   background-size: cover !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -ms-background-size: cover !important;  position: relative; z-index: 0; background-origin: initial; background-position: center center !important; background-repeat: no-repeat;  }
   .gradient-overlay{position:relative;}
   .gradient-overlay:before{content:""; width:100%; height:100%; position:absolute; left:0; top:0; z-index:-1; background:url(../images/construction/bg/gradient-overlay1.png) repeat-y left 0;}

/*************************************
        Front Page
        **************************************/

        .frontpage .blog-entry .blog-detail .entry-title h3,.frontpage .blog-entry .blog-detail .entry-title h3 a {
          font-size: 1em;
          line-height: 1.25em;
        }

        .frontpage.article-hilight ,
        .frontpage.article-hilight a ,
        .frontpage.article-hilight .blog-entry .blog-detail .entry-title a  ,
        .frontpage.article-hilight .blog-entry .entry-meta ul li a ,
        .frontpage.article-hilight .blog-entry .entry-meta ul li span,
        .frontpage.article-hilight .blog-entry .entry-meta ul li a span
        {
          color: #ffffff;
        }
        .blog-entry .entry-meta ul li a:hover
        {
          color: #d2a6f6;
        }

        .frontpage.article-hilight .blog-entry {
          box-shadow: none;
          border: 1px solid #ffffff;
        }

        .frontpage.article-hilight .btn.btn-primary {
          background-color: #401067;
        }

        .frontpage.article-hilight .blog-entry .blog-detail {
          background: none;
        }
        .frontpage-e-mag img {
          width: 60%!important;
          display: inline-block!important;
          padding: 0px 10px 0 10px!important;
        }

        /* Custom */

        .nav-tabs .nav-link{
          transition: all 0.3s ease-out 0s, border 0s;
        }

        .dropdown-toggle::after {
          border-top: none;
        }

        .sticky_card {
          position: relative;
          border: 1px solid #ece0f9;
        }
        .sticky_card.blog-entry .blog-detail {
          background-color: #fbf7fd;
        }
        .sticky_card .sticky_icon {
          width: 40px;
          height: 40px;
          line-height: 30px;
          font-size: 20px;
          position: absolute;
          left: 50%;
          top:-20px;
          border-radius: 50%;
          padding: 5px 0;
          margin-left: -20px;
          z-index: 100;
          color: #ffffff;
          text-align: center;
          box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06);
        }


        /* Calendar Widget */

        .calendar {
          padding: 10px;
          background-color: #ffffff;
        }

        .calendar ul {list-style-type: none;}

        .calendar .month {
          padding: 15px 15px;
          width: 100%;
          background: #ffffff;
          text-align: center;
        }

        .calendar .month ul {
          margin: 0;
          padding: 0;
        }

        .calendar .month ul li {
          color: #555555;
          font-size: 20px;
          text-transform: uppercase;
        }

        .calendar .month .prev {
          float: left;
          padding-top: 10px;
        }

        .calendar .month .next {
          float: right;
          padding-top: 10px;
        }

        .calendar .weekdays {
          margin: 0;
          padding: 10px 0;
          background-color: #ddd;
        }

        .calendar .weekdays li {
          display: inline-block;
          width: 13%;
          color: #666;
          text-align: center;
        }

        .calendar .days {
          padding: 10px 0;
          background: #eee;
          margin: 0;
        }

        .calendar .days li {
          list-style-type: none;
          display: inline-block;
          width: 13%;
          text-align: center;
          margin-bottom: 10px;
          font-size:12px;
          color: #777;
        }

        .calendar .days li .active {
          padding: 5px;
          background: #9d52da;
          color: white !important;
          border-radius:3px;
        }

        /* Add media queries for smaller screens */
        @media screen and (max-width:720px) {
          .calendar .weekdays li, .calendar .days li {width: 13.1%;}
          #section-laws ul li {
            width: 33%;
          }
        }

        @media screen and (max-width: 420px) {
          .calendar .weekdays li, .calendar .days li {width: 12.5%;}
          .calendar .days li .active {padding: 2px;}
        }

        @media screen and (max-width: 290px) {
          .calendar .weekdays li, .calendar .days li {width: 12.2%;}
        }

        /* bbpress */
        div#bbpress-forums {
          padding: 30px;
        }
        #bbpress-forums {
          font-size: 1em;
        }
        #bbpress-forums ul.bbp-forums {
          font-size: 0.9em!important;
        }

        /* wp polls */
        .wp-polls .Buttons {
          background: #791ec3;
          padding: 10px 20px;
          font-size: 1em;
          border: 0;
          color: #ffffff;
          text-transform: uppercase;
          font-weight: 500;
          display: inline-block;
          border-radius: 3px;
          text-align: center;
        }



/*edit footer*/
.footer-navigation-link .sub-menu {
    display: none;
}

/*edit status*/
    #widget-status .title,#widget-status .number{
        display: inline-block;
    }
    .ae.oneM{
     width: 24px;
     height: 24px;
     transition: 0.5s;
     background: url("/_static_html/images/icons/1year-01.png");
    background-repeat: no-repeat;
    background-size: 24px 24px;
    }
    .ae.oneM:hover{
    background: url("/_static_html/images/icons/1year-01-hover.png");
    background-repeat: no-repeat;
    background-size: 24px 24px;
    }

    .ae.oneM2{
     width: 24px;
     height: 24px;
     transition: 0.5s;
     background: url("/_static_html/images/icons/1all-01.png");
    background-repeat: no-repeat;
    background-size: 24px 24px;
    }
    .ae.oneM2:hover{
    background: url("/_static_html/images/icons/1all-01-hover.png");
    background-repeat: no-repeat;
    background-size: 24px 24px;
    }
/*www*/
    .ae.oneM3{
     width: 24px;
     height: 24px;
     transition: 0.5s;
     background: url("/_static_html/images/icons/1year-01-n.png");
    background-repeat: no-repeat;
    background-size: 24px 24px;
    }
    .ae.oneM3:hover{
    background: url("/_static_html/images/icons/1year-01-hover.png");
    background-repeat: no-repeat;
    background-size: 24px 24px;
    }

    .ae.oneM4{
     width: 24px;
     height: 24px;
     transition: 0.5s;
     background: url("/_static_html/images/icons/1all-01-n.png");
    background-repeat: no-repeat;
    background-size: 24px 24px;
    }
    .ae.oneM4:hover{
    background: url("/_static_html/images/icons/1all-01-hover.png");
    background-repeat: no-repeat;
    background-size: 24px 24px;
    }
/*edit news*/
.blog-entry .entry-image img {
    /* width: 100%; */
    width: auto;
    margin: 0 auto;
   /* margin-left: 27%;*/
}
/*edit footer*/
.footer .widget {
    margin-bottom: 0px;
}
/*edit sitemap*/
.smap h4 { margin-bottom: 25px; text-transform: capitalize; }
.smap h4 i { padding-right: 10px; }
.smap ul li { display: block; line-height: 34px; margin-left: 10px; }
.smap ul li i { padding-right: 10px; }
.smap ul li a { color: #626262; text-transform: capitalize;font-size: 0.8em; }
.smap ul li a:hover { color: #9d52da; }

.smap li.theme-color,.smap li.theme-color a{
color: #6c2e9f;
font-size:1.1em;
}

/*content*/
.myContent img{
max-width: 100%;
padding: 0 15px 0 0;
    height: auto;
}

/*related post*/
.crp_related{
  display:none;
}

/*recent post*/
.recent-post.banner-slider-3 .owl-carousel .owl-nav .owl-next,
.recent-post.banner-slider-3 .owl-carousel .owl-nav .owl-prev {
    top: 70px;
}

/*archive*/
.blog-entry .blog-detail .entry-title {
    /*height: 48px;*/
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
}
/*slide text bottom*/
#main-slider .portfolio-item .portfolio-overlay {
    padding: 15px 20px 15px 20px;
    background-color: rgb(0,0,0,0.5)!important;
}

/*yop poll*/
.bootstrap-yop{
  margin-top:-40px;
}

.bootstrap-yop *{
border:none !important;
background:none !important;
font-family: 'Kanit', sans-serif;
color: #555555;
}

.bootstrap-yop .progress-bar{
background:#ad66e7 !important;
}

.bootstrap-yop .basic-vote a{
background-color:#791ec3 !important;
border-radius:3px !important;
transition:0.5s;
text-decoration:none;
}
.bootstrap-yop .basic-vote a:hover{
background:#333 !important;
}

/*academician*/
.accordion.accordion-border .acd-heading {
    font-family: kanit;
}
ul.list-arrow li a {
    color: #333333;
    padding-left: 3px;
    font-family: kanit;
}
/*content default template*/
.mecontent ul{
  padding:0 20px;
}
.mecontent ul li{
  padding:0 0px;
}

.tab.nav-bt .nav.nav-tabs > li> a.active {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border: 3px solid;
    border-color: #7a4cd3;
    border-bottom: 3px solid #ffffff !important;
    color: #9d52da;
    background-color: #fff;
}

.tab-border.tab-content {
    padding: 20px;
    border: 1px solid #eeeeee;
    margin-top: -1px;
    border-top: 3px solid #9d52da;
    margin-top: -3px;
}

/*blog*/
.blog.blog-simple2.blog-left .blog-image.image-crop-h100,
.blog-box.blog-2.blog-entry .blog-image.image-crop-h100
{
    overflow: hidden;
    max-height: 100px;
}
.blog.blog-simple2.blog-left .blog-image.image-crop-h150,
.blog-box.blog-2.blog-entry .blog-image.image-crop-h150
{
    overflow: hidden;
    max-height: 150px;
}
.blog.blog-simple2.blog-left .blog-image.image-crop-h200,
.blog-box.blog-2.blog-entry .blog-image.image-crop-h200
{
    overflow: hidden;
    max-height: 200px;
}

.blog-entry .entry-image.image-crop-h300
{
    overflow: hidden;
    max-height: 300px;
}

.pattern-bg-1 .section-title.line-dabble .title:before {
    background: #cd83ff!important;
}
.pattern-bg-1 .section-title.line-dabble .title:after {
    background: #f3e3ff!important;
}

.ib {
    display: inline-block!important;
}
.entry-share.ib.right {
    margin: 0;
}
.right {
    float: right;
}

/*news*/
.col-lg-9 .col-lg-4 .blog-entry .entry-image,
.col-lg-9 .col-lg-4 .blog-entry .blog-entry-you-tube,
.col-lg-9 .col-lg-4 .blog-entry .blog-entry-html-video {
  overflow: hidden;
  max-height: 160px;
}

.col-lg-9 .col-lg-4 .blog-entry .grid-post li {
    max-height: 75px;
    overflow: hidden;
}

.col-lg-9 .col-lg-4 .blog-entry .blog-detail {
  min-height: 160px;
}
span.badge.badge-pill.badge-primary2{
    /*background-color: #eee;
    color: #d64d4d;*/
    background-color: #791ec3;
    color: #fff;
    font-size: 1em;
}

.blog-video h3{
    font-size: 1.4em;
    margin-top: 20px;
    margin-bottom: 20px;
}
.blog.blog-simple-icon.blog-left .blog-image{
  width: 50px;
   margin-right: 10px;
    float: left;
    position: relative;
}
.blog.blog-simple-icon.blog-left .blog-name{
    width: 90%;
}
.blog.blog-simple-icon.blog-left .entry-share{
  width:90%;
  margin-left:7%;
}
.blog.blog-simple-icon.blog-left .social span.fa {
    margin-right:-2px;
}

.pageviews-wrapper svg {
    fill: #9d52da;
}

.blog-box .entry-share .entry-button{
  font-size:13px;
}

.blog-box.blog-2.blog-entry h4 a
{
  font-size:1em;
}
.blog.blog-entry.blog-info.blog-simple3.blog-left h4 a
{
  font-size: 0.8em;
}

#section-other-info .fa.fa-2x {
    font-size: 1.4em;
}

.widget.footer-social-link.ab-right {
    right: 10px;
    position: absolute;
}
.widget.footer-social-link.ab-bottom {
    bottom: 10px;
    position: absolute;
}
/*----*/
.footer-address-info ul, .footer-navigation-link ul {
    margin-left: 30px;
    margin-right: 30px;
    width: 100%;
}
/*---*/
span.fa {
    margin: 0;
}
/*addthis*/
.addthis_toolbox a {
    margin-right: 0;
}
/*job market*/
.display-tc {
  display: table-cell;
}
#section-labor-market h3.card-header {
    font-size: 1.1em;
}
#section-labor-market .card-title {
    font-size: 1.1em;
}
.mystat{
        font-size: 1em;
        font-family: kanit;
        color:rgba(152, 0, 251, 0.8);
    }

/* tab icon & color */
.tab-icon-color.tab-border .tab-content {
    border: 1px solid #9d52da;
    margin:0;
}
.tab-icon-color.tab-border .nav.nav-tabs > li > a.active, .tab-icon-color.tab-border .nav.nav-tabs > li > a.active:focus, .tab-icon-color.tab-border .nav.nav-tabs > li > a.active:hover {
    color: #ffffff;
    background: #9d52da!important;
    border: none;
}
.tab-icon-color.tab .nav.nav-tabs li a {
    border: none;
    font-size: 1.4em;
    color: #555555;
}
.tab-icon-color a span {
  color: #ffffff;
}
.tab-icon-color li.nav-item a span {
    color: #555555;
}
.tab-icon-color li.nav-item a.active span {
    color: #ffffff;
}
/* end tab icon & color */

/* callcenter */
#callcenter img {
  max-height: 55px;
}
/* end callcenter */

/*แก้ไขสี ข้อความลิงค์ บริการ*/

.footer-navigation-link ul.list-arrow li a {
    color: #6c329f;
    padding-left: 3px;
    font-family: kanit;
}
.footer-navigation-link ul.list-arrow li a:hover {
    color: #555555;
}

/* ปรับลูกศรซ้ายขวา section นโยบายรัฐบาล, วาทะ... ไม่ให้มันไม่กวนกับภาพด้านหลัง*/
.owl-carousel.transparent .owl-nav i ,.owl-carousel.transparent .owl-nav span{ opacity: 0.05; font-size: 20px; width:36px; height:36px; line-height:36px; display: inline-block; color:#ffffff; border-radius: 3px; background:#401067; border:0px solid #3d3d3d; font-weight:normal; text-align: center; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}

.owl-carousel.transparent .owl-nav i:hover ,.owl-carousel.transparent .owl-nav span:hover{ opacity: 1; background:#333; color:#ffffff;}

/*แก้ไข footer ที่ bg เป็น dark*/
.dark-bg .footer-navigation-link ul.list-arrow li a {
    color: #ffffff;
}
/*footer-callcenter*/

.widget.footer-callcenter {
    max-width: 180px;
    position: absolute;
    margin-top: -77px;
    /*left: 50%;
    margin-left: -90px;*/
}
/*overlay black to violet*/
.blog-overlay.blog-overlay-color-1 .blog-name {
    background-color: rgba(173,54,247,0.6);
}

.owl-carousel .owl-nav span.overlay {
    background-color: rgb(0,0,0,0.2);
}
.owl-carousel .owl-nav span.overlay {
    background-color: rgb(0,0,0,1);
}

#news-tab-06 .blog.blog-simple-icon.blog-left .blog-image {
width: auto;
margin-right: 0px;
}

.myContent h2{
    font-size: 1.5em;
}
.myContent h3 {
    font-size: 1.2em;
}

.myContent div ul li{
    margin-left: 20px;
}

.myContent .entry-content ul li{
  margin-left: 20px;
}
.page-english .logo-title{
    font-family: 'tahoma';
}
.page-english .logo-title div{
    text-align: justify;
}
.page-english .logo-title strong{
    font-weight: normal;
}
address{
    display: grid;
}

.e_o_c_pro_wrapper_template_1 .e_o_c_pro_profile_pic_top{
    height: auto;
}
.e_o_c_pro_wrapper_template_1 .e_o_c_pro_profile_pic{
    height: auto;
}
.e_o_c_pro_wrapper_template_1 .pseoc_mid_content{
    border-radius: 5px;
}
.e_o_c_pro_wrapper_template_1 .pseoc_mid_content {
    padding-left: 5px;
    padding-right: 5px;
}

.page-english .logo .logo-wrapper .logo-title{
    font-size: 0.7em;
}

body.calendar{
    padding: 0;
}

.myPage.blog-detail ul li{
        list-style-type:none;
    }

.section-contact .mblock {
    font-size: 0.9em;
}

.banner-slider-2 .mblock, .banner-slider-2 .mblock {
    margin-top: 1em;
    font-size: 1.2em;
    line-height: 1.1em;
}
.blog-info .mblock {
    margin-bottom: 10px;
    font-size: 1em;
    line-height: 1.3em;
}
.dropdown-menu li a {
    width: 200px;
    white-space: normal;
}
ul.dropdown-menu li ul.dropdown-menu {
    top:0px;
    left: 200px;
}
.basic-answer .basic-text{
    font-size: 1em;
}
.mtxt.textresizer-active {
    background: #781ec3!important;
}
.mtxt.textresizer-active:after {
    color: #ffffff!important;
}

.fancybox-overlay-fixed .fancybox-skin{
    height:400px !important;
}

.fancybox-overlay-fixed .fancybox-inner{
       margin-top: 20px !important;
    margin-left: 15px !important;
    height: 300px !important;
}

.fancybox-overlay-fixed .default .fancybox-inner .person-fancybox .teamchartdescription {
    height: 246px !important;
}

.fancybox-overlay-fixed .default .fancybox-inner .person-fancybox .photo {
    width: 30%;
}
#teamchart-div.default .person .name p {
    font-size: 0.8em !important;
	color: #791ec3;
}
#teamchart-div.default .person .image {
    max-height: 135px;
}
#teamchart-div.default .person .Job {
    color: #9d52da;
}

.owl-carousel .owl-item .ckimg, .item .ckimg{
    width: 20%;
    max-height:40px;
    position:static;
    float:left;
    overflow:hidden;
    margin-left:2%;
}
.owl-carousel .owl-item .cktitle, .item .cktitle{
    width: 75%;
    position: static;
    float: left;
    margin-left: 3%;
    overflow: hidden;
    height: 49px;
}
.owl-carousel .owl-item .ckimg img, .item .ckimg img{
  width:100%;
}
.wint .item{
    width:100%;
    min-height:60px;
    padding:5px 0 5px;
    border:solid 1px #ccc;
  }
@media all and (max-width: 1199px) {
	.blog-overlay {
		max-height: 366px;
	}
}
ul.website-standard img {
    max-width: 59px;
}
.eq-h .owl-stage {
    display: -webkit-flex;
    display: flex;
}
.fixed-height {
    min-height: 65px;
}
.tax-procurement_categories table td > p, .tax-procurement_categories table td, #sidebar .sidebar-widget a {
    color: #000 !important;
}
.call-center-bar {
    position: absolute;
    left: 20px;
    bottom: -2em;
    max-width: 180px;
}
@media all and (max-width: 991px) {
	.call-center-bar {
		left: calc(50% - (180px / 2));
	}
}
#customDatepicker .ui-datepicker-inline {
    background-color: transparent;
    box-shadow: none;
    border: 0;
    padding: 0;
    margin: 0 auto;
}
#customDatepicker .ui-datepicker-header {
    background: #791ec3;
    color: #fff;
    border: 0;
    margin: 0;
    padding: 0;
    border-radius: 0;
}
#customDatepicker .ui-datepicker-header > a span {
    display: none;
}
#customDatepicker .ui-datepicker-header > a {
    margin: 0;
    width: 30px;
    height: 30px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}
#customDatepicker .ui-datepicker-header > a.ui-state-hover {
    background: transparent;
    border: 0;
    color: #000;
}
#customDatepicker .ui-datepicker-calendar thead {
    background-color: #caa0f2;
}
#customDatepicker .ui-widget-content {
    background: #f7eeff;
    border-radius: 0;
}
#customDatepicker a.ui-state-active {
    background: transparent;
    border: 0;
    color: #000;
}
#customDatepicker a.ui-state-default {
    text-align: center;
}
#customDatepicker a.ui-state-default {
    text-align: center;
    background: transparent;
    border: 0;
    color: #333;
}
#customDatepicker a.ui-state-hover {
    background: #ddd;
}
#customDatepicker a.ui-state-active {
    background: transparent;
}
#customDatepicker .ui-datepicker-today {
    background: transparent;
    position: relative;
}
#customDatepicker .ui-datepicker-today:before {
    content: '';
    border: 2px solid #791ec3;
    border-radius: 100%;
    position: absolute;
    height: 35px;
    width: 35px;
    top: -1px;
    left: 4px;
    pointer-events: none;
}
#customDatepicker .ui-datepicker-current-day {
    background: transparent;
}
#customDatepicker td.ui-state-active {
    background: transparent;
    border: 0;
    border-radius: 0;
}
#customDatepicker td.ui-state-active:not(.ui-datepicker-today) > a {
    background: #caa0f2;
    color: #fff;
}
#customDatepicker .ui-datepicker-current-day:not(.ui-datepicker-today) a.ui-state-active {
    background-color: #791ec3;
    color: #fff;
}
#customDatepicker .ui-datepicker-current-day.ui-datepicker-today:before {
    background-color: #791ec3;
}
#customDatepicker .ui-datepicker-current-day.ui-datepicker-today a {
  color: #fff;
  position: relative;
  z-index: 1;
}
.start-stop-date {
    min-width: 140px;
}
div#ui-datepicker-div {
    display: none;
}
@media all and (min-width: 768px) {
  .eqh > a {
      position: absolute;
      right: 15px;
      bottom: 0;
  }
  .eqh {
    min-height: 25px;
    width: 100%;
  }
}
@media all and (max-width: 1199px) {
  .site-navigation.navdown ul.navbar-nav > li > .nav-link {
      padding-right: 0.4em;
      padding-left: 0.4em;
  }
  #lang-link2 ul {
    list-style: none;
    display: -webkit-flex;
    display: flex;
  }
  #lang-link2 img {
    max-width: 20px;
  }
}
img.img-fluid.lazyload {
    height: 300px;
    width: 100%;
}
body.home .blog-overlay {
    height: auto;
}
.blog-single h2 {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
.blog-single ul {
    margin: 1em;
}
.organizational-chart .item-space, .organizational-chart .insert-item, .organizational-chart .sec2 {
    border: 1px solid #8d44d3;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.31);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.31);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.31);
}

ol.organizational-chart ol:before, ol.organizational-chart ol:after, ol.organizational-chart li:before, ol.organizational-chart li:after, ol.organizational-chart > li > div:before, ol.organizational-chart > li > div:after {
    background-color: #d4aff1;
    content: '';
    position: absolute;
}
.organizational-chart buton.btn {
    position: relative;
    z-index: 2;
    background-color: #7b3cc4 !important;
    margin-top: 5px;
    color: #fff;
}


/***************************/
.style-history {text-align: center;border-bottom: 1px dashed #eee;}
.style-history li {
    margin: 5px;
    display: inline-block;
    width: 30%;
    background: #eee;
    padding: 15px !important;
    text-align: center;
}
.history-con h2{
  color: #791ec3;
  font-size: 1.5em;
  font-weight: 600;
  margin-top: 1.5em !important;
}
.history-con p{
    text-indent: 4.5em;
    text-align: justify;
}
.history-con ul{margin-left: 4.5em;}
.history-con img {float: left; margin: 0 20px;}
@media all and (max-width:768px) {
  .style-history {padding-bottom: 1em;}
  .style-history li{width: 45%;}
  .history-con p{text-indent: 1.5em; text-align: left !important;}
  .history-con ul{margin-left: 1.5em;}
  .history-con img {
    display: block;
    margin: auto;
    float: none;
    padding-left: 10px;
  }
  .year-plan-down a {width: 100%;}
  .year-plan-down th {font-size: 0.9em;padding-bottom: 1em;}
}
@media all and (max-width: 415px) {
  .style-history ul {padding: 0 !important;margin: 0 !important;}
  .style-history li {width: 45%; font-size: 0.75em; padding: 0 !important;}
  .contact-address .col-md-5 {margin-top: 2.5em;}
}
@media all and (max-width: 736px) and (orientation: landscape){
.style-history li {width: 45%; padding: 0 !important;}
.style-history ul {padding: 0 !important;margin: 0;}
}
@media all and (max-width: 376px){.style-history li {font-size: 0.7em !important; padding: 0 2px !important;}}
@media all and (max-width: 813px) and (orientation: landscape){.style-history li {width: 45%} .contact-address .col-md-5 {margin-top: 2.5em;}}
@media all and (max-width: 321px){
  .style-history li {width: 100% !important}
}
.year-plan-down {
    text-align: center;
    margin: 1.5em 0;
}
.year-plan-down th {
    font-size: 1.25em;
    padding-bottom: 1em;
}
.year-plan-down a {
    background: #6c2e9f;
    width: 65%;
    display: block;
    color: #fff;
    padding: 0.5em;
    border-radius: 45px;
    margin: auto;
    border: 1px solid transparent;
}
.year-plan-down a:hover{background: #fff;border: 1px solid #6c2e9f;color: #6c2e9f;}
.year-plan-down td:first-of-type {font-size: 1.25em; font-weight: 600;}
.year-plan-down td {padding: 1.5em; border-bottom: 1px dashed #ddd;}
.box-contact {font-size: 0.8em; padding: 0;}
.box-contact td:first-of-type {text-align: center;vertical-align: middle;font-weight: 600;}
.box-contact th {text-align: center; font-size: 1.25em; padding: 0.25em;border-radius: 15px 15px 0 0;}
.box-contact table {margin: 0.25em; border: 1px solid; border-radius: 15px !important; display: block; height: 25em; width: 99%;}
.box-contact tbody {position: relative;}
/*.theme-bg .text-center h2:before {
    content: '\f2a0';
    font-family: fontawesome;
    transform: rotate(-35deg);
    position: absolute;
    left: 115px;
    font-size: 1.25em;
    background: yellow;
    height: 55px;
    width: 55px;
    border-radius: 45px;
}
.theme-bg .text-center p{font-size: 1.5em}*/
@media all and (max-width:768px) { .contact-3-info {margin: 1em !important; margin-left: 1.25em !important;}
.box-contact table{width: 100% !important}
}

.owl-carousel.mycontrol .owl-stage {
    margin-left: auto;
}
/*tiny mce css*/
img.alignleft, img.aligncenter, img.alignright {
    display: block;
    padding: 0;
}
img.aligncenter {
  margin: 0 auto;
}
img.alignright {
  margin: 0;
  margin-left: auto;
}
img.alignleft {
  margin: 0;
  margin-right: auto;
}
.dropdown-menu > li:hover {
    position: relative;
}
.dropdown-menu > li:hover > .dropdown-menu {
    display: block !important;
    left: 100%;
    top: 0;
    padding-top: 0;
    padding-bottom: 0;
    min-height: 35px;
}
.entry-content img {
    max-width: 100%;
    height: auto;
}
.badge-success {
    background-color: #f00;
}
a.ui-datepicker-prev:before {
    content: '\f104';
    font-family: FontAwesome;
    cursor: pointer;
}
a.ui-datepicker-next:before {
    content: '\f105';
    font-family: FontAwesome;
    cursor: pointer;
}
table.tribe-events-calendar a:hover {
    text-decoration: underline !important;
}
.ccf-form-wrapper .field input[type=file] {
    line-height: inherit !important;
}
.lity {
    z-index: 99999 !important;
}
.template-org-chart3 .tab-pane .row > div:nth-child(n+5) {
    margin-top: 3rem;
}
@media all and (max-width: 991px) {
    .template-org-chart3 .tab-pane .row > div:nth-child(n+4) {
        margin-top: 3rem;
    }
}
@media all and (max-width: 767px) {
    .template-org-chart3 .tab-pane .row > div {
        margin-top: 3rem;
    }
}
.masonry.popup-gallery {
    max-width: 100%;
}
.template-org-chart3 ul {
    padding-left: 20px;
}
@media all and (max-width: 425px) {
  h3.small-text {
      font-size: 1.25rem;
  }
  h4.small-text {
      font-size: 1.1rem;
  }
}
.fancybox-overlay {
    z-index: 9999;
}
table.aligncenter {margin-left: auto;margin-right: auto;}
table.alignright {margin-left: auto;}

div#lang-link li.lang-item:not(.lang-item-en):not(.lang-item-th) {
    display: none;
}

/*config google analytic set*/
footer #widget-status.footer-widget-status.icon-cycle .title{
width:30%;
}
footer #widget-status.footer-widget-status.icon-cycle .number{
width:60%;
font-size: 1em;
}
footer #widget-status.footer-widget-status.icon-cycle .number .unit{
font-size: 0.85em;
}
.home .banner-slider-1.copyright .item img {
    max-height: 60px;
}

@media screen and (max-width: 800px){
	embed{
	width:99%;
	}
	.mecontent .rtecenter img{
		max-width:99%;
	}
	.mecontent img{
		max-width:99%;
	}
	img{
		max-width:99%;
	}
	.mecontent iframe{
	  max-width:99%;
	}
}


/* Sine - 7th Jan 2020 */
#wp-admin-bar-new-content > .ab-sub-wrapper {
    overflow: auto;
    max-height: 90vh;
}
#wp-admin-bar-new-content > .ab-sub-wrapper::-webkit-scrollbar {
  width: 8px;
}
#wp-admin-bar-new-content > .ab-sub-wrapper::-webkit-scrollbar-track {
  background: #32373c;
}
#wp-admin-bar-new-content > .ab-sub-wrapper::-webkit-scrollbar-thumb {
  background: #777;
  border-radius: 5px;
}
#wp-admin-bar-new-content > .ab-sub-wrapper::-webkit-scrollbar-thumb:hover {
  background: #00b9eb;
}
/* Sine - 7th Jan 2020 */

@media print {
    .table th {
        background-color: #791ec3 !important;
        color: #fff !important;
    }
    .navbar {
        display: block;
    }
}


/* Sine - 28th Mar 2020 */
del {
    background-color: unset !important;
    color: inherit;
}
/* Sine - 28th Mar 2020 */

/*edit pagination*/
@media only screen and (max-width: 520px) {
ul.pagination.justify-content-center{
justify-content: left !important;
}
}

/*edit pagination*/
.pagination {
flex-wrap: wrap !important;
}
#cover_page .txt{
	background-color: #a88723!important;
	width:100%!important;
}