/* Minification failed. Returning unminified contents.
(4391,1): run-time error CSS1019: Unexpected token, found '@import'
(4391,9): run-time error CSS1019: Unexpected token, found 'url(http://fonts.googleapis.com/css?family=Lato:300,400,700)'
(4488,24): run-time error CSS1046: Expect comma, found '68'
(4488,29): run-time error CSS1046: Expect comma, found ')'
(4613,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4614,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4627,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4628,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5161,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5162,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(5166,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(5167,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(5171,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5172,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(5342,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5343,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(5347,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(5348,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(5352,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5353,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(5401,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5402,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(5408,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(5409,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(5415,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5416,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
 */
/**
*
**/
/*------- Fonts ---------*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900|Playfair+Display:400i');
@import url('../font/ProximaNova-Regular/styles.css');
/*----bootstrap css ----- */
@import url('../vendor/bootstrap/css/bootstrap.min.css');
/*----bootstrap Select ----- */
@import url('../vendor/bootstrap-select-1.10.0/dist/css/bootstrap-select.min.css');
/*----Camera---*/
@import url('../vendor/Camera-master/css/camera.css');
/*-------fancy box --------*/
@import url('../vendor/fancybox/dist/jquery.fancybox.min.css');
/*----font awesome -------*/
@import url('../font/font-awesome/css/font-awesome.min.css');
/*----owl-carousel css----*/
@import url('../vendor/OwlCarousel2/dist/assets/owl.carousel.min.css');
@import url('../vendor/OwlCarousel2/dist/assets/owl.theme.default.min.css');
/*-------- animated css ------*/
@import url('../vendor/WOW-master/css/libs/animate.css');
/*--------- flat-icon ---------*/
@import url('../vendor/my-iconsF-L/font/flaticon.css');
/*-------Hover Css --------*/
@import url('../vendor/hover.css');
/*--------- Jquery ui ---------*/
@import url('../vendor/jquery-ui/jquery-ui.min.css');
/***

====================================================================
  Loading Transition
====================================================================

 ***/
#loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999;
  background: #fff;
  overflow: hidden;
}

#loader {
  background: url(../images/1.gif);
  width: 64px;
  height: 64px;
  position: relative;
  top: 50%;
  margin: -32px auto 0 auto;
}
/*======== Global css ========*/
@font-face {
  font-family: "font-awesome";
  src: url('../font/font-awesome/fonts/fontawesome-webfont.ttf');
  src: url('../font/font-awesome/fonts/fontawesome-webfont.eot'), /*IE9 Compat Modes*/
  url('../font/font-awesome/fonts/fontawesome-webfont.woff') format ('woff'), /* Pretty Modern Browsers */
  url('../font/font-awesome/fonts/fontawesome-webfont.woff2') format ('woff2'), /* Super Modern Browsers */
  url('../font/font-awesome/fonts/fontawesome-webfont.svg') format ('svg'), /* Legacy iOS */
}

* {
  margin: 0;
  padding: 0;
}

body {
  font-family: 'Open Sans', sans-serif;
  color: #1e1e1e;
  font-size: 14px;
  font-weight: 400;
  overflow-x: hidden;
  position: relative;
}

h1, h2, h3, h4, h5, h6, p, ul {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Open Sans', sans-serif;
  color: #1e1e1e;
  font-weight: 400;
}

h1 {
  font-size: 40px;
  line-height: 85px;
  font-weight: 800;
}

h2 {
  font-size: 59px;
  line-height: 65px;
  font-weight: 800;
}

h3 {
  font-size: 24px;
  line-height: 34px;
  font-weight: 700;
}

h4 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
}

h5 {
  font-size: 16px;
  line-height: 30px;
}

h6 {
  font-size: 13px;
}

p {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  line-height: 36px;
  font-size: 14px;
}

a {
  text-decoration: none;
  display: inline-block;
  font-weight: 500;
  color: #fff;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

  a:hover, a:active, a:visited, a:focus {
    text-decoration: none;
    outline: none;
    color: #fff;
  }

button {
  border: none;
  outline: none;
  box-shadow: none;
  display: block;
  padding: 0;
}

ul {
  list-style-type: none;
}

.clear-fix {
  clear: both;
}

  .clear-fix:after {
    display: table;
    content: '';
    clear: both;
  }

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.single_item_wrapper > div, .Send-message-OPSON > form > button, .Send-message-OPSON > form > input, .Send-message-OPSON > form > textarea,
.related-product-slider.owl-theme .owl-nav [class*=owl-], .SHoP-Adoban-T-Shirt-ITEM .Adoban-T-Shirt-ITEM-IMG > div, .SHoP-Adoban-T-Shirt-ITEM .Adoban-T-Shirt-ITEM-IMG > img,
.Leave-A-Reply > form > button, .SingleBlog-Rashed-kabir-section > ul > li > .SingleBlog-Rashed-kabir-TEXT > h4, .Blog-LisT-OuR-NewS-GRID_FOUR_ITEM .Blog-LisT-Keyword > ul > li,
.OuR-TeaM-IMgE-ITAM > .IMgE-ITAM-Opact, .isotop_menu .SELECT-OpSON .dropdown-menu > li, #theme-main-banner .camera_prev, #theme-main-banner .camera_next,
header.main-header .main-menu .navbar-nav > li.dropdown-holder .sub-menu li a, header.main-header .main-menu .navbar-nav > li.dropdown-holder .sub-menu li,
.tran3s {
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.Blog-LisT-OuR-NewS-ITeM .OuR-NewS-ITeM .OuR-NewS-IMG > img, .BLOG-Our-News-SECTIoN > .item > .BLOG-Our-Blog-Item > img,
.FeatureD-ServiceS-ITEm .ServiceS-ITEm-IMG > .ITem-Img > .IMg-O-PA-CT, .FeatureD-ServiceS-ITEm .ServiceS-ITEm-IMG > .ITem-Img > img,
.mixitUp_menu ul li, .Home-CReativity .creativitY-left-said > div > img, .Home-CReativity .creativitY-right-said > div > img,
.tran7s {
  -webkit-transition: all .7s ease-out;
  -moz-transition: all .7s ease-out;
  -ms-transition: all .7s ease-out;
  -o-transition: all .7s ease-out;
  transition: all .7s ease-out;
}

.p-color {
  color: #ffdc61;
}

.p-color-bg {
  background: rgba(0,0,0,0.8);
}

.TEXT-align {
  text-align: center;
}
/***

====================================================================
  INDEX HOME
====================================================================

 ***/

/*======================== Header Theme Menu ====================*/

.theme-main-header {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 999;
}

header.main-header .theme-main-menu {
  width: 100%;
  height: 100px;
  position: relative;
  z-index: 99999;
  background: rgba(0,0,0,0.8);
}

header.main-header .main-menu .manu-icon,
header.main-header .main-menu .logo {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 999999;
}

header.main-header .main-menu .logo {
  left: 150px;
}

  header.main-header .main-menu .logo a img {
    width: 130px;
    margin-top: 0;
  }

header.main-header .main-menu .manu-icon {
  right: 50px;
}

  header.main-header .main-menu .manu-icon > div > a > i {
    font-size: 28px;
    position: relative;
    margin-right: 30px;
  }

    header.main-header .main-menu .manu-icon > div > a > i > span {
      position: absolute;
      height: 20px;
      width: 20px;
      background: #33dd47;
      border-radius: 50%;
      display: inline-block;
      text-align: center;
      font-size: 12px;
      line-height: 20px;
      right: -10px;
      bottom: -10px;
      color: #fff;
    }

header.main-header .main-menu .medal-manu {
  position: relative;
  height: 76px;
}

header.main-header .main-menu .navbar {
  position: absolute;
  top: 38%;
  left: 0;
  right: 0;
  margin: 0 auto;
  border: none;
  border-radius: 0;
  width: 870px;
  min-height: auto;
}

header.main-header .main-menu .navbar-nav {
  margin: 0;
}

header.main-header .main-menu .navbar-collapse {
  padding: 0;
  box-shadow: none;
  float: right;
}

header.main-header .main-menu .navbar-nav > li a {
  font-family: 'Open Sans', sans-serif;
  background: transparent;
  font-size: 12px;
  text-transform: uppercase;
  color: #fff;
  padding: 8px 15px;
  line-height: 30px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

header.main-header .main-menu .navbar-nav > li:hover a,
header.main-header .main-menu .navbar-nav > li:focus a {
  background: transparent;
}

header.main-header .main-menu .manu-icon > div > a > i:hover,
header.main-header .main-menu .navbar-nav > li.dropdown-holder .sub-menu li a:hover,
header .search_option .search:hover,
header.main-header .main-menu .navbar-nav > li a:hover {
  /*color: #cbb8c6;*/
  color: #ffdc61;
  text-shadow: 1px 1px 2px #080808;
}

.main-menu nav ul li.dropdown-holder .fa {
  display: none;
  line-height: 40px;
  width: 45px;
  font-size: 18px;
  color: #cbb8c6;
  position: absolute;
  top: 0;
  right: 5px;
  text-align: right;
  cursor: pointer;
}

.navbar-toggle {
  float: left;
  border-radius: 0;
  border: 3px solid #cbb8c6;
  margin: 0;
  margin: 0 auto;
}

  .navbar-toggle .icon-bar {
    background: #cbb8c6;
    height: 3px;
    width: 30px;
  }

  .navbar-toggle:hover {
    background: #cbb8c6;
  }

    .navbar-toggle:hover .icon-bar {
      background: #fff;
    }

header .search_option {
  position: relative;
}

  header .search_option .search {
    background: transparent;
    border: none;
    font-size: 25px;
    color: #fff;
  }

  header .search_option form.dropdown-menu {
    position: absolute;
    height: 55px;
    width: 280px;
    padding: 5px;
    border-radius: 0;
    right: 0;
    left: auto;
    top: 50px;
    font-size: 15px;
    box-shadow: none;
    border: none;
    float: none;
    margin: 0;
    background: #fff;
  }

  header .search_option form input {
    width: 100%;
    height: 100%;
    background: transparent;
    outline: none;
    border: 1px solid #ececec;
    padding: 0 49px 0 10px;
  }

  header .search_option form button {
    display: block;
    width: 48px;
    background: #ffdc61;
    color: #fff;
    border: 1px solid #fff;
    border-left: none;
    line-height: 45px;
    text-align: center;
    position: absolute;
    top: 4px;
    right: 5px;
  }
/*=================== Sub Menu ==============*/
header.main-header .main-menu .navbar-nav > li.dropdown-holder .sub-menu {
  position: absolute;
  width: 230px;
  top: 93px;
  left: 15px;
  background: #f1f0ef;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  z-index: 99999;
}

header.main-header .main-menu .navbar-nav > li.dropdown-holder:hover .sub-menu {
  opacity: 1;
  visibility: visible;
  top: 45px;
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
  z-index: 99999;
}

header.main-header .main-menu .navbar-nav > li.dropdown-holder .sub-menu li a {
  line-height: 46px;
  color: #000;
  padding: 0 10px;
  display: block;
  border-bottom: 1px solid #e9e9e9;
  position: relative;
  z-index: 1;
}

header.main-header .main-menu .navbar-nav > li.dropdown-holder .sub-menu li:hover {
  background: #ffdc61;
}

header.main-header .main-menu .navbar-nav > li.dropdown-holder .sub-menu li a:hover {
  color: #fff;
}

header.main-header .main-menu .navbar-nav > li.dropdown-holder .sub-menu li:last-child a {
  border: none;
}
/* ((((((((((((((((((((( scroll Menu ))))))))))))))))))))*/
@keyframes menu_sticky {
  0% {
    margin-top: -120px;
    opacity: 0;
  }

  50% {
    margin-top: -64px;
    opacity: 0;
  }

  100% {
    margin-top: 0;
    opacity: 1;
  }
}

header.main-header .main-menu.fixed {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 999;
  margin: 0;
  animation-name: menu_sticky;
  animation-duration: 0.90s;
  animation-timing-function: ease-in-out;
  height: 72px;
  background: rgba(0, 0, 0, 0.80);
}

  header.main-header .main-menu.fixed .medal-manu {
    height: 60px;
  }

  header.main-header .main-menu.fixed .navbar {
    top: 22%;
  }

/***

====================================================================
  Theme Main Banner
====================================================================

 ***/
.camera_wrap {
  float: none;
}

#theme-main-banner .camera_overlayer {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /*background: rgba(0,0,20,.6);*/
}

#theme-main-banner.camera_wrap .camera_pag .camera_pag_ul {
  position: absolute;
  top: 50%;
  left: 35px;
  text-align: center;
}

#theme-main-banner .camera_prev, #theme-main-banner .camera_next {
  background: #000;
  background: rgba(0,0,0,0.5);
  height: 120px;
  width: 30px;
  margin-top: -60px;
  text-align: center;
}

  #theme-main-banner .camera_prev:hover, #theme-main-banner .camera_next:hover {
    background: rgba(0,0,0,1);
  }

  #theme-main-banner .camera_prev > span, #theme-main-banner .camera_next > span {
    background: none;
    display: block;
    width: 100%;
    height: 100%;
  }

    #theme-main-banner .camera_prev > span:before, #theme-main-banner .camera_next > span:before {
      font-family: 'font-awesome';
      font-size: 32px;
      color: #fff !important;
      line-height: 120px;
      background: rgba(212,211,211,1) !important;
      border-radius: 75%;
    }

    #theme-main-banner .camera_prev > span:before {
      width: 100%;
      height: 100%;
      content: url(../images/caret-left.svg);
    }

    #theme-main-banner .camera_next > span:before {
      content: url(../images/caret-right.svg);
    }

#theme-main-banner.camera_wrap .camera_pag .camera_pag_ul li {
  display: block;
  width: 10px;
  height: 10px;
  margin: 6px 2px;
  background: transparent;
  border: solid 1px #fff;
  text-align: center;
}

  #theme-main-banner.camera_wrap .camera_pag .camera_pag_ul li span {
    display: none;
  }

  #theme-main-banner.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent {
    background: rgb(47, 33, 55);
    border: solid 4px #cbb8c6;
    width: 14px;
    height: 14px;
    margin: 4px 0;
  }

#theme-main-banner .camera_caption {
  height: 100%;
}

  #theme-main-banner .camera_caption > div {
    background: transparent;
    position: absolute;
    width: 100%;
    z-index: 1;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    text-shadow: none;
    left: 0;
    padding: 0;
  }

  #theme-main-banner .camera_caption .container.align-center {
    text-align: center;
  }

  #theme-main-banner .camera_caption .container.align-right {
    text-align: right;
  }

  #theme-main-banner .camera_caption .container h1,
  #theme-main-banner .camera_caption .container a {
    color: #fff;
  }

    #theme-main-banner .camera_caption .container h5,
    #theme-main-banner .camera_caption .container h1 > span > i > sup,
    #theme-main-banner .camera_caption .container h1 > span > i {
      font-family: 'Playfair Display', serif;
      color: #ffdc61;
      font-size: 40px;
      font-weight: 400;
      text-transform: none;
    }

      #theme-main-banner .camera_caption .container h1 > span > i > span {
        font-size: 80px;
      }

      #theme-main-banner .camera_caption .container h1 > span > i > sup {
        top: -0.8em;
      }

  #theme-main-banner .camera_caption .container h5 {
    margin-bottom: 20px;
  }

  #theme-main-banner .camera_caption .container a {
    width: 160px;
    border: 1px solid #cdb8c7;
    margin: 8px 13px 0 0;
    line-height: 50px;
    text-align: center;
  }

  #theme-main-banner .camera_caption .container > a.hvr-bounce-to-right {
    border: 2px solid #ffdc61;
  }

    #theme-main-banner .camera_caption .container > a.hvr-bounce-to-right:before {
      background: #ffdc61;
    }

/*================= HOME-CREATIVITY ==============*/
.Home-CReativity {
  margin: 155px 0 170px;
}

  .Home-CReativity .creativitY-left-said {
    padding-left: 120px;
    padding-right: 15px;
  }

  .Home-CReativity .creativitY-right-said {
    padding-right: 120px;
    padding-left: 15px;
  }

    .Home-CReativity .creativitY-left-said > .creativity-IMg,
    .Home-CReativity .creativitY-right-said > .creativity-IMg {
      overflow: hidden;
    }

      .Home-CReativity .creativitY-left-said > .creativity-IMg > img,
      .Home-CReativity .creativitY-right-said > .creativity-IMg > img {
        width: 100%;
      }

    .Home-CReativity .creativitY-left-said:hover > .creativity-IMg > img,
    .Home-CReativity .creativitY-right-said:hover > .creativity-IMg > img {
      -webkit-transform: scale3D(1.1,1.1,1);
      transform: scale3D(1.1,1.1,1);
      opacity: .6;
    }

  .Home-CReativity .creativitY-left-said > .creativity-IMg {
    margin-bottom: 60px;
  }

  .Home-CReativity .creativitY-right-said > .creativity-IMg {
    margin-top: 60px;
  }

  .Home-CReativity .creativitY-left-said h6,
  .Home-CReativity .creativitY-right-said h6 {
    color: #c99e42;
    font-size: 14px;
  }

  .Home-CReativity .creativitY-left-said h2,
  .Home-CReativity .creativitY-right-said h2 {
    margin: 16px 0 28px;
    color: #1e1e1e;
  }

  .Home-CReativity .creativitY-left-said .creativitY-border,
  .Home-CReativity .creativitY-right-said .creativitY-border {
    width: 20%;
    padding-right: 10px;
  }

    .Home-CReativity .creativitY-left-said .creativitY-border > span,
    .Home-CReativity .creativitY-right-said .creativitY-border > span {
      width: 100%;
      display: inline-block;
      border-bottom: solid 1px #7b4f70;
    }

  .Home-CReativity .creativitY-left-said .creativitY-text,
  .Home-CReativity .creativitY-right-said .creativitY-text {
    width: 80%;
    padding-left: 20px;
  }

    .Home-CReativity .creativitY-left-said .creativitY-text > p,
    .Home-CReativity .creativitY-right-said .creativitY-text > p {
      font-size: 16px;
      color: #4a4a4a;
    }

    .Home-CReativity .creativitY-left-said .creativitY-text > a,
    .Home-CReativity .creativitY-right-said .creativitY-text > a {
      height: 34px;
      width: 34px;
      border-radius: 50%;
      background: #c99e42;
      margin: 31px 0 2px;
      text-align: center;
      line-height: 34px;
    }

/*================= HOME-Development-section ==============*/
.DEVELOPment-section > .DEVELOPment-BG-img {
  background: url(../images/HOME-IMG/Home-background-Img-1.jpg) no-repeat center;
  background-size: cover;
  text-align: center;
  height: 695px;
  padding-top: 117px;
}

  .DEVELOPment-section > .DEVELOPment-BG-img .logo-laptop > h2 {
    text-transform: none;
    color: #fff;
    line-height: 70px;
  }

  .DEVELOPment-section > .DEVELOPment-BG-img .logo-laptop .logo-laptop-IMG {
    margin-top: 92px;
  }

    .DEVELOPment-section > .DEVELOPment-BG-img .logo-laptop .logo-laptop-IMG > img {
      width: 100%;
    }

.DEVELOPment-section > .DEVELOPment-TexT {
  background: #202122;
  height: 470px;
  padding-top: 192px;
}

  .DEVELOPment-section > .DEVELOPment-TexT .DEVELOP-TexT-itam.DEVELOP-itam-ONe {
    padding-right: 55px;
  }

  .DEVELOPment-section > .DEVELOPment-TexT .DEVELOP-TexT-itam.DEVELOP-itam-TWo {
    padding: 0 20px 0 35px;
  }

  .DEVELOPment-section > .DEVELOPment-TexT .DEVELOP-TexT-itam.DEVELOP-itam-THRee {
    padding: 0 10px 0 45px;
  }

  .DEVELOPment-section > .DEVELOPment-TexT .DEVELOP-TexT-itam > div > div {
    height: 60px;
    width: 60px;
    border-radius: 50%;
    background: #c99e42;
    padding-left: 10px;
    margin-right: 28px;
    display: inline-block;
  }

  .DEVELOPment-section > .DEVELOPment-TexT .DEVELOP-TexT-itam.DEVELOP-itam-THRee > div > div {
    padding-left: 17px;
    margin-right: 38px;
  }

  .DEVELOPment-section > .DEVELOPment-TexT .DEVELOP-TexT-itam > div > h4 {
    display: inline-block;
    vertical-align: middle;
  }

  .DEVELOPment-section > .DEVELOPment-TexT .DEVELOP-TexT-itam:hover > div > h4 > a {
    color: #c99e42;
  }

  .DEVELOPment-section > .DEVELOPment-TexT .DEVELOP-TexT-itam > p {
    color: #7c7d7d;
    margin-top: 20px;
  }

