body {
  margin: 0;
}

a.button.hollow.youtube-button {
	background-color: transparent;
	color: red;
	border-color: red;
}
a.button.hollow.pdf-button {
	background-color: transparent;
	color: #459CE8;
	border-color: #459CE8;
}
a.button.hollow.youtube-button:hover {
	background-color: red;
	color: #FFF;
	border-color: red;
}
a.button.hollow.pdf-button:hover {
	background-color: #459CE8;
	color: #FFF;
	border-color: #459CE8;
}


/* Super Slides background */
#home {
  width:100%;
  height:auto;
  position:relative;  
}

#slides_background {
  position: relative;
  background-color:black;
}

#slides_background .slides-container {
  display: none;
}

#slides_background .slides-container  div,
#slides_background .slides-container  img{
  width:100%;
  height:100%;
}

#slides_background_home {
  position: relative;
  background-color:black;
}

#slides_background_home .slides-container {
  display: none;
}

#slides_background_home .slides-container  div,
#slides_background_home .slides-container  img{
  width:100%;
  height:100%;
}

/* Change the picture of the home background here */

#slides_background .slides-container .img1{
  background:url('../images/page/main-pakarart.jpg') center fixed ;
}

#slides_background .slides-container .img2{
  background:url('../images/page/main-pakarart2.jpg') center fixed ;
}

#slides_background .slides-container .img3{
  background:url('../images/page/main-pakarart3.jpg') center fixed ;
}

#slides_background .slides-container .img4{
  background:url('../images/page/main-pakarart4.jpg') center fixed ;
}





/* Super Slides Navigation */

.slides-navigation {
  margin: 0 auto;
  position: absolute;
  z-index: 3;
  top: 45%;
  width: 100%;
}
.slides-navigation a {
  position: absolute;
  top:50%;
  cursor:pointer;
  opacity: 0;
  z-index:1000;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}

.slides-navigation a.prev {
  height:60px;
  width:32px;
  left: 2%;
  background:url('../images/icons/arrow_left1.png') no-repeat;
}

.slides-navigation a.next {
  height:60px;
  width:32px;
  right: 2%;
  background:url('../images/icons/arrow_right1.png') no-repeat;
}


#home:hover .slides-navigation a{
  opacity:0.6;
}

.slides-navigation a:hover{
  opacity:1 !important;
}


/* Super Slide text inside */
.homesliders .bx-wrapper .bx-viewport{
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0px;
  background: transparent;
}

.homesliders .fullbg_bigtxt{
  margin-top: 0px;
}

.homesliders .logo{
  margin-bottom: 40px;
}


/* Content Fixed Full Background */
.main{
  position:absolute;
  width:100%;
  top:25%;
  margin:0 auto;
  z-index:2;
  background: transparent;
  height:auto;
  min-height:300px;
}
.logo_side {
  max-width: 600px;
}
.fullbg_bigtxt{
  text-transform: uppercase;
  color: white;
  font-size: 48px;
  margin-top: 30px;
  font-weight: 700;
}

.fullbg_bigtxt_slider{
  text-transform: uppercase;
  color: white;
  font-size: 48px;
}

.fullbg_smalltxt{
  color: white;
  font-size: 18px;
  margin-bottom: 30px;
}

.fullgb_extratxt{
  color: white;
  font-weight: 700;
  font-size: 60px;
  background-color: rgba(0, 0, 0, 0.3);
  border: solid 1px white;
  padding: 25px 30px;
  display: inline-block;
}

.fullgb_extratxt_span{
  color: white;
  font-weight: 700;
  font-size: 60px;
  border: solid 1px white;
  padding: 25px 30px;
  display: inline-block;
  background-color: rgba(254, 254, 254, 1);
}

.btn_fullgb{
  color: white;
  text-transform: uppercase;
  font-size: 16px;
  border: solid 1px white;
  padding: 15px 45px;
  text-decoration: none;
}

.btn_fullgb:hover{
  color: #333333;
  background: white;
  text-decoration: none;
}


/* Big Title */
.big_title{
  margin-top: 100px;
  margin-bottom: 55px;
  text-align: center;
  font-size: 0px;
}

.big_title_txt{
  font-size: 22px;
  font-weight: 700;
  display: inline-block;
  text-transform: uppercase;
  margin-bottom: 35px;
}

.big_title_txt_separ{
  width: 60px;
  height: 3px;
  display: inline-block;
  margin-top: 35px;
}

.big_title_txt_separ_bg{
  width: 60px;
  height: 3px;
  display: inline-block;
  margin-top: 60px;
}

.big_title .fa_title{
  background-color: #333333;
  font-size: 60px;
  font-weight: 700;
  border: solid 1px #333333;
  display: inline-block;
  line-height: 86px;
  padding: 0 22px;
  margin: 14px 0;
}

.big_title .fa_title .fa{
  font-size: 48px;
  position: relative;
  top: -5px;
}


.text_und_big_title{
  font-size: 17px;
  color: #4d4943;
}

/* Content for section */
.section_content{
  margin-top: 15px;
  margin-bottom: 55px;
}

/* Content for ABout US */
.about_content{
  text-align: center;
}

