@charset "utf-8";
/* CSS Document */
/*--fonts---

font-family: 'Montserrat', sans-serif;
font-family: 'PT Sans', sans-serif;
font-family: 'Open Sans', sans-serif;
font-family: 'Lato', sans-serif;
font-family: 'Raleway', sans-serif;

------*/
body{font-family: 'Lato', sans-serif !important; font-size:16px;}
.btn-primary {color: #fff;background-color:#D8171D !important;border-color:#D8171D !important;}
.btn-primary:hover{background-color:#C31117 !important;border-color:#C31117 !important;}
/*-----------------cart page--------------------*/
.CartPdtHead{ background-color:rgba(0, 0, 0, 0.15); padding:10px 0; font-weight:bold;}
.CartPdtCont{padding:10px 0;}
.CartPdtCont:nth-child(even){ background-color:rgba(255, 255, 255, 0.3)}
.CartPdtCont:nth-child(odd){ background-color:rgba(0, 0, 0, 0.05);}
.panel{ background-color:#f9f9f9;}
.CartPdtDetails h4{ font-size:16px;}
.close{ opacity:0.8 !important;}
.close a{color:#C31117; opacity:0.8 !important;}
.close a:hover{color:#C31117;}
/*------------------Cart Page Ends -------------------*/

/*-------menu bar-------*/
.mymnavbar {
	width: 100%;
	padding: 5px 0;
	position:absolute;
	z-index:999;
	background-color: rgba(0,0,0,0.7);
	/* border-bottom: 1px solid #666; */
}
.mymnavbar .navbar-brand {
	float: left;
	height: auto;
	padding: 0px;
	font-size: 18px;
	line-height: 0;
	margin-top: 0px;
	position: relative;
	z-index: 999;
}
.mymnavbar .navbar-default {
	background-color:transparent;
}
.mymnavbar .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
	color: #F21623;
	background-color: transparent;
}
.activea {
	color: #F21623 !important;
}


.mymnavbar .navbar-brand {
    margin-top: 0px !important;
}
.logow {
	width: 350px;
}
/*-------mmymnavbar 2--------*/
.mymnavbar2 {
	width: 100%;
	padding: 5px 0;
	position:relative;
	z-index:999;
	background-color: #fff;
	/* border-bottom: 1px solid #666; */
}
.mymnavbar2 .navbar-brand {
	float: left;
	height: auto;
	padding: 0px;
	font-size: 18px;
	line-height: 0;
	margin-top: 0px;
	position: absolute;
	z-index: 999;
}
.mymnavbar2 .navbar-default {
	background-color:transparent;
}
.mymnavbar2 .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
	color: #000;
	background-color: transparent;
}
.mymnavbar2 nav.navbar ul.nav > li > a {
    margin: 0 1px;
    color: #000;
}
.activea {
	color: #F21623 !important;
}


.mymnavbar .navbar-brand {
    margin-top: 0px !important;
}
.logow {
	width: 380px;
}
/*-------my banner--------*/
/*
Fade content bs-carousel with hero headers
Code snippet by maridlcrmn (Follow me on Twitter @maridlcrmn) for Bootsnipp.com
Image credits: unsplash.com
*/

/********************************/
/*       Fade Bs-carousel       */
/********************************/
.mybanner .carousel-control {
    position: absolute;
    top: 40%;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 60px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: .5;

	display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  text-align: center;
	  -webkit-box-align: center;
		  -ms-flex-align: center;
			  align-items: center;
}
.mybanner .carousel-control i {
	color: #fff;
	font-size: 30px;
    text-align: center;
    display: block;
    float: none;
    margin: auto;
}
.mybanner .carousel-control:hover {

    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: 1;
}


/********************************/
.fade-carousel {
	position: relative;
	height: 670px;
}
.fade-carousel .carousel-inner .item {
	height: 670px;
}
.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: 48%;
	left: 50%;
	z-index: 3;
	color: #fff;
	text-align: center;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .10);
	-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: 46px;
	color: #fff;
	
	font-weight: bold;
	margin: 0;
	padding: 0;
	/* text-transform: uppercase; */
	line-height: 60px;
	text-align: left;
}
.hero p {
	color:#fff;
	
	line-height: 2em;
	margin-top: 2%;
	font-size: 14px;
	margin-bottom: 10px;
	text-align: left;
	text-transform: uppercase;
}
.ui-decor-1 {
    width: 30px;
    height: 2px;
	background-color: #e95615;
}
.fade-carousel .carousel-inner .item .hero {
	opacity: 0;
 -webkit-transition: 2s all ease-in-out .2s;
 -moz-transition: 2s all ease-in-out .2s;
 -ms-transition: 2s all ease-in-out .2s;
 -o-transition: 2s all ease-in-out .2s;
 transition: 2s all ease-in-out .2s;
}
.fade-carousel .carousel-inner .item.active .hero {
	opacity: 1;
 -webkit-transition: 2s all ease-in-out .2s;
 -moz-transition: 2s all ease-in-out .2s;
 -ms-transition: 2s all ease-in-out .2s;
 -o-transition: 2s all ease-in-out .2s;
 transition: 2s all ease-in-out .2s;
}
/********************************/
/*            Overlay           */
/********************************/
.overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 2;
	background-color: #080d15;
	opacity: .7;
}
/********************************/
/*          Custom Buttons      */
/********************************/
.morebtn1 {
	-webkit-transition-duration: 1s; /* Safari */
    transition-duration: 1s;
	padding: 12px 24px;
	background-color: #e95615;
	color: #fff;
	
	font-size: 13px;
	border-radius: 0px;
	border: 1px solid #e95615;
	margin-top: 3%;
	-webkit-transition-duration: 1s; /* Safari */
    transition-duration: 1s;
	float: left;
}
.morebtn2 {
	-webkit-transition-duration: 1s; /* Safari */
    transition-duration: 1s;
	padding: 12px 24px;
	background-color: transparent;
	color: #fff;

	font-size: 13px;
	border-radius: 0px;
	border: 2px solid #fff;
	margin-top: 3%;
	margin-left: 0;
	font-weight: 500;
	-webkit-transition-duration: 1s; /* Safari */
    transition-duration: 1s;
	float: left;
}
.morebtn1:hover, .morebtn2hover {
	background-color: transparent;
	color: #F21623;
	border: 1px solid #F21623;
		-webkit-transition-duration: 1s; /* Safari */
    transition-duration: 1s;
}
/********************************/
/*       Slides backgrounds     */
/********************************/
.fade-carousel .slides .slide-1, .fade-carousel .slides .slide-2, .fade-carousel .slides .slide-3 {
	height: 670px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.fade-carousel .slides .slide-1 {
	background-image: url(../images/banner-1.jpg);
}
.fade-carousel .slides .slide-2 {
	background-image: url(../images/banner-2.jpg);
}
.fade-carousel .slides .slide-3 {
	background-image:  url(../images/banner-3.jpg);
}

/********************************/
/*          Media Queries       */
/********************************/
@media screen and (min-width: 980px) {
.hero {
	width:  85%;
}
}
@media screen and (max-width: 640px) {
 .hero h1 {
font-size: 4em;
}
}

 /*-------service-sec-------*/
 .service-sec {
	 padding: 0% 0px;
 }
 .aboutbg-sec {
	 background: url(../images/ideas-fingerna.jpg) fixed no-repeat;
	 background-size: 100%;
	 overflow: hidden;
	 height: 480px;
	 
 }
 .aboutbg-sec2 {
	 background: url(../images/ideas-fingerna-3.jpg) no-repeat;
	 background-size: 100%;
	 overflow: hidden;
	 height: 480px;
	 
 }
 .srvc-text-sec {
	 padding: 80px 100px !important;
 }
 .srvctxt {
	 color:#333;
	 font-size: 25px;
    font-weight: 600;
    text-transform: capitalize;
    letter-spacing: 0px;
    display: block;
	margin-bottom: 30px;
	
 }
  .srvcsubtxt {
	color:#333;
	font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    letter-spacing: 0px;
    display: block;

	text-align: center;
 }  
.srvcsubtxt span {
	color: #F21623;
}
 .srvcsubpara {
	color:#606060;

    font-size: 16px;
	font-weight: 500;
	line-height: 1.8em;
	margin-bottom: 30px;
	text-align: center;
	
 }
 .srvcsubpara1 {
	color:#606060;

    font-size: 14px;
	font-weight: 500;
	line-height: 1.8em;
	margin-bottom: 30px;
	text-align: center;
	
 }
 .srvcbtn {
	padding: 8px 30px;
    font-size: 12px;

    background-color: transparent;
    border: 1px solid #606060;
    color: #606060;
	margin-bottom: 8px;
} 
 .srvcbtn i {
    font-size: 13px;
	margin-left: 10px;
}
.srvcbtn:hover {
    background-color: #F21623;
    border: 1px solid #F21623;
    color: #fff;
} 
.srvcbtn:hover i {
	 color: #fff;
}
 .srvcbtn i {
    font-size: 13px;
	margin-left: 10px;
	color: #F21623;
}  
.whywear {
	padding: 5% 0;
}
.whywear .srvctxt {
	 color:#333;
	 font-size: 25px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0px;
    display: block;
	text-align: center;
	margin-bottom: 20px;

 }
 .service-sec .carousel-indicators {
    position: absolute;
    bottom: -60px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}
 .service-sec .carousel-indicators .active {
    width: 20px;
    height: 6px;
    margin: 0;
    background-color: #000;
	border: 1px solid #000;
}
.service-sec .carousel-indicators li {
    display: inline-block;
    width: 20px;
    height: 6px;
    margin: 0px;
    text-indent: -999px;
    cursor: pointer;
    background-color: transparent;
    border: 1px solid #000;
    border-radius: 0px;
}

.separator {
    line-height: 0.5;
    text-align: center;
    margin: 10px 0 30px 0;
}
.separator span {
    display: inline-block;
    position: relative;
}
.separator span:after {
    border-bottom: 1px solid rgba(0,0,0,.2);
}
.separator span:before {
    right: 100%;
    margin-right: 15px;
}
.separator span:before, .separator span:after {
    content: "";
    position: absolute;
    border-bottom: 1px solid rgba(200,200,200,.5);
    top: 5px;
    width: 300px;
}
.separator span i {
    font-size: 6px;
    padding: 0;
    margin: 0;
    float: none;
	color: #F21623	;
}
.separator span:after {
    left: 100%;
    margin-left: 15px;
}
.separator span:before, .separator span:after {
    content: "";
    position: absolute;
    border-bottom: 1px solid rgba(200,200,200,.5);
    top: 5px;
    width: 300px;
}

.imges-size {
	height: 180px;
	overflow: hidden;
}
 /*-------lightbox-new-------*/
 .lightbox-new {
	 background-color: #f3f3f3;
	 padding: 4% 0 4%;
 }
.lightbox-new img {
	width: 275px;
	height: 158px;
	overflow: hidden;
	background-size: 100%;
}
 
 /*-------dflt-css-------*/
.infrasture {
	padding: 5% 0;
}
.infrasture .srvctxt {
	 color:#333;
	font-size: 25px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0px;
    display: block;
	margin-top: 10px;
	margin-bottom: 20px;
	
	text-align: center;
 }
.infrasture .srvcsubpara {
	color:#606060;

    font-size: 16px;
	font-weight: 500;
	line-height: 1.8em;
	margin-bottom: 40px;
	text-align: center;
 }
 /*-------infrasture-------*/
 /*--------img-effects----------*/
.portfolioContainer .hovereffect {
width:100%;
height: auto;
float:left;
overflow:hidden;
position:relative;
text-align:center;
cursor:default;
}
.portfolioContainer .hovereffect:hover img {
-ms-transform:scale(1.1);
-webkit-transform:scale(1.1);
transform:scale(1.1);
}
.portfolioContainer .hovereffect h2 {
line-height: 100px;
}
 
.hovereffect {
width:100%;
height: 210px;
float:left;
overflow:hidden;
position:relative;
text-align:center;
cursor:default;
}
.hovereffect:hover a {
	text-decoration: none;
}
.hovereffect .overlay {
width:100%;
height:100%;
position:absolute;
overflow:hidden;
top:0;
left:0;
opacity:0;
background-color:rgba(0,0,0,0.5);
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out
}

.hovereffect img {
display:block;
position:relative;
-webkit-transition:all .4s linear;
transition:all .4s linear;
}

.hovereffect h2 {
text-transform:capitalize;
color:#fff;

line-height: 150px;
text-align:center;
position:relative;
font-size:16px;
background: transparent;
-webkit-transform:translatey(10px);
-ms-transform:translatey(10px);
transform:translatey(10px);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
padding:10px;
}
 /*--fonts---

font-family: 'Montserrat', sans-serif;
font-family: 'PT Sans', sans-serif;
font-family: 'Open Sans', sans-serif;
font-family: 'Lato', sans-serif;
font-family: 'Raleway', sans-serif;

------*/

.hovereffect a.info {
text-decoration:none;
display:inline-block;
text-transform:uppercase;
color:#fff;
border:1px solid #fff;
background-color:transparent;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
margin:50px 0 0;
padding:7px 14px;
display: none;
}

.hovereffect a.info:hover {
box-shadow:0 0 5px #fff;
}

.hovereffect:hover img {
-ms-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
}

.hovereffect:hover .overlay {
opacity:1;
filter:alpha(opacity=100);
}

.hovereffect:hover h2,.hovereffect:hover a.info {
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);
}