/*================= HOME-THEM-HEADER-ONe ==============*/
.THEM-HEADER-ONe > div > span {
  display: inline-block;
  width: 77px;
  border-bottom: solid 1px #cdb8c7;
  vertical-align: middle;
  margin-right: 13px;
}

.THEM-HEADER-ONe > div > h6 {
  color: #c99e42;
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
}

.THEM-HEADER-ONe > h2 {
  margin-top: 28px;
}

/*================= HOME-WORK showcase. ==============*/
.WORK-showcase {
  margin: 136px 0 140px;
}

.WORK-item_wrapper {
  margin-top: 42px;
}

.isotop_menu {
  margin-bottom: 65px;
}

  .isotop_menu ul {
    display: inline-block;
  }

    .isotop_menu ul li {
      letter-spacing: 1px;
      font-size: 12px;
      font-weight: 700;
      display: inline-block;
      cursor: pointer;
      padding: 8px 16px;
      text-transform: uppercase;
      color: #9fa3a7;
      border: solid 2px #fff;
      border-radius: 16px;
    }

      .isotop_menu ul li.is-checked,
      .isotop_menu ul li:hover {
        color: #000;
        border-color: #c99e42;
      }

  .isotop_menu .SELECT-OpSON .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 150px;
    margin-top: 10px;
  }

  .isotop_menu .SELECT-OpSON .btn {
    padding: 0;
    color: #212121;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    background-image: none;
    border: none;
    border-radius: 0;
    letter-spacing: 2px;
    word-spacing: 7px;
  }

  .isotop_menu .SELECT-OpSON .btn-default:hover {
    background: transparent;
    color: #c99e42;
  }

  .isotop_menu .SELECT-OpSON .btn-default:focus {
    background: transparent;
    outline: none !important;
    box-shadow: none;
  }

  .isotop_menu .SELECT-OpSON .dropdown-menu > li {
    widows: 100%;
    display: block;
    border-radius: 0;
    padding: 8px;
  }

    .isotop_menu .SELECT-OpSON .dropdown-menu > li:hover {
      background: #c99e42;
    }

    .isotop_menu .SELECT-OpSON .dropdown-menu > li > a {
      display: block;
      padding: 0;
      clear: both;
      font-weight: 700;
      line-height: 1.42857143;
      color: #212121;
      white-space: nowrap;
      widows: 100%;
    }

    .isotop_menu .SELECT-OpSON .dropdown-menu > li:hover > a {
      background: transparent;
      color: #fff
    }

.gallery_item_wrapper > .grid-sizer,
.gallery_item_wrapper > .isotop-item {
  width: 33.333333%;
  padding: 12px 15px;
}

#isotop-gallery-wrapper .single_item_wrapper img {
  width: 100%;
}

.single_item_wrapper {
  position: relative;
  overflow: hidden;
}

  .single_item_wrapper > div {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(21,21,21,0.4);
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
  }

  .single_item_wrapper:hover > div {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }

  .single_item_wrapper > div > a {
    font-size: 70px;
    font-weight: 300;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    color: #fff;
    line-height: 0;
  }

    .single_item_wrapper > div > a:hover {
      color: #c99e42;
    }
/*================= HOME-CORE FEATURES ==============*/
.Core-Features {
  background: url(../images/HOME-IMG/Home-background-Img-2.jpg) no-repeat center;
  background-size: cover;
  background-attachment: fixed;
}

  .Core-Features > .Core-Features-OPAct {
    padding: 16px 0 140px;
  }

    .Core-Features > .Core-Features-OPAct > .container > .THEM-HEADER-ONe > h2 {
      margin-top: 10px;
    }

    .Core-Features > .Core-Features-OPAct .CORE-Features-wrapper {
      border: solid 10px #f4f6f8;
      margin-top: 80px;
      background: #fff;
    }

      .Core-Features > .Core-Features-OPAct .CORE-Features-wrapper .CORE-Features-ITAM {
        width: 33.333333%;
        float: left;
        height: 210px;
        position: relative;
        padding: 38px 35px 0 107px;
        overflow: hidden;
      }

.CORE-Features-wrapper .CORE-Features-ITAM.border-fix {
  border-bottom: solid 1px #e9e9e9;
  border-right: solid 1px #e9e9e9;
}

.CORE-Features-wrapper .CORE-Features-ITAM.border-bottom-fix {
  border-bottom: solid 1px #e9e9e9;
}

.CORE-Features-wrapper .CORE-Features-ITAM.border-R-fix {
  border-right: solid 1px #e9e9e9;
}

.CORE-Features-wrapper .CORE-Features-ITAM .Features-ITAM-icon {
  position: absolute;
  top: 38px;
  left: 40px;
}

.CORE-Features-wrapper .CORE-Features-ITAM .Features-ITAM-TexT > h5 {
  font-weight: 700;
  margin-bottom: 7px;
}

  .CORE-Features-wrapper .CORE-Features-ITAM .Features-ITAM-TexT > h5 > a {
    color: #212121;
  }

.CORE-Features-wrapper .CORE-Features-ITAM:hover .Features-ITAM-TexT > h5 > a {
  color: #c99e42;
}

.CORE-Features-wrapper .CORE-Features-ITAM .Features-ITAM-TexT > p {
  color: #9fa3a7;
}

/*================= HOME-CLIENT LOVE US ==============*/
.Client-Love-us-SECtion {
  padding: 65px 0 150px;
  text-align: center;
}

  .Client-Love-us-SECtion > .container > .THEM-HEADER-ONe > div > h6,
  .Client-Love-us-SECtion > .container > .THEM-HEADER-ONe > div > span {
    display: block;
  }

  .Client-Love-us-SECtion > .container > .THEM-HEADER-ONe > div > span {
    margin: 0 auto;
    height: 50px;
    border-right: solid 1px #c99e42;
    width: 0;
    margin-bottom: 17px;
  }

  .Client-Love-us-SECtion > .container > .THEM-HEADER-ONe > h2 {
    position: relative;
  }

    .Client-Love-us-SECtion > .container > .THEM-HEADER-ONe > h2 > img {
      position: absolute;
      top: -35%;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      z-index: -1;
    }

  .Client-Love-us-SECtion .item p {
    font-size: 35px;
    line-height: 48px;
    width: 76%;
    margin: 0 auto;
    color: #9fa3a7;
    padding: 55px 0 140px;
  }

  .Client-Love-us-SECtion .carousel-indicators {
    width: 100%;
    left: 0;
    margin: 0;
    bottom: -3px;
  }

    .Client-Love-us-SECtion .carousel-indicators li {
      width: 265px;
      height: 75px;
      border-radius: 0;
      border: none;
      background: none;
      text-indent: 0px;
      position: relative;
      padding-left: 98px;
      padding-top: 10px;
      text-align: left;
      margin: 0 20px;
      opacity: 0.3;
    }

      .Client-Love-us-SECtion .carousel-indicators li .Cliend-slid-IMG {
        position: absolute;
        width: 75px;
        height: 75px;
        left: 0;
        top: 0;
      }

        .Client-Love-us-SECtion .carousel-indicators li .Cliend-slid-IMG img {
          width: 100%;
          border-radius: 50%;
        }

      .Client-Love-us-SECtion .carousel-indicators li div > h5 > a {
        font-weight: 700;
        color: #1e1e1e;
      }

        .Client-Love-us-SECtion .carousel-indicators li div > h5 > a:hover {
          color: #c99e42;
        }

      .Client-Love-us-SECtion .carousel-indicators li div > i {
        font-family: 'Playfair Display', serif;
        color: #b6b6b6;
        font-weight: 400;
      }

      .Client-Love-us-SECtion .carousel-indicators li.active {
        opacity: 1;
      }

/*================= HOME-CREATIVE TEAM ==============*/
.Creative-Team-SECtion {
  background-color: #202122;
  text-align: center;
  padding: 75px 0 143px;
}

  .Creative-Team-SECtion > .container > .THEM-HEADER-ONe > div > h6,
  .Creative-Team-SECtion > .container > .THEM-HEADER-ONe > div > span {
    display: block;
  }

  .Creative-Team-SECtion > .container > .THEM-HEADER-ONe > div > span {
    margin: 0 auto;
    height: 50px;
    border-right: solid 1px #c99e42;
    width: 0;
    margin-bottom: 24px;
  }

  .Creative-Team-SECtion > .container > .THEM-HEADER-ONe > h2 {
    color: #fff;
    margin-top: 14px;
  }

.CREATIVE-TEAM-Slid {
  margin-top: 82px;
}

  .CREATIVE-TEAM-Slid .CREATIVE-TEAM-Item > img {
    width: 100%;
  }

  .CREATIVE-TEAM-Slid .TExt-iTem > h5 {
    font-weight: 500%;
    color: #fff;
    margin-top: 15px;
  }

  .CREATIVE-TEAM-Slid .TExt-iTem:hover > h5 > a {
    color: #c99e42;
  }

  .CREATIVE-TEAM-Slid .TExt-iTem > p {
    color: #c99e42;
  }

  .CREATIVE-TEAM-Slid > #CREATIVE-img-carousel.owl-theme .owl-nav [class*=owl-],
  .CREATIVE-TEAM-Slid > #CREATIVE-img-carousel > .owl-dots .owl-dot span {
    display: none;
  }

/*================= HOME-Our-Blog.  ==============*/
.HOME-Our-Blog {
  padding: 120px 0 115px;
}

  .HOME-Our-Blog > .container > .THEM-HEADER-ONe > h2 > a {
    color: #212121;
    font-size: 12px;
    font-weight: 700;
    float: right;
    word-spacing: 8px;
  }

    .HOME-Our-Blog > .container > .THEM-HEADER-ONe > h2 > a > i {
      font-size: 11px;
      color: #9fa3a7;
    }

    .HOME-Our-Blog > .container > .THEM-HEADER-ONe > h2 > a:hover {
      color: #c99e42;
    }

.HOME-Our-Blog-Slid {
  margin-top: 52px;
}

  .HOME-Our-Blog-Slid .HOME-Our-Blog-Item {
    position: relative;
  }

    .HOME-Our-Blog-Slid .HOME-Our-Blog-Item > div {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      padding: 35% 0 0 45px;
    }

      .HOME-Our-Blog-Slid .HOME-Our-Blog-Item > div > span {
        color: #c99e42;
        font-size: 15px;
        display: block;
        margin-bottom: 15px;
      }

      .HOME-Our-Blog-Slid .HOME-Our-Blog-Item > div > h3 > a {
        color: #fff;
        text-transform: none;
      }

      .HOME-Our-Blog-Slid .HOME-Our-Blog-Item > div:hover > h3 > a {
        color: #c99e42;
      }

  .HOME-Our-Blog-Slid > #HOME-Our-Blog-carousel.owl-theme .owl-nav [class*=owl-],
  .HOME-Our-Blog-Slid > #HOME-Our-Blog-carousel > .owl-dots .owl-dot span {
    display: none;
  }

/*================= HOME-OUR PARTNERS LOGO  ==============*/
.Our-partners-SEctioN {
  text-align: center;
  margin-bottom: 130px;
}

  .Our-partners-SEctioN > .container > .THEM-HEADER-ONe > div > h6,
  .Our-partners-SEctioN > .container > .THEM-HEADER-ONe > div > span {
    display: block;
  }

  .Our-partners-SEctioN > .container > .THEM-HEADER-ONe > div > span {
    margin: 0 auto;
    height: 50px;
    border-right: solid 1px #c99e42;
    width: 0;
    margin-bottom: 24px;
  }

  .Our-partners-SEctioN > .container > .THEM-HEADER-ONe > h2 {
    margin-top: 20px;
  }

.Our-partners-LOGO-Slid {
  margin-top: 70px;
}

#Our-partners-LOGO-carousel.owl-theme .owl-nav [class*=owl-],
#Our-partners-LOGO-carousel > .owl-dots .owl-dot span {
  display: none;
}
/*================= HOME- THEM-MAIN-FOOTER-SECTION ==============*/
.THEM-MAIN-FOOTER-SectioN {
  background-color: #000000;
  padding: 30px 0;
}

  .THEM-MAIN-FOOTER-SectioN .footer-manu-border {
    border-bottom: solid 1px #2d2e33;
    padding-bottom: 60px;
    margin-bottom: 60px;
  }

    .THEM-MAIN-FOOTER-SectioN .footer-manu-border .Footer-Manu-section {
      text-align: center;
    }

      .THEM-MAIN-FOOTER-SectioN .footer-manu-border .Footer-Manu-section > li {
        display: inline-block;
        font-size: 12px;
        font-weight: 300;
        padding: 0 14px;
        vertical-align: middle;
        margin-top: 5px;
      }

        .THEM-MAIN-FOOTER-SectioN .FooTer-BOTTOM-sectiuon > .LEFT-SID > h6 > a:hover,
        .THEM-MAIN-FOOTER-SectioN .footer-manu-border .Footer-ICon-section > li > a:hover,
        .THEM-MAIN-FOOTER-SectioN .footer-manu-border .Footer-Manu-section > li:hover > a {
          color: #c99e42;
        }

    .THEM-MAIN-FOOTER-SectioN .footer-manu-border .Footer-ICon-section > li {
      float: right;
      padding-left: 22px;
      vertical-align: middle;
      font-size: 20px;
    }

  .THEM-MAIN-FOOTER-SectioN .FooTer-BOTTOM-sectiuon > div > h6 {
    color: #737373;
  }

  .THEM-MAIN-FOOTER-SectioN .FooTer-BOTTOM-sectiuon > .LEFT-SID > h6 > a,
  .THEM-MAIN-FOOTER-SectioN .FooTer-BOTTOM-sectiuon > .LEFT-SID > h6 {
    font-size: 15px;
    text-transform: capitalize;
    margin-top: 15px;
  }

  .THEM-MAIN-FOOTER-SectioN .FooTer-BOTTOM-sectiuon > .RIGHT-SID > h6 {
    font-size: 12px;
    display: inline-block;
    font-weight: 300;
  }

    .THEM-MAIN-FOOTER-SectioN .FooTer-BOTTOM-sectiuon > .RIGHT-SID > h6:nth-child(1) {
      margin-right: 36px;
    }

/***

====================================================================
  HOME-INDEX-TWO
====================================================================

 ***/
header.main-header .theme-main-header-HOME_TWO .main-menu .navbar-nav > li a {
  color: #252525;
}

  .theme-main-header-HOME_TWO .main-menu.fixed .search_option .search:hover,
  header.main-header .theme-main-header-HOME_TWO .main-menu.fixed .navbar-nav > li > a:hover,
  header.main-header .theme-main-header-HOME_TWO .main-menu .navbar-nav > li a:hover {
    color: #c99e42;
  }

.theme-main-header-HOME_TWO .search_option .search,
.theme-main-header-HOME_TWO .main-menu .manu-icon > div > a > i {
  color: #252525;
}

.theme-main-header-HOME_TWO .main-menu.fixed .search_option .search,
.theme-main-header-HOME_TWO .main-menu.fixed .manu-icon > div > a > i {
  color: #fff;
}

header.main-header .theme-main-header-HOME_TWO .main-menu.fixed .navbar-nav > li > a {
  color: #fff;
}

header.main-header .theme-main-header-HOME_TWO .main-menu .LOGO-TwO {
  display: none !important;
}

header.main-header .theme-main-header-HOME_TWO .main-menu.fixed .LOGO-OnE {
  display: none !important;
}

header.main-header .theme-main-header-HOME_TWO .main-menu.fixed .LOGO-TwO {
  display: block !important;
}

/*================= HOME-TWO--BANNER ==============*/
#theme-main-banner.HOME-INDEX-TWO-Banner .camera_overlayer {
  background: transparent;
}

#theme-main-banner.HOME-INDEX-TWO-Banner .camera_caption .container h1 {
  margin-bottom: 30px;
}

#theme-main-banner.HOME-INDEX-TWO-Banner .camera_caption .container h1,
#theme-main-banner.HOME-INDEX-TWO-Banner .camera_caption .container a {
  color: #000;
}

  #theme-main-banner.HOME-INDEX-TWO-Banner .camera_caption .container a:hover {
    color: #fff;
  }

#theme-main-banner.camera_wrap.HOME-INDEX-TWO-Banner .camera_pag .camera_pag_ul li {
  border: solid 2px #c7c7c7;
}

  #theme-main-banner.camera_wrap.HOME-INDEX-TWO-Banner .camera_pag .camera_pag_ul li.cameracurrent {
    background: rgba(166,133,74,0.9);
    border: solid 4px #d5bf9a;
  }

/*================= HOME-TWO -- CREATIVITY ==============*/
.Home-TwO-CReativity {
  margin: 120px 0 220px;
}

/*================= HOME-TWO -- CORE FEATURES ==============*/
.HOME-TWO-Core-Features {
  background: transparent;
}

  .HOME-TWO-Core-Features > .HOME-TWO-Features-OPAct {
    padding: 32px 0 56px;
  }

    .HOME-TWO-Core-Features > .HOME-TWO-Features-OPAct .CORE-Features-wrapper {
      border: solid 1px #e9e9e9;
    }

/*================= HOME-TWO --CREATIVE TEAM ==============*/
.Home-two-OUR-Team-SECtion {
  background-color: transparent;
  padding: 75px 0 210px;
}

  .Home-two-OUR-Team-SECtion > .container > .THEM-HEADER-ONe > h2 {
    color: #000;
  }

  .Home-two-OUR-Team-SECtion > .container > .CREATIVE-TEAM-Slid {
    margin-top: 62px;
  }

  .Home-two-OUR-Team-SECtion .Our-Team-button > a {
    color: #000;
    width: 195px;
    height: 55px;
    line-height: 51px;
    text-align: center;
    border: solid 2px #ebebeb;
    font-size: 13px;
    font-weight: 500;
    margin-top: 65px;
  }

    .Home-two-OUR-Team-SECtion .Our-Team-button > a:hover {
      color: #fff;
    }

    .Home-two-OUR-Team-SECtion .Our-Team-button > a.hvr-bounce-to-right:before {
      background: #a6854b;
    }

/*================= HOME-TWO -- CLIENT LOVE US ==============*/
.HOme-TWo-Client-Love-us {
  padding: 70px 0 133px;
  background: #202122;
}

  .HOme-TWo-Client-Love-us > .container > .THEM-HEADER-ONe > h2 {
    color: #fff;
  }

  .HOme-TWo-Client-Love-us .carousel-indicators li div > h5 > a {
    color: #fff;
  }
/*=================  ABOUT US BANNER ==============*/
.Enar-Paje-BAnar {
  /*background: url(../images/Enar-Paje-BAnar-Img-1.jpg) no-repeat center;*/
  background: url(../images/2024/banner_002.jpg) no-repeat center;
  background-size: cover;
  padding: 100px 0 25PX;
  text-align: center;
}

  .Enar-Paje-BAnar .Enar-Paje-BAnaR-TExT {
    position: relative;
    margin-top: 45px;
  }

    .Enar-Paje-BAnar .Enar-Paje-BAnaR-TExT > span {
      position: absolute;
      left: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      font-size: 50px;
      font-weight: 700;
      color: #dddddd;
    }

    .Enar-Paje-BAnar .Enar-Paje-BAnaR-TExT > h1 {
      font-size: 72px;
      color: #fff;
      text-shadow: 2px 2px 1px #000;
    }

    .Enar-Paje-BAnar .Enar-Paje-BAnaR-TExT > h2 {
      font-size: 60px;
    }

    .Enar-Paje-BAnar .Enar-Paje-BAnaR-TExT > div {
      position: absolute;
      top: 40%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      right: -60px;
      transform: rotate(90deg);
    }

      .Enar-Paje-BAnar .Enar-Paje-BAnaR-TExT > div > a {
        color: #000;
        font-size: 14px;
        font-weight: 500;
      }

        .Enar-Paje-BAnar .Enar-Paje-BAnaR-TExT > div > a:hover {
          color: #a6854b;
        }

