/*
Theme Name: Blue Storm
Theme URI: http://wordpress.org/themes/twentyfourteen
Author: the WordPress team
Author URI: http://wordpress.org/
Description: Blue Strom
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: twentyfourteen
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/**
* Table of Contents:
*
* 1.0 - Reset
* 2.0 - Repeatable Patterns
* 3.0 - Basic Structure
* 4.0 - Header
* 5.0 - Navigation
* 6.0 - Content
* 6.1 - Post Thumbnail
* 6.2 - Entry Header
* 6.3 - Entry Meta
* 6.4 - Entry Content
* 6.5 - Galleries
* 6.6 - Post Formats
* 6.7 - Post/Image/Paging Navigation
* 6.8 - Attachments
* 6.9 - Archives
* 6.10 - Contributor Page
* 6.11 - 404 Page
* 6.12 - Full-width
* 6.13 - Singular
* 6.14 - Comments
* 7.0 - Sidebar
* 7.1 - Widgets
* 7.2 - Content Sidebar Widgets
* 8.0 - Footer
* 9.0 - Featured Content
* 10.0 - Multisite
* 11.0 - Media Queries
* 12.0 - Print
* -----------------------------------------------------------------------------
*/
/**
* 1.0 Reset
*
* Resetting and rebuilding styles have been helped along thanks to the fine
* work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
* along with Nicolas Gallagher and Jonathan Neal
* http://necolas.github.com/normalize.css/ and Blueprint
* http://www.blueprintcss.org/
*
* -----------------------------------------------------------------------------
*/
@charset "utf-8";/* =CSS Reset--------------------------------------------------------------------------------------------------*//* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126License: none (public domain)*/html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
html { -webkit-font-smoothing: antialiased; }
/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
/* End CSS Reset--------------------------------------------------------------------------------------------------*//* =Toolkit--------------------------------------------------------------------------------------------------*//* Micro Clearfix Hack by Nicholas Gallagher (http://nicolasgallagher.com/micro-clearfix-hack/) *//* For modern browsers */
.cf:before, .cf:after {content: "";display: table;}
.cf:after {clear: both;}
/* For IE 6/7 (trigger hasLayout) */
.cf {zoom: 1;}
.clear {clear:both;}
/* general purpose classes */
.nodisplay {display: none;}
.nodisplay_strict {display: none !important;}
.alignleft {float: left;}
.alignright {float: right;}
/* End Toolkit--------------------------------------------------------------------------------------------------*//* =Normalization - mostly derived from normalize.css (https://github.com/necolas/normalize.css/) but without comments and compressed to keep the file small--------------------------------------------------------------------------------------------------*/
hr {display: block;height: 1px;border: 0;margin: 1em 0;padding: 0;border-top: 1px solid #cccccc; /* change border colour to suit your needs */}
audio, canvas, video {display: inline-block;*display: inline;*zoom: 1;}
audio:not([controls]) {display: none;}
[hidden] {display: none;}
html {overflow-y: scroll;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
body, button, input, select, textarea { font-family: 'FranklinGothicBookRegular';}
p { font-family: 'FranklinGothicBookRegular'; line-height: 1.9em; color: #666; }
a, input[type="button"], input[type="submit"] {color:#ff6f33;text-decoration:none;-moz-transition:background-color 0.2s ease-in, color 0.2s ease-in;-webkit-transition:background-color 0.2s ease-in, color 0.2s ease-in;-o-transition:background-color 0.2s ease-in, color 0.2s ease-in;-ms-transition:background-color 0.2s ease-in, color 0.2s ease-in;transition:background-color 0.2s ease-in, color 0.2s ease-in; behavior: url(js/pie.htc);}
a:hover {text-decoration:none;color:#535359;}
a:active {background-color:transparent;}
a:focus {outline: 0;}
a:hover, a:active {outline: 0;}
h1 {font-size: 2em;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table {margin:0;}
del {text-decoration: line-through;}
abbr[title] {border-bottom: 0px dotted;cursor: help;}
b, strong {font-weight: bold;}
dfn {font-style: italic;}
mark {background: #ff0;color: #000;}
pre, code, kbd, samp {font-family: monospace, serif;_font-family: 'courier new', monospace;font-size: 1em;}
pre {white-space: pre;white-space: pre-wrap;word-wrap: break-word;}
small {font-size: 75%;}
sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0;-ms-interpolation-mode: bicubic;vertical-align: top;}
svg:not(:root) {overflow: hidden;}
fieldset {border: 0px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
legend {border: 0;*margin-left: -7px;}
button, input, select, textarea {font-size: 100%;margin: 0;vertical-align: baseline;*vertical-align: middle;}
button, input {line-height: normal;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer;-webkit-appearance: button;*overflow: visible;}
input, select {vertical-align: middle;}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box;padding: 0;}
input[type="search"] {-webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box; behavior: url(js/pie.htc);}
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0;padding: 0;}
textarea {overflow: auto;vertical-align: top;}
h2 {line-height:20px;}
*{box-sizing: border-box;}
/* End Normalization--------------------------------------------------------------------------------------------------*//* =Typography--------------------------------------------------------------------------------------------------*//* Setting up the fonts */
/*@font-face {
font-family: 'FranklinGothicBookItalic';
src: url('fonts/frabkit-webfont.eot');
src: url('fonts/frabkit-webfont.eot?#iefix') format('eot'),
url('fonts/frabkit-webfont.woff') format('woff'),
url('fonts/frabkit-webfont.ttf') format('truetype'),
url('fonts/frabkit-webfont.svg#webfont440oe84B') format('svg');
font-weight: normal;
font-style: normal;
}*/
@font-face {
font-family: 'FranklinGothicBookRegular';
src: url('fonts/frabk-webfont.eot');
src: url('fonts/frabk-webfont.eot?#iefix') format('eot'),
url('fonts/frabk-webfont.woff') format('woff'),
url('fonts/frabk-webfont.ttf') format('truetype'),
url('fonts/frabk-webfont.svg#webfontbRCxujAM') format('svg');
font-weight: normal;
font-style: normal;
}
/************** End Font-face****************/
body {font-size:12px; line-height:16px; font-family:'FranklinGothicBookRegular'; color:#191d26; background:#fff;}
#wrapper {width:100%; background:#fff;}
.container {width:90%; margin:0 auto; padding:0; font-family:'FranklinGothicBookRegular'; }
/* End Branding--------------------------------------------------------------------------------------------------*/
/********************* Header Start ***************/
.spinner {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
background: url(images/preloader.GIF) 50% 50% no-repeat #fff;
}
#header {width:100%; position:fixed; margin:0 auto; top:0; background:#fff; border-top:1px solid #cacaca; z-index:111;}
.headerhome { opacity:0.9; filter:alpha(opacity=90)}
#logo {padding:35px 0 35px 18px; float:left;}
/**********Navigation start**********/
.sticky {
position: fixed;
width: 100%;
left: 0;
top: 0;
z-index: 100;
border-top: 0;
}
.navigation {float:right; background:#fff; border-left:0 none; margin:0}
.nav li.first a{padding-left:0;}
.toggleMenu {display:none; padding:10px 15px; color:#64717a; font-size:14px; text-transform:uppercase; border-top:1px solid #12c7d7; border-bottom:1px solid #12c7d7; width:93%;}
.nav {list-style:none; *zoom:1;}
.nav:before, .nav:after {content: " "; display:table;}
.nav:after {clear: both;}
.nav ul {list-style:none; width:18em;}
.nav a {padding:0 15px; color:#64717a; font-size:16px; text-transform:uppercase; }
.nav li {position: relative;}
.nav > li {float: left; height:140px; line-height:140px;padding-right:2px; font-size:15px;}
.nav > li > .parent {background-position:right;}
.nav > li > a {display:block; }
.nav > li > a:hover {text-decoration:none; color:#4cc0d0;}
.nav li ul { position:absolute; left:-9999px;}
.nav > li.hover > ul {left:0;}
.nav li li.hover ul {left:100%; top:0;}
.nav li li a {display:block; background:#fff; position:relative; z-index:100; border-top:1px solid #DDD; line-height:28px; padding-left:15px !important;}
.nav li li a:hover {background:#fff; color:#4cc0d0; text-decoration:none;}
.nav li li li a {background:#fff; z-index:200; border-top:1px solid #DDD;}
.mobmenu {visibility:hidden;}
/**********Navigation End**********/
.banner {width:100%; clear:both; margin-top:148px;}
.banner img{width:100%; text-align:center; height:auto;}
.bannerCont{background:#12c7d7; width:100%; padding:19px 0;}
.bannerCont h2{font-family: 'Droid Sans', sans-serif; color:#fff; font-weight:700; font-size:35px; line-height:36px;}
.bannerCont p{font-family: 'Droid Sans', sans-serif; color:#fff; font-weight:400; font-size:24px; margin-bottom:0; line-height:28px;}
.bannerhome {margin-top:0; margin-bottom:30px;}
.banner .flex-control-nav, .banner .flex-direction-nav {display:none;}
.bannertInf {position:absolute; left:6%; top:40%; width:26%;}
.bannertInf h3 {color:#fff; font-size:40px; line-height:44px; margin-bottom:20px;}
.bannertInf span{color:#fff; font-size:18px;}
.bannertImg {position:absolute; right:6%; bottom:10%; width:26%;}
.slides li{position:relative;}
.bxslider li { float:left; width:auto;}
.enterpriseBanner .flex-control-nav, .enterpriseBanner .flex-direction-nav, #slider .flex-direction-nav {display:none;}
.enterpriseBanner {margin-bottom:40px;}
.enterpriseBanner .enterpriseCont {width:30%; float:left; margin-right:3%;}
.enterpriseCont{text-align:center;}
.enterpriseCont h3{ text-align:center; color:#12c7d7; font-size:28px; margin:20px 0 10px; line-height:26px;}
.enterpriseCont span{text-align:center; color:#64717a; font-size:18px; display:none;}
.enterpriseBanner h2 {color:#7b828e; padding-bottom:10px; border-bottom:1px solid #7b828e; width:275px; font-size:24px; margin-bottom:15px}
.enterpriseBanner h1 {color:#7b828e; padding-bottom:10px; border-bottom:1px solid #7b828e; width:275px; font-size:24px; margin-bottom:15px; display:none;}
#slider {background:url(images/clientbanner-bg.jpg) left top no-repeat; background-size:cover; padding-top:30px;}
.clientText {width:90%; margin:0 auto;}
.tabWrap {width:40; float:left;}
.tabImg {float:left; margin-left:10%; text-align:center; position:relative;}
.tabImg img{width:100%; height:auto;}
#slider .flex-prev {display:none;}
#slider .flex-direction-nav .flex-next{background:url(images/next-btn.png) left top no-repeat;
height:40px;
width:40px;
}
#slider .flex-direction-nav {width:40px; position:absolute; right:0; top:144px;}
#slider .flex-direction-nav ul li a {margin:0; padding:0;}
.commonpages .flex-direction-nav {display:block !important;}
.enterpriseCont:hover img{opacity:0.7; filter: alpha(opacity=70); cursor:pointer;}
/***************tabs***********/
.tab-container {position:relative; z-index:2; float:left;}
.tab-container ul { margin: 0px; padding:0px; width:158px;}
.tab-container ul li { margin:0 5px 0 0; position:relative; display:block; margin-bottom:12px;}
.tab-container ul li a { display: block; background: url(images/tab-left-bg.png) left top no-repeat; color: #fff; font-weight:normal; text-decoration: none; font-size:15px; line-height:26px; padding:0 40px 0 38px; position: relative;}
.tab-container ul li.active a{ color:#fff; background: url(images/tab-active-left-bg.png) left top no-repeat;}
.rightShade { display:block;}
.tab-container ul li.active .rightShade{background: url(images/tab-active-right-bg.png) right top no-repeat; display:block;}
.tabContainer {width:345px; height:325px; text-align:center; float:left; position:relative; z-index:1; background:url(images/tab-container.png) left top no-repeat; background-size:contain;}
.tab-container ul li:hover a{ color:#fff; background: url(images/tab-active-left-bg.png) left top no-repeat;}
.tab-container ul li:hover .rightShade{background: url(images/tab-active-right-bg.png) right top no-repeat; display:block;}
.tabContent { padding:55px 50px 30px 30px; text-align:center;}
.tabContent h4{ color:#00a8e1; font-size:18px; line-height:22px; margin-bottom:15px;}
.tabContent p{background:url(images/line1.png) center top no-repeat; padding-top:20px; font-size:15px; color:#64717a; line-height:18px;}
.tabWrap h3 {width:100%; margin-bottom:50px; margin-top:40px;}
.tabWrap h3 span{color:#fff; padding-bottom:15px; border-bottom:1px solid #fff; width:170px; font-size:28px;line-height:30px; text-align:left; display:inline-block; margin-right:50px;}
.appDevelopmentProcess{background:#f9f5f1; padding:107px 0 0;}
.appDevelopment {width:90%; margin:0 auto;}
.appDevelopment h3 {width:100%; text-align:left; margin-bottom:20px;}
.appDevelopment h3 span{color:#64717a; padding-bottom:15px; border-bottom:1px solid #64717a; width:290x; font-size:26px;line-height:30px; text-align:left; display:inline-block; margin-left:15%;}
.appDevelopment .tab-container ul { margin: 0px; padding:0px; width:240px; float:left; margin-right:5%;}
.bold {font-weight:bold; color:#12c7d7;}
.bold a{color:#12c7d7;}
.appDevelopment .tab-container ul li { margin:0 5px 0 0; position:relative; display:block; margin-bottom:12px; }
.appDevelopment .tab-container ul li a { display: block; background: url(images/last-tab-left-bg.png) left top no-repeat; color: #12c7d7; font-weight:normal; text-decoration: none; font-size:15px; line-height:26px; padding:0 40px 0 38px; position: relative;}
.appDevelopment .tab-container ul li.active a{ color:#12c7d7; background: url(images/last-tab-active-left-bg.png) left top no-repeat;}
.appDevelopment .rightShade { display:block;}
.appDevelopment .tab-container ul li.active .rightShade{background: url(images/last-tab-active-right-bg.png) right top no-repeat; display:block;}
.macimg{position:relative; float:left; width:65%;}
.macimg img{width:100%; height:auto;}
.appDevelopment .tab-container ul li:hover a{ color:#12c7d7; background: url(images/last-tab-active-left-bg.png) left top no-repeat;}
.appDevelopment .tab-container ul li:hover .rightShade{background: url(images/last-tab-active-right-bg.png) right top no-repeat; display:block;}
.appDevelopment .tabContainer {width:93%; background:none; background-size:contain; height:100%; position:absolute; left:4%; top:5%;}
.appDevelopment .tabContent img{width:92%; margin:0 4%; height:auto; margin:auto;}
.appDevelopment .tabContent {padding:0; width:auto; height:auto; position:absolute; left:0; top:0;}
.etabs {float:left;}
.contentPad {position:absolute; width:100%; top:38px;}
.contentPad h3 {margin:20px 0; font-size:45px; color:#415d6d; text-align:center; font-family: 'Droid Sans', sans-serif; font-weight:700; line-height:60px;}
.iphonSlider {position:absolute; left:9%; top:14%; width:86%;}
.roundBg {position:absolute; top:13%; right:-28%; width:345px; height:326px; background:url(images/last-banner-slider-round.png) left top no-repeat;}
.roundBg p {color:#fff;}
.content {position:absolute; top:17%; padding:0 50px 0 30px;}
.fullWidth {width:100% !important;}
.teamImg img {width:100%; height:auto;}
/********************* Content Start ***************/
.banner {width:100%; clear:both;}
.bannerImg{width:100%; clear:both; padding:40px 0 0 0; border-bottom:2px solid #DDD; position:relative; text-align:center;}
.masonryBanner .bannerImg {padding:40px 0; }
.masonryBanner .slidesjs-pagination {display:none;}
.bannerText { position:absolute;
bottom:0;
left:0; /* width:auto; */padding:15px 20px; height:auto; color:#353434; line-height:26px;
background:url(images/banner-cont-bg.png) left top repeat; text-align:left; font-size:24px; color:#fff;
/* height:400px;:block;*/
}
#slides .slidesjs-navigation {margin-top:0;}
a.slidesjs-next, a.slidesjs-previous{width:16px; overflow: hidden; text-indent: -9999px; float:left; margin-right:5px; z-index:10; position:absolute; top:0;}
a.slidesjs-stop, a.slidesjs-play{display:none !important;}
a.slidesjs-next { right:0; height:100%; display:block; margin-right:10px; background:url(images/next-icon.png) left center no-repeat;}
a.slidesjs-previous {margin-left:10px; height:100%; display:block; background:url(images/previous-icon.png) left center no-repeat; left:0;}
.slidesjs-pagination {list-style:none; margin:0 auto; padding:17px 0 5px; z-index:10; display:inline-block;}
.slidesjs-pagination li {float:left; margin:0 1px;}
.slidesjs-slide img {width:100%; }
.slidesjs-pagination li a {display:inline-block; width:6px; background:url(images/banner-pagination.gif) left top no-repeat ;
overflow:hidden; text-indent:7px; margin-right:10px;}
.slidesjs-pagination li a.active, .slidesjs-pagination li a:hover.active {background:url(images/banner-pagination-active.gif) left top no-repeat;}
.slidesjs-pagination li a:hover {background:url(images/banner-pagination-active.gif) left top no-repeat;}
#slides a:link, #slides a:visited {color:#333; }
#slides a:hover, #slides a:active {color:#9e2020;}
.navbar {overflow:hidden}
#slides {display: none; }
.container {margin: 0 auto;}
.bx-controls-auto {display:none;}
/********************* Content Start ***************/
.contentPart {
margin: 0;
overflow: hidden;
padding: 65px 0;
width: 100%;
}
.contentPart1 {padding:0px 0; margin:0; width:100%;}
.teamDetail{padding:0; margin-bottom:30px;}
.teamImg{width:229px; float:left;}
.teamInf {float:left; width:80%;}
.teamInf h2{background:#edeeef; color:#12c7d7; font-family: 'Droid Sans', sans-serif; font-weight:400; font-size:26px; line-height:34px; display:block; padding:10px 0 10px 20px;}
.teamInf p{font-size:24px; color:#64717a; line-height:28px; padding:15px 20px;}
/********************* Content End ***************/
.contactForm.cf {
text-align: center;
}
.contactWrap{width:100%; background:url(images/contact-us-bg.jpg) left top repeat-x #fafafc; padding:80px 0; font-family: 'FranklinGothicBookRegular'; float: left;
width: 100%;}
.contactForm h3{ font-family: 'FranklinGothicBookRegular'; color:#7b828e; font-size:35px; margin-bottom:50px;}
.contactForm ul {margin:0; padding:0;}
.contactForm .width40 {width:50%; float:left; padding: 0 10px;}
.contactForm .width58 {width:50%; float:right; padding: 0 10px;}
.contactForm li{width:100&; display:block;}
/*
.contactForm input[type="text"]{width:100%; display:block; line-height:35px; height:35px; color:#12c7d7; font-size:18px; padding-left:10px; border:0 none; margin-bottom:15px;}*/
.contactForm input[type="text"] {
width: 100%;
display: block;
line-height: 35px;
height: 46px;
color: #12c7d7;
font-size: 18px;
padding-left: 15px;
border: 0 none;
margin-bottom: 20px;
background: #fff;
border: #fff solid 1px;
}
.contactForm textarea{width:100%; display:block; line-height:22px; height:245px; color:#12c7d7; font-size:18px; padding-left:10px; border:0 none; margin-bottom:15px;}
.contactForm textarea:focus{border:#12c7d7 solid 1px; outline:none;}
.contactForm li input:focus{border:#12c7d7 solid 1px; outline:none;}
.contactForm li textarea{min-height:310px; width:100%;}
.sendBtn {clear:both; padding-top:30px; text-align: center;}
/*
.sendBtn input {background:#12c7d7; color:#fff; font-size:20px; line-height:46px; text-align:center; padding:0 40px; height:46px; border:0 none;}*/
.sendBtn input {
background: #43b2ba;
color: #fff;
font-size:20px !important;
line-height: 46px;
text-align: center;
padding: 0 30px;
height: 46px;
border: 0 none; text-transform:uppercase; float:none !important;
}
a, a:visited, input, textarea, button, .btn, img, .more span {
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color: #51c3cb;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #51c3cb;
opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #51c3cb;
opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #51c3cb;
}
::-ms-input-placeholder { /* Microsoft Edge */
color: #51c3cb;
}
/********************* App Development ***************/
.contentLeft{width:58%; float:left;}
.contentPart p{font-size:20px; color:#64717a; line-height:24px; margin-top: 15px;}
.contentPart1 p{font-size:20px; color:#64717a; line-height:24px; margin-top: 15px;}
.contentLeft h3{color:#12c7d7; font-size:24px; line-height:30px;}
.contentPart h3{color:#12c7d7; font-size:24px; line-height:30px;}
.contentPart1 h3{color:#12c7d7; font-size:24px; line-height:30px;}
.contentRight{width:37%; float:right; font-size:20px; color:#64717a; line-height:24px;}
p.quote{color:#12c7d7; font-size:24px; line-height:30px; margin-bottom:20px;}
.bpLogo {background:url(images/bplogo.jpg) center top no-repeat; width:205px; height:181px;}
.nestleLogo {background:url(images/nestle.jpg) center top no-repeat; width:205px; height:181px;}
.zurichLogo {background:url(images/zurich.jpg) center top no-repeat; width:205px; height:181px;}
.dhlLogo {background:url(images/dhl.jpg) center top no-repeat; width:205px; height:181px;}
.goLocal {background:url(images/go-local-logo.jpg) center top no-repeat; width:205px; height:181px;}
.uvex {background:url(images/uvex-logo.jpg) center top no-repeat; width:205px; height:181px;}
.drinki {background:url(images/drinki-logo.jpg) center top no-repeat; width:205px; height:181px;}
.bpLogo.flex-active-slide {background:url(images/bplogo.jpg) center bottom no-repeat; width:205px; height:181px; -moz-user-select: none; }
.bpLogo.flex-active-slide::selection { background: transparent; }
.bpLogo.flex-active-slide::-moz-selection { background: transparent; }
.nestleLogo.flex-active-slide {background:url(images/nestle.jpg) center bottom no-repeat; width:205px; height:181px;}
.zurichLogo.flex-active-slide {background:url(images/zurich.jpg) center -183px no-repeat; width:205px; height:181px;}
.dhlLogo.flex-active-slide {background:url(images/dhl.jpg) center bottom no-repeat; width:205px; height:181px;}
.goLocal.flex-active-slide {background:url(images/go-local-logo.jpg) center bottom no-repeat; width:205px; height:181px;}
.uvex.flex-active-slide {background:url(images/uvex-logo.jpg) center bottom no-repeat; width:205px; height:181px;}
.drinki.flex-active-slide {background:url(images/drinki-logo.jpg) center bottom no-repeat; width:205px; height:181px;}
/********************* Creat ***************/
.accordion_toggle {
display: block;
background: url(images/toggle-bg.jpg) 10px 5px no-repeat #edeeef;
padding: 10px 10px 10px 10px;
line-height: 30px;
color: #12c7d7;
font-weight: normal;
text-decoration: none;
outline: none;
font-size:20px;
line-height:28px;
cursor: pointer;
margin: 0 0 5px 0;
width:95%;
font-family: 'Droid Sans', sans-serif; font-weight:700;
padding-left:60px;
}
.accordion_toggle_active {
background: url(images/toggle-bg-active.jpg) 10px 5px no-repeat #edeeef;
color: #12c7d7;
}
.accordion_content {
background-color: #ffffff;
color: #444444;
overflow: hidden;
width:95%;
padding-left:4%;
margin-bottom:20px;
padding:10px 0 10px 4%;
}.accordion_content p{font-size:20px; color:#64717a; line-height:24px;}
.accordion_content h3{color:#12c7d7; font-size:24px; line-height:30px;}
.lightbox {padding:0; margin:10px 0;}
.lightbox li {background:#edeeef; text-align:center; width:20%; margin-right:5%; height:270px; display:inline; float:left;}
.lightbox li:hover img{opacity:0.7;}
.lightbox li h4{font-size:17px; margin-bottom:30px; margin-top:15px; color:#12c7d7; font-weight:bold;}
.lightbox li img{cursor:pointer;}
/* Add these styles once per website */
.popup_background {
z-index: 2000; /* any number */
}
.popup_wrapper {
z-index: 2001; /* any number + 1 */
}
/* Add inline-block support for IE7 */
.popup_content {
*display: inline;
*zoom: 1;
width:700px;
background:#fff;
}
.popup_align
{ *display: inline;
*zoom: 1;
background:#fff;}
.my_modal_close {background:url(images/close.png) left top no-repeat; height:17px; width:17px;position: absolute;
right: 15px;
top: 30px;}
#my_modal{padding:25px;}
#my_modal h3 {font-size:17px; margin-bottom:30px; margin-top:15px; color:#12c7d7; font-weight:bold;}
#my_modal p{font-size:20px; color:#64717a; line-height:24px;}
/********************* contact ***************/
.contactMap {margin:0; padding:0; position:relative;}
.contactMap img {width:100%; height:auto; min-height:195px;}
.address {position:absolute; left:30%; top:8%; background:#12c7d7; opacity:0.8; padding:5px; color:#fff; font-size:12px; padding:30px;}
.address h3{font-size:20px; margin-bottom:10px;}
.address p{ color:#fff; font-size:14px; line-height:18px;}
.address a{color:#fff; text-decoration:none;}
.address a:hover{color:#fff; text-decoration:underline;}
/********************* Footer Start ***************/
.footerRow1{background:url(images/footer-bg.jpg) center top no-repeat #5a6464; padding:50px 4%; font-family: 'FranklinGothicBookRegular'; background-size:cover;}
.formBlog {width:45%; font-family: 'FranklinGothicBookRegular'; float: left;}
.formBlog h3{font-size:30px; color:#c9f9f8; border-bottom:1px solid #c9f9f8; padding-bottom:18px; margin-bottom:18px; line-height:32px;}
.formBlog h3.twitterbg {background:url(images/twitter.png) left top no-repeat; padding-left:35px; font-family: 'FranklinGothicBookRegular';}
.formBlog p{color:#adafaf; font-size:19px; line-height:24px; font-family: 'FranklinGothicBookRegular';}
.formBlog p .readMore{clear:both; display:block; margin-top:5px; color:#c9f9f8; }
.formBlog p .readMore a{color:#c9f9f8; text-decoration:none;}
.formBlog p .readMore a:hvoer{color:#fff; text-decoration:none;}
.footerRow2 {background:#464e4e; padding:35px 4%; font-family: 'FranklinGothicBookRegular';}
.footerRow2 .footerbox{width:50%; float:left;}
.footerbox h4{color:#7c8383; font-size:22px; margin-bottom:20px;}
.footerbox p{font-size:18px; color:#8e9292; line-height:24px;}
.footerbox ul{margin:0; padding:0; list-style:none;}
.footerbox li {color:#8e9292; font-size:18px; line-height:24px;}
.footerbox li a{color:#8e9292; text-decoration:none;}
.footerbox li a:hover{color:#8e9292; text-decoration:underline;}
.footerRow3 {background:#434a4a; padding:15px;}
.footerRow3 p{color:#697070; font-size:21px; font-family: 'FranklinGothicBookRegular';}
.popTip { position:absolute; display:none; z-index:11;}
.popTipIn {background:#fff url(images/menu-top-bg.png) left top no-repeat; }
.aboutMenu .socialTabs {left:-623%; top:140px; width:905%;}
.socialTabs {left:-405%; top:140px; width:954%;}
.socialTabN{ width:29%; float:left; border-right:2px solid #12c7d7; margin-top:20px;}
.socialTabN ul {margin-top:0; width:30%; float:left;}
.socialTabN li {padding:0 0 0 0; display:block; width:302px; line-height:67px; height:67px;}
.socialTabN a {display:block; line-height:67px; padding:3px 0 3px 5px; font-size:20px; font-family: 'FranklinGothicBookRegular'; font-weight:bold; color: #a79c94; width:233px; border:0 none !important;}
.socialTabN li.active {background:url(images/menu-active-arrow.jpg) right top no-repeat;}
.socialTabN li.active a{color:#12c7d7;}
.socialTabN a img {vertical-align:middle;}
.socialTabN .hover a{background-color:#fff;}
.socialTabContO {width:70%; float:right; }
.socialTabCont {padding:10px; display:none;}
.socialTabCont.first {display:block;}
.socialTabCont .socialIconA { float:none; width:100%; text-align:left;}
.socialTabCont .socialIconA span {margin:5px 0 0;}
.socialTabCont .socialIconA em {border-bottom:1px dashed #d1d1d1; font-size:16px; padding-bottom:9px; color:#18678e;}
.socialTabCont p{padding:8px 0 15px; margin:0;}
.tabImg #carousel1 {position:absolute; top:0; left:0;}
.commonpages {float:left;}
.socialTabN ul{left:0 !important; position:static !important;}
.socialTabCont ul{left:30% !important; position:static !important; width:100% !important;}
.socialTabCont ul li a{border:0 none !important;}
.socialTabCont ul{margin:0; padding:0;}
.socialTabCont ul li{width:50%; float:left; }
.socialTabCont a {display:block; line-height:30px; padding:3px 0 3px 5px; font-size:16px; font-family: 'FranklinGothicBookRegular'; font-weight:bold; color:#a79c94; border:0 none !important;}
/********************* Header Start ***************/
.leftNav {width:20%; float:left; margin-right:3%;}
.searchBox {margin-bottom:20px;}
.searchBox input{background:tranparent; border:0; height:42px; line-height:42px; float:left; width:75%; font-size:20px;}
.searchBox input.searchBtn {border:0; float:left; height:43px; width:44px;}
.containerRight {width:77%; float:right;}
.leftNav h3 {font-size:24px; line-height:30px; margin:0; padding:0; color:#29c0d2;}
.leftNav ul{margin:0; padding:0;}
.leftNav li{color:#a19589; font-size:24px; display:block; line-height:32px;}
.leftNav li a{color:#a19589; text-decoration:none;}
.leftNav li a:hover{color:#a19589; text-decoration:none;}
.portfolio li{color:#29c0d2; font-size:24px; display:block; line-height:32px;}
.portfolio li a{color:#29c0d2; text-decoration:none;}
.portfolio li a:hover{color:#29c0d2; text-decoration:none;}
.portfolio li.active a{color:#a19589; text-decoration:none;}
.blogLeft{width:69%; float:left;}
.blogright{width:30%; float:left; border-left:#d7d8d9 3px solid;}
.blogLeft .blogContWrap{ border-bottom:#d7d8d9 3px solid; padding:0 3% 5% 0; margin-bottom:30px;}
.blogContWrap h3{font-family: 'Droid Sans', sans-serif; font-weight:700; font-size:26px; line-height:30px;}
.blogContWrap h3 a{color:#29c0d2; text-decoration:none;}
.blogContWrap .entry-date {color:#a19589; font-size:18px; display:block; margin-bottom:10px; margin-top:5px;}
.blogContWrap img{width:100%; height:auto; margin-bottom:20px;}
.blogContWrap p{color:#a19589;}
.blogright .blogContWrap{ border-bottom:#d7d8d9 3px solid; padding:0 0 5% 7%; margin-bottom:30px;}
.blogright .blogContWrap h3 {font-size:20px;}
.blogLeft .last, .blogright .last {border:0;}
.blogright .blogContWrap .entry-date {margin-bottom:20px;}
.eventWrap .contentLeft {width:50%; float:left; padding-bottom:30px;}
.eventWrap .contentRight {width:48%; float:right;}
.contentLeft img{width:100%; height:auto;}
.eventContentPart{margin:22% 2% 0 3%;}
.eventContentPart h3{font-size:26px; line-height:30px; color:#29c0d2; font-weight:bold;}
.eventContentPart span{color:#325566; display:block; margin:20px 0 0 0; font-weight:bold;}
.eventContentPart ul{margin:0; padding:0;}
.eventContentPart li{color:#325566; list-style:disc inside; font-size:18px; line-height:24px;}
.eventWrap2 {background:#2cc0cf; color:#fff;}
.eventWrap2 .bannerCont{background:#325566;}
.eventWrap2 .bannerCont .container h3 {font-size:26px; font-weight: bold; font-family: 'Droid Sans', sans-serif; font-weight:700; margin-bottom:10px;}
.eventWrap2 .contentLeft {width:60%; float:left; padding-bottom:30px;}
.eventWrap2 .contentRight {width:38%; float:right;}
.contentRight img{width:95%; margin-right:5%; margin-top:40px; height:auto;}
.eventWrap2 .eventContentPart{margin:10% 2% 0 15%;}
.eventWrap2 .eventContentPart h3{font-size:26px; line-height:30px; color:#fff; font-weight:bold;}
.eventWrap2 .eventContentPart span{color:#fff; display:block; margin:20px 0 0 0; font-weight:bold; font-size:18px;}
.eventWrap2 .eventContentPart ul{margin:0 0 30px; padding:0;}
.eventWrap2 .eventContentPart li{color:#fff; list-style:disc inside; font-size:18px; line-height:24px;}
.downloadIcons {background:url(images/download-icon.jpg) no-repeat; width:97px; height:94px; float:left; display:inline-block; margin-right:3px;}
.word {background-position:left top;}
.excel {background-position:-107px top;}
.power {background-position:-215px top;}
.pdf {background-position:-325px top;}
#container{
float:left; width:100%;
}
.item { width:33%; border-bottom:#d7d8d9 3px solid; border-right:#d7d8d9 3px solid; cursor:pointer; float:left;}
.itemContainer {margin:5%; position:relative;}
.itemContainer img {width:100%; height:auto;}
.itemContainer:hover img{opacity:0.4; filter:alpha(opacity=40)}
.itemContainer .Detail{display:none;}
.itemContainer:hover .Detail{position:absolute; bottom:0; width:100%; background:#12c7d7; display:block;}
.Detail h3 {font-size:18px; line-height:18px; color:#fff; margin:8px 15px; font-family: 'Droid Sans', sans-serif; font-weight:700;}
.Detail h3 a{color:#fff;}
.Detail p{margin:0 15px 5px; color:#fff; font-size:18px;}
.item.w2 {border-right:0 none;}
.blogsubDetail img {width:100%; height:auto; margin-bottom:40px;}
.blogsubDetail p {margin-bottom:40px; color:#a19589;}
.leaveComment {border-top:4px solid #eeecec; padding:20px 0;}
.commentFields {margin:10px 0 0 0; padding:0;}
.commentFields li {margin-bottom:15px;}
.commentFields li label {display:block; font-size:20px; margin-bottom:5px; color:#a19589; width:100%;}
.commentFields li input {border:4px solid #eeedeb; width:97.7%; height:35px; color:#e3dfdc; font-size:16px; padding-left:15px;}
.commentFields li textarea {border:4px solid #eeedeb; width:97.7%; height:150px; color:#e3dfdc; font-size:16px; padding-left:15px;}
.commentFields li .sendBtn {width:150px; float:right; padding-top:0;}
.commentFields li .sendBtn input{width:150px; font-size:20px; text-align:left; border:0; color:#fff;}
.newsletter {padding:10px; float:right; margin-top:20px; clear:both;}
.newsletter h3{font-size:28px; text-align:left; color:#7C8383; margin-bottom:15px;}
.newsletter p{color:#8E9292; margin-bottom:10px;}
.newsletterFeild input{background:#fff; border:1px solid #411224; height:32px; width:100%;}
.arrowBtn {color:#fff; background:#12C7D7; text-decoration:none; height:27px; padding:0 18px; float:left; line-height:27px; margin-top:15px; font-size:20px; text-align:center;}
.arrowBtn:hover{color:#fff; text-decoration:underline;}
.footerSocial{float:right;}
.socialIcon {background:url(images/social-icons.png) left top no-repeat; width:79px; height:26px; display:block; float:left;}
.socialIcon:hover {opacity:0.8; filter:alpha(opacity=80); }
.twitter{background-position:-65px top; margin-right:10px;}
.facebook{background-position:12px top;}
.twitter:hover{opacity:0.8; filter:alpa(opacity=80);}
.facebook:hover{opacity:0.8; filter:alpa(opacity=80);}
/********************* for Menu ***************/
@media screen and (max-width: 800px) {
.nav li.first a{padding-left:15px;}
.navigation {width:99.9%;}
.active {display:block;}
.nav li {height:auto !important; line-height:25px; border-top:1px solid #DDD; display:block;}
.nav li li { border-bottom:1px solid #DDD;}
.nav li li:last-child{border:0 none;}
.nav li li a {padding:0 0 0 30px; color:#12C7D7; border-top:0 none;}
.nav > li {float: none;}
.nav > li > .parent {background-position:95% 50%;}
.nav li li .parent {background-position:95% 50%; font-weight:bold; text-align:center;}
.nav ul {display:block; width:100%;}
.nav > li.hover > ul , .nav li li.hover ul {position:static;}
.mobmenu {visibility:visible;}
.socialTabs {display:none !important;}
}
/********************* for Menu End ***************/
/********************* for slider start ***************/
/* For tablets & smart phones */
@media (max-width: 767px) {
.container {width:90%;}
}
/* For smartphones */
@media (max-width: 480px) {
.container {
width: 90%;
}
}
/* For smaller displays like laptops */
@media (min-width: 768px) and (max-width: 979px) {
.container {
width: 724px
}
}
/* For larger displays */
@media (min-width: 1200px) {
}
@media (max-width:1280px) {
.container {width:90%;}
.item {width:32%; border-right:#d7d8d9 3px solid;}
}
/********************* for slider End ***************/
/********************* General ***************/
@media only screen and (min-width: 1481px) and (max-width:2000px){
.appDevelopment .tabContainer{left:0.5%;}
.appDevelopment .tabContent{left:4%;}
.roundBg{background-size:cover;}
.bxslider li {width:2% !important; float:left !important;}
.tabImg {width:18%;}
}
@media only screen and (min-width: 1281px) and (max-width:1500px) {
.appDevelopment .tabContainer{left:3.8%;}
.roundBg{background-size:cover;}
.bxslider li {width:2% !important; float:left !important;}
.tabImg {width:21%;}
}
@media only screen and (width: 1280px) {
.appDevelopment .tabContainer{left:3.8%;}
}
@media only screen and (min-width:1281px)
{
.appDevelopment .tabContent img {width:39%; height:auto;}
}
@media only screen and (min-width: 900px) and (max-width:1280px) {
.teamInf{width:73%;}
.item {width:32%; border-right:#d7d8d9 3px solid;}
.macimg img.bgImage{width:100%; height:auto;}
.tabImg {
float: left;
margin-left: 2%;
text-align: center;
position:relative;
width:21%;
}
#logo {width:30%;}
/*#logo img{width:100%; height:auto;}*/
.enterpriseBanner .enterpriseCont{width:30%; margin-right:3%; float:left; margin-bottom:25px;}
.enterpriseBanner .enterpriseCont img{width:80%; height:auto;}
.tabImg img{width:100%; height:auto;}
.appDevelopment .tabContent img{width:100%;}
.contentPad img{width:35% !important; height:auto;}
.contentPad { top:5%;}
.contentPad h3 {font-size:28px; line-height:36px;}
.roundBg{background-size:cover;}
.bxslider li {width:2% !important; float:left !important;}
}
@media only screen and (min-width: 1201px) and (max-width:1260px){
.roundBg {width:54%; height:89%; right:-30%; top:5%;}
.appDevelopment .tab-container ul{margin:0;}
}
@media only screen and (min-width: 1025px) and (max-width:1200px){
.roundBg {width:50%; height:83%; right:-23%; top:5%;}
.roundBg p, .roundBg h4{font-size:12px; line-height:15px;}
.appDevelopment .tab-container ul{margin:0;}
}
@media only screen and (min-width: 1025px) and (max-width:1200px){
.roundBg {width:50%; height:83%; right:-23%; top:5%;}
.roundBg p, .roundBg h4{font-size:12px; line-height:15px;}
.appDevelopment .tab-container ul{margin:0;}
}
@media only screen and (min-width: 900px) and (max-width:1024px) {
.macimg {width:57%;}
.roundBg {width:52%; height:86%; right:-29%; top:6%;}
.roundBg p, .roundBg h4{font-size:11px; line-height:13px;}
.roundBg p{padding-top:8px;}
.roundBg h4{margin-bottom:3px;}
.content{top:8%;}
}
@media only screen and (min-width: 900px) and (max-width:973px) {
.socialTabs{left: -193%;top: 140px; width: 672%;}
.socialTabN li {width:227px;}
.socialTabN a {width:127px;}
.aboutMenu .socialTabs{left: -408%;top: 140px; width: 672%;}
.aboutMenu .socialTabN li {width:227px;}
.aboutMenu .socialTabN a {width:127px;}
.bxslider li {width:2% !important; float:left !important;}
}
@media only screen and (min-width: 641px) and (max-width: 900px) {
#logo {width:30%;}
#logo img{width:100%; height:auto;}
.navigation {margin:0;}
.teamInf{width:66%;}
.contactForm .width40 {width:100%;}
.contactForm .width58 {width:100%;}
.formBlog {width:100%; margin-top:20px;}
.footerRow2 .footerbox {width:50%;}
.leftNav {float:none; width:100%; margin:0 auto; margin-bottom:40px;}
.searchBox input {width:84%;}
.leftNav li, .leftNav h3 {text-align:center;}
.containerRight {width:100%;}
.searchBox{width:320px; margin:0 auto;}
.eventContentPart {margin-top:5%; margin-bottom:10%;}
.item {width:32%; border-right:#d7d8d9 3px solid;}
.leftNav p{text-align:center;}
.tabImg img{width:100%; height:auto;}
.bannertInf {width:45%;}
.enterpriseBanner .enterpriseCont{width:30%; margin-right:0; float:left; margin-bottom:25px;}
.enterpriseBanner .enterpriseCont img{width:80%; height:auto;}
.flex-direction-nav .flex-next, .flex-direction-nav .flex-prev {width:50px !important; height:auto;}
.tabWrap {float:none; width:100%;}
.tabImg {float:left; margin-left:25%; width:25%;}
.tabContent { padding-right:30px;}
.tabContainer { background-position:center top; background-size:auto; margin-bottom:40px; float:none; margin:0 auto;}
.tabImg img{width:100%; height:auto;}
.tabWrap h3{text-align:center;}
.tabWrap h3 span {margin-right:0;}
.tabsNav {float:none; margin:0 auto;}
.appDevelopment h3 {text-align:center; }
.appDevelopment h3 span{margin-left:0;}
.appDevelopment .tabContainer{width:100%;}
.macimg img.bgImage{width:100%; height:auto;}
.appDevelopment .tabsNav {width:100%;}
.appDevelopment .tabsNav ul{margin:0 auto;}
.appDevelopment .tabContainer {left:0;}
.macimg {width:100%;}
.appDevelopment .tabContent {left:0;}
.contentPad img{width:35% !important; height:auto;}
.contentPad { top:5%;}
.contentPad h3 {font-size:28px; line-height:36px;}
.etabs {float:none;}
.aboutMenu .socialTabs{left: -408%;top: 140px; width: 672%;}
.aboutMenu .socialTabN li {width:227px;}
.aboutMenu .socialTabN a {width:127px;}
.socialTabs{left: -193%;top: 140px; width: 672%;}
.socialTabN li {width:227px;}
.socialTabN a {width:127px;}
.roundBg {display:none;}
.bx-wrapper img {width:56% !important;}
.bxslider li {width:2.58% !important; float:left !important;}
}
@media only screen and (min-width: 240px) and (max-width: 640px) {
.navigation {margin:0;}
.teamInf{width:100%;}
.teamImg {width:100%; text-align:center;}
.contactForm .width40 {width:100%;}
.contactForm .width58 {width:100%;}
.formBlog {width:100%; margin-top:20px;}
.footerRow2 .footerbox {width:100%; text-align:center;}
.contentLeft {width:100%;}
.contentRight {width:100%; margin-top:30px;}
.accordion_toggle{width:75%;}
.popup_content{width:280px;}
.leftNav {float:none; width:100%; margin:0 auto; margin-bottom:20px;}
.searchBox input {width:84%;}
.leftNav li, .leftNav h3 {text-align:center;}
.containerRight {width:100%;}
.blogLeft {width:100%;}
.blogright {width:100%; border:0;}
.blogLeft .blogContWrap, .blogright .blogContWrap {padding:0 0 5% 0;}
.searchBox{width:280px; margin:0 auto;}
.eventWrap .contentLeft, .eventWrap .contentRight{width:100%;}
.eventContentPart {margin-top:5%; margin-bottom:10%;}
.eventWrap2 .bannerCont .container h3 {line-height:32px;}
.eventWrap2 .contentLeft, .eventWrap2 .contentRight{width:100%;}
.eventWrap2 .eventContentPart {margin:5% 2% 5% 2%;}
.download{
margin: 0 auto;
width: 72%;
}
.eventWrap2 .contentRight img {margin-top:15px;}
.item {width:100%; border-right:0 none;}
.leftNav p{text-align:center;}
.commentFields li input, .commentFields li textarea{width:95%;}
.bannertInf h3 {font-size:20px; line-height:20px; margin-bottom:5px; font-weight:bold;}
.bannertInf span {font-size:16px; line-height:16px; }
.bannertInf {width:51%; top:25%;}
.enterpriseBanner .enterpriseCont{width:100%; margin-right:0; float:none; margin-bottom:25px;}
.enterpriseBanner .enterpriseCont img{width:60%; height:auto;}
.flex-direction-nav .flex-next, .flex-direction-nav .flex-prev {width:50px !important; height:auto;}
.tabWrap {float:none; width:100%;}
.tabImg {float:left; margin-left:25%; width:36%;}
.tabContent { padding-right:30px;}
.tabContainer { background-position:center top; background-size:auto; margin-bottom:40px; float:none; margin:0 auto;}
.tabWrap h3{text-align:center;}
.tabWrap h3 span {margin-right:0;}
.tabsNav {float:none; margin:0 auto;}
.appDevelopment h3 {text-align:center; }
.appDevelopment h3 span{margin-left:0;}
.appDevelopment .tabContainer{width:100%;}
.macimg img.bgImage{width:100%; height:auto;}
.appDevelopment .tabsNav {width:100%;}
.appDevelopment .tabsNav ul{margin:0 auto;}
.appDevelopment .tabContainer {left:0;}
.macimg {width:100%;}
.appDevelopment .tabContent {left:0;}
.contentPad img{width:30% !important; height:auto;}
.contentPad { top:5%;}
.contentPad h3 {font-size:22px; line-height:30px;}
.etabs {float:none;}
.bx-wrapper img{width:56% !important;}
.roundBg {display:none;}
.bxslider li {width:2.58% !important; float:left !important;}
}
@media only screen and (min-width: 480px) and (max-width: 640px) {
.item {width:48%; border-right:#d7d8d9 3px solid;}
}
@media only screen and (min-width: 480px) and (max-width: 900px) {
.lightbox li{width:45%; margin-bottom:10px;}
}
@media only screen and (min-width: 240px) and (max-width: 480px) {
.lightbox li{width:100%; margin-right:0; margin-bottom:10px;}
.bannertInf h3 {font-size:16px; line-height:16px; margin-bottom:5px; font-weight:bold;}
.bannertInf span {font-size:14px; line-height:14px; }
.bannertInf {width:60%;}
.enterpriseBanner .enterpriseCont{width:100%; margin-right:0; float:none; margin-bottom:25px;}
.enterpriseBanner .enterpriseCont img{width:60%; height:auto;}
.flex-direction-nav .flex-next, .flex-direction-nav .flex-prev {width:50px !important; height:auto;}
.tabWrap {float:none; width:100%;}
.tabImg {float:left; margin-left:25%; width:50%;}
.tabContent { padding-right:30px; padding-top:16px;}
.tabContainer { background-position:center top; background-size:contain; width:100%; margin-bottom:40px; float:none; margin:0 auto;}
#slider .flex-direction-nav{top:26%; right:0;}
.tabWrap h3{text-align:center;}
.tabWrap h3 span {margin-right:0;}
.tabsNav {float:none; margin:0 auto;}
.appDevelopment h3 {text-align:center; }
.appDevelopment h3 span{margin-left:0;}
.appDevelopment .tabContainer{width:100%;}
.macimg img.bgImage{width:100%; height:auto;}
.appDevelopment .tabsNav {width:100%;}
.appDevelopment .tabsNav ul{margin:0 auto;}
.footerSocial {float:none; margin:15px auto 0; width:188px;}
#logo {text-align:center; padding:8px 0;}
#logo img {width:73%; height:auto;}
.bannertInf {top:25px;}
.appDevelopment .tabContainer {left:0;}
.macimg {width:100%;}
.appDevelopment .tabContent {left:0;}
.contentPad img{width:30% !important; height:auto;}
.contentPad { top:5%;}
.contentPad h3 {font-size:22px; line-height:30px;}
.etabs {float:none; margin:0 auto !important;}
.bx-wrapper img{width:56% !important;}
.roundBg {display:none;}
.widget-easy-twitter-feed-widget-kamn-2 {float:none !important;}
}
@media only screen and (max-width: 480px){
.tabContainer {width:85%; margin:0 auto;}
.tabContent p{font-size:11px; line-height:13px; padding:10px 32px;}
}
@media only screen and (max-width: 360px){
.bx-wrapper img{width:56% !important;}
.tabContent p{font-size:11px; line-height:13px; padding:5px 20px;}
}
@media only screen and (max-width: 320px){
.bx-wrapper img{width:56% !important;}
}
/********************* General End***************/
/********************* Responsive Media Query END ***************/
/*! http://responsiveslides.com v1.54 by @viljamis */
.srp-post-title {font-family: 'Droid Sans', sans-serif; font-weight:700; font-size:26px; line-height:30px;}
.srp-post-title a{color:#29c0d2; text-decoration:none;}
.featured_post_widget-2 {float: left; margin-right: 10%;}
.widget-easy-twitter-feed-widget-kamn-2 {float: right;}
.author { display:none; }
.clientSlider .flexslider ul li img {
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%);
}
.clientSlider .flexslider ul li.flex-active-slide img {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
background-color: transparent;
}
*::selection
{
background-color:transparent;
}
*::-moz-selection
{
background-color:transparent;
}
*
{
-webkit-user-select: none;
-moz-user-select: -moz-none;
/*IE10*/
-ms-user-select: none;
user-select: none;
/*You just need this if you are only concerned with android and not desktop browsers.*/
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input[type="text"], textarea, [contenteditable]
{
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
}
p {
margin-bottom: 24px;
}
.servicesMenu .socialTabCont ul {margin-top: 19px;}
#recaptcha_widget_div{clear:both;}
/********************* Newslider Css ***************/
.tp-hide-revslider,.tp-caption.tp-hidden-caption { visibility:hidden !important; display:none !important;}
.tp-caption { z-index:1;}
.tp-caption-demo .tp-caption { position:relative !important; display:inline-block; margin-bottom:10px; margin-right:20px !important;}
.tp-caption.medium_grey {
position:absolute;
color:#fff;
text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);
font-weight:700;
font-size:20px;
line-height:20px;
font-family:Arial;
padding:2px 4px;
margin:0px;
border-width:0px;
border-style:none;
background-color:#888;
white-space:nowrap;
}
.tp-caption.small_text {
position:absolute;
color:#e6e8ea;
font-weight:700;
font-size:16px;
line-height:20px;
font-family: 'Raleway', sans-serif !important;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
font-style:italic;
}
.tp-caption.medium_text {
position:absolute;
color:#dcdee0 !important;
text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);
font-weight:700;
font-size:24px;
line-height:24px;
font-family: 'Raleway', sans-serif !important;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
}
.tp-caption.large_bold_white_25 {
font-size:55px;
line-height:65px;
font-weight:700;
font-family: 'Raleway', sans-serif !important;
color:#fff;
text-decoration:none;
background-color:transparent;
text-align:center;
text-shadow:#000 0px 5px 10px;
border-width:0px;
border-color:rgb(255, 255, 255);
border-style:none;
}
.tp-caption.medium_text_shadow {
font-size:25px;
line-height:25px;
font-weight:600;
font-family: 'Raleway', sans-serif !important;
color:#fff;
text-decoration:none;
background-color:transparent;
text-align:center;
text-shadow:#000 0px 5px 10px;
border-width:0px;
border-color:rgb(255, 255, 255);
border-style:none;
}
.tp-caption.large_text {
position:absolute;
color:#fff;
text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);
font-weight:700;
font-size:40px;
line-height:40px;
font-family:Arial;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
}
.tp-caption.very_large_text {
position:absolute;
color:#fff;
text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);
font-weight:700;
font-size:60px;
line-height:60px;
font-family:Arial;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
letter-spacing:-2px;
}
.tp-caption.very_big_white {
position:absolute;
color:#fff;
text-shadow:none;
font-weight:800;
font-size:60px;
line-height:60px;
font-family:Arial;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
padding:0px 4px;
padding-top:1px;
background-color:#000;
}
.tp-caption.very_big_black {
position:absolute;
color:#000;
text-shadow:none;
font-weight:700;
font-size:60px;
line-height:60px;
font-family:Arial;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
padding:0px 4px;
padding-top:1px;
background-color:#fff;
}
.tp-caption.modern_medium_fat {
position:absolute;
color:#000;
text-shadow:none;
font-weight:800;
font-size:24px;
line-height:20px;
font-family: 'Raleway', sans-serif !important;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
}
.tp-caption.modern_medium_fat_white {
position:absolute;
color:#fff;
text-shadow:none;
font-weight:800;
font-size:24px;
line-height:20px;
font-family: 'Raleway', sans-serif !important;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
}
.tp-caption.modern_medium_light {
position:absolute;
color:#000;
text-shadow:none;
font-weight:400;
font-size:24px;
line-height:24px;
font-family: 'Raleway', sans-serif !important;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
}
.tp-caption.modern_big_bluebg {
position:absolute;
color:#fff;
text-shadow:none;
font-weight:800;
font-size:30px;
line-height:36px;
font-family: 'Raleway', sans-serif !important;
padding:3px 10px;
margin:0px;
border-width:0px;
border-style:none;
background-color:#4e5b6c;
letter-spacing:0;
}
.tp-caption.modern_big_redbg {
position:absolute;
color:#fff;
text-shadow:none;
font-weight:300;
font-size:30px;
line-height:36px;
font-family: 'Raleway', sans-serif !important;
padding:3px 10px;
padding-top:1px;
margin:0px;
border-width:0px;
border-style:none;
background-color:#de543e;
letter-spacing:0;
}
.tp-caption.modern_small_text_dark {
position:absolute;
color:#555;
text-shadow:none;
font-size:16px;
line-height:22px;
font-family:Arial;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
}
.tp-caption.boxshadow {
-moz-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5);
-webkit-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5);
box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5);
}
.tp-caption.black {
color:#000;
text-shadow:none;
}
.tp-caption.noshadow {
text-shadow:none;
}
.tp-caption a {
color:#ff7302;
text-shadow:none;
-webkit-transition:all 0.2s ease-out;
-moz-transition:all 0.2s ease-out;
-o-transition:all 0.2s ease-out;
-ms-transition:all 0.2s ease-out;
}
.tp-caption a:hover {
color:#ffa902;
}
.tp-caption.thinheadline_dark {
position:absolute;
color:rgba(0,0,0,0.85);
text-shadow:none;
font-weight:300;
font-size:30px;
line-height:30px;
font-family: 'Raleway', sans-serif !important;
background-color:transparent;
}
.tp-caption.thintext_dark {
position:absolute;
color:rgba(0,0,0,0.85);
text-shadow:none;
font-weight:300;
font-size:16px;
line-height:26px;
font-family: 'Raleway', sans-serif !important;
background-color:transparent;
}
.tp-caption.medium_bg_red a {
color: #fff;
text-decoration: none;
}
.tp-caption.medium_bg_red a:hover {
color: #fff;
text-decoration: underline;
}
.tp-caption.smoothcircle {
font-size:30px;
line-height:75px;
font-weight:800;
font-family: 'Raleway', sans-serif !important;
color:rgb(255, 255, 255);
text-decoration:none;
background-color:rgb(0, 0, 0);
background-color:rgba(0, 0, 0, 0.498039);
padding:50px 25px;
text-align:center;
border-radius:500px 500px 500px 500px;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}
.tp-caption.largeblackbg {
font-size:50px;
line-height:70px;
font-weight:300;
font-family: 'Raleway', sans-serif !important;
color:rgb(255, 255, 255);
text-decoration:none;
background-color:rgb(0, 0, 0);
padding:0px 20px 5px;
text-shadow:none;
border-width:0px;
border-color:rgb(255, 255, 255);
border-style:none;
}
.tp-caption.largepinkbg {
position:absolute;
color:#fff;
text-shadow:none;
font-weight:300;
font-size:50px;
line-height:70px;
font-family: 'Raleway', sans-serif !important;
background-color:#db4360;
padding:0px 20px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
}
.tp-caption.largewhitebg {
position:absolute;
color:#000;
text-shadow:none;
font-weight:300;
font-size:50px;
line-height:70px;
font-family: 'Raleway', sans-serif !important;
background-color:#fff;
padding:0px 20px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
}
.tp-caption.largegreenbg {
position:absolute;
color:#fff;
text-shadow:none;
font-weight:300;
font-size:50px;
line-height:70px;
font-family: 'Raleway', sans-serif !important;
background-color:#67ae73;
padding:0px 20px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
}
.tp-caption.excerpt {
font-size:36px;
line-height:36px;
font-weight:700;
font-family:Arial;
color:#ffffff;
text-decoration:none;
background-color:rgba(0, 0, 0, 1);
text-shadow:none;
margin:0px;
letter-spacing:-1.5px;
padding:1px 4px 0px 4px;
width:150px;
white-space:normal !important;
height:auto;
border-width:0px;
border-color:rgb(255, 255, 255);
border-style:none;
}
.tp-caption.large_bold_grey {
font-size:60px;
line-height:60px;
font-weight:800;
font-family: 'Raleway', sans-serif !important;
color:rgb(102, 102, 102);
text-decoration:none;
background-color:transparent;
text-shadow:none;
margin:0px;
padding:1px 4px 0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.medium_thin_grey {
font-size:32px;
line-height:36px;
font-weight:400;
font-family: 'Raleway', sans-serif !important;
color:#232323;
text-decoration:none;
background-color:transparent;
padding:1px 4px 0px;
text-shadow:none;
margin:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.small_thin_grey {
font-size:18px;
line-height:26px;
font-weight:300;
font-family: 'Raleway', sans-serif !important;
color:rgb(117, 117, 117);
text-decoration:none;
background-color:transparent;
padding:1px 4px 0px;
text-shadow:none;
margin:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.lightgrey_divider {
text-decoration:none;
background-color:rgba(235, 235, 235, 1);
width:370px;
height:3px;
background-position:initial initial;
background-repeat:initial initial;
border-width:0px;
border-color:rgb(34, 34, 34);
border-style:none;
}
.tp-caption.large_bold_darkblue {
font-size:58px;
line-height:60px;
font-weight:800;
font-family: 'Raleway', sans-serif !important;
color:rgb(52, 73, 94);
text-decoration:none;
background-color:transparent;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.medium_bg_darkblue {
font-size:20px;
line-height:20px;
font-weight:800;
font-family: 'Raleway', sans-serif !important;
color:rgb(255, 255, 255);
text-decoration:none;
background-color:rgb(52, 73, 94);
padding:10px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.medium_bold_red {
font-size:24px;
line-height:30px;
font-weight:800;
font-family: 'Raleway', sans-serif !important;
color:rgb(227, 58, 12);
text-decoration:none;
background-color:transparent;
padding:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.medium_light_red {
font-size:21px;
line-height:26px;
font-weight:300;
font-family: 'Raleway', sans-serif !important;
color:rgb(227, 58, 12);
text-decoration:none;
background-color:transparent;
padding:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.medium_bg_red {
font-size:20px;
line-height:20px;
font-weight:800;
font-family: 'Raleway', sans-serif !important;
color:rgb(255, 255, 255);
text-decoration:none;
background-color:rgb(227, 58, 12);
padding:10px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.medium_bold_orange {
font-size:24px;
line-height:30px;
font-weight:800;
font-family: 'Raleway', sans-serif !important;
color:rgb(243, 156, 18);
text-decoration:none;
background-color:transparent;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.medium_bg_orange {
font-size:20px;
line-height:20px;
font-weight:800;
font-family: 'Raleway', sans-serif !important;
color:rgb(255, 255, 255);
text-decoration:none;
background-color:rgb(243, 156, 18);
padding:10px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.grassfloor {
text-decoration:none;
background-color:none;
width:4000px;
height:150px;
border-width:0px;
border-color:rgb(34, 34, 34);
border-style:none;
}
.tp-caption.large_bold_white {
font-size:58px;
line-height:60px;
font-weight:800;
font-family: 'Raleway', sans-serif !important;
color:rgb(255, 255, 255);
text-decoration:none;
background-color:transparent;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.medium_light_white {
font-size:30px;
line-height:36px;
font-weight:300;
font-family: 'Raleway', sans-serif !important;
color:rgb(255, 255, 255);
text-decoration:none;
background-color:transparent;
padding:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.mediumlarge_light_white {
font-size:34px;
line-height:40px;
font-weight:300;
font-family: 'Raleway', sans-serif !important;
color:rgb(255, 255, 255);
text-decoration:none;
background-color:transparent;
padding:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.mediumlarge_light_white_center {
font-size:42px;
line-height:46px;
font-weight:bold;
font-family: 'Raleway', sans-serif !important;
color:#e6e8ea;
text-decoration:none;
background-color:transparent;
padding:0px 0px 0px 0px;
text-align:center;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.medium_bg_asbestos {
font-size:20px;
line-height:20px;
font-weight:800;
font-family: 'Raleway', sans-serif !important;
color:rgb(255, 255, 255);
text-decoration:none;
background-color:rgb(127, 140, 141);
padding:10px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.medium_light_black {
font-size:30px;
line-height:36px;
font-weight:300;
font-family: 'Raleway', sans-serif !important;
color:rgb(0, 0, 0);
text-decoration:none;
background-color:transparent;
padding:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.large_bold_black {
font-size:58px;
line-height:60px;
font-weight:800;
font-family: 'Raleway', sans-serif !important;
color:rgb(0, 0, 0);
text-decoration:none;
background-color:transparent;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.mediumlarge_light_darkblue {
font-size:34px;
line-height:40px;
font-weight:300;
font-family: 'Raleway', sans-serif !important;
color:rgb(52, 73, 94);
text-decoration:none;
background-color:transparent;
padding:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.small_light_white {
font-size:17px;
line-height:28px;
font-weight:300;
font-family: 'Raleway', sans-serif !important;
color:rgb(255, 255, 255);
text-decoration:none;
background-color:transparent;
padding:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.roundedimage {
border-width:0px;
border-color:rgb(34, 34, 34);
border-style:none;
}
.tp-caption.large_bg_black {
font-size:40px;
line-height:40px;
font-weight:800;
font-family: 'Raleway', sans-serif !important;
color:rgb(255, 255, 255);
text-decoration:none;
background-color:rgb(0, 0, 0);
padding:10px 20px 15px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.mediumwhitebg {
font-size:30px;
line-height:30px;
font-weight:300;
font-family: 'Raleway', sans-serif !important;
color:rgb(0, 0, 0);
text-decoration:none;
background-color:rgb(255, 255, 255);
padding:5px 15px 10px;
text-shadow:none;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}
.tp-caption.medium_bg_orange_new1 {
font-size:20px;
line-height:20px;
font-weight:800;
font-family: 'Raleway', sans-serif !important;
color:rgb(255, 255, 255);
text-decoration:none;
background-color:rgb(243, 156, 18);
padding:10px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.boxshadow{
-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
}
.tp-caption.black{
color: #000;
text-shadow: none;
font-weight: 300;
font-size: 19px;
line-height: 19px;
font-family: 'Open Sans', sans;
}
.tp-caption.noshadow {
text-shadow: none;
}
.tp_inner_padding { box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
max-height:none !important; }
/*.tp-caption { transform:none !important}*/
/*********************************
- SPECIAL TP CAPTIONS -
**********************************/
.tp-caption .frontcorner {
width: 0;
height: 0;
border-left: 40px solid transparent;
border-right: 0px solid transparent;
border-top: 40px solid #00A8FF;
position: absolute;left:-40px;top:0px;
}
.tp-caption .backcorner {
width: 0;
height: 0;
border-left: 0px solid transparent;
border-right: 40px solid transparent;
border-bottom: 40px solid #00A8FF;
position: absolute;right:0px;top:0px;
}
.tp-caption .frontcornertop {
width: 0;
height: 0;
border-left: 40px solid transparent;
border-right: 0px solid transparent;
border-bottom: 40px solid #00A8FF;
position: absolute;left:-40px;top:0px;
}
.tp-caption .backcornertop {
width: 0;
height: 0;
border-left: 0px solid transparent;
border-right: 40px solid transparent;
border-top: 40px solid #00A8FF;
position: absolute;right:0px;top:0px;
}
/******************************
- BUTTONS -
*******************************/
.tp-simpleresponsive .button { padding:6px 13px 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; height:30px;
cursor:pointer;
color:#fff !important; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6) !important; font-size:15px; line-height:45px !important;
font-family: arial, sans-serif; font-weight: bold; letter-spacing: -1px;
}
.tp-simpleresponsive .button.big { color:#fff; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6); font-weight:bold; padding:9px 20px; font-size:19px; line-height:57px !important; }
.tp-simpleresponsive .purchase:hover,
.tp-simpleresponsive .button:hover,
.tp-simpleresponsive .button.big:hover { background-position:bottom, 15px 11px;}
@media only screen and (min-width: 768px) and (max-width: 959px) {
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.tp-simpleresponsive .button { padding:4px 8px 3px; line-height:25px !important; font-size:11px !important;font-weight:normal; }
.tp-simpleresponsive a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; }
}
@media only screen and (min-width: 0px) and (max-width: 479px) {
.tp-simpleresponsive .button { padding:2px 5px 2px; line-height:20px !important; font-size:10px !important;}
.tp-simpleresponsive a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; }
}
/* BUTTON COLORS */
.tp-simpleresponsive .button.green, .tp-simpleresponsive .button:hover.green,
.tp-simpleresponsive .purchase.green, .tp-simpleresponsive .purchase:hover.green { background-color:#21a117; -webkit-box-shadow: 0px 3px 0px 0px #104d0b; -moz-box-shadow: 0px 3px 0px 0px #104d0b; box-shadow: 0px 3px 0px 0px #104d0b; }
.tp-simpleresponsive .button.blue, .tp-simpleresponsive .button:hover.blue,
.tp-simpleresponsive .purchase.blue, .tp-simpleresponsive .purchase:hover.blue { background-color:#1d78cb; -webkit-box-shadow: 0px 3px 0px 0px #0f3e68; -moz-box-shadow: 0px 3px 0px 0px #0f3e68; box-shadow: 0px 3px 0px 0px #0f3e68;}
.tp-simpleresponsive .button.red, .tp-simpleresponsive .button:hover.red,
.tp-simpleresponsive .purchase.red, .tp-simpleresponsive .purchase:hover.red { background-color:#cb1d1d; -webkit-box-shadow: 0px 3px 0px 0px #7c1212; -moz-box-shadow: 0px 3px 0px 0px #7c1212; box-shadow: 0px 3px 0px 0px #7c1212;}
.tp-simpleresponsive .button.orange, .tp-simpleresponsive .button:hover.orange,
.tp-simpleresponsive .purchase.orange, .tp-simpleresponsive .purchase:hover.orange { background-color:#ff7700; -webkit-box-shadow: 0px 3px 0px 0px #a34c00; -moz-box-shadow: 0px 3px 0px 0px #a34c00; box-shadow: 0px 3px 0px 0px #a34c00;}
.tp-simpleresponsive .button.darkgrey, .tp-simpleresponsive .button.grey,
.tp-simpleresponsive .button:hover.darkgrey, .tp-simpleresponsive .button:hover.grey,
.tp-simpleresponsive .purchase.darkgrey, .tp-simpleresponsive .purchase:hover.darkgrey { background-color:#555; -webkit-box-shadow: 0px 3px 0px 0px #222; -moz-box-shadow: 0px 3px 0px 0px #222; box-shadow: 0px 3px 0px 0px #222;}
.tp-simpleresponsive .button.lightgrey, .tp-simpleresponsive .button:hover.lightgrey,
.tp-simpleresponsive .purchase.lightgrey, .tp-simpleresponsive .purchase:hover.lightgrey { background-color:#888; -webkit-box-shadow: 0px 3px 0px 0px #555; -moz-box-shadow: 0px 3px 0px 0px #555; box-shadow: 0px 3px 0px 0px #555;}
/****************************************************************
- SET THE ANIMATION EVEN MORE SMOOTHER ON ANDROID -
******************************************************************/
/*.tp-simpleresponsive { -webkit-perspective: 1500px;
-moz-perspective: 1500px;
-o-perspective: 1500px;
-ms-perspective: 1500px;
perspective: 1500px;
}*/
/**********************************************
- FULLSCREEN AND FULLWIDHT CONTAINERS -
**********************************************/
.fullscreen-container {
width:100%;
position:relative;
padding:0;
}
.fullwidthbanner-container{
width:100%;
position:relative;
padding:0;
overflow:hidden;
}
.fullwidthbanner-container .fullwidthbanner{
width:100%;
position:relative;
}
/************************************************
- SOME CAPTION MODIFICATION AT START -
*************************************************/
.tp-simpleresponsive .caption,
.tp-simpleresponsive .tp-caption {
/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; */
position:absolute;visibility: hidden;
-webkit-font-smoothing: antialiased !important;
}
.tp-simpleresponsive img { max-width:none;}
/******************************
- IE8 HACKS -
*******************************/
.noFilterClass {
filter:none !important;
}
/******************************
- SHADOWS -
******************************/
.tp-bannershadow {
position:absolute;
margin-left:auto;
margin-right:auto;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
}
.tp-bannershadow.tp-shadow1 { background:url(../assets/shadow1.png) no-repeat; background-size:100% 100%; width:890px; height:60px; bottom:-60px;}
.tp-bannershadow.tp-shadow2 { background:url(../assets/shadow2.png) no-repeat; background-size:100% 100%; width:890px; height:60px;bottom:-60px;}
.tp-bannershadow.tp-shadow3 { background:url(../assets/shadow3.png) no-repeat; background-size:100% 100%; width:890px; height:60px;bottom:-60px;}
/********************************
- FULLSCREEN VIDEO -
*********************************/
.caption.fullscreenvideo { left:0px; top:0px; position:absolute;width:100%;height:100%;}
.caption.fullscreenvideo iframe,
.caption.fullscreenvideo video { width:100% !important; height:100% !important; display: none}
.tp-caption.fullscreenvideo { left:0px; top:0px; position:absolute;width:100%;height:100%;}
.tp-caption.fullscreenvideo iframe,
.tp-caption.fullscreenvideo iframe video { width:100% !important; height:100% !important; display: none;}
.fullscreenvideo .vjs-loading-spinner { visibility:none;display:none !important; width:0px;height:0px;}
.fullscreenvideo .vjs-control-bar.vjs-fade-out,
.fullscreenvideo .vjs-control-bar.vjs-fade-in,
.fullscreenvideo .vjs-control-bar.vjs-fade-out.vjs-lock-showing,
.fullscreenvideo .vjs-control-bar.vjs-fade-in.vjs-lock-showing { visibility: hidden !important; opacity: 0 !important;display:none !important;width:0px;height:0px;overflow: hidden;}
.fullcoveredvideo.video-js,
.fullcoveredvideo video { background: transparent !important;}
.fullcoveredvideo .vjs-poster { background-position: center center;background-size: cover;width:100%;height:100%;top:0px;left:0px;}
/********************************
- DOTTED OVERLAYS -
*********************************/
.tp-dottedoverlay { background-repeat:repeat;width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:1;}
.tp-dottedoverlay.twoxtwo { background:url(../assets/gridtile.png)}
.tp-dottedoverlay.twoxtwowhite { background:url(../assets/gridtile_white.png)}
.tp-dottedoverlay.threexthree { background:url(../assets/gridtile_3x3.png)}
.tp-dottedoverlay.threexthreewhite { background:url(../assets/gridtile_3x3_white.png)}
/********************************
- DOTTED OVERLAYS ENDS -
*********************************/
/************************
- NAVIGATION -
*************************/
/** BULLETS **/
.tpclear { clear:both;}
.tp-bullets { z-index:1000; position:absolute;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
-webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out;-webkit-transform: translateZ(5px);
left:auto !important; right:5% !important;
bottom:0 !important;top:auto !important;
}
.tp-bullets.hidebullets {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity:1;
-khtml-opacity: 1;
opacity: 1;
}
.tp-bullets.simplebullets.navbar { border:1px solid #666; border-bottom:1px solid #444; background:url(../assets/boxed_bgtile.png); height:40px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px ;}
.tp-bullets.simplebullets.navbar-old { background:url(../assets/navigdots_bgtile.png); height:35px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px ;}
.tp-bullets.simplebullets.round .bullet { cursor:pointer; position:relative; background:url(../assets/bullet.png) no-Repeat top left; width:20px; height:20px; margin-right:0px; float:left; margin-top:0px; margin-left:3px;}
.tp-bullets.simplebullets.round .bullet.last { margin-right:3px;}
.tp-bullets.simplebullets.round-old .bullet { cursor:pointer; position:relative; background:url(../assets/bullets.png) no-Repeat bottom left; width:23px; height:23px; margin-right:0px; float:left; margin-top:0px;}
.tp-bullets.simplebullets.round-old .bullet.last { margin-right:0px;}
/** SQUARE BULLETS **/
.tp-bullets.simplebullets.square .bullet { cursor:pointer; position:relative; background:url(../assets/bullets2.png) no-Repeat bottom left; width:19px; height:19px; margin-right:0px; float:left; margin-top:0px;}
.tp-bullets.simplebullets.square .bullet.last { margin-right:0px;}
/** SQUARE BULLETS **/
.tp-bullets.simplebullets.square-old .bullet { cursor:pointer; position:relative; background:url(../assets/bullets2.png) no-Repeat bottom left; width:19px; height:19px; margin-right:0px; float:left; margin-top:0px;}
.tp-bullets.simplebullets.square-old .bullet.last { margin-right:0px;}
/** navbar NAVIGATION VERSION **/
.tp-bullets.simplebullets.navbar .bullet { cursor:pointer; position:relative; background:url(../assets/bullet_boxed.png) no-Repeat top left; width:18px; height:19px; margin-right:5px; float:left; margin-top:0px;}
.tp-bullets.simplebullets.navbar .bullet.first { margin-left:0px !important;}
.tp-bullets.simplebullets.navbar .bullet.last { margin-right:0px !important;}
/** navbar NAVIGATION VERSION **/
.tp-bullets.simplebullets.navbar-old .bullet { cursor:pointer; position:relative; background:url(../assets/navigdots.png) no-Repeat bottom left; width:15px; height:15px; margin-left:5px !important; margin-right:5px !important;float:left; margin-top:10px;}
.tp-bullets.simplebullets.navbar-old .bullet.first { margin-left:0px !important;}
.tp-bullets.simplebullets.navbar-old .bullet.last { margin-right:0px !important;}
.tp-bullets.simplebullets .bullet:hover,
.tp-bullets.simplebullets .bullet.selected { background-position:top left; }
.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.navbar .bullet:hover,
.tp-bullets.simplebullets.navbar .bullet.selected { background-position:bottom left; }
/*************************************
- TP ARROWS -
**************************************/
.tparrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
-webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; -webkit-transform: translateZ(5px);
display:none;
}
.tparrows.hidearrows {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
.tp-leftarrow { z-index:100;cursor:pointer; position:relative; background:url(../assets/large_left.png) no-Repeat top left; width:40px; height:40px; }
.tp-rightarrow { z-index:100;cursor:pointer; position:relative; background:url(../assets/large_right.png) no-Repeat top left; width:40px; height:40px; }
.tp-leftarrow.round { z-index:100;cursor:pointer; position:relative; background:url(../assets/small_left.png) no-Repeat top left; width:19px; height:14px; margin-right:0px; float:left; margin-top:0px; }
.tp-rightarrow.round { z-index:100;cursor:pointer; position:relative; background:url(../assets/small_right.png) no-Repeat top left; width:19px; height:14px; margin-right:0px; float:left; margin-top:0px;}
.tp-leftarrow.round-old { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrow_left.png) no-Repeat top left; width:26px; height:26px; margin-right:0px; float:left; margin-top:0px; }
.tp-rightarrow.round-old { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrow_right.png) no-Repeat top left; width:26px; height:26px; margin-right:0px; float:left; margin-top:0px;}
.tp-leftarrow.navbar { z-index:100;cursor:pointer; position:relative; background:url(../assets/small_left_boxed.png) no-Repeat top left; width:20px; height:15px; float:left; margin-right:6px; margin-top:12px;}
.tp-rightarrow.navbar { z-index:100;cursor:pointer; position:relative; background:url(../assets/small_right_boxed.png) no-Repeat top left; width:20px; height:15px; float:left; margin-left:6px; margin-top:12px;}
.tp-leftarrow.navbar-old { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrowleft.png) no-Repeat top left; width:9px; height:16px; float:left; margin-right:6px; margin-top:10px;}
.tp-rightarrow.navbar-old { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrowright.png) no-Repeat top left; width:9px; height:16px; float:left; margin-left:6px; margin-top:10px;}
.tp-leftarrow.navbar-old.thumbswitharrow { margin-right:10px; }
.tp-rightarrow.navbar-old.thumbswitharrow { margin-left:0px; }
.tp-leftarrow.square { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrow_left2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-right:0px; margin-top:0px;}
.tp-rightarrow.square { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrow_right2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-left:0px; margin-top:0px;}
.tp-leftarrow.square-old { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrow_left2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-right:0px; margin-top:0px;}
.tp-rightarrow.square-old { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrow_right2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-left:0px; margin-top:0px;}
.tp-leftarrow.default { z-index:100;cursor:pointer; position:relative; background:url(../assets/large_left.png) no-Repeat 0 0; width:40px; height:40px;
}
.tp-rightarrow.default { z-index:100;cursor:pointer; position:relative; background:url(../assets/large_right.png) no-Repeat 0 0; width:40px; height:40px;
}
.tp-leftarrow:hover,
.tp-rightarrow:hover { background-position:bottom left; }
/****************************************************************************************************
- TP THUMBS -
*****************************************************************************************************
- tp-thumbs & tp-mask Width is the width of the basic Thumb Container (500px basic settings)
- .bullet width & height is the dimension of a simple Thumbnail (basic 100px x 50px)
*****************************************************************************************************/
.tp-bullets.tp-thumbs { z-index:1000; position:absolute; padding:3px;background-color:#fff;
width:500px;height:50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */
margin-top:-50px;
}
.fullwidthbanner-container .tp-thumbs { padding:3px;}
.tp-bullets.tp-thumbs .tp-mask { width:500px; height:50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */
overflow:hidden; position:relative;}
.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer { width:5000px; position:absolute;}
.tp-bullets.tp-thumbs .bullet { width:100px; height:50px; /* THE DIMENSION OF A SINGLE THUMB */
cursor:pointer; overflow:hidden;background:none;margin:0;float:left;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
/*filter: alpha(opacity=50); */
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out;
}
.tp-bullets.tp-thumbs .bullet:hover,
.tp-bullets.tp-thumbs .bullet.selected { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.tp-thumbs img { width:100%; }
/************************************
- TP BANNER TIMER -
*************************************/
.tp-bannertimer { width:100%; height:10px; background:url(../assets/timer.png);position:absolute; z-index:200;top:0px;}
.tp-bannertimer.tp-bottom { bottom:0px;height:5px; top:auto;}
/***************************************
- RESPONSIVE SETTINGS -
****************************************/
@media only screen and (min-width: 0px) and (max-width: 479px) {
.responsive .tp-bullets { display:none}
.responsive .tparrows { display:none;}
}
/******************************
- HTML5 VIDEO SETTINGS -
********************************/
.vjs-tech { margin-top:1px}
.tp-caption .vjs-default-skin .vjs-big-play-button { left: 50%;
top: 50%;
margin-left: -20px;
margin-top: -20px;
width: 40px;
height: 40px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: none;
box-shadow: none;
text-shadow: none;
line-height: 30px;
vertical-align: top;
padding: 0px;
}
.tp-caption .vjs-default-skin .vjs-big-play-button:before {
position:absolute;
top:0px; left:0px;
line-height:40px;
text-shadow: none !important;
color:#fff;
font-size:18px;
}
.tp-caption .vjs-default-skin:hover .vjs-big-play-button, .vjs-default-skin .vjs-big-play-button:focus {
box-shadow:none;
-webkit-box-shadow:none;
}
/*********************************************
- BASIC SETTINGS FOR THE BANNER -
***********************************************/
.tp-simpleresponsive img {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
}
.tp-simpleresponsive a{ text-decoration:none;}
.tp-simpleresponsive ul {
list-style:none;
padding:0;
margin:0;
}
.tp-simpleresponsive >ul >li{
list-stye:none;
position:absolute;
visibility:hidden;
}
/* CAPTION SLIDELINK **/
.caption.slidelink a div,
.tp-caption.slidelink a div { width:3000px; height:1500px; background:url(../assets/coloredbg.png) repeat;}
.tp-loader { background:url(../assets/loader.gif) no-repeat 10px 10px; background-color:#fff; margin:-22px -22px; top:50%; left:50%; z-index:10000; position:absolute;width:44px;height:44px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.tp-transparentimg { content:"url(../assets/transparent.png)"}
.tp-3d { -webkit-transform-style: preserve-3d;
-webkit-transform-origin: 50% 50%;
}
.tp-caption img {
background: transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
zoom: 1;
}
.tp-banner-container {
padding: 0;
position: relative;
width: 100%;
}
.tp-banner {
position: relative;
width: 100%;
}
.tp-banner-fullscreen-container {
padding: 0;
position: relative;
width: 100%;
}.tp-bannertimer {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1) !important;
height: 5px !important;
}
.tp-bullets.simplebullets.navbar {
height: 35px;
padding: 0;
}
.tp-bullets.simplebullets .bullet {
background: #232323 !important;
border: 5px solid rgba(0, 0, 0, 0) !important;
border-radius: 10px;
box-shadow: none;
cursor: pointer;
display: inline-block;
float: none !important;
height: 4px !important;
margin-bottom: 7px !important;
margin-right: 2px !important;
position: relative !important;
transition: background-color 0.2s ease 0s, border-color 0.2s ease 0s;
width:4px !important;
}
.tp-bullets.simplebullets .bullet.last {
margin-right: 0;
}
.tp-bullets.simplebullets .bullet:hover, .tp-bullets.simplebullets .bullet.selected {
background: #2ab2bd !important;
border: 5px solid #2ab2bd !important;
box-shadow: none;
height: 4px !important;
width: 4px !important;
}
.tparrows:before {
color: #fff;
display: inline-block;
font-family: "revicons";
font-size: 20px;
font-style: normal;
font-weight: normal;
margin-right: 0;
margin-top: 9px;
text-align: center;
text-decoration: inherit;
width: 40px;
}
.tparrows {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5) !important;
border-radius: 5px;
cursor: pointer;
height: 40px !important;
width: 40px !important;
}
.tparrows:hover {
color: #fff;
}
.tparrows.tp-rightarrow:before {
margin-left: 1px;
}
.tparrows:hover {
background: none repeat scroll 0 0 rgba(0, 0, 0, 1) !important;
}
#slider4container .tparrows:before, #slider4container .tparrows:hover, #slider4container .tparrows {
color: #000 !important;
}
#slider4container .tparrows {
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5) !important;
}
#slider4container .tparrows:hover {
background: none repeat scroll 0 0 #fff !important;
}
.rotation {
-webkit-animation-name: spin;
-webkit-animation-duration: 4000ms;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-name: spin;
-moz-animation-duration: 4000ms;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: spin;
-ms-animation-duration: 4000ms;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
animation-name: spin;
animation-duration: 4000ms;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@-ms-keyframes spin {
from { -ms-transform: rotate(0deg); }
to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
from { -moz-transform: rotate(0deg); }
to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
from { -webkit-transform: rotate(0deg); }
to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
from {
transform:rotate(0deg);
}
to {
transform:rotate(360deg);
}
}
.margintop20{margin-top:10px !important; display:block;}
/***********************our Partner*************/
.ourPartner{font-family: 'Raleway', sans-serif !important; font-weight:400; padding-top:70px;}
.ourPartner h3{ font-size:24px; padding:5px 0; color:#999999; font-weight:400; border-bottom:1px solid #999; margin-bottom:20px;}
.ourPartner .width49{width:50% !important;margin:0 -1px;}
.partnerInfo{ margin-bottom:25px; }
.partnerInfo h4{background:#989898; color:#fff; font-weight:500; font-size:16px; padding:10px 16px; margin-bottom:2px;}
.partnerInfo ul{margin:0; padding:0; list-style:none;}
.partnerInfo li{vertical-align:middle; text-align:center; width:33.33%; float:left;}
.partnerInfo li .divLogoBg{background:#ecebeb; min-height:164px; line-height:164px; height:164px; text-align:center; vertical-align:middle; margin-right:2px;}
.partnerInfo li .divLogoBg.marignRightNone{margin-right:0;}
.partnerInfo li .divLogoBg a{display:block; margin:37px 0 0; position:relative;}
.partnerInfo li .divLogoBg a img{max-width:100%; height:auto;}
.partnerInfo li .divLogoBg a span.hoverEffect{position:absolute; width:100%; height:164px; display:none; background:#2db2c1; opacity:0.3; z-index:11; top:-37px; filter:alpha(opacity=30)}
.partnerInfo li .divLogoBg a:hover span.hoverEffect{display:block;}
@media only screen and (max-width: 980px){
.partnerInfo h4 {font-size:12px;}
}
@media only screen and (max-width: 680px){
.partnerInfo h4 {font-size:10px;}
}
@media only screen and (max-width: 599px){
.ourPartner .width49{width:100% !important;margin:0 0 10px;}
.bulletIcon{padding-left:15px !important;}
}
.bulletIcon{background:url(images/bullet.png) left center no-repeat; padding-left:25px !important;}
.top_mobile_area {
background: none repeat scroll 0 0 #f1f4f6;
padding-bottom: 6px;
margin-bottom: 0
}
.top_mobile_area .bannerCont {
background: inherit;
}
.left_mobile {
float: left;
width: 50%
}
.left_mobile h2 {
color: #000;
display: block;
font-family: cursive;
font-size: 22px;
font-weight: bold;
padding: 0 0 10px
}
.right_mobile {
float: left;
margin: 15px auto;
text-align: center;
width: 50%;
}
.right_mobile a {
background: none repeat scroll 0 0 #2abfd1;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
color: #fff;
font-size: 20px;
margin-left: 100px;
padding: 10px 15px
}
.right_mobile .mobiletext {
padding-right: 40px;
text-align: right
}
.mobile_slide_area {
background: none repeat scroll 0 0 #2abfd1;
overflow: hidden;
padding: 33px 33px 0;
}
.top_mobile_area .container {
padding-bottom: 42px;
}
.mobile_text {
float: left;
margin-top: 50px;
width: 55%;
}
.mobile_slide {
float: left;
width: 40%;
margin-left:5%;
}
.mobile_slide_img img {
}
.mobile_text li p {
color: #fff;
font-size: 30px;
line-height: 30px;
}
.mobile_text ul li {
margin-top: 50px;
}
.mobile_text li p strong {
display: block;
float: left;
font-size: 40px;
padding-right: 14px;
padding-top: 14px;
width: 80px;
}
.mobile_slide_img {
text-align: right
}
.mobile_slide_img img {
float: none;
}
.price_headling_area {
background: none repeat scroll 0 0 #f1f4f6
}
.price_headlin h2 {
color: #000;
font-family: fantasy;
font-size: 35px;
padding: 30px 0;
}
.pricing_area {
overflow: hidden;
padding: 17px 0;
margin-bottom: 15px
}
.pricing_item {
border: 3px solid #ddd;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
float: left;
margin-right: 8px;
width: 32%
}
.pricing_item.last{margin-right: 0;}
.pricing_item img {
float: left;
margin-right: 5px;
margin-top: 20px
}
.pricing_item h2 {
color: #35c2d3;
font-size: 30px;
font-weight: 700;
line-height: 35px;
padding: 21px 21px 0;
}
.pricing_item ul {min-height: 415px;
padding: 23px 10px 50px;
}
.pricing_item li {
background: url("images/tick.png") no-repeat scroll left 5px rgba(0, 0, 0, 0);
font-size: 17px;
line-height: 25px;
margin-top: 10px;
padding: 0 0 10px 27px;
}
.pricing_item p {margin:0;padding:0;
}
.mobile_text ul li:last-child p {
margin-bottom: 0;
}
.pricing_item a {
background: none repeat scroll 0 0 #f1f4f6;
color: #6a6b6c;
display: block;
font-size: 25px;
font-weight: bold;
padding: 20px;
text-align: center
}
.contact_fortext_area {
background: none repeat scroll 0 0 #2abfd1;
padding: 25px 0;
}
.contact_fortext p {
color: #fff;
font-size: 14px;
margin-bottom: 0;
padding: 0 20px;
}
.left_mobile h2 {
color: #000;
font-family: sans-serif !important;
font-size: 35px;
font-weight: 400;
}
.price_headlin h2 {
color: #000;
font-family: sans-serif !important;
font-weight: 400;
line-height: 33px;
}
@media (min-width: 1200px){
.mobile_slide_img {
text-align: center;
}
}
}
@media (max-width: 1999px){
}
@media (max-width: 1600px){
}
@media (max-width: 1400px){
}
@media (min-width: 992px) and (max-width: 1199px) {
.pricing_item {
width: 31%;
}
.price_headlin h2 {
font-size: 28px;
}
.pricing_item h2 {
font-size: 25px;
}
.pricing_item li {
font-size: 15px;
line-height: 17px;
}
.mobile_slide_img img {
float: left !important;
max-width: 50%;
}
}
/* tablets and desktop */
@media only screen and (max-width: 991px) {
.mobile_text ul li {
margin-top: 0;
}
.mobile_text li p {
font-size: 18px;
}
.mobile_text li p strong {
font-size: 30px;
width: 70px;
}
.pricing_item {
width: 31%;
}
.price_headlin h2, .pricing_item h2 {
font-size: 25px;
}
.pricing_item li {
font-size: 15px;
line-height: 17px;
}
}
/* For tablets & smart phones */
@media (max-width: 767px) {
.left_mobile, .right_mobile, .mobile_text, .mobile_slide {
float: none;
text-align: center;
width: 100%;
}
.pricing_item {
width: 100%;
}
.mobiletext > a {
margin-left: inherit;
}
.right_mobile .mobiletext {
padding-right: inherit;
text-align: center;
}
.mobile_slide_area {
margin-top: 10px;
}
.contact_fortext > p {
padding: 0;
width: 100%;
}
.banner.bannerhome.cf.top_mobile_area[style] {
padding-top: 75px !important;
}
.mobile_slide_img img {
width: 100%;
}
.mobile_text ul li {
margin-top: inherit;
}
.right_mobile > a {
margin-left: inherit;
}
.mobile_text strong {
margin-bottom: 10px;
width: 100% !important;
}
.pricing_item {
margin-bottom: 10px;
}
.price_headlin h2 {
font-size: 20px;
line-height: 25px;
}
.mobile_slide_img img {
float: left;
width: 50%;
}
.mobile_text ul li {
margin-top: 20px;
}
}
/* For smartphones */
@media (max-width: 480px) {
.left_mobile, .right_mobile, .mobile_text, .mobile_slide {
float: none;
text-align: center;
width: 100%;
}
.pricing_item {
width: 100%;
}
.mobiletext > a {
margin-left: inherit;
}
.right_mobile .mobiletext {
padding-right: inherit;
text-align: center;
}
.mobile_slide_area {
margin-top: 10px;
}
.contact_fortext > p {
padding: 0;
width: 100%;
}
.mobile_slide_img img {
width: 50%;
}
.mobile_text ul li {
margin-top: inherit;
}
.right_mobile > a {
margin-left: inherit;
}
.mobile_text strong {
margin-bottom: 10px;
width: 100% !important;
}
.pricing_item {
margin-bottom: 10px;
}
.price_headlin h2 {
font-size: 20px;
line-height: 25px;
}
.top_mobile_area .container {
padding-bottom: 0;
}
.mobile_slide_area {
padding: 0;
}
}
/* For smaller displays like laptops */
@media (min-width: 768px) and (max-width: 979px) {
.pricing_item {
width: 30%
}
.mobile_slide_img img {
float: left;
width: 50%;
}
.mobile_text ul li {
margin-top: 20px;
}
}
/****CUSTOM CSS FOr New Landing Page - 27-10-2015*******/
.contactWrap1 {
font-family: "FranklinGothicBookRegular";
margin-left: 2%;
width: 98%;
float:left;
}
#home_content.contentPart{
padding: 4% 0 0 !important;
}
#left.container {
font-family: "FranklinGothicBookRegular";
margin-right: 5%;
padding: 0;
width: 65%;
float:left;
}
#right.container {
font-family: "FranklinGothicBookRegular";
padding: 0;
width: 30%;
float:right;
}
#top_heading {
color: #ffffff;
font-size: 24px;
text-transform: uppercase;
}
.liststyle{
list-style: none !important;
margin: 0;
padding: 0;
}
.liststyle li:before {
content: "• ";
color: #51c3cb; /* or whatever color you prefer */
font-size: 20px;/* or whatever the bullet size you prefer */
}
.contactWrap1 h3 {
color: #65707a;
}
#home_left li {
font-family: FranklinGothicBookRegular;
font-size: 13pt;
color:#65707a;
line-height: 30px;
}
#top_heading.bannerCont{
padding: 21px 0 21px 6%;
}
#right h3 {
color: #65707a !important;
text-align: center;
margin-bottom: 0;
padding-bottom: 20px;
padding-top: 20px;
}
#right .width40 {
width: 100%;
}
#right li {
padding-left: 5%;
padding-right: 5%;
}
.sendBtn
{
padding-bottom: 15px;
padding-top: 0;
}
.sendBtn > span {
color: #12c7d7;
vertical-align: bottom;
font-size: 15px;
padding-left: 5%;
padding-right: 5%;
}
.sendBtn input{
padding: 0 46px;
}
}
.contactForm input[type="text"]
{
margin-bottom: 10px;
}
.contactForm input[type="email"] {
border: 0 none;
color: #12c7d7;
display: block;
font-size: 18px;
height: 35px;
line-height: 35px;
margin-bottom: 15px;
padding-left: 10px;
width: 100%;
}
.contentPart h4 {
font-size: 24px;
line-height: 30px;
color: #65707a;
font-style: italic;
font-weight: bold;
}
#bottom_content {
float: left;
}
@media screen and (max-width: 360px)
{
.sendBtn input {
font-size: 18px;
padding: 0 18px;
}
}
@media screen and (max-width: 480px)
{
#right.container, #left.container
{
width: 100%;
}
#top_line {
font-size: 14pt !important;
}
.sendBtn input {
font-size: 18px;
padding: 0 20px;
}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.contactForm input[type="text"], .contactForm input[type="email"]
{
padding-left: 0;
}
.contactForm input[type="text"], .contactForm input[type="email"]
{
padding-left: 0;
}
.sendBtn input {
padding: 0 10px;
font-size: 13px;
}
}
#left_ul > p {
font-style: italic;
}
#top_line {
font-size: 25pt;
padding-bottom: 2%;
}
/******IE10+ ONLY CSS******/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
#right input[type="submit"] {
padding:0 27px;
}
}
/*********************************************/
/******CROME ONLY CSS******/
@media screen and (-webkit-min-device-pixel-ratio:0) {
#right input[type="submit"] {
padding:0 27px;
}
}
/*********************************************/
#right.sendBtn input {margin-left:25% !important;}
.whitepapertext {font-size: 27px !important;
color: #64717a !important;
line-height: 24px !important;
margin-top: 15px !important;
font-weight:bold !important;
}
@media all and (max-width:301px)
{
.bannerCont h2{
font-size:11px !important;
text-align:center !important;
}
}
@media all and (min-width:302px) and (max-width:480px)
{
.bannerCont h2{
font-size:12px !important;
text-align:center !important;
}
.bannerCont {padding:0px !important; }
.whitepapertext {padding-bottom:25px !important;}
#bottom_content {padding-top:25px !important;}
}
.anchor {
position: relative;
top: -150px;
visibility:hidden;
}
/*------Edit By Girish --*/
input, textarea, [contenteditable] {
-moz-user-select: text;
}
@media only screen and (min-width: 300px) and (max-width: 479px) {
.banner {margin-top:103px;}
#top_line br {display:none;}
#left.container p {font-size:16px;}
.liststyle li::before {position: absolute;left: 0px;}
#home_left li {padding-left: 20px;position: relative;}
.whitepapertext {font-size: 19px !important;font-weight: normal !important;}
input, textarea {box-sizing:border-box;}
.sendBtn {padding:0 0%;}
.sendBtn input {margin-left: 5%; margin-right:5%;margin-top: 10px;width: 90%;}
}
@media only screen and (min-width:480px) and (max-width:767px) {
.banner {margin-top:175px;}
#top_line br {display:none;}
#left.container p {font-size:16px;}
.liststyle li::before {position: absolute;left: 0px;}
#home_left li {padding-left: 20px;position: relative;}
.whitepapertext {font-size: 19px !important;font-weight: normal !important;}
input, textarea {box-sizing:border-box;}
.sendBtn {padding:0 0%;}
.sendBtn input {margin-left: 5%; margin-right:5%;margin-top: 10px;width: 90%;font-size:14px;}
.bannerCont h2 {font-size:19px;}
}
@media only screen and (min-width:768px) and (max-width:1024px) {
menu-new-menu-container {height:95px;overflow:hidden;}
.banner {margin-top:114px !important;}
input, textarea {box-sizing:border-box;}
.contactForm input[type="text"], .contactForm input[type="email"] {padding-left:10px !important;padding-right:10px !important:}
.bannerCont h2 {font-size:20px;}
.contentPart h3 {font-size:16px;}
#top_line br {display:none;}
#top_line {font-size:22px;}
.liststyle li::before {position: absolute;left: 0px;}
#home_left li {padding-left: 20px;position: relative;}
.sendBtn input {margin-left: 5%; margin-right:5%;margin-top: 10px;width: 90%;font-size:17px;padding:0px !important;}
.whitepapertext {font-size: 19px !important;font-weight: bold !important;}
}
@media only screen and (min-width:1000px) and (max-width:1100px) {
.banner {margin-top:80px;}
#logo {width: 19%;}
.menu-new-menu-container, .navigation {height:95px;overflow:hidden}
input, textarea {box-sizing:border-box;}
.contactForm input[type="text"], .contactForm input[type="email"] {padding-left:10px !important;padding-right:10px !important:}
.sendBtn input {margin:10px 5% 0;width:90%;}
.contentPart h3 {font-size:22px;}
#top_line br {display:none;}
#top_line {font-size:22px;}
.liststyle li::before {position: absolute;left: 0px;}
#home_left li {padding-left: 20px;position: relative;}
.sendBtn input {margin-left: 5%; margin-right:5%;margin-top: 10px;width: 90%;}
.whitepapertext {font-size: 19px !important;font-weight:bold !important;}
}
@media only screen and (min-width:1000px) and (max-width:1900px) {
.whitepapertext {font-size: 22px !important;font-weight: normal !important;}
.sendBtn input {float: right;font-size: 17px;margin: 0 5% 5%;padding: 0 26px;}
}
@media only screen and (min-width:768px) and (max-width:1100px) {
.nav a {padding:0 5px;}
#logo {width:18%;}
.nav > li {height:114px;line-height:114px;}
.headerhome {/*height:90px;*/overflow:hidden;}
.banner {margin-top:60px;}
}
/*.foooter .footerRow1 .textwidget iframe.twitter-timeline {height:240px !important;}*/