.company_img_block{
  position: relative;
  display: inline-block;
  margin: 0 10px 10px 0px;
}

.company_img_block img{
  position: relative;
  display: block;
  max-width: 100%;
}

.company_img_desc{
  position: absolute;
  bottom: 10px;
  left: 10px;
  background: #333333;
  color: white;
  font-size: 14px;
  padding: 10px 22px 10px 15px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.company_img_block:hover .company_img_desc{
  left: 30px;
}

.company_img_block:hover img{
  opacity: 0.7;
}

.company_img_block:hover{
  cursor: pointer;
}

.company_content_parag p{
  text-align: justify;
}

.company_content_parag_all{
  position: relative;
  margin: 0;
}
.company_content_parag{
  -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    opacity:0;
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    position: absolute;
    top: 0;
    left: 0;
}

.opaque {
  opacity:1;
  z-index: 999;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=1);
}





#products-filter {
  position: relative;
  margin: 0 0 40px 0;
  list-style: none;
  text-align: center;
}
#products-filter li {
  display: inline-block;
  margin: 0 10px 15px;
}
#products-filter li a {
  display: block;
  padding-bottom: 5px;
  color: #888;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
}
#products-filter li.active-filter a {
  border-bottom: 5px solid #e4eaeb;
}

#products {
  position: relative;
  margin: 0 -12px -12px 0;
}

body:not(.touch) #products {
  -moz-transition: height 0.4s linear;
  -o-transition: height 0.4s linear;
  -webkit-transition: height 0.4s linear;
  transition: height 0.4s linear;
}

.products-item {
  position: relative;
  float: left;
  width: 276px;
  margin: 0 12px 12px 0;
}

.products-notitle .products-item {
  overflow: hidden;
}

.products-item .products-image {
  position: relative;
  overflow: hidden;
}

.products-item .products-image,
.products-item .products-image a,
.products-item .products-image img {
  display: block;
  width: 276px;
  height: 207px;
}

body:not(.touch):not(.screen-xs):not(.screen-xxs) .products-notitle .products-image img {
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.products-desc {
  z-index: 3;
  padding: 15px 5px 10px;
}

.products-desc h3 {
  margin: 0;
  padding: 0;
  font-size: 17px;
}

.products-desc h3 a {
  color: #222;
}

.products-desc h3 a:hover {
  color: #459CE8;
}

.products-desc span {
  display: block;
  margin-top: 3px;
  color: #888;
  font-size: 13px;
}

.products-desc span a {
  color: #888;
}

.products-desc span a:hover {
  color: #000;
}

.products-notitle .products-desc {
  position: absolute;
  display: block !important;
  width: 100%;
  height: 78px;
  padding: 15px 5px;
  top: auto;
  bottom: -79px;
  left: 0;
  background-color: #FFF;
  border-bottom: 1px solid #EEE;
}

body:not(.touch):not(.screen-xs):not(.screen-xxs) .products-notitle .products-desc {
  -moz-transition: bottom 0.2s ease-in-out;
  -o-transition: bottom 0.2s ease-in-out;
  -webkit-transition: bottom 0.2s ease-in-out;
  transition: bottom 0.2s ease-in-out;
}

.products-full.products-notitle .products-desc,
.products-nomargin.products-notitle .products-desc {
  bottom: -78px;
  border-bottom: 0;
}

.products-notitle .products-item:hover .products-desc {
  bottom: 0 !important;
}

body:not(.touch):not(.screen-xs):not(.screen-xxs) .products-notitle .products-item:hover .products-image img {
  -moz-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px);
}

body.touch.screen-xs .products-notitle .products-desc,
body.touch.screen-xxs .products-notitle .products-desc {
  display: none !important;
}

#products.products-nomargin,
#products.products-full {
  margin: 0 !important;
}

.products-nomargin .products-item {
  width: 284px;
  margin: 0 !important;
}

.products-nomargin .products-item .products-image,
.products-nomargin .products-item .products-image a,
.products-nomargin .products-item .products-image img {
  width: 284px;
  height: 213px;
}

.products-nomargin .products-desc {
  padding: 15px 10px 15px;
}

#products.products-full {
  margin: 0 !important;
  width: 100%;
}

.products-full .products-item {
  width: 25%;
  margin: 0 !important;
  overflow: hidden !important;
}

.products-full .products-item .products-image,
.products-full .products-item .products-image > a,
.products-full .products-item .products-image .slide a,
.products-full .products-item .products-image img {
  width: 100% !important;
  height: auto !important;
}

.products-full .products-desc {
  padding: 15px;
}

@media only screen and (max-width: 40em) { 
  #products.products-3 {
    margin: 0 -10px -15px -20px;
  }
}
@media only screen and (min-width: 40.1em) { 
  #products.products-3 {
    margin: 0 -15px -15px 15px;
  }
}

.products-3 .products-item {
  width: 370px;
  margin: 0 15px 15px 0;
}

.products-3 .products-item .products-image,
.products-3 .products-item .products-image a,
.products-3 .products-item .products-image img {
  width: 370px;
  height: 278px;
}

.products-3.products-nomargin .products-item {
  width: 379px;
}