/*================= ABOUT US CREATIVITY ==============*/
.ABOUT-US-CReativity {
  margin: 124px 0 150px;
}

/*================= ABOUT US Why Love Our Work. ==============*/
.Why-LoVe-Our-WoRk-ABOUt-Us .Our-WoRk-ABOUt-Us-GRID-IteM-One > h2 {
  font-size: 48px;
  text-align: right;
  line-height: 60px;
}

.Why-LoVe-Our-WoRk-ABOUt-Us .Our-WoRk-ABOUt-Us-GRID-IteM-TwO {
  padding-left: 20px;
  margin-top: 13px;
}

  .Why-LoVe-Our-WoRk-ABOUt-Us .Our-WoRk-ABOUt-Us-GRID-IteM-TwO > div {
    border-left: solid 1px #ebebeb;
    padding-left: 60px;
    padding-top: 15px;
  }

  .Why-LoVe-Our-WoRk-ABOUt-Us .Our-WoRk-ABOUt-Us-GRID-IteM-TwO .GRID-TwO-TIMeR-IteM > div {
    width: 25%;
    float: left;
    padding-left: 10px;
    margin-bottom: 43px;
  }

    .Why-LoVe-Our-WoRk-ABOUt-Us .Our-WoRk-ABOUt-Us-GRID-IteM-TwO .GRID-TwO-TIMeR-IteM > div:nth-child(1) {
      padding-left: 0;
    }

    .Why-LoVe-Our-WoRk-ABOUt-Us .Our-WoRk-ABOUt-Us-GRID-IteM-TwO .GRID-TwO-TIMeR-IteM > div:nth-child(4) {
      padding-left: 90px;
    }

    .Why-LoVe-Our-WoRk-ABOUt-Us .Our-WoRk-ABOUt-Us-GRID-IteM-TwO .GRID-TwO-TIMeR-IteM > div:nth-child(3) {
      padding-left: 55px;
    }

    .Why-LoVe-Our-WoRk-ABOUt-Us .Our-WoRk-ABOUt-Us-GRID-IteM-TwO .GRID-TwO-TIMeR-IteM > div > h2 {
      font-size: 48px;
      font-weight: 700;
      line-height: 28px;
      margin-bottom: 13px;
    }

    .Why-LoVe-Our-WoRk-ABOUt-Us .Our-WoRk-ABOUt-Us-GRID-IteM-TwO .GRID-TwO-TIMeR-IteM > div > p {
      color: #bfbfbf;
    }

  .Why-LoVe-Our-WoRk-ABOUt-Us .Our-WoRk-ABOUt-Us-GRID-IteM-TwO .GRID-TwO-BUttoN-IteM > p {
    font-size: 20px;
    color: #1e1e1e;
    float: left;
  }

  .Why-LoVe-Our-WoRk-ABOUt-Us .Our-WoRk-ABOUt-Us-GRID-IteM-TwO .GRID-TwO-BUttoN-IteM > a {
    font-weight: 500;
    color: #1e1e1e;
    border-bottom: solid 2px #1e1e1e;
    float: right;
  }

    .Why-LoVe-Our-WoRk-ABOUt-Us .Our-WoRk-ABOUt-Us-GRID-IteM-TwO .GRID-TwO-BUttoN-IteM > a:hover {
      color: #a6854b;
      border-color: #a6854b;
    }

/*================= ABOUT US-Development-section==============*/
.DEVELOPment-section > .ABOUT-US-Development-BG-COlor {
  background: #202122;
  padding-top: 75px;
  margin-top: 190px;
  height: auto;
}

  .DEVELOPment-section > .ABOUT-US-Development-BG-COlor .logo-laptop {
    background: url(../images/Them-logo/main-logo-4.png) no-repeat center;
    height: 300px;
    padding-top: 123px;
    margin-top: -136px;
  }

.DEVELOPment-section > .ABOUT-US-Development-TEXT {
  background: #202122;
  height: 325px;
  padding-top: 45px;
}

/*================= ABOUT US Why Love Our Work. ==============*/
.ABOUT-US-OUR-Team-M {
  padding: 124px 0 155px;
}

/*================= ABOUT US -LOGO-MAgin ==============*/
.ABOUT-US-LOGO-MAgin {
  margin-top: 98px;
}

/***

====================================================================
	OUR-SERVICES--V--1
====================================================================

***/
/*================= OUR-SERVICES--Services We Provide ==============*/
.Services-We-Provide {
  margin: 120px 0 110px;
}

  .Services-We-Provide > .container > .THEM-HEADER-ONe > h2 {
    text-transform: capitalize;
  }

.Services-Provide-Item {
  margin-top: 50px;
}

  .Services-Provide-Item > .Provide-Item-DIV {
    width: 44%;
    float: left;
    height: 190px;
    margin-bottom: 10px;
  }

    .Services-Provide-Item > .Provide-Item-DIV:nth-child(5),
    .Services-Provide-Item > .Provide-Item-DIV:nth-child(3),
    .Services-Provide-Item > .Provide-Item-DIV:nth-child(1) {
      margin-right: 12%;
    }

    .Services-Provide-Item > .Provide-Item-DIV > div > h5 > a {
      color: #212121;
      font-weight: 700;
    }

    .Services-Provide-Item > .Provide-Item-DIV > div > img {
      height: 45px;
      margin-bottom: 23px;
    }

    .Services-Provide-Item > .Provide-Item-DIV > div > p {
      color: #9fa3a7;
      margin-top: 9px;
    }

    .Services-Provide-Item > .Provide-Item-DIV:hover > div > h5 > a {
      color: #a6854b;
    }

/*================= OUR-SERVICES-- Featured Services ==============*/
.FeatureD-ServiceS-SECtion {
  margin-bottom: 120px;
}

  .FeatureD-ServiceS-SECtion > .container > .THEM-HEADER-ONe {
    margin-bottom: 80px;
  }

.FeatureD-ServiceS-ITEm {
  margin-bottom: 100px;
}

  .FeatureD-ServiceS-ITEm .ServiceS-ITEm-IMG {
    padding-right: 40px;
  }

    .FeatureD-ServiceS-ITEm .ServiceS-ITEm-IMG > .ITem-Img {
      overflow: hidden;
      position: relative;
    }

      .FeatureD-ServiceS-ITEm .ServiceS-ITEm-IMG > .ITem-Img > img {
        width: 100%;
      }

      .FeatureD-ServiceS-ITEm .ServiceS-ITEm-IMG > .ITem-Img > .IMg-O-PA-CT {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0,0,0,0.6);
      }

  .FeatureD-ServiceS-ITEm:hover .ServiceS-ITEm-IMG > .ITem-Img > img {
    -webkit-transform: scale3D(1.1,1.1,1);
    transform: scale3D(1.1,1.1,1);
    opacity: 0.9;
  }

  .FeatureD-ServiceS-ITEm:hover .ServiceS-ITEm-IMG > .ITem-Img > .IMg-O-PA-CT {
    background: rgba(0,0,0,0.3);
  }

  .FeatureD-ServiceS-ITEm .ServiceS-ITEm-TExT {
    padding-left: 10px;
  }

    .FeatureD-ServiceS-ITEm .ServiceS-ITEm-TExT > span {
      display: block;
      font-size: 100px;
      font-weight: 700;
      color: #dbdbdb;
      line-height: 100px;
      margin-top: 25px;
    }

    .FeatureD-ServiceS-ITEm .ServiceS-ITEm-TExT > h2 {
      font-size: 36px;
      text-transform: capitalize;
    }

    .FeatureD-ServiceS-ITEm .ServiceS-ITEm-TExT > p {
      color: #939394;
      padding-right: 35px;
      margin: 10px 0 30px;
    }

    .FeatureD-ServiceS-ITEm .ServiceS-ITEm-TExT > a {
      color: #010101;
      border-bottom: solid 2px #010101;
      font-size: 13px;
      font-weight: 500;
    }

    .FeatureD-ServiceS-ITEm .ServiceS-ITEm-TExT:hover > a {
      color: #c99e42;
      border-color: #c99e42;
    }

  .FeatureD-ServiceS-ITEm .FLOAT-ITEm-IMG {
    float: right !important;
  }

    .FeatureD-ServiceS-ITEm .FLOAT-ITEm-IMG > .ServiceS-ITEm-IMG {
      padding: 0 0 0 40px;
    }

  .FeatureD-ServiceS-ITEm .FLOAT-ITEm-TExT > .ServiceS-ITEm-TExT {
    padding: 0 10px 0 0;
    text-align: right;
  }

    .FeatureD-ServiceS-ITEm .FLOAT-ITEm-TExT > .ServiceS-ITEm-TExT > p {
      padding: 0 0 0 35px;
    }

/***

====================================================================
	OUR-SERVICES--V--2
====================================================================

***/
/*============== OUR-SERVICES-V-2 Featured Services ==============*/
.FeatureD-ServiceS-V-TWO {
  background: #f8f8f8;
  margin: 0;
  padding: 120px 0;
}

  .FeatureD-ServiceS-V-TWO .ServiceS-V-TWO-tex {
    text-align: center;
    margin-bottom: 88px;
  }

    .FeatureD-ServiceS-V-TWO .ServiceS-V-TWO-tex > p {
      font-size: 18px;
      color: #1e1e1e;
    }

  .FeatureD-ServiceS-V-TWO .FeatureD-ServiceS-ITEm {
    background: #fff;
    -webkit-box-shadow: 0px 0px 10px 5px rgba(236,236,236,1);
    -moz-box-shadow: 0px 0px 10px 5px rgba(236,236,236,1);
    box-shadow: 0px 0px 10px 5px rgba(236,236,236,1);
  }

/***

====================================================================
	Portfolio-V-1
====================================================================

***/
/*==============  PORTFOLIO-WORK showcase.  ==============*/
.PORTFOLIO-WORK-V-One {
  margin: 80px 0 200px;
}

/***

====================================================================
	Portfolio-V-3
====================================================================

***/
/*==============  PORTFOLIO-WORK showcase.  ==============*/
.PORTFOLIO-WORK-V-THReE-MAR {
  margin: 120px 0 160px;
}

.PORTFOLIO-WORK-V-THRee .gallery_item-V-ThreE-padding_wrapper {
  padding: 0 30px;
}

.PORTFOLIO-WORK-V-THRee .gallery_item_wrapper-V-ThreE > .grid-sizer,
.PORTFOLIO-WORK-V-THRee .gallery_item_wrapper-V-ThreE > .isotop-item {
  width: 25%;
  padding: 7px 9px;
}

/***

====================================================================
	Single--Portfolio
====================================================================

***/
/*============== Single - Portfolio ==============*/
.Single-Portfolio-IMg-ITEM {
  margin: 120px 0 75px;
}

  .Single-Portfolio-IMg-ITEM img {
    width: 100%;
  }

.Single-Portfolio-Head-Line > h2 {
  text-transform: capitalize;
  padding-right: 50px;
}

.Portfolio-IteM-PADDing > .Our-WoRk-ABOUt-Us-GRID-IteM-TwO,
.Portfolio-IteM-PADDing {
  padding-left: 0;
}

.GRID-TwO-Single-Portfolio-IteM > div {
  float: left;
  width: 33.333333%;
}

  .GRID-TwO-Single-Portfolio-IteM > div > h2 {
    font-size: 30px;
    line-height: 45px;
  }

  .GRID-TwO-Single-Portfolio-IteM > div > p {
    color: #bfbfbf;
  }

.Single-Portfolio-BUttoN-IteM {
  margin-top: 22px;
}

  .Single-Portfolio-BUttoN-IteM > a {
    width: 152px;
    height: 47px;
    color: #fff !important;
    background-color: #1e1e1e;
    border: none !important;
    text-align: center;
    line-height: 47px;
  }

    .Single-Portfolio-BUttoN-IteM > a:hover {
      background: #ffdc61;
    }

/** ========== **/
.SinglE-Portfolio-IteM-TEXt-and-button {
  margin: 140px 0 180px;
}

  .SinglE-Portfolio-IteM-TEXt-and-button .Portfolio-IteM-TEXt-P {
    border-bottom: solid 1px #dfdede;
    padding-bottom: 30px;
    margin-bottom: 50px;
  }

    .SinglE-Portfolio-IteM-TEXt-and-button .Portfolio-IteM-TEXt-P > p {
      color: #9fa3a7;
      margin-bottom: 30px;
      font-size: 18px;
    }

      .SinglE-Portfolio-IteM-TEXt-and-button .Portfolio-IteM-TEXt-P > p:nth-child(1) {
        color: #1e1e1e;
        margin-bottom: 50px;
      }

.Portfolio-NEXT-PREV-button > span {
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
  color: #a8a8a8;
}

  .Portfolio-NEXT-PREV-button > span > a {
    height: 36px;
    width: 36px;
    text-align: center;
    line-height: 32px;
    border: solid 2px #cccccc;
    color: #cccccc;
    border-radius: 50%;
  }

.Portfolio-NEXT-PREV-button > .Portfolio-PREV > a {
  margin-right: 15px;
}

.Portfolio-NEXT-PREV-button > .Portfolio-NEXT > a {
  margin-left: 15px;
}

.Portfolio-NEXT-PREV-button > span:hover > a {
  background-color: #ffdc61;
  color: #fff;
}

.Portfolio-NEXT-PREV-button > span:hover {
  color: #ffdc61;
}

/***

====================================================================
	Our - Team
====================================================================

***/
.OuR-TeaM-SECTIOn {
  margin: 120px 0 150px;
}

.OuR-TeaM-IMgE-ITAM {
  overflow: hidden;
  margin-bottom: 35px;
  position: relative;
}

  .OuR-TeaM-IMgE-ITAM > img {
    width: 100%;
  }

  .OuR-TeaM-IMgE-ITAM > .IMgE-ITAM-Opact {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    opacity: 0;
  }

    .OuR-TeaM-IMgE-ITAM > .IMgE-ITAM-Opact:hover {
      opacity: 1;
    }

    .OuR-TeaM-IMgE-ITAM > .IMgE-ITAM-Opact > .ITAM-Opact-ICON {
      text-align: center;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      right: 0;
      left: 0;
      z-index: 999;
    }

      .OuR-TeaM-IMgE-ITAM > .IMgE-ITAM-Opact > .ITAM-Opact-ICON > h3 {
        color: #fff;
        text-transform: capitalize;
        margin-bottom: 200px;
      }

    .OuR-TeaM-IMgE-ITAM > .IMgE-ITAM-Opact:hover > .ITAM-Opact-ICON > h3 {
      margin-bottom: 10px;
    }

    .OuR-TeaM-IMgE-ITAM > .IMgE-ITAM-Opact > .ITAM-Opact-ICON > div {
      width: 130px;
      height: 42px;
      background: #000;
      margin: 0 auto;
    }

    .OuR-TeaM-IMgE-ITAM > .IMgE-ITAM-Opact > .ITAM-Opact-ICON > div,
    .OuR-TeaM-IMgE-ITAM > .IMgE-ITAM-Opact > .ITAM-Opact-ICON > h3 {
      -webkit-transition: all .4s ease-out;
      -moz-transition: all .4s ease-out;
      -ms-transition: all .4s ease-out;
      -o-transition: all .4s ease-out;
      transition: all .4s ease-out;
    }

      .OuR-TeaM-IMgE-ITAM > .IMgE-ITAM-Opact > .ITAM-Opact-ICON > div > a {
        width: 35px;
        font-size: 20px;
        line-height: 42px;
      }

        .OuR-TeaM-IMgE-ITAM > .IMgE-ITAM-Opact > .ITAM-Opact-ICON > div > a:hover {
          color: #ffdc61;
        }

    .OuR-TeaM-IMgE-ITAM > .IMgE-ITAM-Opact > .ITAM-Opact-ROTAD {
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
      padding-top: 0%;
      transform: rotate(270deg);
      -webkit-transition: all .5s ease-out;
      -moz-transition: all .5s ease-out;
      -ms-transition: all .5s ease-out;
      -o-transition: all .5s ease-out;
      transition: all .5s ease-out;
    }

    .OuR-TeaM-IMgE-ITAM > .IMgE-ITAM-Opact:hover > .ITAM-Opact-ROTAD {
      padding-top: 15%;
    }

    .OuR-TeaM-IMgE-ITAM > .IMgE-ITAM-Opact > .ITAM-Opact-ROTAD > span {
      display: inline-block;
      width: 26%;
      border-bottom: solid 1px #fff;
      vertical-align: middle;
    }

    .OuR-TeaM-IMgE-ITAM > .IMgE-ITAM-Opact > .ITAM-Opact-ROTAD > p {
      color: #fff;
      font-size: 18px;
      display: inline-block;
      width: 45%;
      text-align: center;
      vertical-align: middle;
    }

/***

====================================================================
	BLOG V--1 Our News
====================================================================

***/
.BLOG-V-One-Our-News {
  margin: 120px 0 165px;
}

.BLOG-Our-News-SECTIoN {
  margin-bottom: 80px;
}

  .BLOG-Our-News-SECTIoN > .item {
    width: 50%;
    float: left;
    padding: 16px 20px;
  }

    .BLOG-Our-News-SECTIoN > .item > .BLOG-Our-Blog-Item > img {
      width: 100%;
    }

    .BLOG-Our-News-SECTIoN > .item > .BLOG-Our-Blog-Item {
      position: relative;
      overflow: hidden;
    }

      .BLOG-Our-News-SECTIoN > .item > .BLOG-Our-Blog-Item:hover > img {
        -webkit-transform: scale3D(1.1,1.1,1);
        transform: scale3D(1.1,1.1,1);
      }

      .BLOG-Our-News-SECTIoN > .item > .BLOG-Our-Blog-Item > div {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 35% 0 0 45px;
      }

        .BLOG-Our-News-SECTIoN > .item > .BLOG-Our-Blog-Item > div > span {
          color: #c99e42;
          font-size: 15px;
          display: block;
          margin-bottom: 15px;
        }

        .BLOG-Our-News-SECTIoN > .item > .BLOG-Our-Blog-Item > div > h3 > a {
          color: #fff;
          text-transform: none;
        }

        .BLOG-Our-News-SECTIoN > .item > .BLOG-Our-Blog-Item > div:hover > h3 > a {
          color: #c99e42;
        }

.BLOG-Our-News-BUTTON-ITem {
  text-align: center;
}

  .BLOG-Our-News-BUTTON-ITem > ul > li {
    display: inline-block;
  }

    .BLOG-Our-News-BUTTON-ITem > ul > li > a {
      color: #cccccc;
      font-size: 16px;
      font-weight: 500;
      padding: 10px;
    }

      .BLOG-Our-News-BUTTON-ITem > ul > li.active > a,
      .BLOG-Our-News-BUTTON-ITem > ul > li > a:hover {
        color: #1e1e1e;
      }

/***

====================================================================
	BLOG_V_2- Blog-LisT
====================================================================

***/
.Blog-LisT-Our-News-M {
  background: #f9f9f9;
  padding: 125px 0 180px;
}

  .Blog-LisT-Our-News-M .Blog-LisT-OuR-NewS-ITeM {
    padding-right: 40px;
  }

