@charset "utf-8";
/* CSS Document */
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v7/zhcz-_WihjSQC0oHJ9TCYPk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}




/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/-2n2p-_Y08sg57CNWQfKNvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/u0TOpm082MNkS5K0Q4rhqvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/NdF9MtnOpLzo-noMoG0miPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}



body
{
font-family: 'Play', sans-serif;
font-size:20px;
color:#333;
line-height:1.2;
}

/*header css*/

.topspace
{ background-color:#282B32;font-family: 'Play', sans-serif;
padding:11px 30px 15px;
}
.topspace> .top-menu
{ color:#FFF;}
.topspace> .top-menu>ul
{ display:block; list-style:none; margin:0;}
.topspace> .top-menu>ul>li
{ display:inline-block;
}
.topspace> .top-menu>ul>li>a>i.fa
{
color:#FFF;
margin-right:8px;
}

.topspace> .top-menu>ul>li>a>span
{ 
color:#FFF;
}

.topspace> .top-menu>ul>li>a
{
	color:#FFF;
	text-decoration:none;
}

.topspace> .top-menu>ul>li>a:hover
{ 
color:#D50000;
}



.text-font
{
font-family: 'Roboto', sans-serif;
}

/*.navbar-brand
{ padding-top:1.5em;}*/

.navbar-brand>img {
    /*display:inline;*/
}
.dropdown-menu>li>a
{ 
padding:10px;
font-size:14px;
}

.navbar-brand>img:last-child {
    padding-top: 1em;
}

.navbar-default {
    background-color: #FFF;
    border-color: #fff;
	z-index:99;
}
.navbar-nav>li>a {
    margin-top: -20px;
	font-size:20px;
    padding-bottom: 8px;
	padding-left:8px;
	padding-right:8px;
	
}



.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: #eee;
   
}

a,a:hover, a:focus
{ transition:0.3s all ease;
-moz-transition:0.3s all ease;
-o-transition:0.3s all ease;
-webkit-transition:0.3s all ease;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #D50000;
    background-color: transparent;
   
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #D50000;
    background-color: transparent;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #D50000;
    text-decoration: none;
	background:#ddd;
    transition: 0.3s all ease;
}




.dropdown-menu>li>a {
    border-left: 5px solid transparent;
    transition: 0.3s all ease;
	border-bottom:1px solid #ddd;
	padding:8px 11px;
}
.dropdown-menu
{ padding:0; border-color:#ddd;
transition:0.3s all ease;
background-color:#fbfbfb;
}


.navbar-nav
{ margin-top:3em;
}


.navbar-default .navbar-nav>li>a {
    color: #000000;
    background-color: transparent;   
}



.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #D50000;
    background-color: transparent;   
}



/*services css*/

.padup
{ padding-top:2em; }
.padbot
{ padding-bottom:2em;}

