body, html {
	font-family: 'Open Sans', sans-serif;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
	color: #5c5c5c;
	font-size:16px;
	background:#FFFFFF;
	
}
h1 {
	font-family: 'Anton', sans-serif;
	font-weight: 800;
	color:#5c5c5c;
	font-size: 2.5rem;
	line-height:15px;
	text-transform:uppercase;
	
}

.page-header span{ color: #ff0685;
	font-size: 18px;
	letter-spacing: normal;
	text-align:center;
	font-style:italic;}
h1 strong {
	font-weight: 800;
	color:#fb3a87;
}

h2,h3,h4,h5{
	font-family: 'Anton', sans-serif;
	color:#5c5c5c; 
font-weight: normal;
line-height:1.1;
text-transform: uppercase; letter-spacing:2px;
}

h2 {
	font-size: 34px;
	
}
h3 {
	font-size: 28px;
	
}
h5 {
	
	
	line-height: 20px;
}
p {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight:400;
	line-height:1.8;
}
a {
	color: #5b777f;
	transition: all 0.5s;
}
a:hover, a:focus {
	text-decoration: none;
	color: #f1c40f;
}
.img-centered {
	margin: 0 auto;
}
ul, ol {
	list-style: none;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}

.space-small{padding:15px 0}
h2.visafile{ padding-left:25px;}
h2.visafile:before{font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; font-size:30px; position:absolute; top:14px; left:0px; padding-left:0px; content:"\f1c1"; color:#F00; }

.mybulet li{list-style:disc;}
.mybulet2 li{list-style:disc; padding:5px 0;}


hr.hr1{height:1px; background:#FFF; width:100%; clear:both; margin-bottom:40px; }

.hrline{width:100%; height:1px; color:#eee; background: #eee none repeat scroll 0 0; margin:20px 0;}

a.btn-default {
	display:inline-table;
	color: #FFFFFF;
	background-color: #ff120b;
	border: 0;
	margin: 0px 0;
	font-size: 18px;
	padding:15px;
	transition: all 0.5s;
}
a.btn-default:hover, a.btn-default:focus, a.btn-default.focus, a.btn-default:active, a.btn-default.active {
	background-color: #66CC00 ; color: #FFFFFF;
}



.section-title {
	padding: 5px 0;
}
.section-title .bg-line {
	padding-bottom:40px;
	text-align:center;
}

.section-title .bg-line img{width:100%;
	max-width:403px;}
	
.container{max-width:1010px;}
	

/* Navigation */

.top-info .social ul {
	padding:0;
	padding-top:50px;
	text-align:left;
	float:right;
	
	
	
}
.top-info .social ul li {
	display: inline;
	margin: 0 2px;
	float:left;
	width:46px;
	height:46px;
	padding: 8px;
	color: #727272;
	border:3px solid #727272;
	border-radius:50px;
	transition: all 0.5s;
	text-align:center;
}
.top-info .social i.fa {
	font-size: 18px;
	color: #727272;
	transition: all 0.5s;
}
.top-info .social ul li:hover{border:1px solid #ff120b; color: #ff120b; padding: 9px;}
.top-info .social ul li:hover i.fa {
	color: #ff120b; 
}
.top-info p{font-size:20px;  text-transform:uppercase; text-align:right; line-height:1.0; padding-top:40px; font-weight:800; letter-spacing:1.5px; margin-bottom:0px;}
.top-info p spam{font-size:29px;  color:#ff120b; line-height:1.0; letter-spacing:2px}

.top-info .top-logo{color:#FFFFF; text-align:center;}
.navbar-default .top-info .top-logo a.navbar-brand{text-align:center; }
.navbar-brand > img{ width:100%; max-width:358px; }


#menu {
	padding: 0 ;
	transition: all 0.8s;
}
#menu.navbar-default {
	background:#f3f3f3;
	border:none;
	margin-bottom:0px;
	
	
}
#menu a.navbar-brand {
	
	padding:18px 0 32px 0;
	transition:all 0.8s ease 0s;
	float:left;
	margin:0px;
	height:auto;
	
}


#menu a.navbar-brand i.fa {
	color: #ff0685;
}
#menu.navbar-default .navbar-nav {
	padding:0; transition: .5s ease-in-out; 
	
	background: #f3f3f3 !important;
	
	float:left;
	border: 0;
	margin:0px 0px 0px;
	text-align:center;
	width:100%;
	border-bottom:1px solid #757575;
	border-top:1px solid #757575;
	padding:22px 0;
	
	}




#menu.navbar-default .navbar-nav > li {padding:0px 0px; display:inline-block; float:none;  position:relative;}

#menu.navbar-default .navbar-nav > li > a { display:inline-block;
font-family: 'Anton', sans-serif;
	text-transform: uppercase;
	color: #5c5c5c;
	font-size: 24px;
	letter-spacing: 1.4px;
	text-align:center;
	padding:3px 20px;
	line-height:16px;
	font-weight: normal;
	border-right: 4px solid #5c5c5c;
}

