1body{
	font-family: 'Roboto Condensed', sans-serif !important;
}
#no{
	overflow-x:hidden;
}
p{
	text-align:justify;
	font-size:16px;
}

.btn-info{
	background-image: none;
    background: #083d56;
	border: none;
}


hr {
    margin-top: 15px;
    margin-bottom: 15px;
    border: 0;
	width:50px;
    border-top: 3px solid #ffc107;
}


.btn_bg{
	background-color:#ffc107;
	padding:60px;
}
.cta-fw {
    color:#083d56;
    margin-top: 38px;
    margin-bottom: 0;
    font-size: 30px;
	text-align:center;
}

.btn_style {
    background: none;
    font-size: 16px;
    border: 3px solid #fff;
    color: #083d56;
    text-shadow: none;
    border-radius: 30px;
    margin-bottom: 25px;
	padding: 10px;
}

.btn-default:hover {
    /*color: #555555;
    background-color: #e6e6e6;
    border-color: rgba(0,0,0,0.1);*/
	color: #ffffff;
    background-color: #083d56;
    border-color: hsl(0, 0%, 100%);
}


btn-success:focus, .btn-success.focus {
    color: #ffffff;
    background-color: #083d56;
    border-color: #083d56;
}

.service-item h4{
	color:#fff;
}

.ul_text_size{
	
	font-size:16px;
}