.hovereffect:hover a.info {
-webkit-transition-delay:.2s;
transition-delay:.2s;
}
 
 /*-------infrasture-------*/
.foooter-sec {
	background: #111;
	padding: 3% 0;
}
.foooter-sec .srvcsubtxt {
	color:#fff;
	font-size: 16px;
    font-weight: 400;
	margin-top: 0px;
	margin-bottom: 20px;
    text-transform: capitalize;
    letter-spacing: 0px;
    display: block;

 }  
.foooter-sec .srvcsubpara {
	color:#fff;

    font-size: 13px;
	font-weight: 500;
	line-height: 1.8em;
	margin-bottom: 20px;
 }
 .ftr-tex-sec {
	 float: left;
	 width: 100%;
 }
 .ftr-tex-sec2 ul li{ width:50%; float:left;}
 .ftr-tex-sec ul li a{ color:rgba(255, 255, 255, 0.6);}
 .foooter-sec ul {
	 list-style: none;
	 padding: 0px;
 }
 .foooter-sec ul a:hover {text-decoration: none;}
 .foooter-sec ul li {
	 color: #ccc;

    font-size: 13px;
	font-weight: 500;
	line-height: 2em;
	margin-bottom: 10px;
	border-bottom: 1px solid #171717;
 }
 .foooter-sec ul li:hover {
	 color: #fff;
 }
 .foooter-sec li strong {
	 color: #F21623;
	 display: inline-block;
	     width: 60px;
		     font-weight: bold;
 }
 
