article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
/* * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
/* * Prevents modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }
/* * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3, * and Safari 4.
* Known issue:no IE 6 support. */
[hidden] { display: none; }
/* ==========================================================================
Base
========================================================================== */
/* * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
*    `em` units.
* 2. Prevents iOS text size adjust after orientation change, without disabling
*    user zoom. */
 
html { font-size: 100%; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
-ms-text-size-adjust: 100%; /* 2 */ }
html, html a { -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); }
/* * Addresses `font-family` inconsistency between `textarea` and other form
* elements. */
html, button, input, select, textarea { font-family: 'Raleway-Light', arial; }
/* * Addresses margins handled incorrectly in IE 6/7. */
body { margin: 0; font-family: 'Raleway-Light', arial; }
/* ==========================================================================
Links
========================================================================== */
/* * Addresses `outline` inconsistency between Chrome and other browsers. */
 
a:focus { outline: thin dotted; }
/* * Improves readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }
/* ==========================================================================
Typography
========================================================================== */
/* * Addresses font sizes and margins set differently in IE 6/7.
* Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5, * and Chrome. */

@font-face {
    font-family: 'Raleway-Light';
    src: url('../fonts/raleway-light-webfont.eot');
    src: url('../fonts/raleway-light-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-light-webfont.woff2') format('woff2'),
         url('../fonts/raleway-light-webfont.woff') format('woff'),
         url('../fonts/raleway-light-webfont.ttf') format('truetype'),
         url('../fonts/raleway-light-webfont.svg#ralewaylight') format('svg');
    font-weight: normal;
    font-style: normal;
}
 
