@import url('https://fonts.googleapis.com/css?family=Abril+Fatface');



*{

	margin: 0 auto;

	padding: 0;

}



body{

	font-family: 'Nunito', sans-serif;

	overflow-x: hidden;

}

h1{

	font-family: 'Abril Fatface', cursive;

	color:#2f333e;

}



h1,h2,h3,h4{font-weight: 700}



a,a:hover, a:focus{

	text-decoration: none;

}



p{

	font-size: 16px;

	line-height: 28px;
  
}



/*header*/



header .nav>li>a{

padding: 10px 30px;

font-size: 14px;

font-weight: 400;

color: #fff !important;

text-transform: uppercase;

}



header .nav li a:hover{

	color: #dbb72a !important;

}

.navbar{
    min-height:64px;
}

.navbar-brand{

    padding:0 !important;

}



.navbar-nav{

	width: 65%;

    margin: 0 auto;

    float: none;

    padding: 12px 0;

}



.navbar-default{

	background: none;

	border: 0 none;

	/*border-top: 3px solid #dbb72a;*/

	margin: 0;

}



.navbar-nav span{

	position: absolute;

	right: 0px;


	top: 0;

}


.navbar-nav span b{
  font-size: 12px;
}
.navbar-nav span a{

  color: #fff;

  font-size: 16px;

  font-weight: 700;

  letter-spacing: 1px;

  padding: 22px 60px;

  display: block;

}

.navbar-brand>img{width: 140px;

padding-top: 5px;

margin-left: 10px;}

.nav>li>a:after{

	content:'';

	width:0%;

	transition:all 0.3s ease;

	left:50%;

}



.nav>li>a:before{

	content:'';

	width:0%;

	transition:all 0.3s ease;

	left:50%;

}

.nav>li>a:hover:after{

	content:'';

	position:absolute;

	bottom:0px;

	left:50%;

	background:#2f333e;

	height:4px;

	width:50%;

}



.nav>li>a:hover:before{

	content:'';

	position:absolute;

	bottom:0px;

	left:0px;

	background:#2f333e;

	height:4px;

	width:50%;

}



/*bnanner section styles*/



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

/*       Fade Bs-carousel       */

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

.carousel-control.left, .carousel-control.right{

	background: none;

}

.carousel-control{

	color: #2f333e;

}

.fade-carousel {

    position: relative;

   /* height: 100vh;*/

}

.fade-carousel .carousel-inner .item {

    /*height: 100vh;*/

}

.fade-carousel .carousel-indicators > li {

    margin: 0 2px;

    background-color: #f39c12;

    border-color: #f39c12;

    opacity: .7;

}

.fade-carousel .carousel-indicators > li.active {

  width: 10px;

  height: 10px;

  opacity: 1;

}



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

/*          Hero Headers        */

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

.hero {

    position: absolute;

    top: 80%;

    left: 50%;

    z-index: 3;

    color: #fff;

    text-align: center;

    text-transform: uppercase;

    text-shadow: 1px 1px 0 rgba(0,0,0,.75);

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

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

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

           -o-transform: translate3d(-50%,-50%,0);

              transform: translate3d(-50%,-50%,0);

}

.hero h1 {

    font-size: 6em;    

    font-weight: bold;

    margin: 0;

    padding: 0;

}



.fade-carousel .carousel-inner .item .hero {

    opacity: 0;

    -webkit-transition: 2s all ease-in-out .1s;

       -moz-transition: 2s all ease-in-out .1s; 

        -ms-transition: 2s all ease-in-out .1s; 

         -o-transition: 2s all ease-in-out .1s; 

            transition: 2s all ease-in-out .1s; 

}

.fade-carousel .carousel-inner .item.active .hero {

    opacity: 1;

    -webkit-transition: 2s all ease-in-out .1s;

       -moz-transition: 2s all ease-in-out .1s; 

        -ms-transition: 2s all ease-in-out .1s; 

         -o-transition: 2s all ease-in-out .1s; 

            transition: 2s all ease-in-out .1s;    

}



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

/*            Overlay           */

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

/*.overlay {

    position: absolute;

    width: 100%;

    height: 100%;

    z-index: 2;

    background-color: #080d15;

    opacity: .7;

}*/



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

/*          Custom Buttons      */

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

.btn.btn-lg {padding: 10px 40px;}

.btn.btn-hero,

.btn.btn-hero:hover,

.btn.btn-hero:focus {

    color: #f5f5f5;

    background-color: #1abc9c;

    border-color: #1abc9c;

    outline: none;

    margin: 20px auto;

}



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

/*       Slides backgrounds     */

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

.fade-carousel .slides .slide-1, 

.fade-carousel .slides .slide-2,

.fade-carousel .slides .slide-3,

.fade-carousel .slides .slide-4,

.fade-carousel .slides .slide-5,

.fade-carousel .slides .slide-6, 

.fade-carousel .slides .slide-7,

.fade-carousel .slides .slide-8,

.fade-carousel .slides .slide-9,