.cpoyrgt-sec {
	padding:1% 0;
	background-color: #000;
} 
.cpoyrgt-sec p {
	color:#fff;

    font-size: 13px;
	font-weight: 500;
	line-height: 1.8em;
	margin: 0px;
}
.cpoyrgt-sec p span {
	color: #F21623;
}
 /*-------about page-------*/
.mybanner2 {
	background: url(../images/about-bg.jpg) center;
	background-size: cover;
	height:125px;
	width: 100%;
	text-align: center;
	display: flex;
    justify-content: center; /* align horizontal */
    align-items: center; /* align vertical */

}
.bannertxt {
	color:#fff;
	font-size:30px;
    font-weight:600;
	margin: 0px 0 10px 0;
    text-transform: capitalize;
    letter-spacing: 0px;

 }
.srvc-text-sec2 {
	 padding: 30px 60px !important;
 }
 .tsthns {
	/*  background: 
    top, transparent red 
    linear-gradient(
      rgba(0, 0, 0, 0.50), 
      rgba(0, 0, 0, 0.50)
    ),
    /* your image 
    url(../images/about-bg.jpg) center;*/
	background: url(../images/about-bg.jpg) center;
	background-size: cover;
	margin-top: 80px;
	padding: 5% 0;
 }
.tsthns .carousel-indicators {
	bottom: -40px;
}
.mymnavbar2 {}
 /*-------dflt-css-------*/
