/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Anton|Lobster');

@font-face 
{
	font-family: 'Questrial-Regular';
	src: url('../fonts/Questrial-Regular.ttf')  format('truetype');
}

@font-face 
{
	font-family: 'myriad pro-regular';
	src: url('../fonts/myriad pro-regular.ttf')  format('truetype');
}

@font-face 
{
	font-family: 'lane-narrow';
	src: url('../fonts/lane-narrow.ttf')  format('truetype');
}

@font-face 
{
	font-family: 'myriad-pro-condensed';
	src: url('../fonts/myriad-pro-condensed.ttf')  format('truetype');
}


body
{
	overflow-x:hidden;
}
.wrapper
{
	max-width:1200px;
	margin:0px auto;
}

/************ Index Page ************/

/************ affix menu code ************/
.affix {
    top: 0px;
    width: 100%;
    z-index:  9999 !important;
	background-color:#f3f3f3;
    border-radius:  0 !important;
    box-shadow: 4px 3px 6px 2px #929292;
    /*! margin-left: -5px; */
 }
.affix .top-nav {
	display: none;
}
.affix .logo { 
	margin-top: 0px;
	width: 65%;
}
.affix .contact-img {
	display: none;
}
.affix .wsmenu-list { 
	margin-top: 5%;
}
.affix .wsmenu-submenu {
  top: 60px;
}
.navbar {
    margin-bottom: 0px!important;
    border: none !important;
}
.affix ~ .container-fluid {
   position: relative;
   top: 50px;
}
/************ affix menu code ************/

/************ slider css start ************/
.slider {
	margin-bottom:50px;
}
/************ slider css ************/

/*******  About Index css  ******/
.index-about {
	margin-bottom:70px;
}
.index-title {
	font-size:35px;
	font-family: 'Questrial-Regular';
	letter-spacing:1px;
	line-height:60px;
	color:#000000;
}
.about-index-img {
	margin-top:5%;
}
.about-index-font {
	color:#292626;
	font-size:20px;
	font-family: 'Questrial-Regular';
	letter-spacing:0.2px;
	line-height:40px;
	text-align: justify;
}
/*******  About Index css  ******/

/******* Product Slider css ******/
.product-slider {
	margin-bottom:5%;
	background-color:#f6f6f6;
	height: 590px;
}
/******* Product Slider css ******/
/************ footer contant  ************/
.footer {
	background-color:#132b4f;
	padding-top: 40px;
	padding-bottom: 20px;
}
.footer-font {
	font-size:16px;
	color:#fff;
	font-family: 'myriad pro-regular';
	line-height: 25px;
}
.footer-font a{
	color:#fff;
}
.footer-font a:hover {
	color:#da251c;
}
.footer-font-01 {
	font-size:14px;
	color:#fff;
	font-family: 'myriad pro-regular';
	line-height: 28px;
}
.footer-font-02 {
	font-family: 'Questrial-Regular';
	font-size:25px;
	color:#fff;
	margin-bottom: 20px;
}
.footer-font-03 {
	font-family: 'Questrial-Regular';
	font-size:28px;
	color:#fff;
	margin: 0;
}
.footer-font-04 {
	font-family: 'Questrial-Regular';
	font-size:33px;
	color:#fff;
	letter-spacing:1px;
	margin-bottom: 20px;
}
.footer-font-05 {
	font-family: 'Questrial-Regular';
	font-size:15px;
	line-height:25px;
	color:#fff;
	letter-spacing: 1px;
}
.footer-font-05 a {
	color:#fff;
}
.footer-font-05 a:hover { 
	color:#fdb812;
}
.footer-font-06 {
	font-family: 'Questrial-Regular';
	font-size:30px;
	color:#fff;
}
.footer-font-07 {
	font-family: 'Questrial-Regular';
	font-size:25px;
	color:#fff;
	margin-top: 9px;
}
.footer ul {
	padding:0;
}
.footer li {
	text-decoration:none;
	list-style: none;
}

/**** social icon ****/
.social {
    display: inline-flex;
    margin-bottom: 25px;
}
.social-1 {
    text-align: center;
    /*! display: table-cell; */
    vertical-align: middle;
    width: 40px;
    height: 40px;
    font-size: 20px;
    border-radius: 100%;
    transition: all 200ms ease-in;
    margin: 0px 5px;
    color: #fff;
    padding-top: 5px;
    list-style: none;
}
.social-1:hover {
	background-color: #3b3b3b !important;
}

/**** social icon ****/
.footer-download {
	margin-top:3%;
}
/************ footer contant  ************/

/****** last footer contant *****/
.copy-wirte {
	background-color:#ffffff;
	padding: 15px 0;
}

.font-01 {
	font-size:15px;
	color:#000;
	margin: 0;
	letter-spacing: 1px;
	font-family: 'Questrial-Regular';
	font-weight: 700;
	line-height: 33px;
}

.copy-wirte-font {
	font-size:15px;
	color:#000;
	margin: 0;
	letter-spacing: 1px;
	font-family: 'Questrial-Regular';
	font-weight: 700;
	float: right;
}
.copy-wirte-font a:hover, copy-wirte-font a:focus  {
	color:#fdb812;
}
/******* last footer contant ******/
/************ Index Page ************/

/************ About Page ************/
.about {
	margin-bottom:50px;
}
.about-h1 { 
	font-size: 50px; 
	font-weight:700; 
	text-align: center;
	margin-top: -10%;
	color: #3e3d3d;
	letter-spacing: 3px;
	line-height: 75px;
	font-family: 'Francois One', sans-serif;
}
.about-h1 span { 
	font-size: 20px;
	line-height: 40px;
	text-transform: capitalize;
	font-family: 'Oswald', sans-serif;
	letter-spacing: normal;
}
.about-index-font-01 {
	font-size: 19px;
	line-height: 32px;
	color: #1f001f;
	font-weight: 400;
	letter-spacing: 0.5px;
	text-align: justify;
	font-family: 'Questrial-Regular';
}
.management-font {
	font-family: 'Questrial-Regular';
	font-size: 25px;
	font-weight: 700;
	color: #003b77;
}
.management-font i { color: #fdba09;font-size: 40px;}
.management-font::after {
	height: 3px;
	display: block;
	width: 25%;
	content: '';
	background-color: #424242;
	margin-top: 4px;
}
.management-font-01 {
	font-size: 19px;
	line-height: 30px;
	font-family: 'Questrial-Regular';
	color: #000;
	margin-top: 10px;
	padding: 0px 20px;
	margin-left: 6% !important;
}
/*** Image Effect ***/
.photo{
}
.photo img{
  object-fit: cover;
  box-shadow: 10px 15px 25px 0 rgba(0,0,0,.2);
  display: block;
  transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1);
  margin-top: -10px;
}

.photo:hover img{
  box-shadow: 1px 1px 10px 0 rgba(0,0,0,.1);
}

.photo .glow-wrap{
  overflow: hidden;
  position: absolute;
  width: 100%;
  top: 0;
}

.photo .glow{
  display: block;
  position:absolute;
  width: 40%;
  height: 200%;
  background: rgba(255,255,255,.2);
  top: 0;
  filter: blur(5px);
  transform: rotate(45deg) translate(-450%, 0);
  transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.photo:hover .glow{
  transform: rotate(45deg) translate(450%, 0);
  transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.photo:hover img,
.photo:hover .glow-wrap{
  margin-top: 0;
  filter: grayscale(100%) contrast(120%);
}
/*** Image Effect ***/
/************ About Page ************/