#menu.navbar-default .navbar-nav > li:last-child > a {border-right:none}



#menu.navbar-default .navbar-nav > li > a:hover {
	color: #ff120b;
	
}

.navbar-toggle {
	border-radius: 0;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #ff0685;
	border-color: #ff0685;
}
.navbar-default .navbar-toggle:hover>.icon-bar {
	background-color: #FFF;
}







/* Home Style */
header {
	
}
header p {
	color: #d9e0e2;
	font-size: 20px;
	margin-bottom: 80px;
	text-transform: uppercase;
	letter-spacing: 1px;
}


.page-slider { float:left; width:100%; margin:0px; padding:0px; max-height:428px; }
		.page-slider li { display:block; width:100%; float:left; margin:0px; padding:0px; }
		.page-slider li img { max-width:100%;  margin-bottom:0px; }
		.bx-pager {display:none;}


.section-slider{background:#FFFFFF url(../img/banner_bg.jpg) top center no-repeat; padding:30px 0;}


.inner-banner{background:#FFFFFF url(../img/banner_bg2.jpg) top center no-repeat; padding:30px 0;}

.section1{padding:50px 0; background:#f4f4f4;}

.welcome-text {padding:10px 0 20px 0;  }
.welcome-text h1{ color:#FFFFFF; line-height:0.75; margin:0px; font-size:42px;  }
.welcome-text h1 span{ color:#FFFFFF;  margin:0px; font-size:30px; letter-spacing:4px;  }

.welcome-text p{font-size:16px; line-height:1.5; color:#FFFFFF; margin-bottom:20px; }
.hmc_services{ text-align:center; margin-bottom:30px;}
.hmc_services a h3 { text-align:center; letter-spacing:2px;}
.hmc_services p { text-align:center; font-size:12px;}



.ddesk{border-bottom:1px solid #757575; padding:40px 0 60px 0;
	border-top:1px solid #757575;}
.ddesk h2{font-size:34px; margin-top:0px; line-height:0.95;}
.ddesk h2 span{font-size:21px; color:#ff120b;}


.section3{padding:50px 0; background:url(../img/footer_bg.jpg);}


.maincontant{padding:20px 0 100px 0; background:#f4f4f4;}

.logo {
	margin: 10px;
	text-align:center;
	text-transform:uppercase;
	font-size:12px;
}
#client-logo .owl-controls{display:none !important;}
.mylogo img{float:left; margin-right:15px; width:136px; height:auto;}

.logo img {
	border:1px solid #ccc;
	margin-bottom:10px;
	
}

.logo img:hover {
	cursor: move;
	opacity: 0.8;
	-webkit-box-shadow: 0px 2px 10px 0px rgba(10, 10, 10, 0.2);
	box-shadow: 0px 2px 10px 0px rgba(10, 10, 10, 0.2);
}

 

.intro-text {
	position: relative;
	padding-top: 250px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 170px;
}
.intro-text H1 {
	font-size: 70px;
	text-transform: uppercase;
	color: #d9e0e2;
	letter-spacing: 2px;
}
.color {
	color: #fb3a87;
}
.btn-default {
	color: #294d57;
	
	background-color: #f1c40f;
	border: 0;
	margin: 0 8px;
	font-size: 18px;
	transition: all 0.5s;
}
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active {
	background-color: #c1a618;
}





table{ border-collapse:separate; border-spacing:0; margin-bottom:20px; width:100%; clear:both; border:1px solid #dfdfdf; border-bottom:0px; border-right:0px;  }
	th{ background:#333333; color:#ffffff; border-bottom:5px solid #dfdfdf; border-right:1px solid #dfdfdf; padding:17px 15px; font-size:16px; line-height:normal; font-weight:400; text-transform:uppercase; text-align:center; }
	td{ border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; background:#f7f7f7; font-size:14px; line-height:normal; text-align:left; padding:13px 15px; }
table p{margin:0px; font-size:20px;}
table.project p{margin:0px; font-size:16px;}
/* Gallery Section 
==============================*/
.product img{margin-bottom:10px;}



.gallery-section .col-md-4 img{width:100%;  margin-bottom:29px; border:4px solid #FFF; border-radius:5px;
}




.gallery img{  
   
	opacity: 1.0;
    filter: alpha(opacity=100);
	transition: .8s ease-in-out;
	}


.gallery:hover img{ 

opacity: 0.4;
    filter: alpha(opacity=40);
	transition: .8s ease-in-out;
	}




/* Contact Section */



#contact-section .section-title h1 {
	
	font-weight: 400;
	color:#FFFFFF;
	font-size: 4.75rem;
	text-transform:uppercase;
}
#contact-section .section-title h1 strong {
	font-weight: 900;
	color:#FFFFFF;
}

label {
	font-size: 16px;
	font-weight: 400;
	
}
.contact-Form{padding-top:30px;}
#contact-section .form-control {
	display: block;
	width: 100%;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #a4a4a4;
	font-size: 16px;
	background:#f7f7f7;
	border:none;
	border: 1px solid #a4a4a4;
	border-radius:0px;
	margin-bottom:10px;
	
}
#contact-section .form-control:focus {
	border-color: inherit;
	outline: 0;
	-webkit-box-shadow: transparent;
	box-shadow: transparent;
}

#contact-section .btn {
	background: #ff120b;
	border:none;
	border-radius: 0px;
	padding: 10px 14px;
	margin:0px;
	margin-top: 20px;
	color: #FFFFFF;
	font-size: 16px;
	transition: all 0.5s;
}
#contact-section .btn:hover, #contact-section .btn:focus {
	background: #a4a4a4;
	
	color: #FFFFFF;
}
#contact-section .text-danger {
	color: #ff120b;
	text-align: left;
}
.btn:active, .btn.active {
	background-image: none;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
a:focus, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
	outline: none;
	outline-offset: none;background: #a4a4a4;
	
	color: #FFFFFF;
}

.help-block{color: #ff0685; font-size:12px;}
.help-block ul{padding-left:0px;}

/* Footer */
#footer {
	background:#444444;
	padding: 50px 0 50px 0;
	text-align: center;
	margin-top:-25px;

	border-top: 1px solid #cfcece;
}



#footer p {
	font-size:15px;
	margin-top: 10px;
	
	color:#b5b5b5;
	text-align:left;
	font-size:14px;
	font-weight:normal;
}
#footer p a{color: #ff120b;}



#footer p.cop{font-size:15px;
	margin-top: 10px;
	color:#b5b5b5;
	text-align:left;
	text-transform:uppercase;
	font-weight:800;
	}

#footer .social ul {
	margin:20px 0;
	text-align:left;
	padding:0;
	float:left;
	
	
}
#footer .social ul li {
	display: inline;
	margin: 0 5px;
	float:left;
	width:46px;
	height:46px;
	padding: 9px;
	color: #b5b5b5;
	border:2px solid #b5b5b5;
	border-radius:50px;
	transition: all 0.5s;
	text-align:center;
}
#footer .social i.fa {
	font-size: 20px;
	color: #b5b5b5;
	transition: all 0.5s;
}
#footer .social ul li:hover{border:2px solid #ff120b; color: #ff120b;}
#footer .social i.fa:hover {
	color: #ff120b;
}