.cstm-col-3sm {
	width: 31%;
	margin: 6px;
	max-height: 250px;
	position: relative;
	float: left;
	overflow: hidden;
}
.cstm-col-3sm figure {
    margin: 0;
}

.myproduct figure.snip1206 {

  color: #fff;
  position: relative;
  float: left;
  overflow: hidden;
  width: 100%;
  color: #000000;
  text-align: center;
  margin-bottom: 7px;
}
.myproduct figure.snip1206 img {
	margin: 0px;
    max-width: 100%;
 }
.myproduct figure.snip1206 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.myproduct figure.snip1206 img {
  opacity: 1;
  width: 100%;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}
.myproduct figure.snip1206:after {
  background: #000;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  opacity: 0.60;
  -webkit-transform: skew(-45deg) scaleX(0);
  transform: skew(-45deg) scaleX(0);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.myproduct figure.snip1206 figcaption {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
}
.myproduct figure.snip1206 i,
.myproduct figure.snip1206 p {
  margin: 0;
  width: 100%;
  opacity: 0;
}
.myproduct figure.snip1206 i {
  padding: 0 30px;
  display: inline-block;
  font-weight: 400;
  font-size: 20px;	
  color: #fff;
  text-transform: capitalize;
}
.myproduct figure.snip1206 p {
  padding: 0 50px;
  font-size: 0.8em;
  font-weight: 500;
}
.myproduct figure.snip1206 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
}
.myproduct figure.snip1206:hover:after,
.myproduct figure.snip1206.hover:after {
  -webkit-transform: skew(-45deg) scaleX(1);
  transform: skew(-45deg) scaleX(1);
  transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.myproduct figure.snip1206:hover figcaption i,
.myproduct figure.snip1206.hover figcaption i,
.myproduct figure.snip1206:hover figcaption p,
.myproduct figure.snip1206.hover figcaption p {
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0);
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.myproduct figure.snip1206:hover figcaption i,
.myproduct figure.snip1206.hover figcaption i {
  opacity: 1;
}
.myproduct figure.snip1206:hover figcaption p,
.myproduct figure.snip1206.hover figcaption p {
  opacity: 0.7;
}
/* Demo purposes only */
.prdtdtl {background-color: #fff;padding: 5% 0;}
.prdtdtl .srvctxt {
    color: #333;
    font-size: 25px;
    font-weight: 400;
    text-transform: capitalize;
    letter-spacing: 0px;
    display: block;
    margin: 10px;

}
#sync1 .item{
    background: #fff;
    padding: 0px 0px;
    margin: 5px;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
	overflow: hidden;
}
#sync2 .item{
    background: #fff;
    padding: 0px 0px;
    margin: 5px;
	opacity: .60;
    color: #FFF;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    text-align: center;
    cursor: pointer;
	border: 3px solid #ccc;
}
.prdtdtl .owl-buttons {
    display: block;
    position: absolute;
    top: 50%;
	width: 100%;
}
.prdtdtl .owl-buttons .owl-prev {
	float: left;
}
.prdtdtl .owl-buttons .owl-next {
	float: right;
}
#sync2 .item h1{
  font-size: 18px;
}
#sync2 .synced .item{
  background: #fff;
  border: 3px solid #666;
  opacity: 1;
}

 /*-------product-details------*/