.fade-carousel .slides .slide-10,

.fade-carousel .slides .slide-11,

.fade-carousel .slides .slide-12{

  height: 100vh;

  background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

}

.fade-carousel .slides .slide-1 {

  background-image: url(../../images/g1.jpg); 

}

.fade-carousel .slides .slide-2 {

  background-image: url(../../images/g2.jpg);

}

.fade-carousel .slides .slide-3 {

  background-image: url(../../images/g3.jpg);

}

.fade-carousel .slides .slide-4 {

  background-image: url(../../images/g4.jpg);

}

.fade-carousel .slides .slide-5 {

  background-image: url(../../images/g5.jpg);

}
.fade-carousel .slides .slide-6 {

  background-image: url(../../images/g6.jpg); 

}

.fade-carousel .slides .slide-7 {

  background-image: url(../../images/g7.jpg);

}

.fade-carousel .slides .slide-8 {

  background-image: url(../../images/g8.jpg);

}

.fade-carousel .slides .slide-9 {

  background-image: url(../../images/g9.jpg);

}

.fade-carousel .slides .slide-10 {

  background-image: url(../../images/g10.jpg);

}

.fade-carousel .slides .slide-11 {

  background-image: url(../../images/g11.jpg);

}

.fade-carousel .slides .slide-12 {

  background-image: url(../../images/g12.jpg);

}


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

/*          Media Queries       */

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

@media screen and (min-width: 980px){

    .hero { width: 980px; }    

}

@media screen and (max-width: 640px){

    .hero h1 { font-size: 4em; }    

}

.hero h3{

	margin:0;

	color: #fff;

    font-size: 38px;

    letter-spacing: 10px;

    margin-top: 0;

    /*margin-bottom: 25px*/

}



.sid_banner_text{

	padding: 100px 175px;

}



.hero h1{

	font-size: 7em;

	color: #dbb72a;

}



.hero h3{

    color: #dbb72a;

    font-size: 38px;

    letter-spacing: 10px;

    margin-top: 0;

    /*margin-bottom: 50px;*/

}



.sid_view{

	color: #2f333e;

    font-size: 18px;

    border: 2px solid #dbb72a;

    padding: 10px 15px;

    margin-top: 35px;

    display: inline-block;

    text-align: center;

    box-shadow: inset 0 0 0 0 #2f333e;

	-webkit-transition: all ease 0.8s;

	-moz-transition: all ease 0.8s;

	transition: all ease 0.8s;

	font-weight: 600;

}



.sid_view:hover {

    box-shadow: inset 215px 0 0 0 #dbb72a;

    color: #fff;

}





/*about us section styles*/



section{

	padding: 70px 0 0 0;

}



.sid_abt_image img{

	width: 100%;

}



h1{

	margin-bottom: 60px;

}



.sid_view_more a, .sid_view_more button{

	display: initial;

	color: #000;

	border: 2px solid #000;

	padding: 10px 60px;

}



.sid_view_more{padding: 50px 0;}



.sid_view_more a:hover, .sid_view_more button:hover {

    box-shadow: inset 235px 0 0 0 #2f333e;

    color: #000;



}

.sid_view_more button{

	background: none;

	margin-top: 0;

}

/*how we work secton*/

.card{

	background: #f8f8f8;

    color: #333;

    padding: 25px 15px;

    border-top: 7px solid #2f333e;

    cursor: pointer;

    transition:all 0.5s;
    margin-top:30px;

}

.sid_i i{

color: #fff;

    font-size: 28px;

    text-align: center;

    display: inline-block;

    background: #2f333e;

    width: 100px;

    height: 100px;

    vertical-align: middle;

    border-radius: 50%;

    padding-top: 35px;

}

.card p{

	padding: 10px 0;

}

.card:hover{

	box-shadow: 0px 0px 10px 2px #ccc

}

.sid_work .col-md-4{

	padding-left: 1px;

	padding-right: 1px;

}



/*speacialization*/

.caption-style-1{

		list-style-type: none;

		margin: 0px;

		padding: 0px;

	}



	.caption-style-1 .gal-item{

		/*float: left;*/

		padding: 0px;

		position: relative;

		overflow: hidden;

	}



	.caption-style-1 .gal-item:hover .caption{

		opacity: 1;

	}

	.caption-style-1 img{

		margin: 0px;

		padding: 0px;

		float: left;

		z-index: 4;

		width: 100%

	}



	.caption-style-1 .caption{

		cursor: pointer;

		position: absolute;

		opacity: 0;

		-webkit-transition:all 0.45s ease-in-out;

		-moz-transition:all 0.45s ease-in-out;

		-o-transition:all 0.45s ease-in-out;

		-ms-transition:all 0.45s ease-in-out;

		transition:all 0.45s ease-in-out;



	}

	.caption-style-1 .blur{

		background-color: rgba(0,0,0,0.65);

		height: 300px;

		width: 400px;

		z-index: 5;

		position: absolute;

	}



	.caption-style-1 .caption-text h1{

		text-transform: uppercase;

		font-size: 24px;

	}

	.caption-style-1 .caption-text{

		z-index: 10;

		color: #fff;

		position: absolute;

		width: 350px;

		height: 300px;

		text-align: center;

		top:15px;

	}



	.caption-style-1 .col-md-4{

		padding: 0;

	}





