/* CSS Document */

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

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

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

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

@font-face 
{
	font-family: 'Questrial-Regular';
	src: url('../fonts/Questrial-Regular.ttf')  format('truetype');
}
@import url('https://fonts.googleapis.com/css?family=Do+Hyeon');

body
{
	overflow-x:hidden;
}


/************ index page start ************/


/************ top-navigation css start ************/

/************ affix menu code ************/
.affix {
    top: 0px;
    width: 100%;
    background-color:#c43105 !important;
    border-radius:  0 !important;
    box-shadow: 0px 0px 3px 3px #e7e4dc;
    z-index: 999;
 }
.affix .top-nav {
	display: none;
}
.affix .logo { 
	margin-top: 11px;
    width:50%;
}

.navbar {
    margin-bottom: 0px!important;
    border: none !important;
    border-radius: 0 !important;
}
.affix ~ .container-fluid {
   position: relative;
   top: 50px;
}

/************ affix menu code ************/

.logo {
	/*! margin-top: -15px; */
}
.logo-font {
	margin-top:  25px !important;
	margin-left:  6% !important;
	color: #000;
}
.logo-text {
	margin-top:  -34% !important;
	margin-left: 22% !important;
}
.contact-text {
	font-family: 'lanecane';
	color:#010101;
	font-size:20px;
}
.contact-number {
	font-family: 'centurygothic';
	font-size:16px;
	color:#010101;
	font-weight:700;
}
.menu {
	background-color:#23288d;
}
/************ top-navigation css over ************/

/***************  About Index ******************/
.about-index {
	margin-bottom:25px;
	background-color: #f6f6f6;
	margin-top: -1%;
}
.about-01-index {
	margin-bottom:60px; 
}
.about-index-font {
	font-size:40px;
	color:#000000;
	font-family: 'Questrial-Regular'; 
	margin-bottom: 25px;
	font-weight: 700;
	margin-top: 8%;
}
.about-index-font-01 {
	font-size:20px;
	color:#121212;
	font-family: 'Questrial-Regular'; 
	text-align: justify;
	line-height: 30px;
}
.i-font-01 {
    color: #272626;
    font-size: 16px;
    text-align: justify;
    font-family: "myriad pro-regular";
    margin-right: 10px !important;
    font-weight: 700;
    line-height: 27px;
}
/* Bounce To left */
.hvr-bounce-to-left {
    -webkit-transform: perspective(1px) translateZ(0);
  -webkit-transition-property: color; 
  -webkit-transition-duration: 0.5s;
      display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0px);
box-shadow: 0px 0px 1px transparent;
position: relative;
transition-property: color;
transition-duration: 0.5s;
border: 2px solid #333;
color: #333;
padding: 8px 32px;
background-color: #F6F6F6;
}
.hvr-bounce-to-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
 background: rgba(58, 49, 141, 0.88) none repeat scroll 0% 0%;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active {
  color: white;
}
.hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.about-index-font-02 { 
	font-size:25px;
	color:#121212;
	font-family:'Questrial-Regular';
	text-align:center;
	line-height:35px;
	margin-bottom: 2% !important;
}
.video-top {
	margin-top:4%;
}
/***************  About Index ******************/

/*************** Three Image ******************/
.serves {
	margin-bottom:5%;
}
.serves-heading {
	font-size: 38px;
    font-weight: 700;
    color: #0d0d0d;
    font-family: 'Questrial-Regular';
    text-align: left;
	letter-spacing: 1px;
	margin-left: 10%;
}
.serves-heading span {
	font-size: 75px;	
}

/*************** Three Image ******************/

/***************  Client Slider ******************/
.client-font {
    font-size: 50px;
    font-weight: 700;
    color: #0d0d0d;
    font-family: 'Questrial-Regular';
    text-align: center;
    text-shadow: 2px 2px 20px #fff;
}
.client-img {
	/*! border:1px solid #fff; */
}
.client-img:hover  {
	/*! border: 1px solid #fff; */
	/*! box-shadow: 0 1px 4px rgba(0,0,0,0.6); */
}
/***************  Client Slider ******************/

/*************** Product-slider  ******************/
.product-slider {
	margin-bottom:48px;
}

/*************** Product-slider  ******************/

/*************** Footer css ******************/
.ma-lf { padding:0;}
.footer { margin-top: 0%; margin-bottom: 2%;}