.Blog-LisT-OuR-NewS-ITeM .OuR-NewS-ITeM {
  margin-bottom: 60px;
}

  .Blog-LisT-OuR-NewS-ITeM .OuR-NewS-ITeM .OuR-NewS-IMG {
    overflow: hidden;
  }

    .Blog-LisT-OuR-NewS-ITeM .OuR-NewS-ITeM .OuR-NewS-IMG > img {
      width: 100%;
    }

  .Blog-LisT-OuR-NewS-ITeM .OuR-NewS-ITeM:hover .OuR-NewS-IMG > img {
    -webkit-transform: scale3D(1.1,1.1,1);
    transform: scale3D(1.1,1.1,1);
    opacity: 0.6;
  }

  .Blog-LisT-OuR-NewS-ITeM .OuR-NewS-ITeM .OuR-NewS-TExT {
    background: #fcffff;
    padding: 35px 42px;
    -webkit-box-shadow: 0px 1px 8px 3px rgba(215,212,212,1);
    -moz-box-shadow: 0px 1px 8px 3px rgba(215,212,212,1);
    box-shadow: 0px 1px 8px 3px rgba(215,212,212,1);
  }

    .Blog-LisT-OuR-NewS-ITeM .OuR-NewS-ITeM .OuR-NewS-TExT > div,
    .Blog-LisT-OuR-NewS-ITeM .OuR-NewS-ITeM .OuR-NewS-TExT > div > span {
      color: #c5c3c3;
      text-transform: uppercase;
    }

    .Blog-LisT-OuR-NewS-ITeM .OuR-NewS-ITeM .OuR-NewS-TExT > h3 {
      font-size: 28px;
      text-transform: capitalize;
      color: #242424;
      margin: 19px 0;
    }

    .Blog-LisT-OuR-NewS-ITeM .OuR-NewS-ITeM .OuR-NewS-TExT > p {
      color: #959595;
    }

    .Blog-LisT-OuR-NewS-ITeM .OuR-NewS-ITeM .OuR-NewS-TExT > a {
      color: #fff;
      background: #282828;
      width: 140px;
      height: 45px;
      text-align: center;
      line-height: 45px;
      margin-top: 28px;
    }

      .Blog-LisT-OuR-NewS-ITeM .OuR-NewS-ITeM .OuR-NewS-TExT > a:hover {
        background-color: #c99e42;
        -webkit-box-shadow: 0px 4px 8px 1px rgba(40,40,40,0.7);
        -moz-box-shadow: 0px 4px 8px 1px rgba(40,40,40,0.7);
        box-shadow: 0px 4px 8px 1px rgba(40,40,40,0.7);
      }

.Blog-LisT-OuR-NewS-ITeM .Blog-LisT-NewS-ITeM-PREV-NEXT-Button > ul > li {
  display: inline-block;
}

  .Blog-LisT-OuR-NewS-ITeM .Blog-LisT-NewS-ITeM-PREV-NEXT-Button > ul > li > a {
    color: #c9c9c9;
    font-size: 16px;
    font-weight: 700;
    padding: 10px;
  }

    .Blog-LisT-OuR-NewS-ITeM .Blog-LisT-NewS-ITeM-PREV-NEXT-Button > ul > li.active > a,
    .Blog-LisT-OuR-NewS-ITeM .Blog-LisT-NewS-ITeM-PREV-NEXT-Button > ul > li > a:hover {
      color: #1e1e1e;
    }

  .Blog-LisT-OuR-NewS-ITeM .Blog-LisT-NewS-ITeM-PREV-NEXT-Button > ul > li:nth-child(1) > a {
    padding-left: 0;
  }

  .Blog-LisT-OuR-NewS-ITeM .Blog-LisT-NewS-ITeM-PREV-NEXT-Button > ul > li:last-of-type > span {
    display: inline-block;
    border-bottom: solid 1px #e5a62c;
    width: 50px;
    vertical-align: middle;
    margin: 0 4px;
  }

/** ========== **/
.Blog-LisT-OuR-NewS-GRID_FOUR_ITEM > form {
  position: relative;
  padding-right: 69px;
  margin-bottom: 85px;
  -webkit-box-shadow: 0px 0px 8px 1px rgba(212,211,211,1);
  -moz-box-shadow: 0px 0px 8px 1px rgba(212,211,211,1);
  box-shadow: 0px 0px 8px 1px rgba(212,211,211,1);
}

  .Blog-LisT-OuR-NewS-GRID_FOUR_ITEM > form > input {
    width: 100%;
    height: 63px;
    border: none;
    padding: 0 10px 0 25px;
    font-size: 17px;
    color: #898686;
  }

  .Blog-LisT-OuR-NewS-GRID_FOUR_ITEM > form > button {
    width: 70px;
    height: 65px;
    background: #242424;
    color: #fff;
    font-size: 20px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
  }

.Blog-LisT-OuR-NewS-GRID_FOUR_ITEM h3 {
  font-size: 28px;
  text-transform: capitalize;
  margin-bottom: 35px;
}

.Blog-LisT-OuR-NewS-GRID_FOUR_ITEM .Blog-LisT-Categories > ul {
  padding-bottom: 40px;
}

  .Blog-LisT-OuR-NewS-GRID_FOUR_ITEM .Blog-LisT-Categories > ul > li {
    margin-bottom: 25px;
  }

    .Blog-LisT-OuR-NewS-GRID_FOUR_ITEM .Blog-LisT-Categories > ul > li > a {
      font-size: 17px;
      font-weight: 300;
      color: #959595;
      text-transform: capitalize;
    }

      .Blog-LisT-OuR-NewS-GRID_FOUR_ITEM .Blog-LisT-Categories > ul > li > a:hover {
        color: #25292f;
        font-weight: 400;
      }

.Blog-LisT-OuR-NewS-GRID_FOUR_ITEM .Blog-LisT-Recent-News-section {
  padding-bottom: 78px;
}

  .Blog-LisT-OuR-NewS-GRID_FOUR_ITEM .Blog-LisT-Recent-News-section > ul > li {
    margin-bottom: 30px;
    min-height: 90px;
    position: relative;
    padding-left: 125px;
  }

    .Blog-LisT-OuR-NewS-GRID_FOUR_ITEM .Blog-LisT-Recent-News-section > ul > li > .LisT-Recent-News-IMG {
      height: 90px;
      width: 100px;
      position: absolute;
      top: 0;
      left: 0;
    }

      .Blog-LisT-OuR-NewS-GRID_FOUR_ITEM .Blog-LisT-Recent-News-section > ul > li > .LisT-Recent-News-IMG > img {
        width: 100%;
      }

    .Blog-LisT-OuR-NewS-GRID_FOUR_ITEM .Blog-LisT-Recent-News-section > ul > li > .LisT-Recent-News-TEXT > h5 {
      font-size: 18px;
      font-weight: 600;
      line-height: 28px;
    }

      .Blog-LisT-OuR-NewS-GRID_FOUR_ITEM .Blog-LisT-Recent-News-section > ul > li > .LisT-Recent-News-TEXT > h5 > a {
        color: #25292f;
        text-transform: none;
      }

    .Blog-LisT-OuR-NewS-GRID_FOUR_ITEM .Blog-LisT-Recent-News-section > ul > li > .LisT-Recent-News-TEXT > span {
      color: #c5c3c3;
      font-size: 15px;
      text-transform: uppercase;
      margin-top: 10px;
      display: block;
    }

    .Blog-LisT-OuR-NewS-GRID_FOUR_ITEM .Blog-LisT-Recent-News-section > ul > li:hover > .LisT-Recent-News-TEXT > span {
      color: #c99e42;
    }

.Blog-LisT-OuR-NewS-GRID_FOUR_ITEM .Blog-LisT-Keyword > ul > li {
  display: inline-block;
  background: #fff;
  margin-right: 8px;
  margin-bottom: 10px;
  text-align: center;
  height: 40px;
  line-height: 40px;
}

  .Blog-LisT-OuR-NewS-GRID_FOUR_ITEM .Blog-LisT-Keyword > ul > li:hover {
    background: #c99e42;
  }

  .Blog-LisT-OuR-NewS-GRID_FOUR_ITEM .Blog-LisT-Keyword > ul > li > a {
    color: #989898;
    font-size: 13px;
    font-weight: 500;
  }

  .Blog-LisT-OuR-NewS-GRID_FOUR_ITEM .Blog-LisT-Keyword > ul > li:hover > a {
    color: #fff;
  }

  .Blog-LisT-OuR-NewS-GRID_FOUR_ITEM .Blog-LisT-Keyword > ul > li:nth-child(1) {
    width: 75px;
  }

  .Blog-LisT-OuR-NewS-GRID_FOUR_ITEM .Blog-LisT-Keyword > ul > li:nth-child(2) {
    width: 147px;
  }

  .Blog-LisT-OuR-NewS-GRID_FOUR_ITEM .Blog-LisT-Keyword > ul > li:nth-child(3) {
    width: 105px;
  }

  .Blog-LisT-OuR-NewS-GRID_FOUR_ITEM .Blog-LisT-Keyword > ul > li:nth-child(4) {
    width: 144px;
  }

  .Blog-LisT-OuR-NewS-GRID_FOUR_ITEM .Blog-LisT-Keyword > ul > li:nth-child(5) {
    width: 105px;
  }

/***

====================================================================
	BLOG_V_3- SINGLE-Blog
====================================================================

***/
.BLOG_V_three-SingleBlog-P-TX > li {
  margin-bottom: 40px;
}

  .BLOG_V_three-SingleBlog-P-TX > li > p {
    color: #959595;
    font-size: 17px;
  }

  .BLOG_V_three-SingleBlog-P-TX > li.SingleBlog-P-TexT-DEFRENT {
    padding: 10px 0;
  }

    .BLOG_V_three-SingleBlog-P-TX > li.SingleBlog-P-TexT-DEFRENT > p {
      padding: 0 26px;
      border-left: solid 4px #c99e42;
      font-size: 20px;
      color: #242424;
      line-height: 32px;
    }

.BLOG_V_three-SingleBlog-TAG {
  border-top: solid 1px #e5ecec;
  margin: 55px -42px -10px;
  padding: 22px 42px 0;
}

  .BLOG_V_three-SingleBlog-TAG > div > div.float-left > p {
    color: #959595;
    font-size: 15px;
    text-transform: capitalize;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
  }

    .BLOG_V_three-SingleBlog-TAG > div > div.float-left > p > span {
      color: #242424;
      font-weight: 700;
    }

  .BLOG_V_three-SingleBlog-TAG > div > div.float-right > a {
    color: #959595;
    font-size: 18px;
    padding: 2px 6px;
  }

    .BLOG_V_three-SingleBlog-TAG > div > div.float-right > a:hover {
      color: #242424;
    }

.SingleBlog-Rashed-kabir-section {
  margin-bottom: 75px;
  padding-top: 15px;
}

  .SingleBlog-Rashed-kabir-section > ul > li {
    position: relative;
    padding-left: 250px;
    min-height: 216px;
  }

    .SingleBlog-Rashed-kabir-section > ul > li > .SingleBlog-Rashed-kabir-IMG {
      width: 250px;
      height: 215px;
      position: absolute;
      top: 0;
      left: 0;
    }

      .SingleBlog-Rashed-kabir-section > ul > li > .SingleBlog-Rashed-kabir-IMG > img {
        width: 100%;
      }

    .SingleBlog-Rashed-kabir-section > ul > li > .SingleBlog-Rashed-kabir-TEXT {
      background: #fff;
      padding: 24px 30px 30px 40px;
      -webkit-box-shadow: 0px 0px 8px 1px rgba(212,211,211,1);
      -moz-box-shadow: 0px 0px 8px 1px rgba(212,211,211,1);
      box-shadow: 0px 0px 8px 1px rgba(212,211,211,1);
    }

      .SingleBlog-Rashed-kabir-section > ul > li > .SingleBlog-Rashed-kabir-TEXT > h4 {
        font-size: 18px;
        margin-bottom: 7px;
      }

    .SingleBlog-Rashed-kabir-section > ul > li:hover > .SingleBlog-Rashed-kabir-TEXT > h4 {
      color: #c99e42;
    }

    .SingleBlog-Rashed-kabir-section > ul > li > .SingleBlog-Rashed-kabir-TEXT > p {
      color: #959595;
      padding-right: 30px;
      margin-bottom: 11px;
    }

    .SingleBlog-Rashed-kabir-section > ul > li > .SingleBlog-Rashed-kabir-TEXT > ul > li {
      display: inline-block;
    }

      .SingleBlog-Rashed-kabir-section > ul > li > .SingleBlog-Rashed-kabir-TEXT > ul > li > a {
        width: 32px;
        height: 32px;
        border: solid 2px #dfdfdf;
        border-radius: 50%;
        color: #c8c8c8;
        text-align: center;
        line-height: 28px;
      }

        .SingleBlog-Rashed-kabir-section > ul > li > .SingleBlog-Rashed-kabir-TEXT > ul > li > a:hover {
          color: #fff;
          background: #c99e42;
          border-color: #c99e42;
        }

.Comments-section > h3 {
  font-size: 36px;
  text-transform: capitalize;
  margin-bottom: 45px;
}

.Comments-section > .Comments-ITEM {
  background: #fff;
  padding: 40px 45px 40px 60px;
  -webkit-box-shadow: 0px 0px 8px 1px rgba(212,211,211,1);
  -moz-box-shadow: 0px 0px 8px 1px rgba(212,211,211,1);
  box-shadow: 0px 0px 8px 1px rgba(212,211,211,1);
}

  .Comments-section > .Comments-ITEM > ul > li > .IteM-COMMent {
    position: relative;
    padding-left: 80px;
  }

    .Comments-section > .Comments-ITEM > ul > li > .IteM-COMMentS-REPLY > li > div > .COMMentS-RepLy-IMG,
    .Comments-section > .Comments-ITEM > ul > li > .IteM-COMMent .COMMent-IMG {
      width: 65px;
      height: 65px;
      border-radius: 50%;
      position: absolute;
      top: 0;
      left: 0;
    }

      .Comments-section > .Comments-ITEM > ul > li > .IteM-COMMentS-REPLY > li > div > .COMMentS-RepLy-IMG > img,
      .Comments-section > .Comments-ITEM > ul > li > .IteM-COMMent .COMMent-IMG img {
        width: 100%;
        height: 100%;
      }

    .Comments-section > .Comments-ITEM > ul > li > .IteM-COMMent .comment-TExT {
      border-bottom: solid 1px #eeecec;
      padding-left: 20px;
      padding-bottom: 43px;
      position: relative;
      margin-bottom: 35px;
    }

      .Comments-section > .Comments-ITEM > ul > li > .IteM-COMMentS-REPLY > li > div > .REPLY-TExT > h5,
      .Comments-section > .Comments-ITEM > ul > li > .IteM-COMMent .comment-TExT > h5 {
        display: inline-block;
      }

        .Comments-section > .Comments-ITEM > ul > li > .IteM-COMMentS-REPLY > li > div > .REPLY-TExT > h5 > a,
        .Comments-section > .Comments-ITEM > ul > li > .IteM-COMMent .comment-TExT > h5 > a {
          font-size: 17px;
          font-weight: 700;
          color: #313232;
        }

        .Comments-section > .Comments-ITEM > ul > li > .IteM-COMMentS-REPLY > li > div > .REPLY-TExT > a.RepLy:hover,
        .Comments-section > .Comments-ITEM > ul > li > .IteM-COMMentS-REPLY > li > div > .REPLY-TExT > h5:hover > a,
        .Comments-section > .Comments-ITEM > ul > li > .IteM-COMMent .comment-TExT > a.RepLy:hover,
        .Comments-section > .Comments-ITEM > ul > li > .IteM-COMMent .comment-TExT > h5:hover > a {
          color: #c99e42;
        }

      .Comments-section > .Comments-ITEM > ul > li > .IteM-COMMentS-REPLY > li > div > .REPLY-TExT > span,
      .Comments-section > .Comments-ITEM > ul > li > .IteM-COMMent .comment-TExT > span {
        display: block;
        font-size: 17px;
        font-weight: 300;
        color: #c4c4c4;
      }

      .Comments-section > .Comments-ITEM > ul > li > .IteM-COMMentS-REPLY > li > div > .REPLY-TExT > p,
      .Comments-section > .Comments-ITEM > ul > li > .IteM-COMMent .comment-TExT > p {
        color: #959595;
        margin-top: 17px;
        font-size: 17px;
      }

      .Comments-section > .Comments-ITEM > ul > li > .IteM-COMMentS-REPLY > li > div > .REPLY-TExT > a.RepLy,
      .Comments-section > .Comments-ITEM > ul > li > .IteM-COMMent .comment-TExT > a.RepLy {
        color: #313232;
        font-size: 13px;
        position: absolute;
        top: 10px;
        right: 0px;
      }

  .Comments-section > .Comments-ITEM > ul > li:last-child > .IteM-COMMent .comment-TExT {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 10px;
  }

  .Comments-section > .Comments-ITEM > ul > li > .IteM-COMMentS-REPLY > li {
    border-bottom: solid 1px #eeecec;
    padding-left: 95px;
    margin-bottom: 35px;
  }

    .Comments-section > .Comments-ITEM > ul > li > .IteM-COMMentS-REPLY > li > div {
      position: relative;
      padding-left: 80px;
    }

      .Comments-section > .Comments-ITEM > ul > li > .IteM-COMMentS-REPLY > li > div > .REPLY-TExT {
        padding-left: 20px;
        padding-bottom: 43px;
        position: relative;
      }

.Leave-A-Reply > h3 {
  font-size: 36px;
  text-transform: capitalize;
  margin: 80px 0 40px;
}

.Leave-A-Reply > form {
  background: #fff;
  padding: 60px 50px;
  -webkit-box-shadow: 0px 0px 8px 1px rgba(212,211,211,1);
  -moz-box-shadow: 0px 0px 8px 1px rgba(212,211,211,1);
  box-shadow: 0px 0px 8px 1px rgba(212,211,211,1);
}

  .Leave-A-Reply > form > input {
    width: 47%;
    height: 50px;
    margin-bottom: 30px;
    padding: 10px;
    color: #aaa8a8;
  }

    .Leave-A-Reply > form > input:nth-child(1) {
      margin-right: 33px;
    }

  .Leave-A-Reply > form > textarea {
    width: 100%;
    max-width: 100%;
    height: 130px;
    max-height: 130px;
    padding: 10px;
    color: #aaa8a8;
    margin-bottom: 35px;
  }

  .Leave-A-Reply > form > button {
    width: 182px;
    height: 55px;
    background: #000;
    color: #fff;
    text-transform: uppercase;
  }

    .Leave-A-Reply > form > button:hover {
      background-color: #c99e42;
      -webkit-box-shadow: 0px 4px 8px 1px rgba(40,40,40,0.7);
      -moz-box-shadow: 0px 4px 8px 1px rgba(40,40,40,0.7);
      box-shadow: 0px 4px 8px 1px rgba(40,40,40,0.7);
    }

  .Leave-A-Reply > form > textarea,
  .Leave-A-Reply > form > input {
    border: none;
    border-bottom: solid 2px #d6d5d5;
  }

    .Leave-A-Reply > form > textarea:focus,
    .Leave-A-Reply > form > input:focus {
      outline: none !important;
      border-bottom: solid 2px #c99e42 !important;
    }

/***

====================================================================
	SHOP-SECTION
====================================================================

***/
.Enar-Paje-BAnar .Enar-Paje-BAnaR-TExT > .SHOP-Paje-BAnar {
  right: -40px !important;
}

.SHOP-SECTION {
  margin: 160px 0 200px;
}

.SHoP-Adoban-T-Shirt-SELECT-OpSON {
  margin-bottom: 45px;
}

  .SHoP-Adoban-T-Shirt-SELECT-OpSON > ul > li {
    display: inline-block;
    margin-right: 30px;
  }

  .SHoP-Adoban-T-Shirt-SELECT-OpSON .SELECT-OpSON .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 115px;
  }

  .SHoP-Adoban-T-Shirt-SELECT-OpSON > ul > li:nth-child(2) .SELECT-OpSON .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 85px;
  }

  .SHoP-Adoban-T-Shirt-SELECT-OpSON > ul > li:nth-child(3) .SELECT-OpSON .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 65px;
  }

  .SHoP-Adoban-T-Shirt-SELECT-OpSON > ul > li:nth-child(4) .SELECT-OpSON .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100px;
  }

  .SHoP-Adoban-T-Shirt-SELECT-OpSON .SELECT-OpSON .btn {
    padding: 0;
    color: #212121;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    background-image: none;
    border: none;
    border-radius: 0;
  }

  .SHoP-Adoban-T-Shirt-SELECT-OpSON .SELECT-OpSON .btn-default:hover {
    background: transparent;
    color: #c99e42;
  }

  .SHoP-Adoban-T-Shirt-SELECT-OpSON .SELECT-OpSON .btn-default:focus {
    background: transparent;
    outline: none !important;
    box-shadow: none;
  }

  .SHoP-Adoban-T-Shirt-SELECT-OpSON .SELECT-OpSON .dropdown-menu > li {
    widows: 100%;
    display: block;
    border-radius: 0;
    padding: 8px;
  }

    .SHoP-Adoban-T-Shirt-SELECT-OpSON .SELECT-OpSON .dropdown-menu > li:hover {
      background: #c99e42;
    }

    .SHoP-Adoban-T-Shirt-SELECT-OpSON .SELECT-OpSON .dropdown-menu > li > a {
      display: block;
      padding: 0;
      clear: both;
      font-weight: 700;
      line-height: 1.42857143;
      color: #212121;
      white-space: nowrap;
      widows: 100%;
    }

    .SHoP-Adoban-T-Shirt-SELECT-OpSON .SELECT-OpSON .dropdown-menu > li:hover > a {
      background: transparent;
      color: #fff
    }

  .SHoP-Adoban-T-Shirt-SELECT-OpSON > span.float-right {
    font-size: 15px;
    color: #bcbcbc;
    text-transform: uppercase;
  }

    .SHoP-Adoban-T-Shirt-SELECT-OpSON > span.float-right > span {
      color: #000;
    }

