html {

}
body {
    /*background-image: url(../img/background.png);*/
    background: url(../img/backgrounds.png) repeat;
    /*background-attachment: fixed;*/
    font-size: 16px;
}body:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: -webkit-linear-gradient(#000, #fff); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#000, #fff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#000, #fff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#000, #fff); /* Standard syntax (must be last) */
    opacity: .1;
}
.row{
  position: relative;
}
@media (min-width: 1200px) {
    .container {
        width: 1200px;
    }
}
::-webkit-scrollbar
{
    width: 11px;
    background-color: #b5b5b5;
}

/*.container{
    padding-left: 0px;
    padding-right: 0px;
}*/

::-webkit-scrollbar-thumb
{
    background-color: #555;
}

::-webkit-scrollbar-track
{
    background-color: #999999;
}

nav {
    color: white;
    font-weight: bold;
    background: #4c4c4c; /* Old browsers */
    background: -moz-linear-gradient(top, #4c4c4c 0%, #1c1c1c 0%, #111111 52%, #2b2b2b 97%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(0%,#1c1c1c), color-stop(52%,#111111), color-stop(97%,#2b2b2b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #4c4c4c 0%,#1c1c1c 0%,#111111 52%,#2b2b2b 97%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #4c4c4c 0%,#1c1c1c 0%,#111111 52%,#2b2b2b 97%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #4c4c4c 0%,#1c1c1c 0%,#111111 52%,#2b2b2b 97%); /* IE10+ */
    background: linear-gradient(to bottom, #4c4c4c 0%,#1c1c1c 0%,#111111 52%,#2b2b2b 97%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#2b2b2b',GradientType=0 ); /* IE6-9 */

}

#nav-head{
    margin-left: -105px;
}

.navbar-default .navbar-nav > li > a {
    color: #000000;
}

.navbar-default .navbar-nav > li > a:hover {
    color: #a3a3a3;
}

#navbar2{
    margin-left: 155px;
}

#navbar2 > ul > li > a{
    color: black;
}

#navbar2 > ul > li > a:hover{
    color: #a3a3a3;
}

.well{
    background-color: #fff;
    border-radius: 0px;
}

#navy{
    margin-left: 50px;
    margin-right: 50px;
    border:0;
}

#navy-link{
    margin-left: 120px;
    margin-right: 120px;
}

.input-group-btn {
    border-left: 10px solid #212020;
}

#top-bar {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;

}
.row-centered {
    text-align: center;
    margin-bottom: 0px;
}
.loading {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url("../img/load.gif") center no-repeat #fff;
}

.col-centered {
    display: inline-block;
    float: none;
    text-align: left;
    margin-right: -4px;
}
.shop-category {
    margin-left: -5px;
    padding-left: 15px;
    border-top: 3px solid #c1c1c1;
    border-right: 3px solid #c1c1c1;
    border-bottom: 3px solid #c1c1c1;
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
    background: -moz-linear-gradient(90deg, rgba(192, 192, 192, 0.15) 0%, rgba(155, 155, 155, 1) 250%);
    /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(192, 192, 192, 0.15)), color-stop(100%, rgba(128, 128, 128, 1)));
    /* safari4+,chrome */
    background: -webkit-linear-gradient(90deg, rgba(192, 192, 192, 0.15) 0%, rgba(155, 155, 155, 1) 250%);
    /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(90deg, rgba(192, 192, 192, 0.15) 0%, rgba(155, 155, 155, 1) 250%);
    /* opera 11.10+ */
    background: -ms-linear-gradient(90deg, rgba(192, 192, 192, 0.15) 0%, rgba(155, 155, 155, 1) 250%);
    /* ie10+ */
    background: linear-gradient(90deg, rgba(192, 192, 192, 0.15) 0%, rgba(155, 155, 155, 1) 250%);
    /* w3c */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#c0c0c0', endColorstr='#808080', GradientType=1);
    /* ie6-9 */
}

.shop-categorys{
    float: left;
    width: 234px;
    margin-right: 23px;
    padding-top: 5px;
    overflow: hidden;
    padding-bottom: 50px;
    background: url(../img/shop-cat/hd.png) top center no-repeat,
    url(../img/shop-cat/bd.png) bottom center no-repeat,
    url(../img/shop-cat/ft..png) repeat-y;

}

.shop-category > h4 {
    color : grey;
}

.shop-category > ul >li> a{
    color : black;
}

.shop-category > ul >li> a:hover{
    color : #777;
}

.content-header {
    background: -moz-linear-gradient(90deg, #AFAFAF 0, #D8D8D8 100%);/* FF3.6+ */
    background: -webkit-gradient(linear, 90deg, color-stop(0, AFAFAF), color-stop(100%, D8D8D8));/* Chrome,Safari4+ */
    background: -webkit-linear-gradient(90deg, #AFAFAF 0, #D8D8D8 100%);/* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(90deg, #AFAFAF 0, #D8D8D8 100%);/* Opera 11.10+ */
    background: -ms-linear-gradient(90deg, #AFAFAF 0, #D8D8D8 100%);/* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1'); /* for IE */
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
}
#widgets {
    background-color: black;
    padding-bottom: 20px;
    padding-top: 20px;
}
#brand-sidebar {
    background-color: #CCCCCC;
    height: 500px;
}
#brand-sidebar > #header {
    font-size: 16px;
    -webkit-box-shadow: 0px 7px 10px -6px rgba(0, 0, 0, 0.54);
    -moz-box-shadow: 0px 7px 10px -6px rgba(0, 0, 0, 0.54);
    box-shadow: 0px 7px 10px -6px rgba(0, 0, 0, 0.54);
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 2px;
    margin-top: -8px;
    margin-left: -5px;
    margin-right: -5px;
    margin-bottom: 15px;
}

