* { box-sizing: border-box; }
body { padding: 0; margin: 0;  font-family: 'Titillium Web', Helvetica, Arial, sans-serif; font-size:16px; overflow-x: hidden;}
h1, h2, h3, h4, h5 { color: #333; }
ul,ol{padding-left: 15px !important;}
img { max-width:100%; height:auto;}
a { text-decoration: none; color: #ed3438; }
a:hover { text-decoration: none; -webkit-transition: all .5s ease-in-out;
 -moz-transition: all .5s ease-in-out;
 -o-transition: all .5s ease-in-out;
 -ms-transition: all .5s ease-in-out;
 transition: all .5s ease-in-out;
}
a:hover, a:focus { color:#ed3438; }
/*============== Preloader ==============*/

.main_header .row .content { padding: 0;  position: relative;}
/*          Hero Headers        */
/********************************/
.hero { z-index: 3; text-align: center; }
.hero .container-fluid { padding:0; }
.hero .container-fluid .row { padding:0; }
.hero .container-fluid .row img { display:inline-block;}
/********************************/
/* Banner */
/********************************/
.banner { z-index: 3; text-align: center; padding-top: 72px; border-bottom: 1px solid #e4e4e4; /* border-bottom: 1px solid #ed3438;*/ overflow: hidden; }
.banner .container-fluid { padding:0; }
.banner .container-fluid .row { padding:0; }
.banner .container-fluid .row img { display:inline-block;}
/********************************/
/*          Custom Buttons      */
/********************************/
.btn.btn-lg { padding: 10px 40px; }
.btn.btn-hero, .btn.btn-hero:hover, .btn.btn-hero:focus { color: #f5f5f5; background-color: #3498db; border-color: #3498db; outline: none; margin: 20px auto; }
/********************************/
/*       Slides backgrounds     */
/********************************/
.fade-carousel .slides .slide-1, .fade-carousel .slides .slide-2, .fade-carousel .slides .slide-3 { height: 100vh; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.fade-carousel .slides .slide-1 { background-image: url(img/photo-01.jpg); }
.fade-carousel .slides .slide-2 { background-image: url(img/photo-02.jpg); }
.fade-carousel .slides .slide-3 { background-image: url(img/photo-03.jpg); }

/********************************/
/*          Media Queries       */
/********************************/
}
@media screen and (max-width: 640px) {
.hero h1 {font-size: 4em;}
}
.main_header { position: fixed; top: 0px; z-index: 999; width: 100%; -webkit-transition: all 0.3s; transition: all 0.3s; /* opacity: 0; top: -100px; */ padding-bottom: 6px; background-color: #fff; border-bottom: 1px solid #e4e4e4; padding:20px 0; }
/* Extra Small Devices, Phones */ 
.open-nav { max-height: 400px !important; }
.open-nav .mobile-toggle { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); }
.sticky { background-color: rgba(255, 255, 255, 0.93); opacity: 1; top: 0px; border-bottom: 1px solid silver; }
.logo { float: left; display: block; margin-top: 0;}
.main_menu li a:focus { outline: none; }
.main_menu li a:active { text-decoration: none; }
.navbar-nav { list-style: none; overflow: hidden; text-align: center; width: 100%; margin: 0; padding: 0;}
@media only screen and (max-width: 767px) {
.main_header { position:relative;}
.main_header .row .content { padding: 0; }
.logo { float:left;padding-top: 0; }
.main_header { padding: 10px 0; }
.navbar-nav {  padding-top: 10px;  margin:0 0 0px 0;  float: left;  text-align: center;  width: 100%; }
.navbar-nav > li {  width: 100%;   margin: 0;border-top: 1px solid #ccc; }
.phone-no {   display: none;}
.contact_info {border-top: 1px solid #ccc;  margin-top: 20px; padding-top:20px;}
.navbar-header nav { position:absolute; top:45px; left:0; background:#fff;}
.img-responsive{ margin: 0px auto; }
}
.navbar-header { float:right;margin-top: 2px;}
.navbar-header nav { width:100%;}
.navbar-nav { padding:0;}
.navbar-nav > li { line-height: 1.5;}
.navbar-nav > li.active a {background: #ed3438 ; color: #fff;}
.navbar-nav > li:last-child { margin-right: 0;}
.navbar-nav > li:first-child { margin-left: 0;}
.navbar-toggle { background-color: #000; margin: 0;}
.navbar-header .navbar-toggle .icon-bar {background-color: #fff;}
.navbar-nav > li a { color: #333; font-size: 16px; padding:5px 14px; display:block; }
.navbar-nav > li a:hover { background:#ed3438; color:#fff}
.mobile-toggle { display: none; cursor: pointer; font-size: 20px; position: absolute; right: 22px; top: 0; width: 30px; -webkit-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; transition: all 200ms ease-in; }
@media only screen and (max-width: 370px) {
.logo { margin-top: 5px;}
.logo img { max-width:240px;}
.footer_area small { font-size: 70%;}
h1 { font-size:32px;}	
}

/*============== About style ==============*/
.about_us { padding:30px 0 30px 0;  
/*background: url(../img/photography.png);*/
}
.about_us h1 { font-weight: 600; text-transform: uppercase;margin-bottom:30px;  }
.about_us h1 span { color: #ed3438; }
.about_us p { }
/*============== Company Information  style ==============*/
.company_information  { padding:30px 0 0px 0; 
/* background: url(../img/photography.png); */
}
.company_information h2 { font-weight: 600; text-transform: uppercase;}
.company_information h2 span { color: #ed3438; }
.company_information .information {border: 1px solid #c6c4bf; margin:30px 0 0 0;}
.company_information .table > thead > tr > th, .company_information .table > tbody > tr > th, .company_information .table > tfoot > tr > th, .company_information .table > thead > tr > td, .company_information .table > tbody > tr > td, .company_information .table > tfoot > tr > td {border-top: 1px solid #c6c4bf;}
.information table { margin-bottom: 0px;}
.company_information .table-condensed > thead > tr > th, .company_information .table-condensed > tbody > tr > th, .company_information .table-condensed > tfoot > tr > th, .company_information .table-condensed > thead > tr > td, .company_information .table-condensed > tbody > tr > td, .company_information.table-condensed > tfoot > tr > td {  padding: 10px;}
.information table td:first-child { border-right: 1px solid#c6c4bf;font-weight: 600;background: #e8e8e8;}
/*============== Infrastructure  style ==============*/
.infrastructure_area  { padding:30px 0 30px 0;  
/* background: url(../img/photography.png); */
}
.infrastructure_area h1 { font-weight: 600; text-transform: uppercase; }
.infrastructure_area h1 span { color: #ed3438; }
.infrastructure_area h3 { color: #ed3438;font-weight: 600;text-transform: uppercase;}
.infrastructure_area .pre-press{ border: 1px solid #da736e; font-size: 80%; padding: 5px 10px; min-height: 215px; height: 100%; }
.infrastructure_area .press{ border: 1px solid #68bd58;  font-size: 75%; padding: 5px 10px; min-height: 215px; height: 100%; }
.infrastructure_area .quality-control{ border: 1px solid #7d5a70;  font-size: 80%; padding: 5px 10px; min-height: 270px; height: 100%; }
.infrastructure_area .post-press{ border: 1px solid #5672a1;  font-size: 75%; padding: 5px 10px; min-height: 215px; height: 100%; }

/*============== Service style ==============*/
.what_we_make_area { padding:30px 0 30px 0;  
/* background: url(../img/photography.png); */
text-align: center;
 }
.what_we_make_area h1 { font-weight: 600;  text-align: left;text-transform: uppercase;}
.what_we_make_area h1 span { color: #ed3438; }
.single_service { margin-top: 50px; }
.service_section{overflow:auto;}
.service_section ul { margin:0; padding:0; list-style:none; text-align:center;}
.service_section ul li { float:left; width:25%;}
.single_service i { position: relative; overflow: hidden; }
.single_service .ico { margin: 0 auto; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); font-size: 30px; color: #ed3438; line-height: 76px; background: rgba(195, 185, 185, 0.21); width: 80px; height: 80px; text-align: center; border: solid 4px #fff; outline: 1px solid #dddddd; }
.single_service:hover .ico { color:#F3F1F1; background: #ed3438; cursor:pointer; -webkit-transition:  ease-out .5s;
 -moz-transition:  ease-out .5s;
 -o-transition:  ease-out .5s;
 transition: ease-out .5s;
}
.single_service .ico:hover { color:#F3F1F1; background: #ed3438; cursor:pointer; -webkit-transition:  ease-out .5s;
 -moz-transition:  ease-out .5s;
 -o-transition:  ease-out .5s;
 transition: ease-out .5s;
}
.single_service .ico i { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.single_service h2 { font-size: 20px;  font-weight: 600;}
@media only screen and (min-width: 500px) and (max-width: 768px) {
.service_section ul li { float:none; width:30%; display:inline-block; vertical-align: text-top;}


}
@media only screen and (min-width: 300px) and (max-width: 499px) {
.service_section ul li { float:none; width:49%; display:inline-block; vertical-align: text-top;}
.main_header { position:relative;}
}

 @media only screen and (min-width : 765px) {
 .bs-example .nav-tabs i {
 width: 57px;
}
}
 @media (max-width: 764px) {
 .bs-example .nav-tabs i {
 font-size: 34px;
 width: 56px;
}
}
 @media (max-width: 750px) {
 .bs-example .nav-tabs i {
 font-size: 20px;
 width: 15px;
}
}
.nav-tabs { border-bottom: none; }
.tab-pane { border: 1px solid #ddd; padding: 42px; background-color:#f2f2f2 ; }
/* =========== Quality Style ===========*/
.quality_area { padding:30px 0 30px 0;  
/* background: url(../img/photography.png); */
}
.quality_area h1 { font-weight: 600; text-transform: uppercase;}
.quality_area h1 span { color: #ed3438; }
.quality_area ul { margin:0; padding-top:20px; }
.quality_area ul li {padding-bottom: 10px;}

/* =========== Clients Style ===========*/
.clients_area { padding:30px 0 30px 0;  
/* background: url(../img/photography.png); */
}
.clients_area h1 { font-weight: 600; text-transform: uppercase; margin-bottom: 40px;}
.clients_area h1 span { color: #ed3438; }
.clients-logo img { 
	padding: 5px;
	margin: 0px auto;
    border: 1px solid #ccc;
}
.products-logo img {
	padding: 5x;
}
.infrastructure-logo img{
	
}
.quality-logo img{
	padding: 2px;
}
.bgwhite img{background-color: #fff; }
.clients-logo .col-md-4 { margin-bottom:30px;}
@media only screen and (min-width: 480px) and (max-width: 991px) {
.clients-logo .col-md-4 { width:50%;float: left;}
}
@media only screen and (min-width: 300px) and (max-width: 479px) {
.clients-logo .col-md-4 { margin-bottom:10px;}
.banner  { padding:0;}
}

/* #Tablet (Portrait) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
 .container {  width: 768px; }
}

@media only screen and (max-width: 767px) {
 .container { width: 100%;}
.quality_area ul { width:100%;} 
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
.container { width: 100%;}
.banner  { padding:0;}
}

.contact_area { 
/* background: url(../img/photography.png); */
padding-bottom: 20px;}
.contact_section { margin-top: 60px; }
.contact_section h1 { text-transform: uppercase; font-weight: 600;text-align: center;   margin-bottom: 40px;}
.contact_section h1 span { color:#ed3438; }

.contact_form { }
#contact_form { margin-top: 50px; margin-bottom: 30px; }
.form-control { border-radius: 0px;}
#contact_form legend { font-size: 15px; color: #C9C9C9; }
#contact_form label { margin-bottom:28px; display: block; }
#contact_form label span { float:left; width:100px; color:#666666; }
#contact_form input { width: 100%; height: 40px; border: 1px solid #DBDBDB; padding-left: 4px; }
#contact_form textarea { width: 100%; height:100px; padding-left: 4px; }
.submit_btn { padding: 12px; float: left; width: 100px; }
.form-control:focus {border:1px solid #ccc; 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); border-radius:0px;}

.submit_btn:hover { }
.success { background: #00A243; padding: 10px; margin-bottom: 10px; border: 1px solid #B9ECCE; border-radius: 5px; font-weight: normal; }
.error { background: #F44C4C; padding: 10px; margin-bottom: 10px; border: 1px solid #FFCACA; border-radius: 5px; font-weight: normal; }
.contact_text { margin-top: 20px; margin-bottom: 30px; }
.contact_text p { font-size: 15px; margin-bottom: 20px; }
.contact_text h3 { text-transform: uppercase; font-size: 25px; }
.contact_info a {}
.contact_info a:hover { color: #ed3438; text-decoration:underline;}
.contact_info li { list-style: none; margin-bottom: 10px; }
.btn.btn-primary { background:#ed3438; border: 0 none;border-radius: 0; margin:10px 0;float: left !important; font-size: 16px; padding: 6px 20px;}
.btn.btn-primary:hover {background: #ab1600;}
.copyright_section { padding-top: 30px; margin-bottom: 30px; text-align: center; }
/*============== Footer style ==============*/
.footer_area { padding-top: 20px; padding-bottom:20px; text-align: center; background:#e4e4e4; }
.about_us.home_page {text-align: center; border-bottom:1px solid #e8e8e8;}
.what_we_make_area.home_page h1 {text-align: center;}
.bottom-image img{
	margin:50px auto 30px;
}
@media only screen and (min-width: 768px) and (max-width: 1169px) {
.main_header { text-align:center;}
.logo { float:none;}
.navbar-header {margin-top: 10px; width: 100%;}
.banner  {padding-top: 110px;}
}