.prdctrelate {float: left; width: 100%; margin: 40px 16px 0px 16px !important;margin-right: auto;margin-left: auto;border-top: 1px solid #ddd;}

.cstm-col-3sm2 {
	width: 32%;
	margin: 6px;
	max-height: 260px;
	position: relative;
	float: left;
	overflow: hidden;
}
.cstm-col-3sm2 figure {
    margin: 0;
}

/* Demo purposes only */
 .demo-gallery > ul {
              margin-bottom: 0;
            }
            .demo-gallery > ul > li {
                float: left;
                margin-bottom: 15px;
                margin-right: 20px;
                width: 200px;
            }
            .demo-gallery > ul > li a {
              border: 3px solid #FFF;
              border-radius: 3px;
              display: block;
              overflow: hidden;
              position: relative;
              float: left;
            }
            .demo-gallery > ul > li a > img {
              -webkit-transition: -webkit-transform 0.15s ease 0s;
              -moz-transition: -moz-transform 0.15s ease 0s;
              -o-transition: -o-transform 0.15s ease 0s;
              transition: transform 0.15s ease 0s;
              -webkit-transform: scale3d(1, 1, 1);
              transform: scale3d(1, 1, 1);
              height: 100%;
              width: 100%;
            }
            .demo-gallery > ul > li a:hover > img {
              -webkit-transform: scale3d(1.1, 1.1, 1.1);
              transform: scale3d(1.1, 1.1, 1.1);
            }
            .demo-gallery > ul > li a:hover .demo-gallery-poster > img {
              opacity: 1;
            }
            .demo-gallery > ul > li a .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.1);
              bottom: 0;
              left: 0;
              position: absolute;
              right: 0;
              top: 0;
              -webkit-transition: background-color 0.15s ease 0s;
              -o-transition: background-color 0.15s ease 0s;
              transition: background-color 0.15s ease 0s;
            }
            .demo-gallery > ul > li a .demo-gallery-poster > img {
              left: 50%;
              margin-left: -10px;
              margin-top: -10px;
              opacity: 0;
              position: absolute;
              top: 50%;
              -webkit-transition: opacity 0.3s ease 0s;
              -o-transition: opacity 0.3s ease 0s;
              transition: opacity 0.3s ease 0s;
            }
            .demo-gallery > ul > li a:hover .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.5);
            }
            .demo-gallery .justified-gallery > a > img {
              -webkit-transition: -webkit-transform 0.15s ease 0s;
              -moz-transition: -moz-transform 0.15s ease 0s;
              -o-transition: -o-transform 0.15s ease 0s;
              transition: transform 0.15s ease 0s;
              -webkit-transform: scale3d(1, 1, 1);
              transform: scale3d(1, 1, 1);
              height: 100%;
              width: 100%;
            }
            .demo-gallery .justified-gallery > a:hover > img {
              -webkit-transform: scale3d(1.1, 1.1, 1.1);
              transform: scale3d(1.1, 1.1, 1.1);
            }
            .demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
              opacity: 1;
            }
            .demo-gallery .justified-gallery > a .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.1);
              bottom: 0;
              left: 0;
              position: absolute;
              right: 0;
              top: 0;
              -webkit-transition: background-color 0.15s ease 0s;
              -o-transition: background-color 0.15s ease 0s;
              transition: background-color 0.15s ease 0s;
            }
            .demo-gallery .justified-gallery > a .demo-gallery-poster > img {
              left: 50%;
              margin-left: -10px;
              margin-top: -10px;
              opacity: 0;
              position: absolute;
              top: 50%;
              -webkit-transition: opacity 0.3s ease 0s;
              -o-transition: opacity 0.3s ease 0s;
              transition: opacity 0.3s ease 0s;
            }
            .demo-gallery .justified-gallery > a:hover .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.5);
            }
            .demo-gallery .video .demo-gallery-poster img {
              height: 48px;
              margin-left: -24px;
              margin-top: -24px;
              opacity: 0.8;
              width: 48px;
            }
            .demo-gallery.dark > ul > li a {
              border: 3px solid #04070a;
            }
            .home .demo-gallery {
              padding-bottom: 80px;
            }