#brand-sidebar > #body{
    overflow : auto;
    vertical-align: baseline;
    height: 440px;
    margin-right: -10px;
    margin-top: -10px;
}

#brand-sidebar > #body > ul > li{
    font-size: 15px;
    border-bottom: 1px solid gray;
    padding-bottom: 3px;
    padding-top: 3px;
}

.bordered {
    border-color: #000;
    border-width: 8px;
    border-style: solid;
    -moz-border-image: -moz-linear-gradient(top, #45484d 0%, #3a4ed5 100%);
    -webkit-border-image: -webkit-linear-gradient(top, #3acfd5 0%, #3a4ed5 100%);
    border-image: linear-gradient(to bottom, #45484d 0%, #212020 100%);
    border-image-slice: 1;
}
#subscribe {
    background-image: url(../img/str.png);
    color: #B6B6B6;
    text-align: center;
    text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1);
    font-weight: bold;
    font-size: 18px;
    margin-top: 18px;
    height: 140px;
}
#subscribe>h3 {
    text-align: center;
    margin-top: 0px;
    #margin-left: -15px;
    #margin-right: -15px;
    padding: 5px;
    background: #45484d;
    /* Old browsers */
    background: -moz-linear-gradient(top, #45484d 0%, #000000 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #45484d), color-stop(100%, #000000));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #45484d 0%, #000000 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #45484d 0%, #000000 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #45484d 0%, #000000 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #45484d 0%, #000000 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#45484d', endColorstr='#000000', GradientType=0);
    /* IE6-9 */
    -webkit-box-shadow: 0px 15px 13px -6px rgba(0, 0, 0, 0.9);
    -moz-box-shadow: 0px 15px 13px -6px rgba(0, 0, 0, 0.9);
    box-shadow: 0px 15px 13px -6px rgba(0, 0, 0, 0.9);
    text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1);
    color: #B6B6B6;
}

.navbar-nav. nav-justified > li {
    #float: none;
}
.navbar{
    border:0;
    margin-bottom: 10px;
}
.navbar .inner-nav ul {
    position:relative;left:50%;float:left;margin-right:0;margin-left:0;
}

/* ADDED for centering navbar items */
.navbar .inner-nav li {
    position:relative;right:50%;float:left;margin:0;list-style:none
}

#subscribe-signup{
    background-color: #d71a21;
    border: 0px;
    color : #fff;
    padding-right: 20px ;
    padding-left: 20px ;
}

.carousel {
    background-color: transparent;
}

#carousel-brand{
    padding-left: 30px;
    padding-right: 30px;

}

.carousel-control{
    width: 5%;
    opacity: 1;
}

#carousel-product{
    border: 1px solid lightgray;
}

#carousel-example-generic > .carousel-control{
    opacity: 0.2;
}

#carousel-example-generic > .carousel-control:hover{
    opacity: 1;
}

.carousel-control.left {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 0%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 0%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 0%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}


.carousel-control.right {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 0%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 0%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 0%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}

.carouselFix img {
    width: auto;
    height: 70px;
    max-height: 70px;
}


.chevron{
    width:150%;
    position:absolute;
    top:10%;
}

.chevron-left{left:5%;}
.chevron-right{right:5%;}
.breadcrumb{
    background-color: transparent;
}
.breadcrumb > li + li:before {
    content: "->\00a0";
}

.box h3{
    text-align:center;
    position:relative;
    top:80px;
}
.box {
    width:100%;
    height:200px;
    background:#FFF;
    margin:40px auto;
}

.detail-product{
    background-image: url(../img/box-product%20-kategory.png);
    -webkit-background-size: 100% 100% ;
    -moz-background-size: 100% 100% ;
    -o-background-size: 100% 100% ;
    background-size: 100% 100%;
    padding-left: 20px;
    padding-top: 20px;
}

.caption-product{
    color : red;
    height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    font-size: 15px;
    line-height: 110%;
}

#row-nopad{
    padding: 0px !important;
    margin-left: -20px !important;
    margin-right: -20px !important;
}

#row-stp{

}

#col-stp{
    padding-bottom: 15px;
    width: 100%;
    margin-bottom: 0px;

}

#col-stp>a{
    padding-bottom: 0px;
    padding-left: 15px;
}

#col-stp1>img{
    margin-top: 0px;
    margin-left: 19px;
    margin-right: -19px;
}

#col-stp1{
    width: 23%;
    float: left;
}

.box-product{
    background-image: url(../img/box-product%20-kategory.png);
    overflow-y: visible;
}

.product-sub img{
    width: 50px;
    height: 50px;
}

#popular-search .thumbnail > img {
    height: 100px;
    margin-left: 0;
    margin-right: 0;
}

