@charset "utf-8";
/*----------intial declartaion of css----------*/
* { padding: 0; margin: 0; list-style: none; box-sizing: border-box; }
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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, select, input, option { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word }
q { quotes: none }
q:before, q:after { content: ''; content: none }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -0.5em; }
sub { bottom: -0.25em }
nav ul, nav ol { list-style: none; list-style-image: none; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; }
textarea { overflow: auto; vertical-align: top }
table { border-collapse: collapse; border-spacing: 0 }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: none; cursor: pointer; }
/* remember to define focus styles! */
:focus { outline: 0; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
a { text-decoration: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
table { border: 0 none; border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
img { border: 0 none; max-width: 100%; }
a { outline: none; cursor: pointer; }
/* End hide from IE Mac */ .none { display: none; } /* End Clearfix */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block }
.clear { clear: both; }
img { max-width: 100%; }
/* For modern browsers */
.cf:before, .cf:after { content: ""; display: table }
.cf:after { clear: both; }
/* For IE 6/7 (trigger hasLayout) */


body { margin: 0; padding: 0; font-size: 14px; font-family: 'PT Sans', sans-serif; }
/*--------sticky footer or vertical footer------------*/

/*--------sticky footer or vertical footer------------*/

/*-----------------------main styles starts here-----------------------------------------------*/
.wrapper { overflow: hidden; }
.main { max-width: 1200px; margin: 0 auto; position: relative; }
/*-----------header section styles goes here---------------*/
#header-main { }
.top-head { text-align: center; font-size: 24px; font-weight: bold; font-family: inherit; text-transform: uppercase; background: #fdc10e; padding: 26px 0; color: #000; }
#logo { margin-bottom: 18px; }
.webbymonks-part { background: #000; text-align: center; padding: 135px 0 0 0; position: relative; z-index: 99999; }
.webbymonks-part p { font-size: 18px; font-family: inherit; color: #eaeaea; margin-bottom: 7px; }
.webbymonks-part p a.mail { color: #ff763d; font-weight: normal; }
.webbymonks-part p a { font-weight: 700; color: #fdc10e; }
.webbymonks-part p a:hover { color: #fff }
.webbymonks-part p.bottom-brdr { border-bottom: 2px solid #2c2c2c; padding-bottom: 30px; width: 60.5%; display: inline-block; }
/*-----------header section styles ends here----------------*/

/*-----------mid section styles goes here-----------*/
#mid-container { position: relative; }
.mid-container-top { background: url(../images/bg2.jpg) no-repeat center top; height: auto; background-size: cover; padding-bottom: 8%; }
.mid-container-btm { background: url(../images/bg3.jpg) no-repeat center top; background-size: cover; height: 1356px; }
.btm-bg-img { background: url("../images/btm-bg.png") no-repeat scroll 0 0 / 100% auto rgba(0, 0, 0, 0); bottom: -0px; padding: 13% 0; position: absolute; width: 100%; }
.row-1 { padding-top: 48px !important; position: relative; }
.row-1 .col-6-left { float: left; margin-right: 19%; padding: 5px 0 0; text-align: center; width: 41%; }
.row-1 .col-6-left p { font-size: 16px; text-align: center; line-height: 30px; color: #fff; padding: 5px 47px 0; margin-bottom: 40px; }
.row-1 .col-6-left h3 { font-size: 55px; background: #fff; color: #dd4426; font-family: "BebasNeue", sans-serif; width: 435px; padding-top: 4px; display: inline-block; margin-left: 25px; font-weight: normal; margin-bottom: 4px; }
.row-1 .col-6-left h4 { font-size: 30px; font-family: "BebasNeue", sans-serif; color: #fff; margin-left: 22px; font-weight: normal; }
.row-1 .col-6-right { text-align: center; float: left; width: 40%; }
.row-1 .col-6-right img { margin-bottom: 18px; }
.row-1 .col-6-right p { font-size: 18px; color: #ffc70e; font-family: inherit; font-weight: bold; margin-bottom: 16px; }
.row-1 .col-6-right a { font-size: 16px; color: #eceef5; display: inline-block; }
.row-1 .col-6-right a:hover { color: #F26725; }
.row .left { width: 100%; }
.row .right { float: left; width: 42%; }
.row li { color: #fff; display: inline-block; margin-right: 16%; vertical-align: top; width: 41%; padding-bottom: 23px; line-height: 22px; position: relative; z-index: 9999; }
.row li .sub-head { font-size: 22px; font-weight: bold; font-family: inherit; padding: 6px 0; text-transform: uppercase; width: 100%; }
.row li .number { font-size: 30px; font-family: "BebasNeue", sans-serif; padding-left: 5px; margin-right: 18px; }
.row li p { font-size: 18px; font-family: inherit; width: 485px; }
.row .mrg-btm { margin-bottom: 21px; }
.row .center-titile { background: url(../images/center-titil-bg.png) no-repeat center top; text-align: center; padding-top: 40px; padding-bottom: 48px; position: relative; }
.row .center-titile h4 { display: inline-block; background: #000; font-size: 60px; font-family: "BebasNeue", sans-serif; color: #fff; font-weight: normal; padding: 3px 10px 0; position: relative; z-index: 9999; line-height: 60px; }
.row .center-titile h4 span { color: #fdc10e; }
.row .gird p span { font-style: italic; color: #fdc10e; font-weight: 700; }
.row .gird p a span:hover { color: #fff; }
.pre-launch { text-align: center; }
.pre-launch .center-titile h4 { display: inline-block; background: #000; font-size: 60px; font-family: "BebasNeue", sans-serif; color: #fff; font-weight: normal; padding: 3px 10px 0; margin-bottom: 5px; line-height: 50px; }
.pre-launch .center-titile h4 span { color: #fdc10e; }
.pre-launch p { text-align: center; font-size: 18px; text-transform: uppercase; color: #000; margin-bottom: 20px; font-weight: 400; }
.pre-launch p.mrg-top { margin-top: 42px; }
.pre-launch p.mrg-btm { margin-bottom: 50px; }
.pre-launch h3 { font-size: 46px; text-transform: uppercase; text-align: center; font-family: "BebasNeue", sans-serif; font-weight: normal; margin-bottom: 30px; color: #000; }
/*----------11/14/2014---------*/
.bnr-bg { background: url(../images/banner-bg.png) no-repeat; position: relative; width: 100%; background-size: 100%; padding: 10% 0; margin-top: 15%; }
.images { width: 100%; position: absolute; top: 25%; }
.bnr-img-left { text-align: left; position: absolute; bottom: 73%; width: 100%; left: 0; }
.bnr-img8 { bottom: 170px; position: absolute; right: 110%; width: 5%; }
.bnr-img7 { bottom: -15px; position: absolute; left: 2%; width: 15%; }
.bnr-img6 { bottom: -90px; left: 0; right: 0; margin: 0 auto; position: absolute; width: auto; transform: scale(0.6); -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -ms-transform: scale(0.6); top: auto; z-index: 1; }
.rocket-active { right: 0; left: 0; position: fixed; margin: 0 auto; top: auto; width: 198px; z-index: 8; bottom: 83px; transform: inherit; -moz-transform: inherit; -ms-transform: inherit; -webkit-transform: inherit; }
.bnr-img5 { bottom: 110px; left: 30%; position: absolute; width: 7%; }
.row-2 { position: relative; margin-top: 3%; }
.msie9 .row-2 { margin-top: 5%; }
.bnr-img-right { position: absolute; bottom: 73%; text-align: right; width: 60%; right: 0; }
.bnr-img4 { position: absolute; right: 45px; bottom: 0; right: 38%; width: 24%; }
.bnr-img3 { bottom: 190px; position: absolute; right: 2%; width: 8%; }
.bnr-img2 { bottom: 60px; position: absolute; right: 0; width: 10%; }
.bnr-bdy-img { bottom: 315px; margin: 0 auto; position: relative; text-align: right; width: 100%; }
.network-bg-icon { bottom: 30px; position: absolute; text-align: center; width: 100%; }
.seo-bg-icon { bottom: -10px; position: absolute; text-align: center; width: 100%; }
.network-btm-bg { position: absolute; text-align: center; width: 100%; }
.seo-btm-icon { position: absolute; text-align: center; width: 100%; }
.web-btm-icon { position: absolute; text-align: center; width: 100%; }
.webdesign-btm-icon { position: absolute; text-align: center; width: 100%; }
.row-8 .center-titile { position: relative; background-image: none !important; margin-top: 0px; }
.monks-btm-imgleft { bottom: 55px; position: absolute; width: 50%; }
.monks-btm-imgright { bottom: 55px; position: absolute; text-align: right; width: 80%; }
.btm-para { margin-top: 4%; }
.btm-text { margin-top: 126px; }
.btm-imgs { bottom: 65px; position: absolute; width: 100%; text-align: center; }
.crain { position: absolute; left: 30.4%; bottom: 30px; }
.rocket { /*position: absolute; right:44%; bottom:0;*/ }
.crain1 { left: 77px; position: absolute; bottom: 0; left: 48%; z-index: 4; }
.bg-img-icon { position: absolute; width: 100%; }
.bg-img-icon1 { bottom: 148px; float: left; position: relative; right: 180px; text-align: left; }
.bg-img-icon2 { bottom: 50px; float: right; position: relative; text-align: right; right: 0; }
.bg1-img-icon { position: absolute; width: 100%; }
.bg-img-icon4 { position: relative; float: right; bottom: 185px; }
.bg-img-icon6 { float: left; position: relative; text-align: left; top: 300px; }
.bg-img-icon8 { float: left; position: relative; text-align: left; top: 115px; }
.bg-img-icon5 { bottom: 0; float: right; left: 15%; position: relative; text-align: right; top: 263px; }
.bg-img-icon7 { position: relative; float: right; bottom: 0; top: 110px; }
.bg-img-icon9 { top: 130px; float: left; position: relative; right: 230px; text-align: left; }
.bg-img-icon10 { bottom: 145px; float: right; position: relative; text-align: right; }
.bg-img-icon11 { bottom: 100px; float: left; left: 0px; position: relative; text-align: right; }
.bg-img-icon12 { bottom: 120px; float: right; left: 3%; position: relative; text-align: right; }
.left-cont { float: left; margin-right: 3%; width: 6%; margin-top: 2%; }
.right-cont { float: left; width: 91%; text-align: left; }
.marginright0 { margin-right: 0 !important; }
.flt-right { float: right; }
.flt-left { float: left; }
.btm-bg { position: relative; bottom: 100px; padding-top: 30px; z-index: 9; }
.satelite-monks { position: absolute; top: 0; left: 0; }
.satelite-buddy { position: relative; top: -260px; z-index: 5; left: 62%; width: 220px; }
.km-text { position: absolute; left: 10%; top: 29%; }
#scroll { position: absolute; top: 0px; left: 9px; z-index: 1; }
.stButton .stFb, .stButton .stTwbutton, .stButton .stMainServices { background-repeat: no-repeat; display: inline-block; white-space: nowrap; font-family: Verdana, Helvetica, sans-serif; font-size: 11px; height: auto !important; padding-top: 4px !important; padding-bottom: 4px !important; line-height: inherit; width: auto; position: relative; }
.stButton .stButton_gradient { height: auto !important; }
.social-share-btn { margin-top: 24px; }
.btm-text p { max-width: 1040px; margin: 0 auto; }
.top-header-fixed { position: fixed; top: 0; z-index: 9999999; width: 100%; }
.rocket-shadow { position: absolute; bottom: 5px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); }
.rocket-part { width: 218px; position: relative; bottom: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); height: 539px; z-index: 2; }
.airwind { position: absolute; left: 37.8%; top: -174px; background: url(../images/airwind-building.png) no-repeat; width: 62px; height: 84px; }
.airwind-fan { position: absolute; top: 16px; left: 5px; }
.rocket-banner-shadow {
    position: absolute;
    margin: 0 auto;
    left: 8px;
    right: 0;
    width: 165px;
    bottom: 0;
}
.oval-thought { position: absolute; width: 320px; padding: 48px 30px 45px; margin: 0 auto; text-align: center; -webkit-border-top-left-radius: 220px 120px; -webkit-border-top-right-radius: 220px 120px; -webkit-border-bottom-right-radius: 220px 120px; -webkit-border-bottom-left-radius: 220px 120px; -moz-border-radius: 220px / 120px; border-radius: 220px / 120px; top: -157px; left: 87px; color: #000; background: #fff; display: none; }
.oval-thought:before { content: ""; position: absolute; z-index: -1; bottom: -30px; right: 50%; height: 30px; border-right: 60px solid #fff; background: #fff; -webkit-border-bottom-right-radius: 80px 50px; -moz-border-radius-bottomright: 80px 50px; border-bottom-right-radius: 80px 50px; -webkit-transform: translate(0, -2px); -moz-transform: translate(0, -2px); -ms-transform: translate(0, -2px); -o-transform: translate(0, -2px); transform: translate(0, -2px); }
.oval-thought:after { content: ""; position: absolute; z-index: -1; bottom: -30px; right: 50%; width: 60px; height: 30px; background: #fdc10e; -webkit-border-bottom-right-radius: 40px 50px; -moz-border-radius-bottomright: 40px 50px; border-bottom-right-radius: 40px 50px; -webkit-transform: translate(-30px, -2px); -moz-transform: translate(-30px, -2px); -ms-transform: translate(-30px, -2px); -o-transform: translate(-30px, -2px); transform: translate(-30px, -2px); }
.oval-thought p { line-height: 18px; }
.fire-rocket { position: fixed; bottom: 0; left: 0; right: 0; margin: 0 auto; z-index: 7; }
.smoke-rocket { position: absolute; left: 0; right: 0; margin: 0 auto; z-index: 6; bottom: -528px; width: 100%; }
.smoke-text { position: absolute; left: 0; right: 0; margin: 73px auto; z-index: 999999; font-size: 42px; color: #000; font-family: "BebasNeue", sans-serif; font-weight: normal; }

/*----------------mid section styles ends here-------*/

/*--------------media query css------------------*/
@media (max-width:1899px) {
.bnr-bdy-img { display: none; }
.btm-bg { margin-top: 0; }
.bg-img-icon5 { display: none; }
.bg-img-icon11 { display: none; }
.bg-img-icon4 { display: none; }
}
/*header sticky*/
#headerSlideContent { color: #FFFFFF; height: 50px; margin: 0 auto; width: 882px; }
#header_logo { float: left; padding: 12px 0 0 0px; width: 130px; }
#header_txt { color: #FFFFFF; float: left; font-size: 14px; height: 50px; line-height: 50px; width: 640px; text-align: center; font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: normal; }
#header_txt span { color: #FFFFFF; font-size: 15px; text-align: center; }
#header_order { float: left; padding: 12px 0 0 10px; }
.bottom-header-main { position: absolute; top: 0; z-index: 9999999; width: 100%; }
.social-bg { /* background: #fff none repeat scroll 0 0; */ padding: 35px 0 0; /* float: left; */ width: 100%; clear: both; margin-top: 0;/* position: relative; */ }
.monk-share-area { clear: both; display: block; text-align: center; }
.monk-share-btn { display: inline-block; margin-bottom: 5px; vertical-align: top; }
.embed-infographic { clear: both; display: block; padding: 31px 0 0; }
.embed-infographic h3 { background: #3e3e3e none repeat scroll 0 0; color: #f5f5f5; float: left; font-family: "Open Sans", sans-serif; font-size: 16px !important; font-style: normal; font-weight: 400 !important; margin: 0 0 35px; padding: 10px 0; text-align: center; text-transform: uppercase; line-height: 20px; width: 100%; }
.embed-textarea { float: left; width: 100%; }
.embed-textarea textarea { background-color: #ffffff; border: 1px solid #cccccc; border-radius: 3px; box-sizing: border-box; clear: both; color: #000000; font-size: 13px; font-weight: 400; line-height: 20px; outline: medium none; padding: 8px; resize: none; width: 100%; overflow: auto; vertical-align: top; margin: 0; }
.stats-to-tweet { text-align: center; clear: both; display: inline-block; }
.embed-infographic h5 { background: #3e3e3e; font-size: 16px; float: left; width: 100%; padding-bottom: 15px; padding-top: 15px; margin: 35px 0px; text-transform: uppercase; color: #F5F5F5; font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: normal; text-align: center; }
.stats-to-tweet ul { text-align: center; width: 100%; padding: 0; }
.stats-to-tweet li { font-size: 14px; margin-bottom: 21px; line-height: 21px; border-bottom: 1px dashed #D8D8D8; padding: 10px 0 14px; text-align: center; font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: normal; text-align: center; width: 80%; display: inline-block; zoom: 1; color: #fff; }
.stats-to-tweet li:last-child { border-bottom: none; margin: 0; }
.stats-to-tweet li p { display: inline-block; vertical-align: top; margin-bottom: 0; font-size: 14px; line-height: 20px; padding-bottom: 25px; color: #000; font-family: arial; }
.stats-to-tweet li a { color: #F26725; display: inline-block; vertical-align: top; }
.counters { position: absolute; width: 90px; height: 90px; font-size: 52px; color: #fff; background: #C73538; border-radius: 50%; border: 5px solid #FF0004; left: 0; right: 0; margin: 0 auto; z-index: 99999999999; bottom: 63%; text-align: center; padding: 4px 0; }