.srvctxt2 {
    color: #333;
    font-size: 25px;
    font-weight: 400;
    text-transform: capitalize;
    letter-spacing: 0px;
    display: block;
    margin: 0px 0 20px 0;

}			
.prodt-crsl {
	padding: 15px;
	list-style: none;
	background-color: #f5f5f5;
	border: 1px solid #999;
}
.prodt-crsl li {color: #606060; font-size: 15px;font-weight: 600;line-height: 1.8em;margin: 10px 0 20px;text-align: left;}
.prodt-crsl li span {color: #555;font-weight: 600;}
.prodt-crsl li:last-child {margin: 10px 0 10px;}
.title {
    display: inline-block;
    min-width: 80px;
}
.mysltions {float: left;position:relative;width: 100%;}
.enquiry {
    padding: 10px 30px;
    color: #fff;
    background-color: #F21623;
    margin-top: 20px;
    display: inline-block;

}
.enquiry:hover {
    padding: 10px 30px;
    color: #fff;
    background-color: #000;

	
}
.contact-page {padding: 3% 0;}

#contact{
    padding:10px 0 10px;
  }

  .contact-text{
    margin:45px auto;
  }

  .mail-message-area{
    width:100%;
    padding:0 15px;
	float: left;
  }

  .mail-message{
    width: 100%;
    background:rgba(255,255,255, 0.8) !important;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    transition: all 0.7s;
    margin:0 auto;
    border-radius: 0;
  }

  .not-visible-message{
    height:0px;
    opacity: 0;
  }

  .visible-message{
    height:auto;
    opacity: 1;
    margin:25px auto 0;
  }

/* Input Styles */
	.contact {float: left;width: 100%;}
  .form{
    width: 100%;
    padding: 15px;
    background:#f8f8f8;
    border:1px solid rgba(0, 0, 0, 0.075);
    margin-bottom:15px;
    color:#727272 !important;
    font-size:13px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
	line-height: 15px;
  }

  .form:hover{
    border:1px solid #F21623;
  }

  .form:focus{
    color: white;
    outline: none;
    border:1px solid #F21623;
  }

  .textarea{
    height: 169px;
    max-height: 200px;
    max-width: 100%;
  }
  
/* Generic Button Styles */

  .button{
    padding:8px 12px;
    background:#0A5175;
    display: block;
    width:120px;
    margin:10px 0 0px 0;
    border-radius:3px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    text-align:center;
    font-size:0.8em;
    box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
    -moz-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
    -webkit-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
  }

  .button:hover{
    background:#F21623;
    color:white;
  }

/* Send Button Styles */

  .form-btn{
    width:180px;
    display: block;
    height: auto;
    padding:15px;
    color:#fff;
    background:#F21623;
    border:none;
    border-radius:3px;
    outline: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    margin:auto;
    box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
    -moz-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
    -webkit-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
  }

  .form-btn:hover{
    background:#111;
    color: white;
    border:none;
  }
.ctct-info {
	padding: 0;
	list-style: none;
}
.ctct-info li {
    color: #606060;

    font-size: 13px;
    font-weight: 500;
    line-height: 1.8em;
    margin: 4px 0 5px;
    text-align: left;
    border-bottom: 1px dotted #ccc;
    padding: 5px 0 8px;
}
.ctct-info li span {color: #F21623;font-weight: 600;}
.ctct-info .title {
    display: inline-block;
    min-width: 60px;
}
/* Demo search only */
.searvht {
    color: #333;
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
    letter-spacing: 1px;
	margin: 0 0 8px;
    display: block;

    text-align: left;
}
.searvht2div {float: left; width: 100%;}
.searvht2 {
    color: #222;
    font-size: 15px;
    font-weight: 600;
    text-transform: capitalize;
    letter-spacing: 0px;
	margin: 5px 0;
    display: block;

    text-align: center;
}


/*--fonts---

font-family: 'Montserrat', sans-serif;
font-family: 'PT Sans', sans-serif;
font-family: 'Open Sans', sans-serif;
font-family: 'Lato', sans-serif;
font-family: 'Raleway', sans-serif;

------*/


#custom-search-input{
    padding: 0px;
    border: solid 1px #E4E4E4;
    border-radius: 0px;
    background-color: #fff;
}
#custom-search-input .input-lg {
    height: 36px;
    padding: 6px 13px;
    font-size: 13px;
    line-height: 1.3333333;
    border-radius: 0px;

}
#custom-search-input input{
    border: 0;
    box-shadow: none;
}

#custom-search-input button{
    margin: 2px 0 0 0;
    background: none;
    box-shadow: none;
    border: 0;
    color: #666666;
    padding: 0 8px 0 10px;
    border-left: solid 1px #ccc;
}

#custom-search-input button:hover{
    border: 0;
    box-shadow: none;
    border-left: solid 1px #ccc;
	color: #F21623;
}

#custom-search-input .glyphicon-search{
    font-size: 14px;
}
#custom-search-input .glyphicon-search:hover{
    color: #F21623;
}


.cstmdivider {float: left;width: 100%;height: 30px;}