.SHoP-Adoban-T-Shirt .SHoP-Adoban-T-Shirt-ITEM {
  margin-bottom: 48px;
}

.SHoP-Adoban-T-Shirt-ITEM .Adoban-T-Shirt-ITEM-IMG {
  overflow: hidden;
  position: relative;
}

  .SHoP-Adoban-T-Shirt-ITEM .Adoban-T-Shirt-ITEM-IMG > img {
    width: 100%;
  }

.SHoP-Adoban-T-Shirt-ITEM:hover .Adoban-T-Shirt-ITEM-IMG > img {
  -webkit-transform: scale3D(1.1,1.1,1);
  transform: scale3D(1.1,1.1,1);
  opacity: 0.6;
}

.SHoP-Adoban-T-Shirt-ITEM .Adoban-T-Shirt-ITEM-IMG > div {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,0.1);
  opacity: 0;
}

.SHoP-Adoban-T-Shirt-ITEM:hover .Adoban-T-Shirt-ITEM-IMG > div {
  opacity: 1;
}

.SHoP-Adoban-T-Shirt-ITEM .Adoban-T-Shirt-ITEM-IMG > div > div {
  text-align: center;
  position: absolute;
  top: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  left: 0;
}

  .SHoP-Adoban-T-Shirt-ITEM .Adoban-T-Shirt-ITEM-IMG > div > div > a {
    color: #000;
    font-size: 50px;
    font-weight: 300;
    line-height: 50px;
    margin-left: -500px;
  }

  .SHoP-Adoban-T-Shirt-ITEM .Adoban-T-Shirt-ITEM-IMG > div > div > h6 {
    margin-right: -500px;
  }

    .SHoP-Adoban-T-Shirt-ITEM .Adoban-T-Shirt-ITEM-IMG > div > div > h6 > a {
      color: #000;
      font-size: 16px;
      font-weight: 500;
    }

    .SHoP-Adoban-T-Shirt-ITEM:hover .Adoban-T-Shirt-ITEM-PRICE > h5,
    .SHoP-Adoban-T-Shirt-ITEM .Adoban-T-Shirt-ITEM-IMG > div > div > a:hover,
    .SHoP-Adoban-T-Shirt-ITEM .Adoban-T-Shirt-ITEM-IMG > div > div > h6:hover > a {
      color: #e5a62c;
    }

.SHoP-Adoban-T-Shirt-ITEM:hover .Adoban-T-Shirt-ITEM-IMG > div > div > h6,
.SHoP-Adoban-T-Shirt-ITEM:hover .Adoban-T-Shirt-ITEM-IMG > div > div > a {
  margin: 0
}

.SHoP-Adoban-T-Shirt-ITEM .Adoban-T-Shirt-ITEM-PRICE > h5,
.SHoP-Adoban-T-Shirt-ITEM .Adoban-T-Shirt-ITEM-IMG > div > div > h6,
.SHoP-Adoban-T-Shirt-ITEM .Adoban-T-Shirt-ITEM-IMG > div > div > a {
  -webkit-transition: all .4s ease-out;
  -moz-transition: all .4s ease-out;
  -ms-transition: all .4s ease-out;
  -o-transition: all .4s ease-out;
  transition: all .4s ease-out;
}

.SHoP-Adoban-T-Shirt-ITEM .Adoban-T-Shirt-ITEM-PRICE {
  text-align: center;
}

  .SHoP-Adoban-T-Shirt-ITEM .Adoban-T-Shirt-ITEM-PRICE > h5 {
    font-size: 18px;
    font-weight: 600;
    margin-top: 24px;
    margin-bottom: 4px;
  }

  .SHoP-Adoban-T-Shirt-ITEM .Adoban-T-Shirt-ITEM-PRICE > span {
    display: block;
    color: #999999;
    font-size: 20px;
  }

.SHoP-Adoban-T-Shirt-ITEM-PREV-NEXT-Button {
  margin-top: 30px;
}

  .SHoP-Adoban-T-Shirt-ITEM-PREV-NEXT-Button > ul > li {
    display: inline-block;
  }

    .SHoP-Adoban-T-Shirt-ITEM-PREV-NEXT-Button > ul > li > a {
      color: #c9c9c9;
      font-size: 16px;
      font-weight: 700;
      padding: 10px;
    }

      .SHoP-Adoban-T-Shirt-ITEM-PREV-NEXT-Button > ul > li.active > a,
      .SHoP-Adoban-T-Shirt-ITEM-PREV-NEXT-Button > ul > li > a:hover {
        color: #1e1e1e;
      }

    .SHoP-Adoban-T-Shirt-ITEM-PREV-NEXT-Button > ul > li:nth-child(1) > a {
      padding-left: 0;
    }

    .SHoP-Adoban-T-Shirt-ITEM-PREV-NEXT-Button > ul > li:last-of-type > span {
      display: inline-block;
      border-bottom: solid 1px #e5a62c;
      width: 50px;
      vertical-align: middle;
      margin: 0 4px;
    }

/*=========*/
.shop-sidebar-list > ul {
  border: solid 1px #eaeaea;
  padding: 8px 18px 8px 25px;
}

  .shop-sidebar-list > ul > li {
    padding: 19px 0;
  }

    .shop-sidebar-list > ul > li:last-child {
      margin-bottom: 0;
    }

    .shop-sidebar-list > ul > li > a {
      color: #404040;
      font-size: 16px;
      font-weight: 500;
      text-transform: capitalize;
      display: block;
    }

    .shop-sidebar-list > ul > li:hover > a > i,
    .shop-sidebar-list > ul > li:hover > a {
      color: #e5a62c;
    }

    .shop-sidebar-list > ul > li > a > i {
      float: right;
      color: #bac5cc;
      font-size: 18px;
      font-weight: 600;
      vertical-align: middle;
    }

.sidebar-price {
  padding: 60px 0;
}

  .sidebar-popular-product > h3,
  .sidebar-price > h3 {
    font-size: 28px;
    text-transform: capitalize;
    margin-bottom: 25px;
  }

  .sidebar-price .price-ranger {
    border: 1px solid #eeeeee;
    border-radius: 4px;
    padding: 18px 20px 20px 20px;
  }

.price-ranger .ranger-min-max-block {
  margin: 0 -10px;
}

  .price-ranger .ranger-min-max-block [class*="col-"] {
    padding: 0 10px;
  }

  .price-ranger .ranger-min-max-block input {
    width: 100%;
    height: 35px;
    border: 1px solid #eeeeee;
    border-radius: 4px;
    padding: 0 10px;
  }

  .price-ranger .ranger-min-max-block label {
    font-weight: normal;
    font-size: 15px;
    color: rgba(0,0,0,0.4);
  }

.price-ranger .ui-widget-content {
  background: #eef2f5;
  border: none;
  height: 5px;
  margin-top: 40px;
}

.price-ranger .ui-widget-header {
  background: #d9ae62;
}

.price-ranger .ui-slider-handle {
  background: #fff;
  width: 14px;
  height: 14px;
  -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  border: none;
  outline: none;
}

.price-ranger .ui-slider-horizontal .ui-slider-handle {
  top: -5px;
}

.price-ranger .button-two {
  margin: 50px auto 0 auto;
}

.price-ranger .button-two {
  width: 100%;
  height: 45px;
  background: #353535;
  color: #fff;
  text-transform: uppercase;
}

  .price-ranger .button-two.hvr-bounce-to-right:before {
    background: #a6854b;
  }

.single-popular-product {
  padding: 13px 0;
}

  .single-popular-product img {
    width: 80px;
    border-radius: 3px;
  }

  .single-popular-product .product {
    width: calc(100% - 80px);
    padding-left: 20px;
  }

    .single-popular-product .product:last-child {
      border: none;
    }

    .single-popular-product .product h6 a {
      font-weight: 500;
      color: #282828;
      font-size: 18px;
      text-transform: capitalize;
      display: block;
      margin-bottom: 10px;
    }

    .single-popular-product .product strong {
      display: block;
      margin: 7px 0 0 0;
      font-size: 18px;
      color: #999999;
    }

    .single-popular-product .product ul li {
      display: inline-block;
      color: #f9a109;
      font-size: 15px;
      margin-right: 3px;
    }

  .single-popular-product:hover .product h6 a {
    color: #e5a62c;
  }

/***

====================================================================
	Single - Shop
====================================================================

***/
.single-product-details .image {
  width: 34.5%;
}

  .single-product-details .image img {
    width: 100%;
  }

  .single-product-details .image ul li {
    display: inline-block;
    width: 56px;
    height: 57px;
    overflow: hidden;
    margin: 14px 9px 0 0;
    cursor: pointer;
  }

.single-product-details .info {
  width: 65%;
  padding-left: 40px;
}

  .single-product-details .info > h5 {
    font-size: 24px;
    font-weight: 500;
  }

  .single-product-details .info ul.rating {
    margin: 8px 0 15px;
  }

    .single-product-details .info ul.rating li {
      display: inline-block;
      color: #adadad;
      position: relative;
      margin: 10px 3px 0 0;
    }

      .single-product-details .info ul.rating li .fa {
        color: #f9a109;
        font-size: 15px;
      }

      .single-product-details .info ul.rating li:nth-child(6) {
        margin-left: 10px;
      }

  .single-product-details .info strong {
    font-size: 28px;
    color: #7f7f7f;
    font-weight: 400;
  }

  .single-product-details .info p {
    color: #8d8d8d;
    margin: 27px 0 45px 0;
  }

  .single-product-details .info .quantity,
  .single-product-details .info .color-show {
    width: 50%;
    vertical-align: bottom;
  }

  .single-product-details .info input {
    width: 90px;
    height: 45px;
    border: 1px solid #ececec;
    padding: 0 0 0 20px;
  }

  .single-product-details .info .color-show a {
    width: 170px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    background: #dca94e;
    font-size: 14px;
    font-weight: 500;
  }

    .single-product-details .info .color-show a:hover {
      -webkit-box-shadow: 0px 4px 8px 1px rgba(40,40,40,0.7);
      -moz-box-shadow: 0px 4px 8px 1px rgba(40,40,40,0.7);
      box-shadow: 0px 4px 8px 1px rgba(40,40,40,0.7);
    }

.review-tab {
  margin: 60px 0 72px 0;
}

  .review-tab .nav-tabs {
    border: none;
  }

    .review-tab .nav-tabs li a {
      background: #f8f8f8;
      color: #282828;
      margin-right: 10px;
      border: 1px solid #ececec;
      border-bottom: none;
      padding: 15px 25px;
      font-weight: 400;
      font-size: 14px;
      border-radius: 0;
    }

    .review-tab .nav-tabs > li.active > a,
    .review-tab .nav-tabs > li.active > a:hover,
    .review-tab .nav-tabs > li.active > a:focus {
      background: #fff;
      border-top: 2px solid #dca94e;
    }

  .review-tab .tab-pane {
    padding-top: 25px;
    border-top: 1px solid #ececec;
  }

    .review-tab .tab-pane > h5 {
      font-size: 20px;
      font-weight: 600;
      text-transform: capitalize;
      margin-bottom: 10px;
    }

    .review-tab .tab-pane > p {
      color: #8d8d8d;
    }

.related-product > h5 {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 33px;
}

.related-product-slider .item .Adoban-T-Shirt-ITEM-IMG {
  overflow: hidden;
}

.related-product-slider.owl-theme .owl-nav [class*=owl-] {
  font-family: 'font-awesome';
  width: 30px;
  height: 31px;
  line-height: 26px;
  border: 2px solid #cccaca;
  border-radius: 0;
  font-size: 24px;
  color: #bbbbbb;
  margin: 0 3px;
  background: #fff;
  padding: 0;
}

  .related-product-slider.owl-theme .owl-nav [class*=owl-]:hover {
    color: #353535;
    border-color: #353535;
  }

.related-product-slider.owl-theme .owl-nav {
  position: absolute;
  top: -60px;
  right: 15px;
}

/***

====================================================================
	Contact - Us
====================================================================

***/
.Contact-Us {
  margin: 30px 0 200px;
}

.Contact-Info {
  margin-bottom: 100px;
  font-size: 14px;
}

.Contact-Info-TEXT {
  margin-top: -20px;
}

  .Send-message-OPSON > h2,
  .Contact-Info-TEXT > h2 {
    font-size: 36px;
    margin-bottom: 28px;
  }

  .Contact-Info-TEXT > h6 {
    color: #9fa3a7;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 14px;
  }

  .Contact-Info-TEXT > address {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 28px;
  }

  .Contact-Info-TEXT > p {
    margin: 35px 0;
    color: #9fa3a7;
    font-size: 17px;
  }

  .Contact-Info-TEXT > ul {
    margin-left: -10px;
  }

    .Contact-Info-TEXT > ul > li {
      display: inline-block;
    }

      .Contact-Info-TEXT > ul > li > a {
        color: #cccccc;
        font-size: 20px;
        padding: 10px;
      }

        .Contact-Info-TEXT > ul > li > a:hover {
          color: #000;
        }
/*============== Google Map ==============*/
#map {
  height: 440px;
  padding-left: 75px;
}

.Send-message-OPSON > p {
  color: #7d7d7d;
  font-size: 18px;
}

.Send-message-OPSON > form {
  margin-top: 60px;
}

  .Send-message-OPSON > form > input {
    width: 31%;
    height: 50px;
    padding: 0 15px;
    margin-right: 37px;
    margin-bottom: 35px;
  }

    .Send-message-OPSON > form > input:nth-child(3) {
      margin-right: 0;
    }

  .Send-message-OPSON > form > textarea {
    width: 100%;
    max-width: 100%;
    height: 170px;
    max-height: 170px;
    padding: 15px;
  }

  .Send-message-OPSON > form > input,
  .Send-message-OPSON > form > textarea {
    border: none;
    border-bottom: solid 1px #ededed;
  }

    .Send-message-OPSON > form > input:focus,
    .Send-message-OPSON > form > textarea:focus {
      outline: none;
      -webkit-box-shadow: 0px 4px 20px 1px rgba(219,216,216,1);
      -moz-box-shadow: 0px 4px 20px 1px rgba(219,216,216,1);
      box-shadow: 0px 4px 20px 1px rgba(219,216,216,1);
      padding-left: 20px;
      padding-right: 20px;
      border-bottom: none;
    }

  .Send-message-OPSON > form > button {
    width: 170px;
    height: 50px;
    background: #272727;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    margin-top: 40px;
  }

    .Send-message-OPSON > form > button:hover {
      -webkit-box-shadow: 0px 4px 8px 1px rgba(40,40,40,0.7);
      -moz-box-shadow: 0px 4px 8px 1px rgba(40,40,40,0.7);
      box-shadow: 0px 4px 8px 1px rgba(40,40,40,0.7);
      background: #c99e42;
    }

/*-------------------------------------------------------------------------------------------------------------*/
/*============================= Click To Top =========================*/

.scroll-top {
  position: fixed;
  bottom: 5px;
  right: 10px;
  z-index: 99;
  text-align: center;
  color: #fff;
  font-size: 20px;
}

  .scroll-top:after {
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 1;
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
  }
/*-------------------------------------------------------------------------------------------------------------*/
/***

====================================================================
  Conatct Form Activation
====================================================================

 ***/
.alert-wrapper {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
  top: 0;
  left: 0;
  z-index: 9999999;
}

#success,
#error {
  position: relative;
  width: 500px;
  height: 100px;
  top: calc(50% - 50px);
  left: calc(50% - 250px);
  background: rgba(0,0,0,0.8);
  text-align: center;
}

  #success .wrapper,
  #error .wrapper {
    display: table;
    width: 100%;
    height: 100%;
  }

    #success .wrapper p,
    #error .wrapper p {
      display: table-cell;
      vertical-align: middle;
      letter-spacing: 1px;
    }

#success {
  color: #ffce6e;
}

#error {
  color: #C9182B;
}

  #error button,
  #success button {
    color: #fff;
    width: 40px;
    height: 40px;
    line-height: 20px;
    background: transparent;
    border-radius: 50%;
    position: absolute;
    top: -20px;
    right: -20px;
    font-size: 20px;
  }

.form-validation label.error {
  display: none !important;
}

.form-validation input.error,
.form-validation textarea.error {
  border: 1px solid #f03838 !important;
}

.content4 {
  padding: 20px;
  max-width: 97%;
  height: 400px !important;
}

.box {
  position: relative;
  vertical-align: middle;
  color: #0b7;
  display: inline-block;
  height: 60px;
  transition: 0.5s;
  padding: 0 10px;
  cursor: pointer;
  border: 2px solid #e0ccd5;
  -webkit-transition: 0.5s;
}

  .box:hover {
    border: 2px solid rgba(0,160,80,0);
    color: #FFF;
  }

  .box::before, .box::after {
    width: 100%;
    height: 100%;
    z-index: 3;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    -webkit-transform: scale(0);
    transition: 0.5s;
  }

.foo::before {
  border-bottom: 2px solid #e0ccd5;
  border-left: 2px solid #e0ccd5;
  -webkit-transform-origin: 0 100%;
  background: rgba(30,31,50,0.1);
  color: #fff;
}

.foo::after {
  border-top: 2px solid #e0ccd5;
  border-right: 2px solid #e0ccd5;
  -webkit-transform-origin: 100% 0%;
  background: rgba(30,31,50,0.1);
  color: #fff;
}

.bar::before {
  border-bottom: 3px solid #FFF;
  border-left: 3px solid #FFF;
  -webkit-transform-origin: 100% 0%;
}

.bar::after {
  border-top: 3px solid #FFF;
  border-right: 3px solid #FFF;
  -webkit-transform-origin: 0% 100%;
}

.curmudgeon::before {
  border-bottom: 3px solid #FFF;
  border-left: 0;
  -webkit-transform-origin: 0% 100%;
}

.curmudgeon::after {
  border-top: 0;
  border-right: 0;
  -webkit-transform-origin: 50% 50%;
}

.box:hover::after, .box:hover::before {
  -webkit-transform: scale(1);
}

.link {
  line-height: 1em;
  position: absolute;
  bottom: 0;
  right: 20px;
  width: 300px;
  height: 50px;
  font-family: "Open Sans","Roboto",Arial,sans-serif;
  text-align: right;
}

  .link > a {
    text-decoration: none;
    color: #FF0;
  }
/* Responsive CSS Document */

/*
    Created on   : 11/08/2017.
    Theme Name   : CIRO.
    Description  : CIRO - Responsive Creative Agency Template.
    Version      : 1.0.
    Author       : @Unifytheme.
    Developed by : @Unifytheme.

*/

@media (min-width: 992px) {
	.container {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	#theme-main-banner .camera_caption>div {
		padding-left: 80px !important;
	}
}
/*(max-width: 992px)*/