/* -----------------------------------------------
 * Timeline
 * --------------------------------------------- */
 .timeline {
    list-style: none;
    padding: 10px 0;
    position: relative;
    font-weight: 300;
}
.timeline:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content:" ";
    width: 2px;
    background: #000000;
    left: 50%;
    margin-left: -1.5px;
	
}
.timeline > li {
    
    position: relative;
    width: 50%;
    float: left;
    clear: left;
}
.timeline > li:before, .timeline > li:after {
    content:" ";
    display: table;
}
.timeline > li:after {
    clear: both;
}
.timeline > li:before, .timeline > li:after {
    content:" ";
    display: table;
}
.timeline > li:after {
    clear: both;
}
.timeline > li > .timeline-panel {
    width: calc(100% - 25px);
    width: -moz-calc(100% - 25px);
    width: -webkit-calc(100% - 25px);
    float: left;
        border: 1px solid #000000;
    background: #ffffff;
    position: relative;
}
.timeline > li > .timeline-panel:before {
       position: absolute;
    top: 26px;
    right: -15px;
    display: inline-block;
    border-top: 15px solid transparent;
    border-left: 15px solid #000000;
    border-right: 0 solid #000000;
    border-bottom: 15px solid transparent;
    content: " ";
}
.timeline > li > .timeline-panel:after {
    position: absolute;
    top: 27px;
    right: -14px;
    display: inline-block;
    border-top: 14px solid transparent;
    border-left: 14px solid #ffffff;
    border-right: 0 solid #ffffff;
    border-bottom: 14px solid transparent;
    content:" ";
}
.timeline > li > .timeline-badge {
    color: #ffffff;
    width: 24px;
    height: 24px;
    line-height: 50px;
    text-align: center;
    position: absolute;
    top: 16px;
    right: -12px;
    z-index: 100;
}
.timeline > li.timeline-inverted > .timeline-panel {
    float: right;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
}
.timeline-badge > a {
    color:#000000 !important;
}
.timeline-badge a:hover {
    color: #dcdcdc !important;
}
.timeline-title {
    margin-top: 0;
    color: inherit;
}
.timeline-heading h4 {
    font-weight: 400;
    padding: 0 15px;
    color: #4679bd;
}
.timeline-body > p, .timeline-body > ul {
    padding: 10px 15px;
    margin-bottom: 0;
}
.timeline-footer {
    padding: 5px 15px;
    background-color:#f4f4f4;
}
.timeline-footer p { margin-bottom: 0; }
.timeline-footer > a {
    cursor: pointer;
    text-decoration: none;
}
.timeline > li.timeline-inverted {
    float: right;
    clear: right;
}
.timeline > li:nth-child(2) {
    margin-top: 60px;
	
}
.timeline > li.timeline-inverted > .timeline-badge {
    left: -12px;
}
.no-float {
    float: none !important;
}
@media (max-width: 767px) {
    ul.timeline:before {
        left: 40px;
    }
    ul.timeline > li {
        margin-bottom: 0px;
        position: relative;
        width:100%;
        float: left;
        clear: left;
    }
    ul.timeline > li > .timeline-panel {
        width: calc(100% - 65px);
        width: -moz-calc(100% - 65px);
        width: -webkit-calc(100% - 65px);
    }
    ul.timeline > li > .timeline-badge {
        left: 28px;
        margin-left: 0;
        top: 16px;
    }
    ul.timeline > li > .timeline-panel {
        float: right;
    }
    ul.timeline > li > .timeline-panel:before {
        border-left-width: 0;
        border-right-width: 15px;
        left: -15px;
        right: auto;
    }
    ul.timeline > li > .timeline-panel:after {
        border-left-width: 0;
        border-right-width: 14px;
        left: -14px;
        right: auto;
    }
    .timeline > li.timeline-inverted {
        float: left;
        clear: left;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .timeline > li.timeline-inverted > .timeline-badge {
        left: 28px;
    }
}



























.services {
    padding: 30px 0;
}

.services-post {
    text-align: center;
    
}
.services-post a i {
    color: #ffffff;
    font-size: 42px;
    line-height: 70px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.services-post a {
    display: inline-block;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
   width: 70px;
    height: 70px;
    border: 1px solid #d2d2d2;
    box-shadow: 3px 3px 3px #e6e6e6;
    -webkit-box-shadow: 3px 3px 3px #e6e6e6;
    -moz-box-shadow: 3px 3px 3px #e6e6e6;
    -o-box-shadow: 3px 3px 3px #e6e6e6;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-bottom: 40px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    background: #41b883;
}
.bg-primary {
   color: #fff;
    background-color: #083d56;
}

.hw_work h2 {
    text-transform:uppercase;
    font-size:20px;
}

hr.small {
    max-width: 100px;
}
.small, small {
    font-size: 85%;
}

.service-item h4{
    text-transform:uppercase;
}





/*carosel*/


.main-text
{
    position: absolute;
    top: 50px;
    width: 96.66666666666666%;
    color: #FFF;
}

.paddings{
	padding-left:0px !important;
    padding-right:0px;
}

.carousel {
  background: transparent;
}

.carousel-control.left, .carousel-control.right {
background-image:none !important;
}
.carousel-in .item img {
width:100%;
height:100%;
}
.carousel-indicators {
bottom:5px;
left:10px;
width:auto;
padding:5px 25px 5px 25px;
margin-left:0;
background:transparent;
}
.carousel-indicators li {
border-radius:0;
width:8px;
height:8px;
background:#fff;
}
.carousel-indicators .active {
width:10px;
height:10px;
background: #ffc107;
    border-color: #ffc107;
}
 
.carousel-control {
background:    transparent;
color:#fff;
padding: 4px 0;
width:26px;
top:auto;	
left:auto;
bottom:12px;
opacity:0.85;
}
.carousel-control :hover {
    padding:4px;
	background:rgba(0,0,0,0.35);
}
.carousel-control.right {
right:10px;
}
 
.carousel-control.left {
right: 46px;
}
.carousel-caption {
top:auto;
width:auto;
right:auto;
bottom:60px;
left:10px;
padding:20px;
background: none;
text-align:left;
height:auto;
max-width:50%;
 
}

.carousel-caption h3{
	color: #fff;
}

.border_bottom{
    border-bottom: 3px solid #0ba9f9;
}

.caption h3{
	margin-top: 0px;
}









.fa-stack-2x {
    color: #ffc107;
}

.fa-stack-1x {
    line-height: inherit;
    color: #fff;
}

.service-item p{
	text-align:center;
}































.spacer-ssm {
    height: 10px;
}

.spacer-sm{
	height:30px;
}

.spacer {
    height: 60px;
}

.footerhr {
    width: 60px;
    margin-top: 10px;
    border-top: 3px solid #ffc107;
}



/*hr style*/
.section-title hr {
    width: 100%;
    border-color: #45b0d0;
}

.h4_styles{
	font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    letter-spacing: -1px;
}

.p_bold{
    margin: 0 0 10px;
    font-weight: 700;
}




/*services section starts*/


h2.lg-title {
    font-size: 36px;
	color:#585858;
}

.services-section {
    padding: 80px 0px;
}

.services-post {
    text-align: center;
    padding: 0 20px;
}

.services-post a {
    display: inline-block;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    width: 64px;
    height: 64px;
    border: 1px solid #d2d2d2;
    box-shadow: 3px 3px 3px #e6e6e6;
    -webkit-box-shadow: 3px 3px 3px #e6e6e6;
    -moz-box-shadow: 3px 3px 3px #e6e6e6;
    -o-box-shadow: 3px 3px 3px #e6e6e6;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-bottom: 40px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	background:#715788;
}
/*.services-post:hover a {
    background: #fff;
    border: 1px solid #715788;
}
*/
.services-post:hover a {
    background: #db9dbe;
    border: 1px solid #db9dbe;
}

.services-post h2 {
    color: #333333;
    font-size: 14px;
    font-family: 'Roboto Slab', serif;
    font-weight: 700;
    margin: 0 0 14px;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    padding-bottom: 14px;
    position: relative;
}

.service_p {
    font-size:90%;
    color: #333333;
   /* font-family: 'Roboto Slab', serif;*/
    line-height: 20px;
    margin: 0 0 10px;
}



.services-post:hover a i {
    color:#000000;
}
.services-post a i {
    color: #ffffff;
    font-size: 20px;
    line-height: 64px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.services_bg{
	background-color: rgba(189, 174, 198, 0.16);
}
/*services ends*/



.sub-head {
    padding-bottom: 20px;
    display: block;
	color:gray !important;
	font-family: 'Raleway',sans-serif;
	font-weight: 500; 
	line-height: 24px;
}

.bulb_pstyles{
	
	margin: 0 0 10px;
    color: gray !important;
    font-family: 'Raleway',sans-serif;
    font-weight: 500;
    line-height: 23px;
    text-align: left;
}




h3 {
    color: #083d56;
}

.big-icon {
    font-size: 250px;
	    color: #153e4d;
}

.media-heading{
	margin: 0 0 5px;
	color:#f79c2a !important;
}


/*.h1_heading{
    line-height: 50px;
    font-weight: 900;
    font-size: 40px;
    padding: 10px 20px 5px 20px;
    text-transform: uppercase;
	color:#153e4d
}*/

.h1_heading{
    line-height: 50px;
    font-weight: 700;
    /* font-size: 40px; */
    /* padding: 10px 20px 5px 20px; */
    text-transform: uppercase;
    color: #153e4d;
}
.h1_heading:before {
    content: '';
    display: block;
    position: absolute;
    width: 120px;
    height: 1px;
    background:#f79720;
    margin: auto;
    left: -150px;
    right: 0;
}

.h1_heading:after {
    content: '';
    display: block;
    position: absolute;
    width: 120px;
    height: 1px;
    background: #f79720;
    margin: auto;
    left: 0;
    right: -150px;
}

.faa-pulse.animated, .faa-pulse.animated-hover:hover {
    -webkit-animation: pulse 2s linear infinite;
    animation: pulse 2s linear infinite;
}






/*leave us*/

.leaves {
    /*background: #696A88;*/
    padding: 5em 0em;
    text-align: center;
	background:#f79925;
}

.leaves-main h1 {
    font-size: 3em;
    color: #fff;
    font-family: 'Aladin', cursive;
}

.leaves-main h6 {
    font-size: 1.2em;
    color: #fff;
    margin: 0.6em 0em;
}
.leaves-main p {
    width: 60%;
    margin: 0 auto;
    color: #fff;
    line-height: 1.57em;
    font-size: 1.2em;
}

.leaves-main a {
    font-size: 1em;
    color: #fff;
    /*background: #e9a820;*/
	background: #153e4d;
    padding: 1em 2em;
    display: inline-block;
    margin-top: 1em;
}

.hvr-push {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}

a {
    text-decoration: none;
}

.pull-left .fa{
	color:#153e4d;
}

.fa:hover {
    color:#083d56 !important;
}

.footer-contacts .fa:hover{
	color:#ffc107!important;
}

.social-links .fa:hover{
	color:#ffc107!important;
}







.bloc-event {
    background: #fff;
    margin-bottom: 20px;
    box-shadow: 0px 0px 20px 6px rgba(1, 1, 1, 0.1);
}

.caption {
    padding: 15px;
}

.city{
	
	margin: 0;
    text-align: center;
    padding: 0;
    font-size: 14px;
    color: #555555;
    letter-spacing: 0px;
    line-height: 24px;
    height: 105px;
    text-transform: initial;
    font-weight: normal;
	font-family: 'Roboto', sans-serif !important;
}



.date{
	
	text-align: center;
    background: none;
    font-size: 13px;
    color: #ACAFB1;
    letter-spacing: 0.04px;
    font-weight: bold;
	font-family: 'Roboto', sans-serif !important;
}

.bloc-event:hover {
    box-shadow: 0px 0px 0px 0px rgba(1, 1, 1, 0.1);
}


.bg_blue{
	padding-top: 20px;
    padding-bottom: 20px;
	background-color:#f0f2f3;
}

.bloc-event img {
    padding: 10px;
}

.btn-success:hover {
    color: #ffffff;
    background-color: #59822c;
    border-color: #f79925;
}



.btn-success {
    background-image: -webkit-linear-gradient(#153e4d, #153e4d 60%, #153e4d);
    background-image: -o-linear-gradient(#88c149, #73a839 60%, #699934);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#153e4d), color-stop(60%, #153e4d), to(#153e4d));
    background-image: linear-gradient(#153e4d, #153e4d 60%, #153e4d);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff88c149', endColorstr='#ff699934', GradientType=0);
    -webkit-filter: none;
    filter: none;
    /* background-color: red; */
    border-bottom: 1px solid #153e4d;
}

.btn-success:hover {
    background-image: -webkit-linear-gradient(#f79925, #f79925 60%, #f79925);
    background-image: -o-linear-gradient(#f79925, #f79925 60%, #f79925);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f79925), color-stop(60%, #f79925), to(#153e4d));
    background-image: linear-gradient(#f79925, #f79925 60%, #f79925);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f79925', endColorstr='#f79925', GradientType=0);
    -webkit-filter: none;
    filter: none;
    /* background-color: red; */
    border-bottom: 1px solid #f79925;
}











.brands-wrap {
  padding-top: 4%;
}

.carousel {
  background: transparent;
}

.gallery-cell {
  width: 100%;
  /* half-width */
  height: auto;
  padding: 0 15px;
  text-align: center;
}
@media (min-width: 548px) {
  .gallery-cell {
    width: 33.3%;
  }
}
.gallery-cell.is-selected img {
  transform: scale(1);
  -webkit-filter: grayscale(0) blur(0);
  filter: grayscale(0) blur(0);
}
.gallery-cell img {
  transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  /* easeInOutBack */
  max-width: 150px;
  display: inline-block;
  transform: scale(0.7);
  -webkit-filter: grayscale(100%) blur(2px);
  filter: grayscale(100%) blur(2px);
}

.flickity-prev-next-button.previous {
  left: -40px;
}

.flickity-prev-next-button.next {
  right: -40px;
}

.brand-carousel {
  margin: 0 60px;
  /* space for prev/next buttons */
}

.flickity-prev-next-button .arrow {
  fill: white;
  box-shadow: 0 0 5px black;
}

.flickity-prev-next-button.no-svg {
  color: white;
}

.flickity-prev-next-button {
  background: transparent;
}
.flickity-prev-next-button:hover {
  background: transparent;
}


a:hover{
	text-decoration:none;
	
	display:hidden;
}


.btn-success {
    color: #083d56;
    font-weight: 600;
    background-image: none;
    background-color: #ffc107;
    border-color: #ffc107;
}
.flickity-viewport{
  height: 150px !important;
}





/*testiminials started*/


/* carousel */
#quote-carousel 
{
  padding: 0 10px 30px 10px;
  margin-top: 30px;
}

/* Control buttons  */
#quote-carousel .carousel-control
{
  background: none;
  color: #222;
  font-size: 2.3em;
  text-shadow: none;
  margin-top: 30px;
}
/* Previous button  */
#quote-carousel .carousel-control.left 
{
  left: -12px;
}
/* Next button  */
#quote-carousel .carousel-control.right 
{
  right: -12px !important;
}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
#quote-carousel .carousel-indicators .active 
{
  background: #333333;
}

.carousel-indicato {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}
.carousel-indicato li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 10px;
}




#quote-carousel img
{
  width: 250px;
  height: 100px
}
/* End carousel */

.item blockquote {
    border-left: none; 
    margin: 0;
}

.item blockquote img {
    margin-bottom: 10px;
}

.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}



/**
  MEDIA QUERIES
*/

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    #quote-carousel 
    {
      margin-bottom: 0;
      padding: 0 40px 30px 40px;
    }
    
}

/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) { 
    
    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
    
    #quote-carousel .carousel-indicators {
        bottom: -20px !important;  
    }
    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }
}

/*testiminials ended*/
.bg-success
{
height: 50px;
line-height:49px;
font-family: 'Roboto', sans-serif;
background: #0288a0;
font-weight: normal;
color: #fff;
font-size: 18px !important;

}
.vision
{
text-align: justify;
color;#777;
line-height: 30px;
}

.gallery-title
{
    font-size: 36px;
    color: #42B32F;
    text-align: center;
    font-weight: 500;
    margin-bottom: 70px;
}
.gallery-title:after {
    content: "";
    position: absolute;
    width: 7.5%;
    left: 46.5%;
    height: 45px;
    border-bottom: 1px solid #5e5e5e;
}
.filter-button
{
    font-size: 18px;
    border: 1px solid #42B32F;
    border-radius: 5px;
    text-align: center;
    color: #42B32F;
    margin-bottom: 30px;

}
.filter-button:hover
{
    font-size: 18px;
    border: 1px solid #42B32F;
    border-radius: 5px;
    text-align: center;
    color: #000000;
    background-color: #42B32F;

}
.filter-button.active
{
    background-color: #42B32F;
    color: white;
}
.port-image
{
    width: 100%;
}

.gallery_product
{
    margin-bottom: 30px;
}
.jumbotron {
background: #358CCE;
color: #FFF;
border-radius: 0px;
}
.jumbotron-sm { padding-top: 24px;
padding-bottom: 24px; }
.jumbotron small {
color: #FFF;
}
.h1 small {
font-size: 24px;
}
/* logo slider in clients page*/

/* Slider */
.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}









/*aboutus code*/

.on {
    background: url(../img/b.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: auto;
    height: auto;
}














.sup_bg {
   /* background-color: #EF4D2F; */
   background-color: transparent;
  
}
.sup_heading p {
    float: left;
    line-height: 24px;
    width: 100%;
    color: #000;
	text-align:center;
}









/* gallery styles */


.gallery-title
{
    font-size: 36px;
    color: #ffc107;
    text-align: center;
    font-weight: 500;
    margin-bottom: 70px;
}
.gallery-title:after {
    content: "";
    position: absolute;
    width: 7.5%;
    left: 46.5%;
    height: 45px;
    border-bottom: 1px solid #5e5e5e;
}
.filter-button
{
    font-size: 16px;
    border: none;
    border-bottom: 1px solid #083d56;
    border-radius: 0px;
    text-align: center;
    color: #083d56;
    margin-bottom: 30px;
    padding: 0px;
    margin-right: 15px;

}
.filter-button:hover
{
    font-size: 16px;
    border: none;
    border-bottom: 2px solid #fec018;
    border-radius: 0px;
    text-align: center;
    color: #fec018;
    background-color: #fff;

}
.filter-button:active
{
    font-size: 16px;
    border: none;
    border-bottom: 2px solid #fec018;
    border-radius: 0px;
    text-align: center;
    color: #fec018;
    background-color: #fff;
	background-image: none;
    outline: #fff;
}

.btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default {
    background-color: #fff;
    border: none;
    box-shadow: none;
    color: #42B32F;
    border-bottom: 2px solid #42B32F;
	background-image: none;
    outline: #fff;
}

.btn-default:focus, .btn-default.focus {
	background-color: #fff;
    border: none;
    box-shadow: none;
    color: #fec018;
    border-bottom: 2px solid #fec018;
	background-image: none;
    outline: #fff;
}
.btn-default:active:hover, .btn-default.active:hover, .open>.dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open>.dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open>.dropdown-toggle.btn-default.focus {
	background-color: #fff;
    border: none;
    box-shadow: none;
    color: #fec018;
    border-bottom: 2px solid #fec018;
	background-image: none;
    outline: #fff;
}
.port-image
{
    width: 100%;
}

.gallery_product
{
    margin-bottom: 30px;
}
@media (min-width: 1200px)
{
.col-lg-4 {
    width: 100%;
	
}
}
.spacer-10{
height:10px;
}
.cool{
height:270px;
width:365px;
}
.d{
overflow-x:hidden;

}













.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #083d56;
    min-width: 160px;
    /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {color: #fff}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}















.parallax-section:before {
   content: '';
   position: absolute;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
   z-index: 0;
}



.overlay-white:before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: rgba(3, 169, 244, 0.3);
   opacity: .9;
}