@font-face {
    font-family: 'GothamLight';
    src: url('../fonts/Gotham-Light.otf') format('truetype');
    font-weight: normal;
    font-style: normal;}
@font-face {
    font-family: 'GothamBold';
    src: url('../fonts/Gotham-Bold.otf') format('truetype');
    font-weight: normal;
    font-style: normal;}
  ::selection {background: #33d246; color: #FFF; text-shadow: none;}
  ::-moz-selection {background: #33d246; /* Firefox */ color: #FFF; text-shadow: none;}
  ::-webkit-selection {background: #33d246; /* Safari */ color: #FFF; text-shadow: none;}

body{font-family: 'Roboto', sans-serif; font-size:16px; line-height: 26px; color:#5b616e; margin: 0px; padding: 0px; background-color:#fff; -webkit-font-smoothing: antialiased;}
ul {list-style: none; margin:0;	padding:0;}
.navbar-nav li a:hover,
.navbar-nav li a:focus {outline:none;	outline-offset: 0;text-decoration:none; background: transparent;}
a {color: #4f4f4f;	text-decoration: none;-webkit-transition: 300ms;	-moz-transition: 300ms;	-o-transition: 300ms;	transition: 300ms;}
/* a:focus, */
/* a:hover {text-decoration: none;	outline: none; opacity: 0.5;} */
h1{ font-family: 'GothamBold', sans-serif; font-size:52px; color: #000000; margin: 0 0 0 0; padding: 0 0 0 0;}
h2{ font-family: 'GothamBold', sans-serif; font-size:44px; color: #000000; line-height:48px; margin: 0 0 0 0; padding: 0 0 0 0;}
h3{ font-family: 'GothamBold', sans-serif; font-size:32px; color: #000000; line-height:42px; margin: 0 0 0 0; padding: 0 0 0 0;}
h4{ font-family: 'GothamBold', sans-serif; font-size:24px; color: #535353; line-height: normal;  margin: 0 0 0 0; padding: 0 0 0 0;}
h5{ font-family: 'GothamBold', sans-serif; font-size:18px; color: #535353; line-height: 24px; margin: 0 0 0 0; padding: 0 0 0 0;}
p{ font-family: 'Roboto', sans-serif; font-size:16px; line-height: 26px; color:#000000; margin:0px 0 0 0; padding: 0 0 0 0;}
@media (max-width:767px){
  h1{ font-size: 25px; margin: 10px 0 10px 0;}
  h2{ font-size: 18px; margin: 0 0 15px 0;}
  h3{ font-size: 18px;}
}
mark, .mark{background: rgb(19, 111, 245); color: #ffffff;}
.padding-none{padding: 0 0 0 0;}
.padding-top {padding-top:85px;}
.padding-bottom{padding-bottom:85px;}
.space-20{padding: 20px 0 0 0;}
.navbar-toggle {/*border:1px solid #fff;*/	margin-top:15px;}
.navbar-toggle i{color: #000000; font-size: 34px;}
/* .navbar-toggle .icon-bar {background-color:#000000;}
.navbar-toggle .icon-bar {display: block; width: 30px; height: 4px; border-radius: 1px;} */

.main-nav {left: 0;	position: absolute;	top: 0;	width: 100%;z-index: 1000; border: 0px;}
.top-bar-hide {display: none;}
.top-bar {position:absolute;right:51px;	top:25px;	z-index: 10;}
.top-bar span {margin-left: 45px;	color:#4f4f4f; font-size: 14px;}
.top-bar span i {color: #4f4f4f;	margin-right: 10px;	font-size: 20px;}

#navigation .container {position:relative;}
.navbar-brand {width: 300px; height:auto; padding: 0px; margin:25px 0 0 0;}
#navigation .navbar-right {margin-top: 60px; margin-right: 0px;}
#navigation .navbar-right li a {color:#000000; height: 100%; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: normal; text-transform: none; margin: 0 3px; padding:3px 15px;}
#navigation .navbar-right li a.active,
#navigation .navbar-right li a:hover,
#navigation .navbar-right li a:focus,
#navigation .navbar-right li.active a{color: #909090; border-bottom: 3px solid #33d246;}
/*Main Carousel CSS*/
#carousel-wrapper {background: url("../images/cloud-bg.jpg") #ecf5f9 no-repeat center bottom;}
#home-carousel  .item {background-position: top; background-repeat: no-repeat;	background-size:cover; width:100%; height:679px;}
.carousel-img img{width: 100%; height: auto;}
.carousel-caption {left:15px;	right:15px;	top:140px; font-size:15px; text-align:left; color:#000000; text-shadow:none;}
.banner-text{margin:0px 0 0 0; padding: 0px 0 0 0;}
.banner-text h1{color: #000000;}
.banner-text h5{color: #484848;}
.carousel-caption h3 {color: #dbeaff;}
.carousel-caption p {color: #dbeaff; text-transform: uppercase; font-size: 18px; max-width:580px;}
.bnr-btn{position: absolute; margin-top: 25px; padding: 18px 28px; background: #20b031; color: #ffffff; font-family: 'Roboto', sans-serif; font-weight: bold; font-size: 16px; line-height: normal; -webkit-border-radius:8px; moz-border-radius: 8px; border-radius:8px; border: 0px;}
.bnr-btn:hover{text-decoration: none; background: #329c3f; color: #ffffff;}
.container>.carousel-arrows {top: 580px;left:0;	position: relative;}
.home-carousel-left,
.home-carousel-right {position: absolute;	font-size: 30px;z-index: 15;	color:#000000;}
.home-carousel-left {left:0px;}
.home-carousel-right {left:25px;}
.about-content{width:100%; height: auto; margin: 0px auto; background: #f3f8fc;}
.about-content h2 {margin-bottom: 25px;}
.about-content .col-sm-4 {margin-bottom: 25px;}
/*==== Blog CSS  =====*/
.single-blog {margin-bottom:2px; overflow:hidden; height:354px;}
.entry-content {width:100%; float:left; padding:10px 40px 40px 5px; height:100%; font-weight:300; background-color: #f5f5f5;}
.entry-content a h2 {color:#454545; line-height:32px;	margin-bottom: 20px;}

.post-date {background-color: rgba(245,245,245,0.95); color: #1E1E1E; font-size: 48px; font-weight: 400; line-height: 30px; padding: 20px 25px 0; position: absolute; right: 0; text-align: center; top: 15px; -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;}
.single-blog:hover .post-date {background-color: rgba(217,35,45,0.95);	color: #fff;}
/*=== Footer CSS  ========*/
.date {background-color: #d9232d;	color: #fff;	font-size: 18px;	font-weight: 300;	left: 0;	line-height: 35px;	padding: 20px;	position: absolute;	top: 0;}
.date span {display:block;font-size:48px;}
.blog-content .entry-header {padding-bottom: 0;	padding-top:0;	position:relative;}
.blog-content .entry-meta { margin-bottom: 30px;}
.entry-header h3 {color: #000;	font-weight: 300;	margin-top: 45px;	text-transform: uppercase;}
.blog-content .entry-meta span a {font-size:16px;	font-weight:300;}
.btn.btn-dark:hover {color: #fff; background-color: #3e3e3e;}
.btn.btn-dark {color: #fff; background-color: #101010;}
.btn.btn-round {border-radius: 5px;}
.btn.focus, .btn:focus, .btn:hover {color: #333; text-decoration: none;}
a:focus, a:hover {color: #101010;}
a:hover {text-decoration: none;}
a:focus, a:hover {color: #23527c; text-decoration: underline;}
a:active, a:hover {outline: 0;}
.btn {padding: 10px 36px; margin: 0px; box-shadow: none; border-radius: 0;}
ul,li{padding:0; margin:0;}
li{list-style-type: disc; font-size: 14px; text-transform: uppercase; font-weight: bold;}
footer {min-height:350px; padding: 60px 0 0px 0;}
.logofooter { margin-bottom:25px; font-size:25px; color:#fff; font-weight:700;}
.footer-col p { color:#565b5d; font-size:14px; margin-bottom:15px;}
.footer-col p i { width:20px; color:#999;}
.footer-ul { list-style-type:none;  padding-left:0; margin-left:2px;}
.footer-ul li { line-height:24px; font-size:14px; list-style: none; padding: 5px 0;}
.footer-ul li a { color:#5a5f61; text-transform: none; font-weight: normal; }
.footer-ul i { margin-right:10px;}
.footer-ul li a:hover {color: #7f7f7f; text-decoration: underline;}
.social-links{margin: 0 0 0 0;}
.social-links ul{width: auto; height:  auto; float: left; padding: 0px 0 0 0px;}
.social-links ul li{width: auto; height:  auto; float: left; padding: 0 10px 0 0px; list-style: none;}
.social-links ul li a{width: auto; height:  auto; font-size:20px; color: #ffffff; font-size: 20px; background: #33d246; padding: 7px 10px; border-radius: 36px;}
.social-links ul li a:hover{background: #3eae4c;}
.copyright {background: #ecf5f9; padding: 0px 0; margin: 30px 0 0 0;}
.copyright .col-md-6{padding: 0px;}
.copyright span { text-align:left; color:#5a5f61; font-size: 14px; padding:10px 0; margin-bottom:0; float: left;}
.heading7 { font-size: 14px; font-weight: bold; color: #5b616e; margin-bottom: 22px; text-transform: uppercase;}
.post p { font-size:14px; color:#565b5d; line-height:28px;}
.post p span { display:block; color:#8f8f8f;}
.post p a{color:#5a5f61; text-decoration:underline;}
.post p a:hover{color: #7f7f7f; text-decoration: underline;}
.bottom_ul { list-style-type:none;  margin-bottom:0;}
.bottom_ul li { float:left; line-height:40px; font-size: 11px; text-transform: none; font-weight: normal; list-style: none;}
.bottom_ul li:after { content:"|"; color:#5a5f61; margin-right:7px; margin-left:7px;}
.bottom_ul li a { color:#5a5f61;  font-size:14px;}
.social-icon {width: 30px; height: 30px; font-size: 15px; background-color: blue; color: #fff; text-align: center; margin-right: 10px; padding-top: 7px; border-radius: 50%;}
.footer-social li{float:left; list-style: none;}
.footer-social li a img{float:left; margin: 0 10px 0 0; width:28px;}
.footer-social li a img:hover{opacity: 0.7;}
.linked-in{background-color:#007bb6;}
.facebook{background-color:#3b5998;}
.twitter{background-color:#1da1f2;}
.google{background-color:#f63e28;}
/* kreativemug styles */
.about-sec{width:100%; height: auto; padding: 120px 0;}
/* .about-sec .container{background:url('../images/about.png') no-repeat top right;} */
.about-sec h2{margin: 0px 0 40px 0; }
.about-sec h5{color: #000000; }
.about-sec span {color: #000000; text-transform: uppercase; font-size: 18px; margin-bottom: 20px; float: left;}
.about-sec p {margin: 0 0 50px 0; color: #000000;}
.ghost-btn{float: left; padding: 22px 45px; background: none; box-shadow: inset 0px 0px 0px 3px #444444; box-sizing: border-box; color: #000000; font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: bold; text-transform: uppercase; line-height: normal; margin: 0 0 10px 0;}
.ghost-btn:hover{box-shadow: inset 0px 0px 0px 4px #444444; text-decoration: none; color: #8c8c8c; box-sizing: border-box;}


.kreativemug{width:auto; float: right; margin-top: 0;}
.kreativemug span{float: left; padding-right: 5px; color: #767676; font-size: 12px;}
.kreativemug a{color: #767676; font-size: 12px; float: left; padding: 8px 0 10px 5px; margin: 0;}
.kreativemug i{font-size: 16px; color: #ff0a3f; float: left; padding: 15px 0 0 0;}
.kreativemug a:hover{opacity: 0.8; text-decoration: underline;}
.our-facilities{width: 349px; height:auto; padding: 25px; margin-right: 45px; background:url(../images/197.jpg) no-repeat top left;}
.our-facilities h3{margin: 95px 0 0 0;}
.our-facilities p{margin: 30px 0;}
.read-btn{font-family: 'ColoborateThin', sans-serif; font-size:17px; text-transform: uppercase; color: #000000; text-decoration: underline;}
.read-btn:hover{color: #ffffff; text-decoration: none; background: #136ff5;}
.csr-respo{border-left: 1px solid #c1c1c1; margin: 0px; padding: 0 0 0 50px !important;}
.csr-respo h3{margin: 0px;}
.csr-respo h5{margin-bottom: 20px;}
.csr-respo p{background:url(../images/198.jpg) no-repeat top left; background-size: contain; padding: 220px 50px 20px 50px;}

.success-story{width:320px; height: auto; padding: 20px 20px 20px 0; margin: 0 15px 0 15px;}
.inner-banner{width:100%; height: auto; background: url(../images/inner-banner.jpg) no-repeat #ecf5f9; background-size: cover; background-position:right bottom; color: #fff; text-align: center;}
.sub-bnr-text {text-align: left; margin:210px 0 15px 0; padding: 0px;}
.sub-bnr-text h1{color: #000000;}
.sub-bnr-text h5{color: #535353; text-align: left; text-transform: uppercase; margin: 20px 0 15px 0; padding: 0px;}
.sub-bnr-img{float: left; margin: 100px 0 0 0; }
.sub-bnr-img img{width:auto; height: auto;}
/*========================
g-map styles
===========================*/
.g-map{ margin-bottom: 0px; margin-top:0px;}
#map {width: 100%; height: 550px; margin-top: 0px; margin-bottom: 0px;}
.info-window { font-family: 'Montserrat', sans-serif;}
.info-content { color: #999;}
.form-group span{ font-family: 'GothamBold', sans-serif; font-size: 12px; text-transform: uppercase; color: #333333;}
.form-group label{color: #ff0000; background: none; padding: 0 0 0 0;}
.form-group input{height: 38px; border-radius: 0px; font-family: 'ColoborateThin'; font-size: 16px; color: #333333;}
.form-group textarea{border-radius: 0px; font-family: 'ColoborateThin'; font-size: 16px; color: #333333;}
.contact-page{padding: 100px 0;}
.info-window p{color: #333333; padding: 0  0;}
/* BOX ON MAP  */
.box-contacts {width:330px; position: absolute; z-index: 1; left: 75px; margin-top: 100px; background: #33d246; padding: 40px 60px; text-align: left; box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.16); font-size: 14px;  text-transform: uppercase; color: #ffffff;}
.box-contacts h3{color: #ffffff; }

/* about page */
.about-pg-sec{width:100%; height: auto;}
.about-pg-sec .container{background: url('../images/reborn-papers-kallai.png') no-repeat top center;}
.lead-text-hilight{margin: 350px 0 0px 0; padding: 50px; background: #ecf5f9;}
.lead-text-hilight h2{margin-bottom: 0px; font-size: 32px; line-height: 44px;}
.lead-text-hilight h3{background-color:#1a40bc; font-size: 24px; display:inline; color: #ffffff; line-height: 46px; padding: 5px 0px;}
.about-pg-copy{padding: 50px 100px 0 100px;}
.about-pg-copy h3{padding-bottom: 30px;}
.about-pg-copy h5{padding-bottom: 30px; line-height: 32px; color: #000000;}
/* col-5s */
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px;}
.col-xs-15 {width: 20%; float: left;}
@media (min-width: 768px) {
.col-sm-15 {width: 20%; float: left;}
}
@media (min-width: 992px) {
    .col-md-15 {width: 20%; float: left;}
}
@media (min-width: 1200px) {
    .col-lg-15 {width: 20%; float: left;}
}
/* .values{background: #f8f8f8; padding:25px 10px; }
.values:last-child{border-right: 0px;}
.values i{width: 100%; font-size: 80px; color: #bdbdbd; text-align: center;}
.values h3{text-align: center; padding-bottom: 20px; color: #5f6369; }
.values h5{text-align: center; padding-bottom: 20px; color: #5f6369; }
.values p{text-align: center; padding-bottom: 20px; color: #5f6369; }
.values:hover{background:url('../images/best-white-cements-kerala.jpg') no-repeat top center #ffffff; box-shadow: 0px 4px 30px 0px rgba(124, 124, 124, 0.7);} */
.three-boxes{width:100%; height: auto;}
.box1{margin-top:5%; padding: 0px;}
.box1 a{margin-top: 8%; text-transform: uppercase; }
.solution-heading{width: 100%; height: 306px; background: url("../images/solu-head-bg.jpg") repeat; padding: 25% 0 0 20%;}
.solution-heading{width: 100%; height: 306px; background: #33d246; padding: 25% 0 0 20%;}
@media (max-width:767px){
.solution-heading{padding: 10% 0 0 10% !important;}
}
.solution-heading h2{font-size:40px; color: #ffffff; }
.solution-heading p{text-align: left;}
.solution-heading h2 span{font-family: 'GothamLight'; font-size: 30px;}
.solution-heading a{background-color: #1a40bc; float: right; padding: 10% 15%; -webkit-transition: .3s ease-in-out;	transition: .3s ease-in-out;}
.solution-heading a i{color: white; font-size: 30pt;}
.solution-heading a:hover{background-color: #1a1c29;}
.box1-content{background-color: #1a40bc; padding: 18% 15% 12% 15%; float: left;}
.box1-content h5{font-size: 14px; color: #ffffff; text-transform: uppercase;}
.box2{margin-top:0; padding: 0px;}
.box2 a{margin-top: 8%; text-transform: uppercase; }
.custom-img figure {background: #33d246;}
.custom-img figure img {width: 100%; opacity: 1; -webkit-transition: .3s ease-in-out;	transition: .3s ease-in-out;}
.custom-img figure:hover img {opacity: .5;}
.box2-content{background-color: #ecf5f9; padding: 18% 15% 12% 15%; float: left;}
.box2-content p{margin-top: 5%; font-kerning: none; letter-spacing: -.5px;}
.box3{margin-top:6%; padding: 0px;}
.box3 a{margin-top: 8%; text-transform: uppercase; }
.box3-content{background-color: #33d246; padding: 8% 15% 12% 15%; float: left;}
.box3-content p{margin-top: 5%; font-kerning: none; letter-spacing: -.5px;}

.floating {animation-name: floating; animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: ease-in-out;}
@keyframes floating {
    from { transform: translate(0,  0px); }
    65%  { transform: translate(0, 15px); }
    to   { transform: translate(0, -0px); }
}

.white-space{padding: 25px;}
.white-space-small{padding: 10px;}
/* TAB CSS */
main {min-width: 320px; max-width: 1100px; padding: 50px 15px 100px 15px; margin: 0 auto;}
.tab-view section {display: none;  padding: 20px 50px;  border-top: 1px solid #ecf5f9; background: #ecf5f9;}
input {display: none;}
label {display: inline-block; margin: 0 0 -1px; padding: 15px 15px; border: 1px solid transparent; font-family: 'GothamBold', sans-serif; font-size:13px; text-transform: uppercase; color: #dbe9ff; background: #1a40bc;}
label:before {font-family: fontawesome; font-weight: normal;  margin-right: 10px;}
label[for*='1']:before { content: '\f0c3';}
label[for*='2']:before { content: '\f15b';}
label[for*='3']:before { content: '\f1ad';}
label[for*='4']:before { content: '\f085';}
label[for*='5']:before { content: '\f1b3';}
label:hover { color: #ffffff; cursor: pointer; background: #1451b0;}
input:checked + label { color: #33d246; border: 1px solid #ecf5f9; border-top:4px solid #33d246; border-bottom: 1px solid #f1f1f1; background: #ecf5f9;}
#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4 {display: block;}
@media screen and (max-width: 650px) {
  label { font-size: 0;}
  label:before {margin: 0; font-size: 18px;}
}
@media screen and (max-width: 400px) {
  label { padding: 15px; }
}

.we-clt-papers{width:100%; height: auto;}
.we-clt-papers .container{background:url('../images/waste-paper-recycle-calicut.png') #1a40bc no-repeat top right; padding:50px; background-size: contain; }
.main-green-box{/*width:440px;*/ height:auto; background: #33d246; padding:25px 20px 25px 40px; float: left; margin: 150px 0 0 0px; -webkit-box-shadow: 0px 9px 18px -7px #071d67; -moz-box-shadow: 0px 9px 18px -7px #071d67; box-shadow: 0px 9px 18px -7px #071d67; }
.main-green-box h1{color: #fefffe; margin: 40px 0 15px 0; position: relative;}
.main-green-box h1::after {content: ""; top: -10px; left: 0px; background: #fefffe; height: 4px; width: 80px; position: absolute;}
.main-green-box h5{color: #ecffee; padding: 0 0 10px 0;}
.main-green-box p{color: #ecffee; padding: 0 0 15px 0;}

/* .main-green-box a {color: #b5fbbd;}
.main-green-box a i{color: #b5fbbd;} */
.readmore-link {font-family: 'Roboto', sans-serif; font-weight: bold; font-size: 12px; text-transform: uppercase; color: #ffffff;}
.readmore-link i {padding-left: 10px; color: #ffffff;}
.readmore-link:hover{color: #91a2db;}
.main-white-box{width:220px; height: auto; background: #ffffff; padding: 60px 25px 30px 25px; float: left; margin:298px 0 0 30px; -webkit-box-shadow: 0px 9px 18px -7px #071d67; -moz-box-shadow: 0px 9px 18px -7px #071d67; box-shadow: 0px 9px 18px -7px #071d67;}
.main-white-box h5{color: #000000; position: relative; padding: 0 0 20px 0;}
.main-white-box h5::after {content: ""; top: -15px; left: 0px; background: #33d246; height: 4px; width: 80px; position: absolute;}
.what-we-do .col-md-12{padding: 0 25px;}
.what-we-do p{padding:30px 0;}
.whatwedo-box{padding: 25px 25px 0 25px;}
.what-we-do h2{position: relative;}
.what-we-do h2::after {content: ""; top: -15px; left: 0px; background: #33d246; height: 4px; width: 80px; position: absolute;}
.whatwedo-box img{border:12px solid #cecece; margin-bottom: 40px;}
.whatwedo-box p{float: left; padding:15px 30px}
.whatwedo-sub{width: 100%; height: auto; float: left; padding: 0 30px;}
.whatwedo-sub img{width: 90px; float: left; border: none; margin-bottom: 0;}
.whatwedo-sub h3{/*float: left;*/ padding:5px 0;}

/* product card slider css */
.col-center {margin: 0 auto;	float: none !important;}
.carousel {margin: 0px;	padding: 0 0px;}
.carousel .item {overflow: hidden;}
.carousel .item h3{padding:35px 30px 15px 30px; float: left; width:100%; line-height: 42px;}
.carousel .item p{padding:0px 30px 15px 30px; float: left; width:100%;}
.carousel .item .img-box {margin: 0; padding: 0; border: 14px solid #1a40bc; float: left;}
.carousel .img-box img {width: 300px;	height: auto; display: block;}
.carousel .testimonial {padding: 30px 0 10px;}
/* .carousel .carousel-indicators {bottom: -40px;} */
.carousel .carousel-indicators {list-style: none; position: unset; bottom: 10px; left: 0; z-index: unset; width: auto; margin-left: 0; text-align: unset; list-style: none; padding: 0 27px;}

.carousel-indicators li, .carousel-indicators li.active {width: 13px;	height: 13px;	margin: 1px 3px; border-radius: 50%;}
.carousel-indicators li {border: 2px solid #33d246;}
.carousel-indicators li.active {border: 2px solid #cfcfcf;}
.services-box{padding:0 35px;}
.services-box p{padding: 20px 0;}
.services-box h5{padding-bottom: 30px;}
.services-box h5 span{color: #000000;}
.services-box img{transition: .5s ease;}
.services-box img:hover{box-shadow: 0 0 0 10px #1ec832; transition: .5s ease; transform: scale(1.1);}

.affiliated-company{padding: 50px 100px 0px 50px;}
.affiliated-company h3{padding-bottom: 20px;}
.branch-logo{margin: 0px; padding: 0px; background: #f9faf9;}
.branch-intro{background: #1a40bc; padding: 50px 40px 54px 45px}
.branch-intro h5{color: #ffffff; padding: 0 0 15px 0; text-transform: uppercase;}
.branch-intro p{color: #ffffff; padding-bottom: 20px;}
.more-about-recycle{padding: 0 0 0 0;}


/* logo Slider bottom */
.logo-slider{width: 100%; height: auto; padding:80px 0 50px 0;}
/* .logo-slider img{width: 100% !important; height: 111px !important; float: left; padding: 0 10px;} */
.quick-contact{width: 100%; height: auto; padding:25px 0; background: #101b41;}
.quick-contact .col-md-3{border-right: 1px solid #9a94c3;}
.quick-contact i{font-size: 38px; color: #ffffff; padding: 0px 15px 0 0; float: left;}
.quick-contact h5{padding-bottom: 0px; line-height: 28px; float: left;}
.quick-contact h5 span{font-size: 16px; color:#33d246; text-transform: uppercase; font-family:'Roboto', sans-serif; }
.quick-contact a{text-decoration: underline; font-size: 15px; color: #ffffff; text-transform: uppercase;}

.why-choose-us{width:100%; height: auto; background: url('../images/what-we-do-bg-2.jpg') no-repeat top left #ecf5f9; background-size: cover;}
.why-choose-us h2{margin: 0 0 15px 0; color: #ffffff;}
.why-choose-us h5{margin: 0 0 35px 0; color: #ffffff}
.whychoose-box{padding:0 30px; margin: 20px 0 0 0;}
.whychoose-box img{padding: 0 0 20px 0;}
.whychoose-box h4{padding: 0 0 20px 0; color: #ffffff;}
.whychoose-box p{color: #ededed;}

.contact-box{padding:0 30px; margin: 20px 0 0 0;}
.contact-box img{padding: 0 0 20px 0;}
.contact-box h4{color: #000000; padding: 0 0 10px 0;}
.contact-box h5{color: #000000;}
/* .contact-box p{color: #ededed;} */
/* ===== COUNTER ==== */
.charts_orb h3{color: #ffffff; padding-bottom: 30px;}
.charts_orb .orb {padding: 20px;}
.charts_orb .orb .orb_graphic {position: relative;}
.charts_orb .orb .orb_graphic .orb_value {width:100%; height: 100%; color: #33d246; font-size: 4em; font-family: 'GothamBold', sans-serif; position: relative;}
.charts_orb .orb .orb_graphic .orb_value::after {content: ""; top: -30px; left: 0px; background: #33d246; height: 4px; width: 80px; position: absolute;}
.charts_orb .orb .orb_label {text-transform: uppercase; margin-top: 2em;}

.recycling-serivces{width:100%; height: auto;}
.recycling-serivces h2{padding-bottom: 10px;}
.recycling-serivces .col-md-12{padding-left: 0px; padding-right: 0;}
.services-image{padding: 30px;}
.services-image a{background: #0fd760; padding: 15px 25px; float: left; color: #ffffff;}
.services-text{padding: 30px 30px 0 0;}
.services-text h3{padding:15px 0px; position: relative;}
.services-text h3::after {content: ""; top: -0px; left: 0px; background: #33d246; height: 4px; width: 80px; position: absolute;}
/* ======= porduct card CSS ===== */
.snip1527 {box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); color: #ffffff; float: left; margin: 10px 1% ;max-width: 310px; min-width: 250px; overflow: hidden; position: relative; text-align: left; width: 100%; padding: 0 0 0 0;}
.snip1527 * {-webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.25s ease; transition: all 0.25s ease;}
.snip1527 img {max-width: 100%; vertical-align: top; position: relative;}
.snip1527 figcaption {width:364px; padding: 25px 20px 25px; position: absolute; bottom: 0; z-index: 1;}
.snip1527 figcaption:before {position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: '';
background: #082c7e;
background: -moz-linear-gradient(45deg,  #082c7e 0%, #1a40bc 100%);
background: -webkit-linear-gradient(45deg,  #082c7e 0%,#1a40bc 100%);
background: linear-gradient(45deg,  #082c7e 0%,#1a40bc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#082c7e', endColorstr='#1a40bc',GradientType=1 ); opacity: 0.8; z-index: -1;}
.snip1527 h4 {display: inline-block; margin-bottom: 8px; color: #ffffff; font-size: 18px;}
.snip1527 h5 {margin-bottom: 14px; color: #acbfff;}
.snip1527 p {font-size: 0.8em; line-height: 1.6em; margin-bottom: 0px; color: #acbfff;}
.snip1527 a {left: 0; right: 0; top: 0; bottom: 0; position: absolute; z-index: 1;}
.snip1527:hover img,
.snip1527.hover img {-webkit-transform: scale(1.1);transform: scale(1.1);}

.product-sec{width:100%; height: auto;}
.product-sec h2{margin: 0 0 15px 0;}
.product-sec h5{margin: 0 0 35px 0;}
.product-box{padding:0 30px; margin: 20px 0 0 0;}
.product-box img{padding: 0 0 20px 0;}
.product-box h4{padding: 0 0 20px 0;}
.product-box p{}

  /* Extra small devices (phones, 600px and down) */
  @media only screen and (max-width: 600px) {
    .we-clt-papers .container{padding: 20px;}
    .main-white-box{width: auto; margin: 30px 0 0 0;}
    .services-box{padding: 0 0 0 0;}
    .inner-banner{height: auto; background-size: auto; padding-bottom: 30px;}
    .sub-bnr-text{margin: 160px 0 15px 0;}
    .sub-bnr-img{margin: 40px 0 0 0;}
    .about-pg-copy{padding: 30px 30px 0 30px;}
    #home-carousel .item{height: 768px;}
  }

  /* Small devices (portrait tablets and large phones, 600px and up) */
  @media only screen and (min-width: 600px) {

  }

  /* Medium devices (landscape tablets, 768px and up) */
  @media only screen and (min-width: 768px) {

  }

  /* Large devices (laptops/desktops, 992px and up) */
  @media only screen and (min-width: 992px) {

  }

  /* Extra large devices (large laptops and desktops, 1200px and up) */
  @media only screen and (min-width: 1200px) {

  }

  /* Float animate button */
  .float {position:fixed; bottom:40px; right:30px; text-align:center; z-index:1000;}
  .float .trigger {border-radius:50%; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); position:relative; background:#42cf47; color:#fff; height:50px; width:50px; vertical-align:middle; animation: 1.5s linear 0s infinite normal pulse; transition: ease-in-out 0.2s; cursor: pointer;}
  .float .trigger a i{color: #ffffff;}
  .float .trigger:hover{transform:scale(1.1);}
  .float.open .trigger .fa::before{content: "\f00d";}
  .float .trigger .fa::after{transition: ease-in-out 1s;}
  .fab.open .trigger i{transition: all 0.4s ease; transform: translateY(5px) rotate(360deg);}
  .float i{font-size:28px; line-height:50px;}
  .float .actions{opacity:0; transition: opacity 0.4s ease;}
  .float.open .actions{opacity:1;}
  .float .p-whatsapp a{position: absolute; opacity:0; background: #fff; color: #333; height: 60px; width: 60px; line-height: 40px; transition: transform 0.4s ease; right: 80px; transform: translateY(50px); transition: all 0.4s ease; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); border-radius: 50%; right:-50px; transition-delay:0.3s; transform-origin: right center 0;}
  .float.open .p-whatsapp a{position: absolute; top: 0; opacity:1; background: #fff; color: #333; height: 60px; width: 60px; line-height: 40px; transition: transform 0.4s ease; right: 0px; transform: translateY(50px); transition: all 0.4s ease; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); border-radius: 50%; transition-delay:0.2s;}
  .float.open .p-whatsapp a:hover{background:#25d366; color:white;}
  .float .actions .p-info:nth-child(1){transform: translateY(-180px)}
  @keyframes pulse {
      0% {box-shadow: 0px 1px 0px 3px #42cf477a, 0px 0px 0px 0px #42cf4742;}
      30% {box-shadow: 0px 1px 0px 3px #42cf477a, 0px 0px 0px 5px #42cf4742;}
      70% {box-shadow: 0px 1px 0px 3px #42cf477a, 0px 0px 0px 15px #42cf4742;}
      100% {box-shadow: 1px 1px 2px 1px #42cf477a, 0px 0px 0px 20px transparent;}
  }
.paper_shredding_box{background: #fbfbfb; padding: 20px; border: 1px solid #dcdcdc;}
.paper_shredding_box h2{padding-bottom: 20px;}
.shredding_copy{padding: 15px 15px 0 0;}
.shredding_copy h4{color: #000000; padding: 15px 0;}
.shredding_copy ul{width: 100%; height: auto; float: left; background: #42cf48; padding: 15px 30px;}
.shredding_copy ul li{width:100%; height: auto; font-size: 16px; color: #ffffff; loat: left; padding: 3px 5px; text-transform: none; }
/* .paper_shredding_box a{position: absolute; bottom: 30px; left: 30px;} */


.why-shredding{width:100%; height: auto; background: url('../images/shredding_bg.jpg') no-repeat top left #ecf5f9; background-size: cover;}
.why-shredding h2{margin: 0 0 15px 0; color: #ffffff;}
.why-shredding h5{margin: 0 0 35px 0; color: #ffffff}
.whychoose-box{padding:0 30px; margin: 20px 0 0 0;}
.whychoose-box img{padding: 0 0 20px 0;}
.whychoose-box h4{padding: 0 0 20px 0; color: #ffffff;}
.whychoose-box p{color: #ededed;}