.prodt-crsl2 {
	padding: 15px;
	list-style: none;
	background-color:rgba(255, 255, 255, 0.72);
	
}
.prodt-crsl2 li {color: #606060; font-size: 13px;font-weight: 500;line-height: 1.8em;margin: 0px 0 8px;text-align: left;}
.prodt-crsl2 li span {color: #555;font-weight: 500;}
.prodt-crsl2 input[type=checkbox], input[type=radio] {
    margin: 4px 6px 0 0;
    margin-top: 1px\9;
    line-height: normal;
}
.prodt-crsl2 li:last-child {margin: 0px 0 0px;}
.prodt-crsl3 {
	padding: 15px;
	list-style: none;
	background-color: #fff;
	border: 1px solid #999;
}
.prodt-crsl3 li {color: #606060; font-size: 13px;font-weight: 500;line-height: 1.8em;margin: 0px 0 8px;text-align: left;}
.prodt-crsl3 li:last-child {margin: 0px 0 0px;}
.prodt-crsl3 li span {color: #555;font-weight: 500;}
.prodt-crsl3 input[type=checkbox], input[type=radio] {
    margin: 4px 6px 0 0;
    margin-top: 1px\9;
    line-height: normal;
}
.title {
    display: inline-block;
    min-width: 90px;
}

#style-8::-webkit-scrollbar-track
{
	border: 1px solid #999;
	background-color: #F5F5F5;
}

#style-8::-webkit-scrollbar
{
	width: 5px;
	background-color: #F5F5F5;
}

#style-8::-webkit-scrollbar-thumb
{
	background-color: #000;	
}

/* Demo purposes only */
 /*-------dflt-css-------*/
.margintop {margin-top: 50px;}
.margin20top {margin-top: 20px;}
.pdng-none {
	padding-left: 0px !important;
	padding-right:0px !important;
}
.pdng5px-none {
	padding-left: 3px !important;
	padding-right: 5px !important;
}
.affix .logow {
    width: 300px;
	    margin: 0px 0 0 !important;
}


.entry {
  background: #FFF;
  border: 1px solid rgba(0,0,0,.15);
  box-shadow: -10px 10px 10px -10px rgba(0,0,0,.35), -10px 10px 0 -3px rgba(0,0,0,.2);
  margin: 10px auto 20px;
  max-width: 800px;
  overflow: hidden;
  padding: 20px 40px;
  position: relative;
  text-align: center;
}
.entry > p {
  padding: 20px 0 10px;
}
.entry > .grid {
  margin: 20px auto 0px;
}
.entry > .grid > .item {
  width: 50%;
}
.grid {
	max-width:1;
	list-style: none;
	margin: 30px auto;
	padding: 1;
}
.grid .item {
	display: block;
	float: left;
	padding: 2px;
	width: 33%;
	opacity: 1;
		height: 220px;
		overflow: hidden;
}
.grid .item a,.grid .item img {
	outline: none;
	border: none;
	display: block;
	max-width: 100%;

}
.grid.effect-2 .item.animate {
	-webkit-transform: translateY(200px);
	transform: translateY(200px);
	-webkit-animation: moveUp 0.65s ease forwards;
	animation: moveUp 0.65s ease forwards;
}

@-webkit-keyframes moveUp {
	0% { }
	100% { -webkit-transform: translateY(0); opacity: 1; }
}

@keyframes moveUp {
	0% { }
	100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
}





@media screen and (max-width: 900px) {
.grid .item {width: 50%;}
.entry {box-shadow: none;}
.entry > .grid > .item {width: 50%;}
}

@media screen and (max-width: 400px) {
.grid .item {width: 100%;}
.entry {padding: 20px 0;}
.entry > p {padding: 10px;}
.entry > .grid > .item {width: 100%;}
}

@media (max-width:991px){
.aboutbg-sec2,.diplyn980{display:none}
.logow{width:300px}
.about h4,.about h5,
.about p{text-align:center}
.about{padding:0 0 11%}
.button.round{left:330px!important}
.widthn991{width:inherit!important}
.srvc-text-sec{padding:10px 20px!important}
.imges-size{height:160px;overflow:hidden}
.lightbox-new img{width:275px;height:158px;overflow:hidden;background-size:100%}
.myproduct figure.snip1206{width:100%}
.mysltions{margin-bottom:0}
.dropdown-menu>li>a{color:#ccc!important}
.mymnavbar .dropdown-menu{margin-bottom:10px!important}
.container {width: 100% !important;}
.foooter-sec .srvcsubtxt {
    margin-top: 10px;
    text-align: center !important;
}
.foooter-sec ul li {
    text-align: center;
}
.prodt-crsl2 li {
    color: #606060;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.8em;
    margin: 0px 0 8px;
    text-align: left;
    float: left;
}
.prodt-crsl2 {
    float: left;
}
.mymnavbar2 nav.navbar ul.nav > li > a {
    margin: 0 1px;
    color: #fff;
}
.prdctrelate {
    float: left;
    width: 100%;
    margin: 0 !important;
    border-top: 1px solid #ddd;
}
.cstm-col-3sm2 {
    width: 33%;
    padding: 10px;margin: 0;
}
.hovereffect {
    width: 100%;
    height: auto;
}
.grid .item {
    height: auto;
}
.grid {
    max-width: 1;
    list-style: none;
    margin: 20px auto;
    padding: 1;
    float: left;
    width: 100%;
}
.cpoyrgt-sec p {
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.8em;
    margin: 0px;
    text-align: center;
}
.service-sec .carousel-indicators {
    position: absolute;
    bottom: 0px;
}
.affix .logow {

	    margin: 0px 0 0 !important;
}
.affix .logow {
    width: 300px;
	    margin: 3px 0 0 !important;
}
}



@media (max-width:800px){
.imges-size img{float:none;display:block;margin:auto}
.hovereffect{height:180px}
}
@media (max-width:768px){
.imges-size img{float:none;display:block;margin:auto}
.fade-carousel{position:relative;height:400px}
.fade-carousel .carousel-inner .item{height:400px}
.fade-carousel .slides .slide-1,
.fade-carousel .slides .slide-2,
.fade-carousel .slides .slide-3{height:400px;background-size:cover;background-position:center center;background-repeat:no-repeat}
.hero{position:absolute;top:50%;left:50%;width:80%}
.aboutbg-sec{background:url(../images/ideas-fingerna.jpg) bottom no-repeat fixed;background-size:100%;overflow:hidden;height:180px}
.cpoyrgt-sec {
    padding: 20px 0;
    background-color: #000;
}
.infrasture .container {padding-left:0!important;padding-right:0!important;}
.hovereffect {
    height: auto;
}
}
@media (max-width:767px){
figure.snip1327{width:100%!important}
.affix .navbar-brand{display:block;float:left!important;margin:-20px 0 0!important;padding-top:10px!important;z-index:9999}
.srvc-text-sec2 {
    padding: 20px 20px !important;
}
.foooter-sec .srvcsubtxt{margin-top:20px;text-align:center!important}
.ftr-tex-sec2 ul li {
    width: 100%;
    float: left;
}
.portfolioContainer {width: 600px;margin: auto;}

.bannertxt {
    font-size: 26px;
    margin: 0px 0 0px 0;
}
.prdtdtl .owl-carousel .item img {
    vertical-align: middle;
    width: 100%;
}
.prdtdtl .container {padding-left:0!important;padding-right:0!important;}
.prdtdtl .container .col-xs-12 {padding-left:0!important;padding-right:0!important;}
.cstm-col-3sm2 {
    width: 50%;
    padding: 10px;
    margin: 0;
}
.srvc-text-sec {
    margin-bottom: 0px;
    padding-bottom: 30px;
}
.srvc-text-sec .carousel-indicators {
    position: absolute;
    bottom: -40px;
}
.lightbox-new .container {padding-left:0!important;padding-right:0!important;}
.lightbox-new .col-lg-12 {padding-left:0!important;padding-right:0!important;}
.mymnavbar .affix .navbar-brand img {
    margin: 5px !important;
    max-width: 100%;
}

}
@media (max-width:640px){
.logow {
    width: 280px;
}
.hovereffect{height:auto}
.hovereffect h2{line-height:80px}
.owl-carousel .item{height:auto}
.separator span:after,
.separator span:before{content:"";position:absolute;border-bottom:1px solid rgba(200,200,200,.5);top:5px;width:140px}
.mybanner2{height:100px}
.mybanner2 .srvctxt{margin-top:150px}
.srvc-text-sec2{padding:15px 25px!important}
.myproduct figure.snip1206{width: 100%}
.cstm-col-3sm {
    width: 50%;margin: 0px !important;padding: 10px;
}
.affix .logow{width:250px!important;margin:0!important}
.mybanner .carousel-control{position:absolute;top:40%;bottom:0;left:0;width:30px;height:30px;font-size:9px!important}
.srvctxt{font-size:20px;margin-bottom:10px;text-align: center;}
.srvc-text-sec{margin-bottom:35px}
.portfolioContainer {width: 300px;margin: auto;}

.srvcsubpara {
    text-align: center !important;
	font-size: 15px;
line-height: 25px;
}
.service-sec .container .margintop {
    margin-top: 10px;
}
.service-sec .carousel {position: relative;}
.service-sec .carousel-indicators {
    position: absolute;
    bottom: 0px;
}
.srvc-text-sec .carousel-indicators {
    position: absolute;
    bottom: -40px;
}
.mymnavbar2 .navbar-brand {
    position: relative;
}

nav.navbar .navbar-toggle {
    margin-top: 10px;
}
nav.navbar .navbar-brand {
    display: block;
    float: left !important;
    margin: 0 !important;
    padding-top: 5px;
    z-index: 9999;
    margin-top: 0px !important;
}
nav.navbar .navbar-header {
    padding: 0px 0px;
}
.mymnavbar2 nav.navbar .navbar-toggle {
    display: block;
    float: right;
    margin-right: 10px;
    margin-top: 8px;
    margin-bottom: 0px !important;
}
nav.navbar .navbar-header {
    float: none;
    display: block;
    text-align: center;
    padding: 3px 0px 0 !important;
}
.lightbox-new .col-md-3{padding-left:0!important;padding-right:0!important}
.cstm-col-3sm {
    width: 100%;
    margin: 0px !important;
    padding: 0px;
}
.info {
    outline: none;
    border: none;
    display: none !important;
    max-width: 100%;
}
.mymnavbar2 .affix .navbar-brand {
    z-index: 9999;
    margin-top: -00px !important;padding:0 0 10px !important;
}
.srvc-text-sec2 {
    padding: 15px 15px !important;
}
.logow {
    width: 300px;
}
.mymnavbar .navbar-toggle {
    margin-right: 20px !important;
}
.mymnavbar .navbar-brand {
    display: block;
    float: left !important;
    margin: 0 !important;
    padding-top: 5px;
    z-index: 9999;
    margin-top: 0px !important;
    position: relative;
}
}
@media (max-width: 480px){
.cstm-col-3sm {
    width: 100%;margin: 10px 0 !important;padding: 0px;
}
.title {
    display: inline-block;
    min-width: 80px;
}
.cstm-col-3sm2 {
    width: 100%;
    padding: 10px;
    margin: 0;
}
.grid .item {
    width: 100%;
}
nav.navbar .navbar-toggle {
    position: relative;
    padding: 10px 0;
}
}
@media (max-width:400px){
.hero h1,.hero p{text-align:center}
nav.navbar .navbar-brand{display:block;float:left!important;margin:-8px 0 0!important;padding-top:5px;z-index:9999}
.logow{width:250px}
.hero h1{font-size:22px;line-height:30px;margin-bottom:20px}
.morebtn2{margin:auto;display:block;float:none}
.fade-carousel{position:relative;height:300px}
.fade-carousel .carousel-inner .item{height:300px}
.fade-carousel .slides .slide-1,
.fade-carousel .slides .slide-2,
.fade-carousel .slides .slide-3{height:300px;background-size:cover;background-position:center center;background-repeat:no-repeat}
.aboutbg-sec{display:none}
.pdng400nn{padding-left:0!important;padding-right:0!important}
.myproduct figure.snip1206{width:97%}
#sync1 .item{height:200px}
}
@media (max-width:320px){
.portfolioContainer{width:260px;margin:auto}
.separator span::after,
.separator span::before{width:110px}
}