@media (max-width: 1199px) {
	header.main-header .main-menu .manu-icon {
		right: 30px;
	}
	header.main-header .main-menu .logo {
		left: 10px;
		top:30px;
	}
	/*=======*/
	.DEVELOPment-section>.DEVELOPment-BG-img {height: 580px;}
	.DEVELOPment-section>.DEVELOPment-TexT .DEVELOP-TexT-itam.DEVELOP-itam-ONe,
	.DEVELOPment-section>.DEVELOPment-TexT .DEVELOP-TexT-itam.DEVELOP-itam-TWo,
	.DEVELOPment-section>.DEVELOPment-TexT .DEVELOP-TexT-itam.DEVELOP-itam-THRee {
		padding: 0;
	}
	/*=======*/
	.Core-Features>.Core-Features-OPAct .CORE-Features-wrapper .CORE-Features-ITAM {
		padding: 38px 10px 0 80px;
	}
	.CORE-Features-wrapper .CORE-Features-ITAM .Features-ITAM-icon {left: 20px;}
	/*=======*/
	.Why-LoVe-Our-WoRk-ABOUt-Us .Our-WoRk-ABOUt-Us-GRID-IteM-One>h2 {font-size: 40px;}
	/*=======*/
	.DEVELOPment-section>.ABOUT-US-Development-BG-COlor {height: auto;}
	/*=======*/
	.Single-Portfolio-Head-Line>h2.Portfolio-Head-Line {font-size: 38px;}
	.Why-LoVe-Our-WoRk-ABOUt-Us .Our-WoRk-ABOUt-Us-GRID-IteM-TwO .GRID-TwO-BUttoN-IteM>p.Single-Portfolio-P {font-size: 18px; line-height: 35px;}
	/*=======*/
	.Contact-Us {margin: 100px 0;}
	#map {padding-left: 0;}
	.Send-message-OPSON>form>input {width: 30%;}

}
/*(max-width: 1199px)*/


@media (min-width: 992px) and (max-width: 1199px) {
	.FeatureD-ServiceS-ITEm .ServiceS-ITEm-TExT {padding-left: 0;}
	.FeatureD-ServiceS-ITEm .ServiceS-ITEm-TExT>span {margin-top: 0;}
	.FeatureD-ServiceS-ITEm .ServiceS-ITEm-TExT>p {
		padding-right: 0;
		margin: 10px 0;
	}
	.FeatureD-ServiceS-ITEm .FLOAT-ITEm-TExT>.ServiceS-ITEm-TExT {padding: 0;}
	.FeatureD-ServiceS-ITEm .FLOAT-ITEm-TExT>.ServiceS-ITEm-TExT>p {padding: 0;}
	/*=======*/
	.SingleBlog-Rashed-kabir-section>ul>li>.SingleBlog-Rashed-kabir-TEXT {padding: 15px 10px 12px 20px;}
	.Leave-A-Reply>form>input:nth-child(1) {margin-right: 25px;}

}
/*(min-width: 992px) and (max-width: 1199px)*/


@media (max-width: 991px) {
	
	/*========  Theme Menu  =========*/
	header.main-header .main-menu.fixed .navbar {
		top: 15%;
	}
	header.main-header .main-menu .navbar {
		width: 100%;
		top: 32%;
	}
	header.main-header .main-menu .navbar-nav {
		padding-right: 5px;
		padding-left: 5px;
	}
	header.main-header .main-menu .navbar-collapse {
		margin-top: 52px;
		padding: 0 3px;
	}
	header.main-header .theme-main-header-HOME_TWO .main-menu .navbar-nav >li a {
		color: #fff;
	}
	header.main-header>.theme-main-header .main-menu .navbar-collapse {
		margin-top: 0;
	}
	header.main-header .main-menu.fixed .navbar-collapse {
		margin-top: 9px;
	}
    .navbar-nav,.navbar-nav>li,.navbar-header,.theme-main-menu .navbar-toggle {float: none;margin-left: -26px;}
	.navbar-collapse.collapse{display: none !important;}
    .navbar-collapse.collapse.in,.navbar-toggle{display: block !important;}
	header.main-header .main-menu .navbar-nav >li a {
		line-height: 35px;
	}
	header.main-header .main-menu .navbar-nav>li.dropdown-holder .sub-menu {
		-webkit-transition: none;
		   -moz-transition: none;
			-ms-transition: none;
			 -o-transition: none;
				transition: none;
		-webkit-transform: scaleY(1);
		   -moz-transform: scaleY(1);
			-ms-transform: scaleY(1);
			 -o-transform: scaleY(1);
				transform: scaleY(1);
		opacity: 1;
		visibility: visible;
		position: static;
		box-shadow: none;
		width: 100%;
		display: none;
		background: #fff;
	}
	header.main-header .main-menu .navbar-nav {
		background: rgba(30,31,50,0.8);
		    width: 190px;
	}
	header.main-header .main-menu .navbar-nav>li.dropdown-holder .sub-menu>li>a {
		color: #000;
	}
    .main-menu nav ul li.dropdown-holder .fa {
		display: block;
	}
	
  	header.main-header .main-menu .nav>li>a {
		padding: 0 5px; 
	}
	header.main-header .main-menu .nav>li {
		margin: 8px 0;
	}
	/*====*/
	.Home-CReativity .creativitY-left-said {
		padding-left: 0;
		padding-right: 0;
	}
	.Home-CReativity .creativitY-right-said {
		padding-right: 0;
		padding-left: 0;
	}
	.Home-CReativity .creativitY-left-said h2,
	.Home-CReativity .creativitY-right-said h2 {
		font-size: 50px;
	}
	/*=======*/
	.DEVELOPment-section>.DEVELOPment-BG-img {height: 450px; padding-top: 40px;}
	.DEVELOPment-section>.DEVELOPment-BG-img .logo-laptop>h2 {font-size: 40px; line-height: 50px;}
	.DEVELOPment-section>.DEVELOPment-TexT {height: auto; padding-top: 100px;}
	.DEVELOPment-section>.DEVELOPment-TexT .DEVELOP-TexT-itam {margin-bottom: 50px;}
	/*=======*/
	.Core-Features>.Core-Features-OPAct .CORE-Features-wrapper .CORE-Features-ITAM {
		width: 50%;
		border: solid 1px #e9e9e9;
	}
	.CORE-Features-wrapper .CORE-Features-ITAM.border-fix,
	.CORE-Features-wrapper .CORE-Features-ITAM.border-bottom-fix,
	.CORE-Features-wrapper .CORE-Features-ITAM.border-R-fix {
		border: none;
	}
	/*=======*/
	.Client-Love-us-SECtion{padding-bottom: 80px;}
	.Client-Love-us-SECtion .item p {width: 90%; font-size: 30px;}
	.Client-Love-us-SECtion .carousel-indicators li {
		width: auto;
		height: auto;
		padding: 0 0 0 65px;
	}
	.Client-Love-us-SECtion .carousel-indicators li .Cliend-slid-IMG {width: 50px; height: 50px;}
	/*=======*/
	.Creative-Team-SECtion {padding-bottom: 70px;}
	/*=======*/
	.Our-partners-SEctioN {margin-bottom: 60px;}
	/*=======*/
	.THEM-MAIN-FOOTER-SectioN .footer-manu-border .Footer-Manu-section {
		margin-top: 20px;
	}
	/*=======*/
	.Enar-Paje-BAnar .Enar-Paje-BAnaR-TExT>h1 {font-size: 40px;}
	/*=======*/
	.ABOUT-US-CReativity {
		margin: 80px 0;
	}
	.Why-LoVe-Our-WoRk-ABOUt-Us .Our-WoRk-ABOUt-Us-GRID-IteM-One>h2 {text-align: center; line-height: 50px;}
	.Why-LoVe-Our-WoRk-ABOUt-Us .Our-WoRk-ABOUt-Us-GRID-IteM-TwO {padding-left: 0;}
	.Why-LoVe-Our-WoRk-ABOUt-Us .Our-WoRk-ABOUt-Us-GRID-IteM-TwO>div {padding-left: 0; border: none;}
	.Why-LoVe-Our-WoRk-ABOUt-Us .Our-WoRk-ABOUt-Us-GRID-IteM-TwO .GRID-TwO-TIMeR-IteM>div:nth-child(3),
	.Why-LoVe-Our-WoRk-ABOUt-Us .Our-WoRk-ABOUt-Us-GRID-IteM-TwO .GRID-TwO-TIMeR-IteM>div:nth-child(4) {padding-left: 0;}
	.Why-LoVe-Our-WoRk-ABOUt-Us .Our-WoRk-ABOUt-Us-GRID-IteM-TwO .GRID-TwO-TIMeR-IteM>div {padding-left: 0; text-align: center;}
	/*=======*/
	.DEVELOPment-section>.ABOUT-US-Development-BG-COlor {height: auto; margin-top: 60px;}
	.DEVELOPment-section>.ABOUT-US-Development-BG-COlor .logo-laptop {
		height: auto; 
		margin-top: 0; 
		padding-top: 0;
		background: transparent;
	}
	.DEVELOPment-section>.ABOUT-US-Development-TEXT {padding-top: 45px;}
	/*=======*/
	.ABOUT-US-OUR-Team-M {padding: 50px 0}
	/*=======*/
	.ABOUT-US-LOGO-MAgin {margin-top: 50px;}
	/*=======*/
	.Services-Provide-IMg>img {width: 100%;}
	/*=======*/
	.FeatureD-ServiceS-SECtion {margin-bottom: 0}
	.FeatureD-ServiceS-ITEm .ServiceS-ITEm-TExT {padding-left: 0;}
	.FeatureD-ServiceS-ITEm .FLOAT-ITEm-TExT>.ServiceS-ITEm-TExT {padding: 0; text-align: left;}
	.FeatureD-ServiceS-ITEm .ServiceS-ITEm-IMG {padding-right: 0;}
	.FeatureD-ServiceS-ITEm .FLOAT-ITEm-IMG>.ServiceS-ITEm-IMG {padding: 0;}
	.FeatureD-ServiceS-ITEm .ServiceS-ITEm-TExT>p,
	.FeatureD-ServiceS-ITEm .FLOAT-ITEm-TExT>.ServiceS-ITEm-TExT>p {padding: 0;}
	/*=======*/
	.FeatureD-ServiceS-V-TWO {padding: 60px 0 0;}
	.FeatureD-ServiceS-V-TWO .ServiceS-V-TWO-tex {margin-bottom: 40px; }
	.FeatureD-ServiceS-V-TWO .FeatureD-ServiceS-ITEm .ServiceS-ITEm-TExT {padding: 0 10px 20px;}
	/*=======*/
	.PORTFOLIO-WORK-V-One {margin: 20px 0 80px;}
	/*=======*/
	.PORTFOLIO-WORK-V-THReE-MAR {margin: 80px 0;}
	.PORTFOLIO-WORK-V-THRee .gallery_item_wrapper-V-ThreE>.grid-sizer,
	.PORTFOLIO-WORK-V-THRee .gallery_item_wrapper-V-ThreE>.isotop-item {
		width: 33.333333%;
	}
	/*=======*/
	.GRID-TwO-Single-Portfolio-IteM>div {text-align: center;}
	.Single-Portfolio-Head-Line>h2.Portfolio-Head-Line {padding-right: 0;}
	.SinglE-Portfolio-IteM-TEXt-and-button {margin: 60px 0 80px;}
	.SinglE-Portfolio-IteM-TEXt-and-button .Portfolio-IteM-TEXt-P>p {margin-bottom: 20px;}
	.SinglE-Portfolio-IteM-TEXt-and-button .Portfolio-IteM-TEXt-P>p:nth-child(1) {margin-bottom: 30px;}
	/*=======*/
	.BLOG-V-One-Our-News {margin: 80px 0;}
	/*=======*/
	.Blog-LisT-Our-News-M {padding: 80px 0;}
	.Blog-LisT-Our-News-M .Blog-LisT-OuR-NewS-ITeM {padding-right: 0; margin-bottom: 70px;}
	/*=======*/
	.SHOP-SECTION {margin: 80px 0;}
	/*=======*/
	.Send-message-OPSON>form>input {width: 31%; margin-right: 20px;}
	.SHoP-Adoban-T-Shirt-ITEM-PREV-NEXT-Button {margin-bottom: 60px;}
}
/*(max-width: 991px)*/


@media (min-width: 768px) and (max-width: 991px) {
	#theme-main-banner .camera_caption>div {
		padding-left: 80px !important;
	}
	/*=======*/
	.HOME-Our-Blog-Slid .HOME-Our-Blog-Item>div {padding: 15% 0 0 20px;}
	.HOME-Our-Blog-Slid .HOME-Our-Blog-Item>div>h3 {font-size: 20px;}
	/*=======*/
	.BLOG-Our-News-SECTIoN>.item {padding: 10px 10px;}
	.BLOG-Our-News-SECTIoN>.item>.BLOG-Our-Blog-Item>div {padding: 20% 0 0 15px;}
	.BLOG-Our-News-SECTIoN>.item>.BLOG-Our-Blog-Item>div>h3 {font-size: 23px;}
	/*=======*/
	.single-product-details .image {width: 100%; margin-bottom: 40px; float: none;}
	.single-product-details .info {width: 100%; padding-left: 0; float: none;}

}
/*(min-width: 768px) and (max-width: 991px)*/


@media (max-width: 767px) {
	#theme-main-banner .camera_caption>div {
	    padding-left: 50px !important;
	}
	/*=======*/
	.Home-CReativity {margin: 100px 0;}
	.Home-CReativity .creativitY-left-said {
		margin-bottom: 60px;
		border-bottom: solid 1px #e9e9e9;
		padding-bottom: 60px;
	}
	.Home-CReativity .creativitY-left-said h2,
	.Home-CReativity .creativitY-right-said h2 {
		font-size: 40px;
	}
	/*=======*/
	.HOME-Our-Blog {padding: 70px 0;}
	/*=======*/
	.Home-two-OUR-Team-SECtion {
		padding-top: 0px;
	}
	/*=======*/
	.Why-LoVe-Our-WoRk-ABOUt-Us .Our-WoRk-ABOUt-Us-GRID-IteM-One>h2 {font-size: 30px;}
	.Why-LoVe-Our-WoRk-ABOUt-Us .Our-WoRk-ABOUt-Us-GRID-IteM-TwO .GRID-TwO-TIMeR-IteM>div>h2 {font-size: 30px;}
	.Why-LoVe-Our-WoRk-ABOUt-Us .Our-WoRk-ABOUt-Us-GRID-IteM-TwO .GRID-TwO-BUttoN-IteM>p {font-size: 16px;}
	/*=======*/
	.ABOUT-US-OUR-Team-M {padding: 50px 0}
	/*=======*/
	.Services-We-Provide>.container>.THEM-HEADER-ONe>h2 {font-size: 50px;}
	/*=======*/
	.FeatureD-ServiceS-SECtion>.container>.THEM-HEADER-ONe {margin-bottom: 40px;}
	.FeatureD-ServiceS-SECtion>.container>.THEM-HEADER-ONe>h2 {font-size: 50px;}
	/*=======*/
	.PORTFOLIO-WORK-V-THRee .gallery_item-V-ThreE-padding_wrapper {padding: 0 15px;}
	/*=======*/
	.BLOG-Our-News-SECTIoN>.item {width: 100%; float: none;}
	/*=======*/
	.Leave-A-Reply>form>input {width: 45%;}
	/*=======*/
	.single-SHOP-MARGIN-top {margin-top: 100px;}
	/*=======*/
	.Send-message-OPSON>form>input {width: 100%; margin-right: 0;}
	#google-map-area {margin-top: 30px;}
	.Client-Love-us-SECtion .carousel-indicators li .Cliend-slid-IMG {position: static;}
	.Client-Love-us-SECtion .carousel-indicators li {padding: 0;}
	.Client-Love-us-SECtion .item p {width: 100%;font-size: 20px;line-height: 35px;}
	.Client-Love-us-SECtion .carousel-indicators li {margin: 0 10px;}

}
/*(max-width: 767px)*/


@media (max-width: 650px) {
	#success,#error {
	    width: 84%;
	    height: auto;
	    top: calc(50% - 50px);
	    left: 8%;
	    padding: 30px 10px;
	  }
	#theme-main-banner .camera_caption .container h1 {
		font-size: 35px;
		line-height: 60px;
	}
	#theme-main-banner .camera_caption .container h5,
	#theme-main-banner .camera_caption .container h1>span>i>sup,
	#theme-main-banner .camera_caption .container h1>span>i {
	  font-size: 30px;
	}
	#theme-main-banner .camera_caption .container h1>span>i>span {
		font-size: 50px;
	}
	#theme-main-banner .camera_caption .container h1>span>i>sup {
		top: -0.6em;
	}
	#theme-main-banner .camera_caption .container h5{
	  	margin-bottom: 10px;
	}
	#theme-main-banner .camera_caption .container a {
	  width: 150px;
	  line-height: 40px;
	}
	/*========*/
	.THEM-HEADER-ONe>h2 {
		font-size: 50px;
		margin-top: 8px;
	}
	.WORK-showcase {margin: 80px 0;}
	.isotop_menu {margin-bottom: 20px;}
	.isotop_menu ul li {
		display: block;
		padding: 5px 10px;
		border-radius: 8px;
		margin-bottom: 4px;
	}
	.gallery_item_wrapper>.grid-sizer,
	.gallery_item_wrapper>.isotop-item {
		width: 50%;
		padding: 12px 15px;
	}
	/*=======*/
	.Core-Features>.Core-Features-OPAct .CORE-Features-wrapper .CORE-Features-ITAM {
		width: 100%;
		border: none;
		border-bottom: solid 1px #e9e9e9;
	}
	.Core-Features>.Core-Features-OPAct .CORE-Features-wrapper .CORE-Features-ITAM:last-of-type {
		border: none;
	}
	.Core-Features>.Core-Features-OPAct {padding: 16px 0 80px;}
	.Core-Features>.Core-Features-OPAct .CORE-Features-wrapper {margin-top: 40px;}
	/*======*/
	.THEM-MAIN-FOOTER-SectioN {padding-bottom: 10px;}
	.THEM-MAIN-FOOTER-SectioN .footer-manu-border .Footer-Manu-section>li {
		font-size: 10px;
		padding: 0 8px;
		margin-top: 8px;
	}
	.THEM-MAIN-FOOTER-SectioN .FooTer-BOTTOM-sectiuon>.LEFT-SID,
	.THEM-MAIN-FOOTER-SectioN .FooTer-BOTTOM-sectiuon>.RIGHT-SID {
		float: none;
		text-align: center;
		margin-bottom: 10px;
	}
	.THEM-MAIN-FOOTER-SectioN .footer-manu-border {padding-bottom: 30px; margin-bottom: 20px;}
	/*=======*/
	.Services-We-Provide {margin: 80px 0;}
	/*=======*/
	.PORTFOLIO-WORK-V-One {margin: 20px 0 80px;}
	/*=======*/
	.PORTFOLIO-WORK-V-THRee .gallery_item_wrapper-V-ThreE>.grid-sizer,
	.PORTFOLIO-WORK-V-THRee .gallery_item_wrapper-V-ThreE>.isotop-item {
		width: 50%;
	}
	/*=======*/
	.Single-Portfolio-IMg-ITEM {margin: 60px 0 35px;}
	.Single-Portfolio-Head-Line>h2.Portfolio-Head-Line {font-size: 30px; line-height: 35px;}
	.Single-Portfolio-Head-Line>h2.Portfolio-Head-Line br {display: none;}
	.Why-LoVe-Our-WoRk-ABOUt-Us .Our-WoRk-ABOUt-Us-GRID-IteM-TwO .GRID-TwO-BUttoN-IteM>p.Single-Portfolio-P {font-size: 18px; line-height: 20px; float: none;}
	.Single-Portfolio-BUttoN-IteM {text-align: center;}
	.Single-Portfolio-BUttoN-IteM>a {float: none !important; margin-top: 15px;}
	/*=======*/
	.OuR-TeaM-foul-width {width: 100%;}
	.OuR-TeaM-SECTIOn {margin: 80px 0;}
	/*=======*/
	.SingleBlog-Rashed-kabir-section>ul>li>.SingleBlog-Rashed-kabir-TEXT {padding: 10px 5px 30px 15px;}
	.SingleBlog-Rashed-kabir-section>ul>li>.SingleBlog-Rashed-kabir-TEXT>p {padding-right: 0;}
	/*=======*/
	.Comments-section>.Comments-ITEM {padding: 40px 15px 40px 20px;}
	/*=======*/
	.SHoP-Adoban-T-Shirt-SELECT-OpSON>ul>li {display: block; margin-bottom: 10px;}
	/*=======*/
	.single-product-details .image {width: 100%; margin-bottom: 40px; float: none;}
	.single-product-details .info {width: 100%; padding-left: 0; float: none;}

}
/*(max-width: 650px)*/