.related .thumbnail > a > img {
    height: 120px;
    min-height: 120px;
}
/*.corner-text-wrapper {
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
    clip: rect(0px, 141.421px, 70.7107px, 0px);
    height: 141.421px;
    position: absolute;
    right: -20.7107px;
    top: -20.7107px;
    width: 141.421px;
    z-index: 1;
}
.corner-text {
  color: white;
 -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
    left: 10px;
    top: 36px;
    display: block;
    height: 100px;
    position: absolute;
    width: 100px;
    z-index: 2;
}
.red {
    background-color: red;
}
.blue {
    background-color: blue;
}
.yellow {
    background-color: yellow;
    color: #000;
}
.green {
    background-color: green;
}
.corner-text span {
    padding: 2px 5px;
  position: relative;
  display: block;
  text-align: right;
  font-weight: bold;
  font-size: 20px;
  z-index: 8;
}*/
.card {
    box-shadow: 0 1px 8px 0 rgba(0,0,0,0.2);
    margin: 10px 0px;
    transition: 0.3s;
    width: 100%;
    text-align: center;
    background-color: #fff;
}
.card a{
  text-decoration: none;
}
.img-card{
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  min-height: 250px;
  max-height: 250px;
}
.card .img-product{
  /*max-width: 230px;*/
  width: 100%;
  min-height: 220px !important;
  max-height: 220px !important;
  height: 220px !important;
}
.corner-text-wrapper {
    position: absolute;
    right: 15px;
    top: 10px;
    z-index: 1;
}
.red,
.blue,
.yellow,
.green{
  position: absolute;
  width: 0;
  height: 0;

  border-left: 100px solid transparent;
  z-index: -1;
  right: 0;
  top: 0;
}
.corner-text {
  color: #fff;
}
.red {
    border-top: 100px solid red;
}
.blue {
    border-top: 100px solid blue;
}
.yellow {
    border-top: 100px solid yellow;
}
.green {
    border-top: 100px solid green;
}
.corner-text span {
    padding: 2px 5px;
  position: relative;
  display: block;
  text-align: right;
  font-weight: bold;
  font-size: 18px;
  z-index: 8;
}
.container-product {
  text-align: left;
    padding: 20px 16px 10px;
    color: red;
    min-height: 195px;
}
.container-product .box-rating img{
  width: 40%;
  padding: 5px 0;
  float: right;
}
.container-product .box-rating input{
  float: left;
}
.container-product .title-card{
    letter-spacing: 0.1px;
    font-size: 12pt;
    margin: 10px 0;
}
.container-product .price-card-disc{
  color: green;
  padding: 0;
  font-weight: bold;
  font-size: 16px;
}
.container-product .price-card-disc strike{
  color: #8e8e8e;
  font-size: 14px;
  font-style: italic;
  margin-right: 10px;
}
.container-product .price-card{
    color: #000;
    padding: 5px 0 20px;
    letter-spacing: 0.1px;
    font-size: 12pt;
    font-weight: bold;
}
a .container-product:hover{
    color: #fff;
    background-color: #4cc9f3;
    text-decoration: none;
}

/*======== Product details*/
.content-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 20px 0 30px;
}
iframe.note-video-clip{
  min-height: 480px;
}
.site-main {
  width: 75%;
}

.sidebar-area {
  margin-left: 50px;
  position: relative;
  width: 300px;
  font-size: 14px;
  min-height: 500px;
}

.side-navigation.fixed {
  position: fixed;
  top: 0;
  width: 275px;
}
.side-navigation.bottom {
  position: absolute;
  bottom: 0;
  top: auto;
  width: 275px;
}



.m-title{
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  background-color: #eee;
  font-size: 18px;
  font-weight: bold;
  padding: 10px;
  margin: 10px 0 20px;
}

.box-side{
  /*padding: 10px 20px;*/
}

.box-side-abs{
  position: absolute;
}

