/*
Theme Name: Dazzling Child
Template: dazzling
Theme URI: https://www.famethemes.com/themes/onepress/
Author: FameThemes
Author URI: http://www.famethemes.com
Description: OnePress is an outstanding creative and flexible WordPress one page theme well suited for business website, portfolio, digital agency, product showcase, freelancers and everyone else who appreciate good design. The theme overall is an elegant and classic one, a fine example of Bootstrap 4 WordPress theme which compatibility with latest version of WooCommerce. (Live preview : http://www.famethemes.com/preview/?theme=OnePress)
Version: 1.2.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: onepress
Tags: one-column, two-columns, left-sidebar, right-sidebar, custom-menu, featured-images, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, e-commerce, blog, portfolio

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.

OnePress is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

@import url("../dazzling/style.css");

@font-face {
    font-family: 'brandon_grotesquelight';
    src: url('assets/fonts/brandon_light-webfont.eot');
    src: url('assets/fonts/brandon_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/brandon_light-webfont.woff2') format('woff2'),
         url('assets/fonts/brandon_light-webfont.woff') format('woff'),
         url('assets/fonts/brandon_light-webfont.ttf') format('truetype'),
         url('assets/fonts/brandon_light-webfont.svg#brandon_grotesquelight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BrandonGrotesque-Medium';
    src: url('assets/fonts/BrandonGrotesque-Medium.eot');
    src: url('assets/fonts/BrandonGrotesque-Medium.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/BrandonGrotesque-Medium.woff2') format('woff2'),
         url('assets/fonts/BrandonGrotesque-Medium.woff') format('woff'),
         url('assets/fonts/BrandonGrotesque-Medium.ttf') format('truetype'),
         url('assets/fonts/BrandonGrotesque-Medium.svg#BrandonGrotesque-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'brandon_grotesquebold';
    src: url('assets/fonts/brandon_bld-webfont.eot');
    src: url('assets/fonts/brandon_bld-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/brandon_bld-webfont.woff2') format('woff2'),
         url('assets/fonts/brandon_bld-webfont.woff') format('woff'),
         url('assets/fonts/brandon_bld-webfont.ttf') format('truetype'),
         url('assets/fonts/brandon_bld-webfont.svg#brandon_grotesquebold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Adelle-Regular';
    src: url('assets/fonts/Adelle-Regular.eot');
    src: url('assets/fonts/Adelle-Regular.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/Adelle-Regular.woff2') format('woff2'),
         url('assets/fonts/Adelle-Regular.woff') format('woff'),
         url('assets/fonts/Adelle-Regular.ttf') format('truetype'),
         url('assets/fonts/Adelle-Regular.svg#Adelle-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body, html{  font-size:100%; }
p{ margin:0 0 40px;}
h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px; }

.contact-form input[type="text"].error{ 
background:url("assets/images/contact-input-error.png") repeat-x scroll left bottom;}

.navbar-brand img{width:100%;}

.btn.send-info{ padding:22px 51px; font-family:"brandon_grotesquebold"; font-size:0.980em; text-transform:uppercase;  border-radius:0; border:1px solid #000; height: inherit; color: #333; margin: 0 auto;    display: block;}
/*.btn.send-info:hover, .btn.send-info:focus{transform: scale(0.9); -ms-transform: scale(1.1); -webkit-transform: scale(1.1);}*/
.btn.send-info:hover, .btn.send-info:focus{
    border: 1px solid #2caae1;
    color: #2caae1;
    background-color: transparent;
}
.navbar-static-top.navbar-border{ border-color:#ccc; background-color:#fff}
.navbar-static-top .navbar-brand{padding:10px 15px}
.navbar-nav > li > a { outline:none; font-family:"brandon_grotesquelight"; font-size:0.875em; color:#000; border-bottom:4px solid transparent; margin:15px 3px; padding:0; text-transform:uppercase;}
.navbar-nav{margin-top:0; margin-bottom:0}	
.nav > li > a:focus, .nav > li > a:hover, .nav > li.active > a{ background-color:transparent;}
.nav > li {display: block; margin: 0 15px; position: relative; float:left} 
[class^="icon-"], [class*=" icon-"] {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #333;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.navbar-static-top .navbar-toggle .icon-bar { background-color: #888;}
.navbar-static-top .navbar-toggle { border-color: #ddd;}
span.page-sep { border-top:1px solid #333333; width:160px; margin-top:69px; margin-bottom:59px; display:inline-block; }
.sr-only-focusable a{ font-family:'Adelle-Regular' ; font-size:0.813em;}
.common-page h1{ font-size:3.750em; font-family:"brandon_grotesquelight"; padding-bottom:60px; margin-top:60px; text-transform:uppercase}
.sr-only-focusable { background:#f7f7f7; text-align:center; clear:both; padding:3px; position:relative}
.cross-btn{display:inline-block; width:10px; height:10px; position:absolute; right:9px; top:9px; background:url(assets/images/meetUs-cross.png) no-repeat 0 0; cursor:pointer}
.common-page h5{ font-size:1.375em; padding-bottom:30px;}
.common-page h6{font-size:1.375em; padding-top:25px; margin-bottom:50px}
.contact-form-wrap{ font-family:'Adelle-Regular' ;}
.contact-form-wrap span.validate-wrap{ font-size:inherit; position:relative }
.contact-form-wrap span.validate-wrap .error{bottom: -23px; color: #f44336; font-size: 13px; left: 0; position: absolute; text-align:left; font-weight:normal}
.contact-form-wrap span{ vertical-align:middle; font-size:1.375em; }
.contact-form.get-in-touch-block{ text-align:center;}
.contact-form.get-in-touch-block span, .contact-form.get-in-touch-block input[type="text"], .common-page .get-in-touch-block h6 { font-size:0.938em;}
.contact-form.get-in-touch-block input[type="text"] { width:136px; padding-bottom:0}
 
.contact-form-wrap span.validate-wrap.error-msg input{background:url(assets/images/contact-input-error.png) repeat-x bottom left;}

.contact-form-wrap input.form-control{ white-space: nowrap!important; overflow: hidden!important; text-overflow: ellipsis!important; -o-text-overflow: ellipsis!important; -webkit-text-overflow: ellipsis!important; -moz-text-overflow: ellipsis!important;}
.contact-form-wrap input[type="text"], .contact-form-wrap textarea, .contact-form-wrap input {position:relative;  top: -8px; font-size:14px;    display: inline-block;  width: auto;    vertical-align: bottom;    border: 0px;    box-shadow: 0px 0px 0px;    border-radius: 0px;    padding: 3px 12px;   border-bottom: 1px dotted #ccc;    height: 26px;    background-color: transparent;}

.contact-form-wrap .line-1 input {
    width: 39.3%;
}
.contact-form-wrap .line-2 input {
    width: 54%;
}
.contact-form-wrap .line-3 input {
    width:67.8%;
}
.contact-form-wrap .line-4 .validate-wrap input {
    width:26.5%;
}
.contact-form-wrap .line-5 input {
    width:57.7%;
}
.contact-form-wrap p.optional.text-left {
    margin: 30px 0 15px;
}
.contact-form-wrap .entry-content h6 {
    margin-bottom: 40px;
    font-size: 1.375em;
    padding-top: 25px;
	color: #333;
	text-align: center;
}
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.send-info{
    padding: 22px 51px;
    font-family: "brandon_grotesquebold";
    font-size: 0.875em;
    text-transform: uppercase;
    border-radius: 0;
    border: 1px solid #000;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.contact-form-wrap p.optional {
    margin-top: 50px !important;
}
.validate-wrap .editable {
    width: 388px;
}
.contact-form-wrap .validate-wrap.purpose-error.error-msg input {
    border: 0;
	display: inline-block;
}
textarea.wpcf7-form-control {
    position: absolute!important;
    background: transparent!important;
    z-index: 1;
    border-bottom: 0 !important;
}
.contact-form-wrap input, .contact-form textarea{
    white-space: nowrap!important;
    overflow: hidden!important;
    text-overflow: ellipsis!important;
    -o-text-overflow: ellipsis!important;
    -webkit-text-overflow: ellipsis!important;
    -moz-text-overflow: ellipsis!important;
}
 
.contact-form-wrap span.i-would-txt {
    vertical-align: middle;
    font-size: 1.45em;
}
.contact-form h1 {
    font-size: 3em;
    color: #000;
    font-family: "brandon_grotesquelight";
    padding-bottom: 60px;
    margin-top: 33px;
	text-align:center;
}
.contact-form-wrap .entry-content {
    font-family: 'Adelle-Regular';
	color:#333;
}
.site-main {
    margin: 0 auto;
    width: 785px;
}
.contact-form-wrap p {
    margin: 0px 0px 20px;
}
.validate-wrap .editable {
    width: 388px;
}
.validate-wrap .editable {
    border-bottom: 1px dotted #ccc;
    display: inline-block;
}
.get-in-touch-block .editable, .web-page .editable {
    outline: none;
    line-height: 23px;
    padding-left: 13px;
}
span.editable {
    width: 300px;
    transition: width 0.5s ease;
    display: inline-block;
    z-index: 9;
    vertical-align: top !important;
    font-size: 1em !important;
    position: relative;
}
.editable {
    height: 23px;
    text-align: left;
}

.contact-form-wrap .edit-wrap .purpose-error .i-would-txt {
    bottom: -5px;
    position: absolute;
    right: -8px;
}
h2.page-head {
    display: inline-block;
    font-family: "brandon_grotesquelight";
    font-size: 2.3em;
    line-height: 54px;
    padding-bottom: 30px;
    text-transform: uppercase;
    color: #000;
}

.article-subcontent h2.page-head {
    font-size: 1.8em;
    line-height: 48px;
    padding-bottom: 30px;
    color: #000;
}

.article-subcontent li {
    color: #000;
}


/* =========  Contact Page Map CSS========== */
.form-container h2{font-family:"brandon_grotesquelight"; font-size:40px; font-weight:normal;}
.email{margin:25px auto 15px ;  text-align: left;  width: 270px; padding-left:40px}
.email span{display:inline-block; vertical-align:middle; font-family:'Adelle-Regular' ; font-size:1.1em; }
.email i{background:url(assets/images/sales-sprite.png) no-repeat; margin: 0 15px 0 0; width:25px; height:16px; display:inline-block; vertical-align:middle;}
.phone {margin:25px auto 40px;  text-align: left;  width: 270px; padding-left:40px}
.phone i {margin: 0 15px 0 0;  background:url("assets/images/sales-sprite.png") no-repeat scroll -3px -44px;  display:inline-block;  height: 26px;  vertical-align: middle;  width: 22px;}
.mapSection { background:url(assets/images/map-bg.png) no-repeat center center #F7F7F7; padding:40px; display:block; height:450px; position:relative;}
.mapBlock { width:100%; margin:0px auto; position:relative;}
.map-outer{ position:absolute; left:50%; width:50%; height:auto; margin:0 0 0 -328px; }
.pin{position:absolute; text-align:center; z-index:30}
.pin i{background:url(assets/images/pinPoint.png) no-repeat; width:34px; height:34px;display:inline-block;}
.pin p{font-size:12px; color:#333; font-family:Adelle-Regular;}
.pinSan {left:7px; top: 109px;}
.pinPark {  left: 69px;  top: 123px;}
.pinPark:hover .map-tooltip, .pinIndia:hover .map-tooltip, .pinSan:hover .map-tooltip{ display:block;  opacity:1}
.pinSan:hover .map-tooltip, .pinSan .map-tooltip{top:-46px; margin:0 0 0 -63px; width: 125px;}

.map-tooltip{ background-color:#fff; box-shadow:0 5px 5px 1px #999; position:absolute; top:-64px; left:50%; font-size:12px; border-radius:3px; z-index:50; width:195px; margin: auto 0 0 -98px;  padding:10px;  transition:opacity ease 0.5s; opacity:0; font-family:Adelle-Regular;}
.tooltip-arrow{ width:21px; height:12px; background:url(assets/images/tooltipArrow.png) 0 0 no-repeat; position:absolute; left:50%; bottom:-9px; margin-left: -13px;}

.pinIndia {left: 454px;  top: 144px;}
.lineSan{background:url(assets/images/dotLine1.png) no-repeat; width:305px; height:41px;display: inline-block; position:absolute; left:150px; top:115px;}
.linePark{background:url(assets/images/dotLine2.png) no-repeat; width:75px; height:18px;display: inline-block; position:absolute; left:53px; top:117px;}
.lineIndia{background:url(assets/images/dotLine3.png) no-repeat; width:410px; height:78px;display: inline-block; position:absolute; top:68px; left:50px;}
.contact-links {display: block;  margin: 65px 0 10px;}
.contactThank {margin: 6% 0 0;}
.contactThank h1{font-family:"brandon_grotesquelight"; font-size:3.000em; padding:0 0 10px;}
.contactThank h4 {  font-family: "'Adelle-Regular";  font-size: 1.500em;  margin: 10px auto auto;  padding: 0 0 10px;  width: 430px; line-height: 33px;}
.thanksMsg {background:url(assets/images/sm-tweet.png) no-repeat right center;  border-left: 3px solid #333333;  margin: 110px auto 0;  text-align: left;  width: 70%; padding:0 40px 0 0;}
.thanksMsg > span {display: inline-block; font-family:Adelle-Regular; font-size: 1.500em;  padding: 0 0 0 30px;  vertical-align: middle;}

/* =========  Contact Page Map CSS End========== */
.line-2{margin-bottom:40px}

.sales-col{margin-top:50px; display:inline-block}
.sales-col h2{ font-size:2.500em; font-family:"brandon_grotesquebold"; margin-bottom:20px}
.sales-col .sales-email, .sales-col .sales-contact{ display:block; font-family:'Adelle-Regular' ; font-size:1.250em; text-align:left; margin-bottom:20px}
.sales-col .sales-email i, .sales-col .sales-contact i{ display:inline-block; width:26px; height:17px; background:url(assets/images/sales-sprite.png) no-repeat 0 0; margin-right:20px; vertical-align:middle}
.sales-col .sales-contact{clear:both; }
.sales-col .sales-contact i{ width:26px; height:26px; background-position:0 -43px}
.map-container{width:100%; display:block; margin-top:10px; padding:25px 0}
.greyBg{background-color:#f7f7f7}
.social-links{width:100%;  box-sizing:border-box; display:inline-block; margin-top:60px}
.footer-border{border-top:1px solid #333; width:100%; display:inline-block; padding:45px 0 0 0; margin-top:50px}
.links-container a{display:inline-block; width:40px; height:40px; margin:0 10px 0 50px;}
.links-container a.twitter-icon{background-position:0 0}
.links-container a.linkedin-icon{background-position:-100px 3px}
.footer-wrapper p{ font-size:0.688em; font-family:'Adelle-Regular'; margin-top:15px; margin-bottom:50px}
.footer-links{margin-top:10px; padding:0}
.footer-links li{display:inline-block; font-family:'Adelle-Regular' ; font-size:0.813em; background:url(assets/images/divider-line.png) no-repeat right center; padding:0 8px}
.footer-links li:last-child{ background-image:none}
.footer-links li a{ display:inline-block; color:#333; font-family:'Adelle-Regular' }

/* about us page css */

.banner-wrapper{ height:310px; text-align:center; position:relative; margin-bottom:65px; overflow:hidden}
.banner-wrapper img{ width:100%; height:auto}
.home-banner .content-wrap{ width:70%; margin:auto; display:block; position:absolute; left:0; right:0; top:19%; display:none}
.content-wrap{ width:50%; margin:auto; display:block; position:absolute; left:0; right:0; top:19%}
.content-wrap.services{ width:885px;}
.content-wrap.our-work{ width:auto;  top:27%}
.content-wrap h1{font-size:3.750em; font-family:"brandon_grotesquelight"; border-bottom:1px solid #e3e3e3; display:inline-block; padding-bottom:17px; text-transform:uppercase }
.content-wrap span{font-family: 'Adelle-Regular'; font-size:1.000em; display:block; line-height:26px; width:100%; margin:5px auto auto;}
.home-banner .content-wrap h1{font-size:3.750em; font-family:"brandon_grotesquelight";  display:inline-block; padding-bottom:17px; text-transform:uppercase; border-bottom:0 }

.home-banner .content-wrap span{font-family: 'brandon_grotesquebold'; font-size:5.625em; display:inline-block; line-height:26px;  margin:5px auto auto; color:#fff; text-transform:uppercase; position:relative;  top: -46px; left: -20px; width:auto}
.content-wrap .toggle-Arrow{ width:18px; height:7px; background:url(assets/images/banner-arrow.png) no-repeat 0 0; display:inline-block; margin-top:150px}
.about-page .navbar-static-top{margin-bottom:0}
.work-page-banner .content-wrap h1{color:#000; margin-bottom:8px; text-transform:uppercase; padding:0px 0px 17px}
.work-page-banner .content-wrap span{color:#000; background:url(assets/images/hello-bg.jpg) no-repeat top center; padding-top:15px; line-height:25px; }
#editable_div { font-size:1.35em;}
.content-flip-area{ margin:0px;}
.flip-box{ padding:0px;}
.light-gray{background-color:#FCFCFC;}
.dark-gray{background-color:#efefef; }
.small-tile{  border:1px solid #e5e5e5; height:200px; padding:30px 30px; }
.counting-col{ padding:40px 30px; height:200px;}
.thumbPic{ width:80px; height:80px; background-color:#DFDFDF; float:left; margin-right:15px}
.counting-col .yearDesign-txt{ font-family:"brandon_grotesquebold"; font-size:1.500em; color:#1B1E21; position:relative; top:-10px}
.counting-col .yearDesign-txt strong{ font-weight:normal; font-size:3.750em; position:relative; top:7px}
.briliantMind-txt{ margin-top:5px;     font-family: 'brandon_grotesquelight'; font-size:1.250em;}
.counting-col .briliantMind-txt strong{  font-family:"brandon_grotesquebold" ; font-size:2.000em;  margin-right:5px}

.quoting-col{height:400px; padding:60px 30px;  }
.blockQ {border: 0px; line-height: 150%; padding: 0px 30px 0px 35px; text-align: left;    margin: 0px 10px 15px;    font-size: 1.625em;    font-family: Adelle-Regular;    border-left: solid 5px #000; font-style:italic}
.quotes-authors{ font-size:1.125em; font-style:italic; display:inline-block; padding-left:48px;}


.language-survey-col{ text-align:center;height:325px;  }
.percentage-chart{ width:175px; height:174px;  color:#1B1E21; font-size:3.750em; text-align:center; padding:44px 0px; display:inline-block; margin:0px auto; background:url(assets/images/pie-chart.png) top center no-repeat;}
.language-survey-col p{ font-size:1.125em;  font-family:'brandon_grotesquelight'; margin-top:30px; margin-bottom:5px;}
.language-survey-col .language-survey-txt{ font-weight:bold; font-size:1.125em;  font-family:"brandon_grotesquebold"; }

.created-apps-col{text-align:center;height:275px; padding-top: 50px;}
.created-apps-graph{width:84px; height:65px;    display:inline-block; margin:0px auto; background:url(assets/images/created-graph.png) top center no-repeat;}
.created-apps-txt{ font-size:3.750em; font-family:"brandon_grotesquebold"; line-height:65px;}
.created-apps-col p{     font-size: 1.125em;  line-height:6px;    font-family: 'brandon_grotesquelight';   }

.pronounced-col{text-align:center;height:200px; padding-top:55px}
.pronounced-txt{ font-size:1.125em; font-family:"brandon_grotesquebold"; text-transform:uppercase;}
.pronounced-txt span{ font-size:1.188em;   font-family: 'brandon_grotesquelight'; display:block;  text-transform: none ; line-height:35px; }
.pronounced-txt strong{ font-size:1.500em;  text-transform: none ;}

.quoting-col.small  { height:210px; padding:30px 30px; }
.quoting-col.small .blockQ{font-size: 1.125em;     padding: 0px 44px 0px 35px;}

.blank-col{ height:190px;}


.sub-heading{font-family:"brandon_grotesquebold"; font-size:1.500em; margin:70px 0px}
.align-center.sub-heading{ text-align:center;}
.team-member{ text-align:center; margin-bottom:20px;}
.team-member h2{font-family:"brandon_grotesquebold"; font-size:1.125em; margin:10px 0px 5px;}
.team-member p{font-family: 'Adelle-Regular'; font-size:0.813em; margin:0px 0px}
.service.team-member h2{font-family:"brandon_grotesquebold"; font-size:1.500em; margin:10px 0px 5px;}
.service.team-member p{ width:88%; margin:10px auto; line-height:25px; font-size:1.125em;}
.placeholder-circle{ width:105px;  height:138px; background:url(assets/images/image-circle.png) center no-repeat; margin:0px auto; cursor:pointer; }
.placeholder-circle.active{background:url(assets/images/image-circle-active.png) center no-repeat; width:125px; height:138px;}

.team-member-quote{ background-color:#EDEDED; padding:20px 0px; text-align:center; margin:10px 0px;position: relative; }
.team-member-quote p{ font-size: 1.500em; font-family: Adelle-Regular; text-align:center; padding:0px 0px;}
.cross-icon{ background: url(assets/images/cross-icon.png) 0px 0px no-repeat; position: absolute; right:35px; top:30px; width:16px; height:17px;   }



.sub-heading2{font-family:"brandon_grotesquebold"; font-size:1.375em; margin:70px auto; text-align:center;}
.capabilities{ text-align:center;}
.capabilities .grey-bg{ padding:4px 15px; margin:5px; display:inline-block; background-color:#ccc; font-family:'Adelle-Regular'; font-size:0.750em; font-weight:bold; border-radius:20px; }


.capability-bar{ background-color:#F7F7F7; padding:30px 0px; margin:40px 0px;}
.capability-bar h3{ font-family:"brandon_grotesquebold"; font-size:1.250em; text-align:center;margin:50px 0px; }
.capability.team-member h2{ font-size:1.250em;}
.capability.team-member p{ margin:0px auto; width:60%; line-height:21px; font-size:0.875em;}

.effect-slide-tile{ position:relative;}
.effect-slide-tile img{width:100%}
.effect-slide{ background-color:rgba(255,255,255,0.8); text-align:center; padding:40px 30px; display:none;}
.effect-slide h2{  color:#000; font-family:"brandon_grotesquebold"; font-size:0.850em; line-height:28px; margin:0px auto; text-transform:uppercase; margin:7px 0 10px; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; top:0; position:relative }
.effect-slide p{  color:#CCCCCC; font-family:'Adelle-Regular';  font-size:0.875em;  line-height:24px;}
.effect-slide input[type=button]{  color:#fff; font-family:"brandon_grotesquebold";  font-size:0.875em; border:1px solid #fff; padding:10px 20px;  margin-top:10px; background:none;}
.slide-overlay{ width:100%; height:100%; background-color:#E0E0E0; position:absolute; z-index:1;}
.effect-slide-tile:hover .slide-overlay,.effect-slide-tile.active .slide-overlay{ display:none;}


.buttom-border-footer{ width:10%; margin:127px auto; display:table; height:1px; border-bottom:1px solid #333;}
.find-a-time{ background-color:#ccc; padding:15px 20px; font-size:0.750em; border:1px solid #ccc;}
.success-roadmap{font-family:"brandon_grotesquebold"; font-size:1.625em; text-align:center; }

.address-box h2{font-family:"brandon_grotesquebold"; display:block; font-size:0.875em; text-align:center; text-transform:uppercase; }
.address-box p{color:#333; font-family:'Adelle-Regular';  font-size:0.750em; margin:10px auto; width:49% ; line-height:22px; margin-bottom:60px}


.work-main-heading{font-family: "brandon_grotesquelight";    font-size: 2.250em;    margin:120px auto 45px;    text-align: center; text-transform:uppercase; color: #333333;}
.our-work{ margin-bottom:30px; }
.our-work img{width:100%}
.effect-slide-tile.work-page{ display:block; width:100%; overflow:hidden; }

.effect-slide-tile.work-page.expanded .effect-slide{ top:0}
.effect-slide-tile.work-page.expanded .effect-slide h2 {position: relative; top: 68px;}
.effect-slide-tile.work-page.expanded .effect-slide .expand-view{display: inline-block; top: 60px;}

.effect-slide-tile.work-page:hover .effect-slide { top:0px;}
.effect-slide-tile.work-page:hover .effect-slide h2{ position:relative; top:68px; }
.effect-slide-tile.work-page .effect-slide{ height: 100%; padding: 0;  position: absolute;  top:101%;	transition: top 0.5s ease-out 0s; vertical-align: middle; width: 100%;  }
.effect-slide-tile.work-page .effect-slide > div{ display:table-cell; vertical-align:middle;}
.effect-slide-tile.work-page .effect-slide > div h2,.effect-slide-tile.work-page .effect-slide > div a{ display:inline-block;}
.expanded .expand-view{ background-position:0 0}
.expand-view{background: url(assets/images/expand-icon.png) -86px 0 no-repeat; margin:0px auto; display:inline-block; width:34px; height:34px; display:none; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; position:relative; top:0}
.effect-slide-tile.work-page:hover  .effect-slide .expand-view,.effect-slide-tile.work-page  .effect-slide.selected .expand-view,.effect-slide-tile.work-page  .effect-slide.active .expand-view{  display:inline-block; top: 60px;} 


/*
.work-details-container{ background-color:#EDEDED; padding:40px 0 20px; text-align:center; margin:10px 0px 32px;position: relative; }
*/


.work-details-container{ background-color:#EDEDED; padding:40px 0 20px; text-align:center; margin:10px 0px 32px; margin:0 auto; position: absolute; top: 690px; width: 100%;}
.team-member-quote p{ font-size: 1.500em; font-family: Adelle-Regular; text-align:center; padding:0px 0px;}
.rectangular-indicator {  background:url("assets/images/rectangular-indicator.png") no-repeat scroll 0 0;  bottom: -42px;  height: 35px;  left: 0;  margin: 0 auto;  position: absolute;  right: 0;  width: 88px;  z-index: 10; display:none;}
.img-container{ height:525px; position:relative;}
.controllers{ position:absolute; bottom:0px; left:0px; width:100%; z-index:5; background:#f8f8f8; }
.product-details{ position:relative; padding-left:10px; overflow:hidden} 
.product-details .cross-icon {right: 15px; top: 11px;} 
.product-details h1{font-family:"brandon_grotesquebold"; display:block; font-size:2.250em; text-align:left; margin:0px 0px 12px; padding:0 }
.share-bar { list-style:none; float:left; padding:0px; font-family: arial; width:100%; position:relative} 
.share-bar li{ float:left;  list-style-type:none; }
.share-bar li:first-child{   border-left:0px none; padding-left:0px;}
.share-bar li:last-child { float:right;}
.share-product{ padding-left:20px; color:#333; display:inline-block; background:url(assets/images/share-icon.png) 0px 0px no-repeat;  font-size:0.813em; margin:0px 0px}
.share-product:hover{ color:#333;}
.badges-box{ padding:4px 7px 4px 21px; background:url(assets/images/badges-icon.png) 6px 5px no-repeat;  border:1px solid #ccc; border-radius:3px; background-color:#fff; font-size:0.593em; text-transform:uppercase; position:relative; } 
.badges-box span.badges-count{ position:absolute; right:-35px; top:0px; padding:3px 5px; border:1px solid #ccc;  background-color:#fff;  }
.badges-box span.badges-count i{position:absolute; background:url(assets/images/left-small-indicator.png) 0px 0px no-repeat; left:-6px; top:4px; width:6px; height:8px;   }
.product-details-content{ border-top:2px solid #333; padding:40px 0px 0px; margin-top:10px; }
.product-details-content h3{ font-family:"brandon_grotesquebold"; display:block; font-size:1.250em; text-align:left; margin:0px 0px; text-transform:uppercase; }
.product-details-content p{font-size:1.125em; font-family: Adelle-Regular; text-align:left; padding:5px 0px 35px; width:94%;     line-height: 36px; }
.product-details-content p:last-child{ padding:5px 0px 0px;}
.product-details-content .view-full-case-study{ padding:15px 30px; border:1px solid #333; background:none; font-size:0.875em; font-family:"brandon_grotesquebold"; float:left; text-transform:uppercase; transform: translateZ(0px); transition-duration: 0.3s;}
.product-details-content .view-full-case-study:hover{transform: scale(0.9);}
.social-link{position:absolute; left:-155px; top:-8px; background-color:#f4f4f4; border:1px solid #9f9f9f; padding:7px 12px; -webkit-transition: left ease 0.5s; -moz-transition: left ease 0.5s; -o-transition: left ease 0.5s; transition: left ease 0.5s; z-index:2}
.social-link.active-social{left:0px;}
.social-link a{ display:inline-block; width:19px; height:16px; background:url(assets/images/work-social-icon.png) 0px 0px no-repeat; margin-right:8px}
.social-link .twitter-icon{background-position:0 0}
.social-link .facebook-icon{background-position:-51px 0}
.social-link .linkedIn-icon{background-position:-97px 0}
.social-link .email-icon{background-position:-150px 0; width:22px; margin-right:0}
.close-window{ background:url(assets/images/social-close-icon.png) 0px 0px no-repeat; display:inline-block; width:10px; height:10px; position:absolute; right:0px; top:-14px; cursor:pointer}

.spacer30 { height:30px; }
.spacer100 { height:100px; }
.banner-wrapper.hello-bar { height:auto; background-color:#f7f7f7 }
.seeMore-col{ margin:90px auto}
.content-wrap.hello-wrap { top: 35%; }
.effect-slide-tile.left-tile-section { background:url(assets/images/tile-banner.png)no-repeat; height:450px; position:relative; overflow:hidden }
.effect-slide-tile.left-tile-section:hover .tile-section { bottom:0 }
.tile-section { position: absolute; bottom: -227px; background: #333; height: 225px; width: 100%; -webkit-transition: bottom ease 0.3s; -moz-transition: bottom ease 0.3s; -o-transition: bottom ease 0.3s; transition: bottom ease 0.3s; }
.tile-section h2 { color: #fff; font-family: "brandon_grotesquebold"; font-size: 1.375em; margin: 0px auto; text-transform: uppercase; margin: 40px 0px 30px; text-align:center; }
.tile-section p { text-align:center; color:#ccc; font-size:1.25em; font-family:"Adelle-Regular"; padding:0 45px; }
.effect-slide-tile.tile-one { position:relative; overflow:hidden; }
.see-more { background-color:#fff; padding:20px 40px; font-size:14px; border:1px solid #000; color:#000; transform: translateZ(0px); -ms-transform: translateZ(0px);  -webkit-transform: translateZ(0px);
    transition-duration: 0.3s;}
.see-more:hover{transform: scale(1.1);  -ms-transform: scale(1.1);  -webkit-transform: scale(1.1); background-color: #e6e6e6; }

.thought-section h2 { font-family: "brandon_grotesquebold"; font-size: 1.5em; margin: 10px 0px 5px; }
.client-section { background-color: #F7F7F7; padding: 30px 0px; }
.client-section h1 { text-align:center; font-family:"brandon_grotesquelight";    font-size: 2.250em; padding: 50px 0 5px; text-transform:uppercase }
.client-intro { padding:50px 0 105px; text-align:center } 
.client-intro .hp-icon, .client-intro .intel-icon, .client-intro .cisco-icon, .client-intro .apptus-icon,  .client-intro .eval-icon,  .client-intro .sverve-icon{ display:inline-block; margin:0 2.6%; vertical-align:middle; cursor:pointer; ;}

.hp-icon{ width:73px; height:73px; background:url(assets/images/hp-icon.png) 0 0 no-repeat; }
.hp-icon:hover{ background-position:0 -123px}
.intel-icon{width:92px; height:62px; background:url(assets/images/intel.png) 0 0 no-repeat; }
.intel-icon:hover{ background-position:0 -88px}
.cisco-icon{width:100px; height:54px; background:url(assets/images/cisco-icon.png) 0 0 no-repeat; }
.cisco-icon:hover{ background-position:0 -93px}
.apptus-icon{width:106px; height:23px; background:url(assets/images/apptus-icon.png) 0 0 no-repeat; }
.apptus-icon:hover{ background-position:0 -62px}
.eval-icon{width:227px; height:73px; background:url(assets/images/eval-icon.png) 0 0 no-repeat; }
.eval-icon:hover{ background-position:0 -118px}
.sverve-icon{width:158px; height:35px; background:url(assets/images/sverve-icon.png) 0 0 no-repeat; }
.sverve-icon:hover{ background-position:0 -80px}

.workPage-body .navbar{ margin-bottom:0}
.get-in-touch-block .btn.send-info{ padding:15px 35px; border:1px solid #000; border-radius:0px; font-size:0.750em;}
.navbar-nav > li > a.get-In-Touch{ background:#333; text-transform:uppercase; padding:15px; font-family:"brandon_grotesquelight"; color:#fff; font-size:0.875em; border-bottom:4px solid #333;}
.animated-arrow{   background:transparent url("assets/images/bottom-arrow.png") no-repeat scroll bottom center; height: 10px; position: absolute; right: 0; top: 54px; width: 100%;
	z-index:5;}
.get-in-touch-block  p{ margin:0px 0px 17px;}
.get-in-touch-block { 
-moz-box-shadow: 0 4px 5px #888;
-webkit-box-shadow: 0 4px 5px #888;
box-shadow: 0 4px 5px #888;
position:absolute; top:55px; right:0px; width:550px; background:#f2f2f2; padding:45px; font-size:1.125em;}
.edit-wrap.web-page > div {margin: 0 auto; font-size:1.375em; top: -33px !important; width: 69%;}
.get-in-touch-block #editable_div {font-size:0.938em;}
.get-in-touch-block #editable_div, .web-page #editable_div { outline:none; background:rgba(0, 0, 0, 0) url("assets/images/quick-contact.png") repeat; line-height:38px; top:-20px; position:relative;}

.hidden-a{
     opacity:0;
}

.visible-a{
     opacity:1;
}

.sprite-animation {
  width: 100%;
  height:100%;
  position:absolute;
  z-index:3;
  /*background: url('assets/images/test-005.jpg') left top;
  animation: play 8s steps(112) infinite;
  -webkit-animation-play-state: paused;  Chrome, Safari, Opera 
   animation-play-state:paused;*/
}


/*Slide Colors*/

.tint1 h2, .tint2 h2, .tint3 h2, .tint4 h2, .tint5 h2{
	color: #fff;
    font-family: "brandon_grotesquebold";
    font-size: 0.85em;
    line-height: 28px;
    margin: 7px 0 10px;
    position: relative;
    text-transform: uppercase;
	text-align:center;
    top:41%;
    transition: top 0.3s ease 0s;
	}

.tint3 h2, .tint4 h2, .tint5 h2{
	color: #000;
}
.tint1, .tint2, .tint3, .tint4, .tint5{ position:absolute; z-index:5; opacity:0.9; width:100%; height:100%; text-align:center;}
.effect-slide-tile.work-page:hover .tint1 h2,.effect-slide-tile.work-page:hover .tint2 h2,.effect-slide-tile.work-page:hover .tint3 h2,.effect-slide-tile.work-page:hover .tint4 h2, .effect-slide-tile.work-page:hover .tint5 h2 { top:30%;}
.effect-slide-tile.work-page:hover .tint1 .expand-view,.effect-slide-tile.work-page:hover .tint2 .expand-view,.effect-slide-tile.work-page:hover .tint3 .expand-view,.effect-slide-tile.work-page:hover .tint4 .expand-view,.effect-slide-tile.work-page:hover .tint5 .expand-view{ top:53%; display:inline-block; opacity:1;position:absolute; left:0; right:0;}

.tint1 .expand-view,.tint2 .expand-view,.tint3 .expand-view,.tint4 .expand-view,.tint5 .expand-view{ transition: top 0.6s ease-out 0s, opacity 3s; -webkit-transition:top 0.3s ease-out 0s, opacity 3s;  position:absolute; opacity:0;  background: rgba(0, 0, 0, 0) url("assets/images/expand-icon-tint.png") no-repeat scroll -86px 0; top:100%; display:inline-block;  left:0; right:0;}

.tint3 .expand-view,.tint4 .expand-view,.tint5 .expand-view{ background: rgba(0, 0, 0, 0) url("assets/images/expand-icon.png") no-repeat scroll -86px 0;}

.tint1{background:#006064;}
.tint2{background:#0097a7;}
.tint3{background:#00bcd4;}
.tint4{background:#4dd0e1;}
.tint5{background:#b2ebf2;}

/* Effect 2: Move Up */
.grid.effect-2 li.animate {
	-webkit-transform: translateY(200px);
	transform: translateY(200px);
	-webkit-animation: moveUp 0.65s ease forwards;
	animation: moveUp 0.65s ease forwards;
}


/* RK page css start */
.navbar-header {width: 100%; padding: 7px 4% 0px; border-bottom:1px solid #ccc;}
.nav-item a span {
    font-size: 24px;
}
.eventPage-padding {
    padding: 0 165px;
}
.article-col {
    margin-top: 70px;
}
.article-content p {
    color: #000;
    font-family: "Adelle-Regular";
    padding: 15px 0px 0 0px;
    font-size: 1.125em;
    line-height: 40px;
}
.twitter-quote {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}
.blockQ-quote {
    border-left: solid 5px #000;
    line-height: 175%;
    padding: 0px 20px 0px 35px;
    text-align: left;
    margin: 0px 10px;
    font-size: 1.500em;
    font-family: 'Adelle-Regular';
    font-style: italic;
    width: 80%;
    display: inline-block;
    vertical-align: middle;
	color:#333;
}
.links-container.article-socialicon {
    display: inline-block;
    vertical-align: middle;
	width: 14%;
}
.links-container {
    text-align: right;
    margin: 7px 0 0 0;
}
.footer-copy {
    border-top: 1px solid #CCCCCC;
    padding-top: 14px;
    margin:80px 0 0;
}
.article-subcontent ol {
    margin-top: 0;
    margin-bottom: 10px;
    padding-left: 17px;
}
.article-subcontent ol li {
    color: #000;
    font-family: "Adelle-Regular";
    padding:0px;
    font-size: 1.125em;
    line-height: 40px;
}
.item img {
    width: 100%;
    height: auto;
}
/*.carousel-caption {
    left:5%;
    padding-bottom: 30px;
	text-align: left;
}*/
.carousel-caption {
    right:5%;
    padding-bottom: 30px;
	text-align: right;
}
.carousel-caption h1 {
    font-size: 2.4em;
    font-family: "brandon_grotesquelight" !important;
    display: inline-block;
    padding-bottom: 0px;
    text-transform: uppercase;
    line-height: 60px;
    color: #fff;
    text-shadow: none;
}
.carousel-caption h1 span{display:block;}
a.navbar-brand.RK-txt {
    color: #1B1E21;
    font-size: 2.000em;
    font-family: "brandon_grotesquelight";
}
span.icon-RK-name {
    font-size: 33px;
    color: #1B1E21;
}
.twitter-quote a.icon-twitter {
    font-size: 22px;
}
.twitter-quote .links-container a:hover, .navbar-nav > li > a span:hover {
    color: #00bbc9;
}
/*.navbar-nav > li > a span:hover {
    color:#25d4a9;
}*/


.twitter-quote a.icon-twitter:hover {
    text-decoration: none;
}
.carousel {
    display: inline-block;
    width: 100%;
}
/* RK page css end */


@-webkit-keyframes moveUp {
	0% { }
	100% { -webkit-transform: translateY(0); opacity: 1; }
}

@keyframes moveUp {
	0% { }
	100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
}



@-webkit-keyframes zoomOut {
0% {
opacity:1
}
50% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
100% {
opacity:0
}
}
@keyframes zoomOut {
0% {
opacity:1
}
50% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
100% {
opacity:0
}
}
.zoomOut {
	-webkit-animation-name: zoomOut;
	animation-name: zoomOut
}

@keyframes play {
    100% { background-position: -63840px; }
}

.contact-form-wrap .line-1 .your-name, .contact-form-wrap .line-1 .your-company, .contact-form-wrap .line-2 .purpose-error .your-purpose, .contact-form-wrap .line-3 .your-email {position:relative;}
span.wpcf7-not-valid-tip {display: inline; font-size: 0.6em !important; left: 0; position: absolute;top: 23px;}
div.wpcf7-response-output {
    margin: 2em 0 1em;
    padding: 0.2em 1em; width:92%
}




/*============CSS 29-12-16 start =============*/
.twitter-quote .imgdisplay > a, .twitter-quote .imgdisplay .tweettext .tweet_author_name, .twitter-quote .imgdisplay .tweettext .tweet_author,  .twitter-quote .imgdisplay .tweetlink, .twitter-quote .thinkTwitFollow {display: none;}
.blockQ-quote .tweettext { color: #333; line-height: 42px; margin: -40px 0 0;}
.twitter-quote .blockQ-quote .widget { margin: 0;}
.twitter-quote .blockQ-quote .widget .imgdisplay{ margin-bottom: 0;}
.contact-form-wrap .validate-textarea span.your-purpose  {    display: block;}
.contact-form-wrap span.validate-wrap.validate-textarea {    display: block;    margin:10px 0 50px;    width: 90%;}
.contact-form-wrap .validate-textarea span.your-purpose textarea { border:1px solid #cccccc !important; display: block;  height:70px;    padding: 3px 8px;    vertical-align: middle; resize: none;	width: 100%;}
.contact-form-wrap  .validate-textarea  .i-would-txt{  bottom: -48px !important;}
.eventPage-padding.article-content .links-container {    text-align: right;   margin: 18px 0 0 0;}
.contact-form-wrap input[type="text"]:focus, .contact-form-wrap textarea:focus, .contact-form-wrap input:focus{outline:none;}
.wpcf7-validation-errors {display: none !important;  border: none !important;}
.wpcf7-validates-as-required.wpcf7-not-valid, .contact-form-wrap .validate-textarea span.your-purpose textarea.wpcf7-validates-as-required.wpcf7-not-valid{border-color:red !important;}
div.wpcf7-response-output.wpcf7-mail-sent-ok {    border: none;    color: #339933;    font-size: 14px;    padding: 0 !important;    margin:0 auto 60px !important;    text-align: center;}
div.wpcf7-response-output.wpcf7-mail-sent-ok {
	font-family: 'Adelle-Regular';
    background: url(assets/images/tick_green.png) no-repeat 0px 3px;
    border: none;
    color: #339933;
    font-size: 14px;
    padding: 6px 0 6px 36px !important;
    margin: 0 auto 60px !important;
    text-align:left;
    width: 330px !important;
}
.nav-item a span.icon-Mail-icon {
    display: inline-block;
    font-size: 20px !important;
    margin-top: 6px;
    vertical-align: middle;
}
.nav-item a span.icon-twitter{
    display: inline-block;
    font-size: 23px !important;
    margin-top: 3px;
    vertical-align: middle;
}

.nav-item a span.icon-IN {
    display: inline-block;
    font-size: 23px !important;
    margin-top: 2px;
    vertical-align: middle;
}
div.wpcf7-response-output.wpcf7-spam-blocked {
  border: medium none;
  display: none !important;
}
.footer-copy.error-page{display:block; clear:both;}


/*============CSS 29-12-16 end =============*/

/*============CSS 06-01-17 Start ===========*/
.error-box { display: block; float: none; margin: 126px auto 270px; width: 361px; }
.error-content { border-left: 1px solid #999999; display: inline-block; float: right; padding: 30px 0 0 30px; vertical-align: top; }
.error-heading { font-size:48px; color:#000; font-family:adellePE; font-style:normal; line-height:52.4px; letter-spacing:0 em; }
.right-contect { font-size:18px; color:#000; font-family:adellePE; font-style:normal; text-align:left; line-height:21.6px; letter-spacing:0 em; }
.error-button { background-color: #ffffff; border: 1pxbackground-color: #ffffff;
border: 1px solid #999999; color: #000000; display: block; font-size: 16px; height: 60px; margin-top: 33px; width: 170px; cursor:pointer; }
.marginT30 { margin-top:30px; }
@media only screen and (max-width:640px) {
.error-box {display: block;float: none; margin: 30px auto 0;
}
.error-content {
 border-left: medium none;display: block;float: none;}
.error-box {width: 190px;
}
}
@media only screen and (max-width:340px) {
.error-box {width: 230px;}
.error-box {display: block;float: none;margin: 30px auto 0;}
}
/*============CSS 06-01-17 End ===========*/

@media only screen and (max-width:1199px) {
.links-container a {
    display: inline-block;
    height: 40px;
    margin: 0 30px;
    width: 40px;
}	
.carousel-caption h1{font-size:2.0em}
.carousel-caption h1 span{line-height:40px}
}
@media only screen and (max-width:1024px) {
	.form-container{ padding:0; width:100%}
	.common-page h1{ padding-bottom:15px; margin-top:15px}
	.address-box p { margin: 10px auto 32px;}
	.links-container a{margin: 0 30px;}
	.line-2{margin-bottom: 24px;}
	.common-page h6{margin-bottom: 40px; padding-top: 28px;}
}

@media only screen and (max-width:991px) {
	.form-container .col-12{padding:0}
	.contact-form span.validate-wrap .error {bottom: -25px;}
	.eventPage-padding { padding: 0 15px;}
	.carousel-caption h1{font-size:1.5em;}
	.carousel-caption h1 span{ line-height: 35px;}
}

@media only screen and (max-width:800px) {
	.article-col {    margin-top: 40px;}
	p {margin: 0 0 20px;}
	.work-main-heading {  margin: 50px auto 35px;}
	
}
@media only screen and (max-width:768px) {
	.footer-border{ padding: 27px 0 0;}
	.success-roadmap{line-height: 27px;}
	.common-page h1 { padding-bottom: 45px;}
	.common-page h5 { padding-bottom: 45px;}
	.line-2 { margin-bottom: 40px;}
	.common-page h6 {margin-bottom: 50px; padding-top: 40px;}
	.common-page h1 {    padding-bottom: 20px;}
	h2.page-head {  font-size: 1.8em;  line-height:46px;  padding-bottom: 10px;}
	.common-page .navbar-header .nav.navbar-nav.pull-right{float:right !important;}
	.eventPage-padding.article-content .links-container {  text-align: center;}
}

@media only screen and (max-width:767px) {
	.carousel-caption h1 span.banner-text{display:none;}
	.contact-form p{ margin: 0 0 18px;}
	.contact-form span { vertical-align:bottom;}
	.common-page h6 { margin-bottom: 40px; padding-top: 25px;}
	.find-a-time { margin: 7px 0 22px;}
	.buttom-border-footer { margin: 45px auto;}
	.address-box p { margin: 5px auto 20px;}
	.contact-form input[type="text"] { padding-top:0px; top:-8px}
	body{  font-size: 80%; }
	.contact-form span.validate-wrap .error {bottom: -17px;}
	.eventPage-padding { padding: 0 15px;}
	.carousel-caption h1 {font-size:1.6em; line-height: 50px; padding-bottom:14px;}
	.navbar-collapse {  display: block;}
	.article-content p {  font-size:1.425em !important;}
	.links-container a{margin:0 40px 0 50px;}
	.blockQ-quote {    font-size: 20px;    margin: 0px 10px 20px;    width: 95%;}
	.links-container.article-socialicon { display: block; width: 100%; margin-bottom: 20px;}
	.links-container {  text-align: center;}
	.carousel-caption {  padding-bottom: 10px;}
	.site-main{width:100%}
	.contact-form-wrap .line-4 .validate-wrap input{ width: 63.5%;}
	.contact-form-wrap .line-4 .validate-wrap .time-of-day input{width: 82.5%;}
	.article-subcontent h2.page-head {line-height: 38px; padding-bottom: 10px;}
	.article-subcontent ol li { line-height: 24px;  padding: 10px 0 0;}
	.common-page .footer-copy { margin: 30px 0 0;}
	div.wpcf7-response-output.wpcf7-mail-sent-ok {  margin: 0 auto 40px !important;}
	.wpcf7-form > p:last-child { margin: 0;}
	.contact-form-wrap .contact-form.hidden-xs { display: block !important; margin: 40px 0 0;}
	.contact-form-wrap .contact-form.hidden-xs h1 { padding-bottom: 0;}
	.contact-form-wrap .status-publish .entry-content{margin: 10px 0 0;}
} 
@media only screen and (max-width:568px) {
	.contact-form input[type="text"] {    padding-top: 0px; top: -8px;  height: 27px;}
	.contact-form span { font-size: 1.250em;}
	.form-container { padding: 0 15px;}
	.contact-form input[type="text"] {font-size: 1.100em;}
	.common-page h6{font-size: 1.500em;}
	.common-page h5{    padding-bottom: 35px;}
	.contact-form input[type="text"] { padding-top: 0px; top: -6px; height: 27px; padding-left:3px}
	.mapSection{background-size:92% auto; height: 320px; padding:0}
	.map-outer { position: absolute; width: auto; height: auto; margin: 0 0 0 -41%; left: 50%; top: 40px;} 
	.pinSan {top: 45px;}
	.pin i {width: 24px; height: 25px; background-size: 100% auto;}
	.pinPark { top: 78px;}
	.pinIndia { left: 312px; top: 94px;}
	.lineIndia {width: 276px; top: 31px; left: 46px; background-size: 100% auto; transform: rotate(4deg); -ms-transform: rotate(4deg); /* IE 9 */
    -webkit-transform: rotate(4deg); /* Safari */}	
	.linePark {width: 54px; height: 7px; left: 44px; top: 67px; background-size: 100% auto; transform: rotate(16deg); -ms-transform: rotate(16deg); /* IE 9 */
    -webkit-transform: rotate(16deg); /* Safari */}
	.lineSan {width: 214px; height: 41px; left: 105px; top: 68px; background-size: 100% auto;}
	.carousel-caption { bottom: 0;}	
	.links-container a{margin:0 20px;}
	.carousel-indicators {  bottom: 0;}
	.carousel-caption h1 {  line-height: 35px;  padding-bottom: 20px;}
	.contact-form-wrap .line-4 .validate-wrap input, .contact-form-wrap .line-4 .validate-wrap .time-of-day input{width: 98.5%;}
	.contact-form-wrap .line-5 input { width: 97.2%;}
	.contact-form-wrap .line-3 input { width: 97.8%;}
	.contact-form-wrap .line-2 input { width: 97%;}
	.contact-form-wrap .line-1 input { width: 86%;}
}
@media only screen and (max-width:480px) {
	.common-page h1 { font-size: 2.300em; padding-bottom:30px}
	.contact-form input[type="text"] { font-size: 0.950em;}
	.contact-form span { font-size: 1.200em;}
	.common-page h6 { font-size: 1.300em;}
	.map-outer {left: 48%; top: 44px;}
	.pinIndia {left: 276px;}
	.lineIndia{width: 247px; -webkit-transform: rotate(8deg); transform: rotate(8deg); -ms-transform: rotate(8deg);}
	.lineSan {width: 184px;}
	.linePark { width: 46px;}
	.nav > li{margin: 0 8px;}
	.navbar-nav > li > a{padding:8px 3px}
	.navbar-nav > li > a.get-In-Touch{padding: 8px 15px;}
	.navbar-static-top .navbar-brand {height:auto; padding:0; margin-top:2%;}
	.animated-arrow{top:40px}
	.navbar-brand img { width: 85%;}
	.navbar{min-height: 41px;}
	.navbar-header {  padding: 7px 4%;}
	.navbar-nav > li > a {padding: 15px 3px 3px;}
	.common-page h1 {  font-size: 2em;  padding-bottom: 30px;}
	.carousel-caption h1 {  line-height: 37px;}
	.article-col {    margin-top: 20px;}
	.common-page h1 {    font-size: 1.3em;    padding-bottom: 20px;}
	p {    margin: 0 0 15px;}
	.article-content p {    font-size: 1.325em !important; line-height: 34px;}
	.work-main-heading {    margin: 30px auto;}
	.contact-form-wrap .line-1 input {width: 84%;}
	.common-page .navbar-header .nav.navbar-nav > li > a {  margin: -3px 3px 0;}
	.contact-form h1 {  font-size: 2.3em;}
	div.wpcf7-response-output.wpcf7-mail-sent-ok {  max-width: 100%;}
}
@media only screen and (max-width:479px) {
	.pin p {display:none}
	.pin i { width: 18px;}
	.map-outer { left: 13%; margin:0 }
	.lineIndia {width: 172px; top: 31px; left: 26px; -webkit-transform: rotate(2deg); transform: rotate(2deg); -ms-transform: rotate(2deg);}
	.pinIndia { left: 194px; top:65px;}
	.mapSection {height: 230px; padding: 0;}
	.map-outer{top:30px}
	.linePark { width: 35px; left: 20px; top: 58px;}
	.pinPark { top: 58px; left: 40px;}
	.lineSan { width: 141px; left: 58px; top: 52px;}
	.contact-form span { font-size: 1.1em;}
	.contact-form input[type="text"] {font-size: 0.9em; padding-bottom: 0;}
	.contact-form span.validate-wrap .error{font-size: 10px;}
	.pinPark .map-tooltip{margin: auto 0 0 -42px;}
	.pinPark .map-tooltip .tooltip-arrow{margin-left: -69px;}
	.pinSan:hover .map-tooltip, .pinSan .map-tooltip{margin: 0 0 0 -25px;}
	.pinSan .map-tooltip .tooltip-arrow{margin-left: -51px;}
	.article-col {  margin-top: 40px;}
	.article-content p {    font-size: 1.325em !important; line-height: 36px;}
	p { margin: 0 0 20px;}
	.work-main-heading {  margin: 40px auto;}
	span.icon-RK-name {  font-size: 26px;}
	.nav-item a span {    font-size: 19px;}
	div.wpcf7-response-output.wpcf7-mail-sent-ok {padding: 6px 0 6px 40px !important; margin: 0 auto 15px !important; background: rgba(0, 0, 0, 0) url("assets/images/tick_green.png") no-repeat scroll 0 8px;}
	.contact-form-wrap .contact-form.hidden-xs {  margin: 30px 0 25px;}
}
@media only screen and (max-width:414px) {
		
	.contact-form input[type="text"] {  width: 37%;}
	.common-page h5 {  padding-bottom: 25px;}
	.common-page h1 { font-size: 2.300em; padding-bottom: 20px; }
	.contact-form p { margin: 0 0 8px;}
	.common-page h6 { margin-bottom: 25px; padding-top: 15px;}
	.contact-form span { font-size: 0.95em;}
	.contact-form input[type="text"] {font-size: 0.95em;}
	.contact-form input[type="text"] { width: 30%;}
	.contact-form input.phone-num{width: 50% !important;}
	.pinIndia {left: 215px;}
	.lineSan {width: 161px;}
	.lineIndia {width: 209px;}
	.common-page h1 {    font-size: 1.2em;    padding-bottom: 20px;}
	.carousel-caption h1 {    line-height: 30px;}
	h2.page-head {    font-size: 1.6em;    line-height: 33px;    padding-bottom: 0;    padding-top: 20px;}
	div.wpcf7-response-output.wpcf7-mail-sent-ok {    max-width:84%;    padding: 6px 0 6px 40px !important;}
	.contact-form h1 {  font-size: 2.1em;}
	
}
@media only screen and (max-width:375px) {
	.pin i { width: 18px;}
	.map-outer { left: 13%; margin:0 }
	.lineIndia {width: 172px; top: 31px; left: 26px; -webkit-transform: rotate(2deg); transform: rotate(2deg); -ms-transform: rotate(2deg);}
	.pinIndia { left: 194px; top:65px;}
	.mapSection {height: 230px; padding: 0;}
	.map-outer{top:30px}
	.linePark { width: 35px; left: 20px; top: 58px;}
	.pinPark { top: 58px; left: 40px;}
	.lineSan { width: 141px; left: 58px; top: 52px;}
	.article-col {  margin-top: 10px;}
	.common-page h1 {  font-size: 1.1em;  padding-bottom: 14px;}
	.carousel-indicators {  margin-bottom: 4px;}
	.common-page h1 {  font-size: 1.1em;  padding-bottom: 10px;}
	.work-main-heading {  font-size: 1.95em;}
	.work-main-heading {  margin: 25px auto 30px;}
	.contact-form-wrap .line-1 input { width: 82%;}
	.contact-form-wrap .line-5 input {width: 96.2%;}
	
.nav-item a span.icon-Mail-icon {    font-size: 16px !important;    margin-top: 6px;}
.nav-item a span.icon-twitter{    font-size: 19px !important;    margin-top: 3px;}
.nav-item a span.icon-IN {    font-size: 19px !important;    margin-top: 2px;}
.navbar-header {    padding: 3px 4% 1px;}
	.contact-form h1 { font-size: 2.1em;}
	
}
@media only screen and (max-width:320px) {
	.contact-form input[type="text"] { width: 30%;     top: -5px; padding-bottom:0}
	.pin i { width: 18px;}
	.map-outer { left: 11%; top: 75px; margin: 0;}
	.lineIndia {width: 163px; -webkit-transform: rotate(3deg); transform: rotate(3deg); -ms-transform: rotate(3deg); top: 32px; left: 19px;}
	.lineSan {width: 133px; left: 45px; top: 58px;}
	.linePark { width: 36px; left: 20px; top: 57px;}
	.pinPark {top: 58px; left: 38px;}
	.pinIndia { left: 171px; top: 66px;}
	.mapSection {height: 230px; padding: 0;}
	.map-outer{top:30px}
	.common-page h1 { padding-bottom: 13px; margin-top:0}
	.common-page h6 { margin-bottom: 15px; padding-top: 5px; font-size: 1.120em;}
	.common-page h1 { font-size: 1.800em; padding-bottom: 15px;	}
	.common-page h5 { padding-bottom: 17px;}
	.common-page h1 {  font-size: 1.0em;}
	.nav-item a span {    font-size: 16px;}
	.nav > li {margin: 0 5px;}
	.navbar-header { padding: 3px 4%; padding-bottom: 10px;}
	.article-content p { font-size: 1.225em !important;  line-height: 30px;}
	.contact-form-wrap .line-1 input { width: 79%;}
	.contact-form-wrap .line-5 input {width: 96.2%;}
	.contact-form-wrap .line-4 .validate-wrap input, .contact-form-wrap .line-4 .validate-wrap .time-of-day input { width: 97.5%;}
	.contact-form h1 {  font-size: 2.1em;}
}