.products-3.products-nomargin .products-item .products-image,
.products-3.products-nomargin .products-item .products-image a,
.products-3.products-nomargin .products-item .products-image img {
  width: 379px;
  height: 284px;
}

.products-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 2;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.5);
}

body:not(.touch):not(.screen-xs):not(.screen-xxs) .products-overlay {
  -moz-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  -webkit-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}

.products-item:hover .products-overlay {
  opacity: 1;
  cursor: pointer;
}

.products-overlay a {
  position: absolute;
  top: 25%;
  left: 25%;
  background-color: #F5F5F5;
  width: 50% !important;
  height: 50% !important;
  margin: -28px 0 0 -44px;
  font-size: 18px;
  line-height: 40px;
  text-align: center;
  color: #444;
  border-radius: 50%;
  -webkit-backface-visibility: hidden;
}

body:not(.touch):not(.screen-xs):not(.screen-xxs) .products-overlay a {
  -moz-transition: color 0.2s linear, background-color 0.2s linear, margin-top 0.2s linear, opacity 0.2s linear;
  -o-transition: color 0.2s linear, background-color 0.2s linear, margin-top 0.2s linear, opacity 0.2s linear;
  -webkit-transition: color 0.2s linear, background-color 0.2s linear, margin-top 0.2s linear, opacity 0.2s linear;
  transition: color 0.2s linear, background-color 0.2s linear, margin-top 0.2s linear, opacity 0.2s linear;
}

.products-overlay a.right-icon {
  left: auto;
  right: 50%;
  margin-left: 0;
  margin-right: -44px;
}

.products-overlay a.center-icon {
  display: block;
  margin: -20px 0 0 -20px; z-index: 10;
  opacity:
}

.products-item:hover a.center-icon {
  opacity: 1;
}

.products-overlay a:hover {
  color: #1ABC9C;
  background-color: #EEE;
}

.products-item:hover .products-overlay a.left-icon,
.products-item:hover .products-overlay a.right-icon {
  margin-top: -18px;
}

.products-overlay a i.icon-line-play {
  position: relative;
  left: 2px;
}

.products-overlay .products-desc {
  position: relative;
  padding: 0 !important;
  margin: 0;
  text-align: center;
}

.products-overlay .products-desc a {
  display: inline;
  position: relative;
  top: 0;
  left: 0;
  margin: 0;
  font-size: inherit;
  width: auto !important;
  height: auto !important;
  line-height: 1;
  background-color: transparent !important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}

.products-overlay .products-desc h3 {
  font-weight: 600;
  color: #F5F5F5 !important;
  line-height: 1;
}

.products-overlay .products-desc h3 a {
  color: #F5F5F5 !important;
}

.products-overlay .products-desc span {
  margin-top: 7px;
  color: #DDD !important;
}

.products-overlay .products-desc span a {
  color: #DDD !important;
  font-size: inherit;
}

.products-overlay .products-desc ~ a {
  display: inline-block;
  position: relative;
  top: 0;
  left: 0;
  margin: 20px 0 0 !important;
}

body:not(.touch):not(.screen-xs):not(.screen-xxs) .products-overlay .products-desc ~ a {
  -moz-transition: color 0.2s linear, background-color 0.2s linear, opacity 0.2s linear;
  -o-transition: color 0.2s linear, background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: color 0.2s linear, background-color 0.2s linear, opacity 0.2s linear;
  transition: color 0.2s linear, background-color 0.2s linear, opacity 0.2s linear;
  background-color: grey;
}

.products-overlay .products-desc ~ a.right-icon {
  left: 0;
  right: 0;
  margin-left: 5px !important;
  margin-right: 0 !important;
}

.products-overlay .products-desc a:hover {
  background: transparent;
}

body.touch.screen-xs .products-notitle .products-overlay,
body.touch.screen-xxs .products-notitle .products-overlay {
  display: none !important;
}

.products-overlay {
  background-color: rgba(255, 255, 255, 0.9);
}

.products-overlay .products-desc h3 {
  font-size: 18px;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.products-overlay .products-desc h3 a {
  color: #333 !important;
  text-shadow: none;
}

.products-overlay .products-desc span {
  margin-top: 12px;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 1px;
  font-weight: 300;
}

.products-overlay .products-desc span a {
  color: #999 !important;
  text-shadow: none;
}

#close-products {
  font-size: 30px;
  position: absolute;
  top: 40px;
  left: 50%;
}

.products-page-expanded {
  position: relative;
  top: -1px;
  width: 100%;
  padding-top: 140px;
  padding-bottom: 60px;
}
.products-page-expanded .products-expander-media {
  margin-bottom: 25px;
  display: block;
  position: relative;
  width: 100%;
  height: auto;
}
.products-page-expanded .products-expander-section h1, .products-page-expanded .products-expander-section h2, .products-page-expanded .products-expander-section h3, .products-page-expanded .products-expander-section h4, .products-page-expanded .products-expander-section h5, .products-page-expanded .products-expander-section h6 {
  color: #FFF;
  text-transform: none;
}
.products-page-expanded #close-products {
  color: #FFF;
}