.title-side h1{font-size: 30px;line-height: 1.2; font-weight: bold;}
.Q-side,.S-side,.C-side{margin: 10px 0;}
.S-side span,.C-side span{padding: 2px 5px; border: 1px solid #ccc;}

.box-side hr{border-top: 1px solid #ccc;}
.box-side h2{font-size: 18px;margin: 0;}
.box-side h2.disc-price{font-size: 16px;color: green; margin: 10px 0;}
.box-side h2.disc-price strike{font-size: 16px;color: #8e8e8e;}
.m-payment-pr {
  display: inline-block;
}
.paymen-sec{
  display: inline-block;
  width: 100%;
  padding: 10px;
}
.padding-payment{
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}
a button.btn-bl:before{
  content: "";
  display: block;
  background: url("../img/logo-bl1.png") no-repeat;
  width: 25px;
  height: 25px;
  float: left;
  margin: 0 0px 0 0;
}
a button.btn-bl {
  width: 100%;
  font-size: 14px;
  background-color: #C30F42;
  color: #eee;
  padding: 6px 8px;
}
a button.btn-tp:before {
  content: "";
  display: block;
  background: url("../img/logo-tp1.png") no-repeat;
  width: 25px;
  height: 25px;
  float: left;
  margin: 0 0px 0 0;
}
a button.btn-tp {
  width: 100%;
  font-size: 14px;
  background-color: #42B548;
  color: #eee;
  padding: 6px 8px;
}
a button.btn-lz:before {
  content: "";
  display: block;
  background: url("../img/lz1.png") no-repeat;
  width: 25px;
  height: 25px;
  float: left;
  margin: 0 6px 0 0;
}
a button.btn-lz {
  /*margin: 4px;*/
  width: 100%;
  font-size: 16px;
  background-color: #F36F36;
  color: #eee;
}
a button.btn-bli:before {
  content: "";
  display: block;
  background: url("../img/bli.png") no-repeat;
  width: 25px;
  height: 25px;
  float: left;
  margin: 0 6px 0 0;
}
a button.btn-bli {
  /*margin: 4px;*/
  width: 100%;
  font-size: 16px;
  background-color: #0E7AC0;
  color: #eee;
}

.open-side h3,
.location-side h3,
.contact-side h3{
  font-size: 14px;
  color: #999;
  margin-top: 10px;
}

.open-side span{
  font-size: 12px;
}
.x2{
  font-size: 12px !important;
}
.x3{
  font-size: 18px !important;
}
.x4{
  font-size: 24px !important;
}


/* footer social icons */
.show-social{
  margin-top: 30px;
  text-align: center;
}
.show-social ul{
  visibility: hidden;
}
.show-social ul.is-show {
  visibility: visible;
}
ul.social-network {
  list-style: none;
  display: inline;
  margin-left:0 !important;
  padding: 0;
}
ul.social-network li {
  display: inline;
  margin: 0 5px;
}
/* footer social icons */
.social-network a.icoFacebook {
  background-color:#3B5998;
}
.social-network a.icoTwitter {
  background-color:#33ccff;
}
.social-network a.icoGoogle {
  background-color:#DB4437;
}
.social-network a.icoVimeo {
  background-color:#0590B8;
}
.social-network a.icoPinterest {
  background-color:#CD1D1F;
}
.social-network a.icoRss i, .social-network a.icoFacebook i, .social-network a.icoTwitter i,
.social-network a.icoGoogle i, .social-network a.icoVimeo i, .social-network a.icoPinterest i {
  color:#fff;
}
a.socialIcon:hover, .socialHoverClass {
  color:#44BCDD;
}
.social-circle li a {
  display:inline-block;
  position:relative;
  margin:0 auto 0 auto;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
  border-radius:50%;
  text-align:center;
  width: 40px;
  height: 40px;
  font-size:16px;
  box-shadow: 0 0 10px rgba(255, 255, 255, 1);
  border: 2px solid rgba(255, 255, 255, 1);
}
.social-circle li i {
  margin:0;
  line-height:40px;
  text-align: center;
}

.social-circle li a:hover i, .triggeredHover {
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -ms--transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
}
.social-circle i {
  color: #fff;
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s;
}

/*---- end*/
.maps-side{
  /*height: 200px;*/
}
#google-container {
  position: relative;
  min-width: 100%;
  min-height: 200px;
  background-color: #e7eaf0;
}

#cd-google-map {
  position: relative;
  padding: 20px 0;
}

#cd-zoom-in, #cd-zoom-out {
  height: 32px;
  width: 32px;
  cursor: pointer;
  margin-left: 10px;
  background-color: rgba(254,82,76, 0.9); /* Primary color, can be changed via colors.css */
  background-repeat: no-repeat;
  background-size: 32px 64px;
  background-image: url("../img/cd-icon-controller.svg");
}
.no-touch #cd-zoom-in:hover, .no-touch #cd-zoom-out:hover {
  background-color: #d36868;
}

#cd-zoom-in {
  background-position: 50% 0;
  margin-top: 10px;
  margin-bottom: 1px;
}

#cd-zoom-out {
  background-position: 50% -32px;
}
/*=========== End*/


#img-preview{
    width: 28%;
}

.detail-product .thumbnail > img {
    height: 100px;
    margin-left: 0;
    margin-right: 0;
}

#list-prod .thumbnail > img {
    height: 120px;
    min-height: 120px;
    margin-left: 0;
    margin-right: 0;
}

.thumbnail_container {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    margin-bottom:20px;
}

.thumbnail-center {
    position:absolute;
    width:100%;
    height:100%;
}
.thumbnail > #img-center {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.desc-product{
    border : 1px solid grey;
    width: 500px;
    min-height: 20px;
    background-color: #B6B6B6;
}

.desc-product > .body{
    float: left;
    background-color: lightpink;

    width: 65%;
}

.desc-product-footer{
    background-color: #7f7f7f;
    color: #FFFFFF;
    margin-top: 0px;
    padding : 10px 0px;
}

.desc-product > .cart{
    float: left;
    background-color: grey;
    position: relative;
    width: 35%;
    overflow: visible;
}

/* Start of Column CSS */
#container2 {
    clear:left;
    float:left;
    width:100%;
    overflow:visible;
    background:#7f7f7f; /* column 2 background colour */
    border: 1px solid #d6d6d6;
    position: relative;
}
#container1 {
    float:left;
    width:100%;
    background:#c1c1c1; /* column 1 background colour */
    overflow-y: visible;
}
#col1 {
    float:left;
    width:65%;
    position:relative;
    background:#fff;
    overflow:hidden;
    border-right: 1px solid #d6d6d6;
}
#col2 {
    float:left;
    width:35%;
    position:relative;
    overflow:hidden;
    text-align: center;
}
.content-col{
    padding: 1px 10px;
}
/* --> */

#video-review{
    background-image: url("../img/vidio-review.png");
    overflow-y: visible;
    -webkit-background-size: cover ;
    -moz-background-size: cover ;
    -o-background-size: cover ;
    background-size: 100% auto;
    min-height: 300px;
    padding-top: 80px;
    padding-left: 20px;
}

#product-details{
    /*background-image: url("../img/products/product-details.png");*/
    overflow-y: visible;
    background-repeat: no-repeat;
    -webkit-background-size: cover ;
    -moz-background-size: cover ;
    -o-background-size: cover ;
    background-size: 100% auto;
    min-height: 300px;
    padding-top: 50px;

}

