@charset "utf-8";
/* CSS Document */

body { background: url(../images/top_bg.jpg) 80% 0 no-repeat; padding: 0; margin: 0; font: normal 13px/19px 'Open Sans', sans-serif; color: #252525; }
.left { float: left; }
.left-sign-in { float: left; width: 31%; margin-right: 1.5%; margin-bottom:24px;}
.right { float: right; }
.clear { clear: both; width:100%; height:0; line-height:0.0; }
.spacer { clear: both; display: block; line-height: 0; font-size: 0; }
/*@font-face { font-family: 'Conv_IDEALSANS-SEMIBOLDITALIC'; src: url('../fonts/IDEALSANS-SEMIBOLDITALIC.eot'); src: local('☺'), url('../fonts/IDEALSANS-SEMIBOLDITALIC.woff') format('woff'), url('../fonts/IDEALSANS-SEMIBOLDITALIC.ttf') format('truetype'), url('../fonts/IDEALSANS-SEMIBOLDITALIC.svg') format('svg'); font-weight: normal; font-style: normal; }*/
/*@font-face { font-family: 'Conv_IDEALSANS-SEMIBOLD'; src: url('../fonts/IDEALSANS-SEMIBOLD.eot'); src: local('☺'), url('../fonts/IDEALSANS-SEMIBOLD.woff') format('woff'), url('../fonts/IDEALSANS-SEMIBOLD.ttf') format('truetype'), url('../fonts/IDEALSANS-SEMIBOLD.svg') format('svg'); font-weight: normal; font-style: normal; }*/
h1, h2.Header_1 { color: #1C344D; display: block; font-size: 21pt; font-weight: 600; line-height: 29px; margin: 0 0 14px; text-transform: uppercase; }
#wrapper { width: 100%; padding: 0; margin: 0; }
h1, h2, h3, h4, h5, h6, pre, blockquote { margin: 0; padding: 0; }
.priceContainer p { margin: 0; padding: 0; }
sup { font-size: 50%; }
.price-chart ul { margin: 0; padding: 0; }
#content { width: 960px; margin: 40px auto; }

.row {
    margin: 0 auto;
    max-width: 1140px;
    overflow: hidden;
    width: 100%;
}
.circle-image-right { float:right; padding-left:45px;}
.circle-image-left { float:left; padding-right:45px;}

.home-dotted-line {
    background-image: url("/img/home_dotted_line_bg.png");
    background-repeat: repeat-x;
    height: 5px;
    margin-top: -25px;
	margin-bottom:45px;
}
.top-buttons {
    margin: 40px auto 35px;
    text-align: center;
    width: 640px;
}

/* SaaS Pricing Chart CSS: */

.attr-col { margin: 110px 0 0; float: left; width: 200px; }
.attr-col ul { background: #f4f4f4; font-weight: bold; font-size: 13px; border: 1px solid #d6d6d6; border-width: 1px 0px 1px 1px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.attr-col ul li { text-align: right; padding: 0 10px; border-bottom: 1px solid #d6d6d6; line-height: 45px; display: block; }
.attr-col ul li.last { border-bottom: none; }
.pt-table { padding-left: 200px; display: block; position: relative; }
.pt-body { padding: 10px 0 0; }
.pt-rows li { display: block; overflow: hidden; background: #fff; border-left: 2px solid #ccc; border-right: 2px solid #ccc; border-bottom: 1px solid #d9d9d9; }
.pt-rows li span { width: 24%; text-align: center; float: left; border-right: 1px solid #d9d9d9; display: block; line-height: 45px; height: 45px; }
.pt-rows li.title { background: #666; font-size: 22px; color: #fff; font-weight: bold; -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; border-bottom: 2px solid #555; border-width: 0 0 2px; }
.pt-rows li.title span { line-height: 50px; height: 50px; border: none; padding: 0 1px; text-shadow: 2px 2px #444; }
.pt-rows li.fees { border-bottom: 1px solid #ccc; }
.pt-rows li.fees span { line-height: 48px; height: 48px; background: #f7f7f7; font-size: 34px; font-weight: 700; font-family: Georgia, Arial, sans-serif; color: #4172a5; text-shadow: 2px 2px #fff; }
.pt-rows li span.pt-yes { background: url(/yes-no.gif) no-repeat center 12px; }
.pt-rows li span.pt-no { background: url(/yes-no.gif) no-repeat center -38px; }
.pt-rows li.fin { border-bottom: 2px solid #d9d9d9; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; height: 85px; }
.pt-rows li span.pt-3x { width: 72%; float: left; text-align: center; border: none; }
.pt-special { width: 23%; position: absolute; right: 0; top: 0; }
.pt-special .pt-rows { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border: 1px solid #a2b7ca; background: #f4faff; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); padding-bottom: 10px; }
.pt-special .pt-rows li { border-width: 0 0 1px; background: transparent; }
.pt-special .pt-rows li.title { height: 58px; margin: 1px; background: #d0ebfe; color: #2a719d; font-size: 30px; line-height: 65px; text-align: center; border-bottom: 1px solid #bfd4e6; border-width: 0 0 1px; text-shadow: 2px 2px #e6f5ff; }
.pt-special .pt-rows li.fees { border-bottom: 1px solid #bcd8ec; }
.pt-special .pt-rows li.fees span { background: #ecf6fe; }
.pt-special .pt-rows li.fin { border: none; text-align: center; }
.pt-special .pt-rows li span { border: none; width: 100%; }
.pt-special .pt-rows li.fin .big-button { background: #3a8bd0; top: 22px; }
.pt-special .pt-rows li.fin .big-button:hover { background: #50a6ef; }
/* Simple Button CSS: */

.big-button { font-size: 24px; line-height: 50px; font-weight: 700; color: #fff; padding: 10px 20px; background: #4a980d; text-shadow: 2px 2px rgba(0, 0, 0, 0.3); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #407718; text-decoration: none; position: relative; top: 18px; }
.big-button:hover { color: #fff; -moz-box-shadow: 0 0 20px #fffc00; -webkit-box-shadow: 0 0 20px #fffc00; box-shadow: 0 0 20px #fffc00; background: #6fbb2f; }
.big-button:active { position: relative; top: 19px; }
.attr-col ul li { font-size: 8pt; font-weight: normal; }
/* ----------------- header ---------------- */

#header { padding: 34px 0 22px; width: 960px; margin: 0 auto; border-bottom: #AAAAAA 1px solid; }
#header .content { min-height: 117px; clear: both; }
#header .logo { background: url(../images/logo.png) 0 0 no-repeat; width: 230px; height: 89px; padding: 0; margin: 16px 0 0 0; float: left; }
#header .logo a { display: block; height: 0; padding: 89px 0 0 0; overflow: hidden; line-height: normal; font-size: 0; text-decoration: none; }
#header .right-panel { float: right; }
#header .navBlock { padding: 49px 50px 0; width: 360px; float: left; }
#header .navBlock .caption { color: #1c344d; text-transform: uppercase; font-size: 17px; line-height: 17px; font-weight: 600; display: block; margin: 0 0 14px; letter-spacing: 3px; }

#header .navBlock .caption a:link { color: #1c344d; text-decoration: none; }
#header .navBlock .caption a:hover { color: #1c344d; text-decoration: underline; }
#header .navBlock .caption a:active { color: #1c344d; text-decoration: none; }
#header .navBlock .caption a:visited { color: #1c344d; text-decoration: none; }

.designs-right-header {
	font-size: 20px ;
}

#header .navBlock ul { list-style-type: none; padding: 0; margin: 0; }
#header .rtblock { width: 270px; float: right; text-align: right; }
#header .rtblock .toplinks { color: #07588c; font-size: 13px; line-height: 19px; font-weight: 600; }
#header .rtblock .toplinks a { color: #07588c; text-decoration: none; }
#header .rtblock .toplinks a:hover { text-decoration: underline; }
#header .rtblock .big { color: #252525; padding: 0; margin: 0; font-size: 24px; line-height: 26px; font-weight: 700; padding: 12px 0 20px; display: block; }
.btn1 { background: #ffb03b; border-radius: 4px; padding: 11px 13px; color: #FFF; font-size: 19px; line-height: 21px; font-weight: 700; text-decoration: none; -webkit-transition: background .3s ease, color 0.2s linear; -moz-transition: background .3s ease, color 0.2s linear; -o-transition: background .3s ease, color 0.2s linear; transition: background .3s ease, color 0.2s linear; display: inline-block; }
.btn1:hover { background: #ffbf61; }
.btn2 { background: #72b04d; border-radius: 4px; padding: 11px 13px; color: #FFF; font-size: 19px; line-height: 21px; font-weight: 700; text-decoration: none; -webkit-transition: background .3s ease, color 0.2s linear; -moz-transition: background .3s ease, color 0.2s linear; -o-transition: background .3s ease, color 0.2s linear; transition: background .3s ease, color 0.2s linear; display: inline-block; }
.btn2:hover { background: #7ec951; }

.left-sign-in .btn2 {margin: auto; width: 70%;}
/* ----------------- slider structure ------------- */

#slider-banner { clear: both; }
#sliderBlock { width: 990px; display: table; margin: 0 auto; }
#sliderBlock .ltTd { display: table-cell; /*background:url(../images/slider_bg.gif) 0 0 repeat-x;*/ }
#sliderBlock .mdTd { width: 990px; display: table-cell; text-align: center; }
#sliderBlock .rtTd { display: table-cell; }
#sliderBlock .mdTd .slider { width: 990px; margin: 0 auto; padding: 68px 0 40px; overflow: hidden; }
#sliderBlock .mdTd .slider h2, #sliderBlock .mdTd .slider h3 { color: #FFF; font: 300 37px/39px 'Open Sans', sans-serif; padding: 0; margin: 0 0 24px; }
#sliderBlock .mdTd .slider h3 { font-size: 30px; line-height: 32px; }
#sliderBlock .mdTd .slider h3 strong { font-weight: 700; }
#sliderBlock .mdTd .slider .lt { width: 525px; float: left; padding: 4px 0 0 0; position:relative; z-index:100; }
#sliderBlock .mdTd .slider .lt .arrowBox { background: #1c344d; text-align: left; padding: 38px 0 0 8px; position: relative; height: 229px; margin-bottom: 6px; }
#sliderBlock .mdTd .slider .lt .arrowBox .arrow { background: url(../images/big_arrow.png) 0 0 no-repeat; width: 37px; height: 267px; display: block; position: absolute; right: -34px; top: 0; }
#sliderBlock .mdTd .slider .rt { width: 460px; float: right; padding: 0 15px 0 0 0; position: relative; }
#sliderBlock .mdTd .slider .rt img { display: block; }
#sliderBlock .mdTd .slider .rt .sml-mob { position: absolute; right: 50px; bottom: 40px; display: block; }
#sliderBlock .mdTd .slider .lt p { color: #000; font-size: 16px; line-height: 18px; padding: 17px 0 0 0; margin: 0; }
#sliderBlock .mdTd .slider .lt .btn1 { padding: 18px; font-size: 26px; line-height: 26px; float: right; }
#slider-banner .slider-nav { background: url(../images/grnbar.png) 0 0 repeat-x; height: 42px; clear: both; width: 100%; padding: 0; margin: 0; }
#slider-banner .slider-nav .content { width: 990px; margin: 0 auto; padding-top: 13px; text-align: right; overflow: hidden; }
#slider-banner .slider-nav a { background: #FFF; border-radius: 50px; width: 16px; height: 0; padding: 16px 0 0 0; overflow: hidden; line-height: normal; font-size: 0; text-decoration: none; -webkit-transition: background .3s ease, color 0.2s linear; -moz-transition: background .3s ease, color 0.2s linear; -o-transition: background .3s ease, color 0.2s linear; transition: background .3s ease, color 0.2s linear; display: inline-block; margin: 0 0 0 6px; }
#slider-banner .slider-nav a:hover, #slider-banner .slider-nav a.active { background: #fff12b; }
/* ----------------- main content area --------------- */

#main {
    width: 100%;
    padding: 23px 0 0 0;
    min-height: 655px;
    margin-bottom:44px;
    overflow: hidden;
    clear: both;
}
#main.homePage { background: url(../images/content_bg.gif) 0 0 repeat; }
#main .content { width: 906px; margin: 0 auto; position: relative; }
.homePage .slider { background: url(../images/blue_bg.png) 0 0 repeat-x; }
.navBar { background: url(../images/blue_bg.png) 0 0 repeat-x; height: 70px; padding: 0 0 0 17px; clear: both; position: relative; font-size: 18px; line-height: 19px; }
#main .content .ltcurve { display: block; background: url(../images/blue_curve_lt.png) 0 0 no-repeat; width: 14px; height: 85px; position: absolute; left: -14px; top: 0; }
#main .content .rtcurve { display: block; background: url(../images/blue_curve_rt.png) 0 0 no-repeat; width: 14px; height: 85px; position: absolute; right: -14px; top: 0; }
.navBar a { color: #FFF; background: url(../images/divider2.gif) 0 60% no-repeat; text-decoration: none; -webkit-transition: color 0.2s linear; -moz-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear; padding: 0 0 0 18px; display: inline-block; margin: 24px 0; }
.navBar a:hover { color: #b8d7f6; }
.grnLine { background: #72b04d; height: 42px; border-bottom: #FFF 1px solid; clear: both; display: block; }


/* -------------------- footer ------------ */

#footer { background: url(../images/footer_bg.gif) 0 0 repeat-x #1d3f63; border-bottom: #7e9fc6 16px solid; clear: both; overflow: hidden; padding: 30px 0 50px; }
#footer .content { width: 906px; margin: 0 auto; }
#footer .lt { width: 342px; float: left; }
#footer .rt { width: 428px; float: right; }
#footer h2 { color: #FFF; font: normal 27px/28px 'Conv_IDEALSANS-SEMIBOLD'; padding: 0; margin: 0 0 3px; }
#footer h3 { color: #FFF; font: normal 27px/28px 'Conv_IDEALSANS-SEMIBOLD'; padding: 0; margin: 0 0 3px; }
#footer .rt p { color: #acd373; font: normal 19px/19px 'Conv_IDEALSANS-SEMIBOLDITALIC'; padding: 0; margin: 0 0 15px; }
#footer .selectbox { width: 68px; float: left; position: relative; display: block; margin: 0 3px 8px 0; }
#footer input[type=text] { padding: 8px 7px; background: #FFF; border: #11233a 1px solid; outline: none; color: #464646; font: normal 14px/17px 'Open Sans', sans-serif; margin: 0 3px 8px 0; }
#footer input[type=text].txtbox1 { width: 80px; }
#footer input[type=text].txtbox2 { width: 250px; }
#footer input[type=text].txtbox3 { width: 96px; }
#footer .selectbox .select { position: absolute; width: 43px; /* With the padding included, the width is 190 pixels: the actual width of the image. */ height: 37px; padding: 0 16px 0 9px; color: #fff; font: normal 14px/35px 'Open Sans', sans-serif; background: url(../images/selectbox.gif) no-repeat; overflow: hidden; color: #464646; }
#footer .selectbox select.styled { height: 37px; }
#footer .rt .lt-txtbox { float: left; margin: 0 5px 3px 0; }
#footer .rt .rt-txtbox { float: left; }
#footer .rt .lt-txtbox label, #footer .rt .rt-txtbox label { color: #6dcff6; font-size: 13px; line-height: 16px; margin: 0 0 6px; padding: 0; display: block; }
#footer .rt .free-trial { background: #75b54f; border-radius: 5px; padding: 23px 28px; color: #FFF; font: 600 30px/31px 'Open Sans', sans-serif; text-decoration: none; display: block; text-shadow: 0px 2px 1px #705f33; -webkit-transition: background .3s ease, color 0.2s linear; -moz-transition: background .3s ease, color 0.2s linear; -o-transition: background .3s ease, color 0.2s linear; transition: background .3s ease, color 0.2s linear; display: block; float: left; border: #68220c 1px solid; }
#footer .rt .free-trial:hover { background: #90c770; }
#footer .rt .btnblock { padding: 24px 0 0 18px; display: block; float: left; }
#footer .rt .btnblock span { color: #FFF; font-size: 15px; line-height: 17px; padding: 8px 12px 0 0; display: block; float: left; }
#footer .rt .btnblock input[type=button] { background: #FFF; border-radius: 5px; border: 0; height: 33px; text-align: center; width: 90px; color: #222; font-size: 15px; line-height: 31px; font-weight: 400; float: left; -webkit-transition: background .3s ease, color 0.2s linear; -moz-transition: background .3s ease, color 0.2s linear; -o-transition: background .3s ease, color 0.2s linear; transition: background .3s ease, color 0.2s linear; cursor: pointer; }
#footer .rt .btnblock input[type=button]:hover { background: #efefef; }
#footer .lt aside { width: 45%; margin-bottom: 39px; }
#footer .lt ul { list-style-type: none; padding: 0; margin: 0; }
#footer .lt ul li { list-style-type: none; color: #FFF; font-size: 14px; line-height: 17px; padding: 6px 3px 6px 0; margin: 0; border-top: dotted 1px #FFF; }
#footer .lt ul li:first-child { border-top: 0; }
#footer .lt ul li a { color: #FFF; text-decoration: none; -webkit-transition: background .3s ease, color 0.2s linear; -moz-transition: background .3s ease, color 0.2s linear; -o-transition: background .3s ease, color 0.2s linear; transition: background .3s ease, color 0.2s linear; }
#footer .lt ul li a:hover { color: #bdddfd; }
#footer .share-icon-box { background: #FFF; padding: 12px 14px 12px 18px; border-radius: 5px; clear: both; overflow: hidden; margin: 0 0 50px; }
#footer .share-icon-box span { display: block; float: left; padding: 7px 0 0 0; color: #07588c; font-size: 17px; line-height: 18px; }
#footer .share-icon-box img { margin-left: 6px; display: block; float: left; }
#footer .lt address { display: block; font-style: normal; color: #FFF; font-size: 12px; line-height: 22px; }
#footer .lt address a { text-decoration: none; color: #00bff3; }
#footer .lt address a:hover { text-decoration: underline; }
/* ----------------------- inner pages ------------- */
h2 {
color: #72b04d;
font: normal 26px/34px 'Open Sans', sans-serif;
padding: 0;
margin: 14px 0px;
}

.inner-content {
    width: 960px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 21px;
}
.inner-content h1 {
color: #1c344d;
font: normal 37px/39px 'Open Sans', sans-serif;
padding: 0;
margin: 0 0 13px;
margin-top: 13px;
}
.inner-content p { color: #1c344d; font-size: 14px; line-height: 21px; padding: 0; margin: 0 0 35px; }
.inner-content .leftPanel { width: 562px; float: left; }
.inner-content .rightPanel { width: 244px; float: right; margin-top: 115px; }
.inner-content .rightPanel img { display: block; margin: 0 auto 25px; }
.inner-content2  { font-size: 14px; line-height: 29px;margin-bottom:44px;}
.inner-content2 h1 {
color: #1c344d;
font: normal 37px/39px 'Open Sans', sans-serif;
padding: 0;
margin: 0 0 13px;
margin-top: 13px;
}
.inner-content h3 {
color: #72b04d;
font: normal 20px/29px 'Open Sans', sans-serif;
padding: 0;
margin: 14px 0px;
}


a { color: #1C344D; }
.breadcrumb { color: #1c344d; font-size: 14px; line-height: 18px; margin: 0 0 30px; overflow: hidden; }
.breadcrumb a { color: #1c344d; text-decoration: none; }
.breadcrumb a:hover { text-decoration: underline; }

.row h2 {  margin: 0px; }

.popupBox { background: url(../images/popup_bg.gif) 0 100% repeat-x #3b618a; border-radius: 5px; position: relative; margin: 0 auto 32px; }
.popupBox .box-content { overflow: hidden; padding: 28px 16px 26px; color: #FFF; font-size: 20px; line-height: 20px; font-style: italic; }
.popupBox .arrow { background: url(../images/popup_arrow.png) 0 0 no-repeat; width: 24px; height: 20px; display: block; position: absolute; right: 50px; bottom: -19px; }
.litebutton { background: none repeat scroll 0 0 #222222; background-color: #2DAEBF; border-bottom: 1px solid rgba(0, 0, 0, 0.25); border-radius: 5px 5px 5px 5px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); color: #FFFFFF !important; cursor: pointer; display: inline-block; font-size: 14px; padding: 8px 19px 9px; font-weight: bold; line-height: 1; overflow: visible; position: relative; text-decoration: none; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25); width: auto; }

.punch-light ul { margin-left:0px; font-size:9pt; padding-left:15px; }
.punch-light li { border-bottom:dotted 1px #ccc; line-height:20px;}





.one_third {
    width: 30.6%;
}
.one, .one_half, .one_third, .two_third, .three_fourth, .one_fourth {
    float: left;
    margin-bottom: 37px;
    margin-right: 4%;
    position: relative; text-align:center;
}
.last {
    clear: right;
    margin-right: 0 !important;
}

.one_fourth {
    width: 21.8%;
}


.fourcol {
    width: 30.8%;
}
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
    float: left;
    margin-right: 1.9%;
    padding-right: 1.9%;
}

.row .litebutton { margin-bottom:12px;}
.row .twocol { padding-top:4px}

#responsive {
    margin: 0 auto;
    padding: 10px 0;
    width: 95%;
    display: none;
}
.non-responsive-content { display:block;}
.responsive-content { display: none;}
#responsive select {
    display: inline-block;
    width: 100%;
}



 @media only screen and (orientation:landscape) {
body { -webkit-text-size-adjust: none; }
}
@media only screen and (orientation:portrait) {
body { -webkit-text-size-adjust: none; }
}

/************************************************************************************
MOBILE
*************************************************************************************/
@media screen and (max-width: 860px) {
#header { padding-top: 15px; float: left; padding-bottom: 35px; }
#header, #sliderBlock .mdTd, #sliderBlock .mdTd .slider { width: 100%; }
#slider-banner .slider-nav .content { width: 98%; }
#header .right-panel { width: 500px; }
#header .rtblock { float: left; text-align: left; margin-bottom: 20px; }
#header .navBlock { float: none; width: 98%; margin: 0 auto; clear: both; padding: 0; }
#header .navBlock .caption { margin-bottom: 5px; }
#sliderBlock .mdTd .slider .lt { width: 45%; }
#sliderBlock .mdTd .slider .rt { width: 50%; }
#sliderBlock .mdTd .slider .rt img { width: 100%; }
#sliderBlock .mdTd .slider .rt img.sml-mob { width: auto; }
#sliderBlock .mdTd .slider h2, #sliderBlock .mdTd .slider h3 { font-size: 26px; line-height: 29px; }
#sliderBlock .mdTd .slider h3 { font-size: 23px; line-height: 28px; }
#sliderBlock .mdTd .slider .lt p { font-size: 17px; line-height: 20px; }
#sliderBlock .mdTd .slider .lt .btn1 { padding: 15px 12px; font-size: 18px; line-height: 20px; }
#main .content { width: 97%; }
#footer .content { width: 98%; }
#footer .lt { width: 48%; }
#footer .rt { width: 48%; }
#footer .rt .free-trial { font-size: 24px; line-height: 30px; padding: 20px 5px; }
.inner-content { width: 98%; }
.inner-content .leftPanel { width: 70%; }
.inner-content .rightPanel { width: 25%; }
.non-responsive-content { display:none;}
.responsive-content { display: block;}
.left-sign-in .btn2 {font-size: 12px; width:60%;}
}
@media screen and (max-width:715px) {
.left-sign-in { float: left; width:100%; margin-right: 0%;}
.left-sign-in .btn2 {font-size: 12px; width:30%;}
}
@media screen and (max-width:650px) {
#header .logo { float: none; margin: 0 auto 20px; }
#header .rtblock { float: none; margin: 0 auto 20px; overflow: hidden; text-align: center; }
#header .right-panel { width: 100%; float: none; clear: both; }
#header .navBlock .caption { text-align: center; margin-bottom: 12px; }
#header .navBlock ul { background: #a4c97c; border-radius: 5px; }
#header .navBlock ul { padding: 5px 2% 0; }
#header { border: 0; padding-bottom: 15px; }
.navBar { font-size: 16px; }
#slider-banner{display:none;}
#footer h2 { font-size: 24px; line-height: 27px; }
#footer .share-icon-box { padding: 12px; }
#footer .share-icon-box span { font-size: 14px; line-height: 17px; }
#sliderBlock .mdTd .slider .lt .arrowBox { height: 160px; padding-top: 20px; }
#sliderBlock .mdTd .slider .lt .arrowBox .arrow { background: url(../images/big_arrow_ipad.png) 0 0 no-repeat; width: 25px; height: 180px; right: -25px; }
#sliderBlock .mdTd .slider h2, #sliderBlock .mdTd .slider h3 { font-size: 20px; line-height: 24px; }
#sliderBlock .mdTd .slider h3 { font-size: 17px; line-height: 22px; }
#sliderBlock .mdTd .slider { padding-top: 40px; }
#sliderBlock .mdTd .slider .lt p { width: 48%; padding: 0; text-align: left; }
#sliderBlock .mdTd .slider .rt img.sml-mob { width: 30%; }
.one, .one_half, .one_third, .two_third, .three_fourth, .one_fourth{float:none; width:25%; margin:0 auto;}
.one_third.last, .one_fourth.last{margin-right:auto!important;}
.inner-content .leftPanel img,
.inner-content .rightPanel img,
.inner-content2 .leftPanel img,
.inner-content2 .rightPanel img { width: auto; float:none!important; }
.inner-content2 .leftPanel li img,
.inner-content2 .rightPanel li img { width: auto; float:none!important; }
.inner-content2{width:100%!important;}
.popupBox .box-content { font-size: 16px; line-height: 18px; }
.non-responsive-content { display:none;}
.responsive-content { display: block;}
.left-sign-in { float: left; width:100%; margin-right: 0%;}
.left-sign-in .btn2 {font-size: 12px; width:30%;}
}
 @media screen and (max-width:500px) {
#footer .lt { width: 100%; float: none; clear: both; overflow: hidden; margin: 0 0 20px; }
#footer .rt { float: none; width: 100%; }
#sliderBlock .mdTd .slider .lt .arrowBox .arrow { background: url(../images/big_arrow_iphone.png) 0 0 no-repeat; width: 17px; height: 120px; right: -17px; }
#sliderBlock .mdTd .slider .lt .arrowBox { padding-top: 10px; height: 110px; }
#sliderBlock .mdTd .slider { padding: 25px 0; }
#sliderBlock .mdTd .slider h2, #sliderBlock .mdTd .slider h3 { font-size: 16px; line-height: 18px; margin: 0 0 10px; }
#sliderBlock .mdTd .slider h3 { font-size: 14px; line-height: 16px; margin: 0; }
#sliderBlock .mdTd .slider .lt p { font-size: 14px; line-height: 17px; }
#sliderBlock .mdTd .slider .lt .btn1 { font-size: 15px; line-height: 17px; padding: 7px; }
.navBar { font-size: 13px; line-height: 17px; }
.navBar a { padding-left: 14px; }
#footer .lt ul li { font-size: 13px; line-height: 16px; }
.inner-content h2 { font-size: 28px; line-height: 29px; margin: 0 0 30px; }
.minimal .plan{float:none; width:95%;}
.minimal .plan img{width:auto;}
.non-responsive-content { display:none;}
.responsive-content { display: block;}
}
 @media screen and (max-width:400px) {
.navBar a { margin: 18px 0 0; background: none; }
.navBar { font-size: 12px; line-height: 15px; }
.inner-content .leftPanel { width: 100%; clear: both; overflow: hidden; float: none; }
.inner-content .rightPanel { width: 100%; clear: both; float: none; }
.inner-content .rightPanel img { width: auto; max-width: 100%; }
#footer h2 { font-size: 21px; line-height: 24px; }
#footer h3 { font-size: 16px; line-height: 19px; }
.non-responsive-content { display:none;}
.responsive-content { display: block;}
}
/* ---------- Price Container Styles ---------- */

div.priceContainer { margin: 0 auto; font-family: "Oswald", "Arial", sans-serif; color: #31b4b6; }
div.priceContainer span { font-size: 12px; color: #a1a7b0; }
div.price1 { background: url("../../img/price1BG.png") top center no-repeat; width: 112px; height: 112px; margin-top: 36px; font-size: 24px; }
div.price1 p { padding-top: 30px; }
div.price2 { background: url("../../img/price2BG.png") top center no-repeat; width: 122px; height: 122px; margin-top: 31px; font-size: 28px; }
div.price2 p { padding-top: 35px; }
div.price3 { background: url("../../img/price3BG.png") top center no-repeat; width: 132px; height: 132px; margin-top: 26px; font-size: 32px; }
div.price3 p { padding-top: 40px; }
div.price4 { background: url("../../img/price4BG.png") top center no-repeat; width: 142px; height: 142px; margin-top: 21px; font-size: 36px; }
div.price4 p { padding-top: 45px; }
/* ---------- Pricing Table Styles ---------- */

div#tableContainer { border: 1px solid #e2e7eb; padding: 1px; background: url("../../img/tableBottomBG.png") left bottom repeat-x; }
div.tableCell { border-right: 1px solid #616365; width: 238px; float: left; text-align: center; }
table.pricingTableContent { width: 100%; }
table.pricingTableContent td { text-align: center; vertical-align: middle; width: 238px; border-right: 1px solid #e2e7eb; color: #77808a; }
.noBorder { border-right: none; }
div.tableHeading { background: #3a3c3f url("../../img/headingPattern.png"); padding-top: 25px; height: 111px; }
div.tableHeading h2 { font-family: "Oswald", "Arial", sans-serif; font-size: 20px; color: white; }
table.pricingTableContent tr td { padding: 10px 0; }
table.pricingTableContent tr.altRow td { background-color: #f5f5f5; }
table.pricingTableContent tr.signUpRow td { padding: 75px 0 20px 0; }
table.pricingTableContent td strong { color: #424447; }
table.pricingTableContent tfoot td { border-top: 1px solid #e2e7eb; padding: 25px 0; }
table.pricingTableContent tfoot td h4 { color: #3a3c3f; font-size: 18px; }
table.pricingTableContent tfoot td span { display: block; font-size: 12px; color: #a1a7b0; margin-bottom: 15px; }
/* ---------- Recommended Plan Styles ---------- */

div.recommended .tableHeading, td.recommended { background: #3a3c3f; color: #b4bac4; }
div.recommended .tableHeading { background: #3a3c3f url("../../img/recommendationBadge.png") top left no-repeat; margin-top: -20px; padding-top: 45px; }
table.pricingTableContent tr.altRow td.recommended { background-color: #46494c; }
table.pricingTableContent td.recommended strong, table.pricingTableContent tfoot td.recommended h4 { color: white; }
table.pricingTableContent tfoot td.recommended { border-top: 1px solid #4f5357; }
div.recommended .price1 { background: url("../../img/price1BGRecommended.png") top center no-repeat; }
div.recommended .price2 { background: url("../../img/price2BGRecommended.png") top center no-repeat; }
div.recommended .price3 { background: url("../../img/price3BGRecommended.png") top center no-repeat; }
div.recommended .price4 { background: url("../../img/price4BGRecommended.png") top center no-repeat; }
/* ---------- Button Styles ---------- */

a.signUpButton { color: white; border: 1px solid #63b13d; font-weight: bold; padding: 8px 20px; display: inline-block; background-color: #72ce3f; /* Fallback Color */ background: -moz-linear-gradient(top, #72cf3f, #60bb2d); /* FF 3.6+ */ background: -webkit-linear-gradient(top, #72cf3f, #60bb2d); /* Safari 5.1+, Chrome 10+ */ }
a.signUpButton:hover { background-color: #79db43; /* Fallback Color */ background: -moz-linear-gradient(top, #79db43, #66c730); /* FF 3.6+ */ background: -webkit-linear-gradient(top, #79db43, #66c730); /* Safari 5.1+, Chrome 10+ */ }
/* ---------- Browser Compatibility Fixes ---------- */

.ie7 .price1 p { padding-top: 25px; }
.ie7 .price2 p { padding-top: 30px; }
.ie7 .price3 p { padding-top: 30px; }
.ie7 .price4 p { padding-top: 35px; }
.ie7 .priceContainer span { display: inline-block; }
.ie7 div.recommended .tableHeading { z-index: 100; position: relative; }
.ie7 table.pricingTableContent tr.signUpRow td.recommended { z-index: 10; }