.services-bg
{ background-color:#D50000;}

.services>h3 {
    margin: 10px 0;
    padding: 0;
    text-align: center;
    font-size: 50px;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.5px;
}

hr.hr-line {
    border-top: 4px solid #D50000;
    width: 100px;
    display: block;
    margin-top: 0;
}

.services>div>.thumbnail
{ border:0;padding: 5px 20px;
min-height:200px;
background:rgb(245, 244, 244);

transition:0.3s all ease;}

.services>div>.thumbnail a{
	font-size:16px;
	text-decoration:none;
	padding:5px 25px;
	background:#333;
	color:#FFF;
	float:right;
	border-top-right-radius:10px;
	bottom:30px;
	position:absolute;
		border-bottom-left-radius:10px;}


.services>div>.thumbnail>div.icon+p
{color:#D50000;}

.services>div>.thumbnail>p
{ text-align:left;

font-weight:700;
word-wrap:break-word;
font-size:18px;}

.services>div>.thumbnail>p>small.text-light
{ font-weight:300;}

/*.services>div>.thumbnail, .services>div>.thumbnail:focus
{background: rgb(245, 244, 244);transition:0.3s all ease;
    padding: 5px 20px;}*/

.services>div>.thumbnail>p.text-left
{ text-align:justify;}

.services>div>.thumbnail>p>small
{ font-size:16px; line-height:22px;}

.services>div>.thumbnail>div.icon
{ text-align:center; float:left; margin-right:15px;}



.services>div>.thumbnail>div.icon>i.fa
{ font-size:1.5em;color:#2F2F2F;}

/*welcome starts*/

.welcome {
 
    padding: 2em 0;
}

.events h2
{ color:#2F2F2F; font-size:30px;}

.events div.col-md-4
{ border-right:1px solid rgba(221, 221, 221, 0.38);}

.events div.col-sm-4
{ border-right:1px solid rgba(221, 221, 221, 0.38);}



.welcome .welcome-text p
{ letter-spacing:.5px;
color:#2F2F2F;
line-height:22px;
font-size:20px;}

.marquee {
    border: 1px solid #eee;
    padding: 16px 15px;
}

.marquee marquee
{ height:170px;}

.marquee marquee>p, .marquee marquee p font, .marquee marquee p
{ font-family: 'Alegreya Sans', sans-serif !important;
letter-spacing:0.5px;
font-family:18px;
color:#2F2F2F;
text-align: left;
    border-bottom: 1px solid #eee;
}

.vm-category>ul>li>a
{ text-decoration:none;
color:#2F2F2F;
}

.vm-category>ul>li:before
{
    display: inline-block;
	content:"\f101";
	margin-right:10px;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	}
	
	.vm-category>ul>li:hover, .vm-category>ul>li:hover>a
{
	color:#D50000;
	
}
.events .news-panel, .events .news-panel .marquee
{ border:1px solid #D50000;}

.events .news-panel>h2
{
    margin: 0;
	color:#FFF;
	background:#D50000;
    padding: 5px 0;
	}


.welcome .welcome-text h2
{ color:#2F2F2F; font-size:30px; text-transform:capitalize;}
.welcome .welcome-text h2 span
{ font-weight:bold; color:#D50000;}

.welcome .welcome-text h4 {
    border-left: 4px solid #2F2F2F;
    padding: 0 10px;
    text-shadow: 0.5px 0.5px 0px #2F2F2F;
    font-weight: bold;
    color: #D50000;
    font-size: 22px;
    letter-spacing: 1px;
    border-radius: 10px;
    border-right: 4px solid #2F2F2F;
    display: inline;
}

.welcome .welcome-text h4+span
{ display:block;
color:#D50000;
border-bottom:1px solid #ddd;
margin-bottom:10px;
padding-bottom:5px;
padding-left:9px;
font-weight:300;
font-size:16px;
padding-top:4px;}


.welcome .welcome-text .panel-body
{ padding:0;}

.welcome .welcome-text .panel-body h3
{ font-size:22px;
border-bottom:2px solid #333;
padding-bottom:5px;}

.welcome .welcome-text .panel-body .txt ul>li
{ font-size:15px;
line-height:22px;}
.welcome .welcome-text .panel-body .txt
{ padding:5px;}

.btn-more {
    display: block;
    background: transparent;
    margin: 0 auto;
    width: 20%;
	border-radius:0;
    color: #2F2F2F !important;
    padding: 10px 0;
	 border: 1px solid #D50000;
    font-size: 20px;
    margin-top: 2em;
}

.btn-more:hover {
    background: #D50000;
	  border: 1px solid #D50000;
    color: #FFF !important;}
	
	
	/*contact panal*/
	
	.contact-panel
	{ padding:2em 0;}
	
	.contact-panel h2>span
	{ font-weight:bold;
	color:#D50000;}
	
	.contact-panel div>h3
	{color:#D50000;
	}
	
	.contact-panel div ul
	{ padding:0;
	list-style:none;}
	

	.contact-panel div ul>li
	{ padding:5px;
	width:80%;}

	.contact-panel div ul>li:before
	{display: inline-block;
    content: "\f101";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
	position:absolute;
	margin-left:-30px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;}
	
	.contact-panel div ul>li:first-child:before
	{ content: "\f041";}
	
	
	
	.contact-panel div ul>li:nth-child(2n):before
	{ content: "\f095";}
	
	.contact-panel div ul>li:nth-child(3n):before
	{ content: "\f10b";
	font-size:25px;}
	
	
	.contact-panel div ul>li:last-child:before
	{ content: "\f0e0"; font-size:20px;}
	
	
	
	.contact-panel .form>.form-group label
	{ font-weight:normal;}
	
		.contact-panel .form>.form-group input, 		.contact-panel .form>.form-group textarea
	{ border-radius:0;
	box-shadow:none;}
	
	.contact-panel .form>.form-group a{ color:inherit;
	text-decoration:none;}
	
	.contact-panel .form>.form-group input[type=button]
	{     margin-top: 10px;
    background: #D50000;
    border: 1px solid #D50000;
    padding: 7px 25px;
    color: #FFF;
    font-size: 20px;
	transition:0.3s all ease;
	text-transform: uppercase;
    letter-spacing: 0.5px;}
	
	.contact-panel .form>.form-group input[type=button]:hover, 	.contact-panel .form>.form-group input[type=button]:focus
	{background : transparent ;
	color:#D50000;
	transition:0.3s all ease;}
	
/*	footer css*/

footer .footer
{ padding:2em 0 0 0;
float:left;
width:100%;
background:#f7f7f7;}

.navigation
{ margin-top:1em;}

.navigation ul
{ list-style:none;
display:block;}

footer .footer .copy
{ width:100%;
background-color:#ededed;
text-align:center;
color:#333;
}

footer .footer .copy p
{ margin: 0;
    font-size: 16px;
    padding: 10px 0;}
	
	footer .footer .copy p>span
	{ color:#D50000;}

.navigation ul>li
{ display:inline-block;}

.navigation ul>li>a
{ color:#000;
font-size:14px;}
	
	.navigation ul>li>a:hover, 	.navigation ul>li>a:focus
	{ text-decoration:none;
	background:#D50000; color:#FFF;}
	
	.social>ul, .navigation>ul{ display:block; list-style:none; margin:0; padding:0;}

	.social>h3, .navigation>h3
	{     padding: 0 10px;
    margin: 0;
    font-size: 30px;}
	
	.social>ul>li
	{ display:inline-block;
	padding:10px;}
	
	
	@media(max-width:1024px)
	{
		.navbar-nav>li>a {
    padding-top: 8px;
    font-size: 16px;
    padding-bottom: 8px;
}
.navigation ul>li>a {
    color: #333;
    font-size: 14px;
}
}


@media(max-width:768px)
	{
		.navbar-brand>img {
    display: inline-block;
    width: 25%;		
	}
	.navbar-brand>img:last-child {
		width:50%;
		 margin-left: -35px;
	}
	.btn-more
	{ width:30%;}
	body
	{ overflow-x:hidden;}
	
	.nav>li>a
	{ padding:5px;
	font-size:14px;}
	
	}
	
	@media(max-width:640px)
	{
		.navbar-brand
		{ height:auto;}
		
		.navbar-header>button.navbar-toggle
		{ margin-top:2em;}
		
		.navbar-nav
		{ margin-top:0;}
		
		.nav>li>a
	{ padding:30px 15px 8px;
	font-size:20px;}
	
	
	.dropdown-menu>li>a
	{ border-bottom:none;}
	
	}
	
	@media (max-width: 767px)
	{
.static
	 {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: #FFF;
	box-shadow:none;

}

.dropdown-menu>li>a
{ padding:5px 15px 5px 25px;}


	}
	
	@media (max-width: 430px)
	{
.btn-more {
    width: 50%;
}

.navbar-default .navbar-brand {
    color: #777;
    width: 80%;
	float:right;
    padding-left: 35px;
}
	}
	
	.printer-detail img
	{ margin:20px 0;
	border:1px solid #ddd;}
	
	.printer-detail .panel-body p
	{ font-size:14px;}
	
	.printer-detail .panel-body
	{ margin-bottom:15px; background:#ddd;}
	
	.printer-detail .panel-body h4
	{ margin-bottom:15px;}
	
	.printer-detail .in+button.btn
	{ display:none;}
	
	.printer-detail img:hover
	{ box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); transition:0.3s all ease;}
	
	
	.welcome .welcome-text .clients>ul
	{ list-style:none;
	padding:0;
	float:left;
	width:100%;}
	
	.welcome .welcome-text .clients>ul>li
	{ width:25%;
	display:block;
	padding:4px;
	float:left;}
	
	.welcome .welcome-text .clients>ul>li>a.thumbnail
	{ border:1px solid #ddd;}
	
	.welcome .welcome-text .clients>ul>li>a.thumbnail>img
	{ width:100%;
	height:100px;}
	
	
	.welcome .welcome-text .gallery>ul>li>a.thumbnail
	{ border:1px solid #ddd;}
	
	.welcome .welcome-text .gallery>ul>li
	{ width:33%;
	display:block;
	padding:4px;
	float:left;}
	
	.welcome .welcome-text .gallery>ul
	{ list-style:none;
	padding:0;
	float:left;
	width:100%;}
	
	.welcome .welcome-text .gallery>ul>li>a.thumbnail>img
	{ width:100%;
	height:100px;}
	
		.welcome .welcome-text .clients>ul>li>a.thumbnail:hover
		{ box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);}