#review-summary{
    /*background-image: url("../img/products/review-summary.png");*/
    background-repeat: no-repeat;
    overflow-y: visible;
    -webkit-background-size: cover ;
    -moz-background-size: cover ;
    -o-background-size: cover ;
    background-size: 100% auto;
    min-height: 300px;
    padding-top: 80px;
    padding-left: 20px;

}

#review-summary-rating{
    padding-left: 20px;
}

#review-product{
    padding-left: 20px;
}

.title-heading{
    background-color: #dddddd;
    padding:15px;
}

.widget-box{
    position: absolute;
}

.widget-box #body{
    background-color: #D1D1D1;
    width: 80px;
    min-height: 50px;
    padding: 10px 15px 10px 15px;
}

.widget-box-media #body{
    background-color: #D1D1D1;
    width: 130px;
    min-height: 50px;
    padding: 10px 15px 10px 15px;
}

#btn-add-to-cart{
    width: 128px;
    height: 32px;
    background: #D71921;
    color: #FFFFFF;
    margin: auto;
    font-size: 12px;
    border: 0px;
    margin-top: 20px;
}

#content {margin:20px;}

/*.box
{
    position: relative;
    width: 500px;
    padding: 50px;
    margin: 0 auto 20px auto;
    background: #f0ab67;
}*/

#container2:before, #container2:after
{
    position: absolute;
    width: 40%;
    height: 10px;
    content: ' ';
    left: 12px;
    bottom: 12px;
    background: transparent;
    -webkit-transform: skew(-5deg) rotate(-5deg);
    -moz-transform: skew(-5deg) rotate(-5deg);
    -ms-transform: skew(-5deg) rotate(-5deg);
    -o-transform: skew(-5deg) rotate(-5deg);
    transform: skew(-5deg) rotate(-5deg);
    -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.8);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.8);
    z-index: -1;
}

#container2:after
{
    left: auto;
    right: 12px;
    -webkit-transform: skew(5deg) rotate(5deg);
    -moz-transform: skew(5deg) rotate(5deg);
    -ms-transform: skew(5deg) rotate(5deg);
    -o-transform: skew(5deg) rotate(5deg);
    transform: skew(5deg) rotate(5deg);
}

/* HALF SHADOW */

.layer{
    height: auto;
    position: relative;
    background-color: transparent;

}

.layer-shadow{
    position: relative;
    z-index: 1;
    height: 140px;
    -webkit-box-shadow: 1px -2px 11px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px -2px 11px rgba(0, 0, 0, 0.3);
    box-shadow: 1px -2px 11px rgba(0, 0, 0, 0.3);
    background-image: linear-gradient(rgba(0,0,0, 0.3), rgba(252,252,252, 0.1));
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.layer-shadow-tab{
    position: relative;
    z-index: 1;
    height: 100px;
    -webkit-box-shadow: 1px -5px 18px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 1px -5px 18px rgba(0, 0, 0, 0.8);
    box-shadow: 1px -5px 18px rgba(0, 0, 0, 0.8);
    background-image: linear-gradient(rgba(0,0,0, 0.3), rgba(252,252,252, 0.1));
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.layer-title-reviews{
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    font-size: 20px;
    top : -140px;
    background-color: black;
    color: white;
    z-index: 2;
    position: relative;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.6);
    padding: 13px 25px;
}


.layer-title-tab{
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    font-size: 14px;
    top : -141px;
    background-color: transparent;
    color: white;
    z-index: 2;
    position: relative;
    padding: 0px;
}

.layer-title-tab li{
    width: 150px;
    text-align: center;
}

.layer-title-grey{
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    font-size: 14px;
    top: -140px;
    background-color: #A2A2A2;
    color: white;
    z-index: 2;
    position: relative;
    padding: 8px 20px;
}

.layer-body{
    top : -142px;
    background-color: #fff;
    z-index: 1;
    position: relative;
    padding: 5px 10px;
}

.layer-title-tab .nav-tabs>li>a{
    background-color: grey;
    color: black;
}

.layer-title-tab .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{
    background-color: #fff;
}

/* END HALF SHADOW */

#product-subs-youtube{
    font-size: 12px;
    padding: 5px 10px;
}

.rating-level{
    width: 150px;
    background-color: grey;
    border-radius: 5px;
    display: block;
    height: 8px;
}