@media (max-width: 768px) {
.content {
	padding: 40% 0 0;
}
}

@media (max-width: 603px) {
#menu.navbar-default {
	background-color: rgba(0, 0, 0, 0.7);
}
label {
	float: none !important
}
.hover-bg .hover-text {
	padding: 12% 10%;
}
}

@media (max-width: 414px) {
.hover-bg .hover-text {
	padding: 22% 10%;
}
.col-xs-4{width:100%;}

.top-info .social ul {
	padding:0;
	padding:10px 0 0 25%;
	text-align:center;
	
	
	
}
.top-info .social ul li {
	display: inline-block;
	margin: 0 2px;
	text-align:center;
}

.top-info p{font-size:11px; font-style:italic; text-transform:uppercase; text-align:center; line-height:16px; padding-top:25px; margin: 20px 0 0 0}
.top-info p spam{font-size:25px; font-style:italic; color:#ff0685;}

.top-info .top-logo{color:#FFFFF; text-align:center;}
.navbar-default .top-info .top-logo a.navbar-brand{text-align:center; }
.navbar-default .top-info .top-logo a.navbar-brand >img{width:50% }

.navbar-toggle{position:absolute; top:10px; right:0px;}
}



@media (max-width: 320px) {


.top-info .social ul {
	padding:0;
	padding:10px 0 0 15%;
	text-align:center;
	
	
	
}

.navbar-toggle{position:absolute; top:10px; right:0px;}
}