.effect-oscar img{

	width: 100%

}



/*.overlay {

    background-color: rgba(0, 0, 0, 0.8);

    color: #fff;

    cursor: pointer;

    display: block;

    font-size: 100px;

    height: 98%;

    width: 98%;

    padding-top: 40px;

    top: 3px;

    left: 4px;

    opacity: 0.4;

    overflow: hidden;

    position: absolute;

    text-align: center;

    transition: all 0.5s ease 0s;

    z-index: 20;

}*/





/*product showcase*/



.sid_showcase img{

	margin-bottom: 30px;

}



.sid_product_p h3{

	margin-top: 0;

}



.sid_product_p{

	box-shadow: 0px 0px 20px 2px #ccc;

    padding: 50px;

}



.sid_product_p a{

	font-size: 18px;

	color: #d6c654;

}



.sid_img2{margin-top: 25px;}



/*gallery*/



.sid_gallery li a{ 

  display: none;

  list-style: none;

}

li{

	list-style: none

}



/*get in touch*/



.sid_contact .md-input {

    position: relative;

    margin-bottom: 30px;

}



   .sid_contact .md-input .md-form-control {

        font-size: 16px;

        padding: 10px 10px 10px 5px;

        display: block;

        border: none;

        border-bottom: 2px solid #CACACA;

        box-shadow: none;

        width: 100%;

    }



   .sid_contact .md-input label {

        color: rgba(0, 0, 0, 0.5);

        font-size: 16px;

        font-weight: normal;

        position: absolute;

        pointer-events: none;

        left: 5px;

        top: 10px;

        transition: 0.2s ease all;

        -moz-transition: 0.2s ease all;

        -webkit-transition: 0.2s ease all;

    }



   .sid_contact .md-input .bar:before {

        left: 50%;

    }



   .sid_contact .md-input .bar:after {

        right: 50%;

    }

   .sid_contact .md-input .highlight {

        position: absolute;

        height: 60%;

        width: 100px;

        top: 25%;

        left: 0;

        pointer-events: none;

        opacity: 0.5;

    }



   .sid_contact .md-input .md-form-control:focus ~ label, .sid_contact .md-input .md-form-control:valid ~ label {

    top: -15px;

    font-size: 14px;

    color: #183D5D;

}



.sid_contact .md-input .bar:before, .sid_contact .md-input .bar:after {

    content: '';

    height: 2px;

    width: 0;

    bottom: 0px;

    position: absolute;

    background: #2f333e;

    transition: 0.2s ease all;

    -moz-transition: 0.2s ease all;

    -webkit-transition: 0.2s ease all;

}



.sid_contact .md-input .md-form-control:focus ~ .bar:before, .sid_contact .md-input .md-form-control:focus ~ .bar:after {

    width: 50%;

}



.sid_contact .md-input .md-form-control:focus{

	outline: none;

}



.sid_contact form{

	width: 50%;

    box-shadow: 0px 0px 30px 2px #ccc;

    padding: 25px;

}



.sid_contact button{

	background: #2f333e;

    border: none;

    padding: 10px 25px;

    margin: 0 auto;

    display: block;

    color: #fff;

    font-size: 18px;

    font-weight: 600;

}



.sid_contact{padding-bottom: 70px;}



/*footer*/



footer{

	background: #2f333e;

	color: #fff;

}



footer p, footer ul{

	margin: 0;

	padding: 20px 0;

}



.sid_social li{

	padding: 0 10px;

}



.sid_social li i{

	font-size: 20px;

}



footer li a{color: #fff;}



footer li a:hover{

	color: #dbb72a;

}

footer ul li b{
    	color: #dbb72a;
    	font-size:16px;
}





/*media queries*/

@media screen and (max-width: 767px){
    .sid_about h1{
        font-size:24px;
       
    }
     .sid_about{
       padding-top:15px;
    }
    .navbar-brand>img{width: 140px;

padding-top: 5px;

margin-left: -5px;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
    background:none;
}
.navbar-default .navbar-toggle{
    border:none;
    margin-top:15px;
}
  .banner{margin-top: 60px;}
  .Services_Icon1{width: 100% !important;}
  .navbar-header{
    padding-bottom: 9px !important;
  }
  .navbar-nav span{
    float: none !important;
  }
  header{
    background: rgba(0,0,0,0.9) !important;
  }
  .landing-video h2, .landing-video h4{
    display: none;
  }
  .products_cat{
    padding-left: 0;
    padding-right: 0;
  }
    .thumbnail.fancybox img{
        height:auto !important;
    }
.new-btn img{
  width: 100%;
 
}
.prt-cat #myCarousel img, .prt-cat #myCarousel1 img, .prt-cat #myCarousel2 img, .prt-cat #myCarousel3 img, .prt-cat #myCarousel4 img{
  height: auto !important;
}
.carousel-showmanymoveone .carousel-control .glyphicon-chevron-left{
  margin-left: 0 !important;
  color: #fff !important;
}
.carousel-showmanymoveone .carousel-control .glyphicon-chevron-right{
  margin-right: 0 !important;
  color: #fff !important;
}
 #products .carousel-showmanymoveone .col-md-3 .sid_view{
  top: 35% !important;
}
	.navbar-nav span{

		position: initial;

		float: right;

	}

	.sid_contact form{

		width: 100%;

	}

	.sid_view_more{padding: 0;}

}









