@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);

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; }


html {  font-family: 'Helvetica Neue', sans-serif;
    }
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: 'Helvetica Neue', arial; }
/* * Addresses margins handled incorrectly in IE 6/7. */
body { margin: 0; font-family: 'Helvetica Neue', arial; background: #f1f1f1; }
.subUlBlock h5, h3{
    text-align: left;
}
.subUlBlock ul li a{
    text-align: left;
    color: #777;
}
.subUlBlock ul li a:hover{
    text-align: left;
    color: #0c946e;
}
.durationBlock{
    background: #f1f1f1;
}
/* ==========================================================================
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. */


h1 { font-family: 'Helvetica Neue' , arial; font-size: 2em; margin:  0;padding:0.5em 0; color: #353535; line-height: 32px; }
h2 { font-size: 12px; font-family: 'Helvetica Neue' , arial; clear: right; color: #333333; text-transform: uppercase; font-weight: bold; }
h3 { font-size: 15px; font-family: 'Helvetica Neue' , arial; color: #797879; text-transform: uppercase; font-weight: bold; }
h4 { font-size: 14px; font-family: 'Helvetica Neue' , 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:'Helvetica Neue' , arial;  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
========================================================================== */
header{
    background:#fff no-repeat left center;
    background-position: 0px;
    box-shadow: 0 0 2px #333;
}
.logo{
    margin: 10px 0 0 0;
}
.mainBlock {font-family: 'Helvetica Neue', arial; background: #fff; position: relative; }
.mainBlock1 {width: 100%;
height: auto;
float: right; }
.mainBlock1 h1{
    color: #0c946e;
    margin: 15px 0;
    padding:5px 0;
    font-family: 'Helvetica Neue',arial;
    font-size: 32px;
    float: left;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
}
.mainBlock1 h2{
    color: #066da5;
    margin: 15px 0;
    padding:5px 0;
    font-family: 'Helvetica Neue',arial;
    font-size: 24px;
    float: left;
    width: 100%;
    text-align: left;
    text-transform: uppercase;
    font-weight: bold;
}
.mainBlock1 h4{
    color: #0c946e;
    margin: 15px 0;
    padding:5px 0;
    font-family: 'Helvetica Neue',arial;
    font-size: 22px;
    float: left;
    width: 100%;
    text-align: left;
    text-transform: uppercase;
    font-weight: bold;
}
.mainBlock1 p { font-family: 'Helvetica Neue', sans-serif; 
color: #555555;  
line-height: 19px; 
font-size: 13px;
margin: 1em 0; 
text-align: left;
}
p { font-family: 'Helvetica Neue', sans-serif; color: #555555;  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;overflow: hidden; }
.light-box a { color: #15A9CE; }
.light-box a:hover { color: #d435d2; }
.light-box:hover, .light-box:focus { -webkit-box-shadow: 0px 3px 0px 0px #ccc; -moz-box-shadow: 0px 3px 0px 0px #ccc; box-shadow: 0px 3px 0px 0px #ccc; }
.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; }
/* ==========================================================================
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.png') 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 {
    height: 60px;
    width: 60px;
    line-height: 64px;
    max-width: 100%;
    border-radius: 50%;
    display: block;
    color: #fff!important;
    font-size: 55px;
    text-align: center;
    vertical-align: middle;
    position: relative;
    margin: -7px 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.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;  }
.swag { background: url('../img/about-bg-ar.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; }
.swag h1 { color: #fff; text-transform: uppercase; letter-spacing: 1px; font-size: 28px; font-weight: bold; }
.swag h2{
    color: #fff;
    text-align: left;
    font-size: 24px;
}
.swag ul{
    height: auto;
    width: 100%;
    padding: 0 0 20px 0;
    float: left;
}
.swag  ul li{
    padding:5px 0 5px 23px;
    width: 50%;
    color: #fff;
    float: left;
    text-align: left; 
    list-style-type: none; 
    background: url("../img/liicon.png") no-repeat left;
}

.swag p { color: #fff; font-size: 15px;   }
.swag h1 span { display: block; font-size: 25px; margin-top: 20px; }
.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
========================================================================== */
.subscribe { background: url('../img/keyboard-bg.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: fixed; padding: 120px 0 140px; }
.subscribe h1 { color: #fff; margin-bottom: 40px; }
.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: rgba(255, 255, 255, 0.1); border: solid 1px #fff; padding: 20px; width: 30%; color: #fff; }
.subscribe input[type=submit] { background: rgba(61, 201, 179, 0.5); border: solid 1px rgba(61, 201, 179, 0.5); padding: 20px; 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: rgba(61, 201, 179, 1); border: solid 1px rgba(61, 201, 179, 1); color: #fff; }
/* ==========================================================================
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.png) 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.png) 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: right; }
.credit { text-align: left; }
.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 { height: 100%; }
.gray{ padding: 3% 0;background: #e6f5fa;}

.headingMain{
        background: #f5f8f7;
    padding: 30px 0 10px 0;
    width: 100% !important;
    position: relative;

    
}
.headingMain h1{
    font-size: 32px;
    color: #066da5;
    font-family:'Helvetica Neue' , arial;
    padding: 0 0 10px 25px;
    text-align: left;
    text-transform: uppercase; 
    font-weight: 600; 
    
}

.FillingBox {
    width: 100% !important;
    margin: 0px 0px 3%;
    padding: 12px !important;
    background: #fff;
    color: #7F7F7F;
    border: medium none !important;
    font-size: 12px;
    font-family:'Helvetica Neue' , arial;
    border: 1px solid #E5E5E5!important;
}
.FillingBox1 {
    width: 98% !important;
    margin: 0px 0px 3%;
    padding: 12px !important;
    background: #fff;
    color: #7F7F7F;
    border: medium none !important;
    font-size: 12px;
    font-family: 'Helvetica Neue' , arial;
    border: 1px solid #E5E5E5!important;
}
.capche {
    width: 50% !important;
    margin: 0px 0px 3%;
    padding: 12px !important;
    background: #fff;
    color: #7F7F7F;
    border: medium none !important;
    font-size: 12px;
    font-family:'Helvetica Neue' , arial;
    border: 1px solid #E5E5E5!important;
}
.submit {
    width: 110px;
    height: auto;
    margin: 1% auto 4%;
    padding: 0px;
    overflow: hidden;
    background: #15A9CE !important;
    color: #fff!important;
}
.smile{
    width: 120px;
    height: 120px;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    border-radius: 50%;
    border: 4px solid #fff;
    vertical-align: top!important;
    
}
.social{
    width: 217px;
    height: auto;
    margin: 6px 0;
    padding: 0;
    overflow: hidden;
    float: left;
}
.socialIcon{
    width: 32px;
    height:32px;
    margin: 0 2px;
    padding: 5px 10px;
    float: left;
    border-radius: 50%;
    overflow: hidden;
    background: #3d578f;
    color: #fff;
    
}
.socialIcon:hover{
   background: #20add0!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: 'Helvetica Neue' , 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: 'Helvetica Neue' , arial;
    color: #fff;
    font-size: 20px;
    line-height: 18px;
    margin-bottom: 2%;
    margin-top: 2%;
    text-transform: uppercase;
}
.innerwhite h2{
    font-family: 'Helvetica Neue' , 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: 5px 0;
    font-family: 'Helvetica Neue' , arial;
    color: #543a59;
    font-size: 13px;
    text-align: center;
    width: 110px;
   
}
.read1:hover{
    opacity: 0.6;
}
.ash1{
    background: #f7f7f7;
    border: 1px solid #d8d8d8;    
}

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

    .logo img {
        width: 42%!important;
        margin: 0 0 15px 0;
    }
    .accredited{
        top: 60px!important;
    width: 75px!important;
    height: 75px!important;
    }
    .homeOfferImg{
            height: 162px!important;
    }
}

@media screen and (max-width:25em) {
     
.bgin{
    background: url("../img/bg2.jpg") no-repeat fixed center top / cover transparent;
    background-size: auto;
}
     .col-md-4 img{
        width:100%;
    } 
    .vee2 {

    margin: -7% 0px 0px;
}  
    }
     
.ovrBx{
    width: auto;
    height: auto;
    margin: 0;
    padding: 10px;
    background: yellow;
    right: 0;
    bottom: 0;
    position: absolute;
    font-family: 'Helvetica Neue' , arial;
    font-size: 12px;
    font-weight: bold;
    color: #000;
}
.light-box h2{
     font-family: 'Helvetica Neue' , arial;
     font-size: 12px!important;
     font-weight: bold;
     margin: 0;
     padding: 5px 15px;
     text-transform: none;
     color: #15A9CE;
     font-weight: bold;
     
}
.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:'Helvetica Neue' , 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:'Helvetica Neue' , 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 ;

}
.glyphicon-menu-right{
    top: 50%;
}
.glyphicon-menu-left{
    top: 50%;
}

.carousel-indicators li {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 1px;
    text-indent: -999px;
    border-radius: 10px;
    cursor: pointer;
    background-color: transparent;
    background: #fff;
    border: none;
}
.carousel-indicators .active {
    width: 15px;
    height: 15px;
    margin: 1px;
    text-indent: -999px;
    width: 15px;
    height: 15px;
    background-color: #50c59d;
}
.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 (min-width: 1000px) {
   
    header{
    
    background-position: -260px;
}

}
@media screen and (min-width: 1280px) {
   
    header{
    
    background-position: 0px;
}

}
@media screen and (min-width: 1024px) {
   
    header{
    
    background-position: -200px;;
}
.carousel-indicators{
 bottom: 0!important;   
}

}
@media screen and (max-width: 62em) {
    .codrops-header{
    display: none;
    }
    .head ul li{
    width: 100%!important;
    }
    header{
    
    background-position: -230px;
}

}

@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;
    }
    .itemBx ul{
    min-height: 1px!important;
    }
    .stHight{
    min-height: 1px;
    }
  .subUlBlock ul li{
    padding:5px 20px;
    width: 100%!important;
}  
.test-ind{
    display: none;
}


}


.stHight{
    min-height: 428px;
}
.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;
    min-height: 174px;
    position: relative;
}
.white h1{
    font-size: 22px !important;
    font-family: 'Helvetica Neue',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: 278px;
}
.white2 h1{
    font-size: 22px !important;
    font-family: 'Helvetica Neue',arial;
    color: #84868D;
    text-transform: uppercase;
    font-weight: bold;
}

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

.moreBlue1{
    width: 203px;
    background: url(../img/moreBg.png) no-repeat right;
    margin: 0 auto;
    padding: 13px 0;
    font-weight: normal;
    font-size: 12px;
    font-family:'Helvetica Neue' , arial;
    color: #fff;
    text-align: center;
    border: 2px solid #fff;
    border-radius: 24px;
    position: relative;
    overflow: hidden;
    z-index: 3;
    float: left;
}
.moreBlue1:hover{      
    cursor: pointer; 
    border: 2px solid #50c59d;
}

.moreBlue3{
    width: 203px;
    background: url(../img/moreBg.png) #0c946e no-repeat right;
    margin: 0 auto 20px;
    padding: 13px 0;
    font-weight: normal;
    font-size: 12px;
    font-family:'Helvetica Neue' , arial;
    color: #fff;
    text-align: center;
    border: 2px solid #0c946e;
    border-radius: 24px;
    position: relative;
    overflow: hidden;
    z-index: 3;
    float: left;
}
.moreBlue3:hover{ 
    color: #50c59d;
    cursor: pointer; 
    border: 2px solid #50c59d;
}
.moreButton2{
    width: 203px;
    background: url(../img/moreBg2.png) no-repeat right;
    margin: 0 auto;
    padding: 13px 0;
    font-weight: normal;
    font-size: 12px;
    font-family:'Helvetica Neue' , arial;
    color: #9fa4a8;
    text-align: center;
    border: 2px solid #9fa4a8;
    border-radius: 24px;
    position: relative;
    overflow: hidden;
    z-index: 3;
}
.moreButton2:hover{      
    cursor: pointer; 
    border: 2px solid #00b669;
}
/* Bounce To Left */
.hvr-bounce-to-left {
  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;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-left:before {
  content: "";
  position: absolute;
  z-index: -2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #50c59d;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active {
  color: white;
}
.hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.moreArrow{
    width: 13px;
    height: 15px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: url(../img/moreArrow.png)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: 100%;
    height: auto;
    margin: 0;
    padding: 0 0 7px 0;
    overflow: hidden;
    background: url(../img/line.png) no-repeat bottom center;
}
.date h1{
    font-size: 32px;
    font-family: 'Helvetica Neue' , arial;
    color: #333;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
    font-weight: bold;
}
.date p {
    font-family:'Helvetica Neue' , arial;
    color: #555;
    margin: 0;
    padding: 0;
    word-spacing: 1px;
    line-height: 19px;
    font-size: 13px;
}

.linkBox {
    width: 100%;
    height: auto;    
    margin: 0 0 25px 0;
    padding: 0px;
    float: right;
    overflow: hidden;
}
.linkBox p {
    width: 100%;
    height: 30px;
    margin-top: 0px;
    line-height: 18px;
    font-family: 'Helvetica Neue',arial;
    color: #fff ;
    font-size: 14px;
    padding: 7px 0 2px 0;
    list-style: none;
    text-align: center;
    float: left;
}
.linkBox ul {
    width: 100%;
    height: auto;    
    margin: 0px;
    padding: 0px;
    float: right;
    overflow: hidden;
}
.linkBox ul li {
    width: 100%;
    height: 30px;
    margin-top: 0px;
    line-height: 18px;
    font-family: 'Helvetica Neue',arial;
    color: #333 ;
    font-size: 12px;
    padding: 7px 0 2px 10px;
    list-style: none;
    text-align: left;
    float: left;
}
.linkBox ul li a {
    width: 100%;
    height: 30px;   
    margin-top: 0px;
    line-height: 18px;
    font-family: 'Helvetica Neue',arial;
    color: #fff!important;
    font-size: 12px;
    padding: 7px 0 2px 10px;
    text-decoration: none;
    text-transform: uppercase;
}
.linkBox ul li a:hover {
    color: #fff!important;
}
.linkBox h1 {
    font-family: 'Helvetica Neue' , arial;
    font-size: 20px;
    margin: 0px 0 8px 0;
    padding: 0px;
    color: #fff;
    line-height: 32px;
    font-weight: normal;
    line-height: 55px;
    text-align: left;
    font-weight: 600;
}
a {
    color: #fff;
    text-decoration: none;
}
a:hover {
    color: #fff;
    text-decoration: none;
}
.logo img{
    
    width: 98%;
    margin-top: 7px;
}
.hash {
    color: #8a919a;
}
.hash:hover {
    color: #b4b2b2;
}
.blue {
    color: #f1f1f1;
    cursor: pointer;
}
.blue:hover {
    color: #ccc;
}
.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 auto;
    padding: 0px;
    position: absolute;
    z-index: 999;
    bottom: 30%;
    top: 15%;
}
.bannerCaption h1 { 
    font-size: 58px;
     font-family: 'Helvetica Neue', arial;
     color: #fff; 
     font-weight: bold; 
     margin: 0 auto;
     text-align: center;
     direction: ltr;
     letter-spacing: 0;
     text-shadow: 0 0 15px #000;
    }

.bannerCaption h2 { 
    font-size: 22px;
     font-family: 'Helvetica Neue', arial;
     color: #fff; 
     font-weight: bold; 
     margin: 90px auto 0 0;
     text-align: center;
     direction: ltr;
     text-shadow: 0 0 3px #000;
    }
    .bannerCaption p { 
    font-size: 14px;
     font-family: 'Helvetica Neue', arial;
     color: #fff;  
     margin: 0 auto;
     text-align: center;
    }
.bannerMore{
    width: 150px;    
    margin: 12px auto;
    padding: 10px 0;
    bottom: 0;
    font-weight: normal;
    font-size: 12px;
    font-family: 'Helvetica Neue', arial;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    background: #84868d;
}
.bannerMore:hover{
    background: url(../img/moreBg.png) repeat-x;
    font-weight: bold;
    cursor: pointer;
}
.carousel-indicators {
    bottom: 25px;
}
.big {
    font-size: 22px;
    font-family: arial;
    font-weight: bolder;
}
.bannerArrow{
    width: 50px;
    height: 45px;
    margin:0 15px;
    overflow: hidden;
    padding:0;
}
.fa2 {
    display: inline-block;
    font: 40px/1 FontAwesome;
    text-rendering: auto;
    color: #15A9CE;
    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:35px 0 45px 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:  #FDFDFD;
    overflow: hidden;
}
.about-box2 h2{
    margin: 0;
    color: #15A9CE;
    font-size: 22px;
}
.contentWhite{
    margin: 0;
    padding: 0 0 15px 0;
    width: 100%;
    min-height: 1px;
    background:url(../img/contentIcon.png ) no-repeat right bottom #fff;
    border-bottom: 1px solid #f1f1f1;
}
.contentWhite h2{
    
    font-size: 17px;
}
.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: right;
}
.listBox ul li {
    width: 100%;
    margin: 0px;
    line-height: 18px;
    font-family: 'Helvetica Neue' , arial;
    color: #444;
    font-size: 13px;
    text-align: right;
    background: url("../img/liicon.png") no-repeat center right  transparent;
    padding: 0px 25px 9px 0;
}
.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: 25px 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: 'Helvetica Neue' , arial;
    font-weight: bold;
    color: #666;
    float: right;
    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: 'Helvetica Neue',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: 'Helvetica Neue',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: 'Helvetica Neue',arial;
    color: #15A9CE !important;
    font-size: 12px;
    text-align: center;
    margin: 0;
    padding: 22px 0 0 0;
}
.date1{
    width: auto;
    min-height: 12px;
    overflow: hidden;
    font-family: 'Helvetica Neue',arial;
    color: #fff;
    font-size: 14px;
    text-align: center;
    margin: 0 0 20px 20px;
    padding: 7px 15px;
    background: #815aa4;
    float: right;
   
}
.green{
    background: #00b669!important;   
}
.innerBlockSub h4{
    color: #a1a1a1;
    margin: 5px 0;
    padding:5px 0;
    font-family: 'Helvetica Neue',arial;
    font-size: 12px;
    float: right;
    width: 100%;
}
.innerBlock h1{
    color: #066da5;
    margin: 5px 0;
    padding:5px 0;
    font-family: 'Helvetica Neue',arial;
    font-size: 24px;
    float: left;
    width: 100%;
    text-align: left;
    text-transform: uppercase;
    font-weight: bold;
}
.innerBlock h4{
    color: #a1a1a1;
    margin: 5px 0;
    padding:5px 0;
    font-family: 'Helvetica Neue',arial;
    font-size: 12px;
    float: left;
    width: 100%;
}
.dateto{
    width: 20px;
    min-height: 12px;
    overflow: hidden;
    font-family: 'Helvetica Neue',arial;
    color: #333;
    font-size: 14px;
    text-align: center;
    margin: 0 0 20px 20px;
    padding: 7px 0px;
    float: right;
   
}
.date1 i{
    color: #fff;
    float: right;
    margin: 2px 0 0 10px;
}
.breadcrumb li a{    
    color: #20add0;
}

.itemBx {
    width: 100%;
    height: auto;
    margin: 0 0 20px 0;
    padding: 0;
    overflow: hidden;
    background: #fff;
    border: 4px solid #fff;
}
.itemBx ul{
    width: 100%;
    min-height: 75px;
    overflow: hidden;
    margin: 0;
    padding: 15px 15px 0 15px;
    float: left;
}
.itemBx ul li {
    width: 100%;
    margin-top: 0px;
    line-height: 18px;
    font-family: 'Helvetica Neue' , arial;
    color: #444;
    font-size: 12px;
    float: left;
    list-style: none;
    background: url("../img/liicon.png") no-repeat right transparent;
    padding: 0px 20px 7px 0;
}
.itemBx ul li a {    
    font-family: 'Helvetica Neue' , arial;
    color: #444;
    font-size: 12px;
   
}
.itemBx ul li a:hover {   
    color: #287cbb;
    font-size: 12px;
    
   
}
.itemBx h1 {
    font-family: 'Helvetica Neue',arial;
    color: #2d3233;
    word-spacing: 2px;
    line-height: 22px;
    text-align: left;
    font-size: 18px;
    margin: 20px 0 0 0;
    padding: 0 15px;
    font-weight: bold;
}
.itemBx h2 {
    font-family: 'Helvetica Neue',arial;
    color: #9B44C7 ;
    word-spacing: 2px;
    line-height: 22px;
    text-align: left;
    font-size: 14px;
    margin: 20px 0 0 0;
    padding: 0 15px;
    font-weight: bold;
}
.itemBx p {
    font-family: 'Helvetica Neue',arial;
    color: #2d3233;
    word-spacing: 2px;
    line-height: 22px;
    text-align: left;
    font-size: 13px;
    margin: 10px 0 10px 0;
    padding: 0 15px;
    font-weight: normal;
}
.itemBxMore{
    width: 90px;
    margin: 10px 15px 20px 0 ;
    padding: 4px 0;
    font-weight: normal;
    font-size: 13px;
    float: right;
    font-family: 'Helvetica Neue',arial;
    color: #fff;
    text-align: center;
    background: #0AB6E1;
    border: 2px solid #fff;
}
.itemBxMore:hover{
    font-weight: bold;
    cursor: pointer;
    border: 2px solid #333333;
}


.itemBx1 {
    width: 100%;
    height: auto;
    margin: 0 0 20px 0;
    padding: 0;
    overflow: hidden;
    border: 4px solid #fff;
}
.itemBx1 h3 {
    font-family: "Raleway-Light",arial;
    color: #2d3233;
    word-spacing: 2px;
    line-height: 22px;
    text-align: left;
    font-size: 18px;
    margin: 0;
    padding: 15px;
    font-weight: bold;
    background: #fff;
}
.itemBx1 h3:hover {
    color: #fff;
    background: #9B44C7 ;
}
.head{
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.head ul{
    width: 100%;
    min-height: 65px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.head ul li{
    width: 25%;
    height: auto;
    font-weight: normal;
    font-size: 13px;
    float: right;
    font-family: 'Helvetica Neue',arial;
    color: #fff;
    text-align: center;
    margin: 0;
    list-style: none;

}
.head ul li a{
    width: 100%;
    height: auto;
    font-weight: normal;
    font-size: 13px;
    font-family: 'Helvetica Neue',arial;
    color: #fff;
    text-align: center;
    margin: 0;
    float: left;
    padding: 15px 25px;
    overflow: hidden;
    background: #C1C1C1;
    text-decoration: none;

}
.head ul li a:hover{
    padding: 15px 29px 28px 25px;
    background: url(../img/moreArrow1.png) no-repeat bottom center #444!important;
}

.sideLinks {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    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: 'Helvetica Neue' , arial;
    color: #444;
    font-size: 12px;
    text-align: right;
    direction: ltr; 
    padding: 0;
    list-style: none;
}
.sideLinks ul li a { 
    width: 100%;
    font-family: 'Helvetica Neue' , arial;
    float: left;
    color: #444;
    font-size: 12px;
    text-align: right;
    direction: ltr; 
    background: #fff; 
    margin: 0 0 2px 0;
    padding: 10px 15px; 
    text-decoration: none;
}
.sideLinks ul li a:hover {   
    font-family: 'Helvetica Neue' , arial;
    color: #287cbb;
    font-size: 12px;
    background: url("../img/arrow-ar.png") no-repeat left center #fff !important;   
}

.priceplan-tbl-header {
    font-size: 13px;
    font-weight: bold;
    color: #FFF;
    background-color: #8730B3;
    height: 30px;
    border-bottom: 1px solid #A7A7A7;
}
.priceplan-tbl-t-l {
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 10px;
    border-right: 1px solid #A7A7A7 !important;
}
.priceplan-tb-td-brdr {
    border-right: 1px solid #A7A7A7 !important;
    border-bottom: 1px solid #A7A7A7 !important;
    height: 30px;
    padding-right: 10px;
    text-align: right;
    direction: ltr;
}
.priceplan-tbl-b-l {
    background-repeat: no-repeat;
    background-position: left bottom;
    background-color: #E2E2E2;
    font-size: 12px;
    color: #000;
    height: 30px;
    padding-right: 10px;
    text-align: right;
    direction: ltr;
    border-right: 1px solid #A7A7A7;
}
.priceplan-tb-td-brdr-right {
    border-right: 1px solid #A7A7A7 !important;
    height: 30px;
    padding-right: 10px;
    text-align: right;
    direction: ltr;
    list-style: none;
}
.priceplan-tbl-b-r {
    background-repeat: no-repeat;
    background-position: right bottom;
    background-color: #E2E2E2;
    font-size: 12px;
    height: 30px;
    padding-right: 22px;
    text-align: right;
    direction: ltr;
}
.priceplan-tbl-tr-purple {
    font-size: 12px;
    color: #000;
    background-color: #E2E2E2;
    text-align: right;
    direction: ltr;
    height: 30px;
}
.priceplan-tb-td-brdr-btm {
    border-bottom: 1px solid #A7A7A7 !important;
    height: 30px;
    padding-right: 10px;
    text-align: right;
}
.nav-tabs li a{
    
    color: #000;
}
.unified-groups-header {
    height: 30px;
    margin-bottom: 2px;
}
.unified-groups-header .priceplan-tbl-t-l {
    height: 30px;
    background-color: #501F6E;
    font-size: 12pt;
    font-weight: bold;
    color: #FFF;
    float: left;
    width: 97%;
    padding-top: 4px;
}
.priceplan-tbl-t-l {
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 10px;
}
.unified-groups-header .priceplan-tbl-t-r {
    float: left;
    width: 1%;
    padding-left: 0px;
}
.priceplan-tbl-t-r {
    background-repeat: no-repeat;
    background-position: right top;
    height: 30px;
    padding-left: 10px;
}
.unified-groups-tables {
    height: auto;
}
.unified-taarif-table {
    float: left;
    width: 220px;
    margin-right: 10px;
}
.unified-countries-table {
    float: left;
    width: 454px;
    margin-right: 0px;
}
.clr {
    clear: both;
}
.live-demo-btn{
    
  margin: 0 auto;
  padding:10px 10px;  
  width: 85%;
  color: #fff;
  text-align: center;
  font-weight: bolder;
  border:1px solid #b30808;
  background-color: #f62b2b; background-image: -webkit-gradient(linear, left top, left bottom, from(#f62b2b), to(#d20202));
 background-image: -webkit-linear-gradient(top, #f62b2b, #d20202);
 background-image: -moz-linear-gradient(top, #f62b2b, #d20202);
 background-image: -ms-linear-gradient(top, #f62b2b, #d20202);
 background-image: -o-linear-gradient(top, #f62b2b, #d20202);
 background-image: linear-gradient(to bottom, #f62b2b, #d20202);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f62b2b, endColorstr=#d20202);}
    

.live-demo-btn:hover{
 border:1px solid #b30808;
 background-color: #e40a0a; background-image: -webkit-gradient(linear, left top, left bottom, from(#e40a0a), to(#9f0202));
 background-image: -webkit-linear-gradient(top, #e40a0a, #9f0202);
 background-image: -moz-linear-gradient(top, #e40a0a, #9f0202);
 background-image: -ms-linear-gradient(top, #e40a0a, #9f0202);
 background-image: -o-linear-gradient(top, #e40a0a, #9f0202);
 background-image: linear-gradient(to bottom, #e40a0a, #9f0202);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e40a0a, endColorstr=#9f0202);}


.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: outside none none;
    background-color: #F5F5F5;
    border-radius: 4px;
    text-align: right;
    direction: ltr;
}

.innerLi li {
    width: 100%;
    margin-top: 0px;
    line-height: 18px;
    font-family: 'Helvetica Neue' , arial;
    color: #444;
    font-size: 12px;
    float: right;
    direction: ltr;
    list-style: none;
    text-align: right;
    background: url("../img/liicon.png") no-repeat right transparent;
    padding: 0px 20px 7px 0;
}

.tab-add-on{
    direction: ltr;
   float: right; 
}
.tab-add-on li{
    direction: ltr;
   float: right; 
}
.priceplan_tbl {
    margin: 0 auto;
    padding: 0;
    
}
.priceplan_tbl td{
    text-align: center;
}
.priceplan_tbl td ol{
    padding: 0  20px 0 0;
}
.designby{
    text-align: center;
}
.designby a{
    color: #ccc;
}
.designby a:hover{
    color: #066da5;
}

/* services start */
.service-all{
    margin:0;
    width: 100%;
    height: auto;
    padding: 0;
    float: right;
    direction: ltr;
}
.service-all .col-md-2{
float: left;
 height: auto;
}
.service-container{
    width: 20%;
    height: auto;
    padding: 0;  
    float: right;
    background: #fff;
    text-align: center;
    overflow: hidden;
}

.service-icon{
    margin: 10px auto;
    width: 125px;
    height: 125px;
    border-radius: 50%;
    border: 2px solid #066da5;
}
.service-icon:hover{
    border: 2px solid #066da5;
}
.service-all h5{
    width: 98%;
    text-align: center;
    font-size: 14px;
    color: #555;
    min-height: 40px;
}
.service-all h5:hover{
    color: #5ca68d;
}
/* services end */
/* testimonials start */
#testimonialBlock{
    min-height: 580px;
    background:url(../img/testimonialBg.jpg) #0087cb;
    width: 100%;
    padding-bottom: 20px;
}

#testimonialBlock .carousel-inner{
    min-height: 380px;
}
#testimonialBlock .carousel-indicators li{
    float: right;
    margin: 0 2px;
    
}
#testimonialBlock  .test-ind{
    bottom: -25px!important;
    float: right;
    width: 77%;
}
.quote{
    color: #fff;
    text-align: right;
    margin: 0;
}
.quote2{
    color: #fff;
    text-align: left;
    margin: 0 0 0 10px;
}
#testimonialBlock blockquote p{
    color: #fff;
    text-align: right;
    margin:10px 0;
    padding: 0;
    width: 90%!important;
}
.testText{
    margin: 30px 0 0 0;
}
.item .col-md-6{
    padding: 35px!important;
}
.testName{
    position: relative;
    padding:60px 30px 0 0;
}
.testName p{
    color: #fff;
    text-align: center;
    margin: 0;
    padding: 0;
}
.testName h6{
    font-size: 17px;
    color: #fff;
    text-align: center;
    margin:10px  0;
    padding: 0;
}
.profile-circle{
    margin: 0 auto;
    width: 175px;
    height: 175px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    
}

.profile-circle img {
 position: absolute;
    transform: translateX(-50%);
    left: 50%;
    min-height: 100%;
    max-width: 100%;
    }
/* testimonials end */
/*about start*/
.subBanner{
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0; 
    overflow: hidden; 
    position: relative;  
}
.subBanner p{
font-size: 14px; 
font-weight: 600;
}
.subBanner img{
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;    
}
#aboutBlock{
    padding:0 30px;
    overflow: hidden;
    width: 100%;
    text-align: left;
}
#aboutBlock ul{
    height: auto;
    width: 100%;
    padding: 0 0 20px 0;
    float: left;
}
#aboutBlock ul li{
    padding:5px 0 5px 23px;
    width: 50%;
    float: left;
    text-align: left; 
    list-style-type: none; 
    background: url("../img/listIcon.png") no-repeat left;
}

#aboutBlock p{
    text-align: left;
    
}
.blockGray{
    background: #f1f1f1;
        padding: 15px 20px;
}
.blockDGray{
    background: #d6d6d6;
        padding: 15px 20px;
}
.vision{
    float: right;
    width: 100%;
    padding:0 0 0 30px;
    overflow: hidden;
}
.vision p{

    font-size: 13px;
    text-align: left;
}
.vision img{
    width: 100%;
}
.aboutBlock2{
    height: auto;
    width: 100%;
    padding: 20px 0 30px 0;
    margin: 0 ;
    position: relative; 
    z-index: 999; 
    background: #fff;
    float: right;
}
.aboutBlock2 ul{
    height: auto;
    width: 100%;
    padding: 0 40px;
    position: relative; 
    float: right;
}
.aboutBlock2 ul li{
    padding:5px 40px;
    width: 100%;
    float: right;
    text-align: right; 
    list-style-type: none; 
    background: url("../img/listIcon.jpg") no-repeat right;
}
/*about end*/
/*packages*/
.days{
    margin: 10px 0 10px 0!important;
    font-size: 18px;
    color: #0087cb;
    width: 100%;
    float: right;
    font-weight: bold;
    
}
.place{
    margin: 5px 0 5px 0!important;
    font-size: 16px;
    color: #00b669;
    width: 100%;
    float: right;
    font-weight: bold;
    
}
.innerBlock{
    padding: 20px 30px 10px 30px;
    float: left;
    width: 100%;
position: relative; 
z-index: 999;
overflow: hidden;
border-bottom: 2px solid #ccc;
}

.innerBlock .col-md-4 img{
    width: 100%;
}
.headingInner{
        background: #fff;
    padding: 0px 0 10px 0;
    width: 100% !important;
    position: relative;

    
}
.headingInner h1{
    font-size: 20px;
    color: #2e2b2b;
    font-family:'Helvetica Neue' , arial;
    padding: 0 0 10px 0;
    text-align: left;
    background: url('../img/headBg.jpg') repeat-x bottom left;    
    float: left;
    width: auto;
    position: relative;
    margin-bottom: 10px;
    
}
.package-gallery{
padding:  0;
margin: 10px 0;
}
.package-gallery .col-md-3{
    overflow: hidden;
    direction: ltr;
    float: right;
    margin: 14px 0;
}
.package-gallery .col-md-3 img{
    width: 100%;
}

/*sub package*/
.innerBlockSub{
    padding:0 30px 30px 30px;
    float: right;
    width: 100%;
position: relative; 
z-index: 999;
direction: rtl!important;
overflow: hidden;
border-bottom: 2px solid #ccc;
}
.headingInnerSub {
overflow: hidden;   
}
.headingInnerSub p{
    font-size: 12px;   
    font-family:'Helvetica Neue' , arial;    
    text-align: right;    
    float: right;    
}
.headingInnerSub h2{
    font-size: 16px;
    margin-bottom: 10px;
    color: #fff;
    font-family:'Helvetica Neue' , arial;
    padding: 10px 20px 10px 0;
    text-align: right;
    background:#066da5; 
    position: relative;
    float: right;
    width: 100%;
}
.headingInnerSub h3{
    font-size: 27px;
    margin: 0;
    margin-bottom: 5px;
    color: #2e2b2b;
    font-family:'Helvetica Neue' , arial;
    padding: 25px 0 10px 0;
    text-align: right;
    background: url('../img/headBg.jpg') repeat-x bottom right;  
    float: right;
    width: auto;    
    
}
.headingInnerSub h4{
    font-size: 14px;
    margin-bottom: 5px;
    color: #2e2b2b;
    font-family:'Helvetica Neue' , arial;
    padding: 10px 10px 10px 0;
    text-align: right; 
    float: right;
    width: 100%;    
    
}
.offerBlockSub h4{
    font-size: 14px;
    margin-bottom: 5px;
    color: #a1a1a1!important;
    font-family:'Helvetica Neue' , arial;
    padding: 10px 10px 10px 0;
    text-align: right; 
    float: right;
    width: 100%;    
    
}
.offerBlockSub .col-md-6{
    margin-bottom: 10px!important;
   
}
.subButton{
     width: 203px; height: 47px; float: left;
     margin: 5px 0;
}
.subUlBlock{
    height: auto;
    padding: 0 0 30px 0;
    margin: 0 ;
    z-index: 999; 
    background: #fff;
    float: right;
}
.subUlBlock ul{
    height: auto;
    width: 100%;
    padding: 0 0 20px 0;
    float: left;
}
.subUlBlock ul li{
    padding:5px 0 5px 23px;
    width: 50%;
    float: left;
    text-align: left; 
    list-style-type: none; 
    background: url("../img/listIcon.png") no-repeat left 5px;
    text-transform: uppercase;
    font-size: 11px;
}
.subUlBlock ul li li{
    
    background: url("../img/liicon.png") no-repeat left 9px;
}
.subUlBlock ul li ul{
    margin-bottom: 0;
    padding: 0 0 5px 0;
}

/* gallery*/
.gallery
{
    display: inline-block;
    margin-top: 22px;
    float: right!important;
}
.gallery .col-md-3{
    float: right!important;
    min-height: 335px;
}
.list-group.col-md-3{
    float: right!important;
}
.gallery h4
{
    display: inline-block;
    margin-top: 2px;
    margin: 0;
    color: #fff;
    padding:15px 10px;
    width: 100%;
    font-size: 13px;
    background: #00b669;
  
}
.list-group{
    margin-bottom: 0!important;
}
.thumbnail{
    border-radius: 0;
    padding: 10px;
}
/*contact start*/
.submitButton{
    width: 203px!important;
    background: url(../img/moreBg2.png) no-repeat!important;
    margin:0 auto;
    padding: 13px 0!important;
    font-weight: normal;
    font-size: 12px;
    font-family:'Helvetica Neue' , arial;
    color: #9fa4a8!important;
    text-align: center;
    border: 2px solid #9fa4a8!important;
    border-radius: 24px;
    position: relative;
    overflow: hidden;
    z-index: 3;
}
.submitButton:hover{      
    cursor: pointer; 
    border: 2px solid #00b669!important;
    background: #00b669!important;
    color: #fff!important;
}
/*offers*/
.offerBlockSub{
    padding: 30px;
    border-bottom:2px solid #ccc;
    
}
/*testimonials*/
.TestimonialsInnerBlock{
    padding: 30px;
    border-bottom: 2px solid #00b669;
}
.TestimonialsInnerBlock h6{
    color: #333;
}
.TestimonialsInnerBlock p{
    color: #333;
}
.TestimonialsInnerBlock .quote{
    color: #0087cb;
}
.TestimonialsInnerBlock .quote2{
    color: #0087cb;
}
.subpageBanner{
    margin: 80px 0 0 0;
}
.subpageBanner .col-md-12{
    margin: 0;
    padding: 0;
}
.subpageBanner h2{
     margin:0 ;
    padding: 13px 20px!important;
    font-weight: normal;
    font-size: 16px;
    font-family:'Helvetica Neue' , arial;
    color: #fff!important;
    background: #00b669;
    float: right;
    min-width: 250px;
    text-align: right;
    clear: right;
    font-weight: 600;
}
.subpageBanner p{
     margin:0 ;
    padding: 13px 20px!important;
    font-weight: normal;
    font-size: 14px;
    font-family:'Helvetica Neue' , arial;
    color: #fff!important;
    float: right;
    min-width: 250px;
    text-align: right;
    text-shadow: 0 0 3px #000;
    font-weight: bold;
}
.videoBox{
        margin: 0;
        padding: 0;
    width: 100%;
    float: right;
}
.videoBox h2{
    margin: 0;
    color: #fff;
    padding:15px 10px;
    width: 100%;
    font-size: 14px;
    background: #815aa4;
}
.videoBox p{
    margin: 0;
    padding:10px;
    font-weight: normal;
    font-size: 12px;
    font-family:'Helvetica Neue' , arial;
    min-height: 135px;
}
.youtubeVideo{
    float: right;
    margin: 5px 0;
}
.youtubeVideo iframe{
    width: 100%;
    height: 200px;     
}
.subUlBlock h2{
    margin: 20px 0;
}
.subBanner img{
    min-height: 295px;

}
.number{
    font-size: 26px;
}
.numberTop{
    font-size: 19px;
    padding: 0;
    margin: 0;
}

.priceBox{
    width: 203px;
    margin: 5px auto;
    padding: 13px 0;
    font-weight: normal;
    font-size: 15px;
    font-family:'Helvetica Neue' , arial;
    color: #fff;
    background: #0087cb;
    text-align: center;
    border-radius: 24px;
    position: relative;
    overflow: hidden;
    z-index: 3;
}
.askPriceButton{
    width: 203px;
    background: url(../img/moreBg3.png) #7b589b no-repeat;
    margin:5px auto;
    padding: 13px 0;
    font-weight: normal;
    font-size: 14px;
    font-family:'Helvetica Neue' , arial;
    color: #fff;
    text-align: center;
    border-radius: 24px;
    position: relative;
    overflow: hidden;
    z-index: 3;
    float: right;
}
.askPriceButton:hover{      
    cursor: pointer; 
}
.price{
    display: block;
}
.askPrice{
    display: block;
}
.thumbnail  p{
    height: auto;
    
}
.homeOfferImg{
    background: #fff;
    height: 308px;
    overflow: hidden;
}

.banContainer{
    width: 1140px;
    min-height: 470px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    position: absolute;
}
@media (max-width: 764px) {
  .banContainer {
    width: 750px;
    min-height: 170px;
    display: none;
    
  }
}
@media (min-width: 768px) {
  .banContainer {
    width: 750px;
    min-height: 170px;
    
  }
}
@media (min-width: 992px) {
  .banContainer {
    width: 970px;
    min-height: 270px;
  }
}
@media (min-width: 1024px) {
  .banContainer {
    width: 1140px;
    min-height: 270px;
  }
}
@media (min-width: 1200px) {
  .banContainer {
    width: 1140px;
    min-height: 470px;
  }
}

.banCap1{
    top: 0;
    left: 0;
    width: 30%;
    margin: 80px 0 0 30px;
    padding: 0;
    position: absolute;
    height: 80px;
    float: left;
    text-align: left!important;
}
.banCap1 h2{
    text-align: left!important;
    font-size: 28px;
    font-family: 'Helvetica Neue', arial;
    color: #fff;
    font-weight: bold;
    direction: ltr;
    letter-spacing: 0;
    text-shadow: 0 0 15px #000;
}
.banCap2{
    top: 0;
    right: 0;    
    width: 30%;
    margin: 80px 30px 0 0 ;
    position: absolute;
    height: 80px;
    float: right;
}
.banCap2 h2{
    text-align: right!important;
    font-size: 28px;
    font-family: 'Helvetica Neue', arial;
    color: #fff;
    font-weight: bold;
    direction: ltr;
    letter-spacing: 0;
    text-shadow: 0 0 15px #000;
}
.banCap3{
    bottom: 0;
    left: 0;    
    width: 30%;
    margin:0 0 80px 30px;
    position: absolute;
    height: 80px;
    float: left;
}
.banCap3 h2{
    text-align: left!important;
    font-size: 28px;
    font-family: 'Helvetica Neue', arial;
    color: #fff;
    font-weight: bold;
    direction: ltr;
    letter-spacing: 0;
    text-shadow: 0 0 15px #000;
}
.banCap4{
    bottom: 0;
    right: 0;    
    width: 30%;
    margin:0 30px 80px  0 ;
    position: absolute;
    height: 80px;
    float: left;
}
.banCap4 h2{
    text-align: right!important;
    font-size: 28px;
    font-family: 'Helvetica Neue', arial;
    color: #fff;
    font-weight: bold;
    direction: ltr;
    letter-spacing: 0;
    text-shadow: 0 0 15px #000;
}
.gold{
    font-size: 55px;
  
background: -webkit-gradient(linear, left top, left bottom, from(#a07738), to(#fff399));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: initial;
}

.silver{
    font-size: 55px;
  
background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#f1f1f1));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: initial;
}
.bronze{
    font-size: 55px;
  
background: -webkit-gradient(linear, left top, left bottom, from(#452a17), to(#d6af88));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: initial;
}
.service-icon i{
    font-size: 42px;
    color: #066da5;
    margin: 38px 0 0 0;
}