.rating-level-fill{
    background: rgb(255,117,119); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,117,119,1) 0%, rgba(255,94,97,1) 50%, rgba(232,0,3,1) 51%, rgba(255,0,4,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,117,119,1)), color-stop(50%,rgba(255,94,97,1)), color-stop(51%,rgba(232,0,3,1)), color-stop(100%,rgba(255,0,4,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,117,119,1) 0%,rgba(255,94,97,1) 50%,rgba(232,0,3,1) 51%,rgba(255,0,4,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,117,119,1) 0%,rgba(255,94,97,1) 50%,rgba(232,0,3,1) 51%,rgba(255,0,4,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,117,119,1) 0%,rgba(255,94,97,1) 50%,rgba(232,0,3,1) 51%,rgba(255,0,4,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,117,119,1) 0%,rgba(255,94,97,1) 50%,rgba(232,0,3,1) 51%,rgba(255,0,4,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7577', endColorstr='#ff0004',GradientType=0 ); /* IE6-9 */
    border-right: 1px solid #ba0000;
    width: 30px;
    display: block;
    height: inherit;
    border-radius: 3px;
    float: left;
}


.rating-level-empty{
    background: rgb(174,188,191); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(174,188,191,1) 0%, rgba(110,119,116,1) 50%, rgba(10,14,10,1) 51%, rgba(10,8,9,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(174,188,191,1)), color-stop(50%,rgba(110,119,116,1)), color-stop(51%,rgba(10,14,10,1)), color-stop(100%,rgba(10,8,9,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(174,188,191,1) 0%,rgba(110,119,116,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(174,188,191,1) 0%,rgba(110,119,116,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(174,188,191,1) 0%,rgba(110,119,116,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(174,188,191,1) 0%,rgba(110,119,116,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aebcbf', endColorstr='#0a0809',GradientType=0 ); /* IE6-9 */
    border-right: 1px solid black;
    width: 30px;
    display: block;
    height: inherit;
    border-radius: 3px;
    float: left;
}

.icon-social {
    display: block;
    width: 32px;
    border-radius: 1px;
    margin : -5px -5px;

}

#payment-method{
    margin: auto;
    float: none;
    border: 3px solid #c1c1c1;
    border-radius: 5px;
    text-align: center;
    background-color: #e5e5e5;
}



#list-popular-product .thumbnail > img {
    height: 100px;
    margin-left: 0;
    margin-right: 0;
}

.caption-product a{
    color : red;
}

.boxsizingBorder {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.productImg img {
    width: auto;
    height: 230px;
    min-height: 230px;
    max-height: 230px;
    height: 200px;
    min-height: 200px;
    max-height: 200px;
    margin: auto;
}

#product-swat ul{
    margin-left: 20px;
}
.productImg-thumbnail img {
    width: auto;
    height: 60px;
    max-height: 60px;
    min-height: 60px;
    margin: auto;
}

.rate-product{

}

.rating-xss {
    font-size: 1.2em;
}

.breadcrumb li{
    font-size: 14px;
}

.rating-container .rating-stars.custom {
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap;
    overflow: hidden;
    color: red;
    transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -webkit-transition: all .25s ease-out;
}

.layer-body label{
    margin-bottom: -12px;
}

#user_input_rating label{
    margin-bottom: -10px;
}

.rating-xs {
    font-size: 1.7em;
}

#hero-logo{
    margin-bottom:20px;
    text-align:left
}

#field-search{
    padding-right: 60px;
    padding-top:40px;
}

#third-content{
    /*padding-right: 0;*/
}

#close-modal{
    position: absolute;
    float: right;
    right: 0px;
    background-color: white;
    padding: 10px 20px;
    font-size: 34px;
}
@media (min-width: 768px) {
    .navbar-right {
        margin-right: 0px;
        font-size: 12px;
    }
    .navbar {
        border-radius: 0px;
    }
}

a{
    color: #000;
}

#img-community{
    width: 102%;
    height: 175px;
}

.modal-vertical-centered {
    transform: translate(0, 35%) !important;
    -ms-transform: translate(0, 35%) !important; /* IE 9 */
    -webkit-transform: translate(0, 35%) !important; /* Safari and Chrome */
}

.yamm .dropdown.yamm-fw .dropdown-menu {
    left: 0;
    right: 0;
    width: 60%;
}

.tab-content > .active {
    color: #000000;
}

.yamm .open > .dropdown-menu {
    width: 600px;
}

.dropdown:hover .dropdown-menu {
    display: block;
    width: 600px;
}

#left-tab{
    z-index: 1;
    min-height: 124px;
    background-color: #f5f5f5;
    border : 1px solid #989898;
}

#left-tab ul{
    padding-top: 10px;
    border-right: 0;
}

.dropdown-backdrop {
    position: static;
}

#left-tab .row{
    display: flex;
}

.left-tab-cat:hover{
  /*  background-color: #ffffff;*/
}

.yamm .yamm-content {
    padding: 0 !important;
    margin-top: -5px;
    margin-bottom: -5px;

}

.left-tab-sub{
    border-right: 1px solid grey;
}

.yamm .tab-content{
    padding:10px 5px;
}

.yamm .dropdown-menu{
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.info-guidance {
    /*background-color: #ffd1d1 ;*/
    background-clip: content-box;
    padding-left: 0px;
    height: 100%;
    margin-left: -15px;
    margin-right: -15px;
}

.info-guidance .text{
    padding: 20px 5px 1px;
    color : #000000;
}

#tab-boy{
    background-color: #ffd1d1;
    background-image: url("../img/menu-tab-bg.png");
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=21, Direction=0, Color=#000000)";/*IE 8*/
    -moz-box-shadow: 0 7px 21px -2px #000000;/*FF 3.5+*/
    -webkit-box-shadow: 0 7px 21px -2px #000000;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
    box-shadow: 0 7px 21px -2px #000000;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=21, Direction=135, Color=#000000); /*IE 5.5-7*/
    width: 470px;
    border: 2px solid black;
}

#navbar-yamm{
    margin-bottom: -1px;
    border-bottom: 10px solid #d71a21;
}

.tabs-left>li.active>a, .tabs-left>li.active>a:hover, .tabs-left>li.active>a:focus {
    background-color: #F5F5F5;
}

.tabs-left{
    border-right: 0;
}

.cssarrow {
    background: #FFFFFF;
}

.cssarrow:after {
    bottom: 100%;
    left: 32px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #FFFFFF;
    border-width: 11px;
    margin-left: 0px;
    z-index: 1;
    margin-bottom: -3px;
}

.caret-right {
    border-top: 4px solid transparent;
    border-right: none;
    border-bottom: 4px solid transparent;
    border-left: 5px solid #000000;
    vertical-align: middle;
    margin-top: 5px;
}

