@charset "utf-8";
/* CSS Document */
body { margin: 0px; overflow-x: hidden !important; -webkit-text-stroke: 1px transparent; }
iframe { overflow: hidden !important; }

/* Mozilla based browsers */
::-moz-selection {
background-color: #ed1c24;
color: #fff;
}
::-webkit-selection {
background-color: #ed1c24;
color: #fff;
}
/* Works in Safari */
::selection { background-color: #ed1c24; color: #fff; }
#wrapper { width: 100%; height: auto; margin: auto; }
#header { width: 100%; height: auto; margin: auto; top: 0; left: 0; border-top: 2px solid #2a333f; background: #fff; -moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16); -webkit-box-shadow: 0 2px 3px 0px rgba(51, 51, 51, .5); box-shadow: 0 2px 3px 0px rgba(51, 51, 51, .5); padding-bottom: 10px; }
#top-contact { width: 100%; height: auto; margin: auto; padding: 10px 0px 10px 20px; border-bottom: 1px #CCCCCC solid; text-align: center; }
#top-contact .row { margin-right: 0%; }
.top-contact-text { font-size: 15px; color: #2a333f; margin-left: 5px; margin-right: 40px; font-family: 'Open Sans', sans-serif; }
.top-icon { color: #2a333f !important; padding-top: 9px; }
#menu-bar { width: auto; height: 0px auto !important; padding: 0px 0px 15px 0px; margin-top: 8px; }
.menu-bar { padding: 0px; margin: 0px; border: none !important; background: none !important; z-index: 1 }
.navbar-right { margin-right: -30px !important; }
.navbar-default .container { -webkit-transition: padding .3s ease-out; transition: padding .3s ease-out; z-index: 1000; }
.navbar-brand { position: relative; font-family: 'Open Sans', sans-serif; color: #990000 !important; margin-top: 0px; position: relative; padding: 0px; margin-left: 0px !important; }
.menu-bar a { padding: 14px 0px !important; font-size: 16px; font-weight: normal; text-transform: uppercase; color: #2a333f !important; font-family: 'Open Sans', sans-serif; text-align: center; -webkit-transition: color .2s ease-out, padding .3s ease-out; transition: color .2s ease-out, padding .3s ease-out; text-shadow: none; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; margin-top: 20px; margin-left: 15px; margin-right: 15px; margin-bottom: 3px; }
.menu-bar a::after { position: absolute; left: 0; width: 100%; height: 1px; background: #2a333f; content: ''; opacity: 0; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; -moz-transition: opacity 0.3s, -moz-transform 0.3s; transition: opacity 0.3s, transform 0.3s; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); transform: translateY(-10px); }
.menu-bar a::after { bottom: 10px; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); transform: translateY(10px); }
.menu-bar a:hover, .menu-bar a:focus { color: #900; }
.menu-bar a:hover::before, .menu-bar a:focus::before, .menu-bar a:hover::after, .menu-bar a:focus::after { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); }
/* Banner */
#banner { width: 100%; height: auto; margin: auto; padding: 0px 0px 20px 0px; }
/* Content-one */
#content-one { width: 100%; height: auto; margin: auto; padding: 30px 0px 30px 0px; }
.icon { font-size: 50px; text-align: center !important; color: #2a333f; margin-top: 20px; }
#content-one h1 { font-family: 'Open Sans', sans-serif; font-size: 26px; text-align: center; color: #2a333f !important; margin-bottom: 20px; font-weight: normal; text-transform: uppercase; }
#content-one p { font-family: 'Open Sans', sans-serif; text-align: center; color: #2a333f; line-height: 20px; margin-bottom: 25px; padding-left: 20px; padding-right: 20px; font-size: 13px; }
.read-more { background-color: #ed1c24 !important; border: none !important; color: #FFF !important; }
/* Underline Reveal */
.hvr-underline-reveal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; }
.hvr-underline-reveal:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; bottom: 0; background: #2a333f; height: 4px; -webkit-transform: translateY(4px); transform: translateY(4px); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before { -webkit-transform: translateY(0); transform: translateY(0); }
.butten-content-one { border-radius: 0px; }
/* Fade */
.hvr-fade { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; overflow: hidden; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: color, background-color; transition-property: color, background-color; }
.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active { background-color: #eee; }
/* Our Product */
#our-products { width: 100%; height: auto; padding: 60px 0px 60px 0px; margin: auto; background-color: #f2f2f2; }
#our-products h1 { font-family: 'Open Sans', sans-serif; text-align: center; color: #2a333f !important; margin-bottom: 20px; font-size: 24px; }
#our-products hr { background-color: #ccc; border: none; width: 97%; height: 1px; }
/* Lightbox */
.col-lg-3 { display: flex; justify-content: center; align-items: center; padding-top: 20px; padding-bottom: 20px; }
.lightbox { border: 0; box-shadow: none; display: inline-block; position: relative; text-decoration: none; }
.lightbox-zoom { background: #fff; bottom: 0; color: #ed1c24; line-height: 1; padding: .306em .5em; position: absolute; right: 0 }
.lightbox-no-scroll { overflow-y: hidden; }
/* our-clients */
#our-clients img { margin: auto !important; display: block !important; }
/* Overlay */
.lightbox-overlay { background: rgba(17, 17, 17, .8); bottom: 0; box-sizing: border-box; left: 0; position: fixed; right: 0; top: 0; z-index: 32; overflow: hidden; }
.lightbox-overlay *, .lightbox-overlay *::before, .lightbox-overlay *::after { box-sizing: inherit; }
.lightbox-overlay[aria-hidden="true"] { display: none; }
/* Slider */
.lightbox-slider { -webkit-transition: left .3s ease, -webkit-transform .3s ease; bottom: 0; left: 0; position: absolute; right: 0; top: 0; transition: left .3s ease, -webkit-transform .3s ease; transition: left .3s ease, transform .3s ease, -webkit-transform .3s ease; transition: left .3s ease, transform .3s ease; white-space: nowrap; }
/* Content */
.lightbox-content { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; }
.lightbox-content figure { position: relative; }
.lightbox-content img { display: block; height: auto; max-height: 85vh; max-width: 85vw; width: auto; }
.lightbox-content figcaption { background: rgba(17, 17, 17, .8); bottom: 0; color: #fff; display: block; left: 0; padding: .25em .5em; position: absolute; width: 100%; }
.lightbox-overlay button { -moz-appearance: none; -webkit-appearance: none; appearance: none; background: transparent; border: 0; color: #fff; cursor: pointer; font-size: 1.6em; height: 1.8em; line-height: 1.6; margin: 0; padding: 0; position: absolute; text-align: center; width: 1.8em; }
.lightbox-overlay button:focus { border: 1px solid #fff; outline: 0; }
.lightbox-overlay button:disabled { cursor: default; opacity: .5; }
.lightbox-overlay button[aria-label="Previous"], .lightbox-overlay button[aria-label="Next"] { top: 50%; top: calc(50% - (1.6em / 2));
}
.lightbox-overlay button[aria-label="Previous"] { left: 2%; }
.lightbox-overlay button[aria-label="Next"] { right: 2%; }
.lightbox-overlay button[aria-label="Close"] { top: 1em; right: 2%; }
.lightbox-counter { background: transparent; color: #fff; font-size: 1.15em; left: 2%; position: absolute; top: 1em; }
.lightbox-loader { width: 5em; height: 5em; display: inline-block; position: absolute; top: 50%; left: 50%; margin-top: -2.5em; margin-left: -2.5em; }
.lightbox-loader::before { -webkit-animation: spin 1s infinite; animation: spin 1s infinite; border-radius: 100%; border: .5em solid #9f9f9f; border-top-color: #2727a4; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; z-index: 1; }
 @-webkit-keyframes spin { 0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
 @keyframes spin { 0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
/***** Marley *****/
/*---------------*/
.next { background-color: #ed1c24 !important; border: #fff solid 1px !important; color: #FFF !important; }
.next:hover { background-color: #d51e23 !important; }
/* Our-clients */
#our-clients { width: 90%; height: auto; padding: 30px 0px 30px 0px; margin: auto; background-color: #fff; }
.clients-show { width: 100%; height: auto; margin: auto; }
.clients-img { padding: 5px !important; margin: 5px !important; border: 1px solid #fff; }
/* Footer */
#footer { width: 100%; height: auto; padding: 60px 0px 10px 0px; margin: auto; background: #666; border-top: 5px solid #888; }
#footer .row { padding-bottom: 40px; }
#footer h1 { font-family: 'Open Sans', sans-serif; color: #fff !important; margin-top: 0px; margin-bottom: 10px; font-size: 26px; text-transform: uppercase; }
.rw-wrapper { width: 95%; position: relative; margin: 0px auto 0 auto; font-family: 'Open Sans', sans-serif; padding: 0px; }
.rw-sentence { margin: 0; text-align: left; line-height: 20px; }
.rw-sentence span { color: #fff; font-size: 14px; font-weight: normal; }
.rw-wrapper li { width: auto; background-color: #888; padding: 5px 5px 5px 5px; font-size: 16px; color: #FFF; text-decoration: none !important; margin: 2px 1px 2px 1px; list-style-type: none; float: left; margin-right: 1px; margin-bottom: 0px; text-transform: uppercase; font-weight: normal; }
.rw-wrapper ul { width: 70% !important; padding-top: 15px !important; }
.clearfix { list-style-type: none; margin: 0px !important; padding: 0px; float: left; }
.footer-contact { padding-left: 95px; }
.contact-icon, #footer h6 { margin-left: 0px; margin-right: 10px; margin-top: 5px; font-size: 24px; color: #fff; float: left; margin-bottom: 8px; }
#footer p { font-family: 'Open Sans', sans-serif; font-size: 14px; color: #fff; float: left; text-align: left; font-weight: normal !important; padding-right: 0px; line-height: 23px; padding-top: 0px; }
#footer h4 { font-family: 'Open Sans', sans-serif; text-align: center; color: #fff !important; padding-top: 8px !important; font-size: 12px; font-weight: normal !important; }
.footer-border { border-top: 1px solid #888; width: 100%; }
#footer a { color: #000 !important; text-decoration: none; }
.socia-fonts { color: #fff !important; margin-top: 25px; margin-bottom: 20px; }
.world-map { background-image: url(images/world-map.png); background-repeat: no-repeat; background-position: center center; }
#footer a:hover, #footer a:focus { color: #fff !important; transition: 0.4s; }
/* Back to top */
.cd-top { display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 60px; right: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); overflow: hidden; text-indent: 100%; white-space: nowrap; background: #ed1c24 url(images/top-arrow.svg) no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; }
.cd-top.cd-is-visible { visibility: visible; opacity: 1; }
.cd-top.cd-fade-out { opacity: 1; }
.cd-top:hover, .cd-top:focus { background-color: #d51e23 !important; }
/* Service */
.backgrount button { border: 1px solid #ed1c24; background: transparent; padding: 6px 12px; }
.service-body { background: none !important; border: none !important; margin-top: 2px; }
.service-body ul { margin: 0px; background-color: #FFF !important; padding: 8px 10px 8px 10px !important }
.service-body li { background-color: #ed1c24!important; text-align: center !important; font-family: 'Open Sans', sans-serif; color: #FFFFFF !important; font-size: 24px; list-style: none; border-bottom: 2px solid #fff !important; border-top: 2px solid #fff !important; padding-top: 5px; padding-bottom: 5px; text-transform: uppercase; }
/* About us */
#about-us { width: 100%; height: auto; margin: auto; background: #2a333f; text-align: center; }
.about-us { background-color: #FFF !important; padding-bottom: 30px; }
#about-us h1 { font-family: 'Open Sans', sans-serif; color: #fff !important; font-size: 28px; margin-bottom: 20px !important; }
#about-us .breadcrumb a, .breadcrumb { color: #FFF !important; font-size: 16px; font-family: 'Open Sans', sans-serif; }
#about-us h2 { font-family: 'Open Sans', sans-serif; color: #2a333f !important; font-size: 24px; text-align: left !important; padding-top: 20px; }
.breadcrumb { background-color: transparent !important; }
#about-us h5 { font-family: 'Raleway', sans-serif; color: #fff !important; font-size: 24px; text-align: center !important; font-weight: normal !important; text-transform: capitalize; margin: 30px 0 30px 0; line-height: 35px !important; }
#about-us p { font-family: 'Open Sans', sans-serif; color: #2a333f !important; font-size: 14px; text-align: justify !important; margin-top: 20px; line-height: 22px; }
.border { border-radius: 0px; }
#about-us .col-md-12 { padding-left: 0px !important; padding-right: 30px !important; }
.panel-heading:hover { background-color: #ed1c24 !important; -webkit-transition: all .5s ease-in 0s; -moz-transition: all .5s ease-in 0s; -ms-transition: all .5s ease-in 0s; -o-transition: all .5s ease-in 0s; transition: all .5s ease-in 0s; cursor: pointer; color: #fff !important; }
.panel-title { font-family: 'Open Sans', sans-serif; color: #2a333f !important; font-size: 24px; text-align: left !important; text-transform: capitalize; }
.panel-title a:hover { text-decoration: none; }
.panel-heading h4:hover { text-decoration: none !important; color: #fff !important; }
.panel-body { font-family: 'Open Sans', sans-serif; color: #2a333f !important; font-size: 14px; text-align: justify !important; }
.margin-top { margin-top: 65px !important; }
#about-us h3 { font-family: 'Open Sans', sans-serif; color: #2a333f !important; font-size: 24px; text-align: center !important; font-weight: bold; padding-top: 20px; padding-bottom: 20px; }
/* 12. Timeline */
.timeline { position: relative; margin-bottom: 60px !important; margin-top: 50px; }
.timeline .timeline-centered .item { background-color: rgba(0,0,0,0.06); padding: 15px; margin-bottom: 30px; position: relative; margin-top: 100px; }
.timeline .timeline-centered .item:first-child { margin-top: 0; }
.timeline-centered:after { background: #ddd; z-index: 0; content: ""; display: block; top: 0; bottom: 0; position: absolute; width: 4px; opacity: 0.35; left: 50%; margin-left: 0; height: 100%; }
.timeline-centered .item { max-width: 46%; }
.timeline .timeline-centered .item.pull-right:after { right: 99%; border: solid transparent; content: " "; width: 0; height: 0; position: absolute; border-right-color: rgba(0,0,0,0.06); border-width: 10px; top: 10px; left: -20px; }
.timeline .timeline-centered .item.pull-right:before { right: 99%; border: #ed1c24 5px solid; content: " "; position: absolute; top: 10px; left: -43px; background-color: #ed1c24 !important; width: 22px; height: 22px; z-index: 1; }
.timeline .timeline-centered .item.pull-left:after { right: 99%; border: solid transparent; content: " "; width: 0; height: 0; position: absolute; border-left-color: rgba(0,0,0,0.06); border-width: 10px; top: 10px; right: -20px; }
.timeline .timeline-centered .item.pull-left:before { right: 99%; border: #ed1c24 5px solid; content: " "; position: absolute; top: 10px; right: -46px; background-color: #ed1c24; width: 22px; height: 22px; z-index: 1; }
.timeline .timeline-centered .item.pull-left h4 { text-align: right; }
.timeline .timeline-centered .item.pull-right .timeline-centered-title { float: right; content: ' '; clear: both; font-size: 19px; }
.timeline .timeline-centered .item.pull-left .timeline-centered-title { float: left; content: ' '; clear: both; font-size: 19px; }
.timeline .timeline-centered p { content: ''; clear: both; }
 @media only screen and (max-width: 767px) {
.timeline-centered .item { width: 99% !important; max-width: 100% !important; margin: 0 0 30px 0 !important; }
.timeline .timeline-centered .item.pull-left, .timeline .timeline-centered .item.pull-right { float: none !important; display: block !important; position: relative !important; }
.timeline .timeline-centered .item.pull-left h4 { text-align: left; }
.timeline .timeline-centered .item.pull-right:after, .timeline .timeline-centered .item.pull-right:before, .timeline .timeline-centered .item.pull-left:after, .timeline .timeline-centered .item.pull-left:before, .timeline-centered:after { display: none; }
}
/* Contact us */
#about-us .container-fluid { padding: 0px !important; }
.map { margin-bottom: 42px !important; }
.contactform { position: absolute; z-index: 1000; margin-left: 40px; padding-top: 50px; background-color: rgba(255,255,255,.5); padding-bottom: 85px; }
input[type="text"], input[type="email"], input[type="number"] { border: solid 1px #000; width: 100%; height: 50px; padding-left: 15px; }
textarea { border: solid 1px #000; width: 100%; height: 150px; padding-left: 15px; }
input[type="submit"] { border: solid 1px #000; width: 100%; height: 50px; margin-top: 30px; background: none !important; }
.padding { padding-bottom: 50px !important; padding-top: 50px; }
@media screen and (min-width:2560px) {
#top-contact { padding: 10px 400px 10px 20px; }
}
@media screen and (min-width:1920px) and (max-width: 2559px) {
#top-contact { padding: 10px 190px 10px 20px; }
#our-clients { width: 70%; height: auto; padding: 30px 0px 30px 0px; margin: auto; background-color: #fff; }
}
@media screen and (min-width:1600px) and (max-width: 1919px) {
#top-contact { padding: 10px 80px 10px 20px; }
#our-clients { width: 80%; height: auto; padding: 30px 0px 30px 0px; margin: auto; background-color: #fff; }
}
 @media screen and (min-width:1366px) and (max-width: 1599px) {
#top-contact { padding: 10px 50px 10px 20px; }
.col-lg-6.pull-right { width: 43%; }
#top-contact .row { margin-right: 0px }
}
 @media screen and (min-width:1200px) and (max-width: 1365px) {
.pull-right { width: 47%; }
.close-butten { width: 10%; }
}
 @media screen and (min-width:1024px) and (max-width: 1199px) {
#top-contact { padding: 10px 0px 10px 20px; }
.navbar-brand { margin-left: 15px !important; }
.navbar-right { margin-right: -30px !important; }
.rw-wrapper { width: 94%; position: relative; margin: 0px auto 0 auto; font-family: 'Open Sans', sans-serif; padding: 0px; }
.rw-sentence span { color: #fff; font-size: 14px; font-weight: normal; }
#our-products .container { padding-left: 25px !important; }
.product-lightbox-img { width: 220px !important; height: 220px !important; margin: 5px !important; }
#footer p { padding-right: 0px; }
#footer h6 { margin-right: 24px; }
.socia-fonts { margin-left: -1px; }
#our-clients { width: 100% !important; }
#our-clients .container { margin: 0px !important; padding: 0px 10px 0px 0px !important; }
.footer-contact { padding-left: 20px; }
.timeline .timeline-centered .item.pull-right:before { left: -34px; }
.timeline .timeline-centered .item.pull-left:before { right: -39px; }
.about-us .col-md-12 { padding-left: 0px !important; }
.about-us .container { padding-left: 10px !important; }
#top-contact .row { margin-right: 0px }
.col-lg-6.pull-right { padding-right: 0; }
}
 @media screen and (min-width:992px) and (max-width: 1023px) {
.contactform { z-index: 1000; margin-left: 30px !important; padding-top: 0px; background-color: rgba(255,255,255,.5); padding-bottom: 87px; margin-left: 15px !important; margin-right: 15px !important; }
.footer-contact { padding-left: 0; }
.rw-wrapper ul { margin-bottom: 20px !important; width: 100% !important; }
.timeline-centered:after { left: 49.78%; }
.timeline .timeline-centered .item.pull-left::before { right: -31px !important; }
.timeline .timeline-centered .item.pull-right::before { left: -31px; }
}
 @media screen and (min-width:768px) and (max-width: 991px) {
.top-contact-text { font-size: 15px; color: #2a333f; margin-left: 5px; margin-right: 23px; font-family: 'Open Sans', sans-serif; }
#content-one h1 { font-size: 20px; }
#content-one p { margin-bottom: 25px; padding-left: 10px; padding-right: 10px; }
#top-contact { padding: 10px 0px 10px 20px; }
#footer .col-md-4 { padding-left: 23px; }
#our-products { padding: 20px 0px 30px 0px; }
.product-lightbox-img { width: 230px !important; height: 230px !important; margin: 5px !important; }
#our-clients { width: 100% !important; height: auto; padding: 30px 0px 30px 0px; margin: auto; background-color: #fff; }
.footer-icon-move { margin-left: 0px !important; }
.rw-wrapper ul { width: 80% !important; }
.socia-fonts { margin-bottom: 60px; margin-left: -11px; margin-top: 160px !important; }
.rw-wrapper { width: 98%; position: relative; margin: 0px auto 0 auto; font-family: 'Open Sans', sans-serif; padding: 0px; }
.rw-sentence { font-size: 15px; line-height: 27px; }
.rw-words { font-size: 15px; line-height: 15px; }
.contactform { position: inherit; z-index: 1000; margin-left: 30px !important; padding-top: 0px; background-color: rgba(255,255,255,.5); padding-bottom: 87px; margin-left: 15px !important; margin-right: 15px !important; }
.about-us .container { padding-left: 10px !important; }
#top-contact .row { margin-right: 0px }
.col-lg-6.pull-right { padding-right: 0; }
#footer h6 { margin-right: 20px; }
.timeline-centered:after { left: 49.78%; }
.timeline .timeline-centered .item.pull-left::before { right: -31px !important; }
.timeline .timeline-centered .item.pull-right::before { left: -31px; }
}
 @media screen and (min-width:480px) and (max-width: 767px) {
#header { padding-bottom: 24px; }
#top-contact { padding: 10px 19px 10px 20px; }
.brand-size { margin-left: 15px !important; width: 162px !important; height: 80px !important; margin-top: 5px !important; }
.navbar-nav { margin: 50px 15px 0px 15px !important }
.top-contact-text { font-size: 13px; color: #2a333f; margin-left: 5px; margin-right: 20px; font-family: 'Open Sans', sans-serif; }
.pull-right { padding-right: 0; }
.menu-bar a { margin: 0; }
.menu-bar a::after { left: 25%; width: 50%; }
#our-products { width: 100%; height: auto; padding: 20px 0px 40px 0px; margin: auto; background-color: #fff; }
.product-lightbox-img { width: 100px !important; height: 100px !important; margin: 5px !important; }
#our-clients { width: 100% !important; height: auto; padding: 10px 0px 60px 0px; margin: auto; background-color: #fff; }
#our-clients .container { margin: 0px !important; padding: 0px 0px 0px 0px !important; }
#our-clients .col-md-2 { padding: 0px !important; }
.socia-fonts { color: #fff !important; margin-left: 11px; margin-bottom: 30px; margin-top: 150px; }
.rw-wrapper { width: 86% !important; }
.rw-wrapper br { float: left; }
.rw-wrapper li { width: auto; background-color: #888; padding: 5px 5px 5px 5px; font-size: 14px; color: #FFF; text-decoration: none !important; margin: 2px 1px 2px 1px; list-style-type: none; float: left; margin-right: 1px; margin-bottom: 0px; text-transform: uppercase; }
.rw-wrapper ul { width: 100% !important; }
#footer .col-lg-4 { margin-top: 50px !important; margin-left: -50px; height: 200px; }
#footer p { padding-right: 30px; }
.our-clients-icon { font-size: 12px !important; margin-top: 0px !important; }
.contactform { position: inherit; z-index: 1000; margin-left: 20px; margin-right: 20px; padding-top: 0px; background-color: rgba(255,255,255,.5); padding-bottom: 20px; }
#about-us h2 { text-align: center !important; }
#about-us .col-md-12 { padding-left: 0px !important; padding-right: 0px !important; }
.service-body { background: none !important; border: none !important; margin-top: 50px; }
.service-body ul { margin: 0px; background-color: #FFF !important; padding: 5px 5px 5px 5px !important; float: left; }
.service-body li { width: 50%; background-color: #ed1c24!important; text-align: center !important; font-family: 'Open Sans', sans-serif; color: #FFFFFF !important; font-size: 16px; list-style: none; border: 1px solid #fff !important; padding-top: 5px; padding-bottom: 5px; text-transform: uppercase; float: left; }
#footer h4 { padding-left: 75px !important; padding-right: 75px !important; line-height: 18px; }
button.pull-right.close-butten { width: 12%; padding: 4px 6px }
}
@media screen and (min-width: 412px) and (max-width: 479px) {
#header { padding-bottom: 15px; }
.navbar-nav { margin: 50px 15px 0px 15px !important }
.menu-bar a { margin: 0; }
.brand-size { width: 120px !important; height: 59px !important; margin-top: 15px !important; margin-left: 15px !important; }
#top-contact { padding: 8px 0px 8px 40px; margin: auto; }
.top-contact-text { font-size: 13px; color: #2a333f; font-family: 'Open Sans', sans-serif; text-align: center; }
.menu-bar a::after { left: 25%; width: 50%; }
.product-lightbox-img { width: 120px !important; height: 120px !important; margin: 10px !important; }
.rw-wrapper { width: 100% !important; }
.rw-wrapper br { float: left; }
.rw-wrapper li { width: auto; background-color: #888; padding: 5px 5px 5px 5px; font-size: 12px; color: #FFF; text-decoration: none !important; margin: 2px 1px 2px 1px; list-style-type: none; float: left; margin-right: 1px; margin-bottom: 0px; text-transform: uppercase; }
.rw-wrapper ul { width: 100% !important; }
.socia-fonts { color: #fff !important; margin-left: -20px; margin-top: 170px; }
#footer p { padding-right: 0px; font-size: 13px; padding-left: 0px; }
#footer h6 { padding-left: 0px; }
#footer .col-lg-4 { margin-top: 50px !important; margin-left: -80px; height: 300px; }
#our-clients { width: 100% !important; height: auto; padding: 0px 0px 30px 0px; margin: auto; background-color: #fff; }
#our-clients .container { margin: 0px !important; padding: 30px 0px 0px 0px !important; }
#our-clients .col-md-2 { padding: 0px !important; }
.contactform { position: inherit; z-index: 1000; margin-left: 20px; margin-right: 20px; padding-top: 0px; background-color: rgba(255,255,255,.5); padding-bottom: 20px; }
#about-us h5 { font-size: 15px; }
#about-us h2 { text-align: center !important; }
#about-us .col-md-12 { padding-left: 0px !important; padding-right: 0px !important; }
.service-body { background: none !important; border: none !important; margin-top: 0px; }
.service-body ul { margin: 0px; background-color: #FFF !important; padding: 3px 5px 3px 5px !important; }
.service-body li { background-color: #ed1c24!important; text-align: center !important; font-family: 'Open Sans', sans-serif; color: #FFFFFF !important; font-size: 16px; list-style: none; border-bottom: 2px solid #fff !important; border-top: 2px solid #fff !important; padding-top: 5px; padding-bottom: 5px; text-transform: uppercase; }
.world-map { background-image: url(images/world-map.png); background-repeat: no-repeat; background-position: center center; background-size: 50%; }
#footer h4 { line-height: 18px; }
#top-contact .row { margin-right: 0px }
.col-lg-6.pull-right { padding-right: 0; }
.top-contact-text span { display: block !important; }
.col-lg-6.pull-right { padding-left: 60px; padding-right: 50px; }
}
@media screen and (max-width: 411px) {
#header { padding-bottom: 15px; }
.navbar-nav { margin: 50px 15px 0px 15px !important; }
.brand-size { width: 120px !important; height: 59px !important; margin-top: 15px !important; margin-left: 15px !important; }
#top-contact { padding: 0px 0px 0px 40px; margin: auto; }
.top-contact-text { font-size: 13px; color: #2a333f; font-family: 'Open Sans', sans-serif; text-align: center; }
.menu-bar a::after { left: 25%; width: 50%; }
.product-lightbox-img { width: 120px !important; height: 120px !important; margin: 10px !important; }
.rw-wrapper { width: 100% !important; }
.rw-wrapper br { float: left; }
.rw-wrapper li { width: auto; background-color: #888; padding: 5px 5px 5px 5px; font-size: 12px; color: #FFF; text-decoration: none !important; margin: 2px 1px 2px 1px; list-style-type: none; float: left; margin-right: 1px; margin-bottom: 0px; text-transform: uppercase; }
.rw-wrapper ul { width: 100% !important; }
.socia-fonts { color: #fff !important; margin-left: -20px; margin-top: 170px; }
#footer p { padding-right: 0px; font-size: 13px; padding-left: 0px; }
#footer h6 { padding-left: 0px; }
#footer .col-lg-4 { margin-top: 50px !important; margin-left: -80px; height: 300px; }
#our-clients { width: 100% !important; height: auto; padding: 30px 0px 30px 0px; margin: auto; background-color: #fff; }
#our-clients .container { margin: 0px !important; padding: 0px 0px 0px 0px !important; }
#our-clients .col-md-2 { padding: 0px !important; }
.contactform { position: inherit; z-index: 1000; margin-left: 20px; margin-right: 20px; padding-top: 0px; background-color: rgba(255,255,255,.5); padding-bottom: 20px; }
#about-us h5 { font-size: 15px; }
#about-us h2 { text-align: center !important; }
#about-us .col-md-12 { padding-left: 0px !important; padding-right: 0px !important; }
.service-body { background: none !important; border: none !important; margin-top: 0px; }
.service-body ul { margin: 0px; background-color: #FFF !important; padding: 3px 5px 3px 5px !important; }
.service-body li { background-color: #ed1c24!important; text-align: center !important; font-family: 'Open Sans', sans-serif; color: #FFFFFF !important; font-size: 16px; list-style: none; border-bottom: 2px solid #fff !important; border-top: 2px solid #fff !important; padding-top: 5px; padding-bottom: 5px; text-transform: uppercase; }
.world-map { background-image: url(images/world-map.png); background-repeat: no-repeat; background-position: center center; background-size: 50%; }
#footer h4 { line-height: 18px; }
#top-contact { padding-left: 20px !important; padding-right: 0 !important; text-align: center !important; padding-top: 5px; padding-bottom: 5px; }
.top-contact-text { margin-right: 20px !important; margin-left: 8px; }
.col-lg-6.pull-right { padding-left: 30px; padding-right: 15px; }
}
@media screen and (max-width: 300px) {
.col-lg-6.pull-right { padding-left: 15px; padding-right: 15px; }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
.col-lg-3 { width: 50%; float: left; }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.col-lg-3 { width: 50%; float: left; }
}