@media (max-width: 600px) {
	header.main-header .theme-main-menu {height: 80px;}
	header.main-header .main-menu .medal-manu {height: 60px;}
	header.main-header .main-menu .navbar-collapse {margin-top: 18px;}
	/*======*/
	.DEVELOPment-section>.DEVELOPment-BG-img {height: 350px; padding-top: 35px;}
	.DEVELOPment-section>.DEVELOPment-BG-img .logo-laptop>h2 {font-size: 30px; line-height: 40px;}
	/*======*/
	.Home-two-OUR-Team-SECtion>.container>.CREATIVE-TEAM-Slid {margin-top: 32px;}
	.Home-two-OUR-Team-SECtion .Our-Team-button>a {margin-top: 30px;}
	/*=======*/
	.Enar-Paje-BAnar .Enar-Paje-BAnaR-TExT>h1 {font-size: 30px;}
	.Enar-Paje-BAnar .Enar-Paje-BAnaR-TExT>span {font-size: 40px;}
	/*=======*/
	.ABOUT-US-CReativity {
		margin: 50px 0;
	}
	.Why-LoVe-Our-WoRk-ABOUt-Us .Our-WoRk-ABOUt-Us-GRID-IteM-TwO .GRID-TwO-TIMeR-IteM>div {width: 50%;}
	.Why-LoVe-Our-WoRk-ABOUt-Us .Our-WoRk-ABOUt-Us-GRID-IteM-TwO .GRID-TwO-BUttoN-IteM>p {font-size: 12px; line-height: 15px;}
	.Why-LoVe-Our-WoRk-ABOUt-Us .Our-WoRk-ABOUt-Us-GRID-IteM-TwO .GRID-TwO-BUttoN-IteM>a {font-size: 10px; border-width: 1px;}
	/*=======*/
	.DEVELOPment-section>.ABOUT-US-Development-BG-COlor {height: auto;}

	
	.Home-CReativity .creativitY-left-said .creativitY-border,
.Home-CReativity .creativitY-right-said .creativitY-border {
	display:none;
}
.Home-CReativity .creativitY-left-said .creativitY-border>span,
.Home-CReativity .creativitY-right-said .creativitY-border>span {
	display:none;
}
.Home-CReativity .creativitY-left-said .creativitY-text,
.Home-CReativity .creativitY-right-said .creativitY-text {
	width: 100%;
	padding-left: 10px;
    padding-right: 10px;
	text-align:none;
}



}
/*(max-width: 600px)*/


@media (max-width: 550px) {	
	.Services-Provide-Item>.Provide-Item-DIV {
		width: 100%;
		float: none;
		height: auto;
		margin-bottom: 40px;
	}
	.Services-Provide-Item>.Provide-Item-DIV:nth-child(5),
	.Services-Provide-Item>.Provide-Item-DIV:nth-child(3),
	.Services-Provide-Item>.Provide-Item-DIV:nth-child(1) {
		margin-right: 0;
	} 
	/*=======*/
	.GRID-TwO-Single-Portfolio-IteM>div {width: 50%; margin-bottom: 20px;}
	/*=======*/
	.BLOG-Our-News-SECTIoN {margin-bottom: 20px;}
	.BLOG-V-One-Our-News {margin: 50px 0;}
	/*=======*/
	.Comments-section>.Comments-ITEM {padding: 20px 10px 20px 15px;}
	.Comments-section>.Comments-ITEM>ul>li>.IteM-COMMent {padding-left: 65px;}
	.Comments-section>.Comments-ITEM>ul>li>.IteM-COMMent .comment-TExT {
		padding-left: 10px;
		padding-bottom: 23px;
		margin-bottom: 15px;
	}
	.Comments-section>.Comments-ITEM>ul>li>.IteM-COMMentS-REPLY>li {padding-left: 30px; margin-bottom: 15px;}
	.Comments-section>.Comments-ITEM>ul>li>.IteM-COMMentS-REPLY>li>div {padding-left: 65px;}
	.Comments-section>.Comments-ITEM>ul>li>.IteM-COMMentS-REPLY>li>div>.REPLY-TExT {
		padding-left: 10px;
		padding-bottom: 23px;
	}
	.Comments-section>.Comments-ITEM>ul>li>.IteM-COMMentS-REPLY>li>div>.REPLY-TExT>h5>a,
	.Comments-section>.Comments-ITEM>ul>li>.IteM-COMMent .comment-TExT>h5>a {
		font-size: 15px;
	}
	.Comments-section>.Comments-ITEM>ul>li>.IteM-COMMentS-REPLY>li>div>.REPLY-TExT>span,
	.Comments-section>.Comments-ITEM>ul>li>.IteM-COMMent .comment-TExT>span {
		font-size: 13px;
	}
	.Comments-section>.Comments-ITEM>ul>li>.IteM-COMMentS-REPLY>li>div>.REPLY-TExT>p,
	.Comments-section>.Comments-ITEM>ul>li>.IteM-COMMent .comment-TExT>p {
		margin-top: 5px;
		font-size: 15px;
		line-height: 20px;
	}
	/*=======*/
	.Leave-A-Reply>form>input {width: 100%;}
	.Leave-A-Reply>form>input:nth-child(1) {margin-right: 0;}
	/*=======*/
	.Client-Love-us-SECtion .carousel-indicators li {width: 100%;margin: 5px 0;}
	.Client-Love-us-SECtion .carousel-indicators {bottom: auto;top:100%;}
	.Client-Love-us-SECtion .item p {padding-bottom: 15px;}
	.Client-Love-us-SECtion {padding-bottom: 375px;}
	
}
/*(max-width: 550px)*/


@media (max-width: 500px) {
	/*========  Theme Menu  =========*/
	header.main-header .navbar-toggle {
		margin: 0;
		margin-left: -20px;
	}
	header.main-header .main-menu .logo {
		top: 10%;
		-webkit-transform: translateY(-50%);
		   -moz-transform: translateY(-50%);
		    -ms-transform: translateY(-50%);
		     -o-transform: translateY(-50%);
		        transform: translateY(-50%);
		left: 20%;
		-webkit-transform: translateX(-50%);
		   -moz-transform: translateX(-50%);
		    -ms-transform: translateX(-50%);
		     -o-transform: translateX(-50%);
		        transform: translateX(-50%);
		z-index: 99999;
	}
	header.main-header .main-menu .manu-icon {
		right: 3px;
	}
	header.main-header .main-menu .manu-icon>div>a>i {
		margin-right: 13px;
	}
	/*=======*/
	.BLOG-Our-News-SECTIoN>.item {padding: 10px 10px;}
	.BLOG-Our-News-SECTIoN>.item>.BLOG-Our-Blog-Item>div {padding: 20% 0 0 15px;}
	.BLOG-Our-News-SECTIoN>.item>.BLOG-Our-Blog-Item>div>h3 {font-size: 23px;}
	/*=======*/
	.Blog-LisT-OuR-NewS-ITeM .OuR-NewS-ITeM .OuR-NewS-TExT {padding: 12px 10px;}
	.Blog-LisT-OuR-NewS-ITeM .OuR-NewS-ITeM .OuR-NewS-TExT>h3 {font-size: 22px; margin: 5px 0;}
	/*=======*/
	.BLOG_V_three-SingleBlog-TAG {
		margin: 55px -10px -10px;
		padding: 22px 10px 10px;
	}
	.BLOG_V_three-SingleBlog-P-TX>li {margin-bottom: 20px;}
	/*=======*/
	.SingleBlog-Rashed-kabir-section>ul>li {
		padding-top: 216px;
		padding-left: 0;
	}

}
/*(max-width: 500px)*/


@media (max-width: 480px) {
	.Client-Love-us-SECtion>.container>.THEM-HEADER-ONe>h2 {font-size: 35px;}
	.Client-Love-us-SECtion {padding-top: 40px;}
	.Client-Love-us-SECtion>.container>.THEM-HEADER-ONe>h2>img {width: 130px;}
	.Client-Love-us-SECtion .item p {font-size: 18px;}
	/*=======*/
	.HOME-Our-Blog {padding: 80px 0 50px;}
	.HOME-Our-Blog>.container>.THEM-HEADER-ONe>h2>a {word-spacing: 3px; font-size: 10px;}
	.HOME-Our-Blog>.container>.THEM-HEADER-ONe>h2 {font-size: 31px;}
	.HOME-Our-Blog-Slid .HOME-Our-Blog-Item>div {padding: 20% 0 0 20px;}
	.HOME-Our-Blog-Slid .HOME-Our-Blog-Item>div>h3 {font-size: 20px;}
	/*=======*/
	.Our-partners-SEctioN>.container>.THEM-HEADER-ONe>h2 {margin-top: 0px; font-size: 31px;}
	.Our-partners-LOGO-Slid {margin-top: 40px;}
	/*=======*/
	.Enar-Paje-BAnaR-TExT {padding: 0 60px;}
	.Enar-Paje-BAnar .Enar-Paje-BAnaR-TExT>h1 {font-size: 25px; line-height: 30px;}
	.Enar-Paje-BAnar .Enar-Paje-BAnaR-TExT>span {font-size: 35px;}
	/*=======*/
	.FeatureD-ServiceS-ITEm .ServiceS-ITEm-TExT>span {font-size: 60px; line-height: 50px;}
	.FeatureD-ServiceS-ITEm .ServiceS-ITEm-TExT>h2 {font-size: 25px; line-height: 50px;}
	.FeatureD-ServiceS-ITEm .ServiceS-ITEm-TExT>p {margin: 0 0 15px; font-size: 14px;}
	.FeatureD-ServiceS-SECtion>.container>.THEM-HEADER-ONe>h2 {font-size: 40px;}
	/*=======*/
	.SHoP-Adoban-T-Shirt .WidtH-FoUL {width: 100%;}

}
/*(max-width: 480px)*/


@media (max-width: 440px) {
	#theme-main-banner .camera_caption>div {
		padding-left: 30px !important;
	}
	#theme-main-banner .camera_caption .container h1 {
		font-size: 32px;
		line-height: 45px;
	}
	#theme-main-banner .camera_caption .container h5,
	#theme-main-banner .camera_caption .container h1>span>i>sup,
	#theme-main-banner .camera_caption .container h1>span>i {
	  	font-size: 25px;
	}
	#theme-main-banner .camera_caption .container h1>span>i>span {
		font-size: 45px;
	}
	#theme-main-banner .camera_caption .container h1>span>i>sup {
		top: -0.5em;
	}
	#theme-main-banner .camera_caption .container a {
	  	width: 150px;
	  	line-height: 40px;
	}
	#theme-main-banner.camera_wrap .camera_pag .camera_pag_ul {
		top: 90%;
		left: 42%;
	}
	#theme-main-banner.camera_wrap .camera_pag .camera_pag_ul li {display: inline-block; margin: 6px;}
	#theme-main-banner.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent {margin: 4px;}
	/*==========*/
	.DEVELOPment-section>.DEVELOPment-BG-img {height: 250px; padding-top: 35px;}
	.DEVELOPment-section>.DEVELOPment-BG-img .logo-laptop>h2 {font-size: 20px; line-height: 30px;}
	.DEVELOPment-section>.DEVELOPment-BG-img .logo-laptop .logo-laptop-IMG {margin-top: 40px; width: 100%; padding: 0 15%;}
	.DEVELOPment-section>.DEVELOPment-TexT {padding-top: 60px;}
	/*==========*/
	.gallery_item_wrapper>.grid-sizer,
	.gallery_item_wrapper>.isotop-item {
		width: 100%;
	}
	/*==========*/
	.Why-LoVe-Our-WoRk-ABOUt-Us .Our-WoRk-ABOUt-Us-GRID-IteM-TwO .GRID-TwO-BUttoN-IteM>p {float: none; width: 100%;}
	.Why-LoVe-Our-WoRk-ABOUt-Us .Our-WoRk-ABOUt-Us-GRID-IteM-TwO .GRID-TwO-BUttoN-IteM>a {float: none; margin-top: 15px;}
	/*=======*/
	.DEVELOPment-section>.ABOUT-US-Development-BG-COlor {height: auto;}
	/*=======*/
	.BLOG-Our-News-SECTIoN>.item>.BLOG-Our-Blog-Item>div {padding: 16% 0 0 10px;}
	.BLOG-Our-News-SECTIoN>.item>.BLOG-Our-Blog-Item>div>h3 {font-size: 20px; line-height: 22px;}
	/*=======*/
	.BLOG_V_three-SingleBlog-TAG>div>div {float: none; text-align: center;}
	/*=======*/
	.Comments-section>.Comments-ITEM>ul>li>.IteM-COMMentS-REPLY>li>div>.REPLY-TExT>a.RepLy,
	.Comments-section>.Comments-ITEM>ul>li>.IteM-COMMent .comment-TExT>a.RepLy {
		top: 88%;
		right: 0px;
	}
	.Comments-section>.Comments-ITEM>ul>li:last-child>.IteM-COMMent .comment-TExT,
	.Comments-section>.Comments-ITEM>ul>li>.IteM-COMMent .comment-TExT,
	.Comments-section>.Comments-ITEM>ul>li>.IteM-COMMentS-REPLY>li>div>.REPLY-TExT {
		padding-bottom: 35px;
	}
	/*=======*/
	.Leave-A-Reply>form {padding: 15px 10px;}
	/*=======*/
	.related-product>h5 {font-size: 22px;}

}
/*(max-width: 440px)*/


@media (max-width: 380px) {
	header.main-header .main-menu .logo a img {width: 100px;}
	/*========*/
	.Home-CReativity .creativitY-left-said h2,
	.Home-CReativity .creativitY-right-said h2 {
		font-size: 35px;
	}
	/*========*/
	.THEM-HEADER-ONe>h2 {
		font-size: 40px;
	}
	.isotop_menu .SELECT-OpSON .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
	    width: 140px;
	    margin-top: 5px;
	}
	/*========*/
	.Core-Features>.Core-Features-OPAct .CORE-Features-wrapper .CORE-Features-ITAM {
		height: auto;
		padding: 38px 5px 15px 65px;
	}
	.Core-Features>.Core-Features-OPAct .CORE-Features-wrapper {border-width: 3px;}
	.CORE-Features-wrapper .CORE-Features-ITAM .Features-ITAM-icon {left: 10px;}
	/*=======*/
	.HOME-Our-Blog-Slid .HOME-Our-Blog-Item>div {padding: 15% 0 0 20px;}
	.HOME-Our-Blog-Slid .HOME-Our-Blog-Item>div>h3 {font-size: 18px; line-height: 25px;}
	/*=======*/
	.THEM-MAIN-FOOTER-loGo>a>img {width: 130px;}
	.THEM-MAIN-FOOTER-SectioN .footer-manu-border .Footer-ICon-section>li {padding-left: 10px;}
	.THEM-MAIN-FOOTER-SectioN .FooTer-BOTTOM-sectiuon>.LEFT-SID>h6>a {line-height: 20px;}
	.THEM-MAIN-FOOTER-SectioN .FooTer-BOTTOM-sectiuon>.RIGHT-SID>h6 {
		display: block;
		line-height: 20px;
	}
	.THEM-MAIN-FOOTER-SectioN .FooTer-BOTTOM-sectiuon>.RIGHT-SID>h6:nth-child(1) {margin-right: 0;}
	/*=======*/
	.Services-We-Provide {margin: 50px 0;}
	.Services-We-Provide>.container>.THEM-HEADER-ONe>h2 {font-size: 38px; line-height: 40px;}
	/*=======*/
	.PORTFOLIO-WORK-V-THRee .gallery_item_wrapper-V-ThreE>.grid-sizer,
	.PORTFOLIO-WORK-V-THRee .gallery_item_wrapper-V-ThreE>.isotop-item {
		width: 100%;
	}
	/*=======*/
	.GRID-TwO-Single-Portfolio-IteM>div {width: 100%; text-align: left; padding-left: 20px;}
	/*=======*/
	.OuR-TeaM-IMgE-ITAM>.IMgE-ITAM-Opact>.ITAM-Opact-ICON>h3 {font-size: 18px;}
	.OuR-TeaM-IMgE-ITAM>.IMgE-ITAM-Opact>.ITAM-Opact-ICON>div {height: 35px; width: 100px;}
	.OuR-TeaM-IMgE-ITAM>.IMgE-ITAM-Opact>.ITAM-Opact-ICON>div>a {
		width: 30px;
		font-size: 17px;
		line-height: 35px;
	}
	.OuR-TeaM-IMgE-ITAM>.IMgE-ITAM-Opact>.ITAM-Opact-ROTAD>p {font-size: 16px; width: 50%;}
	.OuR-TeaM-IMgE-ITAM>.IMgE-ITAM-Opact>.ITAM-Opact-ROTAD>span {width: 20%;}
	/*=======*/
	.related-product>h5 {font-size: 22px; padding-right: 100px;}
	.single-product-details .info .color-show {float: none; text-align: center; width: 100%;}
	.single-product-details .info .quantity {float: none; width: 100%; margin-bottom: 20px;}
	.review-tab .nav-tabs li a {padding: 10px 12px;} 

}
/*(max-width: 380px)*/
/* General Demo Style */
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);

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

.column {
  float: left;
  width: 50%;
  padding: 0 2em;
  min-height: 300px;
  position: relative;
}

  .column:nth-child(2) {
    box-shadow: -1px 0 0 rgba(0,0,0,0.1);
  }

  .column p {
    font-weight: 300;
    font-size: 2em;
    padding: 0;
    margin: 0;
    text-align: right;
    line-height: 1.5;
  }

/* To Navigation Style */
.codrops-top {
  background: #fff;
  background: rgba(255, 255, 255, 0.2);
  text-transform: uppercase;
  width: 100%;
  font-size: 0.69em;
  line-height: 2.2;
}

  .codrops-top a {
    padding: 0 1em;
    letter-spacing: 0.1em;
    display: inline-block;
  }

    .codrops-top a:hover {
      color: #e74c3c;
      background: rgba(255,255,255,0.6);
    }

  .codrops-top span.right {
    float: right;
  }

    .codrops-top span.right a {
      float: left;
      display: block;
    }

.codrops-icon:before {
  font-family: 'Open Sans', sans-serif;
  margin: 0 4px;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

.codrops-icon-drop:before {
  content: "\e001";
}

.codrops-icon-prev:before {
  content: "\e004";
}

button {
  border: none;
  padding: 0.6em 1.2em;
  background: rgba(146, 133, 146, 0.38);
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-size: 1em;
  letter-spacing: 1px;
  text-transform: uppercase;
  cursor: pointer;
  display: inline-block;
  margin: 3px 2px;
  border-radius: 2px;
}

  button:hover {
    background: rgb(68 68 68);
  }

@media screen and (max-width: 46.0625em) {
  .column {
    width: 100%;
    min-width: auto;
    min-height: auto;
    padding: 1em;
  }

    .column p {
      text-align: left;
      font-size: 1.5em;
    }

    .column:nth-child(2) {
      box-shadow: 0 -1px 0 rgba(0,0,0,0.1);
    }
}

@media screen and (max-width: 25em) {
  .codrops-icon span {
    display: none;
  }
}

.mainPageContent {
  margin-top: 100px;
}

/****************
      css loader
    */

.cs-css-loader {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.80);
  z-index: 99999;
}

  .cs-css-loader .cs-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: block;
  }

    .cs-css-loader .cs-loader .cs-css-loader-logo {
      background: url(../images/amblem.png);
      background-position: center;
      background-size: cover;
      width: 100px;
      height: 100px;
      border-radius: 50px;
    }

  .cs-css-loader .cs-css-loader-title {
    position: absolute;
    top: 65%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: block;
    font-family: 'Arial',sans-serif;
    font-size: 23px;
    letter-spacing: 1px
  }

#cs-preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#cs-loader {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #9370DB;
  -webkit-animation: csspin 2s linear infinite;
  animation: csspin 2s linear infinite;
}

  #cs-loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #BA55D3;
    -webkit-animation: csspin 3s linear infinite;
    animation: csspin 3s linear infinite;
  }

  #cs-loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #FF00FF;
    -webkit-animation: csspin 1.5s linear infinite;
    animation: csspin 1.5s linear infinite;
  }

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

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

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

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

.uni {
}

.calistayi {
  font-size: 98px;
}

.afiliyazi {
  position: absolute;
  width: 25em;
  position: absolute;
  right: 10%;
}

@media screen and (max-width: 1460px) {
  .uni {
  }

  .calistayi {
    font-size: 80px !important;
  }

  .afiliyazi {
  }
}

@media screen and (max-width: 1200px) {
  .uni {
    font-size: 30px;
    line-height: 70px;
  }

  .calistayi {
    font-size: 42px !important;
  }

  .afiliyazi {
  }
}

