



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

			Codezeel Custom Styles

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

.cz-carousel {

  display: none;

  position: relative;

  float: left;

  width: 100%;

  margin: 0;

  -ms-touch-action: pan-y;

}



.owl-carousel .owl-wrapper {

  display: none;

  position: relative;

  -webkit-transform: translate3d(0px, 0px, 0px);

}

.owl-carousel .owl-wrapper:after {

  content: ".";

  display: block;

  clear: both;

  visibility: hidden;

  line-height: 0;

  height: 0;

}

.owl-carousel .owl-wrapper-outer {

  overflow: hidden;

  position: relative;

  float: left;

  width: 100%;

}

.owl-carousel .owl-wrapper-outer.autoHeight {

  -webkit-transition: height 500ms ease-in-out;

  -moz-transition: height 500ms ease-in-out;

  -ms-transition: height 500ms ease-in-out;

  -o-transition: height 500ms ease-in-out;

  transition: height 500ms ease-in-out;

}

.owl-carousel .owl-item {

  float: left;

}

.owl-carousel .owl-item .manu_image a {

  display: inline-block;

}

.owl-carousel .owl-item .manu_image a img {

  max-width: 100%;

}

.owl-carousel .owl-item:hover a img {

  border-color: blue;

}

.owl-carousel .owl-wrapper,

.owl-carousel .owl-item {

  /* fix */

  -webkit-backface-visibility: hidden;

  -moz-backface-visibility: hidden;

  -ms-backface-visibility: hidden;

  -webkit-transform: translate3d(0, 0, 0);

  -moz-transform: translate3d(0, 0, 0);

  -ms-transform: translate3d(0, 0, 0);

  text-align: center;

}



/* mouse grab icon */

.grabbing {

  cursor: url("../img/codezeel/grabbing.png") 8 8, move;

}

 

.customNavigation {

      position: absolute;

    z-index: 959;

    right: 10px;

    top: -55px;

    width: 65px;

    direction: ltr !important;

}

.customNavigation a {

 	 font-size: 0;

    position: absolute;

    font-weight: 300;

    height: 30px;

    width: 30px;

    line-height: 27px;

    padding: 0;

    background: #285dc6;

    color: #fff;

    cursor: pointer;

    overflow: hidden;

    -webkit-transition: all 0.5s ease;

    -webkit-transition-delay: 0s;

    -moz-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

    transition: all 0.5s ease 0s;

}



.customNavigation a:hover{

	background-color: #e8b305;

}

.customNavigation a:hover:before{ color: #ffffff; }



.customNavigation a.prev {

  left: 0px;

}

.customNavigation a.next {

  right: 0px;

}

/*

@media (max-width: 1300px) {

	.customNavigation a.prev {

		left: 0px;

	}

	.customNavigation a.next {

		right: 0px;

	}

}

@media (max-width: 1199px) and (min-width: 768px){

	.customNavigation a.prev {

		left: -20px;

	}

	.customNavigation a.next {

		right: -20px;

	}

}*/

@media (max-width: 991px) {

	.customNavigation a.prev {

		left: 0px;

	}

	.customNavigation a.next {

		right: 0px;

	}

}





.customNavigation a:before{

    font-size: 22px;

    font-family: "FontAwesome";

    color: #fff;

    position: absolute;

    left: 0;

    right: 0;

}

.customNavigation a.prev:before {

  content: "\f104";

}

.customNavigation a.next:before {

  content: "\f105";

}

#czleftbanner, #czrightbanner { margin-bottom: 40px; }

#czleftbanner ul li,

#czrightbanner ul li{margin-bottom: 15px;}



#czleftbanner img,

#czrightbanner img{

	max-width: 100%;

}	

#czleftbanner .czleftbanner-container a,

#czrightbanner .czrightbanner-container a{display: inline-block; position: relative;}

#czleftbanner .czleftbanner-container a:before,

#czrightbanner .czrightbanner-container a:before{

  background: rgba(255, 255, 255, 0.59);

  bottom: 0;

  content: "";

  height: 0;

  opacity: 1;

  filter: alpha(opacity=100);

  position: absolute;

  right: 0;

  width: 0;

}

#czleftbanner .czleftbanner-container:hover a:before,

#czrightbanner .czrightbanner-container:hover a:before{

  width: 100%;

  height: 100%;

  -webkit-transition-duration: 1.0s;

  transition-duration: 1.0s;

  opacity: 0;

  filter: alpha(opacity=0);

  width: 100%;

}	



.top_button {

	background: #e8b305;

    border: 2px solid #285dc6;

    bottom: 20px;

    cursor: pointer;

    height: 45px;

    padding: 7px 12px;

    position: fixed;

    right: 20px;

    text-align: center;

    width: 45px;

    z-index: 99;

}

.top_button:before{

	color: #fff;

    content: "\f102";

    font-family: "FontAwesome";

    font-size: 24px;

    font-weight: 300;

}





/* Flexslider */



#index .spinner {

    min-height: 500px;

    background: url(../img/codezeel/loading.gif) no-repeat center center #ffffff;

    width: 100%;

    background-size: 5%;

}



@media (max-width: 1199px) {

	#index .spinner {min-height: 320px;}

}

@media (max-width: 991px) {

	#index .spinner {min-height: 400px;}

}

@media (max-width: 767px) {

	#index .spinner {min-height: 310px;}

}

@media (max-width: 479x) {

	#index .spinner {min-height: 190px;}

}

/*sensmedia start*/

.btn-primary {

  color: #fff;
  background-color: #d00000!important;
  border-color: #d00000!important;

}

.btn-primary:hover {

  color: #fff;
  background-color: #ba181b!important;
  border-color: #ba181b!important;

}

.footer-container #block_myaccount_infos .account-list a:hover {
    color: #e8b305!important;
}