#gallery {

  padding-top: 40px;

  @media screen and (min-width: 991px) {

    padding: 60px 30px 0 30px;

  }

}

.img-wrapper img{

  width: 400px;

  height: 400px;

}

.img-overlay i{

  font-size: 40px;

  color: #2f333e;

}

.img-wrapper {

  position: relative;

  margin-top: 15px;

  img {

    width: 100%;

  }

}

.img-overlay {

  background: rgba(0,0,0,0.7);

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  display: flex;

  justify-content: center;

  align-items: center;

  opacity: 0;

  i {

    color: #fff;

    font-size: 3em;

  }

}



#overlay {

  background: rgba(0,0,0,0.7);

  width: 100%;

  height: 100%;

  position: fixed;

  top: 0;

  left: 0;

  display: flex;

  justify-content: center;

  align-items: center;

  z-index: 999;

  // Removes blue highlight

  -webkit-user-select: none;

  -moz-user-select: none;    

  -ms-user-select: none; 

  user-select: none; 

  img {

    margin: 0;

    width: 80%;

    height: auto;

    object-fit: contain;

    padding: 5%;

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

        width: 60%;

    }

    @media screen and (min-width:1200px) {

        width: 50%;

    }

  }

}



#nextButton {

  color: #fff;

  font-size: 2em;

  transition: opacity 0.8s;

  &:hover {

    opacity: 0.7;

  }

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

    font-size: 3em;

  }

}



#prevButton {

  color: #fff;

  font-size: 2em;

  transition: opacity 0.8s;

  &:hover {

    opacity: 0.7;

  }

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

    font-size: 3em;

  }

}



#exitButton {

  color: #fff;

  font-size: 2em;

  transition: opacity 0.8s;

  position: absolute;

  top: 15px;

  right: 15px;

  &:hover {

    opacity: 0.7;

  }

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

    font-size: 3em;

  }

}





/*dropdown menu*/



.dropdown-content, .dropdown-menu {

    display: none;

    position: absolute;

    background-color: #f1f1f1;

    min-width: 100%;

    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

    z-index: 1;

}



 .dropdown-menu li a {

    color: black;

    padding: 12px 16px;

    text-decoration: none;

    display: block;

	font-size: 16px;

}


.navbar-default .navbar-nav>li>a:hover .dropdown-menu {
    display: block !important;
}


.dropdown-menu > li.kopie > a {

    padding-left:5px;

}

 

.dropdown-submenu {

    position:relative;

	width: 100%;

}

.dropdown-submenu>.dropdown-menu {

   top:0;left:100%;

   margin-top:-6px;margin-left:-1px;

   -webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;

 }

  

.dropdown-submenu > a:after {

  border-color: transparent transparent transparent #333;

  border-style: solid;

  border-width: 5px 0 5px 5px;

  content: " ";

  display: block;

  float: right;  

  height: 0;     

  margin-right: -10px;

  margin-top: 5px;

  width: 0;

}

 

.dropdown-submenu:hover>a:after {

    border-left-color:#555;

 }



.dropdown-menu > li > a:hover, .dropdown-menu > .active > a:hover {

  text-decoration: none;

}  

  

@media (max-width: 767px) {



  .navbar-nav  {

     display: inline;

  }

  .navbar-default .navbar-brand {

    display: inline;

  }

  .navbar-default .navbar-toggle .icon-bar {

    background-color: #fff;

  }

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

    color: red;

    background-color: #ccc;

    border-radius: 4px;

    margin-top: 2px;   

  }

   .navbar-default .navbar-nav .open .dropdown-menu > li > a {

     color: #333;

   }

   .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,

   .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {

     background-color: #ccc;

   }



   .navbar-nav .open .dropdown-menu {

     border-bottom: 1px solid white; 

     border-radius: 0;

   }

  .dropdown-menu {

      padding-left: 10px;

  }

  .dropdown-menu .dropdown-menu {

      padding-left: 20px;

   }

   .dropdown-menu .dropdown-menu .dropdown-menu {

      padding-left: 30px;

   }

   li.dropdown.open {

    border: 0px solid red;

   }



}



@media (min-width: 768px) {

  ul.nav li:hover > ul.dropdown-menu {

    display: block;

  }

  #navbar {

    text-align: center;

  }

}  

.carousel-inner .carousel-control{

	display: none;

}

	