.navbar-default .navbar-nav > li > a {
    color: #ffffff;
}

.yamm .tabs-left > li > a {
    padding: 1px 5px;

}

.yamm .navbar-nav{
    margin: 0 auto;
    display: table;
    table-layout: fixed;
    float:none;
}

.yamm .navbar-nav > .active > a {
    color: #000000;
    background-color: transparent;
}

.yamm .navbar-nav > li > a {
    color: #000000 !important;
}

.yamm .navbar-nav > li > a:hover {
    color: dimgrey !important;
    background-color: lightgrey !important;
}

.col-sm-auto {
    width: auto;
    padding: 0px;
}

.tab-pane ul > li > a{
    font-size: 13px;
    font-weight: lighter;
}

.tabs-left>li.active>a, .tabs-left>li.active>a:hover, .tabs-left>li.active>a:focus{
    border : 0 !important;
}

.tabs-left>li>a {
    margin-right: 1px !important;
}

.borderless tbody tr td, .borderless tbody tr th, .borderless thead tr th {
    border: none;
    padding: 1px;
}

#lying-widget{
    width: 80px;
    position: fixed;
    margin-left: -93px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    padding: 0px !important;
    border: 0;
}

#lying-widget #header{
    background-color: #ff0000;
     border-bottom-left-radius: 0;
    font-size: 11px;
    text-align: center;
    border-top-left-radius: 5px;
    padding: 3px;
}

#lying-widget #cp{
    background-color: #F5F5F5;
    padding: 2px 1px;
    font-size: 9px;
    font-weight: bold;
    text-align: center;
}

#lying-widget #head-share{
    background-color: #D1D1D1;
    border-top: solid 1px #2a444c;
    text-align: center;
    font-size: 11px;
    padding: 2px;
    font-weight: bold;
}

#lying-widget #share{
    background-color: #0e0e0e;
    padding: 4px 2px;
}

#haku{
    color : #ededed;
}

#haku:hover{
    color : #5c5c68 !important;
}
.team{
    text-align: center;
    display: block;
    max-height: 310px;
}
.contain {
  margin: 100px 0 0px;
  height: 300px;
  background-color: #eee;
  padding: 0 20px 20px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.075);
  -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.075);
  -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.075);
  text-align: center;
}
.avatar-flip {
  border-radius: 100px;
  overflow: hidden;
  height: 150px;
  width: 150px;
  position: relative;
  margin: auto;
  top: -60px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  box-shadow: 0 0 0 13px #fff;
  -webkit-box-shadow: 0 0 0 13px #fff;
  -moz-box-shadow: 0 0 0 13px #fff;
}
.avatar-flip img {
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 100px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
}

/*
.team > .crop {
    width: 100px;
    height: 100px;
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
     -o-border-radius: 50%;
    border-radius: 50%;
}*/
.team .back{
    background-color: #000;
    height: 60px;
    width: 100%;
}
 .name-staff{
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    margin-top: -30px;
    padding: 0px 10px 0px;
}
 .title-staff{
    font-weight: bold;
    text-align: center;
    font-style: italic;
    font-size: 14px;
}
 .description-staff{
    font-size: 14px;
    text-align: center;
    padding: 10px 10px;
}
div.backgrounds {
    width: 0;
    height: 0;
    border-bottom: 100px solid red;
    border-left: 100px solid transparent;
}
div.image:before {
    content:url("/assets/img/icon1.png");
    position:absolute;
    /*max-width: 50px;*/
    opacity: 0.7;
    /*height: 50px;*/
    right: 5%;
    top: 5%;
}
div.images:before {
    content:url("/assets/img/icon2.png");
    position:absolute;
    /*max-width: 50px;*/
    opacity: 0.7;
    /*height: 50px;*/
    right: 5%;
    top: 5%;
}

/*#overlay{
    background:rgba(0,0,0,.75);
    text-align: center;
    padding: 45px 0 66px 0;
    opacity: 0;
    -webkit-transition: opacity .5s ease;
}
.thumbnail:hover #overlay{
    opacity: 1;
}*/
/*====== Hero*/

.img-bantop{
  width: 100%;
  min-height: 150px;
  max-height: 150px;
}

.hover,
.hover h2{text-align:center}
.hover,
.hover
.overlay{width:100%;height:100%;overflow:hidden}
.modal-body p,pre{text-transform:none;letter-spacing:0}
h1{font-size:50px}
.hover a.info,.hover h2{text-transform:uppercase;color:#fff}
.hover{float:left;position:relative;cursor:default}
.hover .overlay{position:absolute;top:0;left:0}
.hover img{display:block;position:relative}
.hover a.info{display:inline-block}
.hover h2{position:relative;font-size:17px;padding:10px;background:rgba(0,0,0,.6)}
.hover a.info{text-decoration:none;padding:7px 14px;border:1px solid #000;margin:30% 0 0;border-radius:0;background-color:transparent; color: #000;cursor:pointer}
.hover a.info:hover{box-shadow:0 0 5px #000}
/*.point{cursor:pointer}*/
.ehover3 img{-webkit-transition:all .4s ease-in;transition:all .4s ease-in}
.ehover3 a.info,
.ehover3 h2{-webkit-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7);-webkit-transition:all .4s ease-in;transition:all .4s ease-in;opacity:0}
.ehover3:hover img{filter:grayscale(4) blur(3px);-webkit-filter:grayscale(4) blur(3px);-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}
.ehover3:hover a.info,
.ehover3:hover h2{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}


/*---- masonry -----*/
/*.wrapper {
    width: 95%;
    margin: 1.5em auto;
}*/
img{
max-width: 100%;
height: auto;
display: block;
}
iframe {
max-width: 100%;
height: auto;
}

.masonry {
    margin: 1.5em 0;
    padding: 0;
    /*-moz-column-gap: 1.5em;
    -webkit-column-gap: 1.5em;
    column-gap: 1.5em;*/
    display: flex;
    font-size: .85em;
}

.items {
    display: inline-block;
    background: #fff;
    padding: 1.5em;
    margin: 0 0 1.5em;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.18);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    vertical-align: top;
}
/*@media only screen and (min-width: 700px) {
    .masonry {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}

@media only screen and (min-width: 900px) {
    .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}
*/
/*@media only screen and (min-width: 1100px) {
    .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}*/
*{
    margin: 0;
    padding: 0;
    border: 0;
}
.accordian {
    width: 1167px; height: 450px;
    overflow: hidden;

    /*Time for some styling*/
    margin: 20px auto;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.35);
}

    /*A small hack to prevent flickering on some browsers*/