.footer-heading { font-family: 'Questrial-Regular'; font-size: 50px; color:#000; margin-bottom: 4%;}

.footer-log {  margin-bottom:10px; }

.footer-font {font-family: 'Questrial-Regular'; font-size: 15px; color:#000; line-height: 25px;font-weight: 600;}
.footer-font a { font-family: 'Questrial-Regular'; font-size: 15px; color:#000; line-height: 25px;font-weight: 600;}
.footer-font a:hover { color:#a474a8;}


.footer-font-call {font-family: 'Questrial-Regular'; font-size: 30px; color:#000; line-height: 40px; font-weight: 600;margin-top: 3% !important;}
.footer-font-call span { margin-left: 75px;}

.footer-h {  font-family: 'Questrial-Regular'; font-size: 25px; color:#000; font-weight: 700; line-height: 25px;}

.footer-ul { list-style: none;}

.footer-ul a { font-family: 'myriad pro-regular';
font-size: 14px;
color: #262b26;
line-height: 30px;
border-bottom: 1px dotted;}
.footer-ul a:hover {color: #a474a8;}


/*------ Social Medial ----*/
.list-unstyled {
    padding-left: 0;
    list-style: none;
}
.list-inline li {
    display: inline-block;
    padding-right: 2px !important;
    padding-left: 2px !important;
    margin-bottom: 10px;
}
/*---- Genral classes end -------*/
/*Change icons size here*/
.social-icons .fa {
    font-size: 1.3em;
}
/*Change icons circle size and color here*/
.social-icons .fa {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #FFF;
    color: rgba(255, 255, 255, 0.8);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.social-icons.icon-circle .fa{ 
    border-radius: 50%;
}
.social-icons.icon-rounded .fa{
    border-radius:5px;
}
.social-icons.icon-flat .fa{
    border-radius: 0;
}

.social-icons .fa:hover, .social-icons .fa:active {
    color: #FFF;
    -webkit-box-shadow: 1px 1px 3px #333;
    -moz-box-shadow: 1px 1px 3px #333;
    box-shadow: 1px 1px 3px #333; 
}
.social-icons.icon-zoom .fa:hover, .social-icons.icon-zoom .fa:active { 
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); 
}

.social-icons.icon-zoom .fa:hover, .social-icons.icon-zoom .fa:active { 
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); 
}

.social-icons .fa-adn{background-color:#504e54;} 
.social-icons .fa-apple{background-color:#aeb5c5;} 
.social-icons .fa-android{background-color:#A5C63B;}  
.social-icons .fa-bitbucket,.social-icons .fa-bitbucket-square{background-color:#003366;} 
.social-icons .fa-bitcoin,.social-icons .fa-btc{background-color:#F7931A;} 
.social-icons .fa-css3{background-color:#1572B7;} 
.social-icons .fa-dribbble{background-color:#F46899;}  
.social-icons .fa-dropbox{background-color:#018BD3;}
.social-icons .fa-facebook,.social-icons .fa-facebook-square{background-color:#3C599F;}  
.social-icons .fa-flickr{background-color:#FF0084;}
.social-icons .fa-foursquare{background-color:#0086BE;}
.social-icons .fa-github,.social-icons .fa-github-alt,.social-icons .fa-github-square{background-color:#070709;} 
.social-icons .fa-google-plus,.social-icons .fa-google-plus-square{background-color:#CF3D2E;} 
.social-icons .fa-html5{background-color:#E54D26;}
.social-icons .fa-instagram{background-color:#A1755C;}
.social-icons .fa-linkedin,.social-icons .fa-linkedin-square{background-color:#0085AE;} 
.social-icons .fa-linux{background-color:#FBC002;color:#333;}
.social-icons .fa-maxcdn{background-color:#F6AE1C;}
.social-icons .fa-pagelines{background-color:#241E20;color:#3984EA;}
.social-icons .fa-pinterest,.social-icons .fa-pinterest-square{background-color:#CC2127;} 
.social-icons .fa-renren{background-color:#025DAC;}
.social-icons .fa-skype{background-color:#01AEF2;}
.social-icons .fa-stack-exchange{background-color:#245590;}
.social-icons .fa-stack-overflow{background-color:#FF7300;}
.social-icons .fa-trello{background-color:#265A7F;}
.social-icons .fa-tumblr,.social-icons .fa-tumblr-square{background-color:#314E6C;} 
.social-icons .fa-twitter,.social-icons .fa-twitter-square{background-color:#32CCFE;} 
.social-icons .fa-vimeo-square{background-color:#229ACC;}
.social-icons .fa-vk{background-color:#375474;}
.social-icons .fa-weibo{background-color:#D72B2B;}
.social-icons .fa-windows{background-color:#12B6F3;}
.social-icons .fa-xing,.social-icons .fa-xing-square{background-color:#00555C;} 
.social-icons .fa-youtube,.social-icons .fa-youtube-play,.social-icons .fa-youtube-square{background-color:#C52F30;}
.social-icons .fa-rss,.social-icons .fa-rss{background-color:#F7931A;}
/*--------social media end-----*/

/*************** Footer css ******************/

/*************** Footer Copyright ******************/
.footer-copy {
	background-color:#111111;
}
.footer-copy-text {
	font-family: 'Questrial-Regular';
	font-size:15.4px;
	color:#fff;
	letter-spacing:1px;
	font-weight:700;
	margin-top: 15px !important;
	margin-bottom: 15px !important;
}
.footer-copy-text a { color: #fff;}
/*************** Footer Copyright ******************/
/************ top arrow contant  ************/
.scrollTop {
    position: fixed;
    right: 2%;
    bottom: 2px;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 0px 10px;
    opacity: 0;
    transition: all 0.4s ease-in-out 0s;
    font-size: 12px;
    /*! border-radius: 50%; */
}
.scrollTop:hover {
  background-color:#23288d;
}
.scrollTop a {
    color: #ccc !important;
}
/************ top arrow contant  ************/
/************ index page over ************/


/*********** About page Start ***********/

.banner-h { height:  370px !important;}
.about-company { margin-bottom: 7%;}

.heading-font {font-size: 55px;  color:#fff; line-height: 45px; margin-top: -6%;margin-left: 2%;position: absolute;font-weight: 500;letter-spacing: 1px;font-family: 'Do Hyeon', sans-serif;text-shadow: 3px 0px 5px rgba(15, 14, 14, 0.8);}
.heading-font:after { 
            height: 5px;
display: block;
width: 110px;
background: #c32525;
border-bottom: 1px white;
content: '';
margin-top: 30px;
margin-left: 0px;
}
.detail-p { margin-top: 6% !important; /*! padding: 0px 20px 0px 20px; */}
.detail-p-1 { margin-top: 6% !important;}
.about-font-03 {
    font-family: 'Questrial-Regular';
    font-size: 19px;
    color: #141313;
    line-height: 29px;
    padding-left: 2%;
    list-style: none;
}
.about-font-04 {
    font-family: 'Questrial-Regular';
    font-size: 25px;
    color: #141313;
    line-height: 35px;
    padding-left: 2%;
    text-align: center;
    font-weight: 700;
}


/*********** About page Over ***********/

.prod-set { /*! margin-top: 18%; *//*! -webkit-box-shadow: -1px 6px 40px -15px rgba(0,0,0,0.75); *//*! -moz-box-shadow: -1px 6px 40px -15px rgba(0,0,0,0.75); *//*! box-shadow: -1px 6px 40px -15px rgba(0,0,0,0.75); */}

.des-ro {    background-color: rgba(121, 159, 225, 0.4);
    margin-top: 6%;
}
.des-ro-1 { margin-top: 6%;}

/************************ Contact Start************************/
.contact-font
{
	font-size:22px;
	color:#000;	
	letter-spacing:1px;
	font-family: 'Questrial-Regular';
}
.contact-font-01
{
	font-size:17px;
	color:#000;	
	letter-spacing:1px;
	font-family: 'Questrial-Regular';
	text-align: left;
	margin-left: 14% !important;
}
.contact-font-01 a
{
	font-size:16px;
	color:#000;	
	letter-spacing:1px;
	font-family: 'Questrial-Regular';
}
.contact-font-01 a:hover
{	
	color:#1f59a1;	
	text-decoration:none;
	
}
.grow 
{
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
    
}
.grow:hover
{
 -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg); 
}
.circle { background-color: #eee;
border-radius: 33%;
width: 60px;
height: 60px;
padding-top: 8px;
text-align: center;
}
/************************ Contact Over ************************/
/******** Table Contant ********/
table {
  	border-collapse: collapse;
	  margin: 0;
  	padding: 0;
  	/*! width: 100%; */
  	margin-bottom: 4%;
}
table td {
  	padding: 4px;
	font-family: 'Questrial-Regular';
	font-size:16px;
  	text-align: center;
  	text-transform: capitalize;
}
.table-border {
  padding:10px;
	text-align: center;
}

table tr {
	background: #ffe2e266;
}
table th {
	font-size: 18px;
	color: #fff;
	background-color: #c43105;
    letter-spacing: 1px;
    line-height: 18px;
	font-weight: 700;
	font-family: 'Questrial-Regular';
	padding: 10px 0;
	text-align: center;
}
.table-th {
	font-family: 'Questrial-Regular';
	background-color:#202020;
	color:#fff;
	font-size:20px;
	padding:8px;
	text-align:center;
}
.table-td {
	padding:8px;
	font-family: 'Questrial-Regular';
	font-size:25px;
	font-weight: 700;
	text-align:center;
	border-bottom: none;
	
}
.table-width {
	width:90%;
}
.table-shadow {
    box-shadow: 1px 2px 7px 2px #58514b;
}
/******** Table Contant ********/