.products_cat{

	padding: 0 45px 8px 45px;

}
#sid_services .products_cat{

	padding: 40px 45px 8px 45px;

}
.prt-cat .products_cat{

 /* padding: 45px 175px 45px 45px; */

}

.products_cat .sid_view{

	font-size: 16px;

	background: none;

	margin-top: 12px;

}

.kar_workshop .fade-carousel {

    height: 85%;

}

.col-half-offset{

    margin-left:4.166666667%

}

.kar_workshop .carousel-control{

	display: block;

}

.kar_workshop .carousel-control .glyphicon-chevron-left, .kar_workshop .carousel-control .glyphicon-chevron-right{

	top: 38%;

}

.kar_workshop .fade-carousel{

	height: 75vh !important;

}

.kar_workshop .fade-carousel .slides .slide-1, .kar_workshop .fade-carousel .slides .slide-2, .kar_workshop .fade-carousel .slides .slide-3, .kar_workshop .fade-carousel .slides .slide-4, .kar_workshop .fade-carousel .slides .slide-5,
.kar_workshop .fade-carousel .slides .slide-6, .kar_workshop .fade-carousel .slides .slide-7, .kar_workshop .fade-carousel .slides .slide-8, .kar_workshop .fade-carousel .slides .slide-9, .kar_workshop .fade-carousel .slides .slide-10,
.kar_workshop .fade-carousel .slides .slide-11, .kar_workshop .fade-carousel .slides .slide-12

{

    height: 75vh;

}

.sid_overview ul li{

	list-style-type: disc;

	font-size: 16px;

	line-height: 30px;

}

.sid_mv img{

	width: 150px;

    border-radius: 108px;

    height: 150px;

}

.sid_overview ul{

	padding: 0 25px;

}

#sid_services .sid_margin{

	margin-bottom: 40px;

}

@media (min-width: 992px){

#sid-ser .col-md-4 {

    width: 33.33333333%;

}

}





#fin_us ul{

	font-size: 16px;

	line-height: 25px;

}

footer{

	margin-top: 75px;

}



#opportunities .sid_view{

	background: none;

	

}

.sid_fac p{

	padding-top: 30px;

}

.sid_fac h3{

	padding-bottom: 20px;

}

#why-us h3{

	margin-top: 35px;

}

.sid_margin span{

	float: right;

	color: #2f333e;

	font-weight: 700;

}



#products .row, #sid_services .row{

      box-shadow: 0px 0px 20px 2px #cccc;

    margin-bottom: 50px;

    position: relative;



}

#views .slides a{

  position: absolute;

    left: 40%;

    top: 60%;

}



/*header {

   

    width: 100%;

    position: absolute;

    top: 0;

}



.navbar-default {

   

    width: 100%;

    position: fixed;

    background-color: #fff;

    z-index: 999999;

}*/





header {

    background: rgba(0,0,0,0.5);

    

    position: fixed;

    top: 0;

    transition: top 0.2s ease-in-out;

    width: 100%;

    z-index: 9999;

}



.nav-up {

    top: -67px;

}

.nav-down{



}



.dropdown-submenu {

    position: relative;

}



.dropdown-submenu .dropdown-menu {

    top: 0;

    left: 100%;

    margin-top: -1px;

}

#sid_services img{

 /* width: 390px;

  height: 390px;*/

}

.more_content, .more_content1,.more_content2, .more_content3,.more_content4, .more_content8{

  float: left;
  padding: 20px;
  display: none;

}

button:focus{

  outline: none;

}

.well img{

  height: auto !important;

}

.well .carousel-control{

    top: 25%;
    font-size: 60px;
    font-size: 60px;

}

.well .left{
  left: -95px;
}

.well .carousel-control{
    top: 25%;
    font-size: 60px;  
}

.well .right{

  right: -95px !important;

}



.prt-cat .products_cat{

  position: initial;

  z-index: 999999;

  top: 0;

  color: #fff;

}



.prt-cat .carousel .col-md-4, #sid_services .well .col-md-3{

  position: relative;

}

.prt-cat .carousel .col-md-4 button {

  position: absolute;

  top: 15%;

  left: 13%;

  background: #2f333e;

  color: #fff;

  display: none;

  transition: .6s;

  width: 75%;

}

.carouselv{
    margin-top:190px;
}

.prt-cat.prt-cat-v  .carousel .col-md-4 button {
    
  padding: 10px 0px;

  position: absolute;

  top: 15%;

  left: 13%;

  background: #2f333e;

  color: #fff;

  display: inline !important;

  transition: .6s;

  width: 75%;

}

#sid_services .carousel-inside .col-md-3 button, #products .carousel-showmanymoveone .col-md-3 .sid_view {

  position: absolute;
  top: 50%;
  left: 13%;
  background: rgba(0,0,0,0.4);
  color: #fff;
  transition: .6s;
  width: 75%;
  z-index: 99999999;

}
#products .carousel-showmanymoveone .col-md-3{
  position: relative;
}

.prt-cat .carousel:hover button{

  display: block !important;

  transition: .6s;

}