.accordian ul {
    width: 2000px;
    /*This will give ample space to the last item to move
    instead of falling down/flickering during hovers.*/
}

.accordian li {
    position: relative;
    display: block;
    width: 330px;
    float: left;

    border-left: 1px solid #888;

    box-shadow: 0 0 25px 10px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 25px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 25px 10px rgba(0, 0, 0, 0.5);

    /*Transitions to give animation effect*/
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    /*If you hover on the images now you should be able to
    see the basic accordian*/
    }

    /*Reduce with of un-hovered elements*/
    .accordian ul:hover li {width: 0px;}
    /*Lets apply hover effects now*/
    /*The LI hover style should override the UL hover style*/
    .accordian ul li:hover {width: 1167px;}


    .accordian li img {
    display: block;
    max-width: 1167px;
    width: 1167px;
    height: 450px;
    }



/*.no-padding{padding: 0 !important;}*/
.banner-top-container{
  margin-top: -15px;
    padding: 0px;
  min-height: 500px !important;
  max-height: 500px !important;
  overflow: hidden;
}
.baner-top.slider {
    margin: 0;
    padding: 5px 0;
}
.baner-top .slick-slider {
  /*margin: 0px 20px;*/
  /*width: 600px !important;
  min-height: 100px !important;
  max-height: 100px !important;*/
}
.slick-slide img {
  margin: 0px auto;
  /*min-width: 50%;
  max-width: 50%;*/
}

.slick-prev:before,
.slick-next:before {
    color: #eee;
    font-size: 40px;
    z-index: 3;
}
.slick-prev{
    z-index: 3;
  left: 25px;
}
.slick-next
{
  right: 45px;
}
.slick-dots li button:before
{
    content: '\f068';
    font-family: FontAwesome;
    font-size: 30px;
    line-height: 20px;
}
.slick-dots li {
    margin: 0 10px;
}
.slick-dotted.slick-slider{
    margin-bottom: 60px;
}



.back-masonry-1{
    background: -webkit-linear-gradient(bottom, rgb(222,222,222) 19%, rgb(201,201,201) 50%, rgb(219,219,219) 80%);
    width: 100%;
    height: auto;
    border-radius: 8px;
    font-size: 24px;
    overflow: hidden;
}
.back-masonry-2{
    background: -webkit-linear-gradient(bottom, rgb(222,222,222) 19%, rgb(201,201,201) 50%, rgb(219,219,219) 80%);
    width: 100%;
    height: auto;
    margin-bottom: 30px;
    border-radius: 8px;
    font-size: 18px;
    overflow: hidden;

}
.back-masonry-3{
    background: -webkit-linear-gradient(bottom, rgb(222,222,222) 19%, rgb(201,201,201) 50%, rgb(219,219,219) 80%);
    width: 100%;
    height: auto;
    border-radius: 8px;
    font-size: 12px;
    overflow: hidden;
}
.back-masonry-4{
    background: -webkit-linear-gradient(bottom, rgb(222,222,222) 19%, rgb(201,201,201) 50%, rgb(219,219,219) 80%);
    width: 100%;
    height: auto;
    border-radius: 8px;
    font-size: 12px;
    overflow: hidden;
}
.back-masonry-5{
    background: -webkit-linear-gradient(bottom, rgb(222,222,222) 19%, rgb(201,201,201) 50%, rgb(219,219,219) 80%);
    width: 100%;
    height: auto;
    border-radius: 8px;
    font-size: 14px;
    overflow: hidden;
}
.banner-masonry-1,
.banner-masonry-5{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom right;
    width: 100%;
    height: 360px;
}
.banner-masonry-1{
    background-size: cover;
    background-position:right;
}
.banner-masonry-2{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom right;
    width: 100%;
    height: 180px;
}
.banner-masonry-3,
.banner-masonry-4{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom right;
    width: 100%;
    height: 150px;
}
.title-masonry{
    font-weight: bold;
    padding: 5%;
    width: 100%;
}
.img-title{
  margin: 20px 0 0 -15px;
  display: inline-block;
}
.link-right{
  float: right;
  margin-top: 30px;
}
.link-right a{
  text-decoration: none;
}
a:focus,
button:focus{
  outline: 0;
}
.post-search-panel{
  margin: 20px 0;
}
.post-search-panel .form-group{
  display: inline-block;
}
.form-inline .form-group input {
    width:300px;
}
.pagination{
  /*position: absolute; bottom: 0;*/
}