

@font-face {
  font-family: 'Roboto-Regular';
  src: url('fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),  url('fonts/Roboto-Regular.woff') format('woff'), url('fonts/Roboto-Regular.ttf')  format('truetype'), url('fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'Bahamas';
    src: url('fonts/BahamasBold.eot');
    src: url('fonts/BahamasBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/BahamasBold.woff') format('woff'),
        url('fonts/BahamasBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}


.welcontent
h1{}
.welcontent
h1 span{ font-weight: bold;}

body{
	 font-family: 'Roboto-Regular', sans-serif;
	 font-size:15px;
}

p{
	font-size: 15px;
    line-height: 24px;
}
.mt0{
	margin-top:0px !important;
}
a:hover{text-decoration:none;}
#backtotop {
z-index: 999;
position: fixed;
visibility: hidden;
bottom: 20px;
right: 20px;
width: 36px;
height: 36px;
line-height: 36px;
border-radius: 5px;
font-size: 16px;
opacity: .2;
background-color:none;
}
#backtotop i {
display: block;
width: 100%;
height: 100%;
line-height: inherit;
border-radius: 5px;
    background: #191919;
    color:#FF9800;
    text-align: center;
    font-size:20px;
}
#backtotop.visible {
visibility: visible;
opacity: 1;
z-index: 99999999;
}
#backtotop:hover {
opacity: .8
}
#backtotop:hover{
	    text-decoration: none !important;
}
#backtotop, #mainav *, .faico a, .icon {
transition: all .3s ease-in-out
}
.call{}
.logo a{
	color: #ED3237 !important;
    font-weight: 600;
    font-size: 24px;
	line-height: 63px;
}
.topheader{
	background:#375593;
	padding:10px;
}
.topmail p i, .call p i{
	margin-right:5px;
	    font-size: 18px;
}
.topmail p{
	color:#fff;margin-bottom:0px;
}
.call p{
	color:#fff;
	    float: right;margin-bottom:0px;
}
.first{margin:10px 0px;}

.main-text {
    position: absolute;
    top: 100px;
    width: 96.66666666666666%;
    color: #FFF;
}
.header-text {
    position: absolute;
    top: 36%;
    left: 1.8%;
    right: auto;
    width: 96.66666666666666%;
    color: #fff;
}

.header-text h2 {
    font-size: 35px;color:#ED3237;margin:15px 0px;letter-spacing:1px;font-weight:600;
}