.prt-cat #myCarousel .col-md-4, .prt-cat .col-md-6, .prt-cat #myCarousel1 .col-md-4,

.prt-cat #myCarousel2 .col-md-4, .prt-cat #myCarousel3 .col-md-4, .prt-cat #myCarousel4 .col-md-4{

  padding: 4px;

}

/*.prt-cat #myCarousel img, .prt-cat #myCarousel1 img, .prt-cat #myCarousel2 img, .prt-cat #myCarousel3 img, .prt-cat #myCarousel4 img{

   height: 170px;

 }*/

 .prt-cat #myCarousel .col-md-4{

  position: relative;

 }







/*gallery section styles*/



.com-gallery .product-slider #carousel { border: 4px solid #2f333e; margin: 0; }

.com-gallery .product-slider #thumbcarousel { margin: 12px 0 0; padding: 0 45px; }

.com-gallery .product-slider #thumbcarousel .item { text-align: center; }

.com-gallery .product-slider #thumbcarousel .item .thumb { border: 4px solid #cecece; width: 20%; margin: 0 2%; display: inline-block; vertical-align: middle; cursor: pointer; max-width: 98px; }



.com-gallery .product-slider #thumbcarousel .item .thumb:hover { border-color: #2f333e; }

.com-gallery .product-slider .item img { width: 100%; height: auto; }

.com-gallery .carousel-control { color: #0284b8; text-align: center; text-shadow: none; font-size: 30px; width: 30px; height: 30px; line-height: 20px; top: 23%; }

.com-gallery .carousel-control:hover, .com-gallery .carousel-control:focus,.com-gallery .carousel-control:active { color: #333; }

.com-gallery .carousel-caption, .com-gallery .carousel-control .fa { font: normal normal normal 30px/26px FontAwesome; }

.com-gallery .carousel-control { background-color: rgba(0, 0, 0, 0); bottom: auto; font-size: 20px; position: absolute; top: 30%; width: auto; }

.com-gallery .carousel-control.right, .com-gallery .carousel-control.left { background-color: rgba(0, 0, 0, 0); background-image: none; }

.prt-cat h3{
    color:#2f333e;
}



.prt-cat p{
    color:#333;
}



/*.prt-cat .carousel-inner{

    padding-top: 10px;

padding-right: 10px;

}



.prt-cat .carousel-inner .item img{

    padding:5px;

}*/





/*infrastructure*/

#light-box-gallery .modal-dialog {

  position:absolute;
  top:50% !important;
  transform: translate(0, -50%) !important;
  -ms-transform: translate(0, -50%) !important;
  -webkit-transform: translate(0, -50%) !important;
  margin:auto 5%;
  width:90%;
  height:100%;

}

#light-box-gallery .modal-content {

   min-height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: none;
    border: none;
    box-shadow: none;

}

#light-box-gallery .modal-body {

  position:absolute;

  top:45px;

  bottom:45px;

  left:0;

  right:0;

  overflow-y:auto;

}

#light-box-gallery .modal-header{

  border-bottom: 0;

} 

#light-box-gallery .modal-header .close {

    margin-top: -2px;
    color: #fff;
    opacity: 2;
    font-size: 34px;

}

#light-box-gallery .product-slider{
  background: #fff;
  padding: 0 0 15px 0;
}

#light-box-gallery .product-slider #carousel { border: 0; margin: 0; }

#light-box-gallery .product-slider p{
  padding: 16px 0 0 50px;
}

#light-box-gallery{z-index: 9999999}

#myCarousel img{

  cursor: pointer;

}

/*.landing-video {

  display: block;

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 100%;

  overflow: hidden;

}*/

.inframodel .modal-dialog{
    width:960px;
}




/*carousel*/