h1 { font-family: "Raleway-Light",arial;font-size: 30px; margin:  0;padding:0.5em 0; color: #353535; line-height: 32px; }
h2 { font-size: 20px; font-family: arial; color: #333333; }
h3 { font-size: 18px; font-family: arial; color: #fff; font-weight: bold;margin: 0 0 15px 0; }
h4 { font-size: 14px; font-family: arial; color: #333333; text-transform: uppercase; font-weight: bold;margin: 0; }
h5 { font-size: 0.83em; margin: 1.67em 0; }
h6 { font-size: 0.75em; margin: 2.33em 0; }
/* * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }
/* * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome. */
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
/* * Addresses styling not present in Safari 5 and Chrome. */
dfn { font-style: italic; }
/* * Addresses styling not present in IE 6/7/8/9. */
mark { background: #ff0; color: #000; }
/* * Addresses margins set differently in IE 6/7. */
p { margin: 1em 0 }
/* * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome. */
code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
/* * Improves readability of pre-formatted text in all browsers. */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
/* * Addresses CSS quotes not supported in IE 6/7. */
q { quotes: none; }
/* * Addresses `quotes` property not supported in Safari 4. */
q:before, q:after { content: ''; content: none; }
small { font-size: 75%; }
/* * Prevents `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* ==========================================================================
Lists
========================================================================== */
/* * Addresses margins set differently in IE 6/7. */
 
dd { margin: 0 0 0 40px; }
/* * Addresses paddings set differently in IE 6/7. */
menu, ol, ul { padding: 0 0 0 40px; }
/* * Corrects list images handled incorrectly in IE 7. */
nav ul, nav ol { list-style: none; list-style-image: none; }
/* ==========================================================================
Embedded content
========================================================================== */
/* * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
* 2. Improves image quality when scaled in IE 7. */
 
img { border: 0; /* 1 */
-ms-interpolation-mode: bicubic; /* 2 */ }
/* * Corrects overflow displayed oddly in IE 9. */
svg:not(:root) { overflow: hidden; }
/* ==========================================================================
Figures
========================================================================== */
/* * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11. */
 
figure { margin: 0; }
/* ==========================================================================
Forms
========================================================================== */
/* * Corrects margin displayed oddly in IE 6/7. */
 
form { margin: 0; }
/* * Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
/* * 1. Corrects color not being inherited in IE 6/7/8/9.
* 2. Corrects text not wrapping in Firefox 3.
* 3. Corrects alignment displayed oddly in IE 6/7. */
legend { border: 0; /* 1 */
	padding: 0; white-space: normal; /* 2 */
*margin-left: -7px; /* 3 */ }
/* * 1. Corrects font size not being inherited in all browsers.
* 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5, *    and Chrome.
* 3. Improves appearance and consistency in all browsers. */
button, input, select, textarea { font-size: 100%; /* 1 */
	margin: 0; /* 2 */
	vertical-align: baseline; /* 3 */
*vertical-align: middle; /* 3 */ }
/* * Addresses Firefox 3+ setting `line-height` on `input` using ` !important` in
* the UA stylesheet. */
button, input { line-height: normal; }
/* * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
*    and `video` controls.
* 2. Corrects inability to style clickable `input` types in iOS.
* 3. Improves usability and consistency of cursor style between image-type
*    `input` and others.
* 4. Removes inner spacing in IE 7 without affecting normal text inputs.
*    Known issue:inner spacing remains in IE 6. */
button, html input[type="button"], /* 1 */
input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */
	cursor: pointer; /* 3 */
*overflow: visible; /* 4 */ }
/* * Re-set default cursor for disabled elements. */
button[disabled], input[disabled] { cursor: default; }
/* * 1. Addresses box sizing set to content-box in IE 8/9.
* 2. Removes excess padding in IE 8/9.
* 3. Removes excess padding in IE 7.
*    Known issue:excess padding remains in IE 6. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
	*height: 13px; /* 3 */
*width: 13px; /* 3 */ }
/* * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
* 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
*    (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */
	-moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */
box-sizing: content-box; }
/* * Removes inner padding and search cancel button in Safari 5 and Chrome
* on OS X. */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
/* * Removes inner padding and border in Firefox 3+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
/* * 1. Removes default vertical scrollbar in IE 6/7/8/9.
* 2. Improves readability and alignment in all browsers. */
textarea { overflow: auto; /* 1 */
vertical-align: top; /* 2 */ }
/* ==========================================================================
Tables
========================================================================== */
/* * Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }
/* ==========================================================================
Global Styles
========================================================================== */
p { font-family: arial; color: #555555; word-spacing: 1px; line-height: 19px; font-size: 13px;margin: 1em 0; }
.dark-bg { background: #f6f6f6; }
.light-bg { background-color: #fff; }
.dark-box { background: #f3f5f8; -webkit-box-shadow: 0px 3px 0px 0px #ccc; -moz-box-shadow: 0px 3px 0px 0px #ccc; box-shadow: 0px 3px 0px 0px #ccc; }
.light-box { background-color: #fff;  padding:15px 0;box-shadow: -2px 23px 32px -31px #6F7476;margin-bottom: 30px; }
.light-box h1 {
    font-family: arial;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    color: #222;
    margin: 0;
    padding: 0 15px;
}
.light-box p {
    font-family: arial;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    color: #7f7f7f;
    margin: 0;
    padding: 10px 15px 0 15px;
}
.light-box h1::after {
    content: " ";
  
    display: block;
    width: 25px;
    margin: 1px auto;
}
.light-box a { color: #15A9CE; }
.light-box a:hover { color: #d435d2; }
.box-hover { transition: all 500ms ease-in-out; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; }
.box-hover:hover, .box-hover:focus { transform: translate(0, -15px); -webkit-transform: translate(0, -15px); -ms-transform: translate(0, -15px); }
.wrapper { height: 650px; }
.noPad { padding: 0; }
.inner { padding-top: 170px; }

.moreIconBx {
    bottom: 0px;
    width: 100%;
    min-height: 65px;
    background: url(../img/more-icon.png) no-repeat bottom center;
}
.moreBtn {
    width: 52px;
    height: 56px;
    margin: 0 auto;
    padding: 0;
    background: url(../img/moreBtn.png) no-repeat bottom center;
}
.moreBtn:hover {
    background: url(../img/moreBtnHover.png) no-repeat bottom center;
    cursor: pointer;
}
/* ==========================================================================
Navigation
========================================================================== */
#nav-toggle { position: absolute; right: 15px; top: 0; }
#nav-toggle { cursor: pointer; padding: 10px 35px 16px 0px; }
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { cursor: pointer; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; -o-border-radius: 1px; height: 5px; width: 35px; background: #353535; position: absolute; display: block; content: ''; }
#nav-toggle span:before { top: -10px; }
#nav-toggle span:after { bottom: -10px; }
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { transition: all 500ms ease-in-out; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; }
#nav-toggle.active span { background-color: transparent; }
#nav-toggle.active span:before, #nav-toggle.active span:after { top: 0; }
#nav-toggle.active span:before { transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); }
#nav-toggle.active span:after { transform: translateY(-10px) rotate(-45deg); -webkit-transform: translateY(-10px) rotate(-45deg); -ms-transform: translateY(-10px) rotate(-45deg); top: 10px; }
.navicon { position: relative; height: 26px; }
.indicator { position: absolute; right: 0 !important; }
.pull { display: none; }
/* ==========================================================================
Hero
========================================================================== */
.hero {  -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: auto; }
.hero h1 { font-size: 40px; letter-spacing: 12px; margin: 10px; }
.hero h1 span { color: #a1a9b0; display: inline-block; }
.hero p { letter-spacing: 1px; }
.learn-more-btn { background: rgba(61, 201, 179, 1); padding: 20px 40px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; color: #fff; text-transform: uppercase; letter-spacing: 1px; display: inline-block; -webkit-box-shadow: 0px 3px 0px 0px #309383; -moz-box-shadow: 0px 3px 0px 0px #309383; box-shadow: 0px 3px 0px 0px #309383; margin: 60px 0 0; font-weight: bold; }
.learn-more-btn:hover, .learn-more-btn:focus { background: rgba(61, 201, 179, 0.6); color: #fff; }
/* ==========================================================================
Intro
========================================================================== */
.intro { background: #f0f0f0;padding:10px 0 20px 0; }
h1.arrow { font-size: 15px; text-transform: uppercase; color: #353535; letter-spacing: 1px; background: url('../img/h1-bg.html') no-repeat center bottom; padding-bottom: 30px; font-weight: bold; }
/* ==========================================================================
Features
========================================================================== */
.features-wrapper, .team-wrapper { margin: 0 0 0 0; }
.shadow { text-shadow: rgb(55, 181, 161) 1px 1px, rgb(55, 181, 161) 2px 2px, rgb(55, 181, 161) 3px 3px, rgb(55, 181, 161) 4px 4px, rgb(55, 181, 161) 5px 5px, rgb(55, 181, 161) 6px 6px, rgb(55, 181, 161) 7px 7px, rgb(55, 181, 161) 8px 8px, rgb(55, 181, 161) 9px 9px, rgb(55, 181, 161) 10px 10px, rgb(55, 181, 161) 11px 11px, rgb(55, 181, 161) 12px 12px, rgb(55, 182, 162) 13px 13px, rgb(55, 183, 163) 14px 14px, rgb(56, 184, 164) 15px 15px, rgb(56, 185, 165) 16px 16px, rgb(56, 186, 166) 17px 17px, rgb(57, 187, 167) 18px 18px, rgb(57, 188, 168) 19px 19px, rgb(57, 189, 169) 20px 20px, rgb(58, 191, 170) 21px 21px, rgb(58, 192, 171) 22px 22px, rgb(58, 193, 172) 23px 23px, rgb(59, 194, 173) 24px 24px, rgb(59, 195, 174) 25px 25px, rgb(59, 196, 175) 26px 26px, rgb(60, 197, 176) 27px 27px, rgb(60, 198, 177) 28px 28px, rgb(60, 199, 178) 29px 29px, rgb(61, 201, 179) 30px 30px; }
.icon-a {
    height: 40px;
    width: 40px;
    line-height: 43px;
    max-width: 100%;
    background: none repeat scroll 0% 0% #ffd206;
    border-radius: 50%;
    display: block;
    color: #E9E9E9!important;
    font-size: 55px;
    text-align: center;
    vertical-align: middle;
    position: relative;
    margin: 0 0 15px 0;
    font-size: 10px;
}
.icon2 { height: 113px; width: 113px; line-height: 175px; max-width: 100%; background: #fff; border-radius: 50%; -o-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; display: block; color: #fff; font-size: 55px; text-align: center; vertical-align: middle; position: relative; margin: 0 auto 50px;padding: 20px; }

/* ==========================================================================
iPhone Section
========================================================================== */
.iphone { width: 50%; background: #f3f5f8; float: left; height: 100%; box-shadow: inset -15px -11px 40px -6px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset -15px -11px 40px -6px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset -15px -11px 40px -6px rgba(0, 0, 0, 0.1); z-index: 1; }
.fluid-white { width: 50%; background: #fff; float: right; height: 100%; z-index: 2; }
.responsive-services { position: relative; }
/* ==========================================================================
Swag
========================================================================== */
.swag1 { background: url('../img/about-bg2.html') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: fixed; padding:50px 0;  }
.swag { background: url('../img/bg2.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: fixed; padding:50px 0; }
.down-arrow-btn { width: 40px; height: 40px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; background: rgba(61, 201, 179, 0.8); display: inline-block; margin: 10px auto 20px; color: #fff; font-size: 16px; line-height: 40px; text-align: center; }
.down-arrow-btn:hover, .down-arrow-btn:focus { color: #fff; background: rgba(61, 201, 179, 1); }
/* ==========================================================================
Portfolio
========================================================================== */
.effects { padding-left: 15px; }
.effects .img { position: relative; position: relative; z-index: 1; overflow: hidden; }
.effects .img:nth-child(n) { margin-right: 5px; }
.effects .img:first-child { margin-left: -15px; }
.effects .img:last-child { margin-right: 0; }
.effects .img img { display: block; margin: 0; padding: 0; height: auto; }
.overlay { display: block; position: absolute; z-index: 20; background: rgba(27, 101, 126, 0.8); overflow: hidden; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
a.close-overlay { display: block; position: absolute; top: 0; right: 0; z-index: 100; width: 45px; height: 45px; font-size: 20px; font-weight: 700; color: #fff; line-height: 45px; text-align: center; background-color: #000; cursor: pointer; }
a.close-overlay.hidden { display: none; }
a.expand { display: block; position: absolute; z-index: 100; text-align: center; color: #fff; font-weight: 600; font-size: 14px; text-transform: uppercase; line-height: 30px; }
.overlay-effect .img i { font-size: 30px; }
.overlay-effect .overlay { bottom: 0; left: 0; right: 0; width: 100%; height: 100%; opacity: 0; }
.overlay-effect .overlay a.expand { left: 0; right: 0; bottom: 47%; margin: 0 auto -30px auto; }
.overlay-effect .img.hover .overlay { height: 100%; opacity: 1; }
.img img { width: -webkit-calc(100% + 40px) !important; width: calc(100% + 40px) !important; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -moz-transition: opacity 0.35s, -moz-transform 0.35s; -o-transition: opacity 0.35s, -o-transform 0.35s; -webkit-transform: translate3d(-40px, 0, 0); transform: translate3d(-40px, 0, 0); -ms-transform: translate3d(-40px, 0, 0); }
.img:hover img { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -ms-transform: translate3d(-40px, 0, 0); }
.designs { position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; top: 50px; }
/* ==========================================================================
Subscribe
========================================================================== */
.ftrBtm { background: #da1f26; padding: 3% 0 0 0; font-family:Tahoma!important }
.ftrBtm p { color: #fff; font-family:Tahoma!important}
.ftrBtmBx  { background: #b8b8b8;padding: 15px 0;margin: 25px 0 0 0; }
.ftrBtmBx p { color: #fff;margin: 0;padding: 0; }
.cForm { background: url('../img/bg2.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: fixed; padding: 4% 0; }
.cForm h1 { color: #fff;font-size: 20px;font-family: arial;padding: 0 10px 0 10px;  }
.cForm p { color: #f4f4f4;padding: 0 10px 0 10px;margin: 0; }
.subscribe { background: url('../img/bg1.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: fixed; padding: 4% 0; }
.subscribe h1 { color: #fff; }
.subscribe h1 span { display: block; font-size: 15px; text-transform: uppercase; font-weight: bold; margin-top: 20px; letter-spacing: 1px; }
.subscribe input[type=text] { background-color: #fff; border: none; padding: 20px; width: 80%; color: #808182;margin: 15px 0 0 0; }
.subscribe input[type=submit] { background: #ffd206; border: none; color: #fff; text-transform: uppercase; letter-spacing: 1px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
.subscribe input[type=submit]:hover { background: #babdbf; border:none; color: #fff; }
.near { background-color: #ffe509; border: none; padding:10px  20px; width: 70%; color: #808182;margin: 15px 0 0 0;overflow: hidden; }
/* ==========================================================================
CTA
========================================================================== */
.ignite-cta { background-color: #242830; padding: 70px 0; }
.ignite-btn { display: inline-block; padding: 25px 40px; color: #fff; border: solid 1px #fff; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; }
.ignite-btn:hover, .ignite-btn:focus { color: #3dc9b3; border: solid 1px #3dc9b3; }
/* ==========================================================================
Team
========================================================================== */
.team img {  }
ul.social-buttons { list-style: none; margin: 0; padding: 0; }
ul.social-buttons li { display: inline-block; margin-right: 10px; }
ul.social-buttons li:last-child { margin-right: 0; }
.social-btn { width: 40px; height: 40px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; background: #242830; display: inline-block; color: #fff; font-size: 17px; line-height: 40px; text-align: center; }
.social-btn:hover, .social-btn:focus { background: #3dc9b3; color: #fff; }
/* ==========================================================================
Contact
========================================================================== */
.up-btn { width: 44px; height: 50px;  -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; background: url(../img/up.html) no-repeat; display: block; margin: 0 auto; color: #fff; font-size: 18px; line-height: 46px; text-align: center; position: absolute; top: -26px; left: 0; right: 0; margin-left: auto; margin-right: auto; }
.up-btn:hover, up-btn:focus { color: #fff;  background: url(../img/up1.html) no-repeat; }
.contact-details { margin: 70px 0; }
.contact-details h2 { font-size: 20px; }
.contact-details h2 span { display: block; color: #3dc9b3; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; margin-top: 15px; }
.contact-wrap { position: relative;background: #fbfbfb;border-top: 4px solid #d3d9da; padding: 25px 0;}
/* ==========================================================================
Footer
========================================================================== */
footer a { color: #a1a9b0; }
footer { background-color: #242830; padding: 40px 0 30px; }
footer p { color: #fff; }
ul.legals { list-style: none; color: #fff; line-height: 25px; }
ul.legals li { display: inline-block; }
ul.legals li::after { content: " |"; }
ul.legals li:last-child::after { content: ""; }
.legals { text-align: left; }
.credit { text-align: right; }
.legals1 { float: left; }
.credit1 { float: right; }
/* ==========================================================================
FlexSlider Custom CSS
========================================================================== */
#servicesSlider { margin-top: 70px; }
ul.slides li { margin-bottom: 0px; }
/* ==========================================================================
Waypoints
========================================================================== */
.wp2, .wp3, .wp4, .wp5, .wp6 { visibility: hidden; }
.bounceInLeft, .bounceInRight, .fadeInUp, .fadeInUpDelay, .fadeInDown, .fadeInUpD, .fadeInLeft, .fadeInRight { visibility: visible; }
.delay-05s { animation-delay: 0.5s; -webkit-animation-delay: 0.5s; }
.delay-1s { animation-delay: 1s; -webkit-animation-delay: 1s; }
.delay-2s { animation-delay: 1.5s; -webkit-animation-delay: 1.5s;}
.delay-3s { animation-delay: 2s; -webkit-animation-delay: 2s; }
.wp3 { background: url('../img/iphone-bg.html') no-repeat center center; background-position: 200px 10px; height: 100%; }
.news{
    padding: 25px 0;
    background: #da1f26;
}
.news h1{
    color: #fff;
}
.news h2{
    color: #fff;
    font-size: 17px;
    font-weight: bold;
}
.news p{
    color: #fff;
}
.FillingBox {
    width: 100% !important;
    margin: 0px 0px 2% 0px;
    padding: 8px !important;
    background: #fff;
    color: #7F7F7F;
    border: medium none !important;
    font-size: 12px;
    font-family: arial;
    border: none!important;
}
.FillingBox1 {
    width: 100% !important;
    margin: 0;
    padding: 11px 0px !important;
    background: #fff;
    color: #7F7F7F;
    border: medium none !important;
    font-size: 12px;
    font-family: arial;
    border-bottom: 1px solid #ffd206!important;
}
.submit1 {
    width: 110px;
    height: auto;
    margin: 0;
    padding: 0px;
    overflow: hidden;
    float: right;
    background: #ffd206 !important;
    color: #fff!important;
}
.submit {
    width: 110px;
    height: auto;
    margin: 1% auto 4%;
    padding: 0px;
    overflow: hidden;
    background: #d01d1d !important;
    color: #fff!important;
}
.submit:hover {
    cursor: pointer;
    background: #000 !important;
    color: #fff!important;
}

.socialIcon{
    margin: 0 7px;
    font-size: 18px; 
}
.socialIcon:hover{
    margin: 0 7px;
    font-size: 18px; 
    color: #DA1F26!important;   
    cursor: pointer;
}

.iconmarg{
    margin-bottom: 3px;
}
.marg{
    margin-top: 5%;
}
.innerwhite {
    width: 98.55%;
    margin: 0px auto;
    overflow: hidden;
    padding: 30px;
    min-height: 10px;
    background: linear-gradient(to bottom, #FFF 41%, #EAEAEA 132%) repeat-x scroll 0% 0% #292929;
    border-bottom: 1px #ccc solid;
}
.innerwhite ul{
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.innerwhite ul li{
    width: 100%;
    margin-top:0;
    line-height: 18px;
    font-family: "Raleway-Light" , arial;
    color: #5f5f5f;
    font-size: 13px;
    text-align: left;
    background: url(../img/liicon.png)no-repeat scroll 0px 5px;
    padding-left: 20px;
}
.innerheading{
    background: #01bbd4;
    padding: 15px;
    text-align: center;
    width: 100%;
    font-family: "Raleway-Light" , arial;
    color: #fff;
    font-size: 20px;
    line-height: 18px;
    margin-bottom: 2%;
    margin-top: 2%;
    text-transform: uppercase;
}
.innerwhite h2{
    font-family: "arial";
    font-size: 14px;
    color: #333333;
    margin: 0 0 8px 0;
    text-align: left;
    padding: 0;
    text-transform: none;
    word-spacing: 0;
    letter-spacing: 0;
    line-height: 20px;
    
}
.links{
  
    margin: 0 auto;
}
.icon:hover{
    opacity: 0.6;
}
.active3{
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #b1c8c8;
}
.read1{
    border: 1px;
    background: #fff;
    overflow: hidden;
    padding: 8px 20px;
    margin: 0;
    font-family: "arial";
    color: #543a59;
    font-size: 13px;
    text-align: center;
    width: 110px;
   
}
.ash1{
    background: #f7f7f7;
    border: 1px solid #d8d8d8;
    
}

@media screen and (max-width:40em) {

    .logo img {
        width: 100%;
        margin: 0 0 15px 0;
    }
    
}

    
    
.ovrBx{
    width: auto;
    height: auto;
    margin: 0;
    padding: 10px;
    background: yellow;
    right: 0;
    bottom: 0;
    position: absolute;
    font-family: "Raleway-Light" , arial;
    font-size: 12px;
    font-weight: bold;
    color: #000;
}
.light-box h2{
     font-family: "Raleway-Light" , arial;
     font-size: 12px!important;
     font-weight: bold;
     margin: 0;
     padding: 5px 15px;
     text-transform: none;
     color: #15A9CE;
     font-weight: bold;
     text-align: center;     
}
.light-box p{
    font-weight: bold;
    
}
.boximg {
    width: auto;
    border: 10px solid #FFFEFD;
box-shadow: 1px 3px 30px -20px #3C3838;
    background: none repeat scroll 0% 0% #FFF;
    box-sizing: border-box;
    margin: 20px 0px;
}
.up-btn:hover{
  
    opacity:0.6;
}
.lctn{
    width: 100%;
    height: auto;
    margin: 0;
    padding: 5% 0;
}
.lctn ul{
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}
.lctn ul li{
    width: auto;
    min-height: 1px;
    padding: 0;
    margin: 0 0 10px 0;
    font-size: 12px;
    font-family:arial;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    list-style:none;
    text-decoration: none;
    line-height: 16px;
    background: #FFD201 ;
    display: inline-block;
}
.lctn ul li a{
    width: auto;
    min-height: 20px;
    padding: 5px 10px;
    margin: 0;
    font-size: 12px;
    font-family:arial;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    list-style: outside none none;
    text-decoration: none;
    line-height: 16px;
    display: inline-block;
    text-decoration: none;
    background: #FFD201 ;
}
.lctn ul li a:hover{
    color: #fff;
    background: #01bbd4 ;

}
.carousel-indicators li {
    display: inline-block;
    width: 1px;
    height: 1px;
    margin: 3px;
    text-indent: -999px;
    border: 3px solid #fff!important;
    border-radius: 10px;
    cursor: pointer;
    background-color: transparent;
}
.carousel-indicators .active {
    margin: 0px;
    width: 10px;
    margin: 3px;
    height: 10px;
    border: none!important;
    background-color: #da1f26;
}
.carousel-indicators {
    bottom: 80px;
}
.codrops-header {
    z-index: 1000;
    position: absolute;
   bottom: 5%;
    left: 50%;
    text-align: center;
    max-width: 400px;
    transform: translate(-50%, -50%);
    backface-visibility: hidden;
    padding: 0;
}
@media screen and (max-width: 62em) {
    .codrops-header{
    display: none;
    }
}

@media screen and (max-width: 65em) {
    .bannerCaption{
    display: none;
    }
    .carousel-indicators {
    bottom: 20px!important;
    }
    .serviceImg{
    width: 100%;
    height: auto;
    padding: 20px 0 0 0!important;
    margin-left: -15px!important;
    margin: 0;
    }
    .serviceBox table tr td{
    width: 30%;
    }
    .small{
        width: 40%!important;
    }
    .listArrow{
    display: none;
    }
}

.icon2 img{
    vertical-align: top;
}
.row {
    margin-left: 0!important;
    margin-right: 0!important;
}
.white{
    width: 100%;
    background: #fff;
    margin: 0;
    padding: 0 15px;
    overflow: hidden;
    text-align: left;
}
.white h1{
    font-size: 22px !important;
    font-family: "Raleway-Light",arial;
    color: #84868D;
    text-transform: uppercase;
    font-weight: bold;
}
.white2{
    width: 100%;
    background: #fff;
    margin: 0;
    padding: 0 15px;
    overflow: hidden;
    text-align: left;
    min-height: 256px;
}
.white2 h1{
    font-size: 22px !important;
    font-family: "Raleway-Light",arial;
    color: #84868D;
    text-transform: uppercase;
    font-weight: bold;
}

.moreBlue{
    width: 95px;
    background: #15a9ce;
    margin: 0;
    margin-left: -15px;
    padding: 10px 0;
    bottom: 0;
    left: 0;
    font-weight: normal;
    font-size: 12px;
    font-family: arial;
    color: #fff;
    text-align: center;
}
.moreBlue:hover{
    background: url(../img/moreBg.html) repeat-x;
    font-weight: bold;
    cursor: pointer;
}

.moreBlue1{
    width: 95px;
    background: #15a9ce;
    margin: 0;
    padding: 10px 0;
    bottom: 0;
    left: 0;
    font-weight: normal;
    font-size: 12px;
    font-family: arial;
    color: #fff;
    text-align: center;
}
.moreBlue1:hover{
    background: url(../img/moreBg.html) repeat-x;
    font-weight: bold;
    cursor: pointer;
}
.moreArrow{
    width: 13px;
    height: 15px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: url(../img/moreArrow.html)no-repeat;
}
.gp{
    margin: 15px;
}
.whiteBottom {
    width: 100%;
    height: auto;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    line-height: 0;
    position: absolute;
    z-index: 999;
    bottom: 0;
}
.whiteBottom img {
    width: 100%;
}
.date{
    width: 90px;
    height: auto;
    font-size: 12px;
    font-family: arial;
    color: #000;
    text-align: center;
    margin: 0;
    padding: 3px;
    overflow: hidden;
    background: #ffd206;
}
.date h1{
    font-size: 32px;
    font-family: arial;
    color: #333;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
    font-weight: bold;
}
.date p {
    font-family:arial;
    color: #555;
    margin: 0;
    padding: 0;
    word-spacing: 1px;
    line-height: 19px;
    font-size: 13px;
}

.linkBox {
    width: 100%;
    height: auto;    
    margin: 0;
    padding: 0px;
    float: left;
    overflow: hidden;
}
.linkBox ul {
    width: 100%;
    height: auto;    
    margin: 5px 0 0 0;
    padding: 0px;
    float: left;
    overflow: hidden;
}
.linkBox ul li {
    width: 100%;
    height: auto;
    margin-top: 0px;
    line-height: 14px;
    font-family: "Raleway-Light",arial;
    color: #585858 ;
    font-size: 12px;
    padding: 0;
    list-style: none;
    display: inline-block;
}
.linkBox ul li a {
    width: 100%;
    height: auto;   
    margin-top: 0px;
    line-height: 14px;
    font-family: "Raleway-Light",arial;
    color: #fff!important;
    font-size: 12px;
    float: left;
    padding: 4px 0 2px 0;
    text-decoration: none;
}
.linkBox ul li a:hover {
    color: #000!important;
}
.space1 {
    letter-spacing: 6px;
}
.linkBox h1 {
    font-family: "Myriad Pro","Lucida Grande",Arial,sans-serif;
    font-size: 16px;
    margin: 0 0 8px 0;
    padding: 0px;
    color: #fff;
    line-height: 32px;
    font-weight: normal;
}
.linkBox h1.arrow {
    background: url(../img/font-icon.png) no-repeat left bottom;
    padding-bottom: 5px;
}
.linkBox h2 {
    font-family: "Myriad Pro","Lucida Grande",Arial,sans-serif;
    font-size: 14px;
    margin: 0 0 8px 0;
    padding: 0px;
    color: #fff;
    font-weight: normal;
}
a {
    color: #fff;
    text-decoration: none;
}
a:hover {
    color: #fff;
    text-decoration: none;
}

.hash {
    color: #ccc;
}
.hash:hover {
    color: #b4b2b2;
}
.blue {
    color: #fff;
}
.blue:hover {
    color: #ffd206;
}

.gray{
    color: #636363;
    padding: 0 15px;
}
.box {
    width: 60px;
    height: 60px;    
    margin: 0 0 25px 0;
    padding: 0px;
    float: left;
    overflow: hidden;
    position: absolute;
    z-index: 999;
    bottom: 0;
    background: #fff;
}

.bannerCaption{
    width: 100%;
    min-height: 30px;    
    margin: 0;
    padding: 0px;
    position: absolute;
    z-index: 5000;
    bottom: 0;
}
.bannerCaptionBg{
    background: #fff;
    width: 98%;
    height: auto;
    margin: 0 15px;
    overflow: hidden;
    padding: 7px 0 15px 0;
}
.bannerMore{
    width: 150px;    
    margin: 12px 0 0 0;
    padding: 10px 0;
    bottom: 0;
    font-weight: normal;
    font-size: 12px;
    font-family: arial;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    background: #84868d;
}
.bannerMore:hover{
    background: url(../img/moreBg.html) repeat-x;
    font-weight: bold;
    cursor: pointer;
}

.big {
    font-size: 22px;
}
.bannerArrow{
    width: 50px;
    height: 45px;
    margin:0 15px;
    overflow: hidden;
    padding:0;
}
.fa2 {
    display: inline-block;
    font: 40px/1 FontAwesome;
    text-rendering: auto;
    color: #d01d1d;
    padding:0 15px;
}
.font {
    text-transform: uppercase ;
    padding:  0 15px;
    margin: 0px ;
    font-size: 15px ;
}
.branch{
    margin:0;
    padding:35px 0 45px 0;
    background: none repeat scroll 0% 0% #edf2f5;
}
.form{
    margin:0;
    padding:0;
    background: none repeat scroll 0% 0% #fff;
}
.EmbeddedTweet{
    border: none!important;
    background: none!important;    
}
.about-box2{
    margin: 10px 5px;
    padding: 20px;
    width: 100%;
    height: auto;
    background:  #FFD206;
    overflow: hidden;
}
.about-box2 h2{
    margin: 0;
    color: #15A9CE;
    font-size: 22px;
}
.contentWhite{
    margin: 0;
    padding: 0 0 10px 0;
    width: 100%;
    min-height: 1px;
    background: url("../img/contentIcon.png") no-repeat left bottom #FFF;
    border-bottom: 1px solid #D6D6D6;
    overflow: hidden;
}

.plusBox {
    width: 57px;
    height: 45px;
    overflow: hidden;
    margin: 22px 0 0 0;
    padding: 0;
    bottom: 0;
    float: right;    
    background: url(../img/plus.html) no-repeat;
}
.plusBox:hover {   
    cursor: pointer;
    background: url(../img/plusMore.html) no-repeat;
}
.listBox {
    width: 100%;
    overflow: hidden;
    margin: 20px 0px;
    padding: 15px;
    float: left;
    background: #fff;
    box-shadow: 1px 18px 21px -25px #565656;
}
.listBox ul{
    width: 100%;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    float: left;
}
.listBox ul li {
    width: 100%;
    margin-top: 0px;
    line-height: 18px;
    font-family: "GOTHIC",arial;
    color: #000;
    font-size: 13px;
    text-align: left;
    background: url("../img/liicon.png") no-repeat scroll 0px 5px transparent;
    padding: 0px 0px 9px 25px;
}
.nmbr{
    color: #fff;
    background: #15A9CE ;
    padding: 3px 6px;
    margin: 0 15px 0 0;
}
.listColor{
    background: #F9F9F9;
    padding: 25px 0;
}
.listColor2{
    background: #DCDCDC;
    padding: 25px 0;
}
.secPad{
    padding: 45px 0;
}
.serviceImg{
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
}
.smsBox{
    width: 100%;
    overflow: hidden;
    margin: 20px 0;
    padding: 0px;
    float: left;
}
.smsBox ul{
    width: 100%;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    float: left;
}
.smsBox ul li {
    width: 123px;
    height: 123px;
    border-radius: 50%;
    margin: 0 55px 5px 0 ;
    line-height: 18px;
    font-family: arial;
    font-weight: bold;
    color: #ccc;
    float: left;
    font-size: 14px;
    text-align: center;
    padding: 44px 0 0 0;
    border: 6px solid #3acbaf;
    list-style: none;

}
.smsBox ul li:hover {
    color: #319de5;
    border: 6px solid #ccc!important;
    cursor: pointer;
}
.serviceBox{
    width: 100%;
    min-height: 60px;
    overflow: hidden;
    margin: 25px 0 0 0;
    padding: 0px;
    overflow: hidden;
}
.serviceBox h1{
    font-size: 15px;
    font-family: "Raleway-Light",arial;
    color: #2CB2E4;
    text-transform: uppercase;
    font-weight: bold;
    margin: 2px 0 0 0;
    padding: 0;
}
.serviceBox table{
    width: 100%;
    min-height: 60px;
    overflow: hidden;
    margin: 0;
    padding: 0px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #ccc;
}
.serviceBox table tr{
    width: 100%;
    min-height: 60px;
    overflow: hidden;
    margin: 0;
    padding: 0px;
    overflow: hidden;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.serviceBox table tr td{
    width: 40%;
    min-height: 45px;
    overflow: hidden;
    font-family: "Raleway-Light",arial;
    color: #585858 ;
    font-size: 12px;
    text-align: left;
    margin: 0;
    float: left;
    padding: 5px 15px;
    overflow: hidden;    
}
.serviceBox table tr td:hover{
    background: linear-gradient(45deg, #FCFCFC 0%, #fff 100%) repeat scroll 0% 0% transparent; 
    cursor: pointer; 
}
.smallSize{
    width: 20%!important;
}
.boxLine{
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.listArrow{
    width: 100%;
    min-height: 30px;
    overflow: hidden;
    font-family: "Raleway-Light",arial;
    color: #15A9CE !important;
    font-size: 12px;
    text-align: center;
    margin: 0;
    padding: 22px 0 0 0;
}
.more{
    width: 100px;
    min-height: 12px;
    overflow: hidden;
    font-family: arial;
    color: #da1f26;
    font-size: 12px;
    text-align: center;
    margin: 25px 0 0 0;
    padding: 6px 5px;
    background: #fff;
    border-radius: 30px;
    border: 4px solid #da1f26;
}
.more:hover{
    color: #222;
    border: 4px solid #222;
    cursor: pointer;
}
.moreWhite{
    width: 100px;
    min-height: 12px;
    overflow: hidden;
    font-family: arial;
    color: #fff;
    font-size: 12px;
    text-align: center;
    margin: 25px 0 0 0;
    padding: 6px 5px;
    border-radius: 30px;
    border: 4px solid #fff;
}
.moreWhite:hover{
    color: #000;
    border: 4px solid #000;
    cursor: pointer;
}
.newMore{
    width: 116px;
    min-height: 12px;
    overflow: hidden;
    font-family: "Raleway-Light",arial;
    color: #fff;
    font-size: 14px;
    text-align: center;
    margin: 0;
    padding: 4px 5px;
    background: #ffd206;
}
.newMore:hover{
    color: #000;
    background: #bec0c2;
    cursor: pointer;
}
.moreBlack{
    width: 116px;
    min-height: 12px;
    overflow: hidden;
    font-family: "Raleway-Light",arial;
    color: #fff;
    font-size: 14px;
    text-align: center;
    margin: 25px 0 0 0;
    padding: 6px 5px;
    background: #000;
}
.moreBlack:hover{
    color: #000;
    background: #ffd206;
    cursor: pointer;
}
.clrYlw{
    color: #ffd206;
}
.downloadBx{
    width: 169px;
    height: 34px;
    margin: 25px 0 0 0;
    padding: 0;
    background: url(../img/download.html) no-repeat;
}
.downloadBx:hover{
    background: url(../img/downloadHvr.html) no-repeat;
    cursor: pointer;
}
.footerLogo{
    width: 110px;
    height: 170px;
    margin: 0 auto;
    padding: 0;
    clear: left;
}
.navIcn{
    font-size: 11px!important;
    margin: 0;
    padding: 0 5px 0 0;
}
.search{
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.search-input {
    position: absolute;
    top: 0px;
    right: 0px;
    border: medium none;
    outline: medium none;
    background: none repeat scroll 0% 0% #FFF;
    width: 100%;
    height: 25px;
    margin: 0px;
    z-index: 10;
    padding: 5px 10px;
    font-family: inherit;
    font-size: 12px;
    color: #2C3E50;
}
.search-btn{
    width: 30px;
    height: 25px;
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 0px;
    margin: 0px;
    line-height: 25px;
    text-align: center;
    cursor: pointer;
    border: none;
    background: none repeat scroll 0% 0% #FFD206;
    z-index: 90;
    font-size: 16px;
    color: #FFF;
}
.topBx{
    width: 100%;
    min-height: 70px;
    margin: 0;
    margin-top: -70px;
    padding: 15px;
    overflow: hidden;
    background: #ffffff;
}
.topBx1{
    width: 100%;
    min-height: 70px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: #da1f26;
}
.request{
    width: 100%;
    min-height: 50px;
    margin: 15px 0;
    padding: 10px;
    overflow: hidden;
    background: url(../img/rqstBg.png) repeat-x left center;
}
.request h1{
    font-size: 16px;
    line-height: 18px;
    font-family: arial;
    color: #707070;
    font-weight: bold;
    margin: 9px 0 0 0;
    padding: 0;
}
.request h1:hover{
    color: #da1f26;
}
.requestHead{
    width: 80%;
    min-height: 1px;
    margin: 0;
    padding: 0;
    float: left;
    overflow: hidden;
}
.requestIcon{
    width: 20%;
    min-height: 1px;
    margin: 0;
    padding: 0;
    float: left;
    overflow: hidden;
}
.requestIcon img{
    float: right;
}
.request:hover{
    cursor: pointer;
    color: #da1f26;
    background: #e5e4e4;
}
.footerImgBx{
    width: 100%;
    min-height: 1px;
    margin: 10px 0 0 0;
    padding: 0;
    float: left;
    overflow: hidden;
}
.footerImg{
    width: 78px;
    min-height: 61px;
    margin: 0 5px 7px 0;
    padding: 0;
    float: left;
    overflow: hidden;
    border: 1px solid #D9D9D9;
    background: #000;
    
}
.footerImg img:hover{
    cursor: pointer;
    background: #000;
    opacity:.8;
}
.infoIcons{
    font-size: 28px;
    line-height: 18px;
    color: #fff;
    margin: 0;
    padding:0;
    text-align: left;
}
.infoIcons1{
    font-size: 20px;
    line-height: 18px;
    color: #fff;
    margin: 0;
    padding: 10px 0 5px 0;
    text-align: left;
}
.whiteBottom {
    width: 100%;
    height: auto;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    line-height: 0;
    position: absolute;
    z-index: 999;
    bottom: 0px;
}
.addressBx {
    width: 100%;
    min-height: 70px;
    margin: 0px;
    padding: 14px;
    overflow: hidden;
    color: #555 !important;
    background:#d01d1d;
	font-family: "Myriad Pro","Lucida Grande",Arial,sans-serif !important;
}
.detail{
    color: #d01d1d!important;
    padding: 10px 15px;

}
.suppliersBx{
    margin: 5px 0;
    padding: 20px;
    width: 100%;
    height: 100%;
    background: #fff;
    overflow: hidden;
}
.suppliers{
    margin: 0;
    padding: 10px 10px;
    margin: 0 0 20px 0;
    width: 100%;
    height: 100%;
    border: 1px solid #ccc;
    overflow: hidden;
}
.suppliers img{
    float: none;
    margin: 0 auto;
}
.clientsBx{
    margin: 5px 0;
    padding: 20px;
    width: 100%;
    height: 100%;
    background: #fff;
    overflow: hidden;
}
.clients{
    margin: 0 0 10px 0;
    padding: 10px 20px;
    width: 100%;
    height: 100%;
    border: 1px solid #ccc;
    overflow: hidden;
}
.clients img{
    float: none;
    margin: 0 auto;
}

/* ==========================================================================
PRODUCTS
========================================================================== */
.productsHead{
    width: 100%;
    margin: 15px 0 ;
    padding: 0;
    float: left;
    text-align: left;
    background: #D01D1D ;
}
.productsHead h1{
    margin: 0 ;
    padding: 15px;
    font-weight: bold;
    font-size: 24px;
    font-family: arial;
    color: #fff;
    text-align: left;
}
.sideLinks {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    float: left;
    overflow: hidden;
}
.sideLinks ul{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0;
    padding: 0;
    float: left;
}
.sideLinks ul li {
    width: 100%;
    margin: 0;
    line-height: 18px;
    font-family: "Raleway-Light" , arial;
    color: #444;
    font-size: 12px;
    text-align: left;
    padding: 0;
    list-style: none;
}
.sideLinks ul li a { 
    width: 100%;
    font-family: "Raleway-Light" , arial;
    float: left;
    color: #444;
    font-size: 12px;
    text-align: left; 
    background: #fafafa; 
    border: 1px solid #D9D9D9;
    margin: 0 0 2px 0;
    padding: 10px 15px; 
    text-decoration: none;
}
.sideLinks ul li a:hover {   
    font-family: "Raleway-Light" , arial;
    color: #fff;
    font-size: 12px;
    text-align: left;
    background: url("../img/arrow-active.png") no-repeat right center #D01D1D !important;   
}

.itemBx {
    width: 100%;
    height: auto;
    margin: 0 0 20px 0;
    padding:0 0 20px 0;
    overflow: hidden;
    background: #F9F9F9;
    float: left;
    border: 1px solid #DEDEDE;
}
.itemBxImage {
    width: 100%;
    height: auto;
    margin: 20px 0 0 0;
    padding: 0;
    overflow: hidden;
    background: #fff;
    border: 1px solid #DEDEDE;
}
.itemBx ul{
    width: 100%;
    min-height: 225px;
    overflow: hidden;
    margin: 0;
    padding: 5px 0 0 0;
    float: left;
}
.itemBx ul li {
    width: 100%;
    margin-top: 0px;
    line-height: 18px;
    font-family: arial;
    color: #444;
    font-size: 12px;
    text-align: left;
    list-style: none;
    background: url("../img/liicon.png") no-repeat scroll 0px 5px transparent;
    padding: 0px 0px 7px 20px;
}
.itemBx ul li a {    
    font-family:arial;
    color: #444;
    font-size: 12px;
    text-align: left;
   
}
.itemBx ul li a:hover {   
    font-family: arial;
    color: #287cbb;
    font-size: 12px;
    text-align: left;
   
}
.itemBx h1 {
    color: #DA1F26;
    word-spacing: 2px;
    line-height: 22px;
    text-align: left;
    font-size: 18px;
    margin: 20px 0 0 0;
    padding: 0;
    text-transform: uppercase;
    font-weight: bold;
}
.itemBx h2 {
    font-family: "Raleway-Light",arial;
    color: #2d3233 ;
    word-spacing: 2px;
    line-height: 22px;
    text-align: left;
    font-size: 14px;
    margin: 20px 0 0 0;
    padding: 0;
    font-weight: bold;
}
.itemBx p {
    font-family: "Raleway-Light",arial;
    color: #2d3233;
    word-spacing: 2px;
    line-height: 22px;
    text-align: left;
    font-size: 13px;
    margin: 10px 0 10px 0;
    padding: 0;
    font-weight: normal;
}
.itemBxMore{
    width: 90px;
    margin: 10px 0 20px 15px ;
    padding: 4px 0;
    font-weight: normal;
    font-size: 13px;
    float: left;
    font-family: arial;
    color: #fff;
    text-align: center;
    background: #0AB6E1;
    border: 2px solid #fff;
}
.itemBxMore:hover{
    font-weight: bold;
    cursor: pointer;
    border: 2px solid #333333;
}
.select {
    width: 50%;
    height: 34px;
    margin: 15px 0px;
    padding: 8px 10px;
    color: #151515;
    font-family: arial;
    text-align: left;
    font-size: 12px;
    float: right;
    border: 2px solid #D2D2D2 !important;
}
.menuActive2 {
    color: #fff!important;
    background: url("../img/arrow-active.png") no-repeat right center #D01D1D  !important;
}
.productsBtmBx{
    width: 100%;
    margin: 15px 0 ;
    padding: 15px 0;
    float: left;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.brochureBx {
    width: 100%;
    height: auto;
    margin: 0;
    padding:0;
    overflow: hidden;
    background: #F9F9F9;
    float: left;
}
.brochureBx ul{
    width: 100%;
    min-height: 1px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    float: left;
}
.brochureBx ul li {
    width: 100%;
    margin-top: 0px;
    line-height: 18px;
    font-family: arial;
    color: #444;
    font-size: 12px;
    text-align: left;
    list-style: none;
    background: url("../img/brochure-icon.png") no-repeat;
}
.brochureBx li a {    
    font-family:arial;
    color: #444;
    font-size: 12px;
    text-align: left;
    padding: 0px 0px 9px 15px;
   
}
.brochureBx ul li a:hover {   
    font-family: arial;
    color: #DA1F26;
    font-size: 12px;
    text-align: left;   
}
.submit-common {
    border: 2px solid #000 !important; 
    background:#D01D1D ;
    overflow: hidden;
    padding: 6px 20px;
    margin: 15px 0 0 0;
    font-family: "arial";
    color: #fff;
    font-size: 18px;
    text-align: center;
    width: 120px;
}
.submit-common:hover {
    border: 2px solid #D01D1D !important;
    background:#000 ;
    overflow: hidden;
    padding: 6px 20px;
    margin: 15px 0 0 0;
    font-family: "arial";
    color: #fff;
    font-size: 18px;
    text-align: center;
  
    width: 120px;
}
.button {
    border: none;
    color: white;
    padding: 10px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    border-radius: 5px;
    cursor: pointer;
    background-color: #D01D1D;
  }

.download-button {
    border: 2px solid #000 !important; 
    background:#D01D1D ;
    overflow: hidden;
    padding: 6px 20px;
    margin: 15px 0 0 0;
    color: #fff;
    font-size: 18px;
    text-align: center;
    width: 150px;
}
.download-button:hover {
    border: 2px solid #D01D1D !important;
    background:#000 ;
    overflow: hidden;
    padding: 6px 20px;
    margin: 15px 0 0 0;
    color: #fff;
    font-size: 18px;
    text-align: center;
    width: 150px;
}
/* ==========================================================================
Request for Quote
========================================================================== */

.quoteTop {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 25px 0px 25px 0;   
    float: left;
    border: 1px solid #ccc;
}
.quote {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 25px 0px 25px 0;
    overflow: hidden;
    background:url(../img/quote-Border.png) no-repeat left bottom #fff;
    float: left;
    border: 1px solid #ccc;
}
.quoteHead {   
    color: #D01D1D ;
    font-size: 34px;
    font-weight: bold; 
}
.quoteBox {
    width: 100% !important;
    margin: 0 0 15px 0;
    padding: 5px !important;
    background:#EFEFEF;
    color: #151515;
    font-size: 12px;
    font-family: arial;
    border: 1px solid #ccc !important;
}
.quoteRequierment {
    width: 100% !important;
    min-height: 100px;
    margin: 0px;
    padding: 6px !important;
    background:  #EFEFEF;
    color: #151515;
    font-size: 12px;
    font-family: arial;
    border: 1px solid #ccc !important;
}
.quoteBoxCap1 {
    width: 100% !important;
    margin: 0px;
    padding: 8px !important;
    color: #151515;
    font-size: 14px;
    font-family: arial;
     
}
.quoteBoxCap {
    width: 100% !important;
    margin: 0px;
    padding: 8px !important;
    color: #151515;
    font-size: 14px;
    font-family: "Myriad Pro","Lucida Grande",Arial,sans-serif;
    border-bottom: 1px solid #EEEEEE !important; 
}

/* ==========================================================================
Service Request orm
========================================================================== */

.serviceRequestTop {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 25px 0px 25px 0;
    overflow: hidden;
    
    float: left;
    border: 1px solid #ccc;
}
.serviceRequest {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 25px 0px 25px 0;
    overflow: hidden;
    background:url(../img/quote-Border.png) no-repeat left bottom #fff;
    float: left;
    border: 1px solid #ccc;
}
.serviceRequestHead {   
    color: #D01D1D ;
    font-size: 34px;
    font-weight: bold; 
}
.serviceRequestBox {
    width: 100% !important;
    margin: 0 0 15px 0;
    padding: 8px !important;
    background:#EFEFEF;
    color: #151515;
    font-size: 12px;
    font-family: arial;
    border: 1px solid #ccc !important;
}
.serviceRequestRequierment {
    width: 100% !important;
    min-height: 100px;
    margin: 0px;
    padding: 6px !important;
    background:  #EFEFEF;
    color: #151515;
    font-size: 12px;
    font-family: arial;
    border: 1px solid #ccc !important;
}
.serviceRequestBoxCap {
    width: 100% !important;
    margin: 0px;
    padding: 8px !important;
    color: #151515;
    font-size: 14px;
    font-family: "Myriad Pro","Lucida Grande",Arial,sans-serif;
    border-bottom: 1px solid #EEEEEE !important; 
}
.serviceRequestBoxTop {
    width: 100% !important;
    margin: 0px;
    padding: 8px !important;
    color: #151515;
    font-size: 14px;
    font-family: "Myriad Pro","Lucida Grande",Arial,sans-serif;
}
/* ==========================================================================
Feedback
========================================================================== */

.feedbackForm {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 25px 0px 25px 0;
    overflow: hidden;
    background:url(../img/quote-Border.png) no-repeat left bottom #fff;
    float: left;
    border: 1px solid #ccc;
}
.feedbackHead {   
    color: #D01D1D ;
    font-size: 34px;
    font-weight: bold; 
}
.feedbackBox {
    width: 100% !important;
    margin: 0 0 15px 0;
    padding: 8px !important;
    background:#EFEFEF;
    color: #151515;
    font-size: 12px;
    font-family: arial;
    border: 1px solid #ccc !important;
}
.feedback {
    width: 100% !important;
    min-height: 100px;
    margin: 0px;
    padding: 6px !important;
    background:  #EFEFEF;
    color: #151515;
    font-size: 12px;
    font-family: arial;
    border: 1px solid #ccc !important;
}
.feedbackBoxCap {
    width: 100% !important;
    margin: 0px;
    padding: 8px !important;
    color: #151515;
    font-size: 14px;
    font-family: "Myriad Pro","Lucida Grande",Arial,sans-serif;
    border-bottom: 1px solid #EEEEEE !important; 
}

.error_form{
    width: 100% !important;
    margin: 0px;
    padding: 8px !important;
    color: #ff0000;
    font-size: 14px;
    /*font-family: arial;*/
    border-bottom: 1px solid #ff0000 !important; 	
	
}
.clearBoxCap {
    width: 100% !important;
    margin: 0px;
    padding: 8px !important;
    color: #151515;
    font-size: 14px;
    /*font-family: arial;*/
    border-bottom: 1px solid #EEEEEE !important; 
}
/* ==========================================================================
SERVICES
========================================================================== */
.serviceBx {
    width: 100%;
    height: auto;
    margin: 0px 0px 20px;
    padding: 0px;
    overflow: hidden;
    background: none repeat scroll 0% 0% #FFF;
    border: 4px solid #FFF;
}
.serviceBx h1 {
    font-family: "Raleway-Light",arial;
    color: #2D3233;
    word-spacing: 2px;
    line-height: 22px;
    text-align: left;
    font-size: 18px;
    margin: 20px 0px 0px;
    padding: 0px 15px;
    font-weight: bold;
}
.serviceBx p {
    font-family:arial;
    color: #2D3233;
    word-spacing: 2px;
    line-height: 22px;
    text-align: left;
    font-size: 13px;
    margin: 10px 0px;
    padding: 0px 15px;
    font-weight: normal;
}
.serviceBxMore {
    width: 90px;
    margin: 0px 0px 20px 15px;
    padding: 4px 0px;
    font-weight: normal;
    font-size: 13px;
    float: left;
    font-family: arial;
    color: #FFF;
    text-align: center;
    background:#DA1F26;
    border: 2px solid #000;
}
.serviceBxMore:hover {
    color: #FFF;
    background: #000;
    border: 2px solid #DA1F26;
}
/* ==========================================================================
skills
========================================================================== */
.skillIcon {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    margin: 0 auto;
    padding: 0;
}
.skillsBx {
    width: 100%;
    height: auto;
    margin: 0px 0px 20px;
    padding: 15px;
    overflow: hidden;
    background: none repeat scroll 0% 0% #FFF;
    border: 1px solid #E9E9E9;
    box-shadow: -2px 23px 32px -31px #6F7476;
}
.skillsBx h1 {
    font-family:arial;
    color: #2D3233;
    word-spacing: 2px;
    line-height: 22px;
    text-align: center;
    font-size: 14px;
    margin: 10px 0;
    padding: 0px 15px;
    font-weight: bold;
}
.skills {
    width: 90px;
    margin: 0 auto 0 auto;
    padding: 4px 0px;
    font-weight: normal;
    font-size: 13px;
    font-family: arial;
    color: #FFF;
    text-align: center;
    background:#DA1F26;
    border: 2px solid #000;
    border-radius: 20px;
}
.skills:hover {
    border: 2px solid #D01D1D !important;
    background:#444 ;
    color: #fff;
}

img.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+, IE10 */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
}

img.grayscale:hover {
    filter: none;
    -webkit-filter: grayscale(0%);
    cursor: pointer;
}
.clients img{
    min-height: 70px;
    margin: 0 auto;
    max-width:100%;
}
.clientsHome{
   float: left;
   width: auto;
   margin:0 10px;
   overflow: hidden;
}
.extra{
    width: 100%!important;
    height: auto!important;
    background: #efefef!important;
    border-top: none!important ;
    border-left: none !important;
    border-right: none !important;
    border-top: none!important;
    border-bottom: 5px solid #D01D1D !important;
    padding: 3px 15px!important;
    text-align: left!important;
}
.extra option{
    width: 100%!important;
    height: auto!important;
    background: #efefef!important;
    border: none!important ;
    padding: 5px 15px!important;
    text-align: left!important;
}


#primary_nav_wrap
{
	margin-bottom:15px
}

#primary_nav_wrap ul
{
    width: 100%!important;
	list-style:none;
	position:relative;
	float:left;
	margin:0;
	padding:0;
    border: 1px solid #ccc!important ;
    border-bottom: 5px solid #D01D1D!important ;
    background: #fff;
    margin-bottom:15px
}

#primary_nav_wrap ul a
{
	display:block;
	color:#333;
	text-decoration:none;
	font-weight:700;
	font-size:12px;
	line-height:32px;
	padding:0 15px;
	font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif
}

#primary_nav_wrap ul li
{
    width: 100%!important;
	position:relative;
	float:left;
	margin:0;
	padding:0
}

#primary_nav_wrap ul li.current-menu-item
{
	background:#ddd
}

#primary_nav_wrap ul li:hover
{
	background:#f6f6f6
}

#primary_nav_wrap ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#fff;
	padding:0
}

#primary_nav_wrap ul ul li
{
	float:none;
	width:200px
}

#primary_nav_wrap ul ul a
{
	line-height:120%;
	padding:10px 15px
}

#primary_nav_wrap ul ul ul
{
	top:0;
	left:100%
}

#primary_nav_wrap ul li:hover > ul
{
	display:block
}

.after-form-submit{
	padding:3px;

}
.validation-msgBox{
	
	color:#ff0000;
	font-family: "Myriad Pro","Lucida Grande",Arial,sans-serif;
	display:none;
}
.my-style{
	background: transparent;
	width: 249px;
	padding: 5px;
	font-size: 16px;
	line-height: 1;
	border-radius: 0;
	height: 34px;
	-webkit-appearance: none;
	border-bottom:#d01d1d 3px solid;

}
.engine-operated-welders{
	
	display:none;
}
.zoom:hover {
  -ms-transform: scale(1.5); /* IE 9 */
  -webkit-transform: scale(1.5); /* Safari 3-8 */
  transform: scale(1.5); 
}