.header-text p{
	
	
	
font-size: 14px;
}
.header-text .more{background-color:#ED3237;color:#fff;padding:7px 10px;border-radius:5px;border:0px; font-size:13px;}
.carousel-indicators li{border:2px solid #fff}
.carousel-indicators .active {background-color:#ED3237;}
.carousel-btns {
    margin-top: 2em; 
}

.carousel-btns .btn {
	width: 150px;
}

.carousel-inner .imgOverlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
   /** background-color: rgba(6, 28, 38, 0.5);**/
}

.carousel-inner img {
   width: 100%;
}

.first-one{margin:80px 0px;}
.first-two{background-color:#DADADA;padding:80px 100px 80px 30px ;}
.first-two h3{color:#000;margin-top:0px;font-size:30px;font-weight:600;}
.first-two h1{color:#EC3237;margin-top:0px;font-weight:600;margin-bottom:20px}
.first-three{margin-top:30px;margin-left:-65px;}
.first-two p{line-height:27px; text-align:justify;}
.first-one .col-md-6{padding:0px;}

.our-pro{background:#375593;padding:40px 0px;width:100%;display:inline-block;}
.our-pro h2{position:relative;margin-top:0px;color:#fff;font-weight:600;text-align:center;text-transform:uppercase;margin-bottom:50px;}

.our1{background-color:#fff;text-align:center;width:100%;display:inline-block;   height: 211px;overflow:hidden;}
.our2{background-color:#DADADA;padding:20px;color:#000;    height: 211px;}
.more1{background-color:#ED3237;color:#fff;padding:7px 10px;border-radius:5px;border:0px; font-size:13px;}
.our2:hover{background-color:#ED3237;color:#fff;}
.our2:hover .more1 {background-color:#fff;color:#ED3237;}
.our2 h4{font-weight:600;font-size:16px;text-transform:uppercase;margin-bottom:20px}
.our3{margin-bottom:30px;width:100%;display:inline-block;}
.our3 .col-sm-5{padding:0px;}
.our3 .col-sm-7{padding:0px;}

.news-one{margin:80px 0px;}
.news-one h2{position:relative;margin-top:0px;color:#222222;font-weight:600;text-align:center;text-transform:uppercase;margin-bottom:50px;}
.news-one h2::before{content:"";position:absolute;width:10%;height:2px;background-color:#222222;left:29%;top:50%;}
.news-one h2::after{content:"";position:absolute;width:10%;height:2px;background-color:#222222;right:29%;top:50%;}

.news-two img{box-shadow: 0px 5px 5px #adadad;}
.news-two h6{color: #6b6b6b;margin-top:20px;}
.news-two h4{font-weight:600;}
.more2{background-color:#375593;color:#fff;padding:7px 10px ;border-radius:5px;border:0px; font-size:13px;    line-height: 20px;}
.more2:hover{background-color:#ED3237;color:#fff;}
.call-us{background-color:#ED3338;padding:40px;text-align:center;}
.call-us h3{color:#fff;font-weight:600;margin:0px;}

.footer .col-md-6{padding:0px}
.footer-one{padding:30px 30px 30px 140px;}
.footer-one h3{color:#000000;font-weight:600; font-size:30px;margin-top:0px;margin-bottom:30px;text-transform:uppercase;}
.footer-two{background-color:#546DA3;padding:30px 140px 30px 30px;min-height: 316px;}
.footer-two h3{color:#fff;font-weight:600; font-size:30px;margin-top:0px;margin-bottom:30px;text-transform:uppercase;}
.footer-two p{color:#fff; line-height:27px;}
.footer-three h3{color:#000000;font-weight:600; font-size:30px;margin-top:20px;margin-bottom:30px;text-transform:uppercase;}

	.contact-detail {
    position: relative;
    padding-left: 64px;    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
}
.contact-detail p{color: #000;
font-size: 14px;font-weight:600;
line-height: 22px;margin: 10px 0px;text-align:left}
.contact-detail p a{color: #000;}
.contact-detail p a:hover{text-decoration:none;}
.contact-detail p strong{font-weight:600;color:#424242;font-size: 16px;}
.contact-detail i {
    width: 45px;
    height: 45px;
    position: absolute;
    text-align: center;
    line-height: 45px;
	border-radius:5px;
    background-color:#ED3338;
    color: #fff;
    font-size: 20px;
    
    left: 0px;
    top: 0px;
}



.lest{background-color:#375593; color:#FFF; padding: 10px 0px ;display:inline-block;width:100%;}
.lest p{margin-top: 10px;font-size:14px;}
.lest span{color: #ED3338;
    font-weight: 600;}
	.lest a{color:#fff;}
	.men-one{ margin-top: 6px;}

.men-one .fa {
   
    font-size: 15px;
    line-height: 35px;
    height: 35px;
    width: 35px;
   border-radius:5px;
    color: #375593;
	background-color:#fff;
   margin:0px 5px;
    text-align: center;

}

.men-one .fa:hover{  color: #ED3338;}


.come{background:url("../img/slider/about.jpg") no-repeat center center / cover;}
.come1{background:url("../img/slider/Stick-Packaging-Machine.jpg") no-repeat center center / cover;}
.come2{background:url("../img/slider/Granule-Packaging-Machine.jpg") no-repeat center center / cover;}
.come3{background:url("../img/slider/Liquid-paste-Packaging-Machine.jpg") no-repeat center center / cover;}
.come4{background:url("../img/slider/Stick-Packaging-Machine.jpg") no-repeat center center / cover;}
.come5{background:url("../img/slider/Maintenance.jpg") no-repeat center center / cover;}
.come6{background:url("../img/slider/client.jpg") no-repeat center center / cover;}
.come7{background:url("../img/slider/news.jpg") no-repeat center center / cover;}
.come8{background:url("../img/slider/contact.jpg") no-repeat center center / cover;}
.come-one{padding:120px 0px;text-align:center;background:rgba(0, 0, 0, 0.5)}
.come-one h1{color:#fff; font-weight:600;text-transform:uppercase;letter-spacing:1px;margin:0px;font-size: 30px;}
.come-one h5{color:#fff;font-size:15px;letter-spacing:1px;}
.come-one h5 a{color:#ED3338;}


.about{margin:60px 0px;}
.abt123 {
    padding: 15px;
    box-shadow: 0px 2px 5px #656565;background-color:#f2f2f2;
}
.about p{text-align:justify;line-height:27px;font-size:16px;}
.about p span{color:#ED3338;font-weight:600;    font-size: 16px;}
.about h2{color:#ED3338;font-weight:600;margin-bottom:30px;}
.about h3{color:#375593;font-weight:600;margin-bottom:0px;margin-top:20px;font-size:20px;}
.ser{margin-left:30px;}
.ser li{line-height:27px;font-size:16px;}

.maint{margin:60px 0px;}

.maint p{text-align:justify;line-height:27px;font-size:15px;}
.maint h3{font-weight:600;}
.maint-one{background-color:#375593;padding:20px; color:#fff;border-bottom:5px solid #ED3338;margin-bottom:30px;min-height: 442px; transition:all 0.3s linear;}
.maint-one:hover{background-color:#ddd;color:#000;box-shadow:0px 4px 4px #333; transform:scale(1.06);}


.contact-form-top p{
    color: #BBBBBB;
    margin: 2em 0;
    font-size: .875em;
    line-height: 1.8em;
}
.contact-address{
    margin: 0;	
}
.form-text {
    margin-bottom:4%;
}

#contact-form select {
    margin-bottom: 8px;
    padding: 10px;
    width: 100%;
	border:1px solid #dddddd;
}
#edit-submit{
	float:right;
}
.form-text, .form-textarea {
    border: 1px solid #dddddd;
    padding: 10px;
    width: 100%;
	color:#000;
}
.form-textarea {
    margin-bottom: 4%;
}
iframe{
	border:0;
}
#profile b {
    color: #085db3;
}
.more.form-submit {
    background: #112E53 none repeat scroll 0 0;
    border:1px solid #112E53;
    border-radius: 5px;
    color: #ffffff;
    font-weight: bold;
    padding: 7px 15px;
	margin-bottom:30px;
}
.more.form-submit:hover {
	color:#112E53;
	background:#fff;
}
.form-required {
    color: #ff0000;
}
.contact-address ul{
	padding:0;
	margin:0;
}
.contact-address ul li{
	display:block;
	margin:1em 0;
}
.contact-address ul li span{
	color: #716F6F;
    font-size: 14px;
	
	margin-left:1em;
}
.contact-address ul li span a{
	color: #000;
	text-decoration:none;
}
.contact-address ul li span a:hover{
	color:#383838;
}
.contact-address ul li	i.fa.fa-phone,.contact-address ul li i.fa.fa-map-marker,.contact-address ul li i.fa.fa-clock-o,.contact-address ul li i.fa.fa-facebook,.contact-address ul li i.fa.fa-twitter{
    height: 40px;
    width: 40px;
    background: #112E53;
    line-height: 40px;
    text-align: center;
    color: #FFF;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
.contact-form-grid {
    margin: 2em 0 0 0;
}
.contact-form-grid input[type="text"] {
    display: inline-block;
    background: none;
    border: 1.5px solid #BBBBBB;
    width: 100%;
    outline: none;
    padding: 10px 15px 10px 15px;
    font-size: .9em;
    color: #000;
    margin-bottom: 1.5em;
}
.contact-form-grid input[type="email"] {
    display: inline-block;
    background: none;
    border: 1.5px solid #BBBBBB;
    width: 100%;
    outline: none;
    padding: 10px 15px 10px 15px;
    font-size: .9em;
    color: #000;
    margin: 0 0 1.5em 0;
}
.contact-form-grid textarea {
    background: none;
    border: 1.5px solid #BBBBBB;
    width: 100%;
    display: block;
    height: 150px;
    outline: none;
    font-size: 0.9em;
    color: #000;
    resize: none;
    padding: 10px 15px 10px 15px;
    margin-bottom: 1em;
}
button.btn1{
    border: solid 2px #383838;
    color: #383838;
    font-size: .875em;
    padding: .5em 2em;
    text-decoration: none;
    background: none;
    border-radius: 5px;
	margin-bottom: 30px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
}
button.btn1:hover{
    color: #085db3;
    border: solid 2px #085db3;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;	
}

.ser1{width:100%; display:inline-block;border:1px solid #eaeaea;padding: 10px;margin-bottom:30px;}
.ser1 h4{color: #ED3237;font-weight: bold;border-bottom:1px solid #ED3237;padding-bottom:10px}
.ser1 p{font-size:13px;line-height:20px;}
.ser1 label{font-weight:400;}	
.btn-default:hover, .btn-default:focus, .btn-default.active{background-color: #092648;
    border-color: #092648;color:#fff;}
	.btn-success {
    color: #000;
    background-color:#5a5a5a;
    border-color: #5a5a5a;
	padding: 11px 31px;
	border-radius:0px;
	text-transform:uppercase;
	margin-bottom:20px;color:#fff;
}
.btn-success:hover, .btn-primary:focus {background-color:#d9a201; border-color: #d9a201;}



.blogList_single_post {
    position: relative;
    padding: 0px 0 50px;
}
.blogList_single_post .img_holder {
    position: relative;
}
.blogList_single_post .img_holder:hover{
    opacity:0.6;
}
.blogList_single_post .post {
    position: relative;
    border: 1px solid #f1f1f1;margin-top:5px;
}
.blogList_single_post .post .news-date {
    position: absolute;
    left: 28px;
    top: -19px;
    font-weight: 700;
    background: #ED3338;
    padding: 5px 10px;
    text-transform: uppercase;
    font-size: 12px;
    color: #fff;
    
}
.blogList_single_post .post .text {
    background: #fff;
    padding: 25px 27px 30px;
}
.blogList_single_post .post .link a {
    font-size: 14px;
    color: #333;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 15px;
    transition: .5s ease;
}
.blogList_single_post .post p a {
    position: relative;
    color: #9e9e9e;
    margin-right: 15px;
}
.blogList_single_post .post h4 a {
    display: block;
    color: #375593;
    line-height: 32px;
    font-weight: 400;
    font-size: 20px;
    transition: .5s ease;
}
.blogList_single_post .post h4 a:hover {
    color: #fac012;
    transition: .5s ease;
}
.blogList_single_post .post .link a:hover {
    color: #fac012;
    transition: .5s ease;
}
.page_pagination {
    text-align: center;
}
.page_pagination li {
    display: inline-block;
    margin: 0 4px;
}
.page_pagination li a {
    width: 55px;
    line-height: 55px;
    border: 1px solid rgba(229, 229, 229, 0.57);
    text-align: center;
    font-size: 16px;
    border-radius: 2px;
	    color: #9e9e9e;padding: 10px;
}
.page_pagination li a.active, .page_pagination li a:hover {
    color: #fff;
    background: #ED3338;
}


/*-------------------------------------
	5. Accordians 
-------------------------------------*/
.wt-accordion .wt-panel {
	background-color:transparent;
	border:none;
	margin-bottom:10px;
	
	border-radius:0;
	-webkit-border-radius:0px;
	-moz-border-radius:0;
	
	box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none; 
}

.acod-head {
	position:relative;
}
.acod-title {
	margin-top:0;
	margin-bottom:0;font-size: 16px;
}
.acod-title a{
	position:relative;
	z-index:1;
	overflow:hidden;
}
.acod-head .fa {
	margin-right:5px;
}

.acod-head a {
	display:block;
	padding:15px 40px 15px 15px;
}
.acod-head a,
.acod-head a:hover,
.acod-head a:active,
.acod-head a:focus {
	color:#fff; text-decoration:none;
}

.acod-body {
	color:#777;
}

/*Accodian open close indicator css*/
.acod-head .indicator {
	padding:15px;
	color:#ababab;
	position:absolute;
	right:0;
	top:0;
}
.acod-head .indicator .fa, 
.acod-head .acc-actives .indicator .fa {
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}
.acod-head .acc-actives .indicator .fa,
.acod-head [aria-expanded="true"] .indicator .fa {
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* 2. Accordion outline */
.acc-outline .acod-title a {
	border:1px solid #ddd;
}
.acc-outline.acc-has-bg .acod-head a, 
.acc-outline.acc-has-bg .acod-head a:hover, 
.acc-outline.acc-has-bg .acod-head a:active, 
.acc-outline.acc-has-bg .acod-head a:focus,
.acc-outline.acc-has-bg .acod-head .indicator,
.acc-outline.acc-has-bg .acod-body {
	color:#fff;
}

/* 3. Accordion bg gray */
.acc-bg-gray a {
	background-color:#375593;
}
.acc-bg-gray .acod-head .indicator {
	color:#fff;
}
.acc-bg-gray.acc-has-bg .acod-body{
	color:#fff;
}
/* 4. Accordion bg primary */
.acc-bg-primary a {
	background-color:#FFBC13;
}
.acc-bg-primary .acod-head a, 
.acc-bg-primary .acod-head a:hover, 
.acc-bg-primary .acod-head a:active, 
.acc-bg-primary .acod-head a:focus {
	color:#fff;
}
.acc-bg-primary .acod-head .indicator {
	color:#fff;
}
.acc-bg-primary.acc-has-bg .acod-body{
	color:#fff;
}
/* 5. Accordion bg dark */
.acc-bg-dark a {
	background-color:#212427;
}
.acc-bg-dark .acod-head a, 
.acc-bg-dark .acod-head a:hover, 
.acc-bg-dark .acod-head a:active, 
.acc-bg-dark .acod-head a:focus {
	color:#fff;
}
.acc-bg-dark .acod-head .indicator {
	color:#fff;
}
.acc-bg-dark.acc-has-bg .acod-body{
	color:#fff;
}
.ser-one{border:1px solid #ececec;display:inline-block;padding:20px;margin-bottom:30px;background-color:#f3f3f3;color:#000;width:100%;}
.ser-one h4{ font-weight:600;}
.ser-one h5{ font-weight:600;}
.ser-one p{ }
.ser-one:hover{background-color:#ED2F34;color:#fff;}
.more4 {
    background-color: #ED3338;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    border: 0px;
    font-size: 13px;
    line-height: 20px;margin-top:5px;
}
.ser-one:hover .more4{background-color: #333;
    color: #fff;}

	
@media(max-width:1980px)
{
	.our1 img{height: 100%;}
}

@media(max-width:1200px)
{
	
.our-pro h2::before {left: 27%;}
.our-pro h2::after {right: 27%;}
.news-one h2::before {left: 23%;}
.news-one h2::after {right: 23%;}
}

@media(max-width:980px)

{    

	.first-two {padding:30px;}
	.first-three{margin:0px;}
	.footer-one {padding:30px;}
	.footer-two {padding:30px;}
	.our-pro h2 {font-size: 25px;}
	.news-one h2 {font-size: 25px;}
	.footer .col-md-6 {padding-left: 15px; 
	padding-right: 15px;}
}
@media(max-width:800px)
{
	.our2 h4 {font-size: 14px;margin-bottom: 16px;}
	.our-pro h2 {
    font-size: 23px;
}
.news-one h2 {font-size: 23px;}
.header-text {top: 13%;}
	
}
@media(max-width:768px)
{
	.our1 {min-height: 235px;}
	.our2 {min-height: 235px;}
}
@media(max-width:767px)
{
	.our1{height: auto;}
.our1 img{height: auto;}
	.logo{text-align:center;margin-bottom:10px;}
	.row{padding:0px;margin:0px;}
}
@media(max-width:680px)
{
	.header-text{display:none;}
	.our-pro h2::before {display:none;}
.our-pro h2::after {display:none;}
.news-one h2::before {display:none;}
.news-one h2::after {display:none;}
.our2 {min-height:inherit}
}
@media(max-width:460px)
{
	.come-one h1 {font-size: 22px;}
	
}

@media(max-width:360px)
{
	.first-one {
    margin: 20px 0px;
}
.first-two h3 {font-size: 26px;}
.first-two h1 {font-size: 28px;}
.footer-two h3 {font-size: 22px;}
.footer-one h3 {font-size: 22px;}
.call-us h3 {font-size: 18px;
line-height: 27px;}
}
.maint-one h3{color:#fff;}
.maint-one:hover h3{color:#375593}