.carousel-showmanymoveone .carousel-control {
  width: 4%;
  background-image: none;
}
.carousel-showmanymoveone .carousel-control.left {
  margin-left: 15px;
}
.carousel-showmanymoveone .carousel-control.right {
  margin-right: 15px;
}
.carousel-showmanymoveone .cloneditem-1,
.carousel-showmanymoveone .cloneditem-2,
.carousel-showmanymoveone .cloneditem-3 {
  display: none;
}
@media all and (min-width: 768px) {
  .carousel-showmanymoveone .carousel-inner > .active.left,
  .carousel-showmanymoveone .carousel-inner > .prev {
    left: -50%;
  }
  .carousel-showmanymoveone .carousel-inner > .active.right,
  .carousel-showmanymoveone .carousel-inner > .next {
    left: 50%;
  }
  .carousel-showmanymoveone .carousel-inner > .left,
  .carousel-showmanymoveone .carousel-inner > .prev.right,
  .carousel-showmanymoveone .carousel-inner > .active {
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner .cloneditem-1 {
    display: block;
  }
}
@media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d) {
  .carousel-showmanymoveone .carousel-inner > .item.active.right,
  .carousel-showmanymoveone .carousel-inner > .item.next {
    transform: translate3d(50%, 0, 0);
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner > .item.active.left,
  .carousel-showmanymoveone .carousel-inner > .item.prev {
    transform: translate3d(-50%, 0, 0);
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner > .item.left,
  .carousel-showmanymoveone .carousel-inner > .item.prev.right,
  .carousel-showmanymoveone .carousel-inner > .item.active {
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}
@media all and (min-width: 992px) {
  .carousel-showmanymoveone .carousel-inner > .active.left,
  .carousel-showmanymoveone .carousel-inner > .prev {
    left: -25%;
  }
  .carousel-showmanymoveone .carousel-inner > .active.right,
  .carousel-showmanymoveone .carousel-inner > .next {
    left: 25%;
  }
  .carousel-showmanymoveone .carousel-inner > .left,
  .carousel-showmanymoveone .carousel-inner > .prev.right,
  .carousel-showmanymoveone .carousel-inner > .active {
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner .cloneditem-2,
  .carousel-showmanymoveone .carousel-inner .cloneditem-3 {
    display: block;
  }
}
@media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d) {
  .carousel-showmanymoveone .carousel-inner > .item.active.right,
  .carousel-showmanymoveone .carousel-inner > .item.next {
    transform: translate3d(25%, 0, 0);
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner > .item.active.left,
  .carousel-showmanymoveone .carousel-inner > .item.prev {
    transform: translate3d(-25%, 0, 0);
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner > .item.left,
  .carousel-showmanymoveone .carousel-inner > .item.prev.right,
  .carousel-showmanymoveone .carousel-inner > .item.active {
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}

@media only screen and (min-width: 768px) {
  .logo {
    margin: 28px;
    float: left;
  }
}
.title {
  padding: 28px;
  display: table-cell;
  position: relative;
  vertical-align: middle;
  text-align: center;
}




/* override position and transform in 3.3.x */
.carousel_sid .carousel-inner .item.left.active {
  transform: translateX(-33%);
}
.carousel_sid .carousel-inner .item.right.active {
  transform: translateX(33%);
}

.carousel_sid .carousel-inner .item.next {
  transform: translateX(33%)
}
.carousel_sid .carousel-inner .item.prev {
  transform: translateX(-33%)
}

.carousel_sid .carousel-inner .item.right,
.carousel_sid .carousel-inner .item.left { 
  transform: translateX(0);
}


.carousel_sid .carousel-control.left,.carousel-control.right {background-image:none;}
.carousel_sid .carousel-control .glyphicon-chevron-left{
  margin-left: -54px;
  color: #000 ;
}
.carousel_sid .carousel-control .glyphicon-chevron-right{
  margin-right: -54px;
  color: #000 ;
}
.carousel_sid .carousel-inner{
  width: 95% !important;
}
.carousel_sid .sid_view{
  font-size: 16px;
}
.carousel-showmanymoveone .carousel-control .glyphicon-chevron-left{
   margin-left: -50px;
}
.carousel-showmanymoveone .carousel-control .glyphicon-chevron-right{
   margin-right: -50px;
}

.modal-body .container, .modal-body .col-md-9{
  width: 100% !important;
}
.modal{
 z-index: 999999 !important;
}
.modal-backdrop.in
{
  opacity: .6;
}
.modal-header {
  border-bottom: 0;
}
.modal-header .close{
  margin-top: -14px;
    font-size: 30px;
    opacity: 2;
}

.new-btn .sid_view{
  margin-top: 8px;
  font-size: 12px;
}

#products .carousel-showmanymoveone .col-md-3 .sid_view{
    background:rgba(0,0,0,0.6);
    top:77%;
    border:none;
    padding:0;
    font-size:14px;
    text-transform: uppercase;
    font-weight: 600;
    color:#fff;
}


.icons-img{
    width: auto !important;
    height: auto !important;
    min-height: auto !important;
    
  }
  .Services_Icon{
      margin: 80px auto;
  }
  .Services_Icon1 {
      position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    margin: 50px 0;
    color: #fff;
  }
  .img-overlay_1{
    background: rgba(0,0,0,0.6);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
  
  }
  .hover-shadow{
      position: relative;
  }
  
  #views span{
    background: rgba(0,0,0,.8);
    color: #fff;
    padding: 10px;
    width: auto;
    height: auto;
  }
  .hover-shadow:hover .img-overlay_1 {
    background: rgba(219, 183, 42,0.6);
  }
  
.bg-suits{
  background: #fff;
  box-shadow: 0px 0px 6px 2px #f1eaea;
  padding: 5px;
  margin: 5px;
}  
.bg-suits:hover{
  box-shadow: 0px 0px 6px 2px #ccc;
}
.bg-suits .sid_view {
    background: rgba(0,0,0,0.6);
    border: none;
    padding: 0;
    font-size: 12px !important;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    position: initial !important;
    width: 100% !important;
}
  
  


.carousel-showmanymoveone_1 .cloneditems-1,
.carousel-showmanymoveone_1 .cloneditems-2,
.carousel-showmanymoveone_1 .cloneditems-3 {
  display: none;
}
  .carousel-showmanymoveone_1 .carousel-control {
  width: 4%;
  background-image: none;
}
.carousel-showmanymoveone_1 .carousel-control.left {
  margin-left: 15px;
}
.carousel-showmanymoveone_1 .carousel-control.right {
  margin-right: 15px;
}
.carousel-showmanymoveone_1 .cloneditems-1,
.carousel-showmanymoveone_1 .cloneditems-2,
.carousel-showmanymoveone_1 .cloneditems-3 {
  display: none;
}
@media all and (min-width: 768px) {
  .carousel-showmanymoveone_1 .carousel-inner > .active.left,
  .carousel-showmanymoveone_1 .carousel-inner > .prev {
    left: -50%;
  }
  .carousel-showmanymoveone_1 .carousel-inner > .active.right,
  .carousel-showmanymoveone_1 .carousel-inner > .next {
    left: 50%;
  }
  .carousel-showmanymoveone_1 .carousel-inner > .left,
  .carousel-showmanymoveone_1 .carousel-inner > .prev.right,
  .carousel-showmanymoveone_1 .carousel-inner > .active {
    left: 0;
  }
  .carousel-showmanymoveone_1 .carousel-inner .cloneditems-1 {
    display: block;
  }
}
@media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d) {
  .carousel-showmanymoveone_1 .carousel-inner > .item.active.right,
  .carousel-showmanymoveone_1 .carousel-inner > .item.next {
    transform: translate3d(50%, 0, 0);
    left: 0;
  }
  .carousel-showmanymoveone_1 .carousel-inner > .item.active.left,
  .carousel-showmanymoveone_1 .carousel-inner > .item.prev {
    transform: translate3d(-50%, 0, 0);
    left: 0;
  }
  .carousel-showmanymoveone_1 .carousel-inner > .item.left,
  .carousel-showmanymoveone_1 .carousel-inner > .item.prev.right,
  .carousel-showmanymoveone_1 .carousel-inner > .item.active {
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}
@media all and (min-width: 992px) {
  .carousel-showmanymoveone_1 .carousel-inner > .active.left,
  .carousel-showmanymoveone_1 .carousel-inner > .prev {
    left: -25%;
  }
  .carousel-showmanymoveone_1 .carousel-inner > .active.right,
  .carousel-showmanymoveone_1 .carousel-inner > .next {
    left: 25%;
  }
  .carousel-showmanymoveone_1 .carousel-inner > .left,
  .carousel-showmanymoveone_1 .carousel-inner > .prev.right,
  .carousel-showmanymoveone_1 .carousel-inner > .active {
    left: 0;
  }
  .carousel-showmanymoveone_1 .carousel-inner .cloneditems-2,
  .carousel-showmanymoveone_1 .carousel-inner .cloneditems-3 {
    display: block;
  }
}
@media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d) {
  .carousel-showmanymoveone_1 .carousel-inner > .item.active.right,
  .carousel-showmanymoveone_1 .carousel-inner > .item.next {
    transform: translate3d(25%, 0, 0);
    left: 0;
  }
  .carousel-showmanymoveone_1 .carousel-inner > .item.active.left,
  .carousel-showmanymoveone_1 .carousel-inner > .item.prev {
    transform: translate3d(-25%, 0, 0);
    left: 0;
  }
  .carousel-showmanymoveone_1 .carousel-inner > .item.left,
  .carousel-showmanymoveone_1 .carousel-inner > .item.prev.right,
  .carousel-showmanymoveone_1 .carousel-inner > .item.active {
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}
 
.card-block a{
  font-size: 16px;
  color: #dbb72a;
  font-weight: 600;
}


.Services_Icon img.icons-img{
    width:100px !important;
}

.grid figcaption:hover{
  background: rgba(219, 183, 42,.8);

}

.bg-suits:hover .sid_view{
  background: #dbb72a !important;
}

.landing-video {
  position: relative;
}
.landing-video h4{
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    color: #000;
    background: #fff;
    padding: 10px 25px;
    letter-spacing: 2px;
}
.landing-video h2{
    position: absolute;
    top: 35%;
    transform: translate(-50%, -50%);
    left: 50%;
    letter-spacing: 2px;
    color: #dbb72a;
    font-weight: 700;
    font-size: 36px;
    text-align: center;
    line-height: 45px;
}

.mob-prod{
    display: none;
}
#products .glyphicon-chevron-left, #products .glyphicon-chevron-right{
    display: none;
    }
@media screen and (max-width: 767px){
    .mob-prod1{
        display: none;
    }
    .mob-prod{
        display: block;
    }
    .caret{display: none;}
    .landing-video{
        margin-top: 64px;
    }
    .inframodel .modal-dialog{width: 100%;}
    .Services_Icon1{margin: 90px 0 !important;}
    #products .glyphicon-chevron-left, #products .glyphicon-chevron-right{
        display: block !important;
    }
}

#carousel_04 .carousel-inner .cloneditem-3{
    display: none !important;
}