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

              /* font-face */

@font-face {
    font-family: 'oswaldregular';
    src: url('../font/oswald-regular-webfont.eot');
    src: url('../font/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/oswald-regular-webfont.woff2') format('woff2'),
         url('../font/oswald-regular-webfont.woff') format('woff'),
         url('../font/oswald-regular-webfont.ttf') format('truetype'),
         url('../font/oswald-regular-webfont.svg#oswaldregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotolight';
    src: url('../font/roboto-light-webfont.eot');
    src: url('../font/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/roboto-light-webfont.woff2') format('woff2'),
         url('../font/roboto-light-webfont.woff') format('woff'),
         url('../font/roboto-light-webfont.ttf') format('truetype'),
         url('../font/roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotoregular';
    src: url('../font/roboto-regular_0-webfont.eot');
    src: url('../font/roboto-regular_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/roboto-regular_0-webfont.woff2') format('woff2'),
         url('../font/roboto-regular_0-webfont.woff') format('woff'),
         url('../font/roboto-regular_0-webfont.ttf') format('truetype'),
         url('../font/roboto-regular_0-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
		/* font-face */


* {
	margin:0px;
	padding:0px;
	border:none;
	border-collapse:collapse;outline:none !important;
}

body {
	margin:0px;
	padding:0px;
	border:none;
	border-collapse:collapse;	
}


a{ text-decoration: none; color: #606060;}
a:hover { text-decoration:none; color: #000;}



/********** GLOBAL STYLES **********/
.clear{ clear: both;}
h1{color:#ffffff; font-family:robotoregular;font-weight:normal; font-size:22px;padding:10px 0px;text-align:left; position:relative;}

.h1-b{color:#fff; text-align:left;font-size:21px; font-family:robotoregular; font-weight:normal;position:relative; 
padding:10px 0px 10px 8px;background: #7b7878; margin-bottom:20px;}


h2{color:#80b047;font-size:18px; font-family:robotoregular; font-weight:normal;padding:6px 0px;text-align: left;position:relative;/* text-transform:uppercase */}

h2 span{ color:#006b97;/* text-transform:uppercase; font-weight:bold; */}

.h2-white{color:#fff; text-align:center; border-bottom:1px solid #fff; padding-bottom:18px;font-size:18px; font-family:robotoregular; font-weight:normal;position:relative;}


.h2-b{color:#fff; text-align:left;font-size:18px; font-family:robotoregular; font-weight:normal;position:relative; 
padding:10px 0px 10px 8px;
background: #03487d; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-linear-gradient(top, #0b65b1 0%, #03487d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0b65b1), color-stop(100%,#03487d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #0b65b1 0%, #03487d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #0b65b1 0%, #03487d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #0b65b1 0%, #03487d 100%); /* IE10+ */
background: linear-gradient(to bottom, #0b65b1 0%, #03487d7 100%)); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b65b1', endColorstr='#03487d',GradientType=0 ); /* IE6-8 */}
/* 
.bg-h2{color:#4e4c4c;font-size:18px; font-family:robotoregular; font-weight:normal;padding:6px 0px;text-align: left;position:relative; background: url(../images/h2-divider.png) bottom left  repeat-x ;padding-bottom:15px;} */

h3{color:#03477c; font-size:16px; font-family:robotoregular;font-weight:normal;padding:6px 0px;  text-align:left; margin-left:0px; line-height:20px;}
h4{color:#0b56a5; font-size:14px; font-family:robotoregular;font-weight:normal;padding:6px 0px;  text-align:left; margin-left:0px; line-height:20px; text-transform:uppercase}




.bdrnone{ border:none;}
.color1{ color:#000 !important;}

.colg{color:#919191 !important}
.color2{ color:#fcff00 !important;}
.m0p0{ margin:0; padding:0 !important;}
.textalign{ text-align:center;}
.textalignleft{ text-align:left;}
.m0{ margin:0;}
.m5{ margin:5px;}
.m10{ margin:10px;}
.DisNone{ display:none; }
.breakline{ border-bottom:2px solid #940541;}
.bdr-bottom{ border-bottom:1px solid #fff; padding:10px 0 5px 0;}
.col1{ color:#000;}
.fr{ float:right !important;}
.fl{ float:left;}
#bn{ border:none}
.bn{ background:none !important}
.fsize16{ font-size:16px;}

.br{ border-right:1px solid #c9c9c9}

hr{ border:1px   solid #ccc; width:100%; margin:2px 0px; padding:0px;}

.mtb{
	margin:10px 0;	
}



width size
.w5{ width:5px;}
.w10{ width:10px;}
.w50{ width:50px !important;}
.w80{ width:80px;}
.w100{ width:100px;}
.w110{ width:110px;}
.w115{ width:115px;}
.w120{ width:120px;}
.w150{ width:150px !important;}
.w160{ width:160px;}
.w170{ width:170px;}
.w180{ width:180px;}
.w190{ width:190px;}
.w200{ width:200px;}
.w238{ width:238px;}
.w250{ width:250px;}
.w260{ width:260px;}
.w270{ width:270px;}
.w280{ width:280px;}
.w290{ width:290px !important;}
.w300{ width:300px !important;}
.w310{ width:310px;}
.w320{ width:320px;}
.w330{ width:330px;}
.w340{ width:340px;}
.w350{ width:350px;}
.w610{ width:610px;}
.fullWidth{ width:100%;}

margin-top
.mT0{ margin-top:0px;}
.mT5{ margin-top:5px;}
.mT10{ margin-top:10px;}
.mT15{ margin-top:15px;}
.mT20{ margin-top:20px;}
.mT25{ margin-top:25px;}
.mT30{ margin-top:30px;}
.mT40{ margin-top:40px;}
.mT50{ margin-top:50px !important;}
.mT60{ margin-top:60px !important;}

margin-left
.mL0{ margin-left:0px;}
.mL5{ margin-left:5px;}
.mL10{ margin-left:10px;}
.mL15{ margin-left:15px;}
.mL20{ margin-left:20px;}
.mL25{ margin-left:25px;}
.mL30{ margin-left:30px;}
.mL40{ margin-left:40px;}

margin-right
.mR0{ margin-right:0;}
.mR2{ margin-right:2px;}
.mR5{ margin-right:5px;}
.mR10{ margin-right:10px;}
.mR12{ margin-right:12px;}
.mR14{ margin-right:14px;}
.mR15{ margin-right:15px;}
.mR18{ margin-right:18px;}
.mR20{ margin-right:20px;}
.mR21{ margin-right:21px;}
.mR22{ margin-right:22px;}
.mR23{ margin-right:23px;}
.mR24{ margin-right:24px;}
.mR25{ margin-right:25px;}
.mR30{ margin-right:30px !important;}
.mR40{ margin-right:40px !important;}
.mR45{ margin-right:45px !important;}
.mR50{ margin-right:50px !important;}
.mR55{ margin-right:55px !important;}
.mR60{ margin-right:60px !important;}
.mR65{ margin-right:65px !important;}
.mR70{ margin-right:70px !important;}

margin-bottom
.mB0{ margin-bottom:0px;}
.mB5{ margin-bottom:5px;}
.mB10{ margin-bottom:10px;}
.mB15{ margin-bottom:15px !important;}
.mB20{ margin-bottom:20px !important;}
.mB45{ margin-bottom:45px !important;}

padding
.p0{ padding:0;}
.p5{ padding:5px;}
.p10{ padding:10px;}
.p15{ padding:15px;}
.p20{ padding:20px;}
.p25{ padding:25px;}
.p30{ padding:30px;}

padding-top
.pT0{ padding-top:0px;}
.pT5{ padding-top:5px;}
.pT10{ padding-top:10px;}
.pT15{ padding-top:15px;}
.pT20{ padding-top:20px;}
.pT25{ padding-top:25px;}
.pT13{ padding-top:13px;}
.m15{ margin-top:15px;}

padding-bottom
.pB0{ padding-bottom:0px;}
.pB5{ padding-bottom:5px;}
.pB10{ padding-bottom:10px;}
.pB15{ padding-bottom:15px;}

padding-left
.pL0{ padding-left:0px;}
.pL5{ padding-left:5px;}
.pL10{ padding-left:10px;}
.pL15{ padding-left:15px;}

padding-right
.pr0{ padding-right:0;}
.pr5{ padding-right:5px;}
.pr10{ padding-right:10px;}
.pr15{ padding-right:15px;}
.pr25{ padding-right:25px;}
.pr30{ padding-right:30px;}




text-align
.txtCntAlign{ text-align:center !important;}
.txtLeftAlign{ text-align:left;}
.txtRightAlign{text-align:right;}
.txtJustAlign{ text-align:justify;}

strong,b{ font-weight:bold;}

/********** GLOBAL STYLES **********/

::selection {
       background-color:#FBCF65;
       color:#000;
}

::-moz-selection {
       background-color: #FBCF65;
       color:#000}
	   
	   
	   

.clear{ clear:both}
.wrap {
	width:100%;
	height:auto;
	float:left;

}
header {
	 background: #fefefe;
	 width:100%; height:auto;
	 float:left;
	/* padding:10px 0!important;  */
	border-bottom: 1px solid #404040;
}

/* Logo */

.logo {
	width:auto;
	height:auto;
}

.logo a{
	width: auto;
	float:left;
	height:auto;	
}
.teambg {width:100%;
         background:#f0eee8;
}
nav ul li a{
	font-family:'roboto_slabregular';
	font-size:15px;

}
/* Socia */
#contact1{width:100%;float:right; height:auto;}
#contact1 ul{width:auto;float:right;list-style:none;}
#contact1 ul li{float:left; font-family:robotoregular; font-size:14px; color:#404040; font-weight:normal;text-align:left;text-decoration:none;line-height:25px;margin-left: 20px;border-left: 1px solid #efefef;    padding: 5px 0px 0 10px;}
#contact1 ul li a{font-family:robotoregular; font-size:14px; color:#404040; font-weight:normal;margin:0px 0px; text-align:right;text-decoration:none;}
#contact1 ul li a:hover{color:#000; text-decoration:underline}
#contact1 ul li a.active{color:#000;}
#textright {
	float:right; 
	text-align:right; display:inline-block;
	 }
.row {
	width:100%;
	float:left;	height:auto;
	
}
footer {width:100%;
float:left;
 height:auto;
 position:relative;
 margin:0px;
 padding:0px;
}



footer p{
	text-align:left; text-decoration:none; font-size:13px; font-family:robotoregular; font-style:normal; color:#fff; padding:10px 0px; margin:0px; line-height:24px;}
	
footer p span{
	text-align:center; }

footer p a{
	text-align:left; text-decoration:none; color:#fff;}
 	
footer p a:hover {
	text-align:left; text-decoration:underline; color:#EABC51;}

.footer-img{ margin:0px ; padding:0px; float:none; text-align:center}

footer h2 { color:#fff;}





section{width:100%; margin:0px; padding:0px; height:auto; float:left}



.breadcrum{ width:100%; float:left;height:auto;}

.breadcrum ul{ width:auto;float:left; list-style:none}
.breadcrum ul li{width:auto;float:left;color:#000;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:14px;
padding:10px 5px;list-style:none; text-align:center}
.breadcrum ul li a{width:auto;float:left;color:#000;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:14px;
list-style:none; text-align:center}
.breadcrum ul li a:hover{color:#000; text-decoration:underline}
.breadcrum ul li a.active{color:#000; font-weight:bold}
#border-r{ border-right:none !important}

#bgcol{ background:#f0eee8}
#box-shadow{box-shadow:inset 0 0 8px -2px #a49876;}



.content{ width:100%; float:left;height:auto;}
 h1{color:#000;font-family: Arial, Helvetica, sans-serif;font-weight: normal;font-size: 36px;padding-top:15px;padding-bottom: 15px;text-align:left;}
.content p{ text-align: justify; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#3e3e3e; padding:0px; margin:0px; line-height:24px; margin:0px;}
.welcome-img{margin-left:20px; padding:0px; width:100%;height:auto; float:left; border:4px solid #dddddd; margin-top:20px;}



.side-section{ width:100%; float:left;height:auto;
background: #fff9e6; 
border: 2px solid #ffd0a5;
}

.mar-tb{ margin-top:20px; margin-bottom:10px;}

#fl-r{ float:right}

#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
display:none;
}

.nbs-flexisel-container {
    position:relative;
    max-width:100%;
}
.nbs-flexisel-ul {
    position:relative;
    width:9999px;
    margin:0px;
    padding:0px;
    list-style-type:none;   
    text-align:center;  
}

.nbs-flexisel-inner {
    overflow:hidden;
    float:left;
    width:100%;
    background:transparent;
    padding:25px 0px;
}

.nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
    line-height:0px;
}
.nbs-flexisel-item img {
    width: 100%;
    cursor: pointer;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    max-width:150px;
    max-height:80px;
}

/*** Navigation ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    width: 22px;
    height: 22px; 
    position: absolute;
    cursor: pointer;
    z-index: 100;
    opacity: 0.5;
}
#fr{ float:right}

.borderb6{ border-bottom:6px solid #044c86;}

.mosaicflow__column {
	float:left;
	}

.mosaicflow__item {
	position:relative;
	}
	.mosaicflow__item img {
		display:block;
		width:100%;
		height:auto; max-height:260px;
		}
		
		.mosaicflow__item img:hover {
		display:block;opacity:0.9;
		width:100%;
		height:auto; max-height:260px;
		}
		
		
	.mosaicflow__item p {
		position:absolute;
		bottom:0;
		left:0;
		width:100%;
		margin:0;
		padding:20px 20px; background: url(../images/loading-page/p-bg.png) left top  repeat-x;
		color:#fff;
		font-size:30px; font-family:'alegreya_sansregular';
		text-shadow:1px 1px 1px hsla(0,0%,0%,.75);
		opacity:1;
		-webkit-transition: all 0.4s cubic-bezier(0.23,1,0.32,1);
		   -moz-transition: all 0.4s cubic-bezier(0.23,1,0.32,1);
		     -o-transition: all 0.4s cubic-bezier(0.23,1,0.32,1);
		        transition: all 0.4s cubic-bezier(0.23,1,0.32,1);
		}
	.mosaicflow__item:hover p {
		opacity:0.6;
		}
		
.enter{ width:100%; float:left; height:auto; margin-top:10px;}
.enter span a{margin:0px; padding:2px 5px;text-align:center;color:#fff;float:right;line-height:42px;font-size:26px;font-family:robotoregular;margin-right:20px;}
.enter span a:hover{margin:0px; padding:2px 5px;text-align:center;color:#fff;float:right;line-height:42px; margin-right:20px; text-decoration:underline }



.more-btn {
  color: #0b66b3;
  background-color:none;
  border-color:transparent; font-family:robotoregular; font-size:13px;
}
more-btn:hover{
  color: #0b66b3; text-decoration: none;
   background-color:none;
  border-color:transparent;
}



.cont-nav{margin:0px;padding:5px 10px 10px 0px;}
.cont-nav ul{margin:0px;padding:0px;}
.cont-nav li{margin:0px;padding:5px 0px 10px 20px;font-family:robotoregular;font-size:14px;font-weight:normal; color:#534b4b;text-decoration:none;list-style:none;line-height:25px; background: url(../images/bullet-arrow1.png) left center no-repeat;}
.cont-nav li a,.cont-nav li a:link,.cont-nav li a:visited{margin:0px;padding:0px; color:#534b4b;text-decoration:none; list-style:none;}
.cont-nav li a:hover,.cont-nav li a.active{margin:0px; padding:0px;color:#0b66b3;text-decoration:none;list-style:none;-moz-transition: 0.4s ease-in-out 0s;-ms-transition: 0.4s ease-in-out 0s;-webkit-transition: 0.4s ease-in-out 0s;transition: 0.4s ease-in-out 0s;}
.contact-nav{margin:0px;padding:5px 10px 10px 0px;}
.contact-nav ul{margin:0px;padding:0px;}
.contact-nav li{margin:0px;padding:0px 0px 5px 0px;font-family:robotoregular;font-size:14px;font-weight:normal; color:#FFF;text-decoration:none;list-style:none;line-height:22px; /* border-bottom:1px   solid #4a4a4a */}
.contact-nav li a,.contact-nav li a:link,.contact-nav li a:visited{margin:0px;padding:0px; color:#FFF;text-decoration:none; list-style:none;}
.contact-nav li a:hover,.contact-nav li a.active{margin:0px; padding:0px;color:#EABC51;text-decoration: underline;list-style:none;-moz-transition: 0.4s ease-in-out 0s;-ms-transition: 0.4s ease-in-out 0s;-webkit-transition: 0.4s ease-in-out 0s;transition: 0.4s ease-in-out 0s;}



.footer-nav{margin:0px;padding:10px 10px 10px 0px;}
.footer-nav ul{margin:0px;padding:0px;}
.footer-nav li{margin:0px;padding:5px 0px 5px 20px;font-family:robotoregular;font-size:14px;font-weight:normal; color:#fff;text-decoration:none;list-style:none;line-height:25px; background: url(../images/bullet-arrow.png) left center no-repeat; 
}
.footer-nav li a,.footer-nav li a:link,.footer-nav li a:visited{margin:0px;padding:0px; color:#fff;text-decoration:none; list-style:none;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;}
.footer-nav li a:hover,.footer-nav li a.active{margin:0px; padding:0px;color:#ebbd4f;text-decoration:underline;list-style:none;-moz-transition: 0.4s ease-in-out 0s;-ms-transition: 0.4s ease-in-out 0s;-webkit-transition: 0.4s ease-in-out 0s;transition: 0.4s ease-in-out 0s;margin-left:10px;text-decoration:none;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;}

#footer-icon{ float:left; margin:4px 10px 5px 0px ; padding:0px;}		
		
		
.btn-white {
 background:#fff;
  color: #0b66b3;
 border-radius:20px;
}



.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #000; /* border-radius:20px; */
  background:transparent;
 
}




.social {
	margin:0;
	float:right;
	    padding: 5px 0px;
}

.social ul {
	float:left;
	list-style:none;
	margin:0px;
	padding:0px 0px 0 10px;
}

.social ul li {
	float:left;
	margin:0px 5px 0 0;
	padding:0px;
}


.social ul li a:hover {
opacity:0.5;
}

#elevator_item {
width: 100px;
height: 80px;
position: absolute;
right: 0;
    bottom: 20px;
-webkit-transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
opacity: 1;
z-index: 100020;
display: none;
}

#elevator_item.off {
opacity: 0;
visibility: hidden
}

#elevator {
display: block;
width: 50px;
height: 50px;
background: url(../images/icon_top1.png)top center no-repeat;
background-color: transparent;

/* box-shadow: 0 1px 3px rgba(0,0,0,.2); */
cursor: pointer;
margin-bottom: 10px; text-align:center; line-height:80px; color:#fff;
 }

#elevator:hover {
color:#fff;
}

#elevator:active {
color:#fff;
}

.matrix-logo-img{ margin:0px 2px; float:none}



#camera_wrap_4{ height:100%;margin-bottom: 0!important;}


.slider-wrapper { 
	width: 100%; 
	margin: 0; float:left;
	border-bottom: 5px solid #F5BC32;
}

/* rakesh */


/* nav */
.mamenu
{
     background-color: #FEFEFE;
	border-bottom: 5px solid #f5bc32;
}
.nav [class^="icon-"], .nav [class*=" icon-"]
{
font-size: 25px;
}
/* end */

/* slider */
.slider
{
   /*  border-top: 5px solid #f5bc32; */
}
/* .nivo-caption
{
display:none!important;
} */
#slider{
position:relative;	
}
#slider:before
{

}
#slider:after
{

}
a.nivo-prevNav
{
margin-left: 10%;
}
a.nivo-nextNav
{
margin-right:10%;
}
/* end */


/* accordion menu */
.glyphicon { margin-right:10px; }
.panel-body { padding:0px; }
.panel-body table tr td { padding-left: 15px }
.panel-body .table {margin-bottom: 0px; }
i.icon-plus {
float: right;
color: #850710;
}

/* end */

/* social media */
span.sbox {
background: #850710;
padding: 10px;
}

#sdiv{
width:100%;
float:left;
height:auto;
margin-top: 10px;
}


#sdiv ul{width:auto;float:left;list-style:none;}


#sdiv ul li{
float:left;
font-family:robotoregular; 
font-size:14px; 
color:#edc957; 
font-weight:normal;
margin:0px 5px; 
text-align:right;
text-decoration:none;
/* padding:5px 10px; */
line-height:20px;

}

#sdiv ul li a{float:left; font-family:robotoregular; font-size:14px; color:#fff; font-weight:normal;margin:0px 5px; text-align:right;text-decoration:none;}

#sdiv ul li a:hover{color:#000; text-decoration:underline}
#sdiv ul li a.active{color:#000;}

li.t-li {
border: none!important;
}

/* end */
/* product */

.col-b{
 color:#000 !important; 
 text-align: center;
font-size: 16px;
    font-family: sinkin_sans400_regular;
 }
 p.item-info {
color: #d63131;
text-align: center;
font-size: 16px;
}
p.item-info-1 {
color: #d63131;
text-align: center;
font-size: 16px;
}
/* end */ 

/* testimonial */
.tname
{
float:right;
color: #dc9518;
font-size: 16px;
font-weight: bold;
}
/* end */

/* footer */
i.icon-phone,i.icon-envelope {
color: #006B97;
}
.fh2
{
color:#fff;
border-bottom: 1px solid #EABC51;
    padding-bottom: 10px;
}
.f2
{
border-top:2px solid #d2b85b;
}

/* end */


/* media screen start */
@media screen and (max-width:500px)
{
  .img.logo
  {
	margin-left: 50px;
  }
  #social-sidebar
  {
  display:none!important;
  }
 
}
@media screen and (min-width:980px)
{
#tmenu ul li,#tmenu ul li a
{
font-size: 15px!important;
}
 .col-xs-12
 {
padding-left: 10px!important;
padding-right: 10px!important;
 }
}
/* media screen end */


/* about us */
h2.title{
padding: 10px 0px;

}
/* a:hover [class^="icon-"]
{
color:#fff;
} */
h3 span {
    color: #333333;
    font-size: 12px;
}
/* end */

/* img on hover effect */
img.grow
{
 -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -o-transition: all 1s ease; /* IE 9 */
    -ms-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
        max-width: 100%;
}
img.grow:hover 
{
 -webkit-transform:scale(1.1); /* Safari and Chrome */
    -moz-transform:scale(1.1); /* Firefox */
    -ms-transform:scale(1.1); /* IE 9 */
    -o-transform:scale(1.1); /* Opera */
     transform:scale(1.1);
}

/* img on hover effect end */

/* product page */
.pbox ul {
padding: 0;
list-style: none;
}
.pbox ul li {
margin: 10px 10px 10px 10px;
}
.pbox ul li {
display: inline-block;
margin-left: 10px;
}
.pbox p span {
margin-top: 2%;
font-size: 1.5em;
color: #79060f;
line-height: 1.8em;
text-shadow: 0 1px 0 #ffffff;
letter-spacing: 1px;
font-weight: bold;
}
.pbox {
background: #F7EDCA;
padding: 10px;
border-left: 2px solid #75060f;
}
/* end */

/* cart page */
.cart_menu {
background: #F7EDCA;
color: #444;
font-size: 16px;
font-weight: normal;
}
.cart_info table tr td {
border-top: 0 none;
vertical-align: inherit;
}
.c_area {
border: 1px solid #ffd0a5;
color: #696763;
padding: 30px 15px 30px 15px;
background: #F7EDCA;
/* margin-bottom: 10px; */
}
.co_area ul li {
background: #dcaf3d;
color: #fff;
margin-top: 10px;
padding: 7px 20px;
}
.co_area span {
float: right;
}
/* end */

/* checkout */
.registration_form input[type="text"], .registration_form input[type="email"], .registration_form input[type="tel"], .registration_form input[type="password"], .registration_form textarea {
border-radius: 4px;
padding: 8px;
display: block;
width: 100%;
outline: none;
font-family: 'Open Sans', sans-serif;
font-size: 0.8925em;
color: #333333;
-webkit-appearance: none;
background: #FFFFFF;
border: 1px solid #edc957;
font-weight: normal;
}
label {
display: block!important;
margin-bottom: 0!important;
font-weight: normal!important;
}
.registration_form div {
padding: 10px 0;
}
/* end */

/* my-account */
form.form-horizontal div {
margin-bottom: 10px;
}
.form-control1 {
display: block;
width: 50%;
height: 35px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #edc957;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
div#my-tab-content {
padding: 10px;
border: 1px solid #edc957;
margin-bottom: 10px;
}
/* end */

/* latest news */
.ticker {
height: 170px;
overflow: hidden;
/* border: 1px solid #DDD; */
margin: 0;
padding: 0;
list-style: none;
/* border-radius: 5px; */
/* box-shadow: 0px 0px 5px #DDD; */
}
#ticker li {
height: 80px;
border-bottom: 1px dotted #ffd0a5;
padding: 10px;
margin: 0px 5px;
}
span.news
{
float:right;
}
#ticker_02 {
height: 120px;
}
/* end */

/* Breadcrumb Trail Navigation  */
.breadcrumb {
margin-top: 10px;
 float: right;
 position: relative;
}
.breadcrumb>li {
display: inline-block;
}
.breadcrumb>li a {
color:#000;
}


/* end */

/* new Category page */ 
.photo-grid {
	margin: 1em auto;
	max-width: 1106px;
	text-align: center;
}
 
.photo-grid li {
	border: 1px solid #ffd0a5;
	display: inline-block;
	margin: 1em;
	width: 29%;
	float:left;
	padding-bottom: 40px;
	position: relative;
	overflow: hidden;
}
 
.photo-grid img {
	display: block;
	height: auto;
	max-width: 100%;
}
 
.photo-grid figure {
height: 200px;
	overflow: hidden;
	position: relative;
	width: 100%;
}
 
.photo-grid figcaption {
	background: rgba(0,0,0,0.8);
	color: white;
	display: table;
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 100;
}
 
.photo-grid figcaption p {
	display: table-cell;
	font-size: 1.5em;
	position: relative;
	top: -40px;
	width: 289px;
	vertical-align: middle;
} 
.photo-grid li:hover figcaption {
	opacity: 1;
}
.photo-grid img {
	display: block;
 height: 100%;
	-webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	transition: all 300ms;
	max-width: 100%;
	    width: 100%;
}
 
.photo-grid li:hover img {
	-webkit-transform: scale(1.4);
	-moz-transform: scale(1.4);
	transform: scale(1.4);
}
.photo-grid figcaption p {
color: #000;
	display: table-cell;
	font-size: 14px;
	position: relative;
	top: -40px;
	width: 289px;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
	vertical-align: middle;
	text-align: center;
}
 
.photo-grid li:hover figcaption p {
	-moz-transform: translateY(40px);
	-webkit-transform: translateY(40px);
	transform: translateY(40px);
}
.photo-grid figcaption {
	background: rgba(255, 255, 255, 0.7);
	color: #000;
	display: table;
	height: 100%;
	width: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	transition: all 300ms;
	-webkit-transition-delay: 100ms;
	-moz-transition-delay: 100ms;
	transition-delay: 100ms;
	z-index: 100;
}
a.cart-btn:hover {
background: #dcaf3d;
color: #fff;
padding: 10px;
border-radius: 5px;
}
a.cart-btn {
background: #FCC63E;
color: #000;
padding: 10px;
border-radius: 5px;
}
p.p_title {
text-align: center;
font-size: 18px;
padding-top: 10px;
font-family: roboto_slabregular;
}

.photo-grid li:hover {
border: solid 1px #EEEFF1;
z-index: 1;
box-shadow: 0 0 10px #CCC;
}

@media only screen and (max-width: 480px)
{
.photo-grid li {
width: 98%!important;
float: left;
border: 1px solid #ffd0a5;
 margin: 0;
}
.photo-grid figure {
height: 250px;
	overflow: hidden;
	position: relative;
	width: 100%;
}
}
@media only screen and (max-width: 768px){
.photo-grid li {
transition: All 1s ease;
-webkit-transition: All 1s ease;
-moz-transition: All 1s ease;
-o-transition: All 1s ease;
width: 43%;
float: left;
margin-bottom: 10px !important;
}
}
/* @media only screen and (min-width: 768px)
{
.photo-grid li {
width: 29%;
float: left;
}
} */
@media only screen and (min-width: 992px)
{
.photo-grid li {
width: 22%;
float: left;
}
}
@media screen and (max-width:991px) and (min-width:768px)
{
.photo-grid li 
{
width: 27%;
}
}

/* end */
/*ribbon */

.ribbon {
 /*  background-color: #a00; */
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
left: -58px;
padding: 1px;
top: 24px;
  -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
width: 200px;
z-index: 9999;
	background: #54bc3e;
	background: -moz-linear-gradient(top,  #D63131  0%,#D63131  100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#54bc3e), color-stop(100%,#aee850));
	background: -webkit-linear-gradient(top,  #D63131  0%,#D63131  100%);
	background: -o-linear-gradient(top,  #D63131  0%,#D63131  100%);
	background: -ms-linear-gradient(top,  #D63131  0%,#D63131  100%);
	background: linear-gradient(to bottom, #D63131  0%,#D63131  100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54bc3e', endColorstr='#aee850',GradientType=0 );
	/* border: 1px solid #1d6511; */

}
.ribbon:before {
	content: "";
	width: 220px;
	height: 6px;
  top: 0px;
	display: block;
	position: absolute;
	left: 5px;

	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;

	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0.7) 8%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(8%,rgba(255,255,255,0.7)), color-stop(100%,rgba(255,255,255,0)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.7) 8%,rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.7) 8%,rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.7) 8%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.7) 8%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
}

.ribbon p {
/* border: 1px solid #f4d868; */
/* color: #FAEBAE; */color: #fff;
  display: block;
  font:  14px 'roboto_slabregular', Helvetica, sinkin_sans400_regular;
  margin: 1px 0;
  padding: 2px 0px;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 0 5px #444;
width: 200px;
}


.pick {
 background: -moz-linear-gradient(top, #4B9BEC 0%,#5C9EEF 100%);
  background: -webkit-linear-gradient(top, #4B9BEC 0%,#5C9EEF 100%);
  background: -o-linear-gradient(top, #4B9BEC 0%,#5C9EEF 100%);
  background: -ms-linear-gradient(top, #4B9BEC 0%,#5C9EEF 100%);
  background: linear-gradient(to bottom, #4B9BEC 0%,#5C9EEF 100%);

}

.l_pick {
  border-color: transparent #3885D3 transparent transparent!important;
}
.r_pick {
border-color: transparent transparent transparent #3885D3!important;
}


.reserved {

  background: -moz-linear-gradient(top, #7525D3 0%,#C14AE0 100%);
  background: -webkit-linear-gradient(top, #7525D3 0%,#C14AE0 100%);
  background: -o-linear-gradient(top, #7525D3 0%,#C14AE0 100%);
  background: -ms-linear-gradient(top, #7525D3 0%,#C14AE0 100%);
  background: linear-gradient(to bottom, #7525D3 0%,#C14AE0 100%);
}
.l_reserved {
  border-color: transparent #7329CB transparent transparent!important;
}
.r_reserved {
  border-color: transparent transparent transparent #7329CB!important;
}
.special {
  background: -moz-linear-gradient(top, #F5540E 0%,#CE5116 100%);
  background: -webkit-linear-gradient(top, #F5540E 0%,#CE5116 100%);
  background: -o-linear-gradient(top, #F5540E 0%,#CE5116 100%);
  background: -ms-linear-gradient(top, #F5540E 0%,#CE5116 100%);
  background: linear-gradient(to bottom, #F5540E 0%,#CE5116 100%);
}
.l_special {
  border-color: transparent #D75214 transparent transparent!important;
}
.r_special {
  border-color: transparent transparent transparent #D75214!important;
}
.featured {
  background: -moz-linear-gradient(top, #14A367 0%,#10AB5F 100%);
  background: -webkit-linear-gradient(top, #14A367 0%,#10AB5F 100%);
  background: -o-linear-gradient(top, #14A367 0%,#10AB5F 100%);
  background: -ms-linear-gradient(top, #14A367 0%,#10AB5F 100%);
  background: linear-gradient(to bottom, #14A367 0%,#10AB5F 100%);
}
.l_featured {
  border-color: transparent #057640  transparent transparent!important;
}
.r_featured {
  border-color: transparent transparent transparent #057640 !important;
}


/* ribbon end */



/* new ribbon after before strt */
 .triangle-l {
	border-color: transparent #860404 transparent transparent;
	border-style:solid;
	border-width:15px;
	height:0px;
	width:0px;
	position: relative;
	left: -23px;
  top: 75px;
	z-index: -1;
}

.triangle-r {
	border-color: transparent transparent transparent #860404;
	border-style:solid;
	border-width:15px;
	height:0px;
	width:0px;
	position: relative;
	left: 75px;
  top: -54px;
	z-index: -1; 
	 -webkit-transform: rotate(-90deg);
     -moz-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
       -o-transform: rotate(-90deg);
          transform: rotate(-90deg);
} 
 .triangle-lh {
	border-color: transparent transparent transparent transparent;
	border-style:solid;
	border-width:15px;
	height:0px;
	width:0px;
	position: relative;
	left: -23px;
  top: 91px;
	z-index: -1;
}

.triangle-rh {
	border-color: transparent transparent transparent transparent;
	border-style:solid;
	border-width:15px;
	height:0px;
	width:0px;
	position: relative;
	left: 94px;
  top: -54px;
	z-index: -1; 
	 -webkit-transform: rotate(-90deg);
     -moz-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
       -o-transform: rotate(-90deg);
          transform: rotate(-90deg);
} 

.photo-grid figure{
margin-top: -54px;
  border: 1px solid;
  width: 97%;
  margin-left: 6px;
}
.photo-grid li
{
  border: none;
}
.photo-grid li:hover
{
  border: none;
}
/* new ribbon after before end */


/* table in product page */
.tg  {border-collapse:collapse;border-spacing:0;width:100%;}
.tg td{font-family:sinkin_sans400_regular;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:rgb(220, 149, 25);  padding-left: 10px;}
.tg th{font-family:sinkin_sans400_regular;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:rgb(220, 149, 25);}
.tg .tg-e3zv{font-weight:bold;  padding-left: 10px;}
/* table in product page  end*/

.product_social {
  float: right;
}
.product_social ul li {
  float: left;
  margin-left: 5px;
}

.stylish-input-group .input-group-addon{
    background: white !important; 
}
.stylish-input-group .form-control{
	border-right:0; 
	box-shadow:0 0 0; 
	border-color:#ccc;
}
.stylish-input-group button{
    border:0;
    background:transparent;
}
span.icon-search {
    color: #BFBFBF;
}
.top-bar {
      background: #006b97;
}
i#social {
    font-size: 22px;
    margin-left: 20px;
	color:#fff;
	
}
.icon-facebook-sign
{
color:#3b589a;
}
.icon-twitter-sign{color:#00abf0;}
.icon-google-plus-sign{color:#dd4b39;}
.icon-linkedin-sign{color:#1881ba;}
.icon-youtube-play{color:#d03428;}

/* welcome box */
.welcme-box {
    background: url(../images/welcme-bg.png);
    padding: 10px 0px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: top center;
	border-bottom: 2px solid #a2a2a2;
    border-bottom-style: dashed;
}
.welx-box
{
border-right: 2px solid #a2a2a2;
    border-right-style: dashed;
}
/* welcome box end*/	


/* testimonial */
.testimonial {
    background: #eaeae7;
    padding: 30px 0 10px;
	margin-top: 15px;
	margin-bottom: 15px;
}
h2.testi_title {
    text-align: Center;
	color: #d63131;
	    font-size: 24px;
}
p.testi_content {
    text-align: left;
   /*  font-style: italic; */
    font-size: 14px;
    line-height: 25px;
	color:#FFF;
}
p.testi_name {
    text-align: center;
    color: #EABC51;
    font-size: 14px;
}
/* testimonial end*/

/* footer */
.footer{
    background: url(../images/footer-bg.jpg);
    padding: 10px 0px 0px 0px;
    background-size: cover;
    background-position: bottom center; 
	/* background-attachment:fixed;  */
	    margin-top: 20px;
}
.sub_footer {
    background: #1B1B1B;
}
p.footer_p {
    color: #373636;
    font-size: 14px;
    line-height: 22px;
    /* text-align: justify; */
}
.footer-social.social.icon {
    float: left;
}
i.icon-map-marker.f,i.icon-phone.f,i.icon-envelope.f ,.icon-print{
    color: #EABC51;
}
/* footer end */

.bb {
    border-bottom: 1px solid #F5BC32;
    margin-bottom: 15px;
}

/* media screen */
@media (min-width: 768px) and (max-width: 991px)
{
nav ul li a
{
font-size:12px;
}
.nav > li > a
{
padding: 10px 10px!important;
}
img.afterslider_p_img,span.text-content,span.text-content,span.text-content
{
height:150px;
width:100%
}
p
{
font-size:14px;
}
}


@media (max-width: 767px) {
/* .top.social.icon
{
display:none;
} */
.input-group {
    width: 100%;
}
img.logo {
    margin-top: 15px;
}
.view.view-eighth
{
margin-bottom:10px;
}
.logo
{
text-align:center;
margin-bottom:10px;
}
.welx-box
{
border-right:none;
}
.welcme-box
{
background:#fff;
}

img.afterslider_p_img,span.text-content,span.text-content,span.text-content
{
height:150px;
width:100%
}
.footer
{
background: #404040;
}
img.custom_img
{
    height: 130px;	
}
}

@media (max-width: 350px)
{
#tmenu ul li
{
font-size: 14px;
  margin-left: 7px;
}
}
/* media screen end */

/* loader */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../images/Preloader.gif) center no-repeat #fff;
}
/* loader end */
.breadcrumb > li,.breadcrumb>li a
{
    font-size: 12px;
}

.page-tittle {
    background: #D6D6D6;
}
h2.bg-h1 {
    background: rgba(230, 230, 230, 0.5);
    padding: 10px;
}
h1.title {
/*     padding: 10px; */
border-bottom: 1px solid #F5BC32;
    padding-bottom: 10px;
	font-size: 28px;
}
h1 span {
    color: #006B97;
}

/* project box */	  
/* view */
.view {
   width: 98%;
   height: 100%;
   margin: 0px;
   float: left;
   border: 0px solid #F1AB17;
   overflow: hidden;
   position: relative;
   text-align: center;
   
   cursor: default;
 /*   background: #fff url(../images/bgimg.jpg) no-repeat center center; */
}
.view .mask,.view .content {
   width: 100%;
   height: 100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
   width: 100%;
}
.view h3 {
   text-transform:capitalize;
   color: #fff; width:100%;
   text-align: center;
   position: relative;
   font-size: 18px;
   padding: 15px;
   background:#006b97 !important;
   margin: 0px 0 0 0;
}
.view p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 10px 20px 20px;
   text-align: center;
}
.view a.info {
  display: inline-block;
    text-decoration: none;
    padding: 10px 15px;
    background: #ffffff;
    border-radius: 5px;
    font-size: 22px;
    color: #f5bd35;
    margin-top: 120px;
    text-transform: capitalize;
}
.view a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}

.view-eighth .mask {
   background-color: rgba(245, 188, 50, 0.7);
   top: -500px;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.3s ease-out 0.5s;
   -moz-transition: all 0.3s ease-out 0.5s;
   -o-transition: all 0.3s ease-out 0.5s;
   -ms-transition: all 0.3s ease-out 0.5s;
   transition: all 0.3s ease-out 0.5s;
}
.view-eighth h2 {
   -webkit-transform: translateY(-500px);
   -moz-transform: translateY(-500px);
   -o-transform: translateY(-500px);
   -ms-transform: translateY(-500px);
   transform: translateY(-500px);
   -webkit-transition: all 0.2s ease-in-out 0.1s;
   -moz-transition: all 0.2s ease-in-out 0.1s;
   -o-transition: all 0.2s ease-in-out 0.1s;
   -ms-transition: all 0.2s ease-in-out 0.1s;
   transition: all 0.2s ease-in-out 0.1s;
}
.view-eighth p {
   color: #333;
   -webkit-transform: translateY(-500px);
   -moz-transform: translateY(-500px);
   -o-transform: translateY(-500px);
   -ms-transform: translateY(-500px);
   transform: translateY(-500px);
   -webkit-transition: all 0.2s ease-in-out 0.2s;
   -moz-transition: all 0.2s ease-in-out 0.2s;
   -o-transition: all 0.2s ease-in-out 0.2s;
   -ms-transition: all 0.2s ease-in-out 0.2s;
   transition: all 0.2s ease-in-out 0.2s;
}
.view-eighth a.info {
   -webkit-transform: translateX(-500px);
   -moz-transform: translateX(-500px);
   -o-transform: translateX(-500px);
   -ms-transform: translateX(-500px);
   transform: translateX(-500px);
   -webkit-transition: all 0.2s ease-in-out 0.3s;
   -moz-transition: all 0.2s ease-in-out 0.3s;
   -o-transition: all 0.2s ease-in-out 0.3s;
   -ms-transition: all 0.2s ease-in-out 0.3s;
   transition: all 0.2s ease-in-out 0.3s;
}
.view-eighth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   top: 0px;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
   -webkit-animation: bounceY 0.9s linear;
   -moz-animation: bounceY 0.9s linear;
   -ms-animation: bounceY 0.9s linear;
   animation: bounceY 0.9s linear;
}
.view-eighth:hover h2 {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.4s;
   -moz-transition-delay: 0.4s;
   -o-transition-delay: 0.4s;
   -ms-transition-delay: 0.4s;
   transition-delay: 0.4s;
}
.view-eighth:hover p {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
.view-eighth:hover a.info {
   -webkit-transform: translateX(0px);
   -moz-transform: translateX(0px);
   -o-transform: translateX(0px);
   -ms-transform: translateX(0px);
   transform: translateX(0px);
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}
@keyframes bounceY {
    0% { transform: translateY(-205px);}
    40% { transform: translateY(-100px);}
    65% { transform: translateY(-52px);}
    82% { transform: translateY(-25px);}
    92% { transform: translateY(-12px);}
    55%, 75%, 87%, 97%, 100% { transform: translateY(0px);}
}
@-moz-keyframes bounceY {
    0% { -moz-transform: translateY(-205px);}
    40% { -moz-transform: translateY(-100px);}
    65% { -moz-transform: translateY(-52px);}
    82% { -moz-transform: translateY(-25px);}
    92% { -moz-transform: translateY(-12px);}
    55%, 75%, 87%, 97%, 100% { -moz-transform: translateY(0px);}
}
@-webkit-keyframes bounceY {
    0% { -webkit-transform: translateY(-205px);}
    40% { -webkit-transform: translateY(-100px);}
    65% { -webkit-transform: translateY(-52px);}
    82% { -webkit-transform: translateY(-25px);}
    92% { -webkit-transform: translateY(-12px);}
    55%, 75%, 87%, 97%, 100% { -webkit-transform: translateY(0px);}
}  	  
/* view end */
a.view-all {
    padding: 10px;
    color: #333333;
	float: right;
    margin-top: 10px;
	    font-family: oswaldregular;
    font-size: 16px;
}
a.view-all:hover{
color: #f5bc32;
}
/* project box */	

/* associate */
h2.title.u {
    border-bottom: 1px solid #F5BC32;
}
/* associate */

/* project page */

/***************************************portfolio*********************************************/

.portfolio-items,
.portfolio-filter {
  list-style: none;
  padding: 0;
  margin:20px 0px;
}
.portfolio-filter > li {
  display: inline-block;
}
.portfolio-items > li {
  float: left;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.portfolio-items.col-2 > li {
  width: 50%;
}
.portfolio-items.col-3 > li {
  width: 33%;
}
.portfolio-items.col-4 > li {
  width: 25%;
}
.portfolio-items.col-5 > li {
  width: 20%;
}
.portfolio-items.col-6 > li {
  width: 16%;
}

.portfolio-item {
  padding: 0;
  margin: 0;
}
.portfolio-item .item-inner {
  background: #fff;
  padding: 0px 0px 0;
  margin: 0px ;
  position: relative;
}
.portfolio-item .item-inner h3{
    text-align: center; padding:13px 0px;
    background-color: #03487d;
	color: #FFF;
}
.portfolio-item img {
  width: 100%;
border: 3px solid #FFF;
/* height:230px;  */
box-shadow: -1px 1px 7px #888; 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;
}
.portfolio-full-width img{
    /* height: 310px; */ 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;
}
.portfolio-item:hover .item-inner{
    border: none;
}
.portfolio-item h4{

  margin: 0; text-align:center; line-height:25px; margin:0px !important;
  padding:9px 0;
  font-weight:normal;
  font-size: 18px;
  color: #fff;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;    font-family: roboto;
}
.portfolio-item h4 span{ color:#fff    font-family: roboto;}


.portfolio-item h5 {
    font-family: roboto;
  margin: 0; text-align:center; line-height:25px; margin:0px !important;
  padding:5px 0;
  font-weight:normal;
  font-size: 15px;
  color: #fff;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.portfolio-item h5 span{ color:#fff;    font-family: roboto;}

.portfolio-item .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height:100%;
  opacity: 0; 
background-color: rgba(0, 0, 0, 0.5);
  text-align: center;
  vertical-align: middle;
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  -o-transition: opacity 300ms;
  transition: opacity 300ms;
  
}
.portfolio-item .overlay .preview {
  position: relative;
  top: 50%;
  display: inline-block;
  margin-top: 30%;
  padding: 8px 13px;
  border-radius: 5px;
    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;
}
.portfolio-item:hover .overlay {
  opacity: 1;
}
.portfolio-item:hover .overlay i{
    font-size: 20px;
}

.portfolio-item .overlay .btn{
  background-color: #FFFFFF;
    /* border: 2px solid #333; */
    color: #F5BC32;
}
.portfolio-item .overlay .zoom-in{
    margin-bottom: -572px;
}
.portfolio-item .overlay:hover .zoom-in{
    margin-bottom: 0px;
}
.portfolio-item .overlay .details{
/*     margin-bottom: -50px; */
}
.portfolio-item .overlay:hover .details{
    margin-bottom: 0px;
}	  
	  
	
/* project page end */