@media screen and (max-width: 1020px) {
  .uni {
    font-size: 20px;
    line-height: 50px;
  }

  .calistayi {
    font-size: 42px !important;
  }

  .afiliyazi {
  }
}


@media screen and (max-width: 860px) {
  body {
    font-size: 100% !important;
  }

  .uni {
    display: none;
  }

  .calistayi {
    display: none;
  }

  .afiliyazi {
    width: 28em !important;
  }
}

/* General styles for the modal */

/* 
Styles for the html/body for special modal where we want 3d effects
Note that we need a container wrapping all content on the page for the 
perspective effects (not including the modals and the overlay).
*/
.md-perspective,
.md-perspective body {
	height: 100%;
	overflow: hidden;
}

.md-perspective body  {
	background: #222;
	-webkit-perspective: 600px;
	-moz-perspective: 600px;
	perspective: 600px;
}


.md-modal {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 50%;
	max-width: 630px;
	min-width: 320px;
	height: auto;
	z-index: 2000;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.md-show {
	visibility: visible;
}

.md-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 1000;
	opacity: 0;
	background: rgba(109, 60, 100, 0.61);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show ~ .md-overlay {
	opacity: 1;
	visibility: visible;
}

/* Content styles */
.md-content {
	color: #fff;
	background: #000000;
	position: relative;
	border-radius: 3px;
	margin: 0 auto;
}

.md-content h3 {
	margin: 0;
	padding: 0.4em;
	text-align: center;
	font-size: 1.8em;
    font-weight: 600;
	opacity: 0.8;
	background: rgba(0,0,0,0.1);
	border-radius: 3px 3px 0 0;
}

.md-content > div {
	padding: 2px 20px 20px 20px;
	margin: 0;
	font-weight: 300;
	font-size: 1.15em;
}

.md-content > div p {
	margin: 0;
	padding: 10px 0;
}

.md-content > div ul {
	margin: 0;
	padding: 0 0 30px 20px;
}

.md-content > div ul li {
	padding: 5px 0;
}

.md-content button {
	display: block;
	margin: 0 auto;
	font-size: 0.8em;
}

/* Individual modal styles with animations/transitions */

/* Effect 1: Fade in and scale up */
.md-effect-1 .md-content {
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-1 .md-content {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/* Effect 2: Slide from the right */
.md-effect-2 .md-content {
	-webkit-transform: translateX(20%);
	-moz-transform: translateX(20%);
	-ms-transform: translateX(20%);
	transform: translateX(20%);
	opacity: 0;
	-webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	-moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}

.md-show.md-effect-2 .md-content {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
}

/* Effect 3: Slide from the bottom */
.md-effect-3 .md-content {
	-webkit-transform: translateY(20%);
	-moz-transform: translateY(20%);
	-ms-transform: translateY(20%);
	transform: translateY(20%);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-3 .md-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

/* Effect 4: Newspaper */
.md-effect-4 .md-content {
	-webkit-transform: scale(0) rotate(720deg);
	-moz-transform: scale(0) rotate(720deg);
	-ms-transform: scale(0) rotate(720deg);
	transform: scale(0) rotate(720deg);
	opacity: 0;
}

.md-show.md-effect-4 ~ .md-overlay,
.md-effect-4 .md-content {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.md-show.md-effect-4 .md-content {
	-webkit-transform: scale(1) rotate(0deg);
	-moz-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
	opacity: 1;
}

/* Effect 5: fall */
.md-effect-5.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-5 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(600px) rotateX(20deg); 
	-moz-transform: translateZ(600px) rotateX(20deg); 
	-ms-transform: translateZ(600px) rotateX(20deg); 
	transform: translateZ(600px) rotateX(20deg); 
	opacity: 0;
}

.md-show.md-effect-5 .md-content {
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	-webkit-transform: translateZ(0px) rotateX(0deg);
	-moz-transform: translateZ(0px) rotateX(0deg);
	-ms-transform: translateZ(0px) rotateX(0deg);
	transform: translateZ(0px) rotateX(0deg); 
	opacity: 1;
}

/* Effect 6: side fall */
.md-effect-6.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-6 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translate(30%) translateZ(600px) rotate(10deg); 
	-moz-transform: translate(30%) translateZ(600px) rotate(10deg);
	-ms-transform: translate(30%) translateZ(600px) rotate(10deg);
	transform: translate(30%) translateZ(600px) rotate(10deg); 
	opacity: 0;
}

.md-show.md-effect-6 .md-content {
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	-webkit-transform: translate(0%) translateZ(0) rotate(0deg);
	-moz-transform: translate(0%) translateZ(0) rotate(0deg);
	-ms-transform: translate(0%) translateZ(0) rotate(0deg);
	transform: translate(0%) translateZ(0) rotate(0deg);
	opacity: 1;
}

/* Effect 7:  slide and stick to top */
.md-effect-7{
	top: 0;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.md-effect-7 .md-content {
	-webkit-transform: translateY(-200%);
	-moz-transform: translateY(-200%);
	-ms-transform: translateY(-200%);
	transform: translateY(-200%);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	opacity: 0;
}

.md-show.md-effect-7 .md-content {
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
	border-radius: 0 0 3px 3px;
	opacity: 1;
}

/* Effect 8: 3D flip horizontal */
.md-effect-8.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-8 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateY(-70deg);
	-moz-transform: rotateY(-70deg);
	-ms-transform: rotateY(-70deg);
	transform: rotateY(-70deg);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0;
}

.md-show.md-effect-8 .md-content {
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	transform: rotateY(0deg);
	opacity: 1;
}

/* Effect 9: 3D flip vertical */
.md-effect-9.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-9 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateX(-70deg);
	-moz-transform: rotateX(-70deg);
	-ms-transform: rotateX(-70deg);
	transform: rotateX(-70deg);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0;
}

.md-show.md-effect-9 .md-content {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	transform: rotateX(0deg);
	opacity: 1;
}

/* Effect 10: 3D sign */
.md-effect-10.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-10 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateX(-60deg);
	-moz-transform: rotateX(-60deg);
	-ms-transform: rotateX(-60deg);
	transform: rotateX(-60deg);
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-10 .md-content {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	transform: rotateX(0deg);
	opacity: 1;
}

/* Effect 11: Super scaled */
.md-effect-11 .md-content {
	-webkit-transform: scale(2);
	-moz-transform: scale(2);
	-ms-transform: scale(2);
	transform: scale(2);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-11 .md-content {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/* Effect 12:  Just me */
.md-effect-12 .md-content {
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-12 ~ .md-overlay {
	background: #e74c3c;
} 

.md-effect-12 .md-content h3,
.md-effect-12 .md-content {
	background: transparent;
}

.md-show.md-effect-12 .md-content {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/* Effect 13: 3D slit */
.md-effect-13.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-13 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(-3000px) rotateY(90deg);
	-moz-transform: translateZ(-3000px) rotateY(90deg);
	-ms-transform: translateZ(-3000px) rotateY(90deg);
	transform: translateZ(-3000px) rotateY(90deg);
	opacity: 0;
}

.md-show.md-effect-13 .md-content {
	-webkit-animation: slit .7s forwards ease-out;
	-moz-animation: slit .7s forwards ease-out;
	animation: slit .7s forwards ease-out;
}

@-webkit-keyframes slit {
	50% { -webkit-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -webkit-animation-timing-function: ease-out;}
	100% { -webkit-transform: translateZ(0) rotateY(0deg); opacity: 1; }
}

@-moz-keyframes slit {
	50% { -moz-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -moz-animation-timing-function: ease-out;}
	100% { -moz-transform: translateZ(0) rotateY(0deg); opacity: 1; }
}

@keyframes slit {
	50% { transform: translateZ(-250px) rotateY(89deg); opacity: 1; animation-timing-function: ease-in;}
	100% { transform: translateZ(0) rotateY(0deg); opacity: 1; }
}

/* Effect 14:  3D Rotate from bottom */
.md-effect-14.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-14 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateY(100%) rotateX(90deg);
	-moz-transform: translateY(100%) rotateX(90deg);
	-ms-transform: translateY(100%) rotateX(90deg);
	transform: translateY(100%) rotateX(90deg);
	-webkit-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	transform-origin: 0 100%;
	opacity: 0;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.md-show.md-effect-14 .md-content {
	-webkit-transform: translateY(0%) rotateX(0deg);
	-moz-transform: translateY(0%) rotateX(0deg);
	-ms-transform: translateY(0%) rotateX(0deg);
	transform: translateY(0%) rotateX(0deg);
	opacity: 1;
}

/* Effect 15:  3D Rotate in from left */
.md-effect-15.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-15 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	-moz-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	-ms-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	-webkit-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	transform-origin: 0 100%;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-15 .md-content {
	-webkit-transform: translateZ(0px) translateX(0%) rotateY(0deg);
	-moz-transform: translateZ(0px) translateX(0%) rotateY(0deg);
	-ms-transform: translateZ(0px) translateX(0%) rotateY(0deg);
	transform: translateZ(0px) translateX(0%) rotateY(0deg);
	opacity: 1;
}

/* Effect 16:  Blur */
.md-show.md-effect-16 ~ .md-overlay {
	background: rgba(180,46,32,0.5);
}

.md-show.md-effect-16 ~ .container {
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	filter: blur(3px);
}

.md-effect-16 .md-content {
	-webkit-transform: translateY(-5%);
	-moz-transform: translateY(-5%);
	-ms-transform: translateY(-5%);
	transform: translateY(-5%);
	opacity: 0;
}

.md-show.md-effect-16 ~ .container,
.md-effect-16 .md-content {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-16 .md-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

/* Effect 17:  Slide in from bottom with perspective on container */
.md-show.md-effect-17 ~ .container {
	height: 100%;
	overflow: hidden;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}	

.md-show.md-effect-17 ~ .container,
.md-show.md-effect-17 ~ .md-overlay  {
	-webkit-transform: rotateX(-2deg);
	-moz-transform: rotateX(-2deg);
	-ms-transform: rotateX(-2deg);
	transform: rotateX(-2deg);
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.md-effect-17 .md-content {
	opacity: 0;
	-webkit-transform: translateY(200%);
	-moz-transform: translateY(200%);
	-ms-transform: translateY(200%);
	transform: translateY(200%);
}

.md-show.md-effect-17 .md-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	-webkit-transition: all 0.3s 0.2s;
	-moz-transition: all 0.3s 0.2s;
	transition: all 0.3s 0.2s;
}

/* Effect 18:  Slide from right with perspective on container */
.md-show.md-effect-18 ~ .container {
	height: 100%;
	overflow: hidden;
}

.md-show.md-effect-18 ~ .md-overlay {
	background: rgba(143,27,15,0.8);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.md-show.md-effect-18 ~ .container,
.md-show.md-effect-18 ~ .md-overlay {
	-webkit-transform-style: preserve-3d;
	-webkit-transform-origin: 0% 50%;
	-webkit-animation: rotateRightSideFirst 0.5s forwards ease-in;
	-moz-transform-style: preserve-3d;
	-moz-transform-origin: 0% 50%;
	-moz-animation: rotateRightSideFirst 0.5s forwards ease-in;
	transform-style: preserve-3d;
	transform-origin: 0% 50%;
	animation: rotateRightSideFirst 0.5s forwards ease-in;
}

@-webkit-keyframes rotateRightSideFirst {
	50% { -webkit-transform: translateZ(-50px) rotateY(5deg); -webkit-animation-timing-function: ease-out; }
	100% { -webkit-transform: translateZ(-200px); }
}

@-moz-keyframes rotateRightSideFirst {
	50% { -moz-transform: translateZ(-50px) rotateY(5deg); -moz-animation-timing-function: ease-out; }
	100% { -moz-transform: translateZ(-200px); }
}

@keyframes rotateRightSideFirst {
	50% { transform: translateZ(-50px) rotateY(5deg); animation-timing-function: ease-out; }
	100% { transform: translateZ(-200px); }
}

.md-effect-18 .md-content {
	-webkit-transform: translateX(200%);
	-moz-transform: translateX(200%);
	-ms-transform: translateX(200%);
	transform: translateX(200%);
	opacity: 0;
}

.md-show.md-effect-18 .md-content {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
	-webkit-transition: all 0.5s 0.1s;
	-moz-transition: all 0.5s 0.1s;
	transition: all 0.5s 0.1s;
}

/* Effect 19:  Slip in from the top with perspective on container */
.md-show.md-effect-19 ~ .container {
	height: 100%;
	overflow: hidden;
}

.md-show.md-effect-19 ~ .md-overlay {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.md-show.md-effect-19 ~ .container,
.md-show.md-effect-19 ~ .md-overlay {
	-webkit-transform-style: preserve-3d;
	-webkit-transform-origin: 50% 100%;
	-webkit-animation: OpenTop 0.5s forwards ease-in;
	-moz-transform-style: preserve-3d;
	-moz-transform-origin: 50% 100%;
	-moz-animation: OpenTop 0.5s forwards ease-in;
	transform-style: preserve-3d;
	transform-origin: 50% 100%;
	animation: OpenTop 0.5s forwards ease-in;
}

@-webkit-keyframes OpenTop {
	50% { 
		-webkit-transform: rotateX(10deg); 
		-webkit-animation-timing-function: ease-out; 
	}
}

@-moz-keyframes OpenTop {
	50% { 
		-moz-transform: rotateX(10deg); 
		-moz-animation-timing-function: ease-out; 
	}
}

@keyframes OpenTop {
	50% { 
		transform: rotateX(10deg); 
		animation-timing-function: ease-out; 
	}
}

.md-effect-19 .md-content {
	-webkit-transform: translateY(-200%);
	-moz-transform: translateY(-200%);
	-ms-transform: translateY(-200%);
	transform: translateY(-200%);
	opacity: 0;
}

.md-show.md-effect-19 .md-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	-webkit-transition: all 0.5s 0.1s;
	-moz-transition: all 0.5s 0.1s;
	transition: all 0.5s 0.1s;
}

@media screen and (max-width: 32em) {
	body { font-size: 75%; }
}
/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/



/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/



/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ }
	.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
	
	.mCustomScrollBox{ /* contains plugin's markup */
		position: relative;
		overflow: hidden;
		height: 100%;
		max-width: 100%;
		outline: none;
		direction: ltr;
	}

	.mCSB_container{ /* contains the original content */
		overflow: hidden;
		width: auto;
		height: auto;
	}



/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_inside > .mCSB_container{ margin-right: 30px; }

	.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */

	.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
		position: absolute;
		width: 16px;
		height: auto;
		left: auto;
		top: 0;
		right: 0;
		bottom: 0;
	}

	.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
		right: auto;
		left: 0;
	}
	
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */

	.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0; 
		height: 270px;
	}

	.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }

	.mCSB_scrollTools .mCSB_draggerRail{
		width: 2px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
	}

	.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
		cursor: pointer;
		width: 100%;
		height: 30px; /* minimum dragger height */
		z-index: 1;
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
		position: relative;
		width: 4px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
		text-align: center;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown{
		display: block;
		position: absolute;
		height: 20px;
		width: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}

	.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_horizontal.mCSB_inside > .mCSB_container{
		margin-right: 0;
		margin-bottom: 30px;
	}
	
	.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }

	.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal{
		width: auto;
		height: 16px;
		top: auto;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 2px;
		margin: 7px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
		width: 30px; /* minimum dragger width */
		height: 100%;
		left: 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 12px; /* auto-expanded scrollbar */
		margin: 2px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 8px; /* auto-expanded scrollbar */
		margin: 4px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
		display: block;
		position: absolute;
		width: 20px;
		height: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}
	
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_container_wrapper{
		position: absolute;
		height: auto;
		width: auto;
		overflow: hidden;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin-right: 30px;
		margin-bottom: 30px;
	}
	
	.mCSB_container_wrapper > .mCSB_container{
		padding-right: 30px;
		padding-bottom: 30px;
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }
	
	/* non-visible horizontal scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }
	
	/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }
	
	/* non-visible scrollbar/RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; }
	
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; }
	
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
		margin-right: 0; /* non-visible scrollbar */
		margin-left: 0;
	}
	
	/* non-visible horizontal scrollbar */
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_scrollTools, 
	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
		-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-o-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
	}



/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/

	/* 
	----------------------------------------
	6.1 THEMES 
	----------------------------------------
	*/
	
	/* default theme ("light") */

	.mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
	
	.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }
	
	.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollBox:hover > .mCSB_scrollTools,
	.mCustomScrollBox:hover ~ .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

	.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.4);
		filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; 
	}

	.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.85);
		filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; 
	}
	.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.9);
		filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		background-image: url(mCSB_buttons.png); /* css sprites */
		background-repeat: no-repeat;
		opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp{
		background-position: 0 0;
		/* 
		sprites locations 
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonDown{
		background-position: 0 -20px;
		/* 
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonLeft{
		background-position: 0 -40px;
		/* 
		sprites locations 
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonRight{
		background-position: 0 -56px;
		/* 
		sprites locations 
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonUp:hover,
	.mCSB_scrollTools .mCSB_buttonDown:hover,
	.mCSB_scrollTools .mCSB_buttonLeft:hover,
	.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

	.mCSB_scrollTools .mCSB_buttonUp:active,
	.mCSB_scrollTools .mCSB_buttonDown:active,
	.mCSB_scrollTools .mCSB_buttonLeft:active,
	.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }
	

	/* theme: "dark" */

	.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-2", "dark-2" */

	.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{	background-position: -32px -20px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -40px -40px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; }
	
	
	/* theme: "dark-2" */

	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thick", "dark-thick" */

	.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 6px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 4px;
		margin: 6px 0;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 6px;
		margin: 5px auto;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{	background-position: -16px -20px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -20px -40px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; }


	/* theme: "dark-thick" */
	
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -100px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thin", "dark-thin" */
	
	.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); }

	.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 2px;
		margin: 7px auto;
	}


	/* theme "dark-thin" */
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{	background-position: -80px 0; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 14px;
		margin: 0 1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; }
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 14px;
		margin: 1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		width: 16px; /* auto-expanded scrollbar */
		height: 16px;
		margin: -1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ }
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 16px; /* auto-expanded scrollbar */
		width: 16px;
		margin: 0 -1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 4px; /* auto-expanded scrollbar */
		margin: 6px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; }
	
	
	/* theme "rounded-dark", "rounded-dots-dark" */
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; }
	
	
	/* theme "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		background-color: transparent;
		background-position: center;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
		background-repeat: repeat-y;
		opacity: 0.3;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		height: 4px;
		margin: 6px 0;
		background-repeat: repeat-x;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; }
	
	
	/* theme "rounded-dots-dark" */
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
	}
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-y;
		background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-x;
		background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	
	/* theme "3d", "3d-dark" */
	
	.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; }
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; }
	
	.mCS-3d.mCSB_scrollTools, 
	.mCS-3d-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 8px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 	 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }

	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; }

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 8px;
		margin: 4px 0;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
	}

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 8px;
		margin: 4px auto;
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "3d-dark" */
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "3d-thick", "3d-thick-dark" */
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	
	.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; }
	
	.mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{
		bottom: 1px;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
		width: 12px;
		margin: 2px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 12px;
		width: auto;
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #000; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -40px -128px; }
	
	
	/* theme: "3d-thick-dark" */
	
	.mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); }
	 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #fff; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "minimal", "minimal-dark" */
	
	.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		right: 0; 
		margin: 12px 0; 
	}
	
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
		bottom: 0; 
		margin: 0 12px; 
	}
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		left: 0; 
		right: auto;
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }
	
	.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	
	/* theme: "minimal-dark" */
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	/* ---------------------------------------- */
	
	
	
	/* theme "light-3", "dark-3" */
	
	.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
		width: 6px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; }

	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 6px;
		margin: 5px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		width: 12px;
	}
	
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "dark-3" */
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
	
	.mCS-inset.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 12px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ 
		width: 6px;
		margin: 3px 5px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 6px;
		margin: 5px 3px;
		position: absolute;
		width: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	
	/* theme "inset-2", "inset-2-dark" */
	
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: transparent;
		border-width: 1px;
		border-style: solid;
		border-color: #fff;
		border-color: rgba(255,255,255,0.2);
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); }
	
	
	/* theme "inset-3", "inset-3-dark" */
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